Fix gistpreview URL handling in search feature

- Fix gist ID extraction to use query string (?gist-id/file.html) instead
  of pathname
- Preserve query string when updating URL hash for search terms
- Ensures search URL stays as ?gist-id/index.html#search=term instead of
  losing the gist ID

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: simonw

src/claude_code_transcripts/templates/search.js

@@ -22,10 +22,10 @@
     var gistInfoLoaded = false;
 
     if (isGistPreview) {
-        // Extract gist ID from URL path like /gist-id/index.html or /gist-id/raw/index.html
-        var pathMatch = window.location.pathname.match(/^\/([a-f0-9]+)/i);
-        if (pathMatch) {
-            gistId = pathMatch[1];
+        // Extract gist ID from URL query string like ?78a436a8a9e7a2e603738b8193b95410/index.html
+        var queryMatch = window.location.search.match(/^\?([a-f0-9]+)/i);
+        if (queryMatch) {
+            gistId = queryMatch[1];
         }
     }
 
@@ -74,15 +74,16 @@
 
     function closeModal() {
         modal.close();
-        // Update URL to remove search fragment
+        // Update URL to remove search fragment, preserving path and query string
         if (window.location.hash.startsWith('#search=')) {
-            history.replaceState(null, '', window.location.pathname);
+            history.replaceState(null, '', window.location.pathname + window.location.search);
         }
     }
 
     function updateUrlHash(query) {
         if (query) {
-            history.replaceState(null, '', '#search=' + encodeURIComponent(query));
+            // Preserve path and query string when adding hash
+            history.replaceState(null, '', window.location.pathname + window.location.search + '#search=' + encodeURIComponent(query));
         }
     }
 

tests/__snapshots__/test_generate_html/TestGenerateHtml.test_generates_index_html.html

@@ -225,10 +225,10 @@ <h1>Claude Code transcript</h1>
     var gistInfoLoaded = false;
 
     if (isGistPreview) {
-        // Extract gist ID from URL path like /gist-id/index.html or /gist-id/raw/index.html
-        var pathMatch = window.location.pathname.match(/^\/([a-f0-9]+)/i);
-        if (pathMatch) {
-            gistId = pathMatch[1];
+        // Extract gist ID from URL query string like ?78a436a8a9e7a2e603738b8193b95410/index.html
+        var queryMatch = window.location.search.match(/^\?([a-f0-9]+)/i);
+        if (queryMatch) {
+            gistId = queryMatch[1];
         }
     }
 
@@ -277,15 +277,16 @@ <h1>Claude Code transcript</h1>
 
     function closeModal() {
         modal.close();
-        // Update URL to remove search fragment
+        // Update URL to remove search fragment, preserving path and query string
         if (window.location.hash.startsWith('#search=')) {
-            history.replaceState(null, '', window.location.pathname);
+            history.replaceState(null, '', window.location.pathname + window.location.search);
         }
     }
 
     function updateUrlHash(query) {
         if (query) {
-            history.replaceState(null, '', '#search=' + encodeURIComponent(query));
+            // Preserve path and query string when adding hash
+            history.replaceState(null, '', window.location.pathname + window.location.search + '#search=' + encodeURIComponent(query));
         }
     }
 

tests/__snapshots__/test_generate_html/TestParseSessionFile.test_jsonl_generates_html.html

@@ -216,10 +216,10 @@ <h1>Claude Code transcript</h1>
     var gistInfoLoaded = false;
 
     if (isGistPreview) {
-        // Extract gist ID from URL path like /gist-id/index.html or /gist-id/raw/index.html
-        var pathMatch = window.location.pathname.match(/^\/([a-f0-9]+)/i);
-        if (pathMatch) {
-            gistId = pathMatch[1];
+        // Extract gist ID from URL query string like ?78a436a8a9e7a2e603738b8193b95410/index.html
+        var queryMatch = window.location.search.match(/^\?([a-f0-9]+)/i);
+        if (queryMatch) {
+            gistId = queryMatch[1];
         }
     }
 
@@ -268,15 +268,16 @@ <h1>Claude Code transcript</h1>
 
     function closeModal() {
         modal.close();
-        // Update URL to remove search fragment
+        // Update URL to remove search fragment, preserving path and query string
         if (window.location.hash.startsWith('#search=')) {
-            history.replaceState(null, '', window.location.pathname);
+            history.replaceState(null, '', window.location.pathname + window.location.search);
         }
     }
 
     function updateUrlHash(query) {
         if (query) {
-            history.replaceState(null, '', '#search=' + encodeURIComponent(query));
+            // Preserve path and query string when adding hash
+            history.replaceState(null, '', window.location.pathname + window.location.search + '#search=' + encodeURIComponent(query));
         }
     }