querysub 0.394.0 → 0.396.0

package/src/diagnostics/logs/IndexedLogs/LogViewer3.tsx

@@ -5,7 +5,7 @@ import { t } from "../../../2-proxy/schema2";
 import { Button } from "../../../library-components/Button";
 import { InputLabel, InputLabelURL } from "../../../library-components/InputLabel";
 import { getLoggers2Async, LogDatum } from "../diskLogger";
-import { list, timeInDay, keyByArray, sort, throttleFunction } from "socket-function/src/misc";
+import { list, timeInDay, timeInHour, keyByArray, sort, throttleFunction } from "socket-function/src/misc";
 import { formatDateTime, formatDateTimeDetailed, formatNumber, formatTime, formatPercent } from "socket-function/src/formatting/format";
 import { IndexedLogs, TimeFilePathWithSize } from "./IndexedLogs";
 import { Querysub } from "../../../4-querysub/QuerysubController";
@@ -27,6 +27,15 @@ import { TimeFilePath } from "./TimeFileTree";
 import { isPublic } from "../../../config";
 import { Zip } from "../../../zip";
 import { readProductionLogsURL, searchTextURL } from "./LogViewerParams";
+import { RenderSearchStats } from "./RenderSearchStats";
+import { LifeCyclesController, LifeCycle, LifeCycleEntry } from "../lifeCycleAnalysis/lifeCycles";
+import { getLifecycleMatchesForDatum } from "../lifeCycleAnalysis/lifeCycleMatching";
+import { lifecycleIdURL, additionalSearchURL } from "../lifeCycleAnalysis/LifeCyclePage";
+import { ATag } from "../../../library-components/ATag";
+import { SocketFunction } from "socket-function/SocketFunction";
+import { managementPageURL } from "../../managementPages";
+import { startTimeParam, endTimeParam } from "../TimeRangeSelector";
+import { formatSearchString } from "./LogViewerParams";
 
 let excludePendingResults = new URLParam("excludePendingResults", false);
 let limitURL = new URLParam("limit", 100);
@@ -34,6 +43,7 @@ let limitURL = new URLParam("limit", 100);
 let savedPathsURL = new URLParam("savedPaths", "");
 let selectedFieldsURL = new URLParam("selectedFields", {} as Record<string, boolean>);
 let useRelativeTimeURL = new URLParam("useRelativeTime", true);
+let showLifecycleColumnURL = new URLParam("showlifecycle", true);
 
 const defaultSelectedFields = {
     param0: true,
@@ -64,11 +74,16 @@ export class LogViewer3 extends qreact.Component {
         hasSearched: t.boolean(false),
         forceMoveStartTime: t.atomic<number | undefined>(undefined),
         forceMoveEndTime: t.atomic<number | undefined>(undefined),
+        showLifecycleColumn: t.boolean(true),
     });
 
