diff --git a/docker.env b/docker.env
index 9f39fa6282..b7d3912647 100644
--- a/docker.env
+++ b/docker.env
@@ -7,3 +7,10 @@ SCANCODEIO_DB_HOST=db
 SCANCODEIO_RQ_REDIS_HOST=redis
 SCANCODEIO_ASYNC=True
 SCANCODEIO_WORKSPACE_LOCATION=/var/scancodeio/workspace/
+DEBUG=False
+SECRET_KEY=supersecretkey123456789
+ALLOWED_HOSTS=*
+SCANCODEIO_DB_NAME=scancodeio
+SCANCODEIO_DB_USER=scancodeio
+SCANCODEIO_DB_PASSWORD=scancodeio
+SCANCODEIO_DB_PORT=5432
diff --git a/scancodeio/static/main.css b/scancodeio/static/main.css
index a51269fcbe..18b65f5269 100644
--- a/scancodeio/static/main.css
+++ b/scancodeio/static/main.css
@@ -607,3 +607,134 @@ body.full-screen #resource-viewer .message-header {
   background-color: var(--bulma-background);
   border-radius: var(--bulma-radius);
 }
+
+/* Modal Search Palette Styles */
+.search-modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 10vh;
+}
+
+.search-modal-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  backdrop-filter: blur(2px);
+}
+
+.search-modal-content {
+  position: relative;
+  width: 90%;
+  max-width: 600px;
+  background: #1f2937;
+  border-radius: 12px;
+  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  overflow: hidden;
+  animation: modalSlideIn 0.2s ease-out;
+}
+
+@keyframes modalSlideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.search-modal-header {
+  border-bottom: 1px solid #374151;
+  padding: 0;
+}
+
+.search-modal-input {
+  width: 100%;
+  padding: 1rem 1.5rem;
+  font-size: 1.1rem;
+  border: none;
+  background: transparent;
+  color: #f3f4f6;
+  outline: none;
+}
+
+.search-modal-input::placeholder {
+  color: #9ca3af;
+}
+
+.search-modal-hint {
+  padding: 0.5rem 1.5rem;
+  font-size: 0.75rem;
+  color: #9ca3af;
+  border-top: 1px solid #374151;
+}
+
+.search-modal-hint kbd {
+  display: inline-block;
+  padding: 0.1rem 0.4rem;
+  font-size: 0.7rem;
+  background: #374151;
+  border: 1px solid #4b5563;
+  border-radius: 3px;
+  margin: 0 0.1rem;
+  font-family: monospace;
+}
+
+.search-results {
+  max-height: 400px;
+  overflow-y: auto;
+  background: #111827;
+}
+
+.search-empty-state {
+  padding: 3rem 1.5rem;
+  text-align: center;
+  color: #6b7280;
+}
+
+.search-result-item {
+  padding: 0.75rem 1.5rem;
+  border-bottom: 1px solid #374151;
+  cursor: pointer;
+  transition: background-color 0.1s;
+  color: #e5e7eb;
+}
+
+.search-result-item:hover,
+.search-result-item.selected {
+  background: #1f2937;
+}
+
+.search-result-item.selected {
+  border-left: 3px solid #3b82f6;
+}
+
+.search-result-path {
+  font-size: 0.95rem;
+  color: #e5e7eb;
+  margin-bottom: 0.25rem;
+}
+
+.search-result-meta {
+  font-size: 0.8rem;
+  color: #9ca3af;
+}
+
+.search-loading {
+  padding: 1rem 1.5rem;
+  text-align: center;
+  color: #9ca3af;
+  background: #111827;
+}
+
diff --git a/scanpipe/templates/scanpipe/resource_detail.html b/scanpipe/templates/scanpipe/resource_detail.html
index 58c23e0f55..34ff974ab3 100644
--- a/scanpipe/templates/scanpipe/resource_detail.html
+++ b/scanpipe/templates/scanpipe/resource_detail.html
@@ -22,8 +22,37 @@
       {% endblock %}
     </div>
   </div>
