quidproquo-web-admin 0.1.2 → 0.1.4

package/lib/commonjs/Auth/logic/runtime/askAuthMain.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.askAuthMain = askAuthMain;
-const platformLogic_1 = require("../../../platformLogic");
-const authActionCreator_1 = require("../authActionCreator");
 const askRunRefreshTokensLoop_1 = require("./askRunRefreshTokensLoop");
+// No token restore on boot: tokens are in-memory only, so a page refresh
+// always lands on the login screen and starts a fresh admin session.
 function* askAuthMain() {
-    const authInfo = yield* (0, platformLogic_1.askLoadAuthToken)();
-    yield* (0, authActionCreator_1.askAuthUISetAuthInfo)(authInfo);
     yield* (0, askRunRefreshTokensLoop_1.askRunRefreshTokensLoop)();
 }
+//# sourceMappingURL=askAuthMain.js.map

package/lib/commonjs/Auth/logic/runtime/askAuthMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"askAuthMain.js","sourceRoot":"","sources":["../../../../../src/Auth/logic/runtime/askAuthMain.ts"],"names":[],"mappings":";;AAMA,kCAEC;AAND,uEAAoE;AAEpE,yEAAyE;AACzE,qEAAqE;AACrE,QAAe,CAAC,CAAC,WAAW;IAC1B,KAAK,CAAC,CAAC,IAAA,iDAAuB,GAAE,CAAC;AACnC,CAAC","sourcesContent":["import { AskResponse } from 'quidproquo-core';\n\nimport { askRunRefreshTokensLoop } from './askRunRefreshTokensLoop';\n\n// No token restore on boot: tokens are in-memory only, so a page refresh\n// always lands on the login screen and starts a fresh admin session.\nexport function* askAuthMain(): AskResponse<void> {\n  yield* askRunRefreshTokensLoop();\n}\n"]}

package/lib/commonjs/Auth/logic/runtime/askRunRefreshTokensLoop.js

@@ -33,3 +33,4 @@ function* askRunRefreshTokensLoop() {
         yield* (0, quidproquo_core_1.askDelay)(10000);
     }
 }
+//# sourceMappingURL=askRunRefreshTokensLoop.js.map

package/lib/commonjs/Auth/logic/runtime/askRunRefreshTokensLoop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"askRunRefreshTokensLoop.js","sourceRoot":"","sources":["../../../../../src/Auth/logic/runtime/askRunRefreshTokensLoop.ts"],"names":[],"mappings":";;AAMA,0DAoCC;AA1CD,qDAAmI;AAEnI,0DAA8E;AAC9E,4DAA4D;AAG5D,QAAe,CAAC,CAAC,uBAAuB;;IACtC,OAAO,IAAI,EAAE,CAAC;QACZ,MAAM,EAAE,wBAAwB,EAAE,GAAG,KAAK,CAAC,CAAC,IAAA,8BAAY,EAAY,EAAE,CAAC,CAAC;QAExE,IACE,CAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,kBAAkB;aAC5C,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,kBAAkB,CAAC,YAAY,CAAA;aACzD,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,kBAAkB,CAAC,SAAS,CAAA,EACtD,CAAC;YACD,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,IAAA,4BAAU,GAAE,CAAC;YAChC,MAAM,YAAY,GAAG,CAAC,KAAK,CAAC,CAAC,IAAA,uCAAqB,EAAC,GAAG,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC;YAExH,4EAA4E;YAC5E,MAAM,UAAU,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;YAClC,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;YAE9C,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;gBACpB,KAAK,CAAC,CAAC,IAAA,0BAAQ,EAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;YAED,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,IAAA,kCAAkB,EAAoD,MAAM,EAAE,eAAe,EAAE;gBACrH,IAAI,EAAE;oBACJ,YAAY,EAAE,MAAA,wBAAwB,CAAC,kBAAkB,0CAAE,YAAY;iBACxE;aACF,CAAC,CAAC;YAEH,IAAI,QAAQ,CAAC,MAAM,GAAG,GAAG,IAAI,QAAQ,CAAC,MAAM,IAAI,GAAG,EAAE,CAAC;gBACpD,SAAS;YACX,CAAC;YAED,KAAK,CAAC,CAAC,IAAA,gCAAgB,EAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACvC,KAAK,CAAC,CAAC,IAAA,wCAAoB,EAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC;QAED,KAAK,CAAC,CAAC,IAAA,0BAAQ,EAAC,KAAK,CAAC,CAAC;IACzB,CAAC;AACH,CAAC","sourcesContent":["import { askDateNow, askDelay, AskResponse, askSecondsElapsedFrom, askStateRead, AuthenticateUserResponse } from 'quidproquo-core';\n\nimport { askPlatformRequest, askSaveAuthToken } from '../../../platformLogic';\nimport { askAuthUISetAuthInfo } from '../authActionCreator';\nimport { AuthRefreshTokenPayload, AuthState } from '../authTypes';\n\nexport function* askRunRefreshTokensLoop(): AskResponse<void> {\n  while (true) {\n    const { authenticateUserResponse } = yield* askStateRead<AuthState>('');\n\n    if (\n      authenticateUserResponse?.authenticationInfo &&\n      authenticateUserResponse?.authenticationInfo.refreshToken &&\n      authenticateUserResponse?.authenticationInfo.expiresAt\n    ) {\n      const now = yield* askDateNow();\n      const timeToExpire = (yield* askSecondsElapsedFrom(now, authenticateUserResponse?.authenticationInfo.expiresAt)) * 1000;\n\n      // Refresh the token 10 minutes before it expires to ensure there's a buffer\n      const bufferTime = 10 * 60 * 1000;\n      const refreshTime = timeToExpire - bufferTime;\n\n      if (refreshTime > 0) {\n        yield* askDelay(refreshTime);\n      }\n\n      const response = yield* askPlatformRequest<AuthRefreshTokenPayload, AuthenticateUserResponse>('POST', '/refreshToken', {\n        body: {\n          refreshToken: authenticateUserResponse.authenticationInfo?.refreshToken,\n        },\n      });\n\n      if (response.status < 200 || response.status >= 300) {\n        continue;\n      }\n\n      yield* askSaveAuthToken(response.data);\n      yield* askAuthUISetAuthInfo(response.data);\n    }\n\n    yield* askDelay(10000);\n  }\n}\n"]}

package/lib/commonjs/Auth/logic/runtime/authLogic.js

@@ -12,3 +12,4 @@ exports.authLogic = {
     askAuthUISetUsername: authActionCreator_1.askAuthUISetUsername,
     askAuthUISetPassword: authActionCreator_1.askAuthUISetPassword,
 };
+//# sourceMappingURL=authLogic.js.map

package/lib/commonjs/Auth/logic/runtime/authLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"authLogic.js","sourceRoot":"","sources":["../../../../../src/Auth/logic/runtime/authLogic.ts"],"names":[],"mappings":";;;AAAA,4DAAkF;AAClF,iDAA8C;AAC9C,mDAAgD;AAChD,+CAA4C;AAE/B,QAAA,SAAS,GAAG;IACvB,YAAY,EAAZ,2BAAY;IACZ,aAAa,EAAb,6BAAa;IACb,WAAW,EAAX,yBAAW;IAEX,oBAAoB,EAApB,wCAAoB;IACpB,oBAAoB,EAApB,wCAAoB;CACrB,CAAC","sourcesContent":["import { askAuthUISetPassword, askAuthUISetUsername } from '../authActionCreator';\nimport { askAuthLogin } from './askAuthLogin';\nimport { askAuthLogout } from './askAuthLogout';\nimport { askAuthMain } from './askAuthMain';\n\nexport const authLogic = {\n  askAuthLogin,\n  askAuthLogout,\n  askAuthMain,\n\n  askAuthUISetUsername,\n  askAuthUISetPassword,\n};\n"]}

