querysub 0.374.0 → 0.376.0

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

@@ -26,11 +26,10 @@ import { IndexedLogResults, createEmptyIndexedLogResults, mergeIndexedLogResults
 import { TimeFilePath } from "./TimeFileTree";
 import { isPublic } from "../../../config";
 import { Zip } from "../../../zip";
+import { readProductionLogsURL, searchTextURL } from "./LogViewerParams";
 
-let searchText = new URLParam("searchText", "");
 let excludePendingResults = new URLParam("excludePendingResults", false);
 let limitURL = new URLParam("limit", 100);
-let readPublicLogs = new URLParam("readPublicLogs", false);
 
 let savedPathsURL = new URLParam("savedPaths", "");
 let selectedFieldsURL = new URLParam("selectedFields", {} as Record<string, boolean>);
@@ -105,237 +104,6 @@ export class LogViewer3 extends qreact.Component {
         await this.loadPaths();
     }
 
-    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>
-        );
-    }
-
-    renderPendingLogWarnings() {
-        const paths = this.getPaths();
-        const now = Date.now();
-        const threshold = now - (2 * PUBLIC_MOVE_THRESHOLD);
-
-        const machineWarnings: Record<string, { machineId: string; oldestTime: number; count: number; totalSize: number }> = {};
-
-        for (const path of paths) {
-            if (path.logCount !== undefined) continue;
-
-            if (path.startTime >= threshold) continue;
-
-            if (!path.machineId) continue;
-
-            const existing = machineWarnings[path.machineId];
-            if (!existing) {
-                machineWarnings[path.machineId] = {
-                    machineId: path.machineId,
-                    oldestTime: path.startTime,
-                    count: 1,
-                    totalSize: path.size || 0,
-                };
-            } else {
-                if (path.startTime < existing.oldestTime) {
-                    existing.oldestTime = path.startTime;
-                }
-                existing.count++;
-                existing.totalSize += path.size || 0;
-            }
-        }
-
-        const warnings = Object.values(machineWarnings);
-        if (warnings.length === 0) return undefined;
-
-        const isFrozen = !!savedPathsURL.value;
-
-        return (
-            <div className={css.vbox(10).pad2(10).hsl(0, 50, 50).colorhsl(60, 50, 100)}>
-                {isFrozen && (
-                    <>
-                        <div className={css.fontWeight(600)}>Frozen files are too old:</div>
-                        {warnings.map((warning) => (
-                            <div key={warning.machineId} className={css.hbox(10)}>
-                                <MachineThreadInfo machineId={warning.machineId} />
-                                <span>has {formatNumber(warning.count)} pending files ({formatNumber(warning.totalSize)}B) that are {formatTime(now - warning.oldestTime)} old</span>
-                            </div>
-                        ))}
-                        <Button
-                            onClick={() => {
-                                void this.clearFrozenPaths();
-                            }}
-                            hue={180}
-                        >
-                            Clear Frozen Files and Reload
-                        </Button>
-                    </>
-                )}
-                {!isFrozen && (
-                    <>
-                        <div className={css.fontWeight(600)}>Pending logs not being merged!</div>
-                        {warnings.map((warning) => (
-                            <div key={warning.machineId} className={css.hbox(10)}>
-                                <MachineThreadInfo machineId={warning.machineId} />
-                                <span>is not moving logs to remote storage. {formatNumber(warning.count)} files ({formatNumber(warning.totalSize)}B) are {formatTime(now - warning.oldestTime)} old</span>
-                            </div>
-                        ))}
-                        {!isPublic() && !readPublicLogs.value && <Button
-                            onClick={async () => {
-                                Querysub.commitLocal(() => {
-                                    this.state.forceMoveStartTime = Date.now();
-                                    this.state.forceMoveEndTime = undefined;
-                                });
-
-                                let forceMoveInterval = setInterval(() => {
-                                    this.forceUpdate();
-                                }, 100);
-
-                                try {
-                                    let loggers = await getLoggers2Async();
-                                    for (let logger of Object.values(loggers)) {
-                                        await logger.clientForceMoveLogsToPublic();
-                                    }
-                                    await this.loadPaths();
-                                } finally {
-                                    if (forceMoveInterval) {
-                                        clearInterval(forceMoveInterval);
-                                    }
-
-                                    Querysub.commitLocal(() => {
-                                        this.state.forceMoveEndTime = Date.now();
-                                    });
-                                }
-                            }}
-                            hue={180}
-                        >
-                            Force Move Logs to Public
-                        </Button>}
-                        {(() => {
-                            if (this.state.forceMoveStartTime !== undefined && this.state.forceMoveEndTime === undefined) {
-                                const elapsed = Date.now() - this.state.forceMoveStartTime;
-                                return <div>Moving logs... {formatTime(elapsed)}</div>;
-                            }
-                            if (this.state.forceMoveStartTime !== undefined && this.state.forceMoveEndTime !== undefined) {
-                                const duration = this.state.forceMoveEndTime - this.state.forceMoveStartTime;
-                                return <div>Moved logs in {formatTime(duration)}</div>;
-                            }
-                            return undefined;
-                        })()}
-                    </>
-                )}
-            </div>
-        );
-    }
-
     async loadPaths() {
         if (savedPathsURL.value) {
             return;
@@ -372,7 +140,7 @@ export class LogViewer3 extends qreact.Component {
                 startTime: range.startTime,
                 endTime: range.endTime,
                 only: excludePendingResults.value ? "public" : undefined,
-                forceReadPublic: readPublicLogs.value,
+                forceReadProduction: readProductionLogsURL.value,
             });
             allPaths.push(...paths);
         }));
