@qpqjs/web-admin 0.0.0-stage → 0.2.0

package/lib/commonjs/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/commonjs/LogViewer/TraceViewer/index.d.ts

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

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

@@ -0,0 +1,19 @@
+"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("./TraceViewer"), exports);
+__exportStar(require("./traceViewerLogic"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/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/commonjs/LogViewer/TraceViewer/traceViewerLogic.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultSourceIndex = exports.isExternalSourcePath = exports.searchStepValues = exports.RETURNS_MATCH_NAME = exports.getDisplaySourceNames = exports.formatLineAnnotation = exports.buildLineAnnotations = void 0;
+// Change detection compares the deepest capture available — previews can collide
+// (nested objects render as 'Object') where the json still differs.
+const valueIdentity = (value) => { var _a; return value === undefined ? undefined : ((_a = value.json) !== null && _a !== void 0 ? _a : value.preview); };
+// 1-based line -> annotation
+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;
+};
+exports.buildLineAnnotations = buildLineAnnotations;
+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();
+};
+exports.formatLineAnnotation = formatLineAnnotation;
+// 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.
+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);
+};
+exports.getDisplaySourceNames = getDisplaySourceNames;
+exports.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.
+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(exports.RETURNS_MATCH_NAME);
+        }
+        if (matchedNames.length > 0) {
+            matches.push({ stepIndex, matchedNames });
+        }
+    }
+    return matches;
+};
+exports.searchStepValues = searchStepValues;
+// "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.
+const isExternalSourcePath = (path) => path.includes('node_modules');
+exports.isExternalSourcePath = isExternalSourcePath;
+// The source most of the trace ran in — the sensible tab to open first.
+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;
+};
+exports.getDefaultSourceIndex = getDefaultSourceIndex;
+//# sourceMappingURL=traceViewerLogic.js.map

package/lib/commonjs/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/commonjs/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/commonjs/LogViewer/TruncatedText.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopy_1 = __importDefault(require("@mui/icons-material/ContentCopy"));
+const material_1 = require("@mui/material");
+const hooks_1 = require("./hooks");
+const TruncatedText = ({ title, text, expanded }) => {
+    const { canTruncate, truncatedText, handleCopy } = (0, hooks_1.useTruncatedText)(text);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    position: 'absolute',
+                    left: '-45px',
+                    top: '-10px',
+                }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleCopy, style: { marginLeft: '8px' }, children: (0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}) }) }), (0, jsx_runtime_1.jsxs)("pre", { style: {
+                    margin: 0,
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                    display: 'inline',
+                }, children: [title, ": ", !expanded && canTruncate ? truncatedText : text] })] }));
+};
+exports.default = TruncatedText;
+//# sourceMappingURL=TruncatedText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TruncatedText.js","sourceRoot":"","sources":["../../../src/LogViewer/TruncatedText.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAA8D;AAC9D,4CAAuD;AAEvD,mCAA2C;AAE3C,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAsD,EAAE,EAAE;IACtG,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAgB,EAAC,IAAI,CAAC,CAAC;IAE1E,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAClC,gCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,OAAO;oBACb,GAAG,EAAE,OAAO;iBACb,YAED,uBAAC,qBAAU,IAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAC3D,uBAAC,qBAAe,KAAG,GACR,GACT,EACN,iCACE,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,kBAAe,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/commonjs/LogViewer/actionComponents/custom/CoreContextListCustomAction.d.ts

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreContextListCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const genericActionRenderer_1 = require("../genericActionRenderer");
+const CoreContextListCustomAction = ({ result, expanded }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: (0, jsx_runtime_1.jsx)("pre", { style: genericActionRenderer_1.genericFunctionRendererStyles.pre, children: (0, jsx_runtime_1.jsx)(genericActionRenderer_1.AnyVariableView, { expanded: expanded, value: result }) }) }));
+};
+exports.CoreContextListCustomAction = CoreContextListCustomAction;
+//# sourceMappingURL=CoreContextListCustomAction.js.map

