@qpqjs/web-admin 0.0.0-stage → 0.2.1

package/lib/commonjs/LogViewer/actionComponents/types/ActionComponentProps.d.ts

@@ -0,0 +1,8 @@
+import { Action, ActionProcessorResult } from '@qpqjs/core';
+import { FC } from 'react';
+export type ActionComponentProps<T = any, R = any> = {
+    action: Action<T>;
+    result: ActionProcessorResult<R>;
+    expanded: boolean;
+};
+export type ActionComponent<T = any, R = any> = FC<ActionComponentProps<T, R>>;

package/lib/commonjs/LogViewer/actionComponents/types/ActionComponentProps.js

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

package/lib/commonjs/LogViewer/actionComponents/types/ActionComponentProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionComponentProps.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/types/ActionComponentProps.ts"],"names":[],"mappings":"","sourcesContent":["import { Action, ActionHistory, ActionProcessorResult } from '@qpqjs/core';\n\nimport { FC } from 'react';\n\nexport type ActionComponentProps<T = any, R = any> = {\n  action: Action<T>;\n  result: ActionProcessorResult<R>;\n  expanded: boolean;\n};\n\nexport type ActionComponent<T = any, R = any> = FC<ActionComponentProps<T, R>>;\n"]}

package/lib/commonjs/LogViewer/actionComponents/types/index.d.ts

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

package/lib/commonjs/LogViewer/actionComponents/types/index.js

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

