diff --git a/backend/.sqlx/query-661f472ff3860983322162420457f5033b9c9afc344d9c3e385ba20a3ad2197a.json b/backend/.sqlx/query-661f472ff3860983322162420457f5033b9c9afc344d9c3e385ba20a3ad2197a.json
index 75b8108281532..1fa370e682ca6 100644
--- a/backend/.sqlx/query-661f472ff3860983322162420457f5033b9c9afc344d9c3e385ba20a3ad2197a.json
+++ b/backend/.sqlx/query-661f472ff3860983322162420457f5033b9c9afc344d9c3e385ba20a3ad2197a.json
@@ -5,7 +5,7 @@
     "columns": [
       {
         "ordinal": 0,
-        "name": "?column?",
+        "name": "bool",
         "type_info": "Bool"
       }
     ],
diff --git a/backend/.sqlx/query-b5c839baab25c4dcdd503d380cf7a886242277cd50555f20b2e22e13942d2a3a.json b/backend/.sqlx/query-b5c839baab25c4dcdd503d380cf7a886242277cd50555f20b2e22e13942d2a3a.json
new file mode 100644
index 0000000000000..ba9f3814e8de4
--- /dev/null
+++ b/backend/.sqlx/query-b5c839baab25c4dcdd503d380cf7a886242277cd50555f20b2e22e13942d2a3a.json
@@ -0,0 +1,65 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "SELECT\n                        hostname,\n                        mode::text,\n                        worker_group,\n                        log_ts,\n                        file_path,\n                        ok_lines,\n                        err_lines,\n                        json_fmt\n                    FROM log_file\n                    WHERE log_ts > $1\n                    ORDER BY log_ts ASC LIMIT $2",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "hostname",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 1,
+        "name": "mode",
+        "type_info": "Text"
+      },
+      {
+        "ordinal": 2,
+        "name": "worker_group",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 3,
+        "name": "log_ts",
+        "type_info": "Timestamp"
+      },
+      {
+        "ordinal": 4,
+        "name": "file_path",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 5,
+        "name": "ok_lines",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 6,
+        "name": "err_lines",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 7,
+        "name": "json_fmt",
+        "type_info": "Bool"
+      }
+    ],
+    "parameters": {
+      "Left": [
+        "Timestamp",
+        "Int8"
+      ]
+    },
+    "nullable": [
+      false,
+      null,
+      true,
+      false,
+      false,
+      true,
+      true,
+      true
+    ]
+  },
+  "hash": "b5c839baab25c4dcdd503d380cf7a886242277cd50555f20b2e22e13942d2a3a"
+}
diff --git a/backend/.sqlx/query-dd967c5983fa0ff05e2b320ad0e0b5a152784826cb8fb4381c1ffe228cb7feb6.json b/backend/.sqlx/query-dd967c5983fa0ff05e2b320ad0e0b5a152784826cb8fb4381c1ffe228cb7feb6.json
new file mode 100644
index 0000000000000..b64db838d35cd
--- /dev/null
+++ b/backend/.sqlx/query-dd967c5983fa0ff05e2b320ad0e0b5a152784826cb8fb4381c1ffe228cb7feb6.json
@@ -0,0 +1,64 @@
+{
+  "db_name": "PostgreSQL",
+  "query": "SELECT\n                        hostname,\n                        mode::text,\n                        worker_group,\n                        log_ts,\n                        file_path,\n                        ok_lines,\n                        err_lines,\n                        json_fmt\n                    FROM log_file\n                    ORDER BY log_ts ASC LIMIT $1",
+  "describe": {
+    "columns": [
+      {
+        "ordinal": 0,
+        "name": "hostname",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 1,
+        "name": "mode",
+        "type_info": "Text"
+      },
+      {
+        "ordinal": 2,
+        "name": "worker_group",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 3,
+        "name": "log_ts",
+        "type_info": "Timestamp"
+      },
+      {
+        "ordinal": 4,
+        "name": "file_path",
+        "type_info": "Varchar"
+      },
+      {
+        "ordinal": 5,
+        "name": "ok_lines",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 6,
+        "name": "err_lines",
+        "type_info": "Int8"
+      },
+      {
+        "ordinal": 7,
+        "name": "json_fmt",
+        "type_info": "Bool"
+      }
+    ],
+    "parameters": {
+      "Left": [
+        "Int8"
+      ]
+    },
+    "nullable": [
+      false,
+      null,
+      true,
+      false,
+      false,
+      true,
+      true,
+      true
+    ]
+  },
+  "hash": "dd967c5983fa0ff05e2b320ad0e0b5a152784826cb8fb4381c1ffe228cb7feb6"
+}
diff --git a/backend/ee-repo-ref.txt b/backend/ee-repo-ref.txt
index e7dd9365ecdd0..2104f8ba8ce15 100644
--- a/backend/ee-repo-ref.txt
+++ b/backend/ee-repo-ref.txt
@@ -1 +1 @@
-f136a2f499e0fe7c10c54c79488851980d796eb2
\ No newline at end of file
+01f384348341c87c5a0b32c4be7c699975ee7d6d
\ No newline at end of file
diff --git a/backend/src/main.rs b/backend/src/main.rs
index 11d12f9dab3b0..61ee657d2c7bd 100644
--- a/backend/src/main.rs
+++ b/backend/src/main.rs
@@ -531,7 +531,7 @@ Windmill Community Edition {GIT_VERSION}
 
         #[cfg(feature = "tantivy")]
         let (index_reader, index_writer) = if should_index_jobs {
-            let (r, w) = windmill_indexer::indexer_ee::init_index(&db).await?;
+            let (r, w) = windmill_indexer::completed_runs_ee::init_index(&db).await?;
             (Some(r), Some(w))
         } else {
             (None, None)
@@ -543,26 +543,61 @@ Windmill Community Edition {GIT_VERSION}
             let index_writer2 = index_writer.clone();
             async {
                 if let Some(index_writer) = index_writer2 {
-                    windmill_indexer::indexer_ee::run_indexer(db.clone(), index_writer, indexer_rx)
-                        .await;
+                    windmill_indexer::completed_runs_ee::run_indexer(
+                        db.clone(),
+                        index_writer,
+                        indexer_rx,
+                    )
+                    .await;
+                }
+                Ok(())
+            }
+        };
+
+        #[cfg(all(feature = "tantivy", feature = "parquet"))]
+        let (log_index_reader, log_index_writer) = if should_index_jobs {
+            let (r, w) = windmill_indexer::service_logs_ee::init_index(&db).await?;
+            (Some(r), Some(w))
+        } else {
+            (None, None)
+        };
+
+        #[cfg(all(feature = "tantivy", feature = "parquet"))]
+        let log_indexer_f = {
+            let log_indexer_rx = killpill_rx.resubscribe();
+            let log_index_writer2 = log_index_writer.clone();
+            async {
+                if let Some(log_index_writer) = log_index_writer2 {
+                    windmill_indexer::service_logs_ee::run_indexer(
+                        db.clone(),
+                        log_index_writer,
+                        log_indexer_rx,
+                    )
+                    .await;
                 }
                 Ok(())
             }
         };
 
         #[cfg(not(feature = "tantivy"))]
