From 020a956c89471806b8e2fe3dbf46f1f383ece70e Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Mon, 5 Aug 2024 19:18:04 +0530
Subject: [PATCH 1/4] Show user email address on settings menu for logged in
 account context

---
 src/interface/web/app/components/navMenu/navMenu.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index 9510620d..bbd56de3 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -99,6 +99,12 @@ export default function NavMenu() {
                         )}
                     </DropdownMenuTrigger>
                     <DropdownMenuContent className="gap-2">
+                        <DropdownMenuItem className="w-full">
+                            <div className="flex flex-rows">
+                                <p className="font-semibold">{userData?.email}</p>
+                            </div>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
                         <DropdownMenuItem
                             onClick={() => setDarkMode(!darkMode)}
                             className="w-full cursor-pointer"
@@ -200,6 +206,12 @@ export default function NavMenu() {
                             )}
                         </MenubarTrigger>
                         <MenubarContent align="end" className="rounded-xl gap-2">
+                            <MenubarItem className="w-full">
+                                <div className="flex flex-rows">
+                                    <p className="font-semibold">{userData?.email}</p>
+                                </div>
+                            </MenubarItem>
+                            <MenubarSeparator className="dark:bg-white height-[2px] bg-black" />
                             <MenubarItem
                                 onClick={() => setDarkMode(!darkMode)}
                                 className="w-full hover:cursor-pointer"

From 4258392fc7885eddfdbdcdf04dc47d616f6f07e9 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Mon, 5 Aug 2024 19:24:16 +0530
Subject: [PATCH 2/4] Auto focus on email input on login screen for smoother
 login experience

---
 src/khoj/interface/web/login.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/khoj/interface/web/login.html b/src/khoj/interface/web/login.html
index d9b24bb1..39c3911b 100644
--- a/src/khoj/interface/web/login.html
+++ b/src/khoj/interface/web/login.html
@@ -18,7 +18,7 @@
                 <div class="login-modal-title">Login to Khoj</div>
                 <!-- Sign in with Magic Link -->
                 <div class="khoj-magic-link">
-                    <input type="email" id="email" placeholder="Email" required>
+                    <input type="email" id="email" placeholder="Email" autofocus required>
                     <button id="magic-link-button">Send Magic Link</button>
                 </div>
                 <!-- Divider -->

From ec106d743d4cf8cf6aa0dfdb8d4dc3fbbc440c3c Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Mon, 5 Aug 2024 19:24:39 +0530
Subject: [PATCH 3/4] Use file icon associated with search page results.
 Improve search bar

---
 src/interface/web/app/search/page.tsx | 31 ++++++++++++++++-----------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/interface/web/app/search/page.tsx b/src/interface/web/app/search/page.tsx