package/lib/commonjs/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,4CAAoC;AAEpC,oEAA0F;AAGnF,MAAM,2BAA2B,GAA+B,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAmC,EAAE,EAAE;IAC/H,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,gCAAK,KAAK,EAAE,qDAA6B,CAAC,GAAG,YAC3C,uBAAC,uCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAI,GAClD,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,2BAA2B,+BAQtC","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/commonjs/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/commonjs/LogViewer/actionComponents/custom/CoreLogCreateCustomAction.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreLogCreateCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@qpqjs/core");
+const material_1 = require("@mui/material");
+const Alert_1 = __importDefault(require("@mui/material/Alert"));
+const genericActionRenderer_1 = require("../genericActionRenderer");
+const getSeverity = (logLevel) => {
+    switch (logLevel) {
+        case core_1.LogLevelEnum.Fatal:
+        case core_1.LogLevelEnum.Error:
+            return 'error';
+        case core_1.LogLevelEnum.Warn:
+            return 'warning';
+        case core_1.LogLevelEnum.Info:
+            return 'info';
+        case core_1.LogLevelEnum.Debug:
+        case core_1.LogLevelEnum.Trace:
+            return 'success';
+        default:
+            return 'info';
+    }
+};
+const CoreLogCreateCustomAction = ({ action, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { logLevel, msg, data } = action.payload;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: (0, jsx_runtime_1.jsxs)(Alert_1.default, { severity: getSeverity(logLevel), children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: "bold", variant: "body1", children: (0, core_1.resolveLookupText)(logLevel, core_1.LogLevelEnum) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: msg }), data && ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { mt: 1, whiteSpace: 'pre-wrap' }, variant: "body2", children: (0, jsx_runtime_1.jsx)("pre", { style: genericActionRenderer_1.genericFunctionRendererStyles.pre, children: (0, jsx_runtime_1.jsx)(genericActionRenderer_1.AnyVariableView, { expanded: expanded, value: data }) }) }))] }) }));
+};
+exports.CoreLogCreateCustomAction = CoreLogCreateCustomAction;
+//# sourceMappingURL=CoreLogCreateCustomAction.js.map

package/lib/commonjs/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,sCAAsF;AAEtF,4CAA4D;AAC5D,gEAAwC;AAExC,oEAA0F;AAG1F,MAAM,WAAW,GAAG,CAAC,QAAsB,EAAc,EAAE;IACzD,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,mBAAY,CAAC,KAAK,CAAC;QACxB,KAAK,mBAAY,CAAC,KAAK;YACrB,OAAO,OAAO,CAAC;QACjB,KAAK,mBAAY,CAAC,IAAI;YACpB,OAAO,SAAS,CAAC;QACnB,KAAK,mBAAY,CAAC,IAAI;YACpB,OAAO,MAAM,CAAC;QAChB,KAAK,mBAAY,CAAC,KAAK,CAAC;QACxB,KAAK,mBAAY,CAAC,KAAK;YACrB,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAC;AAEK,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,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,wBAAC,eAAK,IAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,aACpC,uBAAC,qBAAU,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,YAC1C,IAAA,wBAAiB,EAAC,QAAQ,EAAE,mBAAY,CAAC,GAC/B,EACb,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,GAAG,GAAc,EAC7C,IAAI,IAAI,CACP,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,OAAO,EAAC,OAAO,YAChE,gCAAK,KAAK,EAAE,qDAA6B,CAAC,GAAG,YAC3C,uBAAC,uCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAI,GAChD,GACK,CACd,IACK,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,yBAAyB,6BAwBpC","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/commonjs/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/commonjs/LogViewer/actionComponents/custom/CoreLogDisableEventHistoryCustomAction.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreLogDisableEventHistoryCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Alert_1 = __importDefault(require("@mui/material/Alert"));
+const CoreLogDisableEventHistoryCustomAction = ({ action }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { reason } = action.payload;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: (0, jsx_runtime_1.jsx)(Alert_1.default, { severity: 'warning', children: (0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: "bold", variant: "body1", children: reason }) }) }));
+};
+exports.CoreLogDisableEventHistoryCustomAction = CoreLogDisableEventHistoryCustomAction;
+//# sourceMappingURL=CoreLogDisableEventHistoryCustomAction.js.map

package/lib/commonjs/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,4CAAgD;AAChD,gEAAwC;AAIjC,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,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,uBAAC,eAAK,IAAC,QAAQ,EAAE,SAAS,YACxB,uBAAC,qBAAU,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,YAC1C,MAAM,GACI,GACP,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,sCAAsC,0CAgBjD","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/commonjs/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/commonjs/LogViewer/actionComponents/custom/CoreLogTemplateLiteralCustomAction.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreLogTemplateLiteralCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Alert_1 = __importDefault(require("@mui/material/Alert"));
+const genericActionRenderer_1 = require("../genericActionRenderer");
+const CoreLogTemplateLiteralCustomAction = ({ action, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { messageParts: [strings, values], } = action.payload;
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: '100%', my: 1 }, children: (0, jsx_runtime_1.jsx)(Alert_1.default, { severity: 'info', children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: values.reduce((preComp, value, index) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [preComp, (0, jsx_runtime_1.jsx)(genericActionRenderer_1.AnyVariableView, { expanded: expanded, hideStringQuotes: true, value: value }), (0, jsx_runtime_1.jsx)("span", { children: strings[index + 1] })] })), (0, jsx_runtime_1.jsx)("span", { children: strings[0] })) }) }) }));
+};
+exports.CoreLogTemplateLiteralCustomAction = CoreLogTemplateLiteralCustomAction;
+//# sourceMappingURL=CoreLogTemplateLiteralCustomAction.js.map