package/lib/commonjs/Auth/logic/runtime/index.js

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

package/lib/commonjs/Auth/logic/runtime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Auth/logic/runtime/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B","sourcesContent":["export * from './authLogic';\n"]}

package/lib/commonjs/Config/Config.js

@@ -7,32 +7,35 @@ const quidproquo_webserver_1 = require("quidproquo-webserver");
 const react_1 = require("react");
 const material_1 = require("@mui/material");
 const internals_1 = require("@mui/x-data-grid/internals");
+const adminApp_1 = require("../adminApp");
 const hooks_1 = require("../LogViewer/hooks");
 const drawerWidth = 240;
 const sections = ['General', 'Settings', 'Advanced'];
 function Config() {
     var _a;
-    const [selectedServiceOverride, setSelectedServiceOverride] = (0, react_1.useState)('');
     const [tabIndex, setTabIndex] = (0, react_1.useState)(0);
     const [search, setSearch] = (0, react_1.useState)('');
     const services = (0, hooks_1.useServiceNames)();
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
     const sendMessage = (0, quidproquo_web_react_1.useWebsocketSendEvent)();
     (0, internals_1.useOnMount)(() => {
         const configSyncRequestEvent = {
             type: quidproquo_webserver_1.WebsocketAdminClientMessageEventType.ConfigSyncRequest,
             payload: {},
         };
+        api.applyConfigSyncRequested();
         sendMessage(configSyncRequestEvent);
     });
     const handleServiceClick = (service) => {
-        setSelectedServiceOverride(service);
+        api.applyConfigServiceSelected(service);
         setTabIndex(0);
     };
     const handleTabChange = (event, newIndex) => {
         setTabIndex(newIndex);
     };
     const filteredServices = services.filter((s) => s.label.toLowerCase().includes(search.toLowerCase()));
-    const selectedService = selectedServiceOverride || ((_a = services[0]) === null || _a === void 0 ? void 0 : _a.label);
+    const selectedService = session.configSelectedService || ((_a = services[0]) === null || _a === void 0 ? void 0 : _a.label);
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(material_1.CssBaseline, {}), (0, jsx_runtime_1.jsxs)(material_1.Drawer, { sx: {
                     width: drawerWidth,
                     flexShrink: 0,
@@ -46,3 +49,4 @@ function Config() {
                             }, placeholder: "Search services", size: "small", sx: { mt: 2 }, value: search, variant: "outlined" }) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { overflow: 'auto', p: 2 }, children: (0, jsx_runtime_1.jsx)(material_1.List, { children: filteredServices.map((service) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { disablePadding: true, children: (0, jsx_runtime_1.jsx)(material_1.ListItemButton, { onClick: () => handleServiceClick(service.label), selected: service.label === selectedService, children: (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: service.label }) }) }, service.value))) }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "main", sx: { flexGrow: 1, p: 3 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { gutterBottom: true, variant: "h5", children: [selectedService, " Service"] }), (0, jsx_runtime_1.jsx)(material_1.Tabs, { onChange: handleTabChange, sx: { borderBottom: 1, borderColor: 'divider' }, value: tabIndex, children: sections.map((section, index) => ((0, jsx_runtime_1.jsx)(material_1.Tab, { label: section }, index))) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2 }, children: [sections[tabIndex] === 'General' && (0, jsx_runtime_1.jsxs)(material_1.Typography, { children: ["General settings for ", selectedService] }), sections[tabIndex] === 'Settings' && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Custom configuration options" }), sections[tabIndex] === 'Advanced' && (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Advanced tuning and overrides" })] })] })] }));
 }
 exports.default = Config;
+//# sourceMappingURL=Config.js.map

package/lib/commonjs/Config/Config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Config.js","sourceRoot":"","sources":["../../../src/Config/Config.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useWebsocketSendEvent } from 'quidproquo-web-react';\nimport { WebsocketAdminClientMessageEventType, WebSocketQueueClientEventMessageQpqAdminConfigSyncRequest } from 'quidproquo-webserver';\n\nimport React, { useState } from 'react';\nimport { Box, CssBaseline, Drawer, List, ListItem, ListItemButton, ListItemText, Tab, Tabs, TextField, Toolbar, Typography } from '@mui/material';\nimport { useOnMount } from '@mui/x-data-grid/internals';\n\nimport { useAdminApp, useSessionState } from '../adminApp';\nimport { useServiceNames } from '../LogViewer/hooks';\n\nconst drawerWidth = 240;\n\nconst sections = ['General', 'Settings', 'Advanced'];\n\nexport function Config() {\n  const [tabIndex, setTabIndex] = useState(0);\n  const [search, setSearch] = useState('');\n  const services = useServiceNames();\n\n  const [api] = useAdminApp();\n  const session = useSessionState();\n  const sendMessage = useWebsocketSendEvent();\n\n  useOnMount(() => {\n    const configSyncRequestEvent: WebSocketQueueClientEventMessageQpqAdminConfigSyncRequest = {\n      type: WebsocketAdminClientMessageEventType.ConfigSyncRequest,\n      payload: {},\n    };\n\n    api.applyConfigSyncRequested();\n    sendMessage(configSyncRequestEvent);\n  });\n\n  const handleServiceClick = (service: string) => {\n    api.applyConfigServiceSelected(service);\n    setTabIndex(0);\n  };\n\n  const handleTabChange = (event: React.SyntheticEvent, newIndex: number) => {\n    setTabIndex(newIndex);\n  };\n\n  const filteredServices = services.filter((s) => s.label.toLowerCase().includes(search.toLowerCase()));\n  const selectedService = session.configSelectedService || services[0]?.label;\n\n  return (\n    <Box sx={{ display: 'flex' }}>\n      <CssBaseline />\n\n      {/* Sidebar */}\n      <Drawer\n        sx={{\n          width: drawerWidth,\n          flexShrink: 0,\n          [`& .MuiDrawer-paper`]: { width: drawerWidth, boxSizing: 'border-box' },\n        }}\n        variant=\"permanent\"\n      >\n        <Toolbar>\n          <TextField\n            fullWidth\n            onChange={(e) => setSearch(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') {\n                setSearch(filteredServices[0]?.label);\n                handleServiceClick(filteredServices[0]?.label);\n              }\n            }}\n            placeholder=\"Search services\"\n            size=\"small\"\n            sx={{ mt: 2 }}\n            value={search}\n            variant=\"outlined\"\n          />\n        </Toolbar>\n        <Box sx={{ overflow: 'auto', p: 2 }}>\n          <List>\n            {filteredServices.map((service) => (\n              <ListItem key={service.value} disablePadding>\n                <ListItemButton onClick={() => handleServiceClick(service.label)} selected={service.label === selectedService}>\n                  <ListItemText primary={service.label} />\n                </ListItemButton>\n              </ListItem>\n            ))}\n          </List>\n        </Box>\n      </Drawer>\n\n      {/* Main Content */}\n      <Box component=\"main\" sx={{ flexGrow: 1, p: 3 }}>\n        <Typography gutterBottom variant=\"h5\">\n          {selectedService} Service\n        </Typography>\n\n        {/* Tabs */}\n        <Tabs onChange={handleTabChange} sx={{ borderBottom: 1, borderColor: 'divider' }} value={tabIndex}>\n          {sections.map((section, index) => (\n            <Tab key={index} label={section} />\n          ))}\n        </Tabs>\n\n        {/* Tab Content */}\n        <Box sx={{ mt: 2 }}>\n          {sections[tabIndex] === 'General' && <Typography>General settings for {selectedService}</Typography>}\n          {sections[tabIndex] === 'Settings' && <Typography>Custom configuration options</Typography>}\n          {sections[tabIndex] === 'Advanced' && <Typography>Advanced tuning and overrides</Typography>}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport default Config;\n"]}

