From 6efa8b61ecfedb4a66650ad73e1292c3f4f29830 Mon Sep 17 00:00:00 2001
From: Vaibhav Singh <0vaibhavsingh0@gmail.com>
Date: Tue, 3 Sep 2024 08:41:46 -0300
Subject: [PATCH] chore: remove html templates

---
 ReadMe.md                        |  12 +-
 app/internal/config/config.go    |  52 +++---
 app/internal/server/server.go    |   1 -
 app/templates/chat.html          | 305 -------------------------------
 app/templates/chat_messages.html |  25 ---
 app/templates/error.html         |  69 -------
 app/templates/index.html         | 125 -------------
 7 files changed, 29 insertions(+), 560 deletions(-)
 delete mode 100644 app/templates/chat.html
 delete mode 100644 app/templates/chat_messages.html
 delete mode 100644 app/templates/error.html
 delete mode 100644 app/templates/index.html

diff --git a/ReadMe.md b/ReadMe.md
index fdfcc3d..239a616 100644
--- a/ReadMe.md
+++ b/ReadMe.md
@@ -58,7 +58,6 @@ Nous consists of two main services:
 │   ├── internal
 │   ├── nous.db
 │   ├── static
-│   └── templates
 ├── docker-compose.yml
 ├── docs
 │   ├── crag-architecture.png
@@ -192,7 +191,6 @@ The Golang server configuration manages various aspects of the web server, inclu
 ```go
 type Config struct {
     StaticPath    string
-    TemplatesPath string
     ServerAddr    string
     DatabasePath  string
     LLMBaseURL    string
@@ -203,7 +201,6 @@ type Config struct {
 #### Configuration Options
 
 - `StaticPath`: Path to static files (default: `"../static"` relative to the executable)
-- `TemplatesPath`: Path to HTML templates (default: `"../templates/*"` relative to the executable)
 - `ServerAddr`: Address and port for the HTTP server (default: `:8080`)
 - `DatabasePath`: Path to the SQLite database file (default: `"./nous.db"`)
 - `LLMBaseURL`: URL of the LLM service (default: `"http://localhost:5000"`)
@@ -214,11 +211,10 @@ type Config struct {
 You can customize these settings using environment variables:
 
 1. `STATIC_PATH`: Set the path to static files
-2. `TEMPLATES_PATH`: Set the path to HTML templates
-3. `SERVER_ADDR`: Set the server address and port
-4. `DATABASE_PATH`: Set the path to the SQLite database file
-5. `LLM_BASE_URL`: Set the URL of the LLM service
-6. `REDIS_ADDR`: Set the address of the Redis server
+2. `SERVER_ADDR`: Set the server address and port
+3. `DATABASE_PATH`: Set the path to the SQLite database file
+4. `LLM_BASE_URL`: Set the URL of the LLM service
+5. `REDIS_ADDR`: Set the address of the Redis server
 
 Example:
 ```bash