package/lib/commonjs/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,4CAAgD;AAChD,gEAAwC;AAExC,oEAA2D;AAGpD,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,uBAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,YAC/B,uBAAC,eAAK,IAAC,QAAQ,EAAE,MAAM,YACrB,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YACxB,MAAM,CAAC,MAAM,CACZ,CAAC,OAAwB,EAAE,KAAgC,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7E,6DACG,OAAO,EACP,uBAAC,uCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EAC7E,2CAAO,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAQ,IACjC,CACJ,EACD,2CAAO,OAAO,CAAC,CAAC,CAAC,GAAQ,CAC1B,GACU,GACP,GACJ,CACP,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,kCAAkC,sCA2B7C","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/commonjs/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/commonjs/LogViewer/actionComponents/custom/CoreNetworkRequestCustomAction.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CoreNetworkRequestCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const genericActionRenderer_1 = require("../genericActionRenderer");
+const ActionResultDisplay_1 = __importDefault(require("../genericActionRenderer/ActionResultDisplay"));
+const CoreNetworkRequestCustomAction = ({ action, result, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("pre", { style: genericActionRenderer_1.genericFunctionRendererStyles.pre, children: (0, jsx_runtime_1.jsx)(genericActionRenderer_1.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'] }) }), (0, jsx_runtime_1.jsx)(ActionResultDisplay_1.default, { action: action, expanded: expanded, result: result })] }));
+};
+exports.CoreNetworkRequestCustomAction = CoreNetworkRequestCustomAction;
+//# sourceMappingURL=CoreNetworkRequestCustomAction.js.map

package/lib/commonjs/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,oEAAkG;AAClG,uGAA+E;AAGxE,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,6DACE,gCAAK,KAAK,EAAE,qDAA6B,CAAC,GAAG,YAC3C,uBAAC,+CAAuB,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,uBAAC,6BAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,IAC1E,CACJ,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,8BAA8B,kCA4BzC","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/commonjs/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>;

package/lib/commonjs/LogViewer/actionComponents/custom/WebserverEmailSendEmailCustomAction.js

@@ -0,0 +1,61 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebserverEmailSendEmailCustomAction = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ActionResultDisplay_1 = __importDefault(require("../genericActionRenderer/ActionResultDisplay"));
+const headerStyles = {
+    card: {
+        backgroundColor: '#1F1F1F',
+        borderRadius: '5px',
+        padding: '10px 12px',
+        marginBottom: '8px',
+    },
+    label: {
+        color: '#68CDFE',
+        fontWeight: 600,
+        minWidth: 72,
+    },
+    value: {
+        color: '#CE834A',
+        wordBreak: 'break-word',
+    },
+    iframe: {
+        width: '100%',
+        minHeight: 320,
+        border: 'thin solid #333',
+        borderRadius: '5px',
+        background: '#ffffff',
+    },
+    textBody: {
+        backgroundColor: '#1F1F1F',
+        color: '#68CDFE',
+        padding: '10px',
+        borderRadius: '5px',
+        whiteSpace: 'pre-wrap',
+        wordWrap: 'break-word',
+        margin: 0,
+    },
+};
+const HeaderRow = ({ label, value }) => {
+    const text = Array.isArray(value) ? value.join(', ') : value;
+    if (!text) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", gap: 1, sx: { my: 0.25 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", sx: headerStyles.label, variant: "body2", children: label }), (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "span", sx: headerStyles.value, variant: "body2", children: text })] }));
+};
+const WebserverEmailSendEmailCustomAction = ({ action, result, expanded }) => {
+    if (!action.payload) {
+        return null;
+    }
+    const { from, to, cc, bcc, replyTo, subject, bodyHtml, bodyText, attachments } = action.payload;
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { width: '100%', my: 1 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: headerStyles.card, children: [(0, jsx_runtime_1.jsx)(HeaderRow, { label: "To:", value: to }), (0, jsx_runtime_1.jsx)(HeaderRow, { label: "From:", value: from }), (0, jsx_runtime_1.jsx)(HeaderRow, { label: "Cc:", value: cc }), (0, jsx_runtime_1.jsx)(HeaderRow, { label: "Bcc:", value: bcc }), (0, jsx_runtime_1.jsx)(HeaderRow, { label: "Reply-To:", value: replyTo }), (0, jsx_runtime_1.jsx)(HeaderRow, { label: "Subject:", value: subject }), attachments && attachments.length > 0 && (0, jsx_runtime_1.jsx)(HeaderRow, { label: "Attachments:", value: `${attachments.length}` })] }), bodyHtml ? (
+            // Sandbox with no allow-list: renders the email markup but blocks scripts,
+            // form submission and same-origin access to the admin.
+            (0, jsx_runtime_1.jsx)("iframe", { sandbox: "", srcDoc: bodyHtml, style: headerStyles.iframe, title: "Email HTML body" })) : ((0, jsx_runtime_1.jsx)("pre", { style: headerStyles.textBody, children: bodyText })), (0, jsx_runtime_1.jsx)(ActionResultDisplay_1.default, { action: action, expanded: expanded, result: result })] }));
+};
+exports.WebserverEmailSendEmailCustomAction = WebserverEmailSendEmailCustomAction;
+//# sourceMappingURL=WebserverEmailSendEmailCustomAction.js.map