package/lib/commonjs/LogViewer/actionComponents/types/index.js.map

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

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CostPerService = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const material_1 = require("@mui/material");
+const COST_PER_MS = 0.0000000167;
+const CostPerService = ({ logs }) => {
+    const data = (0, react_1.useMemo)(() => {
+        const serviceData = {};
+        logs.forEach((log) => {
+            if (log.runtimeType !== 'EXECUTE_STORY') {
+                const service = log.moduleName;
+                const runtime = log.executionTimeMs;
+                if (!serviceData[service]) {
+                    serviceData[service] = { executions: 0, runtime: 0 };
+                }
+                serviceData[service].executions++;
+                serviceData[service].runtime += runtime;
+            }
+        });
+        return Object.entries(serviceData)
+            .map(([service, data]) => ({
+            service,
+            executions: data.executions,
+            runtime: data.runtime,
+            cost: data.runtime * COST_PER_MS,
+        }))
+            .sort((a, b) => b.cost - a.cost);
+    }, [logs]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h5", children: "Cost per Service" }), (0, jsx_runtime_1.jsx)(material_1.TableContainer, { component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Service" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Executions" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Runtime (ms)" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Cost ($)" })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: data.map((row) => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { component: "th", scope: "row", children: row.service }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row.executions }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row.runtime }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row.cost.toFixed(8) })] }, row.service))) })] }) })] }));
+};
+exports.CostPerService = CostPerService;
+//# sourceMappingURL=CostPerService.js.map

package/lib/commonjs/LogViewer/charts/CostPerService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CostPerService.js","sourceRoot":"","sources":["../../../../src/LogViewer/charts/CostPerService.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgC;AAChC,4CAAoH;AAEpH,MAAM,WAAW,GAAG,YAAY,CAAC;AAM1B,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,MAAM,WAAW,GAA4D,EAAE,CAAC;QAEhF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,IAAI,GAAG,CAAC,WAAW,KAAK,eAAe,EAAE,CAAC;gBACxC,MAAM,OAAO,GAAG,GAAG,CAAC,UAAU,CAAC;gBAC/B,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC;gBAEpC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC1B,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;gBACvD,CAAC;gBAED,WAAW,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;gBAClC,WAAW,CAAC,OAAO,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;aAC/B,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;YACzB,OAAO;YACP,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,WAAW;SACjC,CAAC,CAAC;aACF,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6DACE,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,iCAExB,EACb,uBAAC,yBAAc,IAAC,SAAS,EAAE,gBAAK,YAC9B,wBAAC,gBAAK,eACJ,uBAAC,oBAAS,cACR,wBAAC,mBAAQ,eACP,uBAAC,oBAAS,0BAAoB,EAC9B,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,2BAAuB,EAC/C,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,6BAAyB,EACjD,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,yBAAqB,IACpC,GACD,EACZ,uBAAC,oBAAS,cACP,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,wBAAC,mBAAQ,eACP,uBAAC,oBAAS,IAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,YAClC,GAAG,CAAC,OAAO,GACF,EACZ,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,CAAC,UAAU,GAAa,EACrD,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,CAAC,OAAO,GAAa,EAClD,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAa,KAN7C,GAAG,CAAC,OAAO,CAOf,CACZ,CAAC,GACQ,IACN,GACO,IAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB","sourcesContent":["import { useMemo } from 'react';\nimport { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material';\n\nconst COST_PER_MS = 0.0000000167;\n\ninterface CostPerServiceProps {\n  logs: any[];\n}\n\nexport const CostPerService = ({ logs }: CostPerServiceProps) => {\n  const data = useMemo(() => {\n    const serviceData: Record<string, { executions: number; runtime: number }> = {};\n\n    logs.forEach((log) => {\n      if (log.runtimeType !== 'EXECUTE_STORY') {\n        const service = log.moduleName;\n        const runtime = log.executionTimeMs;\n\n        if (!serviceData[service]) {\n          serviceData[service] = { executions: 0, runtime: 0 };\n        }\n\n        serviceData[service].executions++;\n        serviceData[service].runtime += runtime;\n      }\n    });\n\n    return Object.entries(serviceData)\n      .map(([service, data]) => ({\n        service,\n        executions: data.executions,\n        runtime: data.runtime,\n        cost: data.runtime * COST_PER_MS,\n      }))\n      .sort((a, b) => b.cost - a.cost);\n  }, [logs]);\n\n  return (\n    <>\n      <Typography gutterBottom variant=\"h5\">\n        Cost per Service\n      </Typography>\n      <TableContainer component={Paper}>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableCell>Service</TableCell>\n              <TableCell align=\"right\">Executions</TableCell>\n              <TableCell align=\"right\">Runtime (ms)</TableCell>\n              <TableCell align=\"right\">Cost ($)</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {data.map((row) => (\n              <TableRow key={row.service}>\n                <TableCell component=\"th\" scope=\"row\">\n                  {row.service}\n                </TableCell>\n                <TableCell align=\"right\">{row.executions}</TableCell>\n                <TableCell align=\"right\">{row.runtime}</TableCell>\n                <TableCell align=\"right\">{row.cost.toFixed(8)}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </TableContainer>\n    </>\n  );\n};\n"]}

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorsByType = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const material_1 = require("@mui/material");
+const useErrorsByType_1 = require("../hooks/useErrorsByType");
+const ErrorsByType = ({ logs }) => {
+    const data = (0, useErrorsByType_1.useErrorsByType)(logs);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h5", children: "Errors by Type" }), (0, jsx_runtime_1.jsxs)(recharts_1.BarChart, { data: data, height: 300, width: 1200, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: "3 3" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "errorText" }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, {}), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, {}), (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), (0, jsx_runtime_1.jsx)(recharts_1.Bar, { dataKey: "count", fill: "#8884d8" })] }), (0, jsx_runtime_1.jsx)(material_1.TableContainer, { component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { children: "Error Type" }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: "Count" })] }) }), (0, jsx_runtime_1.jsx)(material_1.TableBody, { children: data.map((row) => ((0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [(0, jsx_runtime_1.jsx)(material_1.TableCell, { component: "th", scope: "row", children: row.errorText }), (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", children: row.count })] }, row.errorText))) })] }) })] }));
+};
+exports.ErrorsByType = ErrorsByType;
+//# sourceMappingURL=ErrorsByType.js.map

package/lib/commonjs/LogViewer/charts/ErrorsByType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorsByType.js","sourceRoot":"","sources":["../../../../src/LogViewer/charts/ErrorsByType.tsx"],"names":[],"mappings":";;;;AAAA,uCAAuF;AACvF,4CAAoH;AAEpH,8DAA2D;AAMpD,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAqB,EAAE,EAAE;IAC1D,MAAM,IAAI,GAAG,IAAA,iCAAe,EAAC,IAAI,CAAC,CAAC;IAEnC,OAAO,CACL,6DACE,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,+BAExB,EACb,wBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,aAC5C,uBAAC,wBAAa,IAAC,eAAe,EAAC,KAAK,GAAG,EACvC,uBAAC,gBAAK,IAAC,OAAO,EAAC,WAAW,GAAG,EAC7B,uBAAC,gBAAK,KAAG,EACT,uBAAC,kBAAO,KAAG,EACX,uBAAC,iBAAM,KAAG,EACV,uBAAC,cAAG,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,GAAG,IAC7B,EAEX,uBAAC,yBAAc,IAAC,SAAS,EAAE,gBAAK,YAC9B,wBAAC,gBAAK,eACJ,uBAAC,oBAAS,cACR,wBAAC,mBAAQ,eACP,uBAAC,oBAAS,6BAAuB,EACjC,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,sBAAkB,IACjC,GACD,EACZ,uBAAC,oBAAS,cACP,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,wBAAC,mBAAQ,eACP,uBAAC,oBAAS,IAAC,SAAS,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,YAClC,GAAG,CAAC,SAAS,GACJ,EACZ,uBAAC,oBAAS,IAAC,KAAK,EAAC,OAAO,YAAE,GAAG,CAAC,KAAK,GAAa,KAJnC,GAAG,CAAC,SAAS,CAKjB,CACZ,CAAC,GACQ,IACN,GACO,IAChB,CACJ,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,YAAY,gBAuCvB","sourcesContent":["import { Bar, BarChart, CartesianGrid, Legend, Tooltip, XAxis, YAxis } from 'recharts';\nimport { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography } from '@mui/material';\n\nimport { useErrorsByType } from '../hooks/useErrorsByType';\n\ninterface ErrorsByTypeProps {\n  logs: any[];\n}\n\nexport const ErrorsByType = ({ logs }: ErrorsByTypeProps) => {\n  const data = useErrorsByType(logs);\n\n  return (\n    <>\n      <Typography gutterBottom variant=\"h5\">\n        Errors by Type\n      </Typography>\n      <BarChart data={data} height={300} width={1200}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"errorText\" />\n        <YAxis />\n        <Tooltip />\n        <Legend />\n        <Bar dataKey=\"count\" fill=\"#8884d8\" />\n      </BarChart>\n\n      <TableContainer component={Paper}>\n        <Table>\n          <TableHead>\n            <TableRow>\n              <TableCell>Error Type</TableCell>\n              <TableCell align=\"right\">Count</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {data.map((row) => (\n              <TableRow key={row.errorText}>\n                <TableCell component=\"th\" scope=\"row\">\n                  {row.errorText}\n                </TableCell>\n                <TableCell align=\"right\">{row.count}</TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </TableContainer>\n    </>\n  );\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { SearchParams } from '../types';
+interface ErrorsOverTimeProps {
+    logs: any[];
+    searchParams: SearchParams;
+}
+export declare const ErrorsOverTime: ({ logs, searchParams }: ErrorsOverTimeProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorsOverTime = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const material_1 = require("@mui/material");
+const useErrorsOverTime_1 = require("../hooks/useErrorsOverTime");
+const ErrorsOverTime = ({ logs, searchParams }) => {
+    const data = (0, useErrorsOverTime_1.useErrorsOverTime)(logs, searchParams);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h5", children: "Errors Over Time" }), (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, { data: data, height: 300, width: 1200, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: "3 3" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "time" }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, {}), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, {}), (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), (0, jsx_runtime_1.jsx)(recharts_1.Line, { activeDot: { r: 8 }, dataKey: "errors", stroke: "#8884d8", type: "monotone" })] })] }));
+};
+exports.ErrorsOverTime = ErrorsOverTime;
+//# sourceMappingURL=ErrorsOverTime.js.map

package/lib/commonjs/LogViewer/charts/ErrorsOverTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorsOverTime.js","sourceRoot":"","sources":["../../../../src/LogViewer/charts/ErrorsOverTime.tsx"],"names":[],"mappings":";;;;AAAA,uCAAyF;AACzF,4CAA2C;AAE3C,kEAA+D;AAQxD,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAuB,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,IAAA,qCAAiB,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAEnD,OAAO,CACL,6DACE,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,iCAExB,EACb,wBAAC,oBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,aAC7C,uBAAC,wBAAa,IAAC,eAAe,EAAC,KAAK,GAAG,EACvC,uBAAC,gBAAK,IAAC,OAAO,EAAC,MAAM,GAAG,EACxB,uBAAC,gBAAK,KAAG,EACT,uBAAC,kBAAO,KAAG,EACX,uBAAC,iBAAM,KAAG,EACV,uBAAC,eAAI,IAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,UAAU,GAAG,IACrE,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,cAAc,kBAkBzB","sourcesContent":["import { CartesianGrid, Legend, Line, LineChart, Tooltip, XAxis, YAxis } from 'recharts';\nimport { Typography } from '@mui/material';\n\nimport { useErrorsOverTime } from '../hooks/useErrorsOverTime';\nimport { SearchParams } from '../types';\n\ninterface ErrorsOverTimeProps {\n  logs: any[];\n  searchParams: SearchParams;\n}\n\nexport const ErrorsOverTime = ({ logs, searchParams }: ErrorsOverTimeProps) => {\n  const data = useErrorsOverTime(logs, searchParams);\n\n  return (\n    <>\n      <Typography gutterBottom variant=\"h5\">\n        Errors Over Time\n      </Typography>\n      <LineChart data={data} height={300} width={1200}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"time\" />\n        <YAxis />\n        <Tooltip />\n        <Legend />\n        <Line activeDot={{ r: 8 }} dataKey=\"errors\" stroke=\"#8884d8\" type=\"monotone\" />\n      </LineChart>\n    </>\n  );\n};\n"]}

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

@@ -0,0 +1,7 @@
+import { SearchParams } from '../types';
+interface RequestsByServiceProps {
+    logs: any[];
+    searchParams: SearchParams;
+}
+export declare const RequestsByService: ({ logs, searchParams }: RequestsByServiceProps) => import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RequestsByService = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const recharts_1 = require("recharts");
+const material_1 = require("@mui/material");
+const useRequestsByService_1 = require("../hooks/useRequestsByService");
+const RequestsByService = ({ logs, searchParams }) => {
+    const data = (0, useRequestsByService_1.useRequestsByService)(logs, searchParams);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { gutterBottom: true, variant: "h5", children: "Requests by Service" }), (0, jsx_runtime_1.jsxs)(recharts_1.LineChart, { data: data, height: 300, width: 1200, children: [(0, jsx_runtime_1.jsx)(recharts_1.CartesianGrid, { strokeDasharray: "3 3" }), (0, jsx_runtime_1.jsx)(recharts_1.XAxis, { dataKey: "time" }), (0, jsx_runtime_1.jsx)(recharts_1.YAxis, {}), (0, jsx_runtime_1.jsx)(recharts_1.Tooltip, {}), (0, jsx_runtime_1.jsx)(recharts_1.Legend, {}), Object.keys(data[0] || {})
+                        .filter((key) => key !== 'time')
+                        .map((service) => ((0, jsx_runtime_1.jsx)(recharts_1.Line, { dataKey: service, stroke: `#${Math.floor(Math.random() * 16777215).toString(16)}`, type: "monotone" }, service)))] })] }));
+};
+exports.RequestsByService = RequestsByService;
+//# sourceMappingURL=RequestsByService.js.map

