querysub 0.394.0 → 0.395.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,16 @@ 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 } 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";
+import { additionalSearchURL } from "../lifeCycleAnalysis/lifeCycleSearch";
 
 let excludePendingResults = new URLParam("excludePendingResults", false);
 let limitURL = new URLParam("limit", 100);
@@ -34,6 +44,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 +75,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 +301,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 +337,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 +527,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),
+                                    ]}>
+                                        {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 {lifecycleTitle}
+                                </Button>
+                            </ATag>
+                        </div>;
+                    }
+                };
+            }
+        }
+
         return <>
             <div className={css.hbox(10)}>
                 <InputPicker
@@ -662,6 +620,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 +640,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 +662,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 +673,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 +855,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 = "*";
@@ -105,6 +106,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;