+
+  <!-- Modal Search Palette -->
+  <div id="search-modal" class="search-modal" style="display: none;">
+    <div class="search-modal-overlay"></div>
+    <div class="search-modal-content">
+      <div class="search-modal-header">
+        <input 
+          type="text" 
+          id="search-modal-input" 
+          class="search-modal-input" 
+          placeholder="Search resources in {{ project.name }}..."
+          autocomplete="off"
+        >
+        <div class="search-modal-hint">
+          <kbd>↑</kbd><kbd>↓</kbd> navigate • <kbd>Enter</kbd> select • <kbd>Esc</kbd> close
+        </div>
+      </div>
+      <div id="search-results" class="search-results">
+        <div class="search-empty-state">
+          Type to search resources...
+        </div>
+      </div>
+      <div id="search-loading" class="search-loading" style="display: none;">
+        <span class="icon"><i class="fa-solid fa-spinner fa-spin"></i></span> Searching...
+      </div>
+    </div>
+  </div>
 {% endblock %}
 
+{% block scripts %}\n  <script src="{% static 'ace-1.42.0.min.js' %}" crossorigin="anonymous"></script>
+  <script src="{% static 'ace-1.42.0-ext-searchbox.min.js' %}" crossorigin="anonymous"></script>
 {% block scripts %}
   {{ detected_values|json_script:"detected_values" }}
   <script>
@@ -113,33 +142,36 @@
             scrollPositionIndex = 0;
             setDetectedValues(detected_data);
             editor.renderer.scrollToLine(detected_data[0].start_line - 1);
-            previousBtn.disabled = true;
-            nextBtn.disabled = detected_data.length - 1 === 0;
+            if (previousBtn) previousBtn.disabled = true;
+            if (nextBtn) nextBtn.disabled = detected_data.length - 1 === 0;
           } else {
             scrollPositionIndex = 0;
             editor.renderer.scrollToLine(0);
-            previousBtn.disabled = true;
-            nextBtn.disabled = true;
+            if (previousBtn) previousBtn.disabled = true;
+            if (nextBtn) nextBtn.disabled = true;
           }
         });
       });
     }
 
-    nextBtn.addEventListener('click', function() {
-      if (scrollPositionIndex >= detected_data.length - 1) return false;
-      scrollPositionIndex++;
-      editor.renderer.scrollToLine(detected_data[scrollPositionIndex].start_line - 1);
-      nextBtn.disabled = scrollPositionIndex === detected_data.length - 1;
-      previousBtn.disabled = false;
-    });
+    // Safety guard: only add listeners if buttons exist
+    if (nextBtn && previousBtn) {
+      nextBtn.addEventListener('click', function() {
+        if (scrollPositionIndex >= detected_data.length - 1) return false;
+        scrollPositionIndex++;
+        editor.renderer.scrollToLine(detected_data[scrollPositionIndex].start_line - 1);
+        nextBtn.disabled = scrollPositionIndex === detected_data.length - 1;
+        previousBtn.disabled = false;
+      });
 
-    previousBtn.addEventListener('click', function() {
-      if (scrollPositionIndex <= 0) return false;
-      scrollPositionIndex--;
-      editor.renderer.scrollToLine(detected_data[scrollPositionIndex].start_line - 1);
-      previousBtn.disabled = scrollPositionIndex === 0;
-      nextBtn.disabled = false;
-    });
+      previousBtn.addEventListener('click', function() {
+        if (scrollPositionIndex <= 0) return false;
+        scrollPositionIndex--;
+        editor.renderer.scrollToLine(detected_data[scrollPositionIndex].start_line - 1);
+        previousBtn.disabled = scrollPositionIndex === 0;
+        nextBtn.disabled = false;
+      });
+    }
 
     const fullscreenBtn = document.querySelector('#toggle-fullscreen');
     fullscreenBtn.addEventListener('click', function() {
@@ -147,6 +179,169 @@
       let is_full_screen = body.classList.toggle("full-screen");
       editor.resize()
     });