package/lib/commonjs/LogViewer/charts/RequestsByService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestsByService.js","sourceRoot":"","sources":["../../../../src/LogViewer/charts/RequestsByService.tsx"],"names":[],"mappings":";;;;AAAA,uCAAyF;AACzF,4CAA2C;AAE3C,wEAAqE;AAQ9D,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAA0B,EAAE,EAAE;IAClF,MAAM,IAAI,GAAG,IAAA,2CAAoB,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IAEtD,OAAO,CACL,6DACE,uBAAC,qBAAU,IAAC,YAAY,QAAC,OAAO,EAAC,IAAI,oCAExB,EACb,wBAAC,oBAAS,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,aAC7C,uBAAC,wBAAa,IAAC,eAAe,EAAC,KAAK,GAAG,EACvC,uBAAC,gBAAK,IAAC,OAAO,EAAC,MAAM,GAAG,EACxB,uBAAC,gBAAK,KAAG,EACT,uBAAC,kBAAO,KAAG,EACX,uBAAC,iBAAM,KAAG,EACT,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;yBACxB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC;yBAC/B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChB,uBAAC,eAAI,IAAe,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAC,UAAU,IAA3G,OAAO,CAAuG,CAC1H,CAAC,IACM,IACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,iBAAiB,qBAsB5B","sourcesContent":["import { CartesianGrid, Legend, Line, LineChart, Tooltip, XAxis, YAxis } from 'recharts';\nimport { Typography } from '@mui/material';\n\nimport { useRequestsByService } from '../hooks/useRequestsByService';\nimport { SearchParams } from '../types';\n\ninterface RequestsByServiceProps {\n  logs: any[];\n  searchParams: SearchParams;\n}\n\nexport const RequestsByService = ({ logs, searchParams }: RequestsByServiceProps) => {\n  const data = useRequestsByService(logs, searchParams);\n\n  return (\n    <>\n      <Typography gutterBottom variant=\"h5\">\n        Requests by Service\n      </Typography>\n      <LineChart data={data} height={300} width={1200}>\n        <CartesianGrid strokeDasharray=\"3 3\" />\n        <XAxis dataKey=\"time\" />\n        <YAxis />\n        <Tooltip />\n        <Legend />\n        {Object.keys(data[0] || {})\n          .filter((key) => key !== 'time')\n          .map((service) => (\n            <Line key={service} dataKey={service} stroke={`#${Math.floor(Math.random() * 16777215).toString(16)}`} type=\"monotone\" />\n          ))}\n      </LineChart>\n    </>\n  );\n};\n"]}

