diff --git a/package-lock.json b/package-lock.json
index 8f5a42f3a..22650f462 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
         "@mui/icons-material": "^7.1.0",
         "@mui/joy": "^5.0.0-beta.52",
         "axios": "^1.11.0",
-        "clp-ffi-js": "^0.6.0",
+        "clp-ffi-js": "^0.6.1",
         "comlink": "^4.4.2",
         "dayjs": "^1.11.13",
         "js-beautify": "^1.15.4",
@@ -5382,9 +5382,9 @@
       }
     },
     "node_modules/clp-ffi-js": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/clp-ffi-js/-/clp-ffi-js-0.6.0.tgz",
-      "integrity": "sha512-X92ayhgslgFkGXFj/cAb/rCLlldp/BO5JquLFRiLFYqms4NbT5UiZytjZ+ITou0JqhJZ9Rsf4DKLOUGqXY49FQ==",
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/clp-ffi-js/-/clp-ffi-js-0.6.1.tgz",
+      "integrity": "sha512-FTFD6IE4l3xqWCh/1Wqgdk6cxOnH5CbESWCnRF/8CQDRXDFPUwlvmTQJ23X6QvRLfDP81a7Y23tqdlPULO7Ebg==",
       "license": "Apache-2.0"
     },
     "node_modules/clsx": {
diff --git a/package.json b/package.json
index b526fd5ee..1cf198d40 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
     "@mui/icons-material": "^7.1.0",
     "@mui/joy": "^5.0.0-beta.52",
     "axios": "^1.11.0",
-    "clp-ffi-js": "^0.6.0",
+    "clp-ffi-js": "^0.6.1",
     "comlink": "^4.4.2",
     "dayjs": "^1.11.13",
     "js-beautify": "^1.15.4",
diff --git a/src/components/AppController.tsx b/src/components/AppController.tsx
index 17b015f75..02fb73ddc 100644
--- a/src/components/AppController.tsx
+++ b/src/components/AppController.tsx
@@ -9,19 +9,9 @@ import useQueryStore from "../stores/queryStore";
 import useUiStore from "../stores/uiStore";
 import useViewStore from "../stores/viewStore";
 import {TAB_NAME} from "../typings/tab";
-import {
-    HASH_PARAM_NAMES,
-    UrlHashParams,
-} from "../typings/url";
-import {
-    CURSOR_CODE,
-    CursorType,
-} from "../typings/worker";
 import {
     getWindowUrlHashParams,
     getWindowUrlSearchParams,
-    updateWindowUrlHashParams,
-    URL_HASH_PARAMS_DEFAULT,
     URL_SEARCH_PARAMS_DEFAULT,
 } from "../utils/url";
 import {
@@ -43,32 +33,6 @@ const handleHashChange = () => {
     }
 };
 
-/**
- * Returns the initial load file cursor based on the URL hash parameters.
- *
- * @param hashParams
- * @return
- */
-const getInitialCursor = (hashParams: UrlHashParams) => {
-    let cursor: CursorType = {code: CURSOR_CODE.LAST_EVENT, args: null};
-
-    if (URL_HASH_PARAMS_DEFAULT.timestamp !== hashParams.timestamp) {
-        cursor = {
-            code: CURSOR_CODE.TIMESTAMP,
-            args: {timestamp: hashParams.timestamp},
-        };
-    } else if (URL_HASH_PARAMS_DEFAULT.logEventNum !== hashParams.logEventNum) {
-        const {setLogEventNum} = useViewStore.getState();
-        setLogEventNum(hashParams.logEventNum);
-        cursor = {
-            code: CURSOR_CODE.EVENT_NUM,
-            args: {eventNum: hashParams.logEventNum},
-        };
-    }
-
-    return cursor;
-};
-
 interface AppControllerProps {
     children: React.ReactNode;
 }
@@ -96,26 +60,19 @@ const AppController = ({children}: AppControllerProps) => {
 
         // Handle initial page load and maintain full URL state
         const hashParams = getWindowUrlHashParams();
-        updateWindowUrlHashParams({
-            isPrettified: hashParams[HASH_PARAM_NAMES.IS_PRETTIFIED],
-            timestamp: URL_HASH_PARAMS_DEFAULT.timestamp,
-        });
         const {setIsPrettified} = useViewStore.getState();
         setIsPrettified(hashParams.isPrettified);
 
         const searchParams = getWindowUrlSearchParams();
         if (URL_SEARCH_PARAMS_DEFAULT.filePath !== searchParams.filePath) {
-            const {loadFile} = useLogFileStore.getState();
             (async () => {
+                const {setLogEventNum} = useViewStore.getState();
+                setLogEventNum(hashParams.logEventNum);
+
+                const {loadFile} = useLogFileStore.getState();
                 await loadFile(searchParams.filePath);
-                const {loadPageByCursor} = useViewStore.getState();
-                await loadPageByCursor(getInitialCursor(hashParams));
-                if (updateQueryHashParams()) {
-                    const {setActiveTabName} = useUiStore.getState();
-                    setActiveTabName(TAB_NAME.SEARCH);
-                    const {startQuery} = useQueryStore.getState();
-                    startQuery();
-                }
+
+                handleHashChange();
             })().catch(handleErrorWithNotification);
         }
 
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.css b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.css
new file mode 100644
index 000000000..a98035639
--- /dev/null
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.css
@@ -0,0 +1,8 @@
+.filter-input-box-textarea {
+    font-family: monospace !important;
+    word-break: break-all;
+}
+
+.filter-button {
+    width: 48px;
+}
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.tsx b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.tsx
new file mode 100644
index 000000000..a2165222f
--- /dev/null
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/FilterInputBox.tsx
@@ -0,0 +1,90 @@
+import React, {useCallback} from "react";
+
+import {
+    Button,
+    Textarea,
+} from "@mui/joy";
+
+import {handleErrorWithNotification} from "../../../../../stores/notificationStore";
+import useQueryStore from "../../../../../stores/queryStore";
+import useUiStore from "../../../../../stores/uiStore";
+import useViewStore from "../../../../../stores/viewStore";
+import {UI_ELEMENT} from "../../../../../typings/states";
+import {CURSOR_CODE} from "../../../../../typings/worker";
+import {isDisabled} from "../../../../../utils/states";
+
+import "./FilterInputBox.css";
+import "./InputBox.css";
+
+
+/**
+ * Provides a text input to apply a KQL filter.
+ *
+ * @return
+ */
+const FilterInputBox = () => {
+    const kqlFilterInput = useViewStore((state) => state.kqlFilterInput);
+    const kqlFilter = useViewStore((state) => state.kqlFilter);
+    const uiState = useUiStore((state) => state.uiState);
+
+    const handleFilterInputChange = useCallback((ev: React.ChangeEvent<HTMLTextAreaElement>) => {
+        const newFilterString = ev.target.value;
+        const {setKqlFilterInput} = useViewStore.getState();
+        setKqlFilterInput(newFilterString);
+    }, []);
+
+    const handleFilterButtonClick = useCallback(() => {
+        const {setKqlFilter, filterLogs, loadPageByCursor, logEventNum} = useViewStore.getState();
+        setKqlFilter(kqlFilterInput);
+        filterLogs();
+
+        (async () => {
+            await loadPageByCursor({
+                code: CURSOR_CODE.EVENT_NUM,
+                args: {eventNum: logEventNum},
+            });
+
+            const {startQuery} = useQueryStore.getState();
+            startQuery();
+        })().catch(handleErrorWithNotification);
+    }, [kqlFilterInput]);
+
+    const handleTextareaKeyDown = useCallback((ev: React.KeyboardEvent<HTMLTextAreaElement>) => {
+        if (ev.shiftKey && "Enter" === ev.key) {
+            ev.preventDefault();
+            handleFilterButtonClick();
+        }
+    }, [handleFilterButtonClick]);
+
+    const isFilterInputBoxDisabled = isDisabled(uiState, UI_ELEMENT.QUERY_INPUT_BOX);
+    const isKqlFilterModified = kqlFilter !== kqlFilterInput;
+
+    return (
+        <Textarea
+            className={"input-box-container input-box"}
+            maxRows={7}
+            placeholder={"KQL log filter"}
+            size={"sm"}
+            value={kqlFilterInput}
+            endDecorator={
+                <Button
+                    className={"filter-button"}
+                    disabled={isFilterInputBoxDisabled || !isKqlFilterModified}
+                    variant={"soft"}
+                    onClick={handleFilterButtonClick}
+                >
+                    Filter
+                </Button>
+            }
+            slotProps={{textarea: {
+                disabled: isFilterInputBoxDisabled,
+                className: "filter-input-box-textarea",
+            },
+            endDecorator: {className: "input-box-end-decorator"}}}
+            onChange={handleFilterInputChange}
+            onKeyDown={handleTextareaKeyDown}/>
+    );
+};
+
+
+export default FilterInputBox;
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/InputBox.css b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/InputBox.css
new file mode 100644
index 000000000..15914b95f
--- /dev/null
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/InputBox.css
@@ -0,0 +1,13 @@
+.input-box-container {
+    width: 100%;
+}
+
+.input-box {
+    flex-direction: row !important;
+    border-radius: 0 !important;
+}
+
+.input-box-end-decorator {
+    display: block !important;
+    margin-block-start: 0 !important;
+}
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.css b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.css
index 6e04d8b23..327a6b3ce 100644
--- a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.css
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.css
@@ -1,14 +1,3 @@
-.query-input-box-with-progress {
-    /* JoyUI has a rounding issue when calculating the Textarea width, causing it to overflow its
-      container. */
-    margin-right: 1px;
-}
-
-.query-input-box {
-    flex-direction: row !important;
-    border-radius: 0 !important;
-}
-
 .query-option-button {
     width: 1.5rem !important;
     min-width: 0 !important;
@@ -20,11 +9,7 @@
 
 .query-input-box-textarea {
     width: 0;
-}
-
-.query-input-box-end-decorator {
-    display: block !important;
-    margin-block-start: 0 !important;
+    font-family: monospace !important;
 }
 
 .query-input-box-linear-progress {
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.tsx b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.tsx
index a074b79e9..1ddaedeb1 100644
--- a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.tsx
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/QueryInputBox.tsx
@@ -6,6 +6,7 @@ import {
     Textarea,
 } from "@mui/joy";
 
+import useLogFileStore from "../../../../../stores/logFileStore";
 import useQueryStore from "../../../../../stores/queryStore";
 import useUiStore from "../../../../../stores/uiStore";
 import {QUERY_PROGRESS_VALUE_MAX} from "../../../../../typings/query";
@@ -15,6 +16,7 @@ import {updateWindowUrlHashParams} from "../../../../../utils/url";
 import ToggleIconButton from "./ToggleIconButton";
 
 import "./QueryInputBox.css";
+import "./InputBox.css";
 
 
 /**
@@ -28,10 +30,11 @@ const QueryInputBox = () => {
     const querystring = useQueryStore((state) => state.queryString);
     const queryProgress = useQueryStore((state) => state.queryProgress);
     const uiState = useUiStore((state) => state.uiState);
+    const fileTypeInfo = useLogFileStore((state) => state.fileTypeInfo);
 
     const handleQueryInputChange = useCallback((ev: React.ChangeEvent<HTMLTextAreaElement>) => {
         const newQueryString = ev.target.value;
-        updateWindowUrlHashParams({queryString: newQueryString});
+        updateWindowUrlHashParams({subquery: newQueryString});
         const {setQueryString, startQuery} = useQueryStore.getState();
         setQueryString(newQueryString);
         startQuery();
@@ -55,12 +58,19 @@ const QueryInputBox = () => {
 
     const isQueryInputBoxDisabled = isDisabled(uiState, UI_ELEMENT.QUERY_INPUT_BOX);
 
+    const isKqlFilteringEnabled = null !== fileTypeInfo &&
+        "CLP IR" === fileTypeInfo.name &&
+        true === fileTypeInfo.isStructured;
+    const placeholder = isKqlFilteringEnabled ?
+        "Search (in filtered logs)" :
+        "Search";
+
     return (
-        <div className={"query-input-box-with-progress"}>
+        <div className={"input-box-container"}>
             <Textarea
-                className={"query-input-box"}
+                className={"input-box"}
                 maxRows={7}
-                placeholder={"Search"}
+                placeholder={placeholder}
                 size={"sm"}
                 value={querystring}
                 endDecorator={
@@ -98,7 +108,7 @@ const QueryInputBox = () => {
                         className: "query-input-box-textarea",
                         disabled: isQueryInputBoxDisabled,
                     },
-                    endDecorator: {className: "query-input-box-end-decorator"},
+                    endDecorator: {className: "input-box-end-decorator"},
                 }}
                 onChange={handleQueryInputChange}/>
             <LinearProgress
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.css b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.css
index fc34af63f..ed14f3d61 100644
--- a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.css
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.css
@@ -1,5 +1,6 @@
 .search-tab-container {
-    overflow-y: hidden;
+    /* We apply overflow-x here because JoyUI has a rounding issue when calculating the Textarea width, causing it to overflow its container. */
+    overflow: hidden;
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -9,3 +10,9 @@
     overflow-y: auto;
     flex-grow: 1;
 }
+
+.query-input-boxes-container {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
diff --git a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.tsx b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.tsx
index f7598e6ec..89f115308 100644
--- a/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.tsx
+++ b/src/components/CentralContainer/Sidebar/SidebarTabs/SearchTabPanel/index.tsx
@@ -6,13 +6,17 @@ import {
 import {
     AccordionGroup,
     Box,
+    Link,
 } from "@mui/joy";
 
+import HelpOutlineIcon from "@mui/icons-material/HelpOutline";
 import ShareIcon from "@mui/icons-material/Share";
 import UnfoldLessIcon from "@mui/icons-material/UnfoldLess";
 import UnfoldMoreIcon from "@mui/icons-material/UnfoldMore";
 
+import useLogFileStore from "../../../../../stores/logFileStore";
 import useQueryStore from "../../../../../stores/queryStore";
+import useViewStore from "../../../../../stores/viewStore";
 import {
     TAB_DISPLAY_NAMES,
     TAB_NAME,
@@ -23,6 +27,7 @@ import {
 } from "../../../../../utils/url";
 import CustomTabPanel from "../CustomTabPanel";
 import PanelTitleButton from "../PanelTitleButton";
+import FilterInputBox from "./FilterInputBox";
 import QueryInputBox from "./QueryInputBox";
 import ResultsGroup from "./ResultsGroup";
 
@@ -35,6 +40,7 @@ import "./index.css";
  * @return
  */
 const SearchTabPanel = () => {
+    const fileTypeInfo = useLogFileStore((state) => state.fileTypeInfo);
     const queryResults = useQueryStore((state) => state.queryResults);
 
     const [isAllExpanded, setIsAllExpanded] = useState<boolean>(true);
@@ -53,24 +59,45 @@ const SearchTabPanel = () => {
             setQueryString,
         } = useQueryStore.getState();
 
+        const {kqlFilterInput} = useViewStore.getState();
+
         setQueryIsCaseSensitive(queryIsCaseSensitive);
         setQueryIsRegex(queryIsRegex);
         setQueryString(queryString);
 
         copyPermalinkToClipboard({}, {
             logEventNum: URL_HASH_PARAMS_DEFAULT.logEventNum,
-            queryString: queryString,
+            query: kqlFilterInput,
             queryIsCaseSensitive: queryIsCaseSensitive,
             queryIsRegex: queryIsRegex,
+            subquery: queryString,
         });
     }, []);
 
+    const isKqlFilteringEnabled = null !== fileTypeInfo &&
+        "CLP IR" === fileTypeInfo.name &&
+        true === fileTypeInfo.isStructured;
+
     return (
         <CustomTabPanel
             tabName={TAB_NAME.SEARCH}
             title={TAB_DISPLAY_NAMES[TAB_NAME.SEARCH]}
             titleButtons={
                 <>
+                    {isKqlFilteringEnabled &&
+                    <PanelTitleButton
+                        title={"KQL query syntax"}
+                    >
+                        <Link
+                            color={"neutral"}
+                            href={"https://docs.yscope.com/clp/main/user-docs/reference-json-search-syntax.html"}
+                            level={"body-sm"}
+                            rel={"noopener"}
+                            target={"_blank"}
+                        >
+                            <HelpOutlineIcon/>
+                        </Link>
+                    </PanelTitleButton>}
                     <PanelTitleButton
                         title={isAllExpanded ?
                             "Collapse all" :
@@ -91,7 +118,14 @@ const SearchTabPanel = () => {
             }
         >
             <Box className={"search-tab-container"}>
-                <QueryInputBox/>
+                {
+                    isKqlFilteringEnabled ?
+                        <div className={"query-input-boxes-container"}>
+                            <FilterInputBox/>
+                            <QueryInputBox/>
+                        </div> :
+                        <QueryInputBox/>
+                }
                 <AccordionGroup
                     className={"query-results"}
                     disableDivider={true}
@@ -110,5 +144,4 @@ const SearchTabPanel = () => {
     );
 };
 
-
 export default SearchTabPanel;
diff --git a/src/components/DropFileContainer/index.tsx b/src/components/DropFileContainer/index.tsx
index af4a454ea..213010874 100644
--- a/src/components/DropFileContainer/index.tsx
+++ b/src/components/DropFileContainer/index.tsx
@@ -71,6 +71,8 @@ const DropFileContainer = ({children}: DropFileContextProviderProps) => {
         (async () => {
             const {loadFile} = useLogFileStore.getState();
             await loadFile(file);
+            const {filterLogs} = useViewStore.getState();
+            filterLogs();
             const {loadPageByCursor} = useViewStore.getState();
             await loadPageByCursor({code: CURSOR_CODE.LAST_EVENT, args: null});
         })().catch(handleErrorWithNotification);
diff --git a/src/components/MenuBar/index.tsx b/src/components/MenuBar/index.tsx
index d9d360b8e..6594415a9 100644
--- a/src/components/MenuBar/index.tsx
+++ b/src/components/MenuBar/index.tsx
@@ -39,6 +39,8 @@ const MenuBar = () => {
             (async () => {
                 const {loadFile} = useLogFileStore.getState();
                 await loadFile(file);
+                const {filterLogs} = useViewStore.getState();
+                filterLogs();
                 const {loadPageByCursor} = useViewStore.getState();
                 await loadPageByCursor({code: CURSOR_CODE.LAST_EVENT, args: null});
             })().catch(handleErrorWithNotification);
diff --git a/src/components/StatusBar/LogLevelSelect/index.tsx b/src/components/StatusBar/LogLevelSelect/index.tsx
index 89c4635a9..9d77b1e59 100644
--- a/src/components/StatusBar/LogLevelSelect/index.tsx
+++ b/src/components/StatusBar/LogLevelSelect/index.tsx
@@ -1,3 +1,4 @@
+/* eslint max-lines: ["error", 400] */
 import React, {
     useCallback,
     useEffect,
@@ -24,6 +25,8 @@ import CloseIcon from "@mui/icons-material/Close";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 import RemoveIcon from "@mui/icons-material/Remove";
 
+import {handleErrorWithNotification} from "../../../stores/notificationStore";
+import useQueryStore from "../../../stores/queryStore";
 import useUiStore from "../../../stores/uiStore";
 import useViewStore from "../../../stores/viewStore";
 import {
@@ -36,6 +39,7 @@ import {
     UI_ELEMENT,
     UI_STATE,
 } from "../../../typings/states";
+import {CURSOR_CODE} from "../../../typings/worker";
 import {range} from "../../../utils/data";
 import {
     ignorePointerIfFastLoading,
@@ -152,9 +156,9 @@ const ClearFiltersOption = ({onClick}: ClearFiltersOptionProps) => {
  *
  * @return
  */
+// eslint-disable-next-line max-lines-per-function
 const LogLevelSelect = () => {
     const uiState = useUiStore((state) => state.uiState);
-    const filterLogs = useViewStore((state) => state.filterLogs);
     const [selectedLogLevels, setSelectedLogLevels] = useState<LOG_LEVEL[]>([]);
     const disabled = isDisabled(uiState, UI_ELEMENT.LOG_LEVEL_FILTER);
 
@@ -177,13 +181,25 @@ const LogLevelSelect = () => {
     const updateFilter = useCallback((logLevels: LOG_LEVEL[]) => {
         setSelectedLogLevels(logLevels);
 
-        filterLogs((0 === logLevels.length ?
+        const {
+            filterLogs, loadPageByCursor, logEventNum, setLogLevelFilter,
+        } = useViewStore.getState();
+
+        setLogLevelFilter((0 === logLevels.length ?
             null :
             logLevels));
-    }, [
-        filterLogs,
-        setSelectedLogLevels,
-    ]);
+        filterLogs();
+
+        (async () => {
+            await loadPageByCursor({
+                code: CURSOR_CODE.EVENT_NUM,
+                args: {eventNum: logEventNum},
+            });
+
+            const {startQuery} = useQueryStore.getState();
+            startQuery();
+        })().catch(handleErrorWithNotification);
+    }, []);
 
     const handleCheckboxClick = useCallback((ev: React.MouseEvent<HTMLInputElement>) => {
         ev.preventDefault();
@@ -226,6 +242,8 @@ const LogLevelSelect = () => {
     useEffect(() => {
         if (UI_STATE.FILE_LOADING === uiState) {
             setSelectedLogLevels([]);
+            const {setLogLevelFilter} = useViewStore.getState();
+            setLogLevelFilter(null);
         }
     }, [uiState]);
 
diff --git a/src/services/LogFileManager/index.ts b/src/services/LogFileManager/index.ts
index 505dca0c3..03ce7105c 100644
--- a/src/services/LogFileManager/index.ts
+++ b/src/services/LogFileManager/index.ts
@@ -187,10 +187,11 @@ class LogFileManager {
      * Sets the log level filter.
      *
      * @param logLevelFilter
+     * @param kqlFilter
      * @throws {Error} If the log level filter couldn't be set.
      */
-    setLogLevelFilter (logLevelFilter: LogLevelFilter) {
-        const result = this.#decoder.setLogLevelFilter(logLevelFilter);
+    setLogLevelFilter (logLevelFilter: LogLevelFilter, kqlFilter: string) {
+        const result = this.#decoder.setLogLevelFilter(logLevelFilter, kqlFilter);
         if (false === result) {
             throw new Error("Failed to set log level filter for the decoder.");
         }
@@ -375,7 +376,7 @@ class LogFileManager {
             return;
         }
 
-        this.#processQueryDecodedEvents(decodedEvents, queryRegex, results);
+        this.#processQueryDecodedEvents(decodedEvents, queryRegex, results, chunkBeginIdx);
 
         // The query progress takes the maximum of the progress based on the number of events
         // queried over total log events, and the number of results over the maximum result limit.
@@ -399,19 +400,21 @@ class LogFileManager {
      * @param decodedEvents
      * @param queryRegex
      * @param results The map to store query results.
+     * @param chunkBeginIdx
      */
     #processQueryDecodedEvents (
         decodedEvents: DecodeResult[],
         queryRegex: RegExp,
-        results: QueryResults
+        results: QueryResults,
+        chunkBeginIdx: number
     ): void {
-        for (const {message, logEventNum} of decodedEvents) {
+        for (const [idx, {message, logEventNum}] of decodedEvents.entries()) {
             const matchResult = message.match(queryRegex);
             if (null === matchResult || "number" !== typeof matchResult.index) {
                 continue;
             }
 
-            const pageNum = Math.ceil(logEventNum / this.#pageSize);
+            const pageNum = 1 + Math.floor((chunkBeginIdx + idx) / this.#pageSize);
             if (false === results.has(pageNum)) {
                 results.set(pageNum, []);
             }
diff --git a/src/services/LogFileManagerProxy.ts b/src/services/LogFileManagerProxy.ts
index 273798ca4..f013ad5ab 100644
--- a/src/services/LogFileManagerProxy.ts
+++ b/src/services/LogFileManagerProxy.ts
@@ -48,13 +48,11 @@ class LogFileManagerProxy {
     }
 
     setFilter (
-        cursor: CursorType,
-        logLevelFilter: LogLevelFilter
-    ): PageData {
+        logLevelFilter: LogLevelFilter,
+        kqlFilter: string
+    ): void {
         const logFileManager = this.#getLogFileManager();
-        logFileManager.setLogLevelFilter(logLevelFilter);
-
-        return this.loadPage(cursor);
+        logFileManager.setLogLevelFilter(logLevelFilter, kqlFilter);
     }
 
     setIsPrettified (isPrettified: boolean): void {
diff --git a/src/services/decoders/ClpIrDecoder/index.ts b/src/services/decoders/ClpIrDecoder/index.ts
index 806054137..3db6432d2 100644
--- a/src/services/decoders/ClpIrDecoder/index.ts
+++ b/src/services/decoders/ClpIrDecoder/index.ts
@@ -99,8 +99,12 @@ class ClpIrDecoder implements Decoder {
         return this.#streamReader.findNearestLogEventByTimestamp(BigInt(timestamp));
     }
 
-    setLogLevelFilter (logLevelFilter: LogLevelFilter): boolean {
-        this.#streamReader.filterLogEvents(logLevelFilter);
+    setLogLevelFilter (logLevelFilter: LogLevelFilter, kqlFilter: string): boolean {
+        try {
+            this.#streamReader.filterLogEvents(logLevelFilter, kqlFilter);
+        } catch (err: unknown) {
+            throw new Error("Failed to execute the KQL query.", {cause: err});
+        }
 
         return true;
     }
diff --git a/src/services/decoders/JsonlDecoder/index.ts b/src/services/decoders/JsonlDecoder/index.ts
index 360fb70e9..7df755ee7 100644
--- a/src/services/decoders/JsonlDecoder/index.ts
+++ b/src/services/decoders/JsonlDecoder/index.ts
@@ -1,3 +1,4 @@
+/* eslint max-lines: ["error", 400] */
 import {Dayjs} from "dayjs";
 
 import {Nullable} from "../../../typings/common";
@@ -85,7 +86,11 @@ class JsonlDecoder implements Decoder {
         return {};
     }
 
-    setLogLevelFilter (logLevelFilter: LogLevelFilter): boolean {
+    setLogLevelFilter (logLevelFilter: LogLevelFilter, kqlFilter: string): boolean {
+        if ("" !== kqlFilter) {
+            console.warn("KQL filtering isn't supported for JSONL logs;" +
+                "ignoring the provided filter.");
+        }
         this.#filterLogEvents(logLevelFilter);
 
         return true;
diff --git a/src/stores/logFileStore.ts b/src/stores/logFileStore.ts
index 957133bee..083024c25 100644
--- a/src/stores/logFileStore.ts
+++ b/src/stores/logFileStore.ts
@@ -4,6 +4,7 @@ import {create} from "zustand";
 import {Nullable} from "../typings/common";
 import {CONFIG_KEY} from "../typings/config";
 import {Metadata} from "../typings/decoders";
+import {FileTypeInfo} from "../typings/file";
 import {LOG_LEVEL} from "../typings/logs";
 import {
     LONG_AUTO_DISMISS_TIMEOUT_MILLIS,
@@ -31,6 +32,7 @@ import {VIEW_PAGE_DEFAULT} from "./viewStore/createViewPageSlice";
 interface LogFileValues {
     fileName: string;
     fileSrc: Nullable<FileSrcType>;
+    fileTypeInfo: Nullable<FileTypeInfo>;
     metadata: Nullable<Metadata>;
     numEvents: number;
     onDiskFileSizeInBytes: number;
@@ -45,6 +47,7 @@ type LogFileState = LogFileValues & LogFileActions;
 const LOG_FILE_STORE_DEFAULT: LogFileValues = {
     fileName: "",
     fileSrc: null,
+    fileTypeInfo: null,
     metadata: null,
     numEvents: 0,
     onDiskFileSizeInBytes: 0,
diff --git a/src/stores/viewStore/createViewFilterSlice.ts b/src/stores/viewStore/createViewFilterSlice.ts
index e27ec14a0..3e0a628e4 100644
--- a/src/stores/viewStore/createViewFilterSlice.ts
+++ b/src/stores/viewStore/createViewFilterSlice.ts
@@ -1,53 +1,48 @@
 import {StateCreator} from "zustand";
 
-import {LogLevelFilter} from "../../typings/logs";
-import {UI_STATE} from "../../typings/states";
-import {CURSOR_CODE} from "../../typings/worker";
+import {updateWindowUrlHashParams} from "../../utils/url";
 import useLogFileManagerStore from "../logFileManagerProxyStore";
 import {handleErrorWithNotification} from "../notificationStore";
-import useQueryStore from "../queryStore";
-import useUiStore from "../uiStore";
 import {
     ViewFilterSlice,
+    ViewFilterValues,
     ViewState,
 } from "./types";
 
 
+const VIEW_FILTER_DEFAULT: ViewFilterValues = {
+    logLevelFilter: null,
+    kqlFilter: "",
+    kqlFilterInput: "",
+};
+
 /**
  * Creates a slice for view utility functions.
  *
- * @param _
+ * @param set
  * @param get
  * @return
  */
-const createViewFilterSlice: StateCreator<
-    ViewState, [], [], ViewFilterSlice
-> = (_, get) => ({
-    filterLogs: (filter: LogLevelFilter) => {
-        const {setUiState} = useUiStore.getState();
-        setUiState(UI_STATE.FAST_LOADING);
+const createViewFilterSlice: StateCreator<ViewState, [], [], ViewFilterSlice> = (set, get) => ({
+    ...VIEW_FILTER_DEFAULT,
+    filterLogs: () => {
         (async () => {
+            const {logLevelFilter, kqlFilter} = get();
             const {logFileManagerProxy} = useLogFileManagerStore.getState();
-            const {logEventNum} = get();
-            const pageData = await logFileManagerProxy.setFilter(
-                {
-                    code: CURSOR_CODE.EVENT_NUM,
-                    args: {
-                        eventNum: logEventNum,
-                    },
-                },
-                filter
-            );
-
-            const {updatePageData} = get();
-            updatePageData(pageData);
-            setUiState(UI_STATE.READY);
+            await logFileManagerProxy.setFilter(logLevelFilter, kqlFilter);
 
-            const {startQuery} = useQueryStore.getState();
-            startQuery();
+            updateWindowUrlHashParams({query: kqlFilter});
         })().catch(handleErrorWithNotification);
     },
-
+    setKqlFilter: (newValue) => {
+        set({kqlFilter: newValue});
+    },
+    setKqlFilterInput: (newValue) => {
+        set({kqlFilterInput: newValue});
+    },
+    setLogLevelFilter: (newValue) => {
+        set({logLevelFilter: newValue});
+    },
 });
 
 export default createViewFilterSlice;
diff --git a/src/stores/viewStore/createViewPageSlice.ts b/src/stores/viewStore/createViewPageSlice.ts
index d81bfdbee..dde0b32b0 100644
--- a/src/stores/viewStore/createViewPageSlice.ts
+++ b/src/stores/viewStore/createViewPageSlice.ts
@@ -95,7 +95,7 @@ const createViewPageSlice: StateCreator<
     loadPageByAction: (navAction: NavigationAction) => {
         if (navAction.code === ACTION_NAME.RELOAD) {
             const {fileSrc, loadFile} = useLogFileStore.getState();
-            const {logEventNum} = get();
+            const {logEventNum, filterLogs} = get();
             if (null === fileSrc || VIEW_EVENT_DEFAULT.logEventNum === logEventNum) {
                 throw new Error(
                     `Unexpected fileSrc=${JSON.stringify(
@@ -105,6 +105,7 @@ const createViewPageSlice: StateCreator<
             }
             (async () => {
                 await loadFile(fileSrc);
+                filterLogs();
                 const {loadPageByCursor} = get();
                 await loadPageByCursor({
                     code: CURSOR_CODE.EVENT_NUM,
@@ -114,7 +115,6 @@ const createViewPageSlice: StateCreator<
 
             return;
         }
-
         const {uiState} = useUiStore.getState();
         if (UI_STATE.READY !== uiState) {
             console.warn("Skipping navigation: page load in progress.");
diff --git a/src/stores/viewStore/types.ts b/src/stores/viewStore/types.ts
index f670e0627..d2d016330 100644
--- a/src/stores/viewStore/types.ts
+++ b/src/stores/viewStore/types.ts
@@ -42,16 +42,28 @@ interface ViewFormattingActions {
 
 type ViewFormattingSlice = ViewFormattingValues & ViewFormattingActions;
 
-interface ViewFilterSlice {
-    filterLogs: (filter: LogLevelFilter) => void;
+interface ViewFilterValues {
+    logLevelFilter: LogLevelFilter;
+    kqlFilter: string;
+    kqlFilterInput: string;
 }
 
+interface ViewFilterActions {
+    filterLogs: () => void;
+    setKqlFilter: (newValue: string) => void;
+    setKqlFilterInput: (newValue: string) => void;
+    setLogLevelFilter: (newValue: LogLevelFilter) => void;
+}
+
+type ViewFilterSlice = ViewFilterValues & ViewFilterActions;
+
 type ViewState = ViewPageSlice & ViewEventSlice & ViewFormattingSlice & ViewFilterSlice;
 
 export type {
     ViewEventSlice,
     ViewEventValues,
     ViewFilterSlice,
+    ViewFilterValues,
     ViewFormattingSlice,
     ViewFormattingValues,
     ViewPageSlice,
diff --git a/src/typings/decoders.ts b/src/typings/decoders.ts
index 2dbba8705..ed351afc4 100644
--- a/src/typings/decoders.ts
+++ b/src/typings/decoders.ts
@@ -74,12 +74,13 @@ interface Decoder {
     getMetadata(): Metadata;
 
     /**
-     * Sets the log level filter for the decoder.
+     * Sets the filters for the decoder.
      *
      * @param logLevelFilter
+     * @param kqlFilter
      * @return Whether the filter was successfully set.
      */
-    setLogLevelFilter(logLevelFilter: LogLevelFilter): boolean;
+    setLogLevelFilter(logLevelFilter: LogLevelFilter, kqlFilter: string): boolean;
 
     /**
      * Deserializes all log events in the file.
diff --git a/src/typings/url.ts b/src/typings/url.ts
index df1cc328f..b2a532065 100644
--- a/src/typings/url.ts
+++ b/src/typings/url.ts
@@ -6,11 +6,12 @@ enum SEARCH_PARAM_NAMES {
 }
 
 enum HASH_PARAM_NAMES {
+    FILTER_STRING = "query",
     IS_PRETTIFIED = "isPrettified",
     LOG_EVENT_NUM = "logEventNum",
     QUERY_IS_CASE_SENSITIVE = "queryIsCaseSensitive",
     QUERY_IS_REGEX = "queryIsRegex",
-    QUERY_STRING = "queryString",
+    QUERY_STRING = "subquery",
     TIMESTAMP = "timestamp",
 }
 
@@ -19,6 +20,7 @@ interface UrlSearchParams {
 }
 
 interface UrlHashParams {
+    [HASH_PARAM_NAMES.FILTER_STRING]: string;
     [HASH_PARAM_NAMES.IS_PRETTIFIED]: boolean;
     [HASH_PARAM_NAMES.LOG_EVENT_NUM]: number;
     [HASH_PARAM_NAMES.QUERY_IS_CASE_SENSITIVE]: boolean;
diff --git a/src/utils/url/index.ts b/src/utils/url/index.ts
index 0449c3d7b..a084b3ad4 100644
--- a/src/utils/url/index.ts
+++ b/src/utils/url/index.ts
@@ -24,6 +24,7 @@ const URL_SEARCH_PARAMS_DEFAULT = Object.freeze({
  * Default values of the hash parameters.
  */
 const URL_HASH_PARAMS_DEFAULT = Object.freeze({
+    [HASH_PARAM_NAMES.FILTER_STRING]: "",
     [HASH_PARAM_NAMES.IS_PRETTIFIED]: false,
     [HASH_PARAM_NAMES.LOG_EVENT_NUM]: 0,
     [HASH_PARAM_NAMES.QUERY_IS_CASE_SENSITIVE]: false,
@@ -192,6 +193,9 @@ const parseWindowUrlHashParams = () : Partial<UrlHashParams> => {
                 parsedHashParams[key] = "true" === value;
                 break;
 
+            case HASH_PARAM_NAMES.FILTER_STRING:
+                parsedHashParams[key] = value;
+                break;
             case HASH_PARAM_NAMES.QUERY_STRING:
                 parsedHashParams[key] = value;
                 break;
diff --git a/src/utils/url/urlHash.ts b/src/utils/url/urlHash.ts
index 6e4de920d..c50b71f0e 100644
--- a/src/utils/url/urlHash.ts
+++ b/src/utils/url/urlHash.ts
@@ -77,7 +77,10 @@ const getCursorFromHashParams = ({isPrettified, logEventNum, timestamp}: {
     }
 
     // If we reach here, we have no valid cursor.
-    return null;
+    return {
+        code: CURSOR_CODE.LAST_EVENT,
+        args: null,
+    };
 };
 
 /**
@@ -85,12 +88,29 @@ const getCursorFromHashParams = ({isPrettified, logEventNum, timestamp}: {
  * NOTE: this may modify the URL parameters.
  */
 const updateViewHashParams = () => {
-    const {isPrettified, logEventNum, timestamp} = getWindowUrlHashParams();
+    const {isPrettified, logEventNum, query, timestamp} = getWindowUrlHashParams();
     updateWindowUrlHashParams({
+        query: query,
         isPrettified: isPrettified,
         timestamp: URL_HASH_PARAMS_DEFAULT.timestamp,
     });
 
+    const {
+        kqlFilterInput,
+        kqlFilter,
+        setKqlFilterInput,
+        setKqlFilter,
+        filterLogs,
+    } = useViewStore.getState();
+
+    if (query !== kqlFilter) {
+        if (kqlFilter === kqlFilterInput) {
+            setKqlFilterInput(query);
+        }
+        setKqlFilter(query);
+        filterLogs();
+    }
+
     const cursor = getCursorFromHashParams({isPrettified, logEventNum, timestamp});
     if (null === cursor) {
         // If no cursor was set, we can return early.
@@ -108,8 +128,8 @@ const updateViewHashParams = () => {
  * @return Whether any query-related parameters were modified.
  */
 const updateQueryHashParams = () => {
-    const {queryIsCaseSensitive, queryIsRegex, queryString} = getWindowUrlHashParams();
-    updateWindowUrlHashParams({queryIsCaseSensitive, queryIsRegex, queryString});
+    const {queryIsCaseSensitive, queryIsRegex, subquery} = getWindowUrlHashParams();
+    updateWindowUrlHashParams({queryIsCaseSensitive, queryIsRegex, subquery});
 
     const {
         queryIsCaseSensitive: currentQueryIsCaseSensitive,
@@ -127,8 +147,8 @@ const updateQueryHashParams = () => {
     isQueryModified ||= queryIsRegex !== currentQueryIsRegex;
     setQueryIsRegex(queryIsRegex);
 
-    isQueryModified ||= queryString !== currentQueryString;
-    setQueryString(queryString);
+    isQueryModified ||= subquery !== currentQueryString;
+    setQueryString(subquery);
 
     return isQueryModified;
 };