diff --git a/documentation/assets/img/chrome_pwa_alt.png b/documentation/assets/img/chrome_pwa_alt.png new file mode 100644 index 00000000..018eb04a Binary files /dev/null and b/documentation/assets/img/chrome_pwa_alt.png differ diff --git a/documentation/assets/img/khoj_chat_on_desktop.png b/documentation/assets/img/khoj_chat_on_desktop.png deleted file mode 100644 index e8c10718..00000000 Binary files a/documentation/assets/img/khoj_chat_on_desktop.png and /dev/null differ diff --git a/documentation/assets/img/khoj_search_on_desktop.png b/documentation/assets/img/khoj_search_on_desktop.png deleted file mode 100644 index 1dc3231d..00000000 Binary files a/documentation/assets/img/khoj_search_on_desktop.png and /dev/null differ diff --git a/documentation/assets/img/mic_chat_icon.png b/documentation/assets/img/mic_chat_icon.png deleted file mode 100644 index 0bf64de6..00000000 Binary files a/documentation/assets/img/mic_chat_icon.png and /dev/null differ diff --git a/documentation/assets/img/pwa_install_desktop.png b/documentation/assets/img/pwa_install_desktop.png new file mode 100644 index 00000000..633f1b85 Binary files /dev/null and b/documentation/assets/img/pwa_install_desktop.png differ diff --git a/documentation/docs/clients/desktop.md b/documentation/docs/clients/desktop.md index 104c10fa..b8b7269d 100644 --- a/documentation/docs/clients/desktop.md +++ b/documentation/docs/clients/desktop.md @@ -4,22 +4,13 @@ sidebar_position: 1 # Desktop -> Query your Second Brain from your machine +> Upload your knowledge base to Khoj and chat with your whole corpus -Use the Desktop app to chat and search with Khoj. -You can also share your files, folders with Khoj using the app. +## Companion App + +Share your files, folders with Khoj using the app. Khoj will keep these files in sync to provide contextual responses when you search or chat. -## Features -- **Chat** - - **Faster answers**: Find answers quickly, from your private notes or the public internet - - **Assisted creativity**: Smoothly weave across retrieving answers and generating content - - **Iterative discovery**: Iteratively explore and re-discover your notes - - **Quick access**: Use [Khoj Mini](/features/khoj_mini) on the desktop to quickly pull up a mini chat module for quicker answers -- **Search** - - **Natural**: Advanced natural language understanding using Transformer based ML Models - - **Incremental**: Incremental search for a fast, search-as-you-type experience - ## Setup :::info[Self Hosting] If you are self-hosting the Khoj server, update the *Settings* page on the Khoj Desktop app to: @@ -34,7 +25,20 @@ If you are self-hosting the Khoj server, update the *Settings* page on the Khoj 4. [Optional] Add any files, folders you'd like Khoj to be aware of on the *Settings* page and Click *Save*. These files and folders will be automatically kept in sync for you -## Interface -| Chat | Search | -|:----:|:------:| -| ![](/img/khoj_chat_on_desktop.png) | ![](/img/khoj_search_on_desktop.png) | +# Main App + +You can also install the Khoj application on your desktop as a progressive web app. + +1. Open the [Khoj Web App](https://app.khoj.dev) in Chrome. +2. Click on the install button in the address bar to install the app. You must be logged into your Chrome browser for this to work. + +![progressive web app install icon](/img/pwa_install_desktop.png) + +Alternatively, you can also install using this route: + +1. Open the three-dot menu in the top right corner of the browser. +2. Go to 'Cast, Save, and Share' option. +3. Click on the "Open in Khoj" option. + + +![progressive web app install route](/img/chrome_pwa_alt.png) diff --git a/src/interface/desktop/assets/icons/chat.svg b/src/interface/desktop/assets/icons/chat.svg deleted file mode 100644 index a5cbf3af..00000000 --- a/src/interface/desktop/assets/icons/chat.svg +++ /dev/null @@ -1,24 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/circular-add.svg b/src/interface/desktop/assets/icons/circular-add.svg deleted file mode 100644 index 9e6ac67b..00000000 --- a/src/interface/desktop/assets/icons/circular-add.svg +++ /dev/null @@ -1,5 +0,0 @@ - - diff --git a/src/interface/desktop/assets/icons/clock.svg b/src/interface/desktop/assets/icons/clock.svg new file mode 100644 index 00000000..e9ac78df --- /dev/null +++ b/src/interface/desktop/assets/icons/clock.svg @@ -0,0 +1 @@ + diff --git a/src/interface/desktop/assets/icons/confirm-icon.svg b/src/interface/desktop/assets/icons/confirm-icon.svg deleted file mode 100644 index 98d30500..00000000 --- a/src/interface/desktop/assets/icons/confirm-icon.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/file-not-synced.svg b/src/interface/desktop/assets/icons/file-not-synced.svg index 227d51d3..62d1425c 100644 --- a/src/interface/desktop/assets/icons/file-not-synced.svg +++ b/src/interface/desktop/assets/icons/file-not-synced.svg @@ -1,9 +1 @@ - - - + diff --git a/src/interface/desktop/assets/icons/file-synced.svg b/src/interface/desktop/assets/icons/file-synced.svg index c584a86d..c19d8446 100644 --- a/src/interface/desktop/assets/icons/file-synced.svg +++ b/src/interface/desktop/assets/icons/file-synced.svg @@ -1,9 +1 @@ - - - + diff --git a/src/interface/desktop/assets/icons/folder.svg b/src/interface/desktop/assets/icons/folder.svg deleted file mode 100644 index c7003a64..00000000 --- a/src/interface/desktop/assets/icons/folder.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/src/interface/desktop/assets/icons/key.svg b/src/interface/desktop/assets/icons/key.svg deleted file mode 100644 index 437688fb..00000000 --- a/src/interface/desktop/assets/icons/key.svg +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/src/interface/desktop/assets/icons/khoj-logo-sideways-200.png b/src/interface/desktop/assets/icons/khoj-logo-sideways-200.png deleted file mode 100644 index 52ccdfa4..00000000 Binary files a/src/interface/desktop/assets/icons/khoj-logo-sideways-200.png and /dev/null differ diff --git a/src/interface/desktop/assets/icons/khoj-logo-sideways-500.png b/src/interface/desktop/assets/icons/khoj-logo-sideways-500.png deleted file mode 100644 index 765d6e33..00000000 Binary files a/src/interface/desktop/assets/icons/khoj-logo-sideways-500.png and /dev/null differ diff --git a/src/interface/desktop/assets/icons/khoj_logo.png b/src/interface/desktop/assets/icons/khoj_logo.png new file mode 100644 index 00000000..a3301e62 Binary files /dev/null and b/src/interface/desktop/assets/icons/khoj_logo.png differ diff --git a/src/interface/desktop/assets/icons/link.svg b/src/interface/desktop/assets/icons/link.svg deleted file mode 100644 index 43852d95..00000000 --- a/src/interface/desktop/assets/icons/link.svg +++ /dev/null @@ -1,4 +0,0 @@ - - diff --git a/src/interface/desktop/assets/icons/microphone-solid.svg b/src/interface/desktop/assets/icons/microphone-solid.svg deleted file mode 100644 index 3fc4b91d..00000000 --- a/src/interface/desktop/assets/icons/microphone-solid.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/open-link.svg b/src/interface/desktop/assets/icons/open-link.svg new file mode 100644 index 00000000..abaa88ad --- /dev/null +++ b/src/interface/desktop/assets/icons/open-link.svg @@ -0,0 +1 @@ + diff --git a/src/interface/desktop/assets/icons/plaintext.svg b/src/interface/desktop/assets/icons/plaintext.svg deleted file mode 100644 index 92233c24..00000000 --- a/src/interface/desktop/assets/icons/plaintext.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/question-mark-icon.svg b/src/interface/desktop/assets/icons/question-mark-icon.svg deleted file mode 100644 index fde2e972..00000000 --- a/src/interface/desktop/assets/icons/question-mark-icon.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/search.svg b/src/interface/desktop/assets/icons/search.svg deleted file mode 100644 index f0e463f2..00000000 --- a/src/interface/desktop/assets/icons/search.svg +++ /dev/null @@ -1,25 +0,0 @@ - diff --git a/src/interface/desktop/assets/icons/stop-solid.svg b/src/interface/desktop/assets/icons/stop-solid.svg deleted file mode 100644 index a9aaba28..00000000 --- a/src/interface/desktop/assets/icons/stop-solid.svg +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/src/interface/desktop/assets/icons/trash-solid.svg b/src/interface/desktop/assets/icons/trash-solid.svg index 768d80f8..3b67fe45 100644 --- a/src/interface/desktop/assets/icons/trash-solid.svg +++ b/src/interface/desktop/assets/icons/trash-solid.svg @@ -1 +1 @@ - + diff --git a/src/interface/desktop/assets/icons/upload.svg b/src/interface/desktop/assets/icons/upload.svg new file mode 100644 index 00000000..2fe72e20 --- /dev/null +++ b/src/interface/desktop/assets/icons/upload.svg @@ -0,0 +1 @@ + diff --git a/src/interface/desktop/assets/khoj.css b/src/interface/desktop/assets/khoj.css index 1f1594d5..9781902f 100644 --- a/src/interface/desktop/assets/khoj.css +++ b/src/interface/desktop/assets/khoj.css @@ -8,13 +8,12 @@ --primary-hover: #fee285; --primary-focus: rgba(255, 179, 0, 0.125); --primary-inverse: rgba(0, 0, 0, 0.75); - --background-color: #f5f4f3; + --background-color: #fff; --main-text-color: #475569; --summer-sun: #fcc50b; --water: #44b9da; --leaf: #7b990a; --flower: #d1684e; - --font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important; } /* Amber Dark scheme (Auto) */ @@ -25,13 +24,12 @@ --primary-hover: #fee285; --primary-focus: rgba(255, 179, 0, 0.25); --primary-inverse: rgba(0, 0, 0, 0.75); - --background-color: #f5f4f3; + --background-color: #fff; --main-text-color: #475569; --summer-sun: #fcc50b; --water: #44b9da; --leaf: #7b990a; --flower: #d1684e; - --font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important; } } /* Amber Dark scheme (Forced) */ @@ -41,13 +39,12 @@ --primary-hover: #fcc50b; --primary-focus: rgba(255, 179, 0, 0.25); --primary-inverse: rgba(0, 0, 0, 0.75); - --background-color: #f5f4f3; + --background-color: #fff; --main-text-color: #475569; --summer-sun: #fcc50b; --water: #44b9da; --leaf: #7b990a; --flower: #d1684e; - --font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important; } /* Amber (Common styles) */ :root { @@ -90,36 +87,46 @@ nav.khoj-nav { grid-gap: 32px; justify-self: right; align-items: center; - } +} - .khoj-status-box { +.khoj-status-box { display: flex; align-items: center; - justify-content: center; - min-width: 52px; - gap: 4px; - -webkit-app-region: no-drag; + padding: 8px 12px; + border-radius: 16px; + font-size: 14px; + font-weight: 500; + background-color: #f5f5f5; /* Neutral background */ + color: #333; /* Neutral text color */ + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + transition: background-color 0.3s ease, color 0.3s ease; } - .khoj-status-box .khoj-status-connected { - height: 12px; - width: 12px; +.khoj-status-connected { + width: 10px; + height: 10px; border-radius: 50%; - background-color: rgb(90, 235, 90); - } - .khoj-status-box .khoj-status-not-connected { - height: 12px; - width: 12px; - border-radius: 50%; - background-color: rgb(235, 90, 90); - } - - .khoj-status-box .khoj-status-text { - display: none; + background-color: #4CAF50; /* Green for connected */ + margin-right: 8px; +} + +.khoj-status-not-connected { + width: 10px; + height: 10px; + border-radius: 50%; + background-color: #F44336; /* Red for not connected */ + margin-right: 8px; +} + +.khoj-status-text { + color: #333; /* Neutral text color */ + font-family: inherit; +} + +.khoj-status-box:hover { + background-color: #e0e0e0; /* Slightly darker background on hover */ + color: #000; /* Darker text on hover */ } -.khoj-status-box:hover .khoj-status-text { - display: block; - } a.khoj-nav { display: flex; @@ -188,18 +195,18 @@ img.khoj-logo { .khoj-nav-dropdown-content.show { opacity: 1; pointer-events: auto; - border-radius: 20px; + border-radius: 8px; } .khoj-nav-dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; - border-radius: 20px; } .khoj-nav-dropdown-content a:hover { - background-color: var(--primary-hover); + background-color: hsla(24.6 95% 53.1% / 0.125); } + .khoj-nav-username { padding: 12px 16px; text-decoration: none; @@ -233,6 +240,17 @@ img.khoj-logo { border: 3px solid var(--primary-hover); } +.khoj-nav-icon { + width: 20px; + height: 20px; +} + +a.khoj-nav-link { + display: flex; + align-items: center; + gap: 8px; +} + @media screen and (max-width: 600px) { .khoj-nav-dropdown-content { display: block; diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html deleted file mode 100644 index 4c2258cc..00000000 --- a/src/interface/desktop/chat.html +++ /dev/null @@ -1,1744 +0,0 @@ - -
- - -