package/lib/commonjs/LogViewer/constants/RuntimeTypes.d.ts

@@ -0,0 +1 @@
+export declare const RuntimeTypes: string[];

package/lib/commonjs/LogViewer/constants/RuntimeTypes.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeTypes = void 0;
+const core_1 = require("@qpqjs/core");
+exports.RuntimeTypes = ['ALL', ...Object.keys(core_1.QpqRuntimeType).sort()];
+//# sourceMappingURL=RuntimeTypes.js.map

package/lib/commonjs/LogViewer/constants/RuntimeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeTypes.js","sourceRoot":"","sources":["../../../../src/LogViewer/constants/RuntimeTypes.ts"],"names":[],"mappings":";;;AAAA,sCAA6C;AAEhC,QAAA,YAAY,GAAG,CAAC,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAc,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC","sourcesContent":["import { QpqRuntimeType } from '@qpqjs/core';\n\nexport const RuntimeTypes = ['ALL', ...Object.keys(QpqRuntimeType).sort()];\n"]}

package/lib/commonjs/LogViewer/constants/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+export * from './useConsoleLogViewer';
+export * from './useLogDetails';
+export * from './useLogEvents';
+export * from './useLogTreeData';
+export * from './useLogViewGridColumns';
+export * from './useServiceNames';
+export * from './useTruncatedText';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,kDAAgC;AAChC,iDAA+B;AAC/B,mDAAiC;AACjC,0DAAwC;AACxC,oDAAkC;AAClC,qDAAmC","sourcesContent":["export * from './useConsoleLogViewer';\nexport * from './useLogDetails';\nexport * from './useLogEvents';\nexport * from './useLogTreeData';\nexport * from './useLogViewGridColumns';\nexport * from './useServiceNames';\nexport * from './useTruncatedText';\n"]}

package/lib/commonjs/LogViewer/hooks/useConsoleLogViewer.d.ts

@@ -0,0 +1,7 @@
+import { StoryResult } from '@qpqjs/core';
+export declare const useConsoleLogViewer: (logs: StoryResult<any>["logs"]) => {
+    formattedLogs: {
+        time: string;
+        args: any[];
+    }[] | null;
+};

package/lib/commonjs/LogViewer/hooks/useConsoleLogViewer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConsoleLogViewer = void 0;
+const react_1 = require("react");
+const useConsoleLogViewer = (logs) => {
+    const formattedLogs = (0, react_1.useMemo)(() => {
+        if (!logs) {
+            return null;
+        }
+        return logs.map((log) => ({
+            time: new Date(log.t).toLocaleTimeString('en-AU', {
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+            }),
+            args: log.a,
+        }));
+    }, [logs]);
+    return { formattedLogs };
+};
+exports.useConsoleLogViewer = useConsoleLogViewer;
+//# sourceMappingURL=useConsoleLogViewer.js.map

