Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve nav pane, chat session UI on Desktop, Web app #693

Merged
merged 17 commits into from Apr 10, 2024

Conversation

debanjum
Copy link
Collaborator

@debanjum debanjum commented Apr 9, 2024

Enable copying chat messages. Improve copy button behavior and styling

  • Add button to copy chat messages on Desktop, Web apps
  • Improve copy button's icon, hover color & click animation in Desktop, Web apps

Improve Navigation, Chat Session Panes on Desktop, Web apps

  • Dynamically generate navigation menu based on user info from server
  • Create API endpoint to get authenticated user information
  • Collapse navigation tabs into icons on mobile. Add spacing to them
  • Add Chat navigation tab back to top pane on Web app
  • Use proper icons for Search, Chat and Agents tab on navigation pane

Miscellaneous Improvements

  • Make current chat expand to full width when session panel collapsed on Desktop App
  • Add chat session loading spinner to Desktop App (same as Web app)

Fixes

  • Show title bar in Khoj desktop app on Windows to simplify close, minimize etc.
  • Only render first run setup message once if error or server not running
  • Fix showing Search navigation tab from Agent pages on web client

Desktop App Screenshots

Before After
khoj-nav-and-chat-session-panel-updates-before khoj-nav-and-chat-session-panel-updates-after2

Copy Message Button (with Animation)

khoj-copy-message-animation.mov

The `has_documents' flag wasn't being passed. So the search tab
always showing up as empty instead of being dynamically enabled if
documents had been indexed.
Reduces user confusion on how to go to chat pane
Add emoji's for each tab to provide cleaner, iconified division between
the nav options
This behavior also matches web client behavior on chat session panel
collapse
This help clients render UI with user information
@debanjum debanjum requested a review from sabaimran April 9, 2024 18:20
@debanjum debanjum added upgrade New feature or request plugin Improvements or additions to content or UI integrations labels Apr 9, 2024
@debanjum debanjum force-pushed the improve-khoj-desktop-web-ux branch 2 times, most recently from 18077af to 7be0d47 Compare April 10, 2024 04:58
@debanjum debanjum force-pushed the improve-khoj-desktop-web-ux branch from 7be0d47 to cadeaac Compare April 10, 2024 05:04
Only render copy chat message button once, after message text is rendered
Emojis varied based on device. svg icons standardize icon styles of
the web, desktop apps
@debanjum debanjum force-pushed the improve-khoj-desktop-web-ux branch from 2e26e1e to 48d249d Compare April 10, 2024 14:12
@debanjum debanjum merged commit 6d15302 into master Apr 10, 2024
7 checks passed
@debanjum debanjum changed the title Improve Desktop, Web app UX Improve nav pane, chat session UI on Desktop, Web app Apr 10, 2024
@debanjum debanjum deleted the improve-khoj-desktop-web-ux branch April 10, 2024 15:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
plugin Improvements or additions to content or UI integrations upgrade New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant