@qpqjs/web-admin 0.0.0-stage → 0.2.0

package/lib/esm/LogViewer/TraceViewer/TraceViewer.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Alert, Box, Checkbox, Chip, FormControl, FormControlLabel, IconButton, MenuItem, Select, Slider, TextField, Tooltip, Typography, } from '@mui/material';
+import { LocalValueTree } from './LocalValueTree';
+import { buildLineAnnotations, formatLineAnnotation, getDefaultSourceIndex, getDisplaySourceNames, isExternalSourcePath, RETURNS_MATCH_NAME, searchStepValues, } from './traceViewerLogic';
+// Layout notes (deliberate, don't regress):
+// - the slider row contains ONLY the prev/slider/next controls — any text that changes
+//   width as you scrub (step counter, function names) lives in the rows above instead,
+//   so the slider never jumps under the pointer
+// - source paths are enormous (federated chunk files) — everything that shows one is
+//   width-bounded with tail-ellipsis (rtl trick keeps the distinguishing END visible)
+//   and carries the full path in a tooltip
+const monoFont = 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';
+// Ellipsis that keeps the END of the text visible — for paths the tail is the part
+// that differs. (rtl only changes which side collapses; the string itself is ltr.)
+const tailEllipsisStyle = {
+    direction: 'rtl',
+    overflow: 'hidden',
+    textAlign: 'left',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+};
+const codeAreaStyle = {
+    fontFamily: monoFont,
+    fontSize: '12px',
+    lineHeight: '20px',
+    overflow: 'auto',
+    whiteSpace: 'pre',
+    height: '100%',
+    border: '1px solid rgba(128, 128, 128, 0.3)',
+    borderRadius: 4,
+};
+export const TraceViewer = ({ trace, hideExternalSteps, onHideExternalStepsChange, actions }) => {
+    const [selectedSourceIndex, setSelectedSourceIndex] = useState(() => getDefaultSourceIndex(trace));
+    const [selectedStepIndex, setSelectedStepIndex] = useState(0);
+    const [searchQuery, setSearchQuery] = useState('');
+    const highlightedLineRef = useRef(null);
+    const annotations = useMemo(() => buildLineAnnotations(trace, selectedSourceIndex), [trace, selectedSourceIndex]);
+    const displaySourceNames = useMemo(() => getDisplaySourceNames(trace.sources.map((traceSource) => traceSource.path)), [trace.sources]);
+    // The scrubber walks these indexes into trace.steps — all of them, or only the steps
+    // that resolved into the user's own code when the "my code" filter is on.
+    const visibleStepIndexes = useMemo(() => {
+        const externalSourceIndexes = new Set(trace.sources.flatMap((traceSource, sourceIndex) => (isExternalSourcePath(traceSource.path) ? [sourceIndex] : [])));
+        return trace.steps.flatMap((step, stepIndex) => (hideExternalSteps && externalSourceIndexes.has(step.sourceIndex) ? [] : [stepIndex]));
+    }, [trace, hideExternalSteps]);
+    // Position of the selected step within the visible list (-1 while it's filtered out)
+    const selectedPosition = visibleStepIndexes.indexOf(selectedStepIndex);
+    // Turning the filter on while parked on an external step — snap forward to the next
+    // own-code step (or back to the last one)
+    useEffect(() => {
+        if (selectedPosition === -1 && visibleStepIndexes.length > 0) {
+            const nextVisible = visibleStepIndexes.find((stepIndex) => stepIndex > selectedStepIndex);
+            setSelectedStepIndex(nextVisible ?? visibleStepIndexes[visibleStepIndexes.length - 1]);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedPosition, visibleStepIndexes]);
+    // Value search — which (visible) steps carry the query in a variable name, preview,
+    // or deep json capture. Ordered, so the first match is where the value first appears.
+    const matches = useMemo(() => searchStepValues(trace, searchQuery, visibleStepIndexes), [trace, searchQuery, visibleStepIndexes]);
+    const matchStepIndexes = useMemo(() => matches.map((match) => match.stepIndex), [matches]);
+    const currentMatchNumber = matchStepIndexes.indexOf(selectedStepIndex) + 1;
+    const goToMatch = (direction) => {
+        if (matchStepIndexes.length === 0) {
+            return;
+        }
+        if (direction === 1) {
+            const next = matchStepIndexes.find((stepIndex) => stepIndex > selectedStepIndex);
+            setSelectedStepIndex(next ?? matchStepIndexes[0]);
+        }
+        else {
+            const previous = [...matchStepIndexes].reverse().find((stepIndex) => stepIndex < selectedStepIndex);
+            setSelectedStepIndex(previous ?? matchStepIndexes[matchStepIndexes.length - 1]);
+        }
+    };
+    // Match marks on the scrubber — where the searched value lives across the run
+    const matchMarks = useMemo(() => {
+        const positionByStepIndex = new Map(visibleStepIndexes.map((stepIndex, position) => [stepIndex, position]));
+        return matches.flatMap((match) => {
+            const position = positionByStepIndex.get(match.stepIndex);
+            return position === undefined ? [] : [{ value: position }];
+        });
+    }, [matches, visibleStepIndexes]);
+    const selectedStepMatchedNames = useMemo(() => new Set(matches.find((match) => match.stepIndex === selectedStepIndex)?.matchedNames ?? []), [matches, selectedStepIndex]);
+    const selectedStep = trace.steps[selectedStepIndex];
+    const source = trace.sources[selectedSourceIndex];
+    const sourceLines = useMemo(() => (source?.content ? source.content.split('\n') : null), [source]);
+    // Scrubbing into a step from another source file follows the execution there — keyed
+    // on the step index only, so manual source selection isn't fought by the effect.
+    useEffect(() => {
+        if (selectedStep && selectedStep.sourceIndex !== selectedSourceIndex) {
+            setSelectedSourceIndex(selectedStep.sourceIndex);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedStepIndex]);
+    useEffect(() => {
+        highlightedLineRef.current?.scrollIntoView({ block: 'nearest' });
+    }, [selectedStepIndex, selectedSourceIndex]);
+    const highlightedLine = selectedStep && selectedStep.sourceIndex === selectedSourceIndex ? selectedStep.line : undefined;
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1, height: '100%' }, children: [_jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: 1, minWidth: 0 }, children: [trace.sources.length > 1 ? (_jsx(FormControl, { size: "small", sx: { flexShrink: 0, width: 280 }, children: _jsx(Select, { MenuProps: { PaperProps: { sx: { maxWidth: 680 } } }, onChange: (event) => setSelectedSourceIndex(Number(event.target.value)), renderValue: (sourceIndex) => _jsx("span", { style: tailEllipsisStyle, children: displaySourceNames[sourceIndex] }), value: selectedSourceIndex, children: trace.sources.map((traceSource, sourceIndex) => (_jsx(MenuItem, { sx: { direction: 'rtl', display: 'block', overflow: 'hidden', textAlign: 'left', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }, title: traceSource.path, value: sourceIndex, children: displaySourceNames[sourceIndex] }, traceSource.path))) }) })) : (_jsx(Tooltip, { title: source?.path || '', children: _jsx(Typography, { sx: { ...tailEllipsisStyle, flexShrink: 0, width: 280 }, variant: "caption", children: displaySourceNames[selectedSourceIndex] }) })), _jsx(Chip, { label: `${trace.steps.length} steps`, size: "small", sx: { flexShrink: 0 } }), _jsx(Chip, { label: `${trace.stats.replayMs}ms replay`, size: "small", sx: { flexShrink: 0 } }), trace.stats.instrumentMs !== undefined && _jsx(Chip, { label: `${trace.stats.instrumentMs}ms setup`, size: "small", sx: { flexShrink: 0 } }), trace.stats.instrumentedScriptUrls && (_jsx(Tooltip, { title: _jsx("span", { style: { whiteSpace: 'pre-line' }, children: `Scripts that received breakpoints — steps are only recorded in these:\n${trace.stats.instrumentedScriptUrls.join('\n')}` }), children: _jsx(Chip, { label: `${trace.stats.instrumentedScriptUrls.length} scripts traced`, size: "small", sx: { flexShrink: 0 } }) })), trace.truncated && _jsx(Chip, { color: "warning", label: "truncated - step budget hit", size: "small", sx: { flexShrink: 0 } }), _jsx(Tooltip, { title: "Hide steps in framework / node_modules code \u2014 scrub only through this service's own source", children: _jsx(FormControlLabel, { control: _jsx(Checkbox, { checked: hideExternalSteps, onChange: (event) => onHideExternalStepsChange(event.target.checked), size: "small" }), label: _jsx(Typography, { variant: "caption", children: "My code only" }), sx: { flexShrink: 0, ml: 0.5, mr: 0 } }) }), _jsx(Box, { sx: { flex: 1 } }), actions] }), _jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: 1, px: 1 }, children: [_jsx(TextField, { onChange: (event) => setSearchQuery(event.target.value), onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                goToMatch(1);
+                            }
+                        }, placeholder: "Find in variables \u2014 names, values, nested json", size: "small", sx: { width: 380 }, value: searchQuery }), _jsx(IconButton, { disabled: matchStepIndexes.length === 0, onClick: () => goToMatch(-1), size: "small", children: "\u25C0" }), _jsx(IconButton, { disabled: matchStepIndexes.length === 0, onClick: () => goToMatch(1), size: "small", children: "\u25B6" }), searchQuery && (_jsx(Typography, { color: "text.secondary", variant: "caption", children: matchStepIndexes.length === 0
+                            ? 'no matches'
+                            : currentMatchNumber > 0
+                                ? `match ${currentMatchNumber} of ${matchStepIndexes.length} steps`
+                                : `${matchStepIndexes.length} matching steps` })), _jsx(Box, { sx: { flex: 1 } }), _jsx(Chip, { label: `step ${selectedPosition + 1} / ${visibleStepIndexes.length}${hideExternalSteps ? ` (${trace.steps.length} total)` : ''}`, size: "small", sx: { flexShrink: 0 }, variant: "outlined" })] }), _jsxs(Box, { sx: { alignItems: 'center', display: 'flex', gap: 2, px: 1 }, children: [_jsx(IconButton, { disabled: selectedPosition <= 0, onClick: () => setSelectedStepIndex(visibleStepIndexes[selectedPosition - 1]), size: "small", children: "\u25C0" }), _jsx(Slider, { marks: matchMarks.length > 0 ? matchMarks : undefined, max: Math.max(visibleStepIndexes.length - 1, 0), min: 0, onChange: (event, value) => setSelectedStepIndex(visibleStepIndexes[value]), size: "small", sx: { '& .MuiSlider-mark': { backgroundColor: 'warning.main', height: 8, width: 2 } }, value: Math.max(selectedPosition, 0), valueLabelDisplay: "auto", valueLabelFormat: (position) => `step ${position + 1}` }), _jsx(IconButton, { disabled: selectedPosition === -1 || selectedPosition >= visibleStepIndexes.length - 1, onClick: () => setSelectedStepIndex(visibleStepIndexes[selectedPosition + 1]), size: "small", children: "\u25B6" })] }), _jsxs(Box, { sx: { display: 'flex', flex: 1, gap: 1, minHeight: 0 }, children: [_jsxs(Box, { sx: { flex: 1, minWidth: 0 }, children: [!sourceLines && (_jsxs(Alert, { severity: "info", children: ["No source content available for this file (no source map in the code store) \u2014 steps reference ", source?.path, " by line only."] })), sourceLines && (_jsx("div", { style: codeAreaStyle, children: sourceLines.map((lineText, lineIndex) => {
+                                    const lineNumber = lineIndex + 1;
+                                    const annotation = annotations.get(lineNumber);
+                                    const isHighlighted = lineNumber === highlightedLine;
+                                    return (_jsxs("div", { ref: isHighlighted ? highlightedLineRef : undefined, onClick: () => {
+                                            // Jump the scrubber to this line's first visit (among visible steps)
+                                            const stepIndex = visibleStepIndexes.find((visibleStepIndex) => trace.steps[visibleStepIndex].sourceIndex === selectedSourceIndex && trace.steps[visibleStepIndex].line === lineNumber);
+                                            if (stepIndex !== undefined) {
+                                                setSelectedStepIndex(stepIndex);
+                                            }
+                                        }, style: {
+                                            backgroundColor: isHighlighted ? 'rgba(255, 200, 0, 0.25)' : annotation ? 'rgba(0, 160, 255, 0.06)' : undefined,
+                                            cursor: annotation ? 'pointer' : undefined,
+                                            display: 'flex',
+                                        }, children: [_jsx("span", { style: {
+                                                    color: 'rgba(128, 128, 128, 0.8)',
+                                                    flexShrink: 0,
+                                                    padding: '0 8px',
+                                                    textAlign: 'right',
+                                                    userSelect: 'none',
+                                                    width: 48,
+                                                }, children: lineNumber }), _jsx("span", { style: { flexShrink: 0 }, children: lineText }), annotation && (_jsx("span", { style: { color: 'rgba(128, 160, 128, 0.9)', fontStyle: 'italic', paddingLeft: 24 }, children: `// ${formatLineAnnotation(annotation)}` }))] }, lineNumber));
+                                }) }))] }), _jsxs(Box, { sx: {
+                            border: '1px solid rgba(128, 128, 128, 0.3)',
+                            borderRadius: 1,
+                            display: 'flex',
+                            flexDirection: 'column',
+                            flexShrink: 0,
+                            minWidth: 240,
+                            overflow: 'hidden',
+                            width: '33%',
+                        }, children: [_jsxs(Box, { sx: { borderBottom: '1px solid rgba(128, 128, 128, 0.3)', px: 1, py: 0.5 }, children: [_jsx(Typography, { sx: { fontWeight: 600 }, variant: "caption", children: "Watch" }), selectedStep && (_jsxs(Typography, { color: "text.secondary", noWrap: true, sx: { display: 'block' }, variant: "caption", children: [selectedStep.functionName || '(anonymous)', " : line ", selectedStep.line] }))] }), _jsxs(Box, { sx: { flex: 1, fontFamily: monoFont, fontSize: '12px', lineHeight: '18px', overflow: 'auto', p: 1 }, children: [selectedStep?.returnValue && (_jsx("div", { style: {
+                                            borderBottom: '1px solid rgba(128, 128, 128, 0.3)',
+                                            marginBottom: 4,
+                                            paddingBottom: 4,
+                                            ...(selectedStepMatchedNames.has(RETURNS_MATCH_NAME) ? { backgroundColor: 'rgba(255, 200, 0, 0.18)' } : {}),
+                                        }, children: _jsx(LocalValueTree, { name: RETURNS_MATCH_NAME, value: selectedStep.returnValue }) })), selectedStep ? (Object.entries(selectedStep.locals).map(([name, value]) => (_jsx("div", { style: selectedStepMatchedNames.has(name) ? { backgroundColor: 'rgba(255, 200, 0, 0.18)', borderRadius: 2 } : undefined, children: _jsx(LocalValueTree, { name: name, value: value }) }, name)))) : (_jsx(Typography, { color: "text.secondary", variant: "caption", children: "No step selected" }))] })] })] })] }));
+};
+//# sourceMappingURL=TraceViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TraceViewer.js","sourceRoot":"","sources":["../../../../src/LogViewer/TraceViewer/TraceViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { QpqExecutionTrace } from '@qpqjs/core';\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  Chip,\n  FormControl,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Select,\n  Slider,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\n\nimport { LocalValueTree } from './LocalValueTree';\nimport {\n  buildLineAnnotations,\n  formatLineAnnotation,\n  getDefaultSourceIndex,\n  getDisplaySourceNames,\n  isExternalSourcePath,\n  RETURNS_MATCH_NAME,\n  searchStepValues,\n} from './traceViewerLogic';\n\ninterface TraceViewerProps {\n  trace: QpqExecutionTrace;\n\n  // \"My code only\" lives with the tab (not here) so Re-run Trace can send it to the\n  // tracer — a re-trace with it on never sets breakpoints outside the user's own code\n  hideExternalSteps: boolean;\n  onHideExternalStepsChange: (hideExternalSteps: boolean) => void;\n\n  // Tab-owned controls (the Re-run Trace button) rendered at the end of the header row\n  // so they don't need a row of their own\n  actions?: React.ReactNode;\n}\n\n// Layout notes (deliberate, don't regress):\n// - the slider row contains ONLY the prev/slider/next controls — any text that changes\n//   width as you scrub (step counter, function names) lives in the rows above instead,\n//   so the slider never jumps under the pointer\n// - source paths are enormous (federated chunk files) — everything that shows one is\n//   width-bounded with tail-ellipsis (rtl trick keeps the distinguishing END visible)\n//   and carries the full path in a tooltip\n\nconst monoFont = 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace';\n\n// Ellipsis that keeps the END of the text visible — for paths the tail is the part\n// that differs. (rtl only changes which side collapses; the string itself is ltr.)\nconst tailEllipsisStyle: React.CSSProperties = {\n  direction: 'rtl',\n  overflow: 'hidden',\n  textAlign: 'left',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n};\n\nconst codeAreaStyle: React.CSSProperties = {\n  fontFamily: monoFont,\n  fontSize: '12px',\n  lineHeight: '20px',\n  overflow: 'auto',\n  whiteSpace: 'pre',\n  height: '100%',\n  border: '1px solid rgba(128, 128, 128, 0.3)',\n  borderRadius: 4,\n};\n\nexport const TraceViewer: React.FC<TraceViewerProps> = ({ trace, hideExternalSteps, onHideExternalStepsChange, actions }) => {\n  const [selectedSourceIndex, setSelectedSourceIndex] = useState(() => getDefaultSourceIndex(trace));\n  const [selectedStepIndex, setSelectedStepIndex] = useState(0);\n  const [searchQuery, setSearchQuery] = useState('');\n  const highlightedLineRef = useRef<HTMLDivElement | null>(null);\n\n  const annotations = useMemo(() => buildLineAnnotations(trace, selectedSourceIndex), [trace, selectedSourceIndex]);\n  const displaySourceNames = useMemo(() => getDisplaySourceNames(trace.sources.map((traceSource) => traceSource.path)), [trace.sources]);\n\n  // The scrubber walks these indexes into trace.steps — all of them, or only the steps\n  // that resolved into the user's own code when the \"my code\" filter is on.\n  const visibleStepIndexes = useMemo(() => {\n    const externalSourceIndexes = new Set(\n      trace.sources.flatMap((traceSource, sourceIndex) => (isExternalSourcePath(traceSource.path) ? [sourceIndex] : [])),\n    );\n    return trace.steps.flatMap((step, stepIndex) => (hideExternalSteps && externalSourceIndexes.has(step.sourceIndex) ? [] : [stepIndex]));\n  }, [trace, hideExternalSteps]);\n\n  // Position of the selected step within the visible list (-1 while it's filtered out)\n  const selectedPosition = visibleStepIndexes.indexOf(selectedStepIndex);\n\n  // Turning the filter on while parked on an external step — snap forward to the next\n  // own-code step (or back to the last one)\n  useEffect(() => {\n    if (selectedPosition === -1 && visibleStepIndexes.length > 0) {\n      const nextVisible = visibleStepIndexes.find((stepIndex) => stepIndex > selectedStepIndex);\n      setSelectedStepIndex(nextVisible ?? visibleStepIndexes[visibleStepIndexes.length - 1]);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedPosition, visibleStepIndexes]);\n\n  // Value search — which (visible) steps carry the query in a variable name, preview,\n  // or deep json capture. Ordered, so the first match is where the value first appears.\n  const matches = useMemo(() => searchStepValues(trace, searchQuery, visibleStepIndexes), [trace, searchQuery, visibleStepIndexes]);\n  const matchStepIndexes = useMemo(() => matches.map((match) => match.stepIndex), [matches]);\n  const currentMatchNumber = matchStepIndexes.indexOf(selectedStepIndex) + 1;\n\n  const goToMatch = (direction: 1 | -1) => {\n    if (matchStepIndexes.length === 0) {\n      return;\n    }\n    if (direction === 1) {\n      const next = matchStepIndexes.find((stepIndex) => stepIndex > selectedStepIndex);\n      setSelectedStepIndex(next ?? matchStepIndexes[0]);\n    } else {\n      const previous = [...matchStepIndexes].reverse().find((stepIndex) => stepIndex < selectedStepIndex);\n      setSelectedStepIndex(previous ?? matchStepIndexes[matchStepIndexes.length - 1]);\n    }\n  };\n\n  // Match marks on the scrubber — where the searched value lives across the run\n  const matchMarks = useMemo(() => {\n    const positionByStepIndex = new Map(visibleStepIndexes.map((stepIndex, position) => [stepIndex, position]));\n    return matches.flatMap((match) => {\n      const position = positionByStepIndex.get(match.stepIndex);\n      return position === undefined ? [] : [{ value: position }];\n    });\n  }, [matches, visibleStepIndexes]);\n\n  const selectedStepMatchedNames = useMemo(\n    () => new Set(matches.find((match) => match.stepIndex === selectedStepIndex)?.matchedNames ?? []),\n    [matches, selectedStepIndex],\n  );\n\n  const selectedStep = trace.steps[selectedStepIndex];\n  const source = trace.sources[selectedSourceIndex];\n  const sourceLines = useMemo(() => (source?.content ? source.content.split('\\n') : null), [source]);\n\n  // Scrubbing into a step from another source file follows the execution there — keyed\n  // on the step index only, so manual source selection isn't fought by the effect.\n  useEffect(() => {\n    if (selectedStep && selectedStep.sourceIndex !== selectedSourceIndex) {\n      setSelectedSourceIndex(selectedStep.sourceIndex);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedStepIndex]);\n\n  useEffect(() => {\n    highlightedLineRef.current?.scrollIntoView({ block: 'nearest' });\n  }, [selectedStepIndex, selectedSourceIndex]);\n\n  const highlightedLine = selectedStep && selectedStep.sourceIndex === selectedSourceIndex ? selectedStep.line : undefined;\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1, height: '100%' }}>\n      {/* header row — source picker, stats, and the tab's actions (Re-run Trace) */}\n      <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, minWidth: 0 }}>\n        {trace.sources.length > 1 ? (\n          <FormControl size=\"small\" sx={{ flexShrink: 0, width: 280 }}>\n            <Select\n              MenuProps={{ PaperProps: { sx: { maxWidth: 680 } } }}\n              onChange={(event) => setSelectedSourceIndex(Number(event.target.value))}\n              renderValue={(sourceIndex) => <span style={tailEllipsisStyle}>{displaySourceNames[sourceIndex as number]}</span>}\n              value={selectedSourceIndex}\n            >\n              {trace.sources.map((traceSource, sourceIndex) => (\n                <MenuItem\n                  key={traceSource.path}\n                  sx={{ direction: 'rtl', display: 'block', overflow: 'hidden', textAlign: 'left', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n                  title={traceSource.path}\n                  value={sourceIndex}\n                >\n                  {displaySourceNames[sourceIndex]}\n                </MenuItem>\n              ))}\n            </Select>\n          </FormControl>\n        ) : (\n          <Tooltip title={source?.path || ''}>\n            <Typography sx={{ ...tailEllipsisStyle, flexShrink: 0, width: 280 }} variant=\"caption\">\n              {displaySourceNames[selectedSourceIndex]}\n            </Typography>\n          </Tooltip>\n        )}\n\n        <Chip label={`${trace.steps.length} steps`} size=\"small\" sx={{ flexShrink: 0 }} />\n        <Chip label={`${trace.stats.replayMs}ms replay`} size=\"small\" sx={{ flexShrink: 0 }} />\n        {trace.stats.instrumentMs !== undefined && <Chip label={`${trace.stats.instrumentMs}ms setup`} size=\"small\" sx={{ flexShrink: 0 }} />}\n        {trace.stats.instrumentedScriptUrls && (\n          <Tooltip\n            title={\n              <span style={{ whiteSpace: 'pre-line' }}>\n                {`Scripts that received breakpoints — steps are only recorded in these:\\n${trace.stats.instrumentedScriptUrls.join('\\n')}`}\n              </span>\n            }\n          >\n            <Chip label={`${trace.stats.instrumentedScriptUrls.length} scripts traced`} size=\"small\" sx={{ flexShrink: 0 }} />\n          </Tooltip>\n        )}\n        {trace.truncated && <Chip color=\"warning\" label=\"truncated - step budget hit\" size=\"small\" sx={{ flexShrink: 0 }} />}\n\n        <Tooltip title=\"Hide steps in framework / node_modules code — scrub only through this service's own source\">\n          <FormControlLabel\n            control={<Checkbox checked={hideExternalSteps} onChange={(event) => onHideExternalStepsChange(event.target.checked)} size=\"small\" />}\n            label={<Typography variant=\"caption\">My code only</Typography>}\n            sx={{ flexShrink: 0, ml: 0.5, mr: 0 }}\n          />\n        </Tooltip>\n\n        <Box sx={{ flex: 1 }} />\n\n        {actions}\n      </Box>\n\n      {/* search row — find where a value appears across the trace's variables; also the\n          step indicator's stable home (it changes width while scrubbing, so it must not\n          share a row with the slider) */}\n      <Box sx={{ alignItems: 'center', display: 'flex', gap: 1, px: 1 }}>\n        <TextField\n          onChange={(event) => setSearchQuery(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Enter') {\n              goToMatch(1);\n            }\n          }}\n          placeholder=\"Find in variables — names, values, nested json\"\n          size=\"small\"\n          sx={{ width: 380 }}\n          value={searchQuery}\n        />\n        <IconButton disabled={matchStepIndexes.length === 0} onClick={() => goToMatch(-1)} size=\"small\">\n          ◀\n        </IconButton>\n        <IconButton disabled={matchStepIndexes.length === 0} onClick={() => goToMatch(1)} size=\"small\">\n          ▶\n        </IconButton>\n        {searchQuery && (\n          <Typography color=\"text.secondary\" variant=\"caption\">\n            {matchStepIndexes.length === 0\n              ? 'no matches'\n              : currentMatchNumber > 0\n                ? `match ${currentMatchNumber} of ${matchStepIndexes.length} steps`\n                : `${matchStepIndexes.length} matching steps`}\n          </Typography>\n        )}\n\n        <Box sx={{ flex: 1 }} />\n\n        <Chip\n          label={`step ${selectedPosition + 1} / ${visibleStepIndexes.length}${hideExternalSteps ? ` (${trace.steps.length} total)` : ''}`}\n          size=\"small\"\n          sx={{ flexShrink: 0 }}\n          variant=\"outlined\"\n        />\n      </Box>\n\n      {/* slider row — controls only, fixed geometry while scrubbing */}\n      <Box sx={{ alignItems: 'center', display: 'flex', gap: 2, px: 1 }}>\n        <IconButton disabled={selectedPosition <= 0} onClick={() => setSelectedStepIndex(visibleStepIndexes[selectedPosition - 1])} size=\"small\">\n          ◀\n        </IconButton>\n        <Slider\n          marks={matchMarks.length > 0 ? matchMarks : undefined}\n          max={Math.max(visibleStepIndexes.length - 1, 0)}\n          min={0}\n          onChange={(event, value) => setSelectedStepIndex(visibleStepIndexes[value as number])}\n          size=\"small\"\n          sx={{ '& .MuiSlider-mark': { backgroundColor: 'warning.main', height: 8, width: 2 } }}\n          value={Math.max(selectedPosition, 0)}\n          valueLabelDisplay=\"auto\"\n          valueLabelFormat={(position) => `step ${position + 1}`}\n        />\n        <IconButton\n          disabled={selectedPosition === -1 || selectedPosition >= visibleStepIndexes.length - 1}\n          onClick={() => setSelectedStepIndex(visibleStepIndexes[selectedPosition + 1])}\n          size=\"small\"\n        >\n          ▶\n        </IconButton>\n      </Box>\n\n      {/* main area — code on the left, Watch panel on the right */}\n      <Box sx={{ display: 'flex', flex: 1, gap: 1, minHeight: 0 }}>\n        <Box sx={{ flex: 1, minWidth: 0 }}>\n          {!sourceLines && (\n            <Alert severity=\"info\">\n              No source content available for this file (no source map in the code store) — steps reference {source?.path} by line only.\n            </Alert>\n          )}\n\n          {sourceLines && (\n            <div style={codeAreaStyle}>\n              {sourceLines.map((lineText, lineIndex) => {\n                const lineNumber = lineIndex + 1;\n                const annotation = annotations.get(lineNumber);\n                const isHighlighted = lineNumber === highlightedLine;\n\n                return (\n                  <div\n                    key={lineNumber}\n                    ref={isHighlighted ? highlightedLineRef : undefined}\n                    onClick={() => {\n                      // Jump the scrubber to this line's first visit (among visible steps)\n                      const stepIndex = visibleStepIndexes.find(\n                        (visibleStepIndex) =>\n                          trace.steps[visibleStepIndex].sourceIndex === selectedSourceIndex && trace.steps[visibleStepIndex].line === lineNumber,\n                      );\n                      if (stepIndex !== undefined) {\n                        setSelectedStepIndex(stepIndex);\n                      }\n                    }}\n                    style={{\n                      backgroundColor: isHighlighted ? 'rgba(255, 200, 0, 0.25)' : annotation ? 'rgba(0, 160, 255, 0.06)' : undefined,\n                      cursor: annotation ? 'pointer' : undefined,\n                      display: 'flex',\n                    }}\n                  >\n                    <span\n                      style={{\n                        color: 'rgba(128, 128, 128, 0.8)',\n                        flexShrink: 0,\n                        padding: '0 8px',\n                        textAlign: 'right',\n                        userSelect: 'none',\n                        width: 48,\n                      }}\n                    >\n                      {lineNumber}\n                    </span>\n                    <span style={{ flexShrink: 0 }}>{lineText}</span>\n                    {annotation && (\n                      <span style={{ color: 'rgba(128, 160, 128, 0.9)', fontStyle: 'italic', paddingLeft: 24 }}>\n                        {`// ${formatLineAnnotation(annotation)}`}\n                      </span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </Box>\n\n        {/* Watch — the selected step's locals, expandable */}\n        <Box\n          sx={{\n            border: '1px solid rgba(128, 128, 128, 0.3)',\n            borderRadius: 1,\n            display: 'flex',\n            flexDirection: 'column',\n            flexShrink: 0,\n            minWidth: 240,\n            overflow: 'hidden',\n            width: '33%',\n          }}\n        >\n          <Box sx={{ borderBottom: '1px solid rgba(128, 128, 128, 0.3)', px: 1, py: 0.5 }}>\n            <Typography sx={{ fontWeight: 600 }} variant=\"caption\">\n              Watch\n            </Typography>\n            {selectedStep && (\n              <Typography color=\"text.secondary\" noWrap sx={{ display: 'block' }} variant=\"caption\">\n                {selectedStep.functionName || '(anonymous)'} : line {selectedStep.line}\n              </Typography>\n            )}\n          </Box>\n          <Box sx={{ flex: 1, fontFamily: monoFont, fontSize: '12px', lineHeight: '18px', overflow: 'auto', p: 1 }}>\n            {selectedStep?.returnValue && (\n              <div\n                style={{\n                  borderBottom: '1px solid rgba(128, 128, 128, 0.3)',\n                  marginBottom: 4,\n                  paddingBottom: 4,\n                  ...(selectedStepMatchedNames.has(RETURNS_MATCH_NAME) ? { backgroundColor: 'rgba(255, 200, 0, 0.18)' } : {}),\n                }}\n              >\n                <LocalValueTree name={RETURNS_MATCH_NAME} value={selectedStep.returnValue} />\n              </div>\n            )}\n            {selectedStep ? (\n              Object.entries(selectedStep.locals).map(([name, value]) => (\n                <div\n                  key={name}\n                  style={selectedStepMatchedNames.has(name) ? { backgroundColor: 'rgba(255, 200, 0, 0.18)', borderRadius: 2 } : undefined}\n                >\n                  <LocalValueTree name={name} value={value} />\n                </div>\n              ))\n            ) : (\n              <Typography color=\"text.secondary\" variant=\"caption\">\n                No step selected\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,2 @@
+export * from './TraceViewer';
+export * from './traceViewerLogic';

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

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

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

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

package/lib/esm/LogViewer/TraceViewer/traceViewerLogic.d.ts

@@ -0,0 +1,17 @@
+import { QpqExecutionTrace } from '@qpqjs/core';
+export interface TraceLineAnnotation {
+    visitCount: number;
+    changes: Record<string, string>;
+    returned?: string;
+}
+export declare const buildLineAnnotations: (trace: QpqExecutionTrace, sourceIndex: number) => Map<number, TraceLineAnnotation>;
+export declare const formatLineAnnotation: (annotation: TraceLineAnnotation, maxEntries?: number) => string;
+export declare const getDisplaySourceNames: (paths: string[]) => string[];
+export interface TraceValueMatch {
+    stepIndex: number;
+    matchedNames: string[];
+}
+export declare const RETURNS_MATCH_NAME = "\u2192 returns";
+export declare const searchStepValues: (trace: QpqExecutionTrace, query: string, stepIndexes: number[]) => TraceValueMatch[];
+export declare const isExternalSourcePath: (path: string) => boolean;
+export declare const getDefaultSourceIndex: (trace: QpqExecutionTrace) => number;

package/lib/esm/LogViewer/TraceViewer/traceViewerLogic.js

@@ -0,0 +1,107 @@
+// Change detection compares the deepest capture available — previews can collide
+// (nested objects render as 'Object') where the json still differs.
+const valueIdentity = (value) => value === undefined ? undefined : (value.json ?? value.preview);
+// 1-based line -> annotation
+export const buildLineAnnotations = (trace, sourceIndex) => {
+    const annotations = new Map();
+    for (let stepIndex = 0; stepIndex < trace.steps.length; stepIndex += 1) {
+        const step = trace.steps[stepIndex];
+        if (step.sourceIndex !== sourceIndex) {
+            continue;
+        }
+        const annotation = annotations.get(step.line) || { visitCount: 0, changes: {} };
+        annotation.visitCount += 1;
+        if (step.returnValue) {
+            annotation.returned = step.returnValue.preview;
+        }
+        const nextStep = trace.steps[stepIndex + 1];
+        if (nextStep && nextStep.sourceIndex === step.sourceIndex && nextStep.functionName === step.functionName) {
+            for (const [name, value] of Object.entries(nextStep.locals)) {
+                if (valueIdentity(step.locals[name]) !== valueIdentity(value)) {
+                    annotation.changes[name] = value.preview;
+                }
+            }
+        }
+        annotations.set(step.line, annotation);
+    }
+    return annotations;
+};
+export const formatLineAnnotation = (annotation, maxEntries = 4) => {
+    const visits = annotation.visitCount > 1 ? `×${annotation.visitCount} ` : '';
+    const changeEntries = Object.entries(annotation.changes);
+    const shown = changeEntries
+        .slice(0, maxEntries)
+        .map(([name, value]) => `${name} = ${value}`)
+        .join(', ');
+    const overflow = changeEntries.length > maxEntries ? ', …' : '';
+    const returned = annotation.returned !== undefined ? `${shown ? ', ' : ''}→ ${annotation.returned}` : '';
+    return `${visits}${shown}${overflow}${returned}`.trim();
+};
+// Bundle paths are huge (file:///tmp/qpq-federated-code/<container>/<hash>/<chunk>.js)
+// and share their prefix — trim the common directory prefix so the distinguishing tail
+// is what gets displayed. Single source: just the basename.
+export const getDisplaySourceNames = (paths) => {
+    if (paths.length === 0) {
+        return [];
+    }
+    if (paths.length === 1) {
+        return [paths[0].split('/').pop() || paths[0]];
+    }
+    let prefix = paths[0];
+    for (const path of paths) {
+        while (prefix && !path.startsWith(prefix)) {
+            prefix = prefix.slice(0, -1);
+        }
+    }
+    // Cut at a directory boundary so we never split a name in half
+    const cutAt = prefix.lastIndexOf('/') + 1;
+    return paths.map((path) => path.slice(cutAt) || path);
+};
+export const RETURNS_MATCH_NAME = '→ returns';
+// Case-insensitive substring search across every captured value of the given steps —
+// variable names, preview strings, and the deep json captures (values a preview clamps
+// or nests can still be found). stepIndexes ordered → matches come back ordered, so the
+// FIRST match is where a generated value first appears in the execution.
+export const searchStepValues = (trace, query, stepIndexes) => {
+    const loweredQuery = query.toLowerCase();
+    if (!loweredQuery) {
+        return [];
+    }
+    const valueMatches = (value) => value.preview.toLowerCase().includes(loweredQuery) || (value.json !== undefined && value.json.toLowerCase().includes(loweredQuery));
+    const matches = [];
+    for (const stepIndex of stepIndexes) {
+        const step = trace.steps[stepIndex];
+        const matchedNames = Object.entries(step.locals)
+            .filter(([name, value]) => name.toLowerCase().includes(loweredQuery) || valueMatches(value))
+            .map(([name]) => name);
+        if (step.returnValue && valueMatches(step.returnValue)) {
+            matchedNames.push(RETURNS_MATCH_NAME);
+        }
+        if (matchedNames.length > 0) {
+            matches.push({ stepIndex, matchedNames });
+        }
+    }
+    return matches;
+};
+// "Your code" vs framework/dependency code, the same way devtools ignore-listing draws
+// the line: anything that resolved into node_modules is external. Unmapped generated
+// chunks (no node_modules in a file:///tmp/... url) stay visible — they mix user and
+// framework code and hiding them would hide user statements.
+export const isExternalSourcePath = (path) => path.includes('node_modules');
+// The source most of the trace ran in — the sensible tab to open first.
+export const getDefaultSourceIndex = (trace) => {
+    const stepCounts = new Map();
+    for (const step of trace.steps) {
+        stepCounts.set(step.sourceIndex, (stepCounts.get(step.sourceIndex) || 0) + 1);
+    }
+    let bestSourceIndex = 0;
+    let bestCount = -1;
+    for (const [sourceIndex, count] of stepCounts) {
+        if (count > bestCount) {
+            bestSourceIndex = sourceIndex;
+            bestCount = count;
+        }
+    }
+    return bestSourceIndex;
+};
+//# sourceMappingURL=traceViewerLogic.js.map

package/lib/esm/LogViewer/TraceViewer/traceViewerLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"traceViewerLogic.js","sourceRoot":"","sources":["../../../../src/LogViewer/TraceViewer/traceViewerLogic.ts"],"names":[],"mappings":"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","sourcesContent":["import { QpqExecutionTrace, QpqExecutionTraceValue } from '@qpqjs/core';\n\n// Per-line rollup of a trace for one source file: how many times the line executed, and\n// which locals changed as a result of executing it.\nexport interface TraceLineAnnotation {\n  visitCount: number;\n\n  // Preview strings of values PRODUCED by executing this line, last visit wins. A\n  // statement's effect shows up in the locals of the NEXT step, so each step's diff\n  // against its successor (same function and source only) is attributed back to the\n  // step's own line.\n  changes: Record<string, string>;\n\n  // Preview of the value returned at this line (return break positions), last visit wins\n  returned?: string;\n}\n\n// Change detection compares the deepest capture available — previews can collide\n// (nested objects render as 'Object') where the json still differs.\nconst valueIdentity = (value: QpqExecutionTraceValue | undefined): string | undefined =>\n  value === undefined ? undefined : (value.json ?? value.preview);\n\n// 1-based line -> annotation\nexport const buildLineAnnotations = (trace: QpqExecutionTrace, sourceIndex: number): Map<number, TraceLineAnnotation> => {\n  const annotations = new Map<number, TraceLineAnnotation>();\n\n  for (let stepIndex = 0; stepIndex < trace.steps.length; stepIndex += 1) {\n    const step = trace.steps[stepIndex];\n    if (step.sourceIndex !== sourceIndex) {\n      continue;\n    }\n\n    const annotation = annotations.get(step.line) || { visitCount: 0, changes: {} };\n    annotation.visitCount += 1;\n\n    if (step.returnValue) {\n      annotation.returned = step.returnValue.preview;\n    }\n\n    const nextStep = trace.steps[stepIndex + 1];\n    if (nextStep && nextStep.sourceIndex === step.sourceIndex && nextStep.functionName === step.functionName) {\n      for (const [name, value] of Object.entries(nextStep.locals)) {\n        if (valueIdentity(step.locals[name]) !== valueIdentity(value)) {\n          annotation.changes[name] = value.preview;\n        }\n      }\n    }\n\n    annotations.set(step.line, annotation);\n  }\n\n  return annotations;\n};\n\nexport const formatLineAnnotation = (annotation: TraceLineAnnotation, maxEntries: number = 4): string => {\n  const visits = annotation.visitCount > 1 ? `×${annotation.visitCount} ` : '';\n\n  const changeEntries = Object.entries(annotation.changes);\n  const shown = changeEntries\n    .slice(0, maxEntries)\n    .map(([name, value]) => `${name} = ${value}`)\n    .join(', ');\n  const overflow = changeEntries.length > maxEntries ? ', …' : '';\n\n  const returned = annotation.returned !== undefined ? `${shown ? ', ' : ''}→ ${annotation.returned}` : '';\n\n  return `${visits}${shown}${overflow}${returned}`.trim();\n};\n\n// Bundle paths are huge (file:///tmp/qpq-federated-code/<container>/<hash>/<chunk>.js)\n// and share their prefix — trim the common directory prefix so the distinguishing tail\n// is what gets displayed. Single source: just the basename.\nexport const getDisplaySourceNames = (paths: string[]): string[] => {\n  if (paths.length === 0) {\n    return [];\n  }\n  if (paths.length === 1) {\n    return [paths[0].split('/').pop() || paths[0]];\n  }\n\n  let prefix = paths[0];\n  for (const path of paths) {\n    while (prefix && !path.startsWith(prefix)) {\n      prefix = prefix.slice(0, -1);\n    }\n  }\n\n  // Cut at a directory boundary so we never split a name in half\n  const cutAt = prefix.lastIndexOf('/') + 1;\n  return paths.map((path) => path.slice(cutAt) || path);\n};\n\n// One step whose captured values matched a search, with the locals that matched —\n// RETURNS_MATCH_NAME stands in for a matching return value.\nexport interface TraceValueMatch {\n  stepIndex: number;\n  matchedNames: string[];\n}\n\nexport const RETURNS_MATCH_NAME = '→ returns';\n\n// Case-insensitive substring search across every captured value of the given steps —\n// variable names, preview strings, and the deep json captures (values a preview clamps\n// or nests can still be found). stepIndexes ordered → matches come back ordered, so the\n// FIRST match is where a generated value first appears in the execution.\nexport const searchStepValues = (trace: QpqExecutionTrace, query: string, stepIndexes: number[]): TraceValueMatch[] => {\n  const loweredQuery = query.toLowerCase();\n  if (!loweredQuery) {\n    return [];\n  }\n\n  const valueMatches = (value: QpqExecutionTraceValue): boolean =>\n    value.preview.toLowerCase().includes(loweredQuery) || (value.json !== undefined && value.json.toLowerCase().includes(loweredQuery));\n\n  const matches: TraceValueMatch[] = [];\n  for (const stepIndex of stepIndexes) {\n    const step = trace.steps[stepIndex];\n\n    const matchedNames = Object.entries(step.locals)\n      .filter(([name, value]) => name.toLowerCase().includes(loweredQuery) || valueMatches(value))\n      .map(([name]) => name);\n\n    if (step.returnValue && valueMatches(step.returnValue)) {\n      matchedNames.push(RETURNS_MATCH_NAME);\n    }\n\n    if (matchedNames.length > 0) {\n      matches.push({ stepIndex, matchedNames });\n    }\n  }\n\n  return matches;\n};\n\n// \"Your code\" vs framework/dependency code, the same way devtools ignore-listing draws\n// the line: anything that resolved into node_modules is external. Unmapped generated\n// chunks (no node_modules in a file:///tmp/... url) stay visible — they mix user and\n// framework code and hiding them would hide user statements.\nexport const isExternalSourcePath = (path: string): boolean => path.includes('node_modules');\n\n// The source most of the trace ran in — the sensible tab to open first.\nexport const getDefaultSourceIndex = (trace: QpqExecutionTrace): number => {\n  const stepCounts = new Map<number, number>();\n  for (const step of trace.steps) {\n    stepCounts.set(step.sourceIndex, (stepCounts.get(step.sourceIndex) || 0) + 1);\n  }\n\n  let bestSourceIndex = 0;\n  let bestCount = -1;\n  for (const [sourceIndex, count] of stepCounts) {\n    if (count > bestCount) {\n      bestSourceIndex = sourceIndex;\n      bestCount = count;\n    }\n  }\n\n  return bestSourceIndex;\n};\n"]}

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

@@ -0,0 +1,6 @@
+declare const TruncatedText: ({ title, text, expanded }: {
+    title: string;
+    text: string;
+    expanded: boolean;
+}) => import("react").JSX.Element;
+export default TruncatedText;

package/lib/esm/LogViewer/TruncatedText.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/ContentCopy';
+import { IconButton } from '@mui/material';
+import { useTruncatedText } from './hooks';
+const TruncatedText = ({ title, text, expanded }) => {
+    const { canTruncate, truncatedText, handleCopy } = useTruncatedText(text);
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    position: 'absolute',
+                    left: '-45px',
+                    top: '-10px',
+                }, children: _jsx(IconButton, { onClick: handleCopy, style: { marginLeft: '8px' }, children: _jsx(ContentCopyIcon, {}) }) }), _jsxs("pre", { style: {
+                    margin: 0,
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                    display: 'inline',
+                }, children: [title, ": ", !expanded && canTruncate ? truncatedText : text] })] }));
+};
+export default TruncatedText;
+//# sourceMappingURL=TruncatedText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../../src/LogViewer/TruncatedText.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAc,MAAM,eAAe,CAAC;AAEvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAsD,EAAE,EAAE;IACtG,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE1E,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClC,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,OAAO;oBACb,GAAG,EAAE,OAAO;iBACb,YAED,KAAC,UAAU,IAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAC3D,KAAC,eAAe,KAAG,GACR,GACT,EACN,eACE,KAAK,EAAE;oBACL,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,UAAU;oBACtB,SAAS,EAAE,YAAY;oBACvB,OAAO,EAAE,QAAQ;iBAClB,aAEA,KAAK,QAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,IACrD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport { IconButton, Typography } from '@mui/material';\n\nimport { useTruncatedText } from './hooks';\n\nconst TruncatedText = ({ title, text, expanded }: { title: string; text: string; expanded: boolean }) => {\n  const { canTruncate, truncatedText, handleCopy } = useTruncatedText(text);\n\n  return (\n    <div style={{ position: 'relative' }}>\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          position: 'absolute',\n          left: '-45px',\n          top: '-10px',\n        }}\n      >\n        <IconButton onClick={handleCopy} style={{ marginLeft: '8px' }}>\n          <ContentCopyIcon />\n        </IconButton>\n      </div>\n      <pre\n        style={{\n          margin: 0,\n          whiteSpace: 'pre-wrap',\n          wordBreak: 'break-word',\n          display: 'inline',\n        }}\n      >\n        {title}: {!expanded && canTruncate ? truncatedText : text}\n      </pre>\n    </div>\n  );\n};\n\nexport default TruncatedText;\n"]}