diff --git a/app/internal/config/config.go b/app/internal/config/config.go
index 32a215a..92dbcd9 100644
--- a/app/internal/config/config.go
+++ b/app/internal/config/config.go
@@ -7,45 +7,43 @@ import (
 
 // Config holds all configuration for the application
 type Config struct {
-    StaticPath    string
-    TemplatesPath string
-    ServerAddr    string
-    DatabasePath  string
-    LLMBaseURL    string
-    RedisAddr     string
+	StaticPath   string
+	ServerAddr   string
+	DatabasePath string
+	LLMBaseURL   string
+	RedisAddr    string
 }
 
 // Load returns a new Config struct populated with values from environment variables or defaults
 func Load() (*Config, error) {
-    exPath, err := getExecutablePath()
-    if err != nil {
-        return nil, err
-    }
+	exPath, err := getExecutablePath()
+	if err != nil {
+		return nil, err
+	}
 
-    return &Config{
-        StaticPath:    getEnv("STATIC_PATH", filepath.Join(exPath, "..", "static")),
-        TemplatesPath: getEnv("TEMPLATES_PATH", filepath.Join(exPath, "..", "templates", "*")),
-        ServerAddr:    getEnv("SERVER_ADDR", ":8080"),
-        DatabasePath:  getEnv("DATABASE_PATH", "./nous.db"),
-        LLMBaseURL:    getEnv("LLM_BASE_URL", "http://localhost:5000"),
-        RedisAddr:     getEnv("REDIS_ADDR", "localhost:6379"),
-    }, nil
+	return &Config{
+		StaticPath:   getEnv("STATIC_PATH", filepath.Join(exPath, "..", "static")),
+		ServerAddr:   getEnv("SERVER_ADDR", ":8080"),
+		DatabasePath: getEnv("DATABASE_PATH", "./nous.db"),
+		LLMBaseURL:   getEnv("LLM_BASE_URL", "http://localhost:5000"),
+		RedisAddr:    getEnv("REDIS_ADDR", "localhost:6379"),
+	}, nil
 }
 
 // getExecutablePath returns the directory of the current executable
 func getExecutablePath() (string, error) {
-    ex, err := os.Executable()
-    if err != nil {
-        return "", err
-    }
-    return filepath.Dir(ex), nil
+	ex, err := os.Executable()
+	if err != nil {
+		return "", err
+	}
+	return filepath.Dir(ex), nil
 }
 
 // getEnv retrieves the value of the environment variable named by the key
 // If the variable is not present, it returns the fallback value
 func getEnv(key, fallback string) string {
-    if value, exists := os.LookupEnv(key); exists {
-        return value
-    }
-    return fallback
+	if value, exists := os.LookupEnv(key); exists {
+		return value
+	}
+	return fallback
 }
diff --git a/app/internal/server/server.go b/app/internal/server/server.go
index 8cb1479..fa84c76 100644
--- a/app/internal/server/server.go
+++ b/app/internal/server/server.go
@@ -42,7 +42,6 @@ func (s *DefaultServer) SetupRoutes() {
 	s.router.Use(s.globalErrorHandler())
 
 	s.router.Static("/static", s.config.StaticPath)
-	s.router.LoadHTMLGlob(s.config.TemplatesPath)
 
 	chatStore := store.NewChatStore(s.db.GetDB())
 	chatAPIHandler := handlers.NewChatAPIHandler(chatStore, s.llmClient)
diff --git a/app/templates/chat.html b/app/templates/chat.html
deleted file mode 100644
index b6992f6..0000000
--- a/app/templates/chat.html
+++ /dev/null
@@ -1,305 +0,0 @@
-<!doctype html>
-<html lang="en" class="dark">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Nous - Chat</title>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/htmx/1.9.6/htmx.min.js"></script>
-        <script src="https://cdn.tailwindcss.com"></script>
-        <script>
-            tailwind.config = {
-                darkMode: "class",
-                theme: {
-                    extend: {
-                        colors: {
-                            primary: {
-                                50: "#f0f9ff",
-                                100: "#e0f2fe",
-                                200: "#bae6fd",
-                                300: "#7dd3fc",
-                                400: "#38bdf8",
-                                500: "#0ea5e9",
-                                600: "#0284c7",
-                                700: "#0369a1",
-                                800: "#075985",
-                                900: "#0c4a6e",
-                                950: "#082f49",
-                            },
-                        },
-                    },
-                },
-            };
-        </script>
-    </head>
-
-    <body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
-        <header class="bg-gray-800 py-4">
-            <div class="container mx-auto px-4">
-                <h1 class="text-2xl font-bold text-center text-primary-300">
-                    <a href="/"> Nous Chat </a>
-                </h1>
-            </div>
-        </header>
-
-        <main
-            class="flex-grow container mx-auto px-4 py-8 flex flex-col relative"
-        >
-            <div
-                id="chat-messages"
-                class="flex-grow overflow-y-auto mb-4 space-y-4"
-            >
-                {{range .chats}} {{if eq .Type "user"}}
-                <div class="flex justify-end">
-                    <div
-                        class="bg-primary-600 text-white p-3 rounded-lg max-w-3/4"
-                    >
-                        <p>{{.Text}}</p>
-                    </div>
-                </div>
-                {{else}}
-                <div class="flex justify-start">
-                    <div
-                        class="bg-gray-700 text-white p-3 rounded-lg max-w-3/4 relative group"
-                    >
-                        <p>{{.Text}}</p>
-                        <button
-                            class="copy-btn absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-gray-600 p-1 rounded"
-                        >
-                            <svg
-                                xmlns="http://www.w3.org/2000/svg"
-                                class="h-4 w-4"
-                                fill="none"
-                                viewBox="0 0 24 24"
-                                stroke="currentColor"
-                            >
-                                <path
-                                    stroke-linecap="round"
-                                    stroke-linejoin="round"
-                                    stroke-width="2"
-                                    d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"
-                                />
-                            </svg>
-                        </button>
-                    </div>
-                </div>
-                {{end}} {{end}}
-            </div>
-
-            <div
-                id="overlay"
-                class="hidden fixed inset-0 bg-gray-900 bg-opacity-50 z-50 flex justify-center items-center"
-            >
-                <div
-                    class="bg-gray-800 rounded-lg p-6 flex flex-col items-center"
-                >
-                    <div
-                        class="animate-spin rounded-full h-16 w-16 border-t-4 border-b-4 border-primary-500 mb-4"
-                    ></div>
-                    <p class="text-primary-300 font-semibold">Thinking...</p>
-                </div>
-            </div>
-
-            <div class="w-full max-w-2xl mx-auto">
-                <form
-                    id="chat-form"
-                    hx-post="/chat/{{.chatID}}"
-                    hx-target="#chat-messages"
-                    hx-swap="beforeend"
-                    class="relative"
-                >
-                    <input type="hidden" name="sid" value="{{.sessionID}}" />
-                    <input
-                        id="chat-input"
-                        type="text"
-                        name="query"
-                        value="{{.query}}"
-                        placeholder="Ask me anything..."
-                        class="w-full py-4 px-6 bg-gray-800 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary-500 transition duration-300 shadow-lg"
-                        required
-                    />
-                    <button
-                        id="submit-button"
-                        type="submit"
-                        class="absolute right-3 top-1/2 transform -translate-y-1/2 bg-primary-600 text-white p-2 rounded-full hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 transition duration-300"
-                    >
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            class="h-6 w-6"
-                            fill="none"
-                            viewBox="0 0 24 24"
-                            stroke="currentColor"
-                        >
-                            <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                stroke-width="2"
-                                d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                            />
-                        </svg>
-                    </button>
-                </form>
-            </div>
-        </main>
-
-        <footer class="bg-gray-800 py-3">
-            <div class="container mx-auto px-4">
-                <p class="text-center text-gray-400 text-sm">
-                    &copy; <span id="current-year"></span> Nous. All rights
-                    reserved.
-                </p>
-            </div>
-        </footer>
-
-        <script>
-            document.getElementById("current-year").textContent =
-                new Date().getFullYear();
-
-            // Function to get URL parameters
-            function getUrlParameter(name) {
-                name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
-                var regex = new RegExp("[\\?&]" + name + "=([^&#]*)");
-                var results = regex.exec(location.search);
-                return results === null
-                    ? ""
-                    : decodeURIComponent(results[1].replace(/\+/g, " "));
-            }
-
-            // Function to remove URL parameters
-            function removeUrlParameters() {
-                window.history.replaceState(
-                    {},
-                    document.title,
-                    window.location.pathname,
-                );
-            }
-
-            // Scroll to bottom after new messages are added
-            document.body.addEventListener("htmx:afterSwap", function (event) {
-                var chatMessages = document.getElementById("chat-messages");
-                chatMessages.scrollTop = chatMessages.scrollHeight;
-                addCopyListeners();
-            });
-
-            // Show loader on form submission
-            document
-                .getElementById("chat-form")
-                .addEventListener("htmx:beforeRequest", function (event) {
-                    document.getElementById("chat-input").value = "";
-                    document
-                        .getElementById("submit-button")
-                        .classList.add("hidden");
-                    document
-                        .getElementById("overlay")
-                        .classList.remove("hidden");
-                });
-
-            // Hide loader after response is received
-            document.body.addEventListener("htmx:afterSwap", function (event) {
-                document
-                    .getElementById("submit-button")
-                    .classList.remove("hidden");
-                document.getElementById("overlay").classList.add("hidden");
-            });
-
-            // Function to remove all "Copied!" spans
-            function removeCopiedSpans() {
-                document
-                    .querySelectorAll(".copied-span")
-                    .forEach((span) => span.remove());
-            }
-
-            // Function to add copy listeners to all copy buttons
-            function addCopyListeners() {
-                document.querySelectorAll(".copy-btn").forEach((btn) => {
-                    btn.addEventListener("click", function () {
-                        removeCopiedSpans();
-                        const text =
-                            this.parentElement.querySelector("p").textContent;
-                        navigator.clipboard.writeText(text).then(() => {
-                            const copiedSpan = document.createElement("span");
-                            copiedSpan.textContent = "Copied!";
-                            copiedSpan.className =
-                                "copied-span text-xs absolute top-2 right-8 bg-gray-800 text-white px-2 py-1 rounded";
-                            this.parentElement.appendChild(copiedSpan);
-                            setTimeout(() => copiedSpan.remove(), 1000);
-                        });
-                    });
-                });
-            }
-
-            addCopyListeners();
-
-            // Add event listener for Cmd+K
-            document.addEventListener("keydown", function (e) {
-                if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-                    e.preventDefault();
-                    document.getElementById("chat-input").focus();
-                }
-            });
-
-            // Handle initial load, URL parameters, and form submission
-            window.addEventListener("load", function () {
-                const chatForm = document.getElementById("chat-form");
-                const chatInput = document.getElementById("chat-input");
-                const sessionIdInput =
-                    document.querySelector('input[name="sid"]');
-
-                const urlQuery = getUrlParameter("query");
-                const urlSessionId = getUrlParameter("sid");
-
-                const storedSessionId = sessionStorage.getItem(
-                    "sessionId",
-                    urlSessionId,
-                );
-                const chatExists = sessionStorage.getItem("chatExists");
-                const makeRequest = !storedSessionId && !chatExists;
-                if (!makeRequest) {
-                    return;
-                }
-
-                if (urlSessionId) {
-                    sessionStorage.setItem("sessionId", urlSessionId);
-                    sessionIdInput.value = urlSessionId;
-                } else {
-                    if (storedSessionId) {
-                        sessionIdInput.value = storedSessionId;
-                    }
-                }
-
-                if (urlQuery) {
-                    chatInput.value = urlQuery;
-                    removeUrlParameters();
-
-                    // Submit the form
-                    const formData = new FormData(chatForm);
-                    fetch(chatForm.getAttribute("hx-post"), {
-                        method: "POST",
-                        body: formData,
-                    })
-                        .then((response) => response.text())
-                        .then((html) => {
-                            document
-                                .getElementById("chat-messages")
-                                .insertAdjacentHTML("beforeend", html);
-                            chatInput.value = "";
-                            document.getElementById("chat-messages").scrollTop =
-                                document.getElementById(
-                                    "chat-messages",
-                                ).scrollHeight;
-                            addCopyListeners();
-                        })
-                        .catch((error) => console.error("Error:", error))
-                        .finally(() => {
-                            sessionStorage.setItem("chatExists", true);
-                            document
-                                .getElementById("submit-button")
-                                .classList.remove("hidden");
-                            document
-                                .getElementById("overlay")
-                                .classList.add("hidden");
-                        });
-                }
-            });
-        </script>
-    </body>
-</html>
diff --git a/app/templates/chat_messages.html b/app/templates/chat_messages.html
deleted file mode 100644
index 53049ea..0000000
--- a/app/templates/chat_messages.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{{if .userMessage}}
-<!-- User message -->
-<div class="flex justify-end">
-    <div class="bg-primary-600 text-white p-3 rounded-lg max-w-3/4 relative group">
-        <p>{{.userMessage}}</p>
-    </div>
-</div>
-{{end}}
-
-{{if .botResponse}}
-<!-- LLM response -->
-<div class="flex justify-start">
-    <div class="bg-gray-700 text-white p-3 rounded-lg max-w-3/4 relative group">
-        <p>{{.botResponse}}</p>
-        <button
-            class="copy-btn absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-gray-600 p-1 rounded">
-            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
-                stroke="currentColor">
-                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                    d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
-            </svg>
-        </button>
-    </div>
-</div>
-{{end}}
\ No newline at end of file
diff --git a/app/templates/error.html b/app/templates/error.html
deleted file mode 100644
index bbb3f1d..0000000
--- a/app/templates/error.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="dark">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Nous - Error</title>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/htmx/1.9.6/htmx.min.js"></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-      tailwind.config = {
-        darkMode: "class",
-        theme: {
-          extend: {
-            colors: {
-              primary: {
-                50: "#f0f9ff",
-                100: "#e0f2fe",
-                200: "#bae6fd",
-                300: "#7dd3fc",
-                400: "#38bdf8",
-                500: "#0ea5e9",
-                600: "#0284c7",
-                700: "#0369a1",
-                800: "#075985",
-                900: "#0c4a6e",
-                950: "#082f49",
-              },
-            },
-          },
-        },
-      };
-    </script>
-  </head>
-
-  <body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
-    <header class="bg-gray-800 py-4">
-      <div class="container mx-auto px-4">
-        <h1 class="text-2xl font-bold text-center text-primary-300">
-          Nous Chat
-        </h1>
-      </div>
-    </header>
-
-    <main class="flex-grow container mx-auto px-4 py-8 flex flex-col items-center justify-center">
-      <div class="bg-gray-800 rounded-lg p-8 max-w-md w-full text-center">
-        <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16 text-red-500 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
-        </svg>
-        <h2 class="text-xl font-semibold mb-4">Oops! An error occurred</h2>
-        <p class="text-gray-300 mb-6">{{.error}}</p>
-        <a href="/" class="bg-primary-600 text-white py-2 px-4 rounded-lg hover:bg-primary-700 transition duration-300">
-          Return to Home
-        </a>
-      </div>
-    </main>
-
-    <footer class="bg-gray-800 py-3">
-      <div class="container mx-auto px-4">
-        <p class="text-center text-gray-400 text-sm">
-          &copy; <span id="current-year"></span> Nous. All rights reserved.
-        </p>
-      </div>
-    </footer>
-
-    <script>
-      document.getElementById("current-year").textContent = new Date().getFullYear();
-    </script>
-  </body>
-</html>
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/index.html
deleted file mode 100644
index 3c4d55c..0000000
--- a/app/templates/index.html
+++ /dev/null
@@ -1,125 +0,0 @@
-<!doctype html>
-<html lang="en" class="dark">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Nous - Personal Knowledge Assistant</title>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/htmx/1.9.6/htmx.min.js"></script>
-        <script src="https://cdn.tailwindcss.com"></script>
-        <script>
-            tailwind.config = {
-                darkMode: "class",
-                theme: {
-                    extend: {
-                        colors: {
-                            primary: {
-                                50: "#f0f9ff",
-                                100: "#e0f2fe",
-                                200: "#bae6fd",
-                                300: "#7dd3fc",
-                                400: "#38bdf8",
-                                500: "#0ea5e9",
-                                600: "#0284c7",
-                                700: "#0369a1",
-                                800: "#075985",
-                                900: "#0c4a6e",
-                                950: "#082f49",
-                            },
-                        },
-                    },
-                },
-            };
-        </script>
-    </head>
-    <body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col">
-        <header class="bg-gray-800 py-6">
-            <div class="container mx-auto px-4">
-                <h1 class="text-4xl font-bold text-center text-primary-300">
-                    <a href="/"> Nous</a>
-                </h1>
-                <p class="text-center text-gray-400 mt-2">
-                    Your Personal Knowledge Assistant
-                </p>
-            </div>
-        </header>
-        <main class="flex-grow container mx-auto px-4 py-8 flex flex-col">
-            <div class="w-full max-w-2xl mx-auto mt-8">
-                <form
-                    id="search-form"
-                    action="/chat"
-                    method="GET"
-                    class="relative"
-                >
-                    <input
-                        type="text"
-                        name="query"
-                        placeholder="Ask me anything..."
-                        class="w-full py-4 px-6 bg-gray-800 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-primary-500 transition duration-300 shadow-lg"
-                        required
-                    />
-                    <button
-                        type="submit"
-                        class="absolute right-3 top-1/2 transform -translate-y-1/2 bg-primary-600 text-white p-2 rounded-full hover:bg-primary-700 focus:outline-none focus:ring-2 focus:ring-primary-500 transition duration-300"
-                    >
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            class="h-6 w-6"
-                            fill="none"
-                            viewBox="0 0 24 24"
-                            stroke="currentColor"
-                        >
-                            <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                stroke-width="2"
-                                d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
-                            />
-                        </svg>
-                    </button>
-                </form>
-            </div>
-        </main>
-        <!-- Overlay loader -->
-        <div
-            id="overlay"
-            class="hidden fixed inset-0 bg-gray-900 bg-opacity-50 z-50 flex justify-center items-center"
-        >
-            <div class="bg-gray-800 rounded-lg p-6 flex flex-col items-center">
-                <div
-                    class="animate-spin rounded-full h-16 w-16 border-t-4 border-b-4 border-primary-500 mb-4"
-                ></div>
-                <p class="text-primary-300 font-semibold">Thinking...</p>
-            </div>
-        </div>
-        <footer class="bg-gray-800 py-4 mt-auto">
-            <div class="container mx-auto px-4">
-                <p class="text-center text-gray-400 text-sm">
-                    &copy; <span id="current-year"></span> Nous. All rights
-                    reserved.
-                </p>
-            </div>
-        </footer>
-        <script>
-            document.getElementById("current-year").textContent =
-                new Date().getFullYear();
-            // Show overlay on form submission
-            document
-                .getElementById("search-form")
-                .addEventListener("submit", function (event) {
-                    event.preventDefault();
-                    document
-                        .getElementById("overlay")
-                        .classList.remove("hidden");
-                    const query = event.target.elements.query.value;
-                    window.location.href = `/chat?query=${encodeURIComponent(query)}`;
-                });
-            // Add event listener for Cmd+K
-            document.addEventListener("keydown", function (e) {
-                if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-                    e.preventDefault(); // Prevent the default browser behavior
-                    document.querySelector('input[name="query"]').focus();
-                }
-            });
-        </script>
-    </body>
-</html>