-        let (index_reader, index_writer) = (None, None);
+        let index_reader = None;
 
         #[cfg(not(feature = "tantivy"))]
         let indexer_f = async { Ok(()) as anyhow::Result<()> };
 
+        #[cfg(not(all(feature = "tantivy", feature = "parquet")))]
+        let log_index_reader = None;
+
+        #[cfg(not(all(feature = "tantivy", feature = "parquet")))]
+        let log_indexer_f = async { Ok(()) as anyhow::Result<()> };
+
         let server_f = async {
             if !is_agent {
                 windmill_api::run_server(
                     db.clone(),
                     rsmq2,
                     index_reader,
-                    index_writer,
+                    log_index_reader,
                     addr,
                     server_killpill_rx,
                     base_internal_tx,
@@ -842,7 +877,8 @@ Windmill Community Edition {GIT_VERSION}
             monitor_f,
             server_f,
             metrics_f,
-            indexer_f
+            indexer_f,
+            log_indexer_f
         )?;
     } else {
         tracing::info!("Nothing to do, exiting.");
diff --git a/backend/windmill-api/openapi.yaml b/backend/windmill-api/openapi.yaml
index fc39c5abf8e85..0949843665574 100644
--- a/backend/windmill-api/openapi.yaml
+++ b/backend/windmill-api/openapi.yaml
@@ -9546,6 +9546,109 @@ paths:
                     items:
                       $ref: "#/components/schemas/JobSearchHit"
 
+  /srch/index/search/service_logs:
+    get:
+      summary: Search through service logs with a string query
+      operationId: searchLogsIndex
+      tags:
+        - indexSearch
+      parameters:
+        - name: search_query
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: mode
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: worker_group
+          in: query
+          required: false
+          schema:
+            type: string
+        - name: hostname
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: min_ts
+          in: query
+          required: false
+          schema:
+            type: string
+            format: date-time
+        - name: max_ts
+          in: query
+          required: false
+          schema:
+            type: string
+            format: date-time
+      responses:
+        "200":
+          description: search results
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  query_parse_errors:
+                    description: a list of the terms that couldn't be parsed (and thus ignored)
+                    type: array
+                    items:
+                      type: string
+                  hits:
+                    description: log files that matched the query
+                    type: array
+                    items:
+                      $ref: "#/components/schemas/LogSearchHit"
+
+  /srch/index/search/count_service_logs:
+    get:
+      summary: Search and count the log line hits on every provided host
+      operationId: countSearchLogsIndex
+      tags:
+        - indexSearch
+      parameters:
+        - name: search_query
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: hosts
+          in: query
+          required: true
+          schema:
+            type: string
+        - name: min_ts
+          in: query
+          required: false
+          schema:
+            type: string
+            format: date-time
+        - name: max_ts
+          in: query
+          required: false
+          schema:
+            type: string
+            format: date-time
+      responses:
+        "200":
+          description: search results
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  query_parse_errors:
+                    description: a list of the terms that couldn't be parsed (and thus ignored)
+                    type: array
+                    items:
+                      type: string
+                  count_per_host:
+                    description: count of log lines that matched the query per hostname
+                    type: object
 
 components:
   securitySchemes:
@@ -12500,6 +12603,12 @@ components:
         dancer:
           type: string
 
+    LogSearchHit:
+      type: object
+      properties:
+        dancer:
+          type: string
+
     AutoscalingEvent:
       type: object
       properties:
@@ -12517,3 +12626,4 @@ components:
         applied_at:
           type: string
           format: date-time
+
diff --git a/backend/windmill-api/src/indexer_ee.rs b/backend/windmill-api/src/indexer_ee.rs
index 61a946bb84a9b..2ccca92c27f9b 100644
--- a/backend/windmill-api/src/indexer_ee.rs
+++ b/backend/windmill-api/src/indexer_ee.rs
@@ -3,3 +3,7 @@ use axum::Router;
 pub fn workspaced_service() -> Router {
     Router::new()
 }
+
+pub fn global_service() -> Router {
+    Router::new()
+}
diff --git a/backend/windmill-api/src/lib.rs b/backend/windmill-api/src/lib.rs
index 3ea78ffd6da49..5a7f7fcded243 100644
--- a/backend/windmill-api/src/lib.rs
+++ b/backend/windmill-api/src/lib.rs
@@ -154,18 +154,18 @@ pub async fn add_webhook_allowed_origin(
 type IndexReader = ();
 
 #[cfg(not(feature = "tantivy"))]
-type IndexWriter = ();
+type ServiceLogIndexReader = ();
 
 #[cfg(feature = "tantivy")]
-type IndexReader = windmill_indexer::indexer_ee::IndexReader;
+type IndexReader = windmill_indexer::completed_runs_ee::IndexReader;
 #[cfg(feature = "tantivy")]
-type IndexWriter = windmill_indexer::indexer_ee::IndexWriter;
+type ServiceLogIndexReader = windmill_indexer::service_logs_ee::ServiceLogIndexReader;
 
 pub async fn run_server(
     db: DB,
     rsmq: Option<rsmq_async::MultiplexedRsmq>,
-    index_reader: Option<IndexReader>,
-    index_writer: Option<IndexWriter>,
+    job_index_reader: Option<IndexReader>,
+    log_index_reader: Option<ServiceLogIndexReader>,
     addr: SocketAddr,
     mut rx: tokio::sync::broadcast::Receiver<()>,
     port_tx: tokio::sync::oneshot::Sender<String>,
@@ -205,8 +205,9 @@ pub async fn run_server(
         .layer(Extension(rsmq.clone()))
         .layer(Extension(user_db.clone()))
         .layer(Extension(auth_cache.clone()))
-        .layer(Extension(index_reader))
-        .layer(Extension(index_writer))
+        .layer(Extension(job_index_reader))
+        .layer(Extension(log_index_reader))
+        // .layer(Extension(index_writer))
         .layer(CookieManagerLayer::new())
         .layer(Extension(WebhookShared::new(rx.resubscribe(), db.clone())))
         .layer(DefaultBodyLimit::max(
@@ -322,6 +323,10 @@ pub async fn run_server(
                     "/srch/w/:workspace_id/index",
                     indexer_ee::workspaced_service(),
                 )
+                .nest(
+                    "/srch/index",
+                    indexer_ee::global_service(),
+                )
                 .nest("/oidc", oidc_ee::global_service())
                 .nest(
                     "/saml",
diff --git a/backend/windmill-indexer/src/completed_runs_ee.rs b/backend/windmill-indexer/src/completed_runs_ee.rs
new file mode 100644
index 0000000000000..79bcbcff778a6
--- /dev/null
+++ b/backend/windmill-indexer/src/completed_runs_ee.rs
@@ -0,0 +1,21 @@
+use sqlx::{Pool, Postgres};
+use windmill_common::error::Error;
+use anyhow::anyhow;
+
+#[derive(Clone)]
+pub struct IndexReader;
+
+#[derive(Clone)]
+pub struct IndexWriter;
+
+pub async fn init_index() -> Result<(IndexReader, IndexWriter), Error> {
+    Err(anyhow!("Cannot initialize index: not in EE").into())
+}
+
+pub async fn run_indexer(
+    _db: Pool<Postgres>,
+    mut _index_writer: IndexWriter,
+    mut _killpill_rx: tokio::sync::broadcast::Receiver<()>,
+) {
+    tracing::error!("Cannot run indexer: not in EE");
+}
diff --git a/backend/windmill-indexer/src/indexer_ee.rs b/backend/windmill-indexer/src/indexer_ee.rs
index da92ff0ef82fd..e69de29bb2d1d 100644
--- a/backend/windmill-indexer/src/indexer_ee.rs
+++ b/backend/windmill-indexer/src/indexer_ee.rs
@@ -1,21 +0,0 @@
-use anyhow::anyhow;
-use sqlx::{Pool, Postgres};
-use windmill_common::error::Error;
-
-#[derive(Clone)]
-pub struct IndexReader;
-
-#[derive(Clone)]
-pub struct IndexWriter;
-
-pub async fn init_index() -> Result<(IndexReader, IndexWriter), Error> {
-    Err(anyhow!("Cannot initialize index: not in EE").into())
-}
-
-pub async fn run_indexer(
-    _db: Pool<Postgres>,
-    mut _index_writer: IndexWriter,
-    mut _killpill_rx: tokio::sync::broadcast::Receiver<()>,
-) {
-    tracing::error!("Cannot run indexer: not in EE");
-}
diff --git a/backend/windmill-indexer/src/lib.rs b/backend/windmill-indexer/src/lib.rs
index c1bf4eea0c11d..14c6e7906d10b 100644
--- a/backend/windmill-indexer/src/lib.rs
+++ b/backend/windmill-indexer/src/lib.rs
@@ -1 +1,3 @@
+pub mod completed_runs_ee;
+pub mod service_logs_ee;
 pub mod indexer_ee;
diff --git a/backend/windmill-indexer/src/service_logs_ee.rs b/backend/windmill-indexer/src/service_logs_ee.rs
new file mode 100644
index 0000000000000..79bcbcff778a6
--- /dev/null
+++ b/backend/windmill-indexer/src/service_logs_ee.rs
@@ -0,0 +1,21 @@
+use sqlx::{Pool, Postgres};
+use windmill_common::error::Error;
+use anyhow::anyhow;
+
+#[derive(Clone)]
+pub struct IndexReader;
+
+#[derive(Clone)]
+pub struct IndexWriter;
+
+pub async fn init_index() -> Result<(IndexReader, IndexWriter), Error> {
+    Err(anyhow!("Cannot initialize index: not in EE").into())
+}
+
+pub async fn run_indexer(
+    _db: Pool<Postgres>,
+    mut _index_writer: IndexWriter,
+    mut _killpill_rx: tokio::sync::broadcast::Receiver<()>,
+) {
+    tracing::error!("Cannot run indexer: not in EE");
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0fde0100912fc..a5c5e883d1e9d 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -43,7 +43,7 @@
 				"graphql": "^16.7.1",
 				"hash-sum": "^2.0.0",
 				"highlight.js": "^11.8.0",
-				"lucide-svelte": "^0.293.0",
+				"lucide-svelte": "^0.399.0",
 				"minimatch": "^10.0.1",
 				"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~8.0.2",
 				"monaco-editor-wrapper": "^5.5.2",
@@ -8607,11 +8607,11 @@
 			"optional": true
 		},
 		"node_modules/lucide-svelte": {
-			"version": "0.293.0",
-			"resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.293.0.tgz",
-			"integrity": "sha512-nQ6QO6anjjiVoipw3dNptzI6NWuiArlhysVtRpoAWICSQVMR3ybwVf6piUUqbjGe+RfGufLzCl93C/yhsS+p4w==",
+			"version": "0.399.0",
+			"resolved": "https://registry.npmjs.org/lucide-svelte/-/lucide-svelte-0.399.0.tgz",
+			"integrity": "sha512-NQ8AxNMKbIJsx7HV//gnAsIY1wJfb3rbXSK2S/ZDjIldvAEdzGngpUT8T8Q8zHYUuii0bavAmVARN8giR4vvpA==",
 			"peerDependencies": {
-				"svelte": ">=3 <5"
+				"svelte": "^3 || ^4 || ^5.0.0-next.42"
 			}
 		},
 		"node_modules/magic-string": {
diff --git a/frontend/package.json b/frontend/package.json
index de2a4b629bfbd..1716d5546ab4d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -116,7 +116,7 @@
 		"graphql": "^16.7.1",
 		"hash-sum": "^2.0.0",
 		"highlight.js": "^11.8.0",
-		"lucide-svelte": "^0.293.0",
+		"lucide-svelte": "^0.399.0",
 		"minimatch": "^10.0.1",
 		"monaco-editor": "npm:@codingame/monaco-vscode-editor-api@~8.0.2",
 		"monaco-editor-wrapper": "^5.5.2",
diff --git a/frontend/src/lib/components/LogSnippetViewer.svelte b/frontend/src/lib/components/LogSnippetViewer.svelte
new file mode 100644
index 0000000000000..693522ed33720
--- /dev/null
+++ b/frontend/src/lib/components/LogSnippetViewer.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	import AnsiUp from 'ansi_up'
+
+	export let content: string
+	export let highlighted: any[]
+
+	const ansi_up = new AnsiUp()
+	ansi_up.use_classes = true
+
+	function highlightSnippet(snippet: string) {
+		const opener = '!-!-!_H_START_WMILL_!-!-!'
+		const closer = '!-!-!_H_ENDER_WMILL_!-!-!'
+
+		let offset = 0
+		let ret = snippet
+		for (const range of highlighted) {
+			ret = ret.slice(0, range.start + offset) + opener + ret.slice(range.start + offset)
+			offset += opener.length
+			ret = ret.slice(0, range.end + offset) + closer + ret.slice(range.end + offset)
+			offset += closer.length
+		}
+
+		let html = ansi_up.ansi_to_html(ret)
+		let html2 = html
+			.replaceAll(opener, '<span class="bg-amber-400 text-black">')
+			.replaceAll(closer, '</span>')
+		return html2
+	}
+
+	let html = highlightSnippet(content)
+</script>
+
+<button on:click class="font-light !m-0 !p-0">
+<pre
+	class="bg-surface-secondary hover:bg-surface px-2 py-1 text-secondary text-xs w-[100%] whitespace-pre border min-w-full text-start" >
+{@html html}
+</pre>
+</button>
diff --git a/frontend/src/lib/components/LogViewer.svelte b/frontend/src/lib/components/LogViewer.svelte
index de78eefc5237d..d04b7f9c566cd 100644
--- a/frontend/src/lib/components/LogViewer.svelte
+++ b/frontend/src/lib/components/LogViewer.svelte
@@ -245,7 +245,7 @@
 					: 'top-2'}  left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
 			>
 		{/if}
-		<pre class="whitespace-pre-wrap break-words {small ? '!text-2xs' : '!text-xs'} w-full p-2"
+		<pre class="whitespace-pre break-words {small ? '!text-2xs' : '!text-xs'} w-full p-2"
 			>{#if content}{@const len =
 					(content?.length ?? 0) +
 					(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button on:click={getStoreLogs}
diff --git a/frontend/src/lib/components/ServiceLogsInner.svelte b/frontend/src/lib/components/ServiceLogsInner.svelte
index b3c9d778fc60b..6bccebc5d628e 100644
--- a/frontend/src/lib/components/ServiceLogsInner.svelte
+++ b/frontend/src/lib/components/ServiceLogsInner.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { ServiceLogsService } from '$lib/gen'
+	import { IndexSearchService, ServiceLogsService } from '$lib/gen'
 	import { Pane, Splitpanes } from 'svelte-splitpanes'
 
 	import ManuelDatePicker from './runs/ManuelDatePicker.svelte'
@@ -7,9 +7,18 @@
 	import LogViewer from './LogViewer.svelte'
 	import Toggle from './Toggle.svelte'
 	import { sendUserToast } from '$lib/toast'
-	import { onDestroy } from 'svelte'
+	import { onDestroy, tick } from 'svelte'
 	import { Loader2 } from 'lucide-svelte'
-	import { truncateRev } from '$lib/utils'
+	import { copyToClipboard, truncateRev } from '$lib/utils'
+	import LogSnippetViewer from './LogSnippetViewer.svelte'
+	import { Button, Drawer, DrawerContent } from './common'
+	import ClipboardCopy from 'lucide-svelte/icons/clipboard-copy'
+	import AnsiUp from 'ansi_up'
+	import { scroll_into_view_if_needed_polyfill } from './multiselect/utils'
+	import SplitPanesWrapper from './splitPanes/SplitPanesWrapper.svelte'
+
+	export let searchTerm: string
+	export let queryParseErrors: string[] = []
 
 	let minTs: undefined | string = undefined
 	let maxTs: undefined | string = undefined
@@ -132,8 +141,9 @@
 				if (upToIsLatest && selected) {
 					upTo = getLatestUpTo(selected)
 				}
-				if (autoRefresh && !maxTsManual) {
+				if (autoRefresh && searchTerm === '' && !maxTsManual) {
 					timeout = setTimeout(() => {
+						if (searchTerm !== '') return
 						let minMax = manualPicker?.computeMinMax()
 						if (minMax) {
 							maxTsManual = minMax?.maxTs
@@ -267,11 +277,129 @@
 			return log
 		}
 	}
+
+	let logs: any
+
+	let debounceTimeout: NodeJS.Timeout | undefined = undefined
+	const debouncePeriod: number = 400
+	let loadingLogs = false
+	let loadingLogCounts = false
+
+	let countsPerHost: any
+
+	async function searchLogs(
+		searchTerm: string,
+		selected: [string, string, string] | undefined,
+		minTs: string | undefined,
+		maxTs: string | undefined,
+		allLogs: ByMode | undefined
+	) {
+		if (searchTerm.trim() === '') {
+			debounceTimeout && clearTimeout(debounceTimeout)
+			logs = undefined
+			countsPerHost = undefined
+			loadingLogs = false
+			loadingLogCounts = false
+			return
+		}
+		timeout && clearTimeout(timeout)
+
+		loadingLogCounts = true
+		loadingLogs = true
+		debounceTimeout && clearTimeout(debounceTimeout)
+		debounceTimeout = setTimeout(async () => {
+			if (allLogs) {
+				const hostnames: string[] = []
+				Object.entries(allLogs).forEach(([mode, wgs]) => {
+					Object.entries(wgs).forEach(([wg, keys]) => {
+						Object.entries(keys).forEach(([key, _log_files]) => {
+							hostnames.push(`${mode},${wg},${key}`)
+						})
+					})
+				})
+				const countLogsResponse = await IndexSearchService.countSearchLogsIndex({
+					searchQuery: searchTerm,
+					hosts: hostnames.join(','),
+					minTs,
+					maxTs
+				})
+				countsPerHost = countLogsResponse.count_per_host
+				queryParseErrors = countLogsResponse.query_parse_errors ?? []
+				loadingLogCounts = false
+			}
+
+			if (selected) {
+				logs = await IndexSearchService.searchLogsIndex({
+					searchQuery: searchTerm,
+					mode: selected[0],
+					workerGroup: selected[1] != '' ? selected[1] : undefined,
+					hostname: selected[2],
+					minTs,
+					maxTs
+				})
+			}
+
+			loadingLogs = false
+		}, debouncePeriod)
+	}
+
+	const ansi_up = new AnsiUp()
+	ansi_up.use_classes = true
+
+	let logDrawer: Drawer
+	let logDrawerOpen: boolean
+	let content: string = ''
+	let hitLineNumber: number | undefined = undefined
+
+	async function seeLogContext(
+		lineNumber: number,
+		path: string,
+		hostname: string,
+		jsonFmt: boolean
+	) {
+		const res = await ServiceLogsService.getLogFile({ path: `${hostname}/${path}` })
+
+		content = processLogWithJsonFmt(ansi_up.ansi_to_html(res), jsonFmt)
+		hitLineNumber = lineNumber
+		logDrawerOpen = true
+
+		await tick()
+		let el = document.getElementById(`log-line-${lineNumber}`)
+		if (el) scroll_into_view_if_needed_polyfill(el, false)
+	}
+
+	$: searchLogs(searchTerm, selected, minTsManual, maxTsManual, allLogs)
 </script>
 
-<div class="w-full h-[70vh]" on:scroll|preventDefault>
+<Drawer bind:this={logDrawer} bind:open={logDrawerOpen} size="1400px">
+	<DrawerContent title="See context" on:close={logDrawer.closeDrawer}>
+		<svelte:fragment slot="actions">
+			<Button
+				on:click={() => copyToClipboard(content)}
+				color="light"
+				size="xs"
+				startIcon={{
+					icon: ClipboardCopy
+				}}
+			>
+				Copy to clipboard
+			</Button>
+		</svelte:fragment>
+		<div class="w-fit">
+			<pre
+				class="bg-surface-secondary text-secondary text-xs w-full p-2 whitespace-pre border rounded-md"
+				>...<br />{#each content.split('\n') as line, index}<div
+						id={`log-line-${index}`}
+						class={index === hitLineNumber ? 'bg-yellow-200 bg-opacity-20' : ''}>{@html line}</div
+					>{/each}...</pre
+			>
+		</div>
+	</DrawerContent>
+</Drawer>
+
+<SplitPanesWrapper class="hidden md:block">
 	<Splitpanes>
-		<Pane size={40} minSize={20}>
+		<Pane size={30} minSize={25}>
 			<div class="p-1">
 				<div
 					class="flex flex-col lg:flex-row gap-y-1 justify-between w-full relative pb-4 gap-x-0.5"
@@ -290,7 +418,17 @@
 								: 'min datetime'}
 							disabled
 						/>
-						<CalendarPicker label="min datetime" date={minTs} />
+						<CalendarPicker
+							label="min datetime"
+							date={minTsManual}
+							on:change={({ detail }) => {
+								minTs = undefined
+								maxTs = undefined
+								allLogs = undefined
+								minTsManual = detail
+								getAllLogs(minTsManual, maxTsManual)
+							}}
+						/>
 					</div>
 					<ManuelDatePicker
 						bind:minTs={minTsManual}
@@ -304,7 +442,7 @@
 							getAllLogs(minTsManual, maxTsManual)
 						}}
 						serviceLogsChoices
-						loadText="Last 1000 logfiles"
+						loadText={searchTerm === '' ? 'Last 1000 logfiles' : 'All time'}
 					/>
 					<div class="flex relative">
 						<input
@@ -319,7 +457,17 @@
 								: 'max datetime'}
 							disabled
 						/>
-						<CalendarPicker label="max datetime" date={maxTs} />
+						<CalendarPicker
+							label="max datetime"
+							date={maxTsManual}
+							on:change={({ detail }) => {
+								minTs = undefined
+								maxTs = undefined
+								allLogs = undefined
+								maxTsManual = detail
+								getAllLogs(minTsManual, maxTsManual)
+							}}
+						/>
 					</div>
 				</div>
 				<div class="flex w-full flex-row-reverse pb-4 -mt-2 gap-2"
@@ -335,6 +483,7 @@
 					<Toggle
 						size="xs"
 						bind:checked={autoRefresh}
+						disabled={searchTerm != ''}
 						on:change={(e) => {
 							if (e.detail) {
 								getAllLogs(maxTs, undefined)
@@ -353,27 +502,29 @@
 					{@const minTsN = new Date(minTs).getTime()}
 					{@const maxTsN = new Date(maxTs).getTime()}
 					{@const diff = maxTsN - minTsN}
-					<div class="flex w-full text-2xs text-tertiary pb-6">
-						<div style="width: 60px;" />
-
-						<div class="flex justify-between w-full"
-							><div
-								>{new Date(minTs).toLocaleTimeString([], {
-									day: '2-digit',
-									month: '2-digit',
-									hour: '2-digit',
-									minute: '2-digit'
-								})}</div
-							><div
-								>{new Date(maxTs).toLocaleTimeString([], {
-									day: '2-digit',
-									month: '2-digit',
-									hour: '2-digit',
-									minute: '2-digit'
-								})}</div
-							></div
-						>
-					</div>
+					{#if searchTerm === ''}
+						<div class="flex w-full text-2xs text-tertiary pb-6">
+							<div style="width: 60px;" />
+
+							<div class="flex justify-between w-full"
+								><div
+									>{new Date(minTs).toLocaleTimeString([], {
+										day: '2-digit',
+										month: '2-digit',
+										hour: '2-digit',
+										minute: '2-digit'
+									})}</div
+								><div
+									>{new Date(maxTs).toLocaleTimeString([], {
+										day: '2-digit',
+										month: '2-digit',
+										hour: '2-digit',
+										minute: '2-digit'
+									})}</div
+								></div
+							>
+						</div>
+					{/if}
 					{#each Object.entries(allLogs) as [mode, o1]}
 						<div class="w-full pb-8">
 							<h2 class="pb-2 text-2xl">{mode}s</h2>
@@ -383,11 +534,21 @@
 										<h4 class="pt-4">{wg}</h4>
 									{/if}
 									<div class="divide-y flex flex-col">
-										{#each Object.entries(o2) as [hn, files]}
+										{#each Object.entries(o2).filter(([hn, files]) => {
+											if (selected && selected[0] === mode && selected[1] === wg && selected[2] === hn) {
+												return true
+											}
+											const hostKey = `${mode},${wg},${hn}`
+											if (countsPerHost && countsPerHost[hostKey] && countsPerHost[hostKey].count === 0) {
+												return false
+											}
+											return true
+										}) as [hn, files]}
+											{@const hostKey = `${mode},${wg},${hn}`}
 											<!-- svelte-ignore a11y-click-events-have-key-events -->
 											<!-- svelte-ignore a11y-no-static-element-interactions -->
 											<div
-												class="w-full flex items-baseline rounded px-1 hover:bg-surface-hover cursor-pointer {selected &&
+												class="w-full flex items-baseline justify-between rounded px-1 hover:bg-surface-hover cursor-pointer {selected &&
 												selected[0] == mode &&
 												selected[1] == wg &&
 												selected[2] == hn
@@ -405,22 +566,31 @@
 													title={hn}
 													style="width: 90px;">{truncateRev(hn, 8)}</div
 												>
-												<div class="relative grow h-8 mr-2">
-													{#each files as file}
-														{@const okHeight = 100.0 * ((file.ok_lines * 1.0) / (max_lines ?? 1))}
-														{@const errHeight = 100.0 * ((file.err_lines * 1.0) / (max_lines ?? 1))}
-														<div
-															class=" w-2 bg-red-400 absolute"
-															style="left: {((file.ts - minTsN) / diff) *
-																100}%; height: {errHeight}%; bottom: {okHeight}%;"
-														/>
-														<div
-															class="w-2 bg-surface-secondary-inverse absolute bottom-0"
-															style="left: {((file.ts - minTsN) / diff) *
-																100}%; height: {okHeight}%"
-														/>
-													{/each}
-												</div>
+												{#if loadingLogCounts}
+													<Loader2 size={15} class="animate-spin" />
+												{:else if countsPerHost}
+													<div class="text-tertiary text-xs">
+														{countsPerHost[hostKey]?.count} matches
+													</div>
+												{:else}
+													<div class="relative grow h-8 mr-2">
+														{#each files as file}
+															{@const okHeight = 100.0 * ((file.ok_lines * 1.0) / (max_lines ?? 1))}
+															{@const errHeight =
+																100.0 * ((file.err_lines * 1.0) / (max_lines ?? 1))}
+															<div
+																class=" w-2 bg-red-400 absolute"
+																style="left: {((file.ts - minTsN) / diff) *
+																	100}%; height: {errHeight}%; bottom: {okHeight}%;"
+															/>
+															<div
+																class="w-2 bg-surface-secondary-inverse absolute bottom-0"
+																style="left: {((file.ts - minTsN) / diff) *
+																	100}%; height: {okHeight}%"
+															/>
+														{/each}
+													</div>
+												{/if}
 											</div>
 										{/each}
 									</div>
@@ -431,126 +601,162 @@
 				{/if}
 			</div>
 		</Pane>
-		<Pane size={60} minSize={20}
+		<Pane size={70} minSize={25}
 			><div class="relative h-full flex flex-col gap-1"
 				><div class="w-full bg-surface-primary-inverse text-tertiary text-xs text-center"
 					>1 min delay: logs are compacted before being available</div
 				>
 				{#if selected}
 					<div class="grow overflow-auto" id="logviewer">
-						{#each getLogs(selected, upTo) as file}
-							<div
-								style="min-height: {logsContent[file.file_path]
-									? 10
-									: (file.ok_lines + file.err_lines) / 20}px;"
-							>
-								<div class="bg-surface-primary-inverse text-sm font-semibold px-1"
-									>{new Date(file.ts).toLocaleTimeString([], {
-										day: '2-digit',
-										month: '2-digit',
-										hour: '2-digit',
-										minute: '2-digit'
-									})}</div
-								>
-								{#if logsContent[file.file_path] == undefined}
-									<div
-										class="animate-skeleton dark:bg-frost-900/50 [animation-delay:1000ms] h-full w-full"
+						{#if loadingLogs}
+							<div class="flex w-full justify-center items-center h-48">
+								<div class="text-tertiary text-center">
+									<Loader2 size={34} class="animate-spin" />
+								</div>
+							</div>
+						{:else if logs != undefined}
+							<div class="flex flex-col min-w-full w-fit">
+								{#each logs.hits as { snippet_fragment, snippet_highlighted, document }}
+									<LogSnippetViewer
+										content={snippet_fragment || document.logs[0]}
+										highlighted={snippet_highlighted}
+										on:click={() => {
+											let logLineNumber = document.line_number[0]
+											let logFile = document.file_name[0]
+											let host = document.host[0]
+											let jsonFmt = document.json_fmt[0]
+											seeLogContext(logLineNumber, logFile, host, jsonFmt)
+										}}
 									/>
-								{:else if logsContent[file.file_path]}
-									{#if logsContent[file.file_path].error}
-										{#if logsContent[file.file_path].error?.startsWith('Not Found')}
-											<div class="text-xs pb-4 pt-2 text-secondary"
-												>Log file is missing. Log files require a shared log volume to be mounted
-												across servers and workers or to use the EE S3/object storage integration
-												for logs. To avoid mounting a shared volume, set the EE object store logs in
-												the instance settings</div
+								{/each}
+								{#if logs.hits.length === 0}
+									<div class="text-center py-20 text-bold text-xl text-tertiary"> No logs </div>
+								{/if}
+								{#if logs.hits.length === 30}
+									<div class="pl-6 py-6 text-sm text-secondary">
+										Older matches were truncated from this search, try refining your filters to get
+										more precise results.
+									</div>
+								{/if}
+								<div class="py-20" />
+							</div>
+						{:else}
+							{#each getLogs(selected, upTo) as file}
+								<div
+									style="min-height: {logsContent[file.file_path]
+										? 10
+										: (file.ok_lines + file.err_lines) / 20}px;"
+								>
+									<div class="bg-surface-primary-inverse text-sm font-semibold px-1"
+										>{new Date(file.ts).toLocaleTimeString([], {
+											day: '2-digit',
+											month: '2-digit',
+											hour: '2-digit',
+											minute: '2-digit'
+										})}</div
+									>
+									{#if logsContent[file.file_path] == undefined}
+										<div
+											class="animate-skeleton dark:bg-frost-900/50 [animation-delay:1000ms] h-full w-full"
+										/>
+									{:else if logsContent[file.file_path]}
+										{#if logsContent[file.file_path].error}
+											{#if logsContent[file.file_path].error?.startsWith('Not Found')}
+												<div class="text-xs pb-4 pt-2 text-secondary"
+													>Log file is missing. Log files require a shared log volume to be mounted
+													across servers and workers or to use the EE S3/object storage integration
+													for logs. To avoid mounting a shared volume, set the EE object store logs
+													in the instance settings</div
+												>
+											{:else}
+												<div class="text-xs text-red-400 pb-4"
+													>{logsContent[file.file_path].error}</div
+												>
+											{/if}
+										{:else if logsContent[file.file_path].content}
+											<!-- svelte-ignore a11y-click-events-have-key-events -->
+											<!-- svelte-ignore a11y-no-static-element-interactions -->
+											<div on:click|preventDefault class="pr-2"
+												><LogViewer
+													noAutoScroll
+													noMaxH
+													isLoading={false}
+													tag={undefined}
+													content={processLogWithJsonFmt(
+														logsContent[file.file_path].content,
+														file.json_fmt
+													)}
+												/></div
 											>
 										{:else}
-											<div class="text-xs text-red-400 pb-4"
-												>{logsContent[file.file_path].error}</div
-											>
+											<div>No logs</div>
 										{/if}
-									{:else if logsContent[file.file_path].content}
-										<!-- svelte-ignore a11y-click-events-have-key-events -->
-										<!-- svelte-ignore a11y-no-static-element-interactions -->
-										<div on:click|preventDefault
-											><LogViewer
-												noAutoScroll
-												noMaxH
-												isLoading={false}
-												tag={undefined}
-												content={processLogWithJsonFmt(
-													logsContent[file.file_path].content,
-													file.json_fmt
-												)}
-											/></div
-										>
-									{:else}
-										<div>No logs</div>
 									{/if}
-								{/if}
-							</div>
-						{/each}
+								</div>
+							{/each}
+						{/if}
 					</div>
-					<div class="flex w-full items-center gap-4">
-						<div class="text-tertiary px-1 text-2xs">Last 5 log files up to:</div>
-						<div class="flex grow text-xs justify-center px-2 items-center gap-2">
-							{#if upTo}
-								<button
-									on:click={() => {
-										if (upTo) {
-											upToIsLatest = false
-											upTo = new Date(new Date(upTo).getTime() - 5 * 60 * 1000).toISOString()
-										}
-									}}>{'<'} 5m</button
+					{#if searchTerm == ''}
+						<div class="flex w-full items-center gap-4">
+							<div class="text-tertiary px-1 text-2xs">Last 5 log files up to:</div>
+							<div class="flex grow text-xs justify-center px-2 items-center gap-2">
+								{#if upTo}
+									<button
+										on:click={() => {
+											if (upTo) {
+												upToIsLatest = false
+												upTo = new Date(new Date(upTo).getTime() - 5 * 60 * 1000).toISOString()
+											}
+										}}>{'<'} 5m</button
+									>
+								{:else}
+									<div />
+								{/if}
+
+								<div class="flex gap-1 relative items-center"
+									><div class="flex gap-1 relative">
+										<input
+											type="text"
+											value={upTo
+												? new Date(upTo).toLocaleTimeString([], {
+														day: '2-digit',
+														month: '2-digit',
+														hour: '2-digit',
+														minute: '2-digit'
+												  })
+												: ''}
+											disabled
+										/><CalendarPicker bind:date={upTo} label="Logs up to" /></div
+									></div
 								>
-							{:else}
-								<div />
-							{/if}
-
-							<div class="flex gap-1 relative items-center"
-								><div class="flex gap-1 relative">
-									<input
-										type="text"
-										value={upTo
-											? new Date(upTo).toLocaleTimeString([], {
-													day: '2-digit',
-													month: '2-digit',
-													hour: '2-digit',
-													minute: '2-digit'
-											  })
-											: ''}
-										disabled
-									/><CalendarPicker bind:date={upTo} label="Logs up to" /></div
-								></div
-							>
-							{#if upTo}
+								{#if upTo}
+									<button
+										on:click={() => {
+											if (upTo) {
+												upToIsLatest = false
+												upTo = new Date(new Date(upTo).getTime() + 5 * 60 * 1000).toISOString()
+											}
+										}}>5m {'>'}</button
+									>
+								{:else}
+									<div />
+								{/if}
+							</div>
+							<div>
 								<button
+									class="text-xs"
 									on:click={() => {
-										if (upTo) {
-											upToIsLatest = false
-											upTo = new Date(new Date(upTo).getTime() + 5 * 60 * 1000).toISOString()
-										}
-									}}>5m {'>'}</button
+										upTo = new Date().toISOString()
+										upToIsLatest = true
+									}}>now</button
 								>
-							{:else}
-								<div />
-							{/if}
-						</div>
-						<div>
-							<button
-								class="text-xs"
-								on:click={() => {
-									upTo = new Date().toISOString()
-									upToIsLatest = true
-								}}>now</button
-							>
+							</div>
 						</div>
-					</div>
+					{/if}
 				{:else}
 					<div class="flex justify-center items-center pt-8">Select a host to see its logs</div>
 				{/if}</div
 			></Pane
 		>
 	</Splitpanes>
-</div>
+</SplitPanesWrapper>
diff --git a/frontend/src/lib/components/multiselect/utils.ts b/frontend/src/lib/components/multiselect/utils.ts
index 2c1c093276925..a9bcfcaa69687 100644
--- a/frontend/src/lib/components/multiselect/utils.ts
+++ b/frontend/src/lib/components/multiselect/utils.ts
@@ -53,7 +53,11 @@ export function scroll_into_view_if_needed_polyfill(elem: Element, centerIfNeede
 			})
 		}
 		observer.disconnect()
-	})
+	}, {
+  root: null, // or specify a scrolling parent if needed
+  rootMargin: '0px 1000px', // Essentially making horizontal checks irrelevant
+  threshold: 0.1 // Adjust threshold to control when observer should trigger
+})
 	observer.observe(elem)
 
 	return observer // return for testing
diff --git a/frontend/src/lib/components/runs/ManuelDatePicker.svelte b/frontend/src/lib/components/runs/ManuelDatePicker.svelte
index f729089635c5a..84a4f12a9fbee 100644
--- a/frontend/src/lib/components/runs/ManuelDatePicker.svelte
+++ b/frontend/src/lib/components/runs/ManuelDatePicker.svelte
@@ -24,16 +24,10 @@
 		return { minTs, maxTs }
 	}
 
-	const manualDates: {
+	const fixedManualDates: {
 		label: string
 		computeMinMax: () => { minTs: string; maxTs: string | undefined } | undefined
 	}[] = [
-		{
-			label: loadText ?? 'Last 1000 runs',
-			computeMinMax: () => {
-				return undefined
-			}
-		},
 		...(!serviceLogsChoices
 			? [
 					{
@@ -68,6 +62,17 @@
 		}
 	]
 
+	$: manualDates = [
+		{
+			label: loadText ?? 'Last 1000 runs',
+			computeMinMax: () => {
+				return undefined
+			}
+		},
+		...fixedManualDates
+
+	]
+
 	const dispatch = createEventDispatcher()
 </script>
 
diff --git a/frontend/src/lib/components/search/GlobalSearchModal.svelte b/frontend/src/lib/components/search/GlobalSearchModal.svelte
index c1e74e90749c4..021d82acfc989 100644
--- a/frontend/src/lib/components/search/GlobalSearchModal.svelte
+++ b/frontend/src/lib/components/search/GlobalSearchModal.svelte
@@ -39,7 +39,7 @@
 	import { scroll_into_view_if_needed_polyfill } from '../multiselect/utils'
 	import { Alert } from '../common'
 	import Popover from '../Popover.svelte'
-	import ServiceLogsInner from '../ServiceLogsInner.svelte'
+	import Logs from 'lucide-svelte/icons/logs'
 
 	let open: boolean = false
 
@@ -78,13 +78,6 @@
 			action: () => switchMode('content'),
 			shortcutKey: CONTENT_SEARCH_PREFIX,
 			icon: SearchCode
-		},
-		{
-			search_id: 'switchto:log-search',
-			label: 'Search Windmill logs',
-			action: () => switchMode('logs'),
-			shortcutKey: LOGS_PREFIX,
-			icon: Search
 		}
 	]
 	let defaultMenuItems: quickMenuItem[] = [
@@ -108,7 +101,14 @@
 			action: () => gotoPage('/schedules'),
 			icon: CalendarIcon
 		},
-		...switchModeItems
+		...switchModeItems,
+		{
+			search_id: 'nav:service_logs',
+			label: 'Explore windmill service logs',
+			action: () => gotoPage('/service_logs'),
+			shortcutKey: LOGS_PREFIX,
+			icon: Logs
+		}
 	]
 
 	let itemMap = {
@@ -483,7 +483,7 @@
 	}
 
 	function maxModalWidth(tab: SearchMode) {
-		if (tab === 'runs' || tab === 'logs') {
+		if (tab === 'runs') {
 			return 'max-w-7xl'
 		} else {
 			return 'max-w-4xl'
@@ -491,7 +491,7 @@
 	}
 
 	function maxModalHeight(tab: SearchMode) {
-		if (tab === 'runs' || tab === 'logs') {
+		if (tab === 'runs') {
 			return ''
 		} else if (tab === 'content') {
 			return 'max-h-[70vh]'
@@ -614,12 +614,19 @@
 								<Alert title="Service logs are only available to superadmins" type="warning">
 									Service logs are only available to superadmins
 								</Alert>
-							{:else if searchTerm.length == 1}
-								<ServiceLogsInner />
 							{:else}
-								<Alert title="Not yet supported" type="info">
-									Full-text search across Windmill logs is not yet supported
-								</Alert>
+								<QuickMenuItem
+									on:select={() =>
+										gotoPage(
+											`/service_logs?query=${encodeURIComponent(removePrefix(searchTerm, '!'))}`
+										)}
+									id="goto_service_logs_search"
+									hovered={true}
+									label={searchTerm === '!'
+										? 'Explore Windmill service logs'
+										: `Search '${removePrefix(searchTerm, '!')}' in Windmill's service logs`}
+									icon={searchTerm === '!' ? Logs : Search}
+								/>
 							{/if}
 						</div>
 					{:else if tab === 'runs'}
@@ -680,40 +687,40 @@
 										</QuickMenuItem>
 									{/each}
 								</div>
-								{#if selectedItem === undefined}
-									Select a result to preview
-								{:else}
-									<div class="w-8/12 max-h-[70vh]">
+								<div class="w-8/12 max-h-[70vh]">
+									{#if selectedItem === undefined}
+										Select a result to preview
+									{:else}
 										<div class="h-[95%] overflow-y-scroll">
 											<JobPreview
 												id={selectedItem?.document?.id[0]}
 												workspace={selectedWorkspace}
 											/>
 										</div>
-										<div class="flex flex-row pt-3 pl-4 items-center text-xs text-secondary">
-											{#if indexMetadata.indexed_until}
-												<span class="px-2">
-												Most recent indexed job was created <TimeAgo
+									{/if}
+									<div class="flex flex-row pt-3 pl-4 items-center text-xs text-secondary">
+										{#if indexMetadata.indexed_until}
+											<span class="px-2">
+												Most recently indexed job was created <TimeAgo
 													agoOnlyIfRecent
 													date={indexMetadata.indexed_until || ''}
 												/>
-												</span>
-											{/if}
-											{#if indexMetadata.lost_lock_ownership}
-												<Popover notClickable placement="top">
-													<AlertTriangle size={16} class="text-gray-500" />
-													<svelte:fragment slot="text">
-														The current indexer is no longer indexing new jobs. This is most likely
-														because of an ongoing deployment and indexing will resume once it's
-														complete.
-													</svelte:fragment>
-												</Popover>
-											{/if}
-										</div>
+											</span>
+										{/if}
+										{#if indexMetadata.lost_lock_ownership}
+											<Popover notClickable placement="top">
+												<AlertTriangle size={16} class="text-gray-500" />
+												<svelte:fragment slot="text">
+													The current indexer is no longer indexing new jobs. This is most likely
+													because of an ongoing deployment and indexing will resume once it's
+													complete.
+												</svelte:fragment>
+											</Popover>
+										{/if}
 									</div>
-								{/if}
+								</div>
 							{:else}
-								<div class="flex w-full justify-center items-center h-48">
+								<div class="flex flex-col w-full justify-center items-center h-48">
 									<div class="text-tertiary text-center">
 										{#if searchTerm === RUNS_PREFIX}
 											<div class="text-2xl font-bold">Enter your search terms</div>
@@ -735,6 +742,26 @@
 											</Alert>
 										{/if}
 									</div>
+									<div class="flex flex-row pt-10 text-xs text-secondary">
+										{#if indexMetadata.indexed_until}
+											<span class="px-2">
+												Most recently indexed job was created <TimeAgo
+													agoOnlyIfRecent
+													date={indexMetadata.indexed_until}
+												/>
+											</span>
+										{/if}
+										{#if indexMetadata.lost_lock_ownership}
+											<Popover notClickable placement="top">
+												<AlertTriangle size={16} class="text-gray-500" />
+												<svelte:fragment slot="text">
+													The current indexer is no longer indexing new jobs. This is most likely
+													because of an ongoing deployment and indexing will resume once it's
+													complete.
+												</svelte:fragment>
+											</Popover>
+										{/if}
+									</div>
 								</div>
 							{/if}
 						</div>
diff --git a/frontend/src/lib/components/sidebar/SidebarContent.svelte b/frontend/src/lib/components/sidebar/SidebarContent.svelte
index 833272f6be13e..3d45f895ff62c 100644
--- a/frontend/src/lib/components/sidebar/SidebarContent.svelte
+++ b/frontend/src/lib/components/sidebar/SidebarContent.svelte
@@ -9,6 +9,7 @@
 		Calendar,
 		DollarSign,
 		Eye,
+		Logs,
 		FolderCog,
 		FolderOpen,
 		Github,
@@ -167,7 +168,29 @@
 			],
 			disabled: $userStore?.operator
 		},
-		{ label: 'Audit Logs', href: `${base}/audit_logs`, icon: Eye, disabled: $userStore?.operator }
+		!$superadmin
+			? {
+					label: 'Audit Logs',
+					href: `${base}/audit_logs`,
+					icon: Eye,
+					disabled: $userStore?.operator
+			  }
+			: {
+					label: 'Logs',
+					icon: Logs,
+					subItems: [
+						{
+							label: 'Audit Logs',
+							href: `${base}/audit_logs`,
+							icon: Eye
+						},
+						{
+							label: 'Service Logs',
+							href: `${base}/service_logs`,
+							icon: Logs
+						}
+					]
+			  }
 	]
 
 	let hasNewChangelogs = false
diff --git a/frontend/src/routes/(root)/(logged)/service_logs/+page.js b/frontend/src/routes/(root)/(logged)/service_logs/+page.js
new file mode 100644
index 0000000000000..ad158a76becd7
--- /dev/null
+++ b/frontend/src/routes/(root)/(logged)/service_logs/+page.js
@@ -0,0 +1,5 @@
+export function load() {
+	return {
+		stuff: { title: 'Service Logs' }
+	}
+}
diff --git a/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte b/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte
new file mode 100644
index 0000000000000..7dc9cb4580355
--- /dev/null
+++ b/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+	import { page } from '$app/stores'
+	import { Alert } from '$lib/components/common'
+	import Popover from '$lib/components/Popover.svelte'
+	import ServiceLogsInner from '$lib/components/ServiceLogsInner.svelte'
+	import Tooltip from '$lib/components/Tooltip.svelte'
+	import { superadmin } from '$lib/stores'
+	import { Search, AlertTriangle } from 'lucide-svelte'
+
+	let searchTerm = $page.url.searchParams.get('query') ?? ''
+	let queryParseErrors: string[] | undefined = undefined
+</script>
+
+<div class="w-full h-screen">
+	<div class="px-2">
+		<div class="flex items-center space-x-2 flex-row justify-between">
+			<div class="flex flex-row flex-wrap justify-between py-2 my-4 px-4 gap-1 items-center">
+				<h1 class="!text-2xl font-semibold leading-6 tracking-tight">Service logs</h1>
+				<Tooltip >
+					Explore and search Windmill service logs from within Windmill!
+				</Tooltip>
+			</div>
+		</div>
+	</div>
+
+	{#if !$superadmin}
+		<Alert title="Service logs are only available to superadmins" type="warning">
+			Service logs are only available to superadmins
+		</Alert>
+	{:else}
+		<div class="m-1 px-2 flex flex-row gap-1 items-center border-2 rounded-lg">
+			<Search size="16" />
+			<input
+				id="quickSearchInput"
+				type="text"
+				class="quick-search-input !bg-surface"
+				bind:value={searchTerm}
+				autocomplete="off"
+				autofocus
+			/>
+			{#if searchTerm !== '' && queryParseErrors && queryParseErrors.length > 0}
+				<Popover notClickable placement="bottom-start">
+					<AlertTriangle size={16} class="text-yellow-500" />
+					<svelte:fragment slot="text">
+						Some of your search terms have been ignored because one or more parse errors:<br /><br
+						/>
+						<ul>
+							{#each queryParseErrors as msg}
+								<li>- {msg}</li>
+							{/each}
+						</ul>
+					</svelte:fragment>
+				</Popover>
+			{/if}
+		</div>
+
+		<ServiceLogsInner {searchTerm} bind:queryParseErrors />
+	{/if}
+</div>
+
+<style>
+	.quick-search-input {
+		outline: none;
+		border: none !important;
+		box-shadow: none !important;
+	}
+
+	.quick-search-input:focus-visible {
+		outline: none !important;
+	}
+</style>