package/lib/esm/LogViewer/actionComponents/custom/CoreContextListCustomAction.d.ts

@@ -0,0 +1,2 @@
+import { ActionComponent } from '../types';
+export declare const CoreContextListCustomAction: ActionComponent<undefined>;

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { AnyVariableView, genericFunctionRendererStyles } from '../genericActionRenderer';
+export const CoreContextListCustomAction = ({ result, expanded }) => {
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(AnyVariableView, { expanded: expanded, value: result }) }) }));
+};
+//# sourceMappingURL=CoreContextListCustomAction.js.map

package/lib/esm/LogViewer/actionComponents/custom/CoreContextListCustomAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreContextListCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/CoreContextListCustomAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAG1F,MAAM,CAAC,MAAM,2BAA2B,GAA+B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAmC,EAAE,EAAE;IAC/H,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,cAAK,KAAK,EAAE,6BAA6B,CAAC,GAAG,YAC3C,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAI,GAClD,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Box } from '@mui/material';\n\nimport { AnyVariableView, genericFunctionRendererStyles } from '../genericActionRenderer';\nimport { ActionComponent, ActionComponentProps } from '../types';\n\nexport const CoreContextListCustomAction: ActionComponent<undefined> = ({ result, expanded }: ActionComponentProps<undefined>) => {\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <pre style={genericFunctionRendererStyles.pre}>\n        <AnyVariableView expanded={expanded} value={result} />\n      </pre>\n    </Box>\n  );\n};\n"]}