package/lib/commonjs/Config/index.js

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

package/lib/commonjs/Config/index.js.map

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

package/lib/commonjs/FederatedAddon.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=FederatedAddon.js.map

package/lib/commonjs/FederatedAddon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FederatedAddon.js","sourceRoot":"","sources":["../../src/FederatedAddon.ts"],"names":[],"mappings":"","sourcesContent":["import { BaseUrlResolvers } from 'quidproquo-web-react';\n\nexport type FederatedTab = {\n  name: string;\n  View: React.ComponentType;\n  icon?: React.ReactElement;\n};\n\nexport type FederatedAddon = {\n  tab: FederatedTab;\n\n  // We use this to detect what is an addon when importing from a federated module\n  isQpqAdminFederatedAddon: boolean;\n};\n\n// Context handed to the addon loader so the host application can resolve\n// remote modules however it likes (eg. module federation, dynamic import, ...).\nexport type LoadFederatedAddonsContext = {\n  baseUrlResolvers: BaseUrlResolvers;\n  accessToken?: string;\n};\n\n// Provided by the host application via <App loadAddons={...} />. quidproquo-web-admin\n// no longer owns the federation mechanism - it just asks for the addons.\nexport type LoadFederatedAddons = (context: LoadFederatedAddonsContext) => Promise<FederatedAddon[]>;\n"]}

package/lib/commonjs/FederatedAddonProvider.js

@@ -19,3 +19,4 @@ const FederatedAddonProvider = ({ loadAddons, children }) => ((0, jsx_runtime_1.
 exports.FederatedAddonProvider = FederatedAddonProvider;
 const useLoadFederatedAddons = () => (0, react_1.useContext)(FederatedAddonContext);
 exports.useLoadFederatedAddons = useLoadFederatedAddons;
+//# sourceMappingURL=FederatedAddonProvider.js.map

package/lib/commonjs/FederatedAddonProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FederatedAddonProvider.js","sourceRoot":"","sources":["../../src/FederatedAddonProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,iCAAyD;AAIzD,4DAA4D;AAC5D,MAAM,cAAc,GAAwB,GAAS,EAAE,kDAAC,OAAA,EAAE,CAAA,GAAA,CAAC;AAE3D,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EAAsB,cAAc,CAAC,CAAC;AAO1E,MAAM,sBAAsB,GAA0C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzG,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,cAAc,YAAG,QAAQ,GAAkC,CACjH,CAAC;AAFW,QAAA,sBAAsB,0BAEjC;AAEK,MAAM,sBAAsB,GAAG,GAAwB,EAAE,CAAC,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAC;AAAtF,QAAA,sBAAsB,0BAAgE","sourcesContent":["import React, { createContext, useContext } from 'react';\n\nimport { LoadFederatedAddons } from './FederatedAddon';\n\n// Default: no host loader provided, so there are no addons.\nconst noopLoadAddons: LoadFederatedAddons = async () => [];\n\nconst FederatedAddonContext = createContext<LoadFederatedAddons>(noopLoadAddons);\n\nexport type FederatedAddonProviderProps = {\n  loadAddons?: LoadFederatedAddons;\n  children: React.ReactNode;\n};\n\nexport const FederatedAddonProvider: React.FC<FederatedAddonProviderProps> = ({ loadAddons, children }) => (\n  <FederatedAddonContext.Provider value={loadAddons ?? noopLoadAddons}>{children}</FederatedAddonContext.Provider>\n);\n\nexport const useLoadFederatedAddons = (): LoadFederatedAddons => useContext(FederatedAddonContext);\n"]}

package/lib/commonjs/LogViewer/ActionHistoryItem.js

@@ -12,3 +12,4 @@ const ActionHistoryItem = ({ action, result, expanded }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: (0, jsx_runtime_1.jsx)(TruncatedText_1.default, { expanded: expanded, text: inputText, title: "Input" }) }), (0, jsx_runtime_1.jsx)("pre", { style: { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }, children: (0, jsx_runtime_1.jsx)(TruncatedText_1.default, { expanded: expanded, text: outputText, title: "Output" }) })] }));
 };
 exports.ActionHistoryItem = ActionHistoryItem;
+//# sourceMappingURL=ActionHistoryItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItem.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItem.tsx"],"names":[],"mappings":";;;;;;;AAEA,oEAA4C;AAQrC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,6DACE,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,uBAAC,uBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAC,OAAO,GAAG,GAChE,EACN,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,YAC7D,uBAAC,uBAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAC,QAAQ,GAAG,GAClE,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,iBAAiB,qBAc5B","sourcesContent":["import { Action } from 'quidproquo-core';\n\nimport TruncatedText from './TruncatedText';\n\ninterface ActionHistoryItemProps {\n  action: Action<any>;\n  result: any;\n  expanded: boolean;\n}\n\nexport const ActionHistoryItem = ({ action, result, expanded }: ActionHistoryItemProps) => {\n  const inputText = JSON.stringify(action.payload, null, 2);\n  const outputText = JSON.stringify(result, null, 2);\n\n  return (\n    <>\n      <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n        <TruncatedText expanded={expanded} text={inputText} title=\"Input\" />\n      </pre>\n      <pre style={{ whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>\n        <TruncatedText expanded={expanded} text={outputText} title=\"Output\" />\n      </pre>\n    </>\n  );\n};\n"]}

package/lib/commonjs/LogViewer/ActionHistoryItemTimeStamp.js

@@ -22,3 +22,4 @@ const ActionHistoryItemTimeStamp = ({ startedAt, finishedAt }) => {
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: formatDateWithMilliseconds(startDate) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: startDate.toLocaleDateString('en-AU') }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: `${executionTime} ms` })] }));
 };
 exports.ActionHistoryItemTimeStamp = ActionHistoryItemTimeStamp;
+//# sourceMappingURL=ActionHistoryItemTimeStamp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionHistoryItemTimeStamp.js","sourceRoot":"","sources":["../../../src/LogViewer/ActionHistoryItemTimeStamp.tsx"],"names":[],"mappings":";;;;AAAA,4CAA2C;AAOpC,MAAM,0BAA0B,GAAG,CAAC,EAAE,SAAS,EAAE,UAAU,EAAmC,EAAE,EAAE;IACvG,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAE9D,kDAAkD;IAClD,MAAM,0BAA0B,GAAG,CAAC,IAAU,EAAE,EAAE;QAChD,MAAM,WAAW,GAA+B;YAC9C,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,KAAK;SACd,CAAC;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACjE,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACxE,OAAO,GAAG,UAAU,IAAI,YAAY,EAAE,CAAC;IACzC,CAAC,CAAC;IAEF,OAAO,CACL,4CACE,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,0BAA0B,CAAC,SAAS,CAAC,GAAc,EAChF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAc,EAChF,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,aAAa,KAAK,GAAc,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,0BAA0B,8BAyBrC","sourcesContent":["import { Typography } from '@mui/material';\n\ninterface ActionHistoryItemTimeStampProps {\n  startedAt: string;\n  finishedAt: string;\n}\n\nexport const ActionHistoryItemTimeStamp = ({ startedAt, finishedAt }: ActionHistoryItemTimeStampProps) => {\n  const startDate = new Date(startedAt);\n  const endDate = new Date(finishedAt);\n  const executionTime = endDate.getTime() - startDate.getTime();\n\n  // Function to format date to include milliseconds\n  const formatDateWithMilliseconds = (date: Date) => {\n    const timeOptions: Intl.DateTimeFormatOptions = {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: false,\n    };\n    const timeString = date.toLocaleTimeString('en-AU', timeOptions);\n    const milliseconds = date.getMilliseconds().toString().padStart(3, '0');\n    return `${timeString}.${milliseconds}`;\n  };\n\n  return (\n    <div>\n      <Typography variant=\"body2\">{formatDateWithMilliseconds(startDate)}</Typography>\n      <Typography variant=\"body2\">{startDate.toLocaleDateString('en-AU')}</Typography>\n      <Typography variant=\"body2\">{`${executionTime} ms`}</Typography>\n    </div>\n  );\n};\n"]}