@@ -468,7 +236,7 @@ export class LogViewer3 extends qreact.Component {
             return;
         }
 
-        let searchBuffer = Querysub.localRead(() => Buffer.from(searchText.value, "utf8"));
+        let searchBuffer = Querysub.localRead(() => Buffer.from(searchTextURL.value, "utf8"));
         let results: LogDatum[] = [];
         let stats: IndexedLogResults = createEmptyIndexedLogResults();
         stats.fileFindTime += getFilesTime;
@@ -512,11 +280,11 @@ export class LogViewer3 extends qreact.Component {
                     findBuffer: searchBuffer,
                     pathOverrides: paths,
                     only: excludePendingResults.value ? "local" : undefined,
-                    forceReadPublic: readPublicLogs.value,
+                    forceReadProduction: readProductionLogsURL.value,
                 },
                 onResult: (match: LogDatum) => {
-                    console.log("onResult", match);
                     results.push(match);
+                    sort(results, x => -x.time);
                     void updateResults();
                 },
                 onResults: (loggerStats: IndexedLogResults) => {
@@ -548,6 +316,243 @@ 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 () => {
+                Querysub.commitLocal(() => {
+                    this.state.forceMoveStartTime = Date.now();
+                    this.state.forceMoveEndTime = undefined;
+                });
+
+                let forceMoveInterval = setInterval(() => {
+                    this.forceUpdate();
+                }, 100);
+
+                try {
+                    let loggers = await getLoggers2Async();
+                    for (let logger of Object.values(loggers)) {
+                        await logger.clientForceMoveLogsToPublic();
+                    }
+                    await this.loadPaths();
+                } finally {
+                    if (forceMoveInterval) {
+                        clearInterval(forceMoveInterval);
+                    }
+
+                    Querysub.commitLocal(() => {
+                        this.state.forceMoveEndTime = Date.now();
+                    });
+                }
+            }}
+            hue={180}
+        >
+            Force Move Logs to Public
+        </Button>
+            {(() => {
+                if (this.state.forceMoveStartTime !== undefined && this.state.forceMoveEndTime === undefined) {
+                    const elapsed = Date.now() - this.state.forceMoveStartTime;
+                    return <div>Moving logs... {formatTime(elapsed)}</div>;
+                }
+                if (this.state.forceMoveStartTime !== undefined && this.state.forceMoveEndTime !== undefined) {
+                    const duration = this.state.forceMoveEndTime - this.state.forceMoveStartTime;
+                    return <div>Moved logs in {formatTime(duration)}</div>;
+                }
+                return undefined;
+            })()}
+        </>;
+    }
+
+    renderPendingLogWarnings() {
+        const paths = this.getPaths();
+        const now = Date.now();
+        const threshold = now - (2 * PUBLIC_MOVE_THRESHOLD);
+
+        const machineWarnings: Record<string, { machineId: string; oldestTime: number; count: number; totalSize: number }> = {};
+
+        for (const path of paths) {
+            if (path.logCount !== undefined) continue;
+
+            if (path.startTime >= threshold) continue;
+
+            if (!path.machineId) continue;
+
+            const existing = machineWarnings[path.machineId];
+            if (!existing) {
+                machineWarnings[path.machineId] = {
+                    machineId: path.machineId,
+                    oldestTime: path.startTime,
+                    count: 1,
+                    totalSize: path.size || 0,
+                };
+            } else {
+                if (path.startTime < existing.oldestTime) {
+                    existing.oldestTime = path.startTime;
+                }
+                existing.count++;
+                existing.totalSize += path.size || 0;
+            }
+        }
+
+        const warnings = Object.values(machineWarnings);
+        if (warnings.length === 0) return undefined;
+
+        const isFrozen = !!savedPathsURL.value;
+
+        return (
+            <div className={css.vbox(10).pad2(10).hsl(0, 50, 50).colorhsl(60, 50, 100)}>
+                {isFrozen && (
+                    <>
+                        <div className={css.fontWeight(600)}>Frozen files are too old:</div>
+                        {warnings.map((warning) => (
+                            <div key={warning.machineId} className={css.hbox(10)}>
+                                <MachineThreadInfo machineId={warning.machineId} />
+                                <span>has {formatNumber(warning.count)} pending files ({formatNumber(warning.totalSize)}B) that are {formatTime(now - warning.oldestTime)} old</span>
+                            </div>
+                        ))}
+                        <Button
+                            onClick={() => {
+                                void this.clearFrozenPaths();
+                            }}
+                            hue={180}
+                        >
+                            Clear Frozen Files and Reload
+                        </Button>
+                    </>
+                )}
+                {!isFrozen && (
+                    <>
+                        <div className={css.fontWeight(600)}>Pending logs not being merged!</div>
+                        {warnings.map((warning) => (
+                            <div key={warning.machineId} className={css.hbox(10)}>
+                                <MachineThreadInfo machineId={warning.machineId} />
+                                <span>is not moving logs to remote storage. {formatNumber(warning.count)} files ({formatNumber(warning.totalSize)}B) are {formatTime(now - warning.oldestTime)} old</span>
+                            </div>
+                        ))}
+                        {!isPublic() && !readProductionLogsURL.value && this.renderForceMoveLogs()}
+                    </>
+                )}
+            </div>
+        );
+    }
+
+
     renderResults() {
         let fieldNames = new Set<string>();
         for (let i = 0; i < Math.min(1000, this.state.results.length); i++) {
@@ -695,8 +700,8 @@ export class LogViewer3 extends qreact.Component {
                     />
                     {!isPublic() && <InputLabelURL
                         checkbox
-                        label="Read Public Logs"
-                        url={readPublicLogs}
+                        label="Read Production Logs"
+                        url={readProductionLogsURL}
                         onChangeValue={(newValue) => {
                             if (newValue) {
                                 savedPathsURL.value = "";
@@ -709,6 +714,7 @@ export class LogViewer3 extends qreact.Component {
                         number
                         url={limitURL}
                     />
+                    {!isPublic() && this.renderForceMoveLogs()}
                 </div>
 
                 <div className={css.hbox(10)}>
@@ -754,7 +760,7 @@ export class LogViewer3 extends qreact.Component {
                     </Button>
                     <TimeRangeSelector />
                 </div>
-                {!isPublic() && readPublicLogs.value && <div className={css.fontSize(40).pad2(12, 6).hsl(280, 40, 50).colorhsl(0, 0, 100).boldStyle}>
+                {!isPublic() && readProductionLogsURL.value && <div className={css.fontSize(40).pad2(12, 6).hsl(280, 40, 50).colorhsl(0, 0, 100).boldStyle}>
                     Reading public logs
                 </div>}
 
@@ -763,10 +769,10 @@ export class LogViewer3 extends qreact.Component {
                         flavor="large"
                         fillWidth
                         focusOnMount
-                        url={searchText}
+                        url={searchTextURL}
                         onKeyDown={(e) => {
                             if (e.key === "Enter") {
-                                searchText.value = e.currentTarget.value;
+                                searchTextURL.value = e.currentTarget.value;
                                 void this.search();
                             }
                         }}
@@ -776,6 +782,7 @@ export class LogViewer3 extends qreact.Component {
                             flavor="large"
                             onClick={() => void this.loadPaths()}
                             hue={this.state.paths.length ? 200 : 120}
+                            className={css + (this.state.loadingPaths && css.opacity(0.5))}
                         >
                             {this.getPaths().length && "Reset Files" || "Preview Files"}
                         </Button>
@@ -835,7 +842,7 @@ export class LogViewer3 extends qreact.Component {
                     >
                         {savedPathsURL.value ? `Clear Frozen Files (${this.getPaths().length})` : `Freeze Files (${this.state.paths.length})`}
                     </Button>
-                    {!savedPathsURL.value && (
+                    {savedPathsURL.value && (
                         <div className={css.pad2(8, 4).hsl(40, 60, 50).colorhsl(40, 0, 100)}>
                             Files frozen in memory. Click Preview Files to refresh.
                         </div>

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

@@ -0,0 +1,21 @@
+import { URLParam } from "../../../library-components/URLParam";
+import { managementPageURL } from "../../managementPages";
+import { LogDatum } from "../diskLogger";
+
+export let searchTextURL = new URLParam("searchText", "");
+export let readProductionLogsURL = new URLParam("readProductionLogs", false);
+
+export function formatSearchString(obj: Record<string, unknown>): string {
+    return Object.entries(obj).map(([key, value]) => {
+        return `${JSON.stringify(key)}:${JSON.stringify(value)}`;
+    }).join("&");
+}
+
+export function getLogViewerParams(logObj: Partial<LogDatum>) {
+    return [
+        managementPageURL.getOverride("LogViewer3"),
+        searchTextURL.getOverride(formatSearchString(logObj)),
+        // If we're linking to the logs, it's almost certainly for production logs. 
+        readProductionLogsURL.getOverride(true),
+    ];
+}

package/src/diagnostics/logs/IndexedLogs/{bufferMatcher.ts → bufferSearchFindMatcher.ts}

@@ -1,5 +1,5 @@
 import { measureWrap } from "socket-function/src/profiling/measure";
-import { Unit, getAllUnits } from "./BufferIndexHelpers";
+import { Unit, getAllUnits, remapSearchBuffer } from "./BufferIndexHelpers";
 
 const WILD_CARD_BYTE = 42;
 const WILD_CARD_CHAR = "*";
@@ -26,7 +26,7 @@ export type MatchStructure = {
 function parseMatchStructure(pattern: Buffer): MatchStructure {
     let text = pattern.toString("utf-8");
 
-    let orParts = text.split(SEARCH_OR_CHAR);
+    let orParts = text.split(SEARCH_OR_CHAR).map(x => x.trim()).filter(x => x.length > 0);
     if (orParts.length > 1) {
         return {
             type: "or",
@@ -34,7 +34,7 @@ function parseMatchStructure(pattern: Buffer): MatchStructure {
         };
     }
 
-    let andParts = text.split(SEARCH_AND_CHAR);
+    let andParts = text.split(SEARCH_AND_CHAR).map(x => x.trim()).filter(x => x.length > 0);
     if (andParts.length > 1) {
         return {
             type: "and",
@@ -42,7 +42,7 @@ function parseMatchStructure(pattern: Buffer): MatchStructure {
         };
     }
 
-    let wildcardParts = text.split(WILD_CARD_CHAR).filter(p => p.length > 0);
+    let wildcardParts = text.split(WILD_CARD_CHAR).map(x => x.trim()).filter(x => x.length > 0);
     if (wildcardParts.length > 1) {
         return {
             type: "wildcard",
@@ -54,6 +54,8 @@ function parseMatchStructure(pattern: Buffer): MatchStructure {
 }
 // inside is and, outside is outer
 export function getSearchUnits(pattern: Buffer, disableSpecialCharacters: boolean): Unit[][] {
+    pattern = remapSearchBuffer(pattern);
+
     if (disableSpecialCharacters || !pattern.includes(SEARCH_OR_BYTE) && !pattern.includes(SEARCH_AND_BYTE) && !pattern.includes(WILD_CARD_BYTE)) {
         return [getAllUnits({ buffer: pattern, bufferIndex: 0, block: 0 }).map(u => u.unit)];
     }
@@ -107,9 +109,11 @@ function getSimplerStructure(structure: MatchStructure): Buffer[][] {
 // side must appear in order somewhere within buffer.
 // Returns a function that matches buffers against the pre-processed pattern.
 export function createMatchesPattern(pattern: Buffer, disableSpecialCharacters: boolean): (buffer: Buffer) => boolean {
+    pattern = remapSearchBuffer(pattern);
 
     if (disableSpecialCharacters || !pattern.includes(SEARCH_OR_BYTE) && !pattern.includes(SEARCH_AND_BYTE) && !pattern.includes(WILD_CARD_BYTE)) {
         return measureWrap(function matchesPattern(buffer: Buffer): boolean {
+            buffer = remapSearchBuffer(buffer);
             return buffer.indexOf(pattern) !== -1;
         }, "BufferIndex|matchesPatternExact");
     }
@@ -120,6 +124,7 @@ export function createMatchesPattern(pattern: Buffer, disableSpecialCharacters:
     let hasAnyWildcard = pattern.includes(WILD_CARD_BYTE);
 
     return measureWrap(function matchesPattern(buffer: Buffer): boolean {
+        buffer = remapSearchBuffer(buffer);
         // 1) First, use simplerStructure to exclude any false cases
         // simplerStructure is Buffer[][] where outer array is OR, inner array is AND
         let anyOrClausePassed = false;