package/lib/esm/LogViewer/actionComponents/custom/CoreLogCreateCustomAction.d.ts

@@ -0,0 +1,3 @@
+import { LogCreateActionPayload } from '@qpqjs/core';
+import { ActionComponent } from '../types';
+export declare const CoreLogCreateCustomAction: ActionComponent<LogCreateActionPayload>;

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogLevelEnum, resolveLookupText } from '@qpqjs/core';
+import { Box, Typography } from '@mui/material';
+import Alert from '@mui/material/Alert';
+import { AnyVariableView, genericFunctionRendererStyles } from '../genericActionRenderer';
+const getSeverity = (logLevel) => {
+    switch (logLevel) {
+        case LogLevelEnum.Fatal:
+        case LogLevelEnum.Error:
+            return 'error';
+        case LogLevelEnum.Warn:
+            return 'warning';
+        case LogLevelEnum.Info:
+            return 'info';
+        case LogLevelEnum.Debug:
+        case LogLevelEnum.Trace:
+            return 'success';
+        default:
+            return 'info';
+    }
+};
+export const CoreLogCreateCustomAction = ({ action, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { logLevel, msg, data } = action.payload;
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsxs(Alert, { severity: getSeverity(logLevel), children: [_jsx(Typography, { fontWeight: "bold", variant: "body1", children: resolveLookupText(logLevel, LogLevelEnum) }), _jsx(Typography, { variant: "body1", children: msg }), data && (_jsx(Typography, { sx: { mt: 1, whiteSpace: 'pre-wrap' }, variant: "body2", children: _jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(AnyVariableView, { expanded: expanded, value: data }) }) }))] }) }));
+};
+//# sourceMappingURL=CoreLogCreateCustomAction.js.map