package/lib/commonjs/LogViewer/ActionRender/ActionRender.js

@@ -56,3 +56,4 @@ const AnyActionHistoryItem = ({ action, result }) => {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { alignItems: "center", display: "flex", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", variant: "h6", children: action.type.split('/').slice(-2).join('::') }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: expanded ? 'Collapse' : 'Expand', children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: toggleExpanded, size: "small", children: expanded ? (0, jsx_runtime_1.jsx)(ExpandLess_1.default, {}) : (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) }) }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Legacy View", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: toggleLegacy, size: "small", children: (0, jsx_runtime_1.jsx)(History_1.default, { color: legacy ? 'primary' : 'inherit' }) }) })] }), (0, jsx_runtime_1.jsx)(exports.ActionRender, { action: action, expanded: expanded, isLegacy: legacy, result: result })] }));
 };
 exports.AnyActionHistoryItem = AnyActionHistoryItem;
+//# sourceMappingURL=ActionRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRender.js","sourceRoot":"","sources":["../../../../src/LogViewer/ActionRender/ActionRender.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Action, ActionProcessorResult, actionResult, resolveActionResult, SystemActionType, SystemBatchActionPayload } from 'quidproquo-core';\n\nimport { useState } from 'react';\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport HistoryIcon from '@mui/icons-material/History';\nimport { Box, IconButton, Tooltip, Typography } from '@mui/material';\n\nimport { ActionComponent, ActionComponentProps, AnyVariableView, genericFunctionRendererStyles, getGenericActionRenderer } from '../actionComponents';\nimport customActionsMap from '../actionComponents/customActionsMap';\nimport { ActionHistoryItem } from '../ActionHistoryItem';\nimport actionComponentMap from '../logic/actionComponentMap';\n\ninterface AnyActionHistoryItemProps {\n  action: Action<any>;\n  result: ActionProcessorResult<any>;\n}\n\ninterface ActionRenderProps {\n  action: Action<any>;\n  result: any;\n  isLegacy: boolean;\n  expanded: boolean;\n}\n\nexport const CoreBatchCustomAction: ActionComponent<SystemBatchActionPayload, any[]> = ({ action, expanded, result }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  return (\n    <div style={{ borderLeft: 'thin dashed black', background: '#0400ff29', padding: '1px 10px 10px 10px' }}>\n      <Box sx={{ width: '100%', my: 1 }}>\n        {action.payload.actions.map((action, index) => (\n          <AnyActionHistoryItem key={index} action={action} result={actionResult(resolveActionResult(result)[index])} />\n        ))}\n      </Box>\n    </div>\n  );\n};\n\nexport const AnyCustomAction: ActionComponent = ({ action, result, expanded }: ActionComponentProps) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <pre style={genericFunctionRendererStyles.pre}>\n        <AnyVariableView expanded={expanded} value={action.payload} />\n      </pre>\n    </Box>\n  );\n};\n\nexport const ActionRender = ({ action, result, isLegacy, expanded }: ActionRenderProps) => {\n  const actionComponentConfig = actionComponentMap[action.type];\n\n  if (!isLegacy && action.type === SystemActionType.Batch) {\n    return <CoreBatchCustomAction action={action} expanded={expanded} result={result} />;\n  }\n\n  const ActionComponent = isLegacy\n    ? ActionHistoryItem\n    : customActionsMap[action.type]\n      ? customActionsMap[action.type]\n      : actionComponentConfig\n        ? getGenericActionRenderer(actionComponentConfig[0], actionComponentConfig.slice(1))\n        : AnyCustomAction;\n\n  return (\n    <>\n      <ActionComponent action={action} expanded={expanded} result={result} />\n    </>\n  );\n};\n\nexport const AnyActionHistoryItem = ({ action, result }: AnyActionHistoryItemProps) => {\n  const [expanded, setExpanded] = useState(false);\n  const [legacy, setLegacy] = useState(false);\n\n  const toggleExpanded = () => {\n    setExpanded(!expanded);\n  };\n\n  const toggleLegacy = () => {\n    setLegacy(!legacy);\n  };\n\n  return (\n    <>\n      <Box alignItems=\"center\" display=\"flex\">\n        <Typography component=\"span\" variant=\"h6\">\n          {action.type.split('/').slice(-2).join('::')}\n        </Typography>\n        <Tooltip title={expanded ? 'Collapse' : 'Expand'}>\n          <IconButton onClick={toggleExpanded} size=\"small\">\n            {expanded ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n          </IconButton>\n        </Tooltip>\n        <Tooltip title=\"Legacy View\">\n          <IconButton onClick={toggleLegacy} size=\"small\">\n            <HistoryIcon color={legacy ? 'primary' : 'inherit'} />\n          </IconButton>\n        </Tooltip>\n      </Box>\n      <ActionRender action={action} expanded={expanded} isLegacy={legacy} result={result} />\n    </>\n  );\n};\n"]}

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

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

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

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js

@@ -113,3 +113,4 @@ const AdminLogGrid = ({ logs, isLoading, searchProgress }) => {
                 }, getRowClassName: getRowClassName, loading: isLoading, onRowClick: onRowClick, rows: logs.map((log, i) => (Object.assign(Object.assign({}, log), { id: `${i}` }))) }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, open: !!selectedLogCorrelation, setSelectedLogCorrelation: setSelectedLogCorrelation, storyResultMetadatas: logs })] }));
 };
 exports.AdminLogGrid = AdminLogGrid;
+//# sourceMappingURL=AdminLogGrid.js.map

package/lib/commonjs/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogGrid.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAA+C;AAG/C,kFAA0D;AAC1D,kDAAsG;AAEtG,kGAA+F;AAC/F,oEAAiE;AACjE,+CAA4C;AAC5C,oCAAiD;AAEjD,MAAM,OAAO,GAAiB;IAC5B;QACE,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,0CAAM,8BAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAAO;KACtF;IACD;QACE,KAAK,EAAE,QAAQ;QACf,UAAU,EAAE,SAAS;QACrB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,0CAAM,MAAM,CAAC,KAAK,IAAI,SAAS,GAAO;KACrF;IACD;QACE,KAAK,EAAE,WAAW;QAClB,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,CAAC,MAA4B,EAAE,EAAE,CAAC,uBAAC,mBAAQ,IAAC,WAAW,EAAE,MAAM,CAAC,KAAK,GAAI;KACtF;IACD,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE;CACpD,CAAC;AAQK,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAqB,EAAE,EAAE;IACrF,MAAM,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,UAAU,EAAE,2BAA2B,EAAE,GAAG,IAAA,6BAAqB,GAAE,CAAC;IAE/H,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE;QACzD,QAAQ,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACxB,KAAK,8BAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,8BAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,8BAAY,CAAC,IAAI;gBACpB,OAAO,SAAS,CAAC;YACnB,KAAK,8BAAY,CAAC,IAAI;gBACpB,OAAO,SAAS,CAAC;YACnB,KAAK,8BAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB,KAAK,8BAAY,CAAC,KAAK;gBACrB,OAAO,UAAU,CAAC;YACpB;gBACE,OAAO,EAAE,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,4CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDR,GACa,EACR,uBAAC,sBAAQ,IACP,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE;oBACV,UAAU,EAAE,uCAAkB;oBAC9B,cAAc,EAAE,GAAG,EAAE,CAAC,uBAAC,wBAAc,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAC,aAAa,GAAG;iBACtF,EACD,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,SAAS,EAClB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,EAAE,EAAE,GAAG,CAAC,EAAE,IAAG,CAAC,GACpD,EACF,uBAAC,qBAAS,IACR,WAAW,EAAE,2BAA2B,EACxC,cAAc,EAAE,sBAAsB,EACtC,IAAI,EAAE,CAAC,CAAC,sBAAsB,EAC9B,yBAAyB,EAAE,yBAAyB,EACpD,oBAAoB,EAAE,IAAI,GAC1B,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAtGW,QAAA,YAAY,gBAsGvB","sourcesContent":["import { LogLevelEnum } from 'quidproquo-core';\nimport { LogLog } from 'quidproquo-webserver';\n\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { DataGrid, GridColDef, GridRenderCellParams, GridRowClassNameParams } from '@mui/x-data-grid';\n\nimport { DataGridPagination } from '../../../components/DataGridPagination/DataGridPagination';\nimport { DateCell } from '../../../components/DateCell/DateCell';\nimport { LogDialog } from '../../LogDialog';\nimport { useLogLogMananagement } from '../hooks';\n\nconst columns: GridColDef[] = [\n  {\n    field: 'type',\n    headerName: 'Type',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <div>{LogLevelEnum[params.value]}</div>,\n  },\n  {\n    field: 'module',\n    headerName: 'Service',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <div>{params.value || 'unknown'}</div>,\n  },\n  {\n    field: 'timestamp',\n    headerName: 'When',\n    flex: 1,\n    renderCell: (params: GridRenderCellParams) => <DateCell isoDateTime={params.value} />,\n  },\n  { field: 'reason', headerName: 'Message', flex: 8 },\n];\n\ntype AdminLogGridProps = {\n  logs: LogLog[];\n  isLoading: boolean;\n  searchProgress: number;\n};\n\nexport const AdminLogGrid = ({ logs, isLoading, searchProgress }: AdminLogGridProps) => {\n  const { selectedLogCorrelation, setSelectedLogCorrelation, onRowClick, clearSelectedLogCorrelation } = useLogLogMananagement();\n\n  const getRowClassName = (params: GridRowClassNameParams) => {\n    switch (params.row.type) {\n      case LogLevelEnum.Fatal:\n        return 'fatalRow';\n      case LogLevelEnum.Error:\n        return 'errorRow';\n      case LogLevelEnum.Warn:\n        return 'warnRow';\n      case LogLevelEnum.Info:\n        return 'infoRow';\n      case LogLevelEnum.Debug:\n        return 'debugRow';\n      case LogLevelEnum.Trace:\n        return 'traceRow';\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <>\n      <style>\n        {`\n  .fatalRow {\n    background-color: #8B0000 !important; /* Dark Red */\n    color: #fff;\n  }\n  .fatalRow:hover {\n    background-color: #B22222 !important; /* FireBrick */\n    color: #fff;\n  }\n\n  .errorRow {\n    background-color: #FF4C4C !important; /* Red-ish */\n    color: #fff;\n  }\n  .errorRow:hover {\n    background-color: #FF6666 !important; /* Lighter red for hover */\n    color: #fff;\n  }\n\n  .warnRow {\n    background-color: #FFD700 !important; /* Gold */\n    color: #000;\n  }\n  .warnRow:hover {\n    background-color: #FFED85 !important; /* Lighter/gentler yellow */\n    color: #000;\n  }\n\n  .infoRow {\n    background-color: #ADD8E6 !important; /* Light Blue (SkyBlue) */\n    color: #000;\n  }\n  .infoRow:hover {\n    background-color: #C4E4F2 !important; /* Slightly lighter blue */\n    color: #000;\n  }\n\n  .debugRow {\n    background-color: #E0E0E0 !important; /* Light Gray */\n    color: #000;\n  }\n  .debugRow:hover {\n    background-color: #D0D0D0 !important; /* Slightly darker gray */\n    color: #000;\n  }\n\n  .traceRow {\n    background-color: #F3F3F3 !important; /* Very Light Gray */\n    color: #000;\n  }\n  .traceRow:hover {\n    background-color: #E3E3E3 !important; \n    color: #000;\n  }\n`}\n      </style>\n      <DataGrid\n        autoPageSize\n        columns={columns}\n        components={{\n          Pagination: DataGridPagination,\n          LoadingOverlay: () => <LinearProgress value={searchProgress} variant=\"determinate\" />,\n        }}\n        getRowClassName={getRowClassName}\n        loading={isLoading}\n        onRowClick={onRowClick}\n        rows={logs.map((log, i) => ({ ...log, id: `${i}` }))}\n      />\n      <LogDialog\n        handleClose={clearSelectedLogCorrelation}\n        logCorrelation={selectedLogCorrelation}\n        open={!!selectedLogCorrelation}\n        setSelectedLogCorrelation={setSelectedLogCorrelation}\n        storyResultMetadatas={logs}\n      />\n    </>\n  );\n};\n"]}

package/lib/commonjs/LogViewer/AdminLogs/AdminLogGrid/index.js

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogGrid/index.js.map

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js

@@ -18,12 +18,12 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const system_1 = require("@mui/system");
 const x_date_pickers_1 = require("@mui/x-date-pickers");
 const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
+const adminApp_1 = require("../../../adminApp");
 const AsyncButton_1 = require("../../../components/AsyncButton");
-const queryParams_1 = require("../../../queryParams");
 const hooks_1 = require("../../hooks");
 function AdminLogSearchBar({ onSearch }) {
     const serviceOptions = (0, hooks_1.useServiceNames)();
-    const { service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, msg, handleMsgOnChange, updateStartAndEndTimeSpan, logLevel, handleLogLevelOnChange, } = (0, queryParams_1.useUrlFields)();
+    const { service, handleServiceOnChange, startDate, handleStartDateChange, endDate, handleEndDateChange, msg, handleMsgOnChange, updateStartAndEndTimeSpan, logLevel, handleLogLevelOnChange, } = (0, adminApp_1.useSearchFields)();
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const handleQuickTimeClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -46,3 +46,4 @@ function AdminLogSearchBar({ onSearch }) {
                                     shrink: true,
                                 }, label: "Message", onChange: handleMsgOnChange, value: msg }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { anchorEl: anchorEl, id: "quick-time-menu", keepMounted: true, onClose: handleQuickTimeClose, open: Boolean(anchorEl), children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
 }
+//# sourceMappingURL=AdminLogSearchBar.js.map

package/lib/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogSearchBar.js","sourceRoot":"","sources":["../../../../../src/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { logLevelEnumLookups } from 'quidproquo-core';\n\nimport { useState } from 'react';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { Autocomplete, IconButton, Menu } from '@mui/material';\nimport FormControl from '@mui/material/FormControl';\nimport Grid from '@mui/material/Grid';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select from '@mui/material/Select';\nimport TextField from '@mui/material/TextField';\nimport { Box } from '@mui/system';\nimport { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';\nimport { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';\n\nimport { useSearchFields } from '../../../adminApp';\nimport { AsyncButton } from '../../../components/AsyncButton';\nimport { useServiceNames } from '../../hooks';\n\nexport interface AdminLogSearchBarProps {\n  onSearch: () => Promise<any>;\n}\n\nexport function AdminLogSearchBar({ onSearch }: AdminLogSearchBarProps) {\n  const serviceOptions = useServiceNames();\n\n  const {\n    service,\n    handleServiceOnChange,\n    startDate,\n    handleStartDateChange,\n    endDate,\n    handleEndDateChange,\n    msg,\n    handleMsgOnChange,\n    updateStartAndEndTimeSpan,\n    logLevel,\n    handleLogLevelOnChange,\n  } = useSearchFields();\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const handleQuickTimeClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleQuickTimeClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleQuickTimeSelect = (minutes: number) => {\n    updateStartAndEndTimeSpan(minutes);\n    handleQuickTimeClose();\n  };\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDateFns}>\n      <Grid columns={12} container spacing={2}>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <InputLabel id=\"runtime-select-label\">Log Level</InputLabel>\n            <Select id=\"demo-simple-select\" label=\"Log Level\" labelId=\"runtime-select-label\" onChange={handleLogLevelOnChange} value={logLevel}>\n              {logLevelEnumLookups.map((key) => (\n                <MenuItem key={key} value={key}>\n                  {key}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <Autocomplete\n              getOptionLabel={(option) => option.label}\n              onChange={handleServiceOnChange}\n              options={serviceOptions}\n              renderInput={(params) => (\n                <TextField\n                  {...params}\n                  InputLabelProps={{\n                    shrink: true,\n                  }}\n                  label=\"Service Name\"\n                />\n              )}\n              value={serviceOptions.find((o) => o.value === service) || null}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={3}>\n          <Box position=\"relative\">\n            <FormControl fullWidth>\n              <DateTimePicker label=\"Start DateTime\" onChange={handleStartDateChange} value={startDate} />\n            </FormControl>\n            <IconButton\n              aria-controls=\"quick-time-menu\"\n              aria-haspopup=\"true\"\n              aria-label=\"quick time select\"\n              onClick={handleQuickTimeClick}\n              sx={{\n                position: 'absolute',\n                right: '-28px',\n                top: '50%',\n                transform: 'translateY(-50%)',\n              }}\n            >\n              <ExpandMoreIcon />\n            </IconButton>\n          </Box>\n        </Grid>\n        <Grid item xs={3}>\n          <FormControl fullWidth>\n            <DateTimePicker label=\"End DateTime\" onChange={handleEndDateChange} value={endDate} />\n          </FormControl>\n        </Grid>\n        <Grid item xs={10}>\n          <FormControl fullWidth>\n            <TextField\n              InputLabelProps={{\n                shrink: true,\n              }}\n              label=\"Message\"\n              onChange={handleMsgOnChange}\n              value={msg}\n            />\n          </FormControl>\n        </Grid>\n        <Grid item xs={2}>\n          <AsyncButton onClick={() => onSearch()}>Search</AsyncButton>\n        </Grid>\n      </Grid>\n      <Menu anchorEl={anchorEl} id=\"quick-time-menu\" keepMounted onClose={handleQuickTimeClose} open={Boolean(anchorEl)}>\n        <MenuItem onClick={() => handleQuickTimeSelect(5)}>Last 5 minutes</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(30)}>Last 30 minutes</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(1 * 60)}>Last hour</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(3 * 60)}>Last 3 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(8 * 60)}>Last 8 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(16 * 60)}>Last 16 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(24 * 60)}>Last 24 hours</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(7 * 24 * 60)}>Last 7 days</MenuItem>\n        <MenuItem onClick={() => handleQuickTimeSelect(30 * 24 * 60)}>Last month</MenuItem>\n      </Menu>\n    </LocalizationProvider>\n  );\n}\n"]}

package/lib/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/index.js

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/index.js.map

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

package/lib/commonjs/LogViewer/AdminLogs/AdminLogs.js

@@ -2,14 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdminLogs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const adminApp_1 = require("../../adminApp");
 const TabViewBox_1 = require("../../components/TabViewBox");
 const useIsLoading_1 = require("../../view/Loading/hooks/useIsLoading");
 const AdminLogGrid_1 = require("./AdminLogGrid/AdminLogGrid");
 const AdminLogSearchBar_1 = require("./AdminLogSearchBar/AdminLogSearchBar");
-const hooks_1 = require("./hooks");
 const AdminLogs = () => {
-    const { logLogs, searchProgress, onSearch } = (0, hooks_1.useLogLogSearch)();
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const volatile = (0, adminApp_1.useVolatileState)();
     const isLoading = (0, useIsLoading_1.useIsLoading)();
-    return ((0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: () => (0, jsx_runtime_1.jsx)(AdminLogGrid_1.AdminLogGrid, { isLoading: isLoading, logs: logLogs, searchProgress: searchProgress }), header: () => (0, jsx_runtime_1.jsx)(AdminLogSearchBar_1.AdminLogSearchBar, { onSearch: onSearch }) }));
+    const results = volatile.logLogResults[(0, adminApp_1.logLogSearchKey)(session.search)];
+    return ((0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { body: () => {
+            var _a;
+            return ((0, jsx_runtime_1.jsx)(AdminLogGrid_1.AdminLogGrid, { isLoading: isLoading || !!(results === null || results === void 0 ? void 0 : results.isSearching), logs: (_a = results === null || results === void 0 ? void 0 : results.logLogs) !== null && _a !== void 0 ? _a : [], searchProgress: (0, adminApp_1.getSearchProgress)(results) }));
+        }, header: () => (0, jsx_runtime_1.jsx)(AdminLogSearchBar_1.AdminLogSearchBar, { onSearch: () => api.runLogLogSearch() }) }));
 };
 exports.AdminLogs = AdminLogs;
+//# sourceMappingURL=AdminLogs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLogs.js","sourceRoot":"","sources":["../../../../src/LogViewer/AdminLogs/AdminLogs.tsx"],"names":[],"mappings":";;;;AAAA,6CAAoH;AACpH,4DAAyD;AACzD,wEAAqE;AACrE,8DAA2D;AAC3D,6EAA0E;AAEnE,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,2BAAgB,GAAE,CAAC;IACpC,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAA,0BAAe,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,uBAAC,uBAAU,IACT,IAAI,EAAE,GAAG,EAAE;;YAAC,OAAA,CACV,uBAAC,2BAAY,IAAC,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA,EAAE,IAAI,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,EAAE,EAAE,cAAc,EAAE,IAAA,4BAAiB,EAAC,OAAO,CAAC,GAAI,CAC3I,CAAA;SAAA,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,EAAE,GAAI,GAC1E,CACH,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB","sourcesContent":["import { getSearchProgress, logLogSearchKey, useAdminApp, useSessionState, useVolatileState } from '../../adminApp';\nimport { TabViewBox } from '../../components/TabViewBox';\nimport { useIsLoading } from '../../view/Loading/hooks/useIsLoading';\nimport { AdminLogGrid } from './AdminLogGrid/AdminLogGrid';\nimport { AdminLogSearchBar } from './AdminLogSearchBar/AdminLogSearchBar';\n\nexport const AdminLogs = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n  const volatile = useVolatileState();\n  const isLoading = useIsLoading();\n\n  const results = volatile.logLogResults[logLogSearchKey(session.search)];\n\n  return (\n    <TabViewBox\n      body={() => (\n        <AdminLogGrid isLoading={isLoading || !!results?.isSearching} logs={results?.logLogs ?? []} searchProgress={getSearchProgress(results)} />\n      )}\n      header={() => <AdminLogSearchBar onSearch={() => api.runLogLogSearch()} />}\n    />\n  );\n};\n"]}

package/lib/commonjs/LogViewer/AdminLogs/hooks/index.d.ts

@@ -1,3 +1 @@
 export * from './useLogLogMananagement';
-export * from './useLogLogSearch';
-export * from './useLogLogSearchRequest';

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

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

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

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

package/lib/commonjs/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.js

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

package/lib/commonjs/LogViewer/AdminLogs/hooks/useLogLogMananagement/index.js.map

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

package/lib/commonjs/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.js

@@ -1,23 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogLogMananagement = void 0;
-const react_router_dom_1 = require("react-router-dom");
+const adminApp_1 = require("../../../../adminApp");
 const useLogLogMananagement = () => {
-    const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
-    const selectedLogCorrelation = searchParams.get('correlation') || '';
+    var _a;
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const session = (0, adminApp_1.useSessionState)();
+    const selectedLogCorrelation = (_a = session.openCorrelation) !== null && _a !== void 0 ? _a : '';
     const setSelectedLogCorrelation = (correlation) => {
         if (correlation) {
-            setSearchParams({ correlation });
+            api.applyCorrelationOpened(correlation, adminApp_1.CorrelationOpenSource.grid);
         }
         else {
-            setSearchParams({});
+            api.applyCorrelationClosed();
         }
     };
     const onRowClick = ({ row }) => {
         setSelectedLogCorrelation(row.fromCorrelation);
     };
     const clearSelectedLogCorrelation = () => {
-        setSelectedLogCorrelation();
+        api.applyCorrelationClosed();
     };
     return {
         selectedLogCorrelation,
@@ -27,3 +29,4 @@ const useLogLogMananagement = () => {
     };
 };
 exports.useLogLogMananagement = useLogLogMananagement;
+//# sourceMappingURL=useLogLogMananagement.js.map

package/lib/commonjs/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogLogMananagement.js","sourceRoot":"","sources":["../../../../../../src/LogViewer/AdminLogs/hooks/useLogLogMananagement/useLogLogMananagement.ts"],"names":[],"mappings":";;;AAEA,mDAA2F;AAEpF,MAAM,qBAAqB,GAAG,GAAG,EAAE;;IACxC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,IAAA,0BAAe,GAAE,CAAC;IAElC,MAAM,sBAAsB,GAAG,MAAA,OAAO,CAAC,eAAe,mCAAI,EAAE,CAAC;IAE7D,MAAM,yBAAyB,GAAG,CAAC,WAAoB,EAAE,EAAE;QACzD,IAAI,WAAW,EAAE,CAAC;YAChB,GAAG,CAAC,sBAAsB,CAAC,WAAW,EAAE,gCAAqB,CAAC,IAAI,CAAC,CAAC;QACtE,CAAC;aAAM,CAAC;YACN,GAAG,CAAC,sBAAsB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QAC9C,yBAAyB,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,GAAG,CAAC,sBAAsB,EAAE,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO;QACL,sBAAsB;QACtB,yBAAyB;QAEzB,UAAU;QACV,2BAA2B;KAC5B,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,qBAAqB,yBA6BhC","sourcesContent":["import { LogLog } from 'quidproquo-webserver';\n\nimport { CorrelationOpenSource, useAdminApp, useSessionState } from '../../../../adminApp';\n\nexport const useLogLogMananagement = () => {\n  const [api] = useAdminApp();\n  const session = useSessionState();\n\n  const selectedLogCorrelation = session.openCorrelation ?? '';\n\n  const setSelectedLogCorrelation = (correlation?: string) => {\n    if (correlation) {\n      api.applyCorrelationOpened(correlation, CorrelationOpenSource.grid);\n    } else {\n      api.applyCorrelationClosed();\n    }\n  };\n\n  const onRowClick = ({ row }: { row: LogLog }) => {\n    setSelectedLogCorrelation(row.fromCorrelation);\n  };\n\n  const clearSelectedLogCorrelation = () => {\n    api.applyCorrelationClosed();\n  };\n\n  return {\n    selectedLogCorrelation,\n    setSelectedLogCorrelation,\n\n    onRowClick,\n    clearSelectedLogCorrelation,\n  };\n};\n"]}

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

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

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

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

package/lib/commonjs/LogViewer/ConsoleLogViewer.js

@@ -14,3 +14,4 @@ const ConsoleLogViewer = ({ logs }) => {
 };
 exports.ConsoleLogViewer = ConsoleLogViewer;
 exports.default = (0, react_1.memo)(exports.ConsoleLogViewer);
+//# sourceMappingURL=ConsoleLogViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleLogViewer.js","sourceRoot":"","sources":["../../../src/LogViewer/ConsoleLogViewer.tsx"],"names":[],"mappings":";;;;AAEA,iCAA6B;AAC7B,qDAAkD;AAElD,mCAA8C;AAMvC,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAyB,EAAE,EAAE;IAClE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,CAAC,CAAC;IAEpD,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,YACpC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,iCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAC9D,kCAAM,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,aAAG,GAAG,CAAC,IAAI,UAAU,EACvD,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,QAAgB,EAAE,EAAE,CAAC,CAC5C,iCAAqB,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YACnE,uBAAC,iCAAe,IAAC,IAAI,EAAE,GAAG,GAAI,IADrB,QAAQ,CAEZ,CACR,CAAC,KANM,KAAK,CAOT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,gBAAgB,oBAqB3B;AAEF,kBAAe,IAAA,YAAI,EAAC,wBAAgB,CAAC,CAAC","sourcesContent":["import { StoryResult } from 'quidproquo-core';\n\nimport { memo } from 'react';\nimport { ObjectInspector } from 'react-inspector';\n\nimport { useConsoleLogViewer } from './hooks';\n\ninterface ConsoleLogViewerProps {\n  logs: StoryResult<any>['logs'];\n}\n\nexport const ConsoleLogViewer = ({ logs }: ConsoleLogViewerProps) => {\n  const { formattedLogs } = useConsoleLogViewer(logs);\n\n  if (!formattedLogs) {\n    return null;\n  }\n\n  return (\n    <div style={{ fontFamily: 'monospace' }}>\n      {formattedLogs.map((log, index) => (\n        <div key={index} style={{ display: 'flex', marginBottom: '5px' }}>\n          <span style={{ marginRight: '5px' }}>{log.time} -</span>\n          {log.args.map((arg: any, argIndex: number) => (\n            <span key={argIndex} style={{ marginRight: '5px', paddingTop: '3px' }}>\n              <ObjectInspector data={arg} />\n            </span>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default memo(ConsoleLogViewer);\n"]}

package/lib/commonjs/LogViewer/Dashboard.js

@@ -1,49 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dashboard = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const quidproquo_web_1 = require("quidproquo-web");
 const quidproquo_web_react_1 = require("quidproquo-web-react");
-const quidproquo_web_react_2 = require("quidproquo-web-react");
 const quidproquo_webserver_1 = require("quidproquo-webserver");
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const material_1 = require("@mui/material");
+const adminApp_1 = require("../adminApp");
 const TabViewBox_1 = require("../components/TabViewBox");
 const useIsLoading_1 = require("../view/Loading/hooks/useIsLoading");
-const hooks_1 = require("./hooks");
 const LogMetadataGrid_1 = require("./LogMetadataGrid");
 const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
     const currentDate = new Date();
@@ -57,37 +23,21 @@ const getHoursSinceStartOfDay = () => {
     return now.getHours();
 };
 const Dashboard = () => {
-    const [realtimeLogs, setRealtimeLogs] = react_1.default.useState([]);
-    const { onSearch, logs: weeklyLogs } = (0, hooks_1.useLogSearch)();
+    const [api] = (0, adminApp_1.useAdminApp)();
+    const volatile = (0, adminApp_1.useVolatileState)();
     const isLoading = (0, useIsLoading_1.useIsLoading)();
+    const results = volatile.logResults[adminApp_1.dashboardErrorsSearchKey];
+    const weeklyLogs = (0, react_1.useMemo)(() => { var _a; return (_a = results === null || results === void 0 ? void 0 : results.logs) !== null && _a !== void 0 ? _a : []; }, [results === null || results === void 0 ? void 0 : results.logs]);
+    const realtimeLogs = volatile.realtimeErrorLogs;
     // Stable identity so the mount-only effect below can list it as a dependency.
     const runInitialSearch = (0, quidproquo_web_react_1.useEffectCallback)(() => {
-        const currentDate = new Date();
-        const sevenDaysAgo = new Date(currentDate.getTime() - 7 * 24 * 60 * 60 * 1000);
-        const isoDateSevenDaysAgo = sevenDaysAgo.toISOString();
-        const now = new Date(currentDate.getTime() + 24 * 60 * 60 * 1000);
-        const isoDateNow = now.toISOString();
-        const searchParams = {
-            runtimeType: 'ALL',
-            startIsoDateTime: isoDateSevenDaysAgo,
-            endIsoDateTime: isoDateNow,
-            errorFilter: '',
-            infoFilter: '',
-            serviceFilter: '',
-            userFilter: '',
-            deep: '',
-            onlyErrors: true,
-        };
-        onSearch(searchParams);
+        api.runDashboardErrorSearch();
     });
     (0, react_1.useEffect)(() => {
         runInitialSearch();
     }, [runInitialSearch]);
-    (0, quidproquo_web_react_2.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueQpqAdminServerMessageEventType.LogMetadata, (webSocketService, message) => {
-        // Add the log to the list if its an error
-        if (message.payload.log.error) {
-            setRealtimeLogs((prevLogs) => [message.payload.log, ...prevLogs.filter((pl) => pl.correlation !== message.payload.log.correlation)]);
-        }
+    (0, quidproquo_web_react_1.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueQpqAdminServerMessageEventType.LogMetadata, (webSocketService, message) => {
+        api.receiveRealtimeErrorLog(message.payload.log);
     });
     const hoursPassedToday = (0, quidproquo_web_react_1.useRunEvery)(getHoursSinceStartOfDay, 60);
     const allLogs = (0, quidproquo_web_react_1.useThrottledMemo)(() => {
@@ -96,6 +46,7 @@ const Dashboard = () => {
     }, [realtimeLogs, weeklyLogs]);
     const dailyErrorCount = (0, react_1.useMemo)(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, hoursPassedToday]);
     const weeklyErrorCount = (0, react_1.useMemo)(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);
-    return ((0, jsx_runtime_1.jsxs)(TabViewBox_1.TabViewBox, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Daily Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: dailyErrorCount })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Weekly Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flex: 1, overflow: 'auto' }, children: (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { isLoading: isLoading, logs: allLogs }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(TabViewBox_1.TabViewBox, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Daily Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: dailyErrorCount })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Weekly Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flex: 1, overflow: 'auto' }, children: (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { isLoading: isLoading || !!(results === null || results === void 0 ? void 0 : results.isSearching), logs: allLogs }) })] }));
 };
 exports.Dashboard = Dashboard;
+//# sourceMappingURL=Dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../src/LogViewer/Dashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { uniqueBy } from 'quidproquo-web';\nimport { useEffectCallback, useRunEvery, useSubscribeToWebSocketEvent, useThrottledMemo } from 'quidproquo-web-react';\nimport { LogMetadata, WebSocketQueueQpqAdminServerEventMessageLogMetadata, WebSocketQueueQpqAdminServerMessageEventType } from 'quidproquo-webserver';\n\nimport React, { useEffect, useMemo } from 'react';\nimport { Box, Grid, Paper, Typography } from '@mui/material';\n\nimport { dashboardErrorsSearchKey, useAdminApp, useVolatileState } from '../adminApp';\nimport { TabViewBox } from '../components/TabViewBox';\nimport { useIsLoading } from '../view/Loading/hooks/useIsLoading';\nimport { LogMetadataGrid } from './LogMetadataGrid';\n\nconst getLogCountForSinceXDaysAgo = (logs: LogMetadata[], daysAgo: number) => {\n  const currentDate = new Date();\n  const daysAgoDate = new Date(currentDate.getTime() - daysAgo * 24 * 60 * 60 * 1000);\n  const daysAgoString = daysAgoDate.toISOString();\n\n  const logCount = logs.reduce((count, log) => (daysAgoString < log.startedAt && !log.checked ? count + 1 : count), 0);\n\n  return logCount;\n};\n\nconst getHoursSinceStartOfDay = (): number => {\n  const now = new Date();\n  return now.getHours();\n};\n\ninterface DashboardProps {}\n\nexport const Dashboard: React.FC<DashboardProps> = () => {\n  const [api] = useAdminApp();\n  const volatile = useVolatileState();\n  const isLoading = useIsLoading();\n\n  const results = volatile.logResults[dashboardErrorsSearchKey];\n  const weeklyLogs = useMemo(() => results?.logs ?? [], [results?.logs]);\n  const realtimeLogs = volatile.realtimeErrorLogs;\n\n  // Stable identity so the mount-only effect below can list it as a dependency.\n  const runInitialSearch = useEffectCallback(() => {\n    api.runDashboardErrorSearch();\n  });\n\n  useEffect(() => {\n    runInitialSearch();\n  }, [runInitialSearch]);\n\n  useSubscribeToWebSocketEvent(\n    WebSocketQueueQpqAdminServerMessageEventType.LogMetadata,\n    (webSocketService, message: WebSocketQueueQpqAdminServerEventMessageLogMetadata) => {\n      api.receiveRealtimeErrorLog(message.payload.log);\n    },\n  );\n\n  const hoursPassedToday = useRunEvery(getHoursSinceStartOfDay, 60);\n\n  const allLogs = useThrottledMemo(() => {\n    const uniqueLogs = uniqueBy([...realtimeLogs, ...weeklyLogs], (log) => log.correlation);\n    return uniqueLogs.sort((a, b) => new Date(b.startedAt).getTime() - new Date(a.startedAt).getTime());\n  }, [realtimeLogs, weeklyLogs]);\n\n  const dailyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, hoursPassedToday]);\n  const weeklyErrorCount = useMemo(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);\n\n  return (\n    <TabViewBox>\n      <Grid container spacing={2} sx={{ mb: 2 }}>\n        <Grid item xs={6}>\n          <Paper sx={{ p: 2, textAlign: 'center' }}>\n            <Typography>Daily Errors</Typography>\n            <Typography variant=\"h4\">{dailyErrorCount}</Typography>\n          </Paper>\n        </Grid>\n        <Grid item xs={6}>\n          <Paper sx={{ p: 2, textAlign: 'center' }}>\n            <Typography>Weekly Errors</Typography>\n            <Typography variant=\"h4\">{weeklyErrorCount}</Typography>\n          </Paper>\n        </Grid>\n      </Grid>\n      <Box sx={{ flex: 1, overflow: 'auto' }}>\n        <LogMetadataGrid isLoading={isLoading || !!results?.isSearching} logs={allLogs} />\n      </Box>\n    </TabViewBox>\n  );\n};\n"]}