index a6972d80..a49f0268 100644
--- a/src/interface/web/app/search/page.tsx
+++ b/src/interface/web/app/search/page.tsx
@@ -20,8 +20,6 @@ import {
     ArrowRight,
     FileDashed,
     FileMagnifyingGlass,
-    Folder,
-    FolderOpen,
     GithubLogo,
     Lightbulb,
     LinkSimple,
@@ -31,6 +29,7 @@ import {
 } from "@phosphor-icons/react";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
+import { getIconFromFilename } from "../common/iconUtils";
 
 interface AdditionalData {
     file: string;
@@ -87,14 +86,15 @@ function Note(props: NoteResultProps) {
     const fileName = isFileNameURL
         ? note.additional.heading
         : note.additional.file.split("/").pop();
+    const fileIcon = getIconFromFilename(fileName || ".txt", "h-4 w-4 inline mr-2");
 
     return (
         <Card className="bg-secondary h-full shadow-sm rounded-lg bg-gradient-to-b from-background to-slate-50 dark:to-gray-950 border border-muted mb-4">
             <CardHeader>
-                <CardDescription className="p-1 border-muted border w-fit rounded-lg mb-2">
+                <CardTitle className="inline-flex gap-2">
                     {getNoteTypeIcon(note.additional.source)}
-                </CardDescription>
-                <CardTitle>{fileName}</CardTitle>
+                    {fileName}
+                </CardTitle>
             </CardHeader>
             <CardContent>
                 <div className="line-clamp-4 text-muted-foreground">{note.entry}</div>
@@ -118,8 +118,8 @@ function Note(props: NoteResultProps) {
                         {note.additional.file}
                     </a>
                 ) : (
-                    <div className="bg-muted p-1 text-sm rounded-lg text-muted-foreground">
-                        <FolderOpen className="inline m-2" />
+                    <div className="bg-muted p-2 text-sm rounded-lg text-muted-foreground">
+                        {fileIcon}
                         {note.additional.file}
                     </div>
                 )}
@@ -133,6 +133,8 @@ function focusNote(note: SearchResult) {
     const fileName = isFileNameURL
         ? note.additional.heading
         : note.additional.file.split("/").pop();
+    const fileIcon = getIconFromFilename(fileName || ".txt", "h-4 w-4 inline mr-2");
+
     return (
         <Card className="bg-secondary h-full shadow-sm rounded-lg bg-gradient-to-b from-background to-slate-50 dark:to-gray-950 border border-muted mb-4">
             <CardHeader>
@@ -150,7 +152,7 @@ function focusNote(note: SearchResult) {
                     </a>
                 ) : (
                     <div className="bg-muted p-3 text-sm rounded-lg text-muted-foreground flex items-center gap-2">
-                        <FolderOpen className="inline" />
+                        {fileIcon}
                         {note.additional.file}
                     </div>
                 )}
@@ -243,18 +245,21 @@ export default function Search() {
             <div className={`${styles.searchLayout}`}>
                 <div className="md:w-3/4 sm:w-full mx-auto pt-6 md:pt-8">
                     <div className="p-4 md:w-3/4 sm:w-full mx-auto">
-                        <div className="flex justify-between items-center border-2 border-muted p-2 gap-4 rounded-lg">
-                            <MagnifyingGlass className="inline m-2 h-4 w-4" />
+                        <div className="flex justify-between items-center border-2 border-muted p-1 gap-1 rounded-lg">
                             <Input
                                 autoFocus={true}
-                                className="border-none"
+                                className="border-none pl-4"
                                 onChange={(e) => setSearchQuery(e.currentTarget.value)}
                                 onKeyDown={(e) => e.key === "Enter" && search()}
                                 type="search"
                                 placeholder="Search Documents"
                             />
-                            <button className="px-4 rounded" onClick={() => search()}>
-                                Find
+                            <button
+                                className="px-2 gap-2 inline-flex items-center rounded border-l border-gray-300 hover:text-gray-500"
+                                onClick={() => search()}
+                            >
+                                <MagnifyingGlass className="h-4 w-4" />
+                                <span>Find</span>
                             </button>
                         </div>
                         {focusSearchResult && (

From a4388c5e65fafe0cf55eeac8ca2d0b6865d4fa43 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Mon, 5 Aug 2024 20:12:35 +0530
Subject: [PATCH 4/4] Use custom Khoj Icons for Search, Agents & Automation in
 Nav Menu

- Update agents, automations, search svg icons
---
 .../web/app/components/logo/khojLogo.tsx      | 113 +++++++++++++++++-
 .../web/app/components/navMenu/navMenu.tsx    |  13 +-
 .../interface/web/assets/icons/agents.svg     |  22 +++-
 .../interface/web/assets/icons/automation.svg |  75 ++++++------
 .../interface/web/assets/icons/search.svg     |  48 ++++++--
 5 files changed, 213 insertions(+), 58 deletions(-)

diff --git a/src/interface/web/app/components/logo/khojLogo.tsx b/src/interface/web/app/components/logo/khojLogo.tsx
index b3afd9ca..66cb2396 100644
--- a/src/interface/web/app/components/logo/khojLogo.tsx
+++ b/src/interface/web/app/components/logo/khojLogo.tsx
@@ -1,10 +1,11 @@
-export function KhojLogoType() {
+export function KhojLogoType({ className }: { className?: string }) {
+    const classes = className ?? "fill-zinc-950 dark:fill-zinc-300";
     return (
         <svg
             width="70"
             height="auto"
             viewBox="0 0 442 200"
-            className="fill-zinc-950 dark:fill-zinc-300"
+            className={`${classes}`}
             xmlns="http://www.w3.org/2000/svg"
         >
             <g clipPath="url(#clip0_45_75)">
@@ -45,13 +46,14 @@ export function KhojLogoType() {
     );
 }
 
-export function KhojLogo() {
+export function KhojLogo({ className }: { className?: string }) {
+    const classes = className ?? "fill-zinc-950 dark:fill-zinc-300";
     return (
         <svg
             width="200"
             height="200"
             viewBox="0 0 200 200"
-            className="fill-zinc-950 dark:fill-zinc-300"
+            className={`${classes}`}
             xmlns="http://www.w3.org/2000/svg"
         >
             <g clipPath="url(#clip0_45_75)">
@@ -87,3 +89,106 @@ export function KhojLogo() {
         </svg>
     );
 }
+
+export function KhojSearchLogo({ className }: { className?: string }) {
+    const classes = className ?? "w-6 h-6";
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            version="1.1"
+            viewBox="0 0 27 27"
+            fill="none"
+            className={classes}
+        >
+            <path
+                d="m 18.562765,17.147843 c 1.380497,-1.679442 2.307667,-4.013099 2.307667,-6.330999 C 20.870432,5.3951476 16.353958,1 10.782674,1 5.2113555,1 0.69491525,5.3951476 0.69491525,10.816844 c 0,5.421663 4.51644025,9.816844 10.08775875,9.816844 2.381867,0 4.570922,-0.803307 6.296712,-2.14673 0.508475,-0.508475 4.514633,4.192839 4.514633,4.192839 1.036377,1.008544 2.113087,-0.02559 1.07671,-1.034139 z m -7.780091,1.925408 c -4.3394583,0 -8.6708434,-4.033489 -8.6708434,-8.256407 0,-4.2229187 4.3313851,-8.2564401 8.6708434,-8.2564401 4.339458,0 8.670809,4.2369112 8.670809,8.4598301 0,4.222918 -4.331351,8.053017 -8.670809,8.053017 z"
+                fill="currentColor"
+                fillRule="evenodd"
+                clipRule="evenodd"
+                fillOpacity="1"
+                strokeWidth="1.10519"
+                strokeDasharray="none"
+            />
+            <path
+                d="m 13.337351,9.3402647 0.05184,2.1532893"
+                stroke="currentColor"
+                strokeWidth="1.95702"
+                strokeLinecap="round"
+            />
+            <path
+                d="M 8.431347,9.2809457 8.483191,11.434235"
+                stroke="currentColor"
+                strokeWidth="1.95701"
+                strokeLinecap="round"
+            />
+        </svg>
+    );
+}
+
+export function KhojAutomationLogo({ className }: { className?: string }) {
+    const classes = className ?? "w-6 h-6";
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            version="1.1"
+            viewBox="0 0 27 27"
+            fill="none"
+            className={classes}
+        >
+            <path
+                d="m 20.503667,19.512812 c 1.498791,-1.721309 2.505409,-4.113142 2.505409,-6.488822 0,-5.556853 -4.903485,-10.0615654 -10.952165,-10.0615654 -6.0487172,0 -10.9521652,4.5047124 -10.9521652,10.0615654 0,5.556818 4.903448,10.061562 10.9521652,10.061562 2.585967,0 4.962599,-0.823331 6.836268,-2.200243 z m -8.446756,1.973405 c -4.7113005,0 -9.4138363,-4.134038 -9.4138363,-8.462227 0,-4.3281914 4.7025358,-8.4622628 9.4138363,-8.4622628 4.711301,0 9.4138,4.3425313 9.4138,8.6707228 0,4.328187 -4.702499,8.253767 -9.4138,8.253767 z"
+                fill="currentColor"
+                fillRule="evenodd"
+                clipRule="evenodd"
+                fillOpacity="1"
+                strokeWidth="1.16584"
+                strokeDasharray="none"
+            />
+            <path
+                d="m 14.703831,11.557853 0.0553,2.175599"
+                stroke="currentColor"
+                strokeWidth="2.03174"
+                strokeLinecap="round"
+            />
+            <path
+                d="m 9.470316,11.497919 0.055305,2.175598"
+                stroke="currentColor"
+                strokeWidth="2.03172"
+                strokeLinecap="round"
+            />
+            <path
+                d="m 13.921987,2.0293778 c -1.700446,0.00578 -2.945437,0.011553 -3.53279,0.01733"
+                stroke="currentColor"
+                strokeWidth="1.69465"
+                strokeLinecap="round"
+            />
+            <path
+                d="m 21.395697,5.8423397 -1.28226,1.167146"
+                stroke="currentColor"
+                strokeWidth="2.03172"
+                strokeLinecap="round"
+            />
+        </svg>
+    );
+}
+
+export function KhojAgentLogo({ className }: { className?: string }) {
+    const classes = className ?? "w-6 h-6";
+    // Icon Source: AI by Palash Jain from <a href="https://thenounproject.com/browse/icons/term/ai/" target="_blank" title="AI Icons">Noun Project</a> (CC BY 3.0)
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            version="1.1"
+            viewBox="0 0 64 64"
+            fill="none"
+            className={classes}
+        >
+            <path
+                d="m 30.065286,2.6838408 c 0,-1.0516338 -0.536857,-0.2904639 -1.602626,-0.2904639 -1.065769,0 -2.256759,-0.7611699 -2.256759,0.2904639 v 4.7442407 c 0,0.019613 2.9e-4,0.03913 8.68e-4,0.058553 C 12.904724,8.2984689 2.0847457,17.487997 2.0847457,31.229969 c 0,3.541245 0.7282659,6.446979 2.1822891,8.775946 1.4616456,2.341058 3.5599931,3.944353 6.0242102,5.03229 4.798181,2.118273 11.240941,2.377047 17.844348,2.377047 6.603408,0 13.046168,-0.258774 17.844349,-2.377047 2.464217,-1.087937 4.562564,-2.691232 6.02421,-5.03229 1.454023,-2.328967 2.182289,-5.234701 2.182289,-8.775946 0,-13.741972 -10.819978,-22.9315001 -24.122023,-23.7433349 5.78e-4,-0.019422 8.68e-4,-0.03894 8.68e-4,-0.058553 z m -1.929693,8.5525432 c -12.474689,0 -22.1914625,8.103305 -22.1914625,19.993585 0,3.031408 0.6216504,5.19719 1.6087846,6.778396 0.9796083,1.568926 2.4136592,2.714368 4.3145029,3.553622 3.932038,1.735919 9.549855,2.044963 16.268175,2.044963 6.718321,0 12.336138,-0.309044 16.268176,-2.044963 1.900843,-0.839254 3.334894,-1.984696 4.314503,-3.553622 0.987134,-1.581206 1.608784,-3.746988 1.608784,-6.778396 0,-11.89028 -9.716773,-19.993585 -22.191463,-19.993585 z M 16.557439,22.66129 c 1.065769,0 1.929692,0.852488 1.929692,1.904151 v 5.712452 c 0,1.051663 -0.863923,1.904151 -1.929692,1.904151 -1.065769,0 -1.929692,-0.852488 -1.929692,-1.904151 v -5.712452 c 0,-1.051663 0.863923,-1.904151 1.929692,-1.904151 z m 22.191463,0 c 1.065769,0 1.929692,0.852488 1.929692,1.904151 v 5.712452 c 0,1.051663 -0.863923,1.904151 -1.929692,1.904151 -1.065769,0 -1.929693,-0.852488 -1.929693,-1.904151 v -5.712452 c 0,-1.051663 0.863924,-1.904151 1.929693,-1.904151 z M 8.2209746,53.949727 c 6.4574264,-1.16515 13.1131284,-1.774098 19.9146184,-1.774098 6.801587,0 13.457289,0.608948 19.914716,1.774098 1.048305,0.189177 2.053578,-0.496127 2.245293,-1.530557 0.191715,-1.034525 -0.502781,-2.026492 -1.551087,-2.215575 -6.685419,-1.206374 -13.573456,-1.836268 -20.608922,-1.836268 -7.035465,0 -13.923502,0.629894 -20.6088253,1.836268 -1.0484018,0.189083 -1.7428981,1.18105 -1.5511832,2.215575 0.1917149,1.03443 1.1969882,1.719734 2.2453901,1.530557 z"
+                fill="currentColor"
+                fillRule="evenodd"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}
diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
index bbd56de3..e59d686a 100644
--- a/src/interface/web/app/components/navMenu/navMenu.tsx
+++ b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -34,6 +34,7 @@ import {
     ArrowRight,
     UsersFour,
 } from "@phosphor-icons/react";
+import { KhojAgentLogo, KhojAutomationLogo, KhojSearchLogo } from "../logo/khojLogo";
 
 export default function NavMenu() {
     const userData = useAuthenticatedData();
@@ -123,7 +124,7 @@ export default function NavMenu() {
                         <DropdownMenuItem>
                             <Link href="/agents" className="no-underline w-full">
                                 <div className="flex flex-rows">
-                                    <UsersFour className="w-6 h-6" />
+                                    <KhojAgentLogo className="w-6 h-6" />
                                     <p className="ml-3 font-semibold">Agents</p>
                                 </div>
                             </Link>
@@ -131,7 +132,7 @@ export default function NavMenu() {
                         <DropdownMenuItem>
                             <Link href="/automations" className="no-underline w-full">
                                 <div className="flex flex-rows">
-                                    <Robot className="w-6 h-6" />
+                                    <KhojAutomationLogo className="w-6 h-6" />
                                     <p className="ml-3 font-semibold">Automations</p>
                                 </div>
                             </Link>
@@ -140,7 +141,7 @@ export default function NavMenu() {
                             <DropdownMenuItem>
                                 <Link href="/search" className="no-underline w-full">
                                     <div className="flex flex-rows">
-                                        <MagnifyingGlass className="w-6 h-6" />
+                                        <KhojSearchLogo className="w-6 h-6" />
                                         <p className="ml-3 font-semibold">Search</p>
                                     </div>
                                 </Link>
@@ -230,7 +231,7 @@ export default function NavMenu() {
                             <MenubarItem>
                                 <Link href="/agents" className="no-underline w-full">
                                     <div className="flex flex-rows">
-                                        <UsersFour className="w-6 h-6" />
+                                        <KhojAgentLogo className="w-6 h-6" />
                                         <p className="ml-3 font-semibold">Agents</p>
                                     </div>
                                 </Link>
@@ -238,7 +239,7 @@ export default function NavMenu() {
                             <MenubarItem>
                                 <Link href="/automations" className="no-underline w-full">
                                     <div className="flex flex-rows">
-                                        <Robot className="w-6 h-6" />
+                                        <KhojAutomationLogo className="w-6 h-6" />
                                         <p className="ml-3 font-semibold">Automations</p>
                                     </div>
                                 </Link>
@@ -247,7 +248,7 @@ export default function NavMenu() {
                                 <MenubarItem>
                                     <Link href="/search" className="no-underline w-full">
                                         <div className="flex flex-rows">
-                                            <MagnifyingGlass className="w-6 h-6" />
+                                            <KhojSearchLogo className="w-6 h-6" />
                                             <p className="ml-3 font-semibold">Search</p>
                                         </div>
                                     </Link>
diff --git a/src/khoj/interface/web/assets/icons/agents.svg b/src/khoj/interface/web/assets/icons/agents.svg
index f3974293..27540107 100644
--- a/src/khoj/interface/web/assets/icons/agents.svg
+++ b/src/khoj/interface/web/assets/icons/agents.svg
@@ -1,6 +1,18 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" fill="none" x="0px" y="0px">
-  <!--
-      Icon Source: AI by Palash Jain from <a href="https://thenounproject.com/browse/icons/term/ai/" target="_blank" title="AI Icons">Noun Project</a> (CC BY 3.0)
-  -->
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M42 10C42 8.89543 41.1046 8 40 8C38.8954 8 38 8.89543 38 10V16C38 16.0206 38.0003 16.0411 38.0009 16.0615C24.2142 16.9142 13 26.5663 13 41C13 44.7195 13.7548 47.7715 15.2618 50.2177C16.7767 52.6766 18.9515 54.3606 21.5055 55.5033C26.4785 57.7282 33.156 58 40 58C46.844 58 53.5215 57.7282 58.4945 55.5033C61.0485 54.3606 63.2233 52.6766 64.7382 50.2177C66.2452 47.7715 67 44.7195 67 41C67 26.5663 55.7858 16.9142 41.9991 16.0615C41.9997 16.0411 42 16.0206 42 16V10ZM40 20C27.0708 20 17 28.5112 17 41C17 44.184 17.6443 46.4588 18.6674 48.1196C19.6827 49.7675 21.169 50.9706 23.1391 51.8521C27.2144 53.6754 33.0369 54 40 54C46.9631 54 52.7856 53.6754 56.8609 51.8521C58.831 50.9706 60.3173 49.7675 61.3326 48.1196C62.3557 46.4588 63 44.184 63 41C63 28.5112 52.9292 20 40 20ZM28 32C29.1046 32 30 32.8954 30 34V40C30 41.1046 29.1046 42 28 42C26.8954 42 26 41.1046 26 40V34C26 32.8954 26.8954 32 28 32ZM51 32C52.1046 32 53 32.8954 53 34V40C53 41.1046 52.1046 42 51 42C49.8954 42 49 41.1046 49 40V34C49 32.8954 49.8954 32 51 32ZM19.3598 68.8634C26.0525 67.6396 32.9507 67 40 67C47.0494 67 53.9476 67.6396 60.6403 68.8634C61.7268 69.0621 62.7687 68.3423 62.9674 67.2558C63.1661 66.1692 62.4463 65.1273 61.3598 64.9287C54.4308 63.6616 47.2918 63 40 63C32.7082 63 25.5692 63.6616 18.6403 64.9287C17.5537 65.1273 16.8339 66.1692 17.0326 67.2558C17.2313 68.3423 18.2732 69.0621 19.3598 68.8634Z" fill="black"/>
+<!--
+    Icon Source: AI by Palash Jain from <a href="https://thenounproject.com/browse/icons/term/ai/" target="_blank" title="AI Icons">Noun Project</a> (CC BY 3.0)
+-->
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.1"
+    viewBox="0 0 56 56"
+    width="56"
+    height="56"
+    fill="none"
+>
+    <path
+        d="m 30.065286,2.6838408 c 0,-1.0516338 -0.536857,-0.2904639 -1.602626,-0.2904639 -1.065769,0 -2.256759,-0.7611699 -2.256759,0.2904639 v 4.7442407 c 0,0.019613 2.9e-4,0.03913 8.68e-4,0.058553 C 12.904724,8.2984689 2.0847457,17.487997 2.0847457,31.229969 c 0,3.541245 0.7282659,6.446979 2.1822891,8.775946 1.4616456,2.341058 3.5599931,3.944353 6.0242102,5.03229 4.798181,2.118273 11.240941,2.377047 17.844348,2.377047 6.603408,0 13.046168,-0.258774 17.844349,-2.377047 2.464217,-1.087937 4.562564,-2.691232 6.02421,-5.03229 1.454023,-2.328967 2.182289,-5.234701 2.182289,-8.775946 0,-13.741972 -10.819978,-22.9315001 -24.122023,-23.7433349 5.78e-4,-0.019422 8.68e-4,-0.03894 8.68e-4,-0.058553 z m -1.929693,8.5525432 c -12.474689,0 -22.1914625,8.103305 -22.1914625,19.993585 0,3.031408 0.6216504,5.19719 1.6087846,6.778396 0.9796083,1.568926 2.4136592,2.714368 4.3145029,3.553622 3.932038,1.735919 9.549855,2.044963 16.268175,2.044963 6.718321,0 12.336138,-0.309044 16.268176,-2.044963 1.900843,-0.839254 3.334894,-1.984696 4.314503,-3.553622 0.987134,-1.581206 1.608784,-3.746988 1.608784,-6.778396 0,-11.89028 -9.716773,-19.993585 -22.191463,-19.993585 z M 16.557439,22.66129 c 1.065769,0 1.929692,0.852488 1.929692,1.904151 v 5.712452 c 0,1.051663 -0.863923,1.904151 -1.929692,1.904151 -1.065769,0 -1.929692,-0.852488 -1.929692,-1.904151 v -5.712452 c 0,-1.051663 0.863923,-1.904151 1.929692,-1.904151 z m 22.191463,0 c 1.065769,0 1.929692,0.852488 1.929692,1.904151 v 5.712452 c 0,1.051663 -0.863923,1.904151 -1.929692,1.904151 -1.065769,0 -1.929693,-0.852488 -1.929693,-1.904151 v -5.712452 c 0,-1.051663 0.863924,-1.904151 1.929693,-1.904151 z M 8.2209746,53.949727 c 6.4574264,-1.16515 13.1131284,-1.774098 19.9146184,-1.774098 6.801587,0 13.457289,0.608948 19.914716,1.774098 1.048305,0.189177 2.053578,-0.496127 2.245293,-1.530557 0.191715,-1.034525 -0.502781,-2.026492 -1.551087,-2.215575 -6.685419,-1.206374 -13.573456,-1.836268 -20.608922,-1.836268 -7.035465,0 -13.923502,0.629894 -20.6088253,1.836268 -1.0484018,0.189083 -1.7428981,1.18105 -1.5511832,2.215575 0.1917149,1.03443 1.1969882,1.719734 2.2453901,1.530557 z"
+        clip-rule="evenodd"
+        fill-rule="evenodd"
+        fill="currentColor"
+        stroke-width="0.95844" />
 </svg>
diff --git a/src/khoj/interface/web/assets/icons/automation.svg b/src/khoj/interface/web/assets/icons/automation.svg
index 162dd9ba..d49a0c5b 100644
--- a/src/khoj/interface/web/assets/icons/automation.svg
+++ b/src/khoj/interface/web/assets/icons/automation.svg
@@ -1,37 +1,42 @@
 <svg
-   width="800px"
-   height="800px"
-   viewBox="0 0 24 24"
-   fill="none"
-   version="1.1"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg">
-  <path
-     d="m 19.402765,19.007843 c 1.380497,-1.679442 2.307667,-4.013099 2.307667,-6.330999 C 21.710432,7.2551476 17.193958,2.86 11.622674,2.86 6.0513555,2.86 1.5349153,7.2551476 1.5349153,12.676844 c 0,5.421663 4.5164402,9.816844 10.0877587,9.816844 2.381867,0 4.570922,-0.803307 6.296712,-2.14673 z m -7.780091,1.925408 c -4.3394583,0 -8.6708434,-4.033489 -8.6708434,-8.256407 0,-4.2229187 4.3313851,-8.2564401 8.6708434,-8.2564401 4.339458,0 8.670809,4.2369112 8.670809,8.4598301 0,4.222918 -4.331351,8.053017 -8.670809,8.053017 z"
-     fill="#1c274c"
-     fill-rule="evenodd"
-     clip-rule="evenodd"
-     fill-opacity="1"
-     stroke-width="1.10519"
-     stroke-dasharray="none" />
-  <path
-     d="m 14.177351,11.200265 0.05184,2.153289"
-     stroke="#1c274c"
-     stroke-width="1.95702"
-     stroke-linecap="round" />
-  <path
-     d="m 9.271347,11.140946 0.051844,2.153289"
-     stroke="#1c274c"
-     stroke-width="1.95701"
-     stroke-linecap="round" />
-  <path
-     d="m 13.557051,1.4687179 c -1.779392,0.00605 -3.082184,0.01209 -3.6968064,0.018135"
-     stroke="#1c274c"
-     stroke-width="1.77333"
-     stroke-linecap="round" />
-  <path
-     d="M 20.342466,5.7144363 19.140447,6.8696139"
-     stroke="#1c274c"
-     stroke-width="1.95701"
-     stroke-linecap="round" />
+    xmlns="http://www.w3.org/2000/svg"
+    version="1.1"
+    viewBox="0 0 24 24"
+    width="800"
+    height="800"
+    fill="none"
+>
+    <path
+        d="m 20.503667,19.512812 c 1.498791,-1.721309 2.505409,-4.113142 2.505409,-6.488822 0,-5.556853 -4.903485,-10.0615654 -10.952165,-10.0615654 -6.0487172,0 -10.9521652,4.5047124 -10.9521652,10.0615654 0,5.556818 4.903448,10.061562 10.9521652,10.061562 2.585967,0 4.962599,-0.823331 6.836268,-2.200243 z m -8.446756,1.973405 c -4.7113005,0 -9.4138363,-4.134038 -9.4138363,-8.462227 0,-4.3281914 4.7025358,-8.4622628 9.4138363,-8.4622628 4.711301,0 9.4138,4.3425313 9.4138,8.6707228 0,4.328187 -4.702499,8.253767 -9.4138,8.253767 z"
+        fill="currentColor"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        fill-opacity="1"
+        stroke-width="1.16584"
+        stroke-dasharray="none"
+    />
+    <path
+        d="m 14.703831,11.557853 0.0553,2.175599"
+        stroke="currentColor"
+        stroke-width="2.03174"
+        stroke-linecap="round"
+    />
+    <path
+        d="m 9.470316,11.497919 0.055305,2.175598"
+        stroke="currentColor"
+        stroke-width="2.03172"
+        stroke-linecap="round"
+    />
+    <path
+        d="m 13.921987,2.0293778 c -1.700446,0.00578 -2.945437,0.011553 -3.53279,0.01733"
+        stroke="currentColor"
+        stroke-width="1.69465"
+        stroke-linecap="round"
+    />
+    <path
+        d="m 21.395697,5.8423397 -1.28226,1.167146"
+        stroke="currentColor"
+        stroke-width="2.03172"
+        stroke-linecap="round"
+    />
 </svg>
diff --git a/src/khoj/interface/web/assets/icons/search.svg b/src/khoj/interface/web/assets/icons/search.svg
index f0e463f2..261e0d21 100644
--- a/src/khoj/interface/web/assets/icons/search.svg
+++ b/src/khoj/interface/web/assets/icons/search.svg
@@ -1,25 +1,57 @@
-<svg xmlns="http://www.w3.org/2000/svg"
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
    width="800px"
    height="800px"
    viewBox="0 0 24 24"
    fill="none"
-   version="1.1">
+   version="1.1"
+   id="svg3"
+   sodipodi:docname="search.svg"
+   inkscape:version="1.3 (0e150ed, 2023-07-21)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.295"
+     inkscape:cx="398.30508"
+     inkscape:cy="400"
+     inkscape:window-width="1312"
+     inkscape:window-height="449"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg3" />
   <path
-     d="m 18.562765,17.147843 c 1.380497,-1.679442 2.307667,-4.013099 2.307667,-6.330999 C 20.870432,5.3951476 16.353958,1 10.782674,1 5.2113555,1 0.69491525,5.3951476 0.69491525,10.816844 c 0,5.421663 4.51644025,9.816844 10.08775875,9.816844 2.381867,0 4.570922,-0.803307 6.296712,-2.14673 0.508475,-0.508475 4.514633,4.192839 4.514633,4.192839 1.036377,1.008544 2.113087,-0.02559 1.07671,-1.034139 z m -7.780091,1.925408 c -4.3394583,0 -8.6708434,-4.033489 -8.6708434,-8.256407 0,-4.2229187 4.3313851,-8.2564401 8.6708434,-8.2564401 4.339458,0 8.670809,4.2369112 8.670809,8.4598301 0,4.222918 -4.331351,8.053017 -8.670809,8.053017 z"
+     d="m 18.682765,16.907843 c 1.380497,-1.679442 2.307667,-4.013099 2.307667,-6.330999 C 20.990432,5.1551476 16.473958,0.76 10.902674,0.76 5.3313555,0.76 0.81491525,5.1551476 0.81491525,10.576844 c 0,5.421663 4.51644025,9.816844 10.08775875,9.816844 2.381867,0 4.570922,-0.803307 6.296712,-2.14673 0.508475,-0.508475 4.616328,4.599619 4.616328,4.599619 1.036377,1.008544 2.113087,-0.02559 1.07671,-1.034139 z m -7.780091,1.925408 c -4.3394583,0 -8.6708434,-4.033489 -8.6708434,-8.256407 0,-4.2229187 4.3313851,-8.2564401 8.6708434,-8.2564401 4.339458,0 8.670809,4.2369112 8.670809,8.4598301 0,4.222918 -4.331351,8.053017 -8.670809,8.053017 z"
      fill="#1c274c"
      fill-rule="evenodd"
      clip-rule="evenodd"
      fill-opacity="1"
      stroke-width="1.10519"
-     stroke-dasharray="none" />
+     stroke-dasharray="none"
+     id="path1"
+     sodipodi:nodetypes="cssssccccsssss" />
   <path
-     d="m 13.337351,9.3402647 0.05184,2.1532893"
+     d="m 13.457351,9.1002647 0.05184,2.1532893"
      stroke="#1c274c"
      stroke-width="1.95702"
-     stroke-linecap="round" />
+     stroke-linecap="round"
+     id="path2" />
   <path
-     d="M 8.431347,9.2809457 8.483191,11.434235"
+     d="M 8.551347,9.0409457 8.603191,11.194235"
      stroke="#1c274c"
      stroke-width="1.95701"
-     stroke-linecap="round" />
+     stroke-linecap="round"
+     id="path3" />
 </svg>