-  }
+
+    // Modal Search Functionality
+    const searchModal = document.getElementById('search-modal');
+    const searchInput = document.getElementById('search-modal-input');
+    const searchResults = document.getElementById('search-results');
+    const searchLoading = document.getElementById('search-loading');
+    const modalOverlay = document.querySelector('.search-modal-overlay');
+    
+    // Safety guard: only initialize modal if all elements exist
+    if (!searchModal || !searchInput || !searchResults || !modalOverlay) {
+      console.warn('Modal search elements not found, skipping initialization');
+    } else {
+      let selectedIndex = -1;
+      let currentResults = [];
+      let searchTimeout = null;
+      const PROJECT_SLUG = '{{ project.slug }}';
+
+    // Open modal
+    function openSearchModal() {
+      searchModal.style.display = 'flex';
+      searchInput.value = '';
+      searchInput.focus();
+      selectedIndex = -1;
+      searchResults.scrollTop = 0;  // Reset scroll position
+      searchLoading.style.display = 'none';  // Hide loading state
+      showEmptyState();
+    }
+
+    // Close modal
+    function closeSearchModal() {
+      searchModal.style.display = 'none';
+      searchInput.value = '';
+      currentResults = [];
+    }
+
+    // Show empty state
+    function showEmptyState() {
+      searchResults.innerHTML = '<div class="search-empty-state">Type to search resources...</div>';
+      searchLoading.style.display = 'none';
+    }
+
+    // Perform search via AJAX
+    function performSearch(query) {
+      if (!query || query.trim().length < 2) {
+        showEmptyState();
+        return;
+      }
+
+      searchLoading.style.display = 'block';
+      searchResults.innerHTML = '';
+
+      fetch(`/project/${PROJECT_SLUG}/resources/search/?q=${encodeURIComponent(query)}`)
+        .then(response => response.json())
+        .then(data => {
+          searchLoading.style.display = 'none';
+          displayResults(data.results || []);
+        })
+        .catch(error => {
+          console.error('Search error:', error);
+          searchLoading.style.display = 'none';
+          searchResults.innerHTML = '<div class="search-empty-state">Error loading results. Please try again.</div>';
+        });
+    }
+
+    // Display search results
+    function displayResults(results) {
+      currentResults = results;
+      selectedIndex = -1;
+
+      if (results.length === 0) {
+        searchResults.innerHTML = '<div class="search-empty-state">No resources found matching your query.</div>';
+        return;
+      }
+
+      searchResults.innerHTML = results.map((result, index) => `
+        <div class="search-result-item" data-index="${index}" data-path="${result.path}">
+          <div class="search-result-path">${result.path}</div>
+          <div class="search-result-meta">${result.type || 'file'} ${result.size ? '• ' + result.size : ''}</div>
+        </div>
+      `).join('');
+
+      // Add click handlers to results
+      document.querySelectorAll('.search-result-item').forEach(item => {
+        item.addEventListener('click', function() {
+          navigateToResource(this.dataset.path);
+        });
+      });
+    }
+
+    // Navigate to selected resource
+    function navigateToResource(path) {
+      window.location.href = `/project/${PROJECT_SLUG}/resources/${encodeURIComponent(path)}/`;
+    }
+
+    // Update selected item visually
+    function updateSelection() {
+      document.querySelectorAll('.search-result-item').forEach((item, index) => {
+        item.classList.toggle('selected', index === selectedIndex);
+      });
+
+      // Scroll selected item into view
+      if (selectedIndex >= 0) {
+        const selectedItem = document.querySelector(`.search-result-item[data-index="${selectedIndex}"]`);
+        if (selectedItem) {
+          selectedItem.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+        }
+      }
+    }
+
+    // Keyboard shortcuts for opening/closing modal
+    document.addEventListener('keydown', function(e) {
+      // Ctrl-K or Cmd-K to open modal
+      if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+        e.preventDefault();
+        openSearchModal();
+        return;
+      }
+
+      // "/" to open modal (only when not in input/textarea)
+      if (e.key === '/' && !['INPUT', 'TEXTAREA'].includes(e.target.tagName)) {
+        e.preventDefault();
+        openSearchModal();
+        return;
+      }
+
+      // Escape to close modal
+      if (e.key === 'Escape' && searchModal.style.display === 'flex') {
+        e.preventDefault();
+        closeSearchModal();
+        return;
+      }
+
+      // Arrow navigation and Enter in modal
+      if (searchModal.style.display === 'flex' && currentResults.length > 0) {
+        if (e.key === 'ArrowDown') {
+          e.preventDefault();
+          selectedIndex = Math.min(selectedIndex + 1, currentResults.length - 1);
+          updateSelection();
+        } else if (e.key === 'ArrowUp') {
+          e.preventDefault();
+          selectedIndex = Math.max(selectedIndex - 1, -1);
+          updateSelection();
+        } else if (e.key === 'Enter' && selectedIndex >= 0) {
+          e.preventDefault();
+          navigateToResource(currentResults[selectedIndex].path);
+        }
+      }
+    });
+
+    // Search input handler with debouncing
+    searchInput.addEventListener('input', function(e) {
+      clearTimeout(searchTimeout);
+      const query = e.target.value;
+      
+      searchTimeout = setTimeout(() => {
+        performSearch(query);
+      }, 300); // 300ms debounce
+    });
+
+    // Click overlay to close
+    modalOverlay.addEventListener('click', closeSearchModal);
+
+  }  // End of safety guard check
+
   </script>
 {% endblock %}