package/lib/commonjs/LogViewer/actionComponents/custom/WebserverEmailSendEmailCustomAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebserverEmailSendEmailCustomAction.js","sourceRoot":"","sources":["../../../../../src/LogViewer/actionComponents/custom/WebserverEmailSendEmailCustomAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { EmailSendEmailActionPayload } from '@qpqjs/webserver';\n\nimport { Box, Typography } from '@mui/material';\n\nimport ActionResultDisplay from '../genericActionRenderer/ActionResultDisplay';\nimport { ActionComponent } from '../types';\n\nconst headerStyles = {\n  card: {\n    backgroundColor: '#1F1F1F',\n    borderRadius: '5px',\n    padding: '10px 12px',\n    marginBottom: '8px',\n  },\n  label: {\n    color: '#68CDFE',\n    fontWeight: 600,\n    minWidth: 72,\n  },\n  value: {\n    color: '#CE834A',\n    wordBreak: 'break-word' as const,\n  },\n  iframe: {\n    width: '100%',\n    minHeight: 320,\n    border: 'thin solid #333',\n    borderRadius: '5px',\n    background: '#ffffff',\n  },\n  textBody: {\n    backgroundColor: '#1F1F1F',\n    color: '#68CDFE',\n    padding: '10px',\n    borderRadius: '5px',\n    whiteSpace: 'pre-wrap' as const,\n    wordWrap: 'break-word' as const,\n    margin: 0,\n  },\n};\n\ntype HeaderRowProps = {\n  label: string;\n  value?: string[] | string;\n};\n\nconst HeaderRow = ({ label, value }: HeaderRowProps) => {\n  const text = Array.isArray(value) ? value.join(', ') : value;\n\n  if (!text) {\n    return null;\n  }\n\n  return (\n    <Box display=\"flex\" gap={1} sx={{ my: 0.25 }}>\n      <Typography component=\"span\" sx={headerStyles.label} variant=\"body2\">\n        {label}\n      </Typography>\n      <Typography component=\"span\" sx={headerStyles.value} variant=\"body2\">\n        {text}\n      </Typography>\n    </Box>\n  );\n};\n\nexport const WebserverEmailSendEmailCustomAction: ActionComponent<EmailSendEmailActionPayload, string> = ({ action, result, expanded }) => {\n  if (!action.payload) {\n    return null;\n  }\n\n  const { from, to, cc, bcc, replyTo, subject, bodyHtml, bodyText, attachments } = action.payload;\n\n  return (\n    <Box sx={{ width: '100%', my: 1 }}>\n      <Box sx={headerStyles.card}>\n        <HeaderRow label=\"To:\" value={to} />\n        <HeaderRow label=\"From:\" value={from} />\n        <HeaderRow label=\"Cc:\" value={cc} />\n        <HeaderRow label=\"Bcc:\" value={bcc} />\n        <HeaderRow label=\"Reply-To:\" value={replyTo} />\n        <HeaderRow label=\"Subject:\" value={subject} />\n        {attachments && attachments.length > 0 && <HeaderRow label=\"Attachments:\" value={`${attachments.length}`} />}\n      </Box>\n\n      {bodyHtml ? (\n        // Sandbox with no allow-list: renders the email markup but blocks scripts,\n        // form submission and same-origin access to the admin.\n        <iframe sandbox=\"\" srcDoc={bodyHtml} style={headerStyles.iframe} title=\"Email HTML body\" />\n      ) : (\n        <pre style={headerStyles.textBody}>{bodyText}</pre>\n      )}\n\n      <ActionResultDisplay action={action} expanded={expanded} result={result} />\n    </Box>\n  );\n};\n"]}

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

@@ -0,0 +1,6 @@
+export * from './CoreContextListCustomAction';
+export * from './CoreLogCreateCustomAction';
+export * from './CoreLogDisableEventHistoryCustomAction';
+export * from './CoreLogTemplateLiteralCustomAction';
+export * from './CoreNetworkRequestCustomAction';
+export * from './WebserverEmailSendEmailCustomAction';