package/lib/commonjs/LogViewer/hooks/useConsoleLogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConsoleLogViewer.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useConsoleLogViewer.ts"],"names":[],"mappings":";;;AAEA,iCAAgC;AAEzB,MAAM,mBAAmB,GAAG,CAAC,IAA8B,EAAE,EAAE;IACpE,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACxB,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;gBAChD,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,SAAS;aAClB,CAAC;YACF,IAAI,EAAE,GAAG,CAAC,CAAC;SACZ,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,EAAE,aAAa,EAAE,CAAC;AAC3B,CAAC,CAAC;AAjBW,QAAA,mBAAmB,uBAiB9B","sourcesContent":["import { StoryResult } from '@qpqjs/core';\n\nimport { useMemo } from 'react';\n\nexport const useConsoleLogViewer = (logs: StoryResult<any>['logs']) => {\n  const formattedLogs = useMemo(() => {\n    if (!logs) {\n      return null;\n    }\n\n    return logs.map((log) => ({\n      time: new Date(log.t).toLocaleTimeString('en-AU', {\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n      }),\n      args: log.a,\n    }));\n  }, [logs]);\n\n  return { formattedLogs };\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useErrorsByType.d.ts

@@ -0,0 +1,5 @@
+import { StoryResultMetadata } from '@qpqjs/core';
+export declare const useErrorsByType: (logs: StoryResultMetadata[]) => {
+    count: number;
+    errorText: string;
+}[];

package/lib/commonjs/LogViewer/hooks/useErrorsByType.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorsByType = void 0;
+const react_1 = require("react");
+const useErrorsByType = (logs) => {
+    const data = (0, react_1.useMemo)(() => {
+        const errorCounts = {};
+        logs.forEach((log) => {
+            if (log.error) {
+                const errorText = log.error || '';
+                const truncatedErrorText = errorText.length > 100 ? errorText.slice(0, 100) + '...' : errorText;
+                errorCounts[truncatedErrorText] = errorCounts[truncatedErrorText] || {
+                    count: 0,
+                    errorText: truncatedErrorText,
+                };
+                errorCounts[truncatedErrorText].count++;
+            }
+        });
+        return Object.values(errorCounts).sort((a, b) => b.count - a.count);
+    }, [logs]);
+    console.log(data);
+    return data.slice(0, 10);
+};
+exports.useErrorsByType = useErrorsByType;
+//# sourceMappingURL=useErrorsByType.js.map

package/lib/commonjs/LogViewer/hooks/useErrorsByType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorsByType.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useErrorsByType.ts"],"names":[],"mappings":";;;AAEA,iCAAgC;AAEzB,MAAM,eAAe,GAAG,CAAC,IAA2B,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,MAAM,WAAW,GAAyD,EAAE,CAAC;QAE7E,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC;gBAClC,MAAM,kBAAkB,GAAG,SAAS,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;gBAEhG,WAAW,CAAC,kBAAkB,CAAC,GAAG,WAAW,CAAC,kBAAkB,CAAC,IAAI;oBACnE,KAAK,EAAE,CAAC;oBACR,SAAS,EAAE,kBAAkB;iBAC9B,CAAC;gBAEF,WAAW,CAAC,kBAAkB,CAAC,CAAC,KAAK,EAAE,CAAC;YAC1C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAElB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3B,CAAC,CAAC;AAxBW,QAAA,eAAe,mBAwB1B","sourcesContent":["import { StoryResultMetadata } from '@qpqjs/core';\n\nimport { useMemo } from 'react';\n\nexport const useErrorsByType = (logs: StoryResultMetadata[]) => {\n  const data = useMemo(() => {\n    const errorCounts: Record<string, { count: number; errorText: string }> = {};\n\n    logs.forEach((log) => {\n      if (log.error) {\n        const errorText = log.error || '';\n        const truncatedErrorText = errorText.length > 100 ? errorText.slice(0, 100) + '...' : errorText;\n\n        errorCounts[truncatedErrorText] = errorCounts[truncatedErrorText] || {\n          count: 0,\n          errorText: truncatedErrorText,\n        };\n\n        errorCounts[truncatedErrorText].count++;\n      }\n    });\n\n    return Object.values(errorCounts).sort((a, b) => b.count - a.count);\n  }, [logs]);\n\n  console.log(data);\n\n  return data.slice(0, 10);\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useErrorsOverTime.d.ts

@@ -0,0 +1,5 @@
+import { SearchParams } from '../types';
+export declare const useErrorsOverTime: (logs: any[], searchParams: SearchParams) => {
+    time: string;
+    errors: number;
+}[];

package/lib/commonjs/LogViewer/hooks/useErrorsOverTime.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorsOverTime = void 0;
+const react_1 = require("react");
+const useErrorsOverTime = (logs, searchParams) => {
+    const data = (0, react_1.useMemo)(() => {
+        const startTime = new Date(searchParams.startIsoDateTime).getTime();
+        const endTime = new Date(searchParams.endIsoDateTime).getTime();
+        const interval = (endTime - startTime) / 10;
+        const buckets = Array.from({ length: 10 }, (_, i) => ({
+            time: new Date(startTime + i * interval).toLocaleString(),
+            errors: 0,
+        }));
+        logs.forEach((log) => {
+            const logTime = new Date(log.startedAt).getTime();
+            const bucketIndex = Math.floor((logTime - startTime) / interval);
+            if (log.error && bucketIndex >= 0 && bucketIndex < 10) {
+                buckets[bucketIndex].errors++;
+            }
+        });
+        return buckets;
+    }, [logs, searchParams]);
+    return data;
+};
+exports.useErrorsOverTime = useErrorsOverTime;
+//# sourceMappingURL=useErrorsOverTime.js.map

package/lib/commonjs/LogViewer/hooks/useErrorsOverTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorsOverTime.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useErrorsOverTime.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAIzB,MAAM,iBAAiB,GAAG,CAAC,IAAW,EAAE,YAA0B,EAAE,EAAE;IAC3E,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,OAAO,EAAE,CAAC;QACpE,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,CAAC;QAChE,MAAM,QAAQ,GAAG,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,EAAE,CAAC;QAE5C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACpD,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,cAAc,EAAE;YACzD,MAAM,EAAE,CAAC;SACV,CAAC,CAAC,CAAC;QAEJ,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,CAAC;YAClD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC;YAEjE,IAAI,GAAG,CAAC,KAAK,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,GAAG,EAAE,EAAE,CAAC;gBACtD,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,CAAC;YAChC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAxBW,QAAA,iBAAiB,qBAwB5B","sourcesContent":["import { useMemo } from 'react';\n\nimport { SearchParams } from '../types';\n\nexport const useErrorsOverTime = (logs: any[], searchParams: SearchParams) => {\n  const data = useMemo(() => {\n    const startTime = new Date(searchParams.startIsoDateTime).getTime();\n    const endTime = new Date(searchParams.endIsoDateTime).getTime();\n    const interval = (endTime - startTime) / 10;\n\n    const buckets = Array.from({ length: 10 }, (_, i) => ({\n      time: new Date(startTime + i * interval).toLocaleString(),\n      errors: 0,\n    }));\n\n    logs.forEach((log) => {\n      const logTime = new Date(log.startedAt).getTime();\n      const bucketIndex = Math.floor((logTime - startTime) / interval);\n\n      if (log.error && bucketIndex >= 0 && bucketIndex < 10) {\n        buckets[bucketIndex].errors++;\n      }\n    });\n\n    return buckets;\n  }, [logs, searchParams]);\n\n  return data;\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useLogDetails.d.ts

@@ -0,0 +1,6 @@
+import { StoryResult } from '@qpqjs/core';
+export declare const useLogDetails: (log: StoryResult<any>) => {
+    events: import("@qpqjs/core").ActionHistory<any, any>[];
+    expandedEvents: Record<string, boolean>;
+    toggleEventExpanded: (key: string) => void;
+};

package/lib/commonjs/LogViewer/hooks/useLogDetails.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogDetails = void 0;
+const react_1 = require("react");
+const logic_1 = require("../logic");
+const useLogDetails = (log) => {
+    const events = (0, react_1.useMemo)(() => {
+        if (log) {
+            return (0, logic_1.processLog)(log);
+        }
+        else {
+            return [];
+        }
+    }, [log]);
+    const [expandedEvents, setExpandedEvents] = (0, react_1.useState)({});
+    const toggleEventExpanded = (key) => {
+        setExpandedEvents((prevState) => (Object.assign(Object.assign({}, prevState), { [key]: !prevState[key] })));
+    };
+    return { events, expandedEvents, toggleEventExpanded };
+};
+exports.useLogDetails = useLogDetails;
+//# sourceMappingURL=useLogDetails.js.map

package/lib/commonjs/LogViewer/hooks/useLogDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogDetails.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useLogDetails.ts"],"names":[],"mappings":";;;AAEA,iCAA0C;AAE1C,oCAAsC;AAE/B,MAAM,aAAa,GAAG,CAAC,GAAqB,EAAE,EAAE;IACrD,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IAElF,MAAM,mBAAmB,GAAG,CAAC,GAAW,EAAE,EAAE;QAC1C,iBAAiB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iCAC5B,SAAS,KACZ,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IACtB,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACzD,CAAC,CAAC;AAnBW,QAAA,aAAa,iBAmBxB","sourcesContent":["import { StoryResult } from '@qpqjs/core';\n\nimport { useMemo, useState } from 'react';\n\nimport { processLog } from '../logic';\n\nexport const useLogDetails = (log: StoryResult<any>) => {\n  const events = useMemo(() => {\n    if (log) {\n      return processLog(log);\n    } else {\n      return [];\n    }\n  }, [log]);\n\n  const [expandedEvents, setExpandedEvents] = useState<Record<string, boolean>>({});\n\n  const toggleEventExpanded = (key: string) => {\n    setExpandedEvents((prevState) => ({\n      ...prevState,\n      [key]: !prevState[key],\n    }));\n  };\n\n  return { events, expandedEvents, toggleEventExpanded };\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useLogEvents.d.ts

@@ -0,0 +1 @@
+export declare const useLogEvents: (log: any) => import("@qpqjs/core").ActionHistory<any, any>[];

package/lib/commonjs/LogViewer/hooks/useLogEvents.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogEvents = void 0;
+const react_1 = require("react");
+const logic_1 = require("../logic");
+const useLogEvents = (log) => {
+    const events = (0, react_1.useMemo)(() => {
+        if (log) {
+            return (0, logic_1.processLog)(log);
+        }
+        else {
+            return [];
+        }
+    }, [log]);
+    return events;
+};
+exports.useLogEvents = useLogEvents;
+//# sourceMappingURL=useLogEvents.js.map

package/lib/commonjs/LogViewer/hooks/useLogEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogEvents.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useLogEvents.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,oCAAsC;AAE/B,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAE,EAAE;IACvC,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB","sourcesContent":["import { useMemo } from 'react';\n\nimport { processLog } from '../logic';\n\nexport const useLogEvents = (log: any) => {\n  const events = useMemo(() => {\n    if (log) {\n      return processLog(log);\n    } else {\n      return [];\n    }\n  }, [log]);\n\n  return events;\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useLogTreeData.d.ts

@@ -0,0 +1,10 @@
+import { StoryResultMetadataWithChildren } from '@qpqjs/core';
+import { TreeNodeDatum } from 'react-d3-tree';
+export type TreeDataItem = TreeNodeDatum & StoryResultMetadataWithChildren;
+export type TreeApi = {
+    treeData?: StoryResultMetadataWithChildren[];
+    treeDataWithNoQpqActions?: StoryResultMetadataWithChildren[];
+    isLoading: boolean;
+    refreshTreeData: () => void;
+};
+export declare const useLogTreeData: (correlationId: string, hideQpqActions?: boolean) => TreeApi;

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

@@ -0,0 +1,71 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogTreeData = void 0;
+const web_react_1 = require("@qpqjs/web-react");
+const react_1 = require("react");
+const logic_1 = require("../logic");
+const filterQpqActions = (logs) => {
+    const filteredLogs = [];
+    for (const log of logs) {
+        if (!log.runtimeType.startsWith('EXECUTE_STORY')) {
+            // If the log is a QPQ action, add its children to the filtered logs array
+            filteredLogs.push(...filterQpqActions(log.children));
+        }
+        else {
+            // If the log is not a QPQ action, add it to the filtered logs array
+            // and recursively filter its children
+            const filteredLog = Object.assign(Object.assign({}, log), { children: filterQpqActions(log.children) });
+            filteredLogs.push(filteredLog);
+        }
+    }
+    return filteredLogs;
+};
+const useLogTreeData = (correlationId, hideQpqActions = false) => {
+    const [treeData, setTreeData] = (0, react_1.useState)();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const baseUrlResolvers = (0, web_react_1.useBaseUrlResolvers)();
+    const accessToken = (0, web_react_1.useAuthAccessToken)();
+    const refreshTreeData = () => __awaiter(void 0, void 0, void 0, function* () {
+        setIsLoading(true);
+        const logHierarchy = yield (0, logic_1.getLogHierarchy)(baseUrlResolvers.getApiUrl(), correlationId, true, accessToken);
+        if (logHierarchy) {
+            setTreeData([logHierarchy]);
+        }
+        setIsLoading(false);
+    });
+    // Stable identity so the effect below can list it as a dependency while
+    // still only re-running when a correlation id appears or disappears.
+    const fetchTreeData = (0, web_react_1.useEffectCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        setIsLoading(true);
+        console.log('correlationId: ', correlationId);
+        const logHierarchy = yield (0, logic_1.getLogHierarchy)(baseUrlResolvers.getApiUrl(), correlationId, false, accessToken);
+        if (logHierarchy) {
+            setTreeData([logHierarchy]);
+        }
+        setIsLoading(false);
+    }));
+    const hasCorrelationId = !!correlationId;
+    (0, react_1.useEffect)(() => {
+        if (hasCorrelationId) {
+            fetchTreeData();
+        }
+    }, [hasCorrelationId, fetchTreeData]);
+    const result = {
+        isLoading,
+        refreshTreeData: refreshTreeData,
+        treeDataWithNoQpqActions: treeData ? filterQpqActions(treeData) : treeData,
+        treeData: treeData,
+    };
+    return result;
+};
+exports.useLogTreeData = useLogTreeData;
+//# sourceMappingURL=useLogTreeData.js.map

package/lib/commonjs/LogViewer/hooks/useLogTreeData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogTreeData.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useLogTreeData.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,gDAA8F;AAE9F,iCAA4C;AAG5C,oCAA2C;AAE3C,MAAM,gBAAgB,GAAG,CAAC,IAAuC,EAAqC,EAAE;IACtG,MAAM,YAAY,GAAsC,EAAE,CAAC;IAE3D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,CAAC;YACjD,0EAA0E;YAC1E,YAAY,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;QACvD,CAAC;aAAM,CAAC;YACN,oEAAoE;YACpE,sCAAsC;YACtC,MAAM,WAAW,mCACZ,GAAG,KACN,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,GACzC,CAAC;YACF,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAWK,MAAM,cAAc,GAAG,CAAC,aAAqB,EAAE,iBAA0B,KAAK,EAAW,EAAE;IAChG,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAqC,CAAC;IAC9E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,IAAA,+BAAmB,GAAE,CAAC;IAE/C,MAAM,WAAW,GAAG,IAAA,8BAAkB,GAAE,CAAC;IAEzC,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,YAAY,GAAG,MAAM,IAAA,uBAAe,EAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,WAAW,CAAC,CAAC;QAE3G,IAAI,YAAY,EAAE,CAAC;YACjB,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9B,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA,CAAC;IAEF,wEAAwE;IACxE,qEAAqE;IACrE,MAAM,aAAa,GAAG,IAAA,6BAAiB,EAAC,GAAS,EAAE;QACjD,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;QAC9C,MAAM,YAAY,GAAG,MAAM,IAAA,uBAAe,EAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;QAE5G,IAAI,YAAY,EAAE,CAAC;YACjB,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;QAC9B,CAAC;QAED,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,CAAC,aAAa,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAC;IAEtC,MAAM,MAAM,GAAY;QACtB,SAAS;QACT,eAAe,EAAE,eAAe;QAChC,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;QAC1E,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAhDW,QAAA,cAAc,kBAgDzB","sourcesContent":["import { StoryResultMetadataWithChildren } from '@qpqjs/core';\nimport { useAuthAccessToken, useBaseUrlResolvers, useEffectCallback } from '@qpqjs/web-react';\n\nimport { useEffect, useState } from 'react';\nimport { TreeNodeDatum } from 'react-d3-tree';\n\nimport { getLogHierarchy } from '../logic';\n\nconst filterQpqActions = (logs: StoryResultMetadataWithChildren[]): StoryResultMetadataWithChildren[] => {\n  const filteredLogs: StoryResultMetadataWithChildren[] = [];\n\n  for (const log of logs) {\n    if (!log.runtimeType.startsWith('EXECUTE_STORY')) {\n      // If the log is a QPQ action, add its children to the filtered logs array\n      filteredLogs.push(...filterQpqActions(log.children));\n    } else {\n      // If the log is not a QPQ action, add it to the filtered logs array\n      // and recursively filter its children\n      const filteredLog: StoryResultMetadataWithChildren = {\n        ...log,\n        children: filterQpqActions(log.children),\n      };\n      filteredLogs.push(filteredLog);\n    }\n  }\n\n  return filteredLogs;\n};\n\nexport type TreeDataItem = TreeNodeDatum & StoryResultMetadataWithChildren;\n\nexport type TreeApi = {\n  treeData?: StoryResultMetadataWithChildren[];\n  treeDataWithNoQpqActions?: StoryResultMetadataWithChildren[];\n  isLoading: boolean;\n  refreshTreeData: () => void;\n};\n\nexport const useLogTreeData = (correlationId: string, hideQpqActions: boolean = false): TreeApi => {\n  const [treeData, setTreeData] = useState<StoryResultMetadataWithChildren[]>();\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const baseUrlResolvers = useBaseUrlResolvers();\n\n  const accessToken = useAuthAccessToken();\n\n  const refreshTreeData = async () => {\n    setIsLoading(true);\n    const logHierarchy = await getLogHierarchy(baseUrlResolvers.getApiUrl(), correlationId, true, accessToken);\n\n    if (logHierarchy) {\n      setTreeData([logHierarchy]);\n    }\n\n    setIsLoading(false);\n  };\n\n  // Stable identity so the effect below can list it as a dependency while\n  // still only re-running when a correlation id appears or disappears.\n  const fetchTreeData = useEffectCallback(async () => {\n    setIsLoading(true);\n    console.log('correlationId: ', correlationId);\n    const logHierarchy = await getLogHierarchy(baseUrlResolvers.getApiUrl(), correlationId, false, accessToken);\n\n    if (logHierarchy) {\n      setTreeData([logHierarchy]);\n    }\n\n    setIsLoading(false);\n  });\n\n  const hasCorrelationId = !!correlationId;\n\n  useEffect(() => {\n    if (hasCorrelationId) {\n      fetchTreeData();\n    }\n  }, [hasCorrelationId, fetchTreeData]);\n\n  const result: TreeApi = {\n    isLoading,\n    refreshTreeData: refreshTreeData,\n    treeDataWithNoQpqActions: treeData ? filterQpqActions(treeData) : treeData,\n    treeData: treeData,\n  };\n\n  return result;\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useLogViewGridColumns.d.ts

@@ -0,0 +1,2 @@
+import { GridColDef } from '@mui/x-data-grid';
+export declare const useLogViewGridColumns: (getColumns: () => GridColDef[]) => GridColDef[];

package/lib/commonjs/LogViewer/hooks/useLogViewGridColumns.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogViewGridColumns = void 0;
+const react_1 = require("react");
+const useLogViewGridColumns = (getColumns) => {
+    const columns = (0, react_1.useMemo)(() => getColumns(), [getColumns]);
+    return columns;
+};
+exports.useLogViewGridColumns = useLogViewGridColumns;
+//# sourceMappingURL=useLogViewGridColumns.js.map

package/lib/commonjs/LogViewer/hooks/useLogViewGridColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLogViewGridColumns.js","sourceRoot":"","sources":["../../../../src/LogViewer/hooks/useLogViewGridColumns.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAGzB,MAAM,qBAAqB,GAAG,CAAC,UAA8B,EAAE,EAAE;IACtE,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAHW,QAAA,qBAAqB,yBAGhC","sourcesContent":["import { useMemo } from 'react';\nimport { GridColDef } from '@mui/x-data-grid';\n\nexport const useLogViewGridColumns = (getColumns: () => GridColDef[]) => {\n  const columns = useMemo(() => getColumns(), [getColumns]);\n  return columns;\n};\n"]}

package/lib/commonjs/LogViewer/hooks/useRequestsByService.d.ts

@@ -0,0 +1,2 @@
+import { SearchParams } from '../types';
+export declare const useRequestsByService: (logs: any[], searchParams: SearchParams) => any[];