package/lib/esm/LogViewer/actionComponents/custom/CoreLogCreateCustomAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreLogCreateCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/CoreLogCreateCustomAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA0B,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEtF,OAAO,EAAc,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAG1F,MAAM,WAAW,GAAG,CAAC,QAAsB,EAAc,EAAE;IACzD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,YAAY,CAAC,KAAK,CAAC;QACxB,KAAK,YAAY,CAAC,KAAK;YACrB,OAAO,OAAO,CAAC;QACjB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO,SAAS,CAAC;QACnB,KAAK,YAAY,CAAC,IAAI;YACpB,OAAO,MAAM,CAAC;QAChB,KAAK,YAAY,CAAC,KAAK,CAAC;QACxB,KAAK,YAAY,CAAC,KAAK;YACrB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA4C,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;IAE/C,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,MAAC,KAAK,IAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,aACpC,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,YAC1C,iBAAiB,CAAC,QAAQ,EAAE,YAAY,CAAC,GAC/B,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,GAAc,EAC7C,IAAI,IAAI,CACP,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,OAAO,EAAC,OAAO,YAChE,cAAK,KAAK,EAAE,6BAA6B,CAAC,GAAG,YAC3C,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAI,GAChD,GACK,CACd,IACK,GACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { LogCreateActionPayload, LogLevelEnum, resolveLookupText } from '@qpqjs/core';\n\nimport { AlertColor, Box, Typography } from '@mui/material';\nimport Alert from '@mui/material/Alert';\n\nimport { AnyVariableView, genericFunctionRendererStyles } from '../genericActionRenderer';\nimport { ActionComponent } from '../types';\n\nconst getSeverity = (logLevel: LogLevelEnum): AlertColor => {\n  switch (logLevel) {\n    case LogLevelEnum.Fatal:\n    case LogLevelEnum.Error:\n      return 'error';\n    case LogLevelEnum.Warn:\n      return 'warning';\n    case LogLevelEnum.Info:\n      return 'info';\n    case LogLevelEnum.Debug:\n    case LogLevelEnum.Trace:\n      return 'success';\n    default:\n      return 'info';\n  }\n};\n\nexport const CoreLogCreateCustomAction: ActionComponent<LogCreateActionPayload> = ({ action, expanded }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  const { logLevel, msg, data } = action.payload;\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <Alert severity={getSeverity(logLevel)}>\n        <Typography fontWeight=\"bold\" variant=\"body1\">\n          {resolveLookupText(logLevel, LogLevelEnum)}\n        </Typography>\n        <Typography variant=\"body1\">{msg}</Typography>\n        {data && (\n          <Typography sx={{ mt: 1, whiteSpace: 'pre-wrap' }} variant=\"body2\">\n            <pre style={genericFunctionRendererStyles.pre}>\n              <AnyVariableView expanded={expanded} value={data} />\n            </pre>\n          </Typography>\n        )}\n      </Alert>\n    </Box>\n  );\n};\n"]}

package/lib/esm/LogViewer/actionComponents/custom/CoreLogDisableEventHistoryCustomAction.d.ts

@@ -0,0 +1,3 @@
+import { LogDisableEventHistoryActionPayload } from '@qpqjs/core';
+import { ActionComponent } from '../types';
+export declare const CoreLogDisableEventHistoryCustomAction: ActionComponent<LogDisableEventHistoryActionPayload>;

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import Alert from '@mui/material/Alert';
+export const CoreLogDisableEventHistoryCustomAction = ({ action }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { reason } = action.payload;
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx(Alert, { severity: 'warning', children: _jsx(Typography, { fontWeight: "bold", variant: "body1", children: reason }) }) }));
+};
+//# sourceMappingURL=CoreLogDisableEventHistoryCustomAction.js.map

