Spring UI: Modernize UX for normie development

[sabaimran]

Overview

• Update Web app to new UI/UX using React, Tailwind, Next.js, Shadcn, Phosphor Icons
  • Create Chat, Home, Settings, Automations, Search, Agents pages within the new designs, UX stack
• Align to modern UX development principles. Design pages from a use-case based standpoint
• Make all new pages mobile, dark-mode friendly

Details

• Make most major changes for an updated chat UI by @sabaimran in Make most major changes for an updated chat UI #843
• Refactor Config API and Settings pages for Reuse and Consistency by @debanjum in Refactor Config API and Settings pages for Reuse and Consistency #852
• Fix, Improve Behavior, Styling of Chat View on Web by @debanjum in Fix, Improve Behavior, Styling of Chat View on Web #851
• Migrate the existing automations page to use React by @sabaimran in Migrate the existing automations page to use React #849
• Update the agents page with new UX by @sabaimran in Update the agents page with new UX #850
• Update automations UX for more consistency by @sabaimran in Update automations UX for more consistency #856
• Upgrade: New Home Screen for Khoj by @MythicalCow in Upgrade: New Home Screen for Khoj #860
• Add support for text to speech and speech to text by @sabaimran in Add support for text to speech and speech to text #863
• New Agents Page User Interface by @MythicalCow in New Agents Page User Interface #866
• Update the search page by @sabaimran in Update the search page #867
• Nav Menu Upgrades and Minor UX Improvements by @MythicalCow in Nav Menu Upgrades and Minor UX Improvements #869
• Create Settings Page in new Web App by @debanjum in Create Settings Page in new Web App #872
• Use international phone number input and verify whatsapp flow by @sabaimran in Use international phone number input and verify whatsapp flow #876
• Use new http stream format in the new UX by @sabaimran in Use new http stream format in the new UX #874
• Fit and finish updates for the new UX by @sabaimran, @debanjum in Fit and finish updates for the new UX #877

[gitguardian]

⚠️ GitGuardian has uncovered 1 secret following the scan of your pull request.

Please consider investigating the findings and remediating the incidents. Failure to do so may lead to compromising the associated services or software components.

🔎 Detected hardcoded secret in your pull request

GitGuardian id	GitGuardian status	Secret	Commit	Filename
10005301	Triggered	Generic Password	bf4c2f2	src/khoj/app/settings.py	View secret

🛠 Guidelines to remediate hardcoded secrets

1. Understand the implications of revoking this secret by investigating where it is used in your code.
2. Replace and store your secret safely. Learn here the best practices.
3. Revoke and rotate this secret.
4. If possible, rewrite git history. Rewriting git history is not a trivial act. You might completely break other contributing developers' workflow and you risk accidentally deleting legitimate data.

To avoid such incidents in the future consider

• following these best practices for managing and storing secrets including API keys and other credentials
• install secret detection on pre-commit to catch secret before it leaves your machine and ease remediation.

---

^{🦉 GitGuardian detects secrets in your source code to help developers and security teams secure the modern development process. You are seeing this because you or someone else with access to this repository has authorized GitGuardian to scan your pull request.}