\ No newline at end of file
diff --git a/scanpipe/urls.py b/scanpipe/urls.py
index c0d47fbb2c..2e21595322 100644
--- a/scanpipe/urls.py
+++ b/scanpipe/urls.py
@@ -36,6 +36,11 @@
         views.codebase_resource_diff_view,
         name="resource_diff",
     ),
+    path(
+        "project/<slug:slug>/resources/search/",
+        views.resource_search_ajax_view,
+        name="resource_search_ajax",
+    ),
     path(
         "project/<slug:slug>/resources/<path:path>/",
         views.CodebaseResourceDetailsView.as_view(),
diff --git a/scanpipe/views.py b/scanpipe/views.py
index 5e657b874b..3bf9d09d98 100644
--- a/scanpipe/views.py
+++ b/scanpipe/views.py
@@ -2212,6 +2212,55 @@ def codebase_resource_diff_view(request, slug):
     return HttpResponse(html)
 
 
+@conditional_login_required
+def resource_search_ajax_view(request, slug):
+    """AJAX endpoint for searching resources within a project."""
+    from django.http import JsonResponse
+    from django.db.models import Q
+    
+    project = get_object_or_404(Project, slug=slug)
+    query = request.GET.get("q", "").strip()
+    
+    if not query or len(query) < 2:
+        return JsonResponse({"results": []})
+    
+    # Search by name, extension, or parts of path (OR logic)
+    # This allows searching for just the filename like "arch" or extension like ".py"
+    search_filter = (
+        Q(name__icontains=query) |           # Match filename
+        Q(extension__icontains=query) |      # Match extension
+        Q(path__icontains=query)             # Match anywhere in path
+    )
+    
+    resources = (
+        project.codebaseresources
+        .only("path", "name", "type", "size")
+        .filter(search_filter)
+        .order_by("name", "path")[:15]  # Order by name for better UX
+    )
+    
+    results = []
+    for resource in resources:
+        # Format file size for display
+        size_display = ""
+        if resource.size:
+            if resource.size < 1024:
+                size_display = f"{resource.size} B"
+            elif resource.size < 1024 * 1024:
+                size_display = f"{resource.size / 1024:.1f} KB"
+            else:
+                size_display = f"{resource.size / (1024 * 1024):.1f} MB"
+        
+        results.append({
+            "path": resource.path,
+            "name": resource.name or "",  # Show filename separately
+            "type": resource.type or "file",
+            "size": size_display,
+        })
+    
+    return JsonResponse({"results": results})
+
+
 class DiscoveredPackageDetailsView(
     ConditionalLoginRequired,
     ProjectRelatedViewMixin,