package/lib/esm/LogViewer/actionComponents/custom/CoreLogDisableEventHistoryCustomAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoreLogDisableEventHistoryCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/CoreLogDisableEventHistoryCustomAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAIxC,MAAM,CAAC,MAAM,sCAAsC,GAAyD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,OAAO,CAAC;IAElC,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,KAAC,KAAK,IAAC,QAAQ,EAAE,SAAS,YACxB,KAAC,UAAU,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,YAC1C,MAAM,GACI,GACP,GACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { LogDisableEventHistoryActionPayload } from '@qpqjs/core';\n\nimport { Box, Typography } from '@mui/material';\nimport Alert from '@mui/material/Alert';\n\nimport { ActionComponent } from '../types';\n\nexport const CoreLogDisableEventHistoryCustomAction: ActionComponent<LogDisableEventHistoryActionPayload> = ({ action }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  const { reason } = action.payload;\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <Alert severity={'warning'}>\n        <Typography fontWeight=\"bold\" variant=\"body1\">\n          {reason}\n        </Typography>\n      </Alert>\n    </Box>\n  );\n};\n"]}

package/lib/esm/LogViewer/actionComponents/custom/CoreLogTemplateLiteralCustomAction.d.ts

@@ -0,0 +1,3 @@
+import { LogTemplateLiteralActionPayload } from '@qpqjs/core';
+import { ActionComponent } from '../types';
+export declare const CoreLogTemplateLiteralCustomAction: ActionComponent<LogTemplateLiteralActionPayload>;

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from '@mui/material';
+import Alert from '@mui/material/Alert';
+import { AnyVariableView } from '../genericActionRenderer';
+export const CoreLogTemplateLiteralCustomAction = ({ action, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { messageParts: [strings, values], } = action.payload;
+    return (_jsx(Box, { sx: { width: '100%', my: 1 }, children: _jsx(Alert, { severity: 'info', children: _jsx(Typography, { variant: "body1", children: values.reduce((preComp, value, index) => (_jsxs(_Fragment, { children: [preComp, _jsx(AnyVariableView, { expanded: expanded, hideStringQuotes: true, value: value }), _jsx("span", { children: strings[index + 1] })] })), _jsx("span", { children: strings[0] })) }) }) }));
+};
+//# sourceMappingURL=CoreLogTemplateLiteralCustomAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoreLogTemplateLiteralCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/CoreLogTemplateLiteralCustomAction.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG3D,MAAM,CAAC,MAAM,kCAAkC,GAAqD,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3H,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EACJ,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,GAChC,GAAG,MAAM,CAAC,OAAO,CAAC;IAEnB,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,KAAC,KAAK,IAAC,QAAQ,EAAE,MAAM,YACrB,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YACxB,MAAM,CAAC,MAAM,CACZ,CAAC,OAAwB,EAAE,KAAgC,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7E,8BACG,OAAO,EACP,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAC7E,yBAAO,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAQ,IACjC,CACJ,EACD,yBAAO,OAAO,CAAC,CAAC,CAAC,GAAQ,CAC1B,GACU,GACP,GACJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { DecomposedStringPrimitive, LogTemplateLiteralActionPayload } from '@qpqjs/core';\n\nimport React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport Alert from '@mui/material/Alert';\n\nimport { AnyVariableView } from '../genericActionRenderer';\nimport { ActionComponent } from '../types';\n\nexport const CoreLogTemplateLiteralCustomAction: ActionComponent<LogTemplateLiteralActionPayload> = ({ action, expanded }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  const {\n    messageParts: [strings, values],\n  } = action.payload;\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <Alert severity={'info'}>\n        <Typography variant=\"body1\">\n          {values.reduce(\n            (preComp: React.ReactNode, value: DecomposedStringPrimitive, index: number) => (\n              <>\n                {preComp}\n                {<AnyVariableView expanded={expanded} hideStringQuotes={true} value={value} />}\n                {<span>{strings[index + 1]}</span>}\n              </>\n            ),\n            <span>{strings[0]}</span>,\n          )}\n        </Typography>\n      </Alert>\n    </Box>\n  );\n};\n"]}

package/lib/esm/LogViewer/actionComponents/custom/CoreNetworkRequestCustomAction.d.ts

@@ -0,0 +1,3 @@
+import { NetworkRequestActionPayload } from '@qpqjs/core';
+import { ActionComponent } from '../types';
+export declare const CoreNetworkRequestCustomAction: ActionComponent<NetworkRequestActionPayload<any>>;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { GenericFunctionRenderer, genericFunctionRendererStyles } from '../genericActionRenderer';
+import ActionResultDisplay from '../genericActionRenderer/ActionResultDisplay';
+export const CoreNetworkRequestCustomAction = ({ action, result, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("pre", { style: genericFunctionRendererStyles.pre, children: _jsx(GenericFunctionRenderer, { args: [
+                        action.payload.method,
+                        action.payload.url,
+                        {
+                            body: action.payload.body,
+                            headers: action.payload.headers,
+                            basePath: action.payload.basePath,
+                            params: action.payload.params,
+                            responseType: action.payload.responseType,
+                        },
+                    ], expanded: expanded, functionName: 'askNetworkRequest', tooltipMap: ['method', 'url', 'httpRequestOptions'] }) }), _jsx(ActionResultDisplay, { action: action, expanded: expanded, result: result })] }));
+};
+//# sourceMappingURL=CoreNetworkRequestCustomAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoreNetworkRequestCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/CoreNetworkRequestCustomAction.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,MAAM,0BAA0B,CAAC;AAClG,OAAO,mBAAmB,MAAM,8CAA8C,CAAC;AAG/E,MAAM,CAAC,MAAM,8BAA8B,GAAsD,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,cAAK,KAAK,EAAE,6BAA6B,CAAC,GAAG,YAC3C,KAAC,uBAAuB,IACtB,IAAI,EAAE;wBACJ,MAAM,CAAC,OAAO,CAAC,MAAM;wBACrB,MAAM,CAAC,OAAO,CAAC,GAAG;wBAClB;4BACE,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI;4BACzB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,OAAO;4BAC/B,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,QAAQ;4BACjC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,MAAM;4BAC7B,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,YAAY;yBAC1C;qBACF,EACD,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,mBAAmB,EACjC,UAAU,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,oBAAoB,CAAC,GACnD,GACE,EACN,KAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,IAC1E,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { NetworkRequestActionPayload } from '@qpqjs/core';\n\nimport { GenericFunctionRenderer, genericFunctionRendererStyles } from '../genericActionRenderer';\nimport ActionResultDisplay from '../genericActionRenderer/ActionResultDisplay';\nimport { ActionComponent } from '../types';\n\nexport const CoreNetworkRequestCustomAction: ActionComponent<NetworkRequestActionPayload<any>> = ({ action, result, expanded }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  return (\n    <>\n      <pre style={genericFunctionRendererStyles.pre}>\n        <GenericFunctionRenderer\n          args={[\n            action.payload.method,\n            action.payload.url,\n            {\n              body: action.payload.body,\n              headers: action.payload.headers,\n              basePath: action.payload.basePath,\n              params: action.payload.params,\n              responseType: action.payload.responseType,\n            },\n          ]}\n          expanded={expanded}\n          functionName={'askNetworkRequest'}\n          tooltipMap={['method', 'url', 'httpRequestOptions']}\n        />\n      </pre>\n      <ActionResultDisplay action={action} expanded={expanded} result={result} />\n    </>\n  );\n};\n"]}

package/lib/esm/LogViewer/actionComponents/custom/WebserverEmailSendEmailCustomAction.d.ts

@@ -0,0 +1,3 @@
+import { EmailSendEmailActionPayload } from '@qpqjs/webserver';
+import { ActionComponent } from '../types';
+export declare const WebserverEmailSendEmailCustomAction: ActionComponent<EmailSendEmailActionPayload, string>;