+    lifecycleController = LifeCyclesController(SocketFunction.browserNodeId());
+
     private searchSequenceNumber = 0;
 
     componentDidMount(): void {
+        this.state.showLifecycleColumn = showLifecycleColumnURL.value;
+
         if (searchTextURL.value) {
             void this.search();
         } else {
@@ -285,6 +300,7 @@ export class LogViewer3 extends qreact.Component {
                     pathOverrides: paths,
                     only: excludePendingResults.value ? "local" : undefined,
                     forceReadProduction: readProductionLogsURL.value,
+                    searchFromStart: range.searchFromStart,
                 },
                 onResult: (match: LogDatum) => {
                     results.push(match);
@@ -320,123 +336,6 @@ export class LogViewer3 extends qreact.Component {
         });
     };
 
-    renderSearchStats() {
-        const stats = this.state.stats;
-        if (!stats) return undefined;
-
-        let totalSizeRead = 0;
-        let cachedSize = 0;
-        let cachedCount = 0;
-        let uncachedSize = 0;
-        let uncachedCount = 0;
-        let uncachedRemoteSize = 0;
-        let uncachedRemoteCount = 0;
-        let totalSize = 0;
-        let remoteTotalSize = 0;
-        let localTotalSize = 0;
-
-        for (let read of stats.reads) {
-            totalSizeRead += read.size;
-            if (read.cached) {
-                cachedSize += read.size;
-                cachedCount += read.count;
-            } else {
-                uncachedSize += read.size;
-                uncachedCount += read.count;
-                totalSize += read.totalSize;
-                if (read.remote) {
-                    remoteTotalSize += read.totalSize;
-                } else {
-                    localTotalSize += read.totalSize;
-                }
-            }
-            if (read.remote && !read.cached) {
-                uncachedRemoteSize += read.size;
-                uncachedRemoteCount += read.count;
-            }
-        }
-
-        const renderStage = (title: string, items: preact.ComponentChild[], hue: number | undefined, isFirst: boolean, isLast: boolean) => {
-            const triangleWidth = 20;
-
-            let color = hue !== undefined ? css.hsl(hue, 70, 80) : css.hsl(0, 0, 100);
-            let colorhsl = hue !== undefined ? css.hslcolor(hue, 80, 30) : css;
-
-            return (
-                <div className={css.vbox(2).relative.minWidth(200).paddingTop(8).paddingBottom(8).paddingRight(10).paddingLeft(isFirst ? 10 : 10 + triangleWidth) + color}>
-                    <div className={css.fontWeight(600) + colorhsl}>{title}</div>
-                    {items.map((item, i) => (
-                        <div key={i}>{item}</div>
-                    ))}
-                    {!isLast && hue !== undefined && (
-                        <svg width={triangleWidth} height="100" viewBox="0 0 20 100" preserveAspectRatio="none" className={css.absolute.right(-triangleWidth).top(0).fillHeight.zIndex(1)}>
-                            <polygon points="0,0 20,50 0,100" fill={`hsl(${hue}, 70%, 80%)`} />
-                        </svg>
-                    )}
-                </div>
-            );
-        };
-
-        const fileItems = [
-            `${formatTime(stats.fileFindTime)} | ${formatNumber(stats.localFilesSearched + stats.backblazeFilesSearched)} / ${formatNumber(stats.totalLocalFiles + stats.totalBackblazeFiles)} | ${formatNumber(totalSize)}B`,
-            `remote ${formatNumber(stats.backblazeFilesSearched)} / ${formatNumber(stats.totalBackblazeFiles)} | ${formatNumber(remoteTotalSize)}B`,
-            `pending ${formatNumber(stats.localFilesSearched)} / ${formatNumber(stats.totalLocalFiles)} | ${formatNumber(localTotalSize)}B`,
-        ];
-
-        const totalIndexesSearched = stats.remoteIndexesSearched + stats.localIndexesSearched;
-        const totalIndexSize = stats.remoteIndexSize + stats.localIndexSize;
-        const indexItems = [
-            `${formatTime(stats.indexSearchTime)} | ${formatNumber(totalIndexesSearched)} | ${formatNumber(totalIndexSize)}B | ${formatNumber(totalSize / totalIndexSize)}X`,
-            `remote ${formatNumber(stats.remoteIndexesSearched)} | ${formatNumber(stats.remoteIndexSize)}B | ${formatNumber(remoteTotalSize / stats.remoteIndexSize)}X`,
-            `local ${formatNumber(stats.localIndexesSearched)} | ${formatNumber(stats.localIndexSize)}B | ${formatNumber(localTotalSize / stats.localIndexSize)}X`,
-        ];
-
-        const blockItems = [
-            <div title={`Scanned size = ${formatNumber(stats.blocksCheckedCompressedSize)}B, Decompressed size = ${formatNumber(stats.blocksCheckedDecompressedSize)}B, Compression ratio = ${formatNumber(stats.blocksCheckedDecompressedSize / stats.blocksCheckedCompressedSize)}X`}>{formatTime(stats.blockSearchTime)} | {formatNumber(stats.blockCheckedCount)} | {formatNumber(stats.blocksCheckedCompressedSize)}B | {formatNumber(stats.blocksCheckedDecompressedSize / stats.blocksCheckedCompressedSize)}X</div>,
-            `total scanned ${formatNumber(stats.totalBlockCount)} (${formatPercent(stats.blockCheckedCount / stats.totalBlockCount)})`,
-            `remote ${formatNumber(stats.remoteBlockCheckedCount)} / ${formatNumber(stats.remoteBlockCount)} (${formatPercent(stats.remoteBlockCheckedCount / stats.remoteBlockCount)}) | local ${formatNumber(stats.localBlockCheckedCount)} / ${formatNumber(stats.localBlockCount)} (${formatPercent(stats.localBlockCheckedCount / stats.localBlockCount)})`,
-        ];
-        let cacheItems = [
-            `disk read ${formatNumber(uncachedSize)}B (${formatNumber(uncachedCount)})`,
-            `remote ${formatPercent(uncachedRemoteSize / totalSizeRead)} (${formatNumber(uncachedRemoteCount)})`,
-            `cached ${formatNumber(cachedSize)} (${formatNumber(cachedCount)})`,
-        ];
-
-        const resultItems = [
-            `${formatTime(stats.timeToFirstMatch)} until first result`,
-            `${formatNumber(stats.matchCount)} results / ${limitURL.value} limit`,
-        ];
-
-        const doneItems = [
-            `${formatTime(stats.totalSearchTime)} total search time`,
-        ];
-
-        let hasErrors = stats.fileErrors.length > 0 || stats.blockErrors.length > 0;
-
-        return (
-            <div className={css.hbox(0).alignItems("stretch")}>
-                {renderStage("Files", fileItems, 290, true, false)}
-                {renderStage("Indexes", indexItems, 250, false, false)}
-                {renderStage("Blocks", blockItems, 210, false, false)}
-                {renderStage("Reads", cacheItems, 160, false, false)}
-                {renderStage("Results", resultItems, 120, false, this.state.searching && !hasErrors)}
-                {!this.state.searching && renderStage("Done", doneItems, undefined, false, !hasErrors)}
-                {(() => {
-                    if (!hasErrors) return undefined;
-                    let errorItems: preact.ComponentChild[] = [];
-                    if (stats.fileErrors.length > 0) {
-                        const errorTitle = stats.fileErrors.map(e => `${e.path}:\n${e.error}`).join("\n\n");
-                        errorItems.push(<div title={errorTitle}>{stats.fileErrors.length} files failed</div>);
-                    }
-                    if (stats.blockErrors.length > 0) {
-                        errorItems.push(<div title={stats.blockErrors.join("\n")}>{stats.blockErrors.length} blocks failed</div>);
-                    }
-                    return renderStage("Errors", errorItems, 0, false, true);
-                })()}
-            </div>
-        );
-    }
-
     renderForceMoveLogs() {
         return <><Button
             onClick={async () => {
@@ -627,6 +526,64 @@ export class LogViewer3 extends qreact.Component {
             }
         };
 
+        if (this.state.showLifecycleColumn) {
+            const lifecycles = this.lifecycleController.getLifeCycles();
+            if (lifecycles && lifecycles.length > 0) {
+                columns["lifecycles"] = {
+                    title: "Lifecycles",
+                    formatter: (x, context) => {
+                        if (!context?.row) return undefined;
+                        let datum = context.row;
+                        let matches = getLifecycleMatchesForDatum(lifecycles, datum);
+                        if (matches.length === 0) return undefined;
+
+                        let lifecycleId = matches[0].lifecycle.id;
+                        let lifecycleTitle = matches[0].lifecycle.title;
+
+                        let firstMatch = matches[0];
+                        let searchFilter = formatSearchString(firstMatch.datum);
+
+                        let minTime = Infinity;
+                        let maxTime = -Infinity;
+                        for (let resultDatum of this.state.results) {
+                            let resultMatches = getLifecycleMatchesForDatum(lifecycles, resultDatum);
+                            if (resultMatches.some(m => m.lifecycle.id === lifecycleId)) {
+                                if (resultDatum.time < minTime) minTime = resultDatum.time;
+                                if (resultDatum.time > maxTime) maxTime = resultDatum.time;
+                            }
+                        }
+
+                        return <div className={css.hbox(4).wrap}>
+                            {matches.map((match, idx) => (
+                                <div key={idx} className={css.hbox(8)}>
+                                    <ATag values={[
+                                        managementPageURL.getOverride("LifeCyclePage"),
+                                        lifecycleIdURL.getOverride(match.lifecycle.id),
+                                        additionalSearchURL.getOverride(formatSearchString(match.datum)),
+                                        startTimeParam.getOverride(datum.time - timeInHour),
+                                        endTimeParam.getOverride(datum.time + timeInHour),
+                                    ]}>
+                                        View {JSON.stringify(match.lifecycle.title)}
+                                    </ATag>
+                                </div>
+                            ))}
+                            <ATag values={[
+                                managementPageURL.getOverride("LifeCyclePage"),
+                                lifecycleIdURL.getOverride(firstMatch.lifecycle.id),
+                                additionalSearchURL.getOverride(searchFilter),
+                                startTimeParam.getOverride(minTime - timeInHour),
+                                endTimeParam.getOverride(maxTime + timeInHour),
+                            ]}>
+                                <Button hue={280} className={css.boldStyle}>
+                                    View All
+                                </Button>
+                            </ATag>
+                        </div>;
+                    }
+                };
+            }
+        }
+
         return <>
             <div className={css.hbox(10)}>
                 <InputPicker
@@ -662,6 +619,14 @@ export class LogViewer3 extends qreact.Component {
                     checkbox
                     url={useRelativeTimeURL}
                 />
+                <InputLabelURL
+                    label="Show Lifecycles"
+                    checkbox
+                    url={showLifecycleColumnURL}
+                    onChange={(e) => {
+                        this.state.showLifecycleColumn = e.currentTarget.checked;
+                    }}
+                />
             </div>
 
             {this.state.results.length === 0 && !this.state.searching && this.state.hasSearched && <div className={css.hsl(40, 50, 50).colorhsl(60, 50, 100).boldStyle.pad2(10).ellipsis}>
@@ -674,13 +639,14 @@ export class LogViewer3 extends qreact.Component {
                 lineLimit={4}
                 initialLimit={10}
                 characterLimit={400}
+                cellClass={css.maxWidth("20vw")}
                 getRowAttributes={row => {
                     let hue = -1;
                     if (row.__LOG_TYPE === "warn") hue = 40;
                     if (row.__LOG_TYPE === "error") hue = 0;
                     if (row.__LOG_TYPE === "info") hue = 200;
                     return {
-                        className: hue !== -1 && css.hsl(hue, 40, 50).colorhsl(hue, 0, 100) || undefined,
+                        className: hue !== -1 && css.hsl(hue, 40, 60).colorhsl(hue, 0, 100) || undefined,
                     };
                 }}
             />
@@ -695,8 +661,8 @@ export class LogViewer3 extends qreact.Component {
                         checkbox
                         label="Exclude Pending Results"
                         url={excludePendingResults}
-                        onChangeValue={(newValue) => {
-                            if (newValue) {
+                        onChange={(e) => {
+                            if (e.currentTarget.checked) {
                                 savedPathsURL.value = "";
                                 void this.loadPaths();
                             }
@@ -706,8 +672,8 @@ export class LogViewer3 extends qreact.Component {
                         checkbox
                         label="Read Production Logs"
                         url={readProductionLogsURL}
-                        onChangeValue={(newValue) => {
-                            if (newValue) {
+                        onChange={(e) => {
+                            if (e.currentTarget.checked) {
                                 savedPathsURL.value = "";
                                 void this.loadPaths();
                             }
@@ -888,7 +854,11 @@ export class LogViewer3 extends qreact.Component {
 
                 {this.renderPendingLogWarnings()}
 
-                {this.renderSearchStats()}
+                <RenderSearchStats
+                    searching={this.state.searching}
+                    limit={limitURL.value}
+                    stats={this.state.stats}
+                />
 
                 {this.renderResults()}
             </div>

package/src/diagnostics/logs/IndexedLogs/RenderSearchStats.tsx

@@ -0,0 +1,127 @@
+import { formatTime, formatNumber, formatPercent } from "socket-function/src/formatting/format";
+import { css } from "typesafecss";
+import { qreact } from "../../../4-dom/qreact";
+import { IndexedLogResults } from "./BufferIndexHelpers";
+
+export class RenderSearchStats extends qreact.Component<{
+    stats: IndexedLogResults | undefined;
+    searching: boolean;
+    limit: number;
+}> {
+    render() {
+        const stats = this.props.stats;
+        if (!stats) return undefined;
+
+        let totalSizeRead = 0;
+        let cachedSize = 0;
+        let cachedCount = 0;
+        let uncachedSize = 0;
+        let uncachedCount = 0;
+        let uncachedRemoteSize = 0;
+        let uncachedRemoteCount = 0;
+        let totalSize = 0;
+        let remoteTotalSize = 0;
+        let localTotalSize = 0;
+
+        for (let read of stats.reads) {
+            totalSizeRead += read.size;
+            if (read.cached) {
+                cachedSize += read.size;
+                cachedCount += read.count;
+            } else {
+                uncachedSize += read.size;
+                uncachedCount += read.count;
+                totalSize += read.totalSize;
+                if (read.remote) {
+                    remoteTotalSize += read.totalSize;
+                } else {
+                    localTotalSize += read.totalSize;
+                }
+            }
+            if (read.remote && !read.cached) {
+                uncachedRemoteSize += read.size;
+                uncachedRemoteCount += read.count;
+            }
+        }
+
+        const renderStage = (title: string, items: preact.ComponentChild[], hue: number | undefined, isFirst: boolean, isLast: boolean) => {
+            const triangleWidth = 20;
+
+            let color = hue !== undefined ? css.hsl(hue, 70, 80) : css.hsl(0, 0, 100);
+            let colorhsl = hue !== undefined ? css.hslcolor(hue, 80, 30) : css;
+
+            return (
+                <div className={css.vbox(2).relative.minWidth(200).paddingTop(8).paddingBottom(8).paddingRight(10).paddingLeft(isFirst ? 10 : 10 + triangleWidth) + color}>
+                    <div className={css.fontWeight(600) + colorhsl}>{title}</div>
+                    {items.map((item, i) => (
+                        <div key={i}>{item}</div>
+                    ))}
+                    {!isLast && hue !== undefined && (
+                        <svg width={triangleWidth} height="100" viewBox="0 0 20 100" preserveAspectRatio="none" className={css.absolute.right(-triangleWidth).top(0).fillHeight.zIndex(1)}>
+                            <polygon points="0,0 20,50 0,100" fill={`hsl(${hue}, 70%, 80%)`} />
+                        </svg>
+                    )}
+                </div>
+            );
+        };
+
+        const fileItems = [
+            `${formatTime(stats.fileFindTime)} | ${formatNumber(stats.localFilesSearched + stats.backblazeFilesSearched)} / ${formatNumber(stats.totalLocalFiles + stats.totalBackblazeFiles)} | ${formatNumber(totalSize)}B`,
+            `remote ${formatNumber(stats.backblazeFilesSearched)} / ${formatNumber(stats.totalBackblazeFiles)} | ${formatNumber(remoteTotalSize)}B | ${formatNumber(stats.backblazeLogsSearched)} logs`,
+            `pending ${formatNumber(stats.localFilesSearched)} / ${formatNumber(stats.totalLocalFiles)} | ${formatNumber(localTotalSize)}B`,
+        ];
+
+        const totalIndexesSearched = stats.remoteIndexesSearched + stats.localIndexesSearched;
+        const totalIndexSize = stats.remoteIndexSize + stats.localIndexSize;
+        const indexItems = [
+            `${formatTime(stats.indexSearchTime)} | ${formatNumber(totalIndexesSearched)} | ${formatNumber(totalIndexSize)}B | ${formatNumber(totalSize / totalIndexSize)}X`,
+            `remote ${formatNumber(stats.remoteIndexesSearched)} | ${formatNumber(stats.remoteIndexSize)}B | ${formatNumber(remoteTotalSize / stats.remoteIndexSize)}X`,
+            `local ${formatNumber(stats.localIndexesSearched)} | ${formatNumber(stats.localIndexSize)}B | ${formatNumber(localTotalSize / stats.localIndexSize)}X`,
+        ];
+
+        const blockItems = [
+            <div title={`Scanned size = ${formatNumber(stats.blocksCheckedCompressedSize)}B, Decompressed size = ${formatNumber(stats.blocksCheckedDecompressedSize)}B, Compression ratio = ${formatNumber(stats.blocksCheckedDecompressedSize / stats.blocksCheckedCompressedSize)}X`}>{formatTime(stats.blockSearchTime)} | {formatNumber(stats.blockCheckedCount)} | {formatNumber(stats.blocksCheckedCompressedSize)}B | {formatNumber(stats.blocksCheckedDecompressedSize / stats.blocksCheckedCompressedSize)}X</div>,
+            `total scanned ${formatNumber(stats.totalBlockCount)} (${formatPercent(stats.blockCheckedCount / stats.totalBlockCount)})`,
+            `remote ${formatNumber(stats.remoteBlockCheckedCount)} / ${formatNumber(stats.remoteBlockCount)} (${formatPercent(stats.remoteBlockCheckedCount / stats.remoteBlockCount)}) | local ${formatNumber(stats.localBlockCheckedCount)} / ${formatNumber(stats.localBlockCount)} (${formatPercent(stats.localBlockCheckedCount / stats.localBlockCount)})`,
+        ];
+        let cacheItems = [
+            `disk read ${formatNumber(uncachedSize)}B (${formatNumber(uncachedCount)})`,
+            `remote ${formatPercent(uncachedRemoteSize / totalSizeRead)} (${formatNumber(uncachedRemoteCount)})`,
+            `cached ${formatNumber(cachedSize)} (${formatNumber(cachedCount)})`,
+        ];
+
+        const resultItems = [
+            `${formatTime(stats.timeToFirstMatch)} until first result`,
+            `${formatNumber(stats.matchCount)} results / ${this.props.limit} limit`,
+        ];
+
+        const doneItems = [
+            `${formatTime(stats.totalSearchTime)} total search time`,
+        ];
+
+        let hasErrors = stats.fileErrors.length > 0 || stats.blockErrors.length > 0;
+
+        return (
+            <div className={css.hbox(0).alignItems("stretch")}>
+                {renderStage("Files", fileItems, 290, true, false)}
+                {renderStage("Indexes", indexItems, 250, false, false)}
+                {renderStage("Blocks", blockItems, 210, false, false)}
+                {renderStage("Reads", cacheItems, 160, false, false)}
+                {renderStage("Results", resultItems, 120, false, this.props.searching && !hasErrors)}
+                {!this.props.searching && renderStage("Done", doneItems, undefined, false, !hasErrors)}
+                {(() => {
+                    if (!hasErrors) return undefined;
+                    let errorItems: preact.ComponentChild[] = [];
+                    if (stats.fileErrors.length > 0) {
+                        const errorTitle = stats.fileErrors.map(e => `${e.path}:\n${e.error}`).join("\n\n");
+                        errorItems.push(<div title={errorTitle}>{stats.fileErrors.length} files failed</div>);
+                    }
+                    if (stats.blockErrors.length > 0) {
+                        errorItems.push(<div title={stats.blockErrors.join("\n")}>{stats.blockErrors.length} blocks failed</div>);
+                    }
+                    return renderStage("Errors", errorItems, 0, false, true);
+                })()}
+            </div>
+        );
+    }
+}

package/src/diagnostics/logs/IndexedLogs/bufferSearchFindMatcher.ts

@@ -1,5 +1,6 @@
 import { measureWrap } from "socket-function/src/profiling/measure";
 import { Unit, getAllUnits, remapSearchBuffer } from "./BufferIndexHelpers";
+import { cacheLimited } from "socket-function/src/caching";
 
 const WILD_CARD_BYTE = 42;
 const WILD_CARD_CHAR = "*";
@@ -8,6 +9,7 @@ const SEARCH_OR_CHAR = "|";
 const SEARCH_AND_BYTE = 38;
 const SEARCH_AND_CHAR = "&";
 
+// IMPORTANT! While technically THIS structure can support negation, the index structure above us cannot, as it only stores information at the block level (multiple buffers per block). So... if we supported negation, it couldn't, so it would give us a lot of false positives (cases where negation removes the results). So... never use negation, just turn everything into a positive signal.
 export type MatchStructure = {
     type: "or";
     parts: MatchStructure[];
@@ -105,6 +107,8 @@ function getSimplerStructure(structure: MatchStructure): Buffer[][] {
 
     throw new Error(`Unknown structure type: ${type}`);
 }
+export const createMatchesPatternCached = cacheLimited(1000, (pattern: string) => createMatchesPattern(Buffer.from(pattern), false));
+
 // Each WILD_CARD_BYTE in pattern acts as a multi-byte wildcard: the segments on either
 // side must appear in order somewhere within buffer.
 // Returns a function that matches buffers against the pre-processed pattern.

package/src/diagnostics/logs/IndexedLogs/moveIndexLogsToPublic.ts

@@ -155,7 +155,7 @@ export async function moveLogsToPublic(config: {
             try {
                 let decoded = await BufferIndex.decodeAll(buffer.buffer);
                 allBuffers.push(decoded);
-            } catch (e) {
+            } catch (e: any) {
                 console.error(`Error decoding buffer, ignoring it`, { path: buffer.path, bufferLength: buffer.buffer.length, bufferFirst100: buffer.buffer.slice(0, 100).toString("hex"), error: String(e.stack) });
                 continue;
             }

package/src/diagnostics/logs/TimeRangeSelector.tsx

@@ -12,16 +12,18 @@ import { timeInDay, timeInHour, timeInMinute } from "socket-function/src/misc";
 // URL parameters for time range
 export const startTimeParam = new URLParam("startTime", undefined as number | undefined);
 export const endTimeParam = new URLParam("endTime", undefined as number | undefined);
+export const searchFromStartParam = new URLParam("searchFromStart", false);
 
 let now = Date.now();
 /** Get the time range with default values if not set */
-export function getTimeRange(): { startTime: number; endTime: number } {
+export function getTimeRange(): { startTime: number; endTime: number; searchFromStart: boolean } {
     const defaultStart = now - timeInHour * 24;
     const defaultEnd = now + timeInHour;
 
     return {
         startTime: startTimeParam.value || defaultStart,
         endTime: endTimeParam.value || defaultEnd,
+        searchFromStart: searchFromStartParam.value,
     };
 }
 
@@ -75,7 +77,14 @@ export class TimeRangeSelector extends qreact.Component {
                     />
                 </div>
                 <div className={css.hbox(12).wrap}>
-
+                    <InputLabel
+                        label="Search from Start"
+                        checkbox
+                        value={searchFromStartParam.value ? "true" : ""}
+                        onChangeValue={value => {
+                            searchFromStartParam.value = !!value;
+                        }}
+                    />
                     <Button
                         hue={110} onClick={() => {
                             let now = Date.now();

package/src/diagnostics/logs/errorNotifications2/ErrorNotificationPage.tsx

@@ -450,10 +450,7 @@ class SuppressionItem extends qreact.Component<{
                     onKeyDown={e => {
                         if (e.key === "Enter") {
                             let pattern = e.currentTarget.value.trim();
-                            if (!pattern) {
-                                alert("Pattern cannot be empty");
-                                return;
-                            }
+                            if (!pattern) return;
                             this.state.patternValue = pattern;
                             Querysub.onCommitFinished(async () => {
                                 await this.manager.updateSuppression(suppression.id, pattern);

package/src/diagnostics/logs/errorNotifications2/errorNotifications.ts

@@ -170,7 +170,7 @@ const PATTERN_GENERATION_LIMIT = 100;
 const PATTERN_GENERATION_WINDOW = 15 * 60 * 1000;
 let patternGenerationTimes: number[] = [];
 
-async function generatePatternForError(error: LogDatum): Promise<string> {
+export async function generatePatternForError(error: LogDatum): Promise<string> {
     const now = Date.now();
     const windowStart = now - PATTERN_GENERATION_WINDOW;