package/lib/commonjs/LogViewer/EventTimeline.js

@@ -76,3 +76,4 @@ const EventTimeline = ({ logCorrelation, setSelectedLogCorrelation, isVisible, t
     return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: '100%', height: '100%' }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { height: 24 }, children: [(0, jsx_runtime_1.jsx)("b", { children: (0, quidproquo_core_1.formatDuration)(totalExecutionTime) }), (0, jsx_runtime_1.jsx)("i", { children: " of compute over " }), (0, jsx_runtime_1.jsx)("b", { children: (0, quidproquo_core_1.formatDuration)(offsetMs) })] }), (0, jsx_runtime_1.jsx)("div", { ref: setTimelineRef, onWheel: handleOnWheel, style: { width: '100%', height: 'calc(100% - 24px)' }, children: treeApi.treeDataWithNoQpqActions[0] && ((0, jsx_runtime_1.jsx)(TimelineEvent, { event: treeApi.treeDataWithNoQpqActions[0], level: 0, parrentTimeOffsetMs: 0, scale: scale, setSelectedLogCorrelation: setSelectedLogCorrelation, totalParrentTimeOffsetMs: 0 })) })] }));
 };
 exports.EventTimeline = EventTimeline;
+//# sourceMappingURL=EventTimeline.js.map