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.

Sign up for GitHub

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

Jump to bottom

Upgrade: New Home Screen for Khoj #860

Merged
merged 80 commits into from
Jul 24, 2024
Merged

Upgrade: New Home Screen for Khoj #860

merged 80 commits into from
Jul 24, 2024

Conversation

MythicalCow
Copy link
Contributor

Summary 📝

This pull request contains code for a new home screen with a more modern and user friendly design as part of our larger efforts to improve the UI and UX of Khoj.

  • The new home screen will be the landing page when users visit the application
  • Suggestion cards included for example use cases and guided workflows (coming in a future PR).
  • Agents selection available on home screen for quick access
  • New conversation button in side panel can be used from an existing conversation to switch contexts and talk about something else.

Pictures 📷

Screenshot 2024-07-19 145235
Screenshot 2024-07-19 145254

Feedback 🤝

  • Any design feedback on the user interface and layout
  • Any issues in page flow mechanics and button interactions

sabaimran and others added 30 commits July 13, 2024 00:34
@sabaimran
V1 of the new automations page
8ba79fc 
Implemented:
- Shareable
- Editable
- Suggested Cards
- Create new cards
@sabaimran
Improve notice of which email address is being delivered to
05bf911
@sabaimran
Fix validation bugs in the edit form
a8d4b8f
@sabaimran
Remove console logs for debugging
ce99c48
@sabaimran
Fix spacing in page css
9c553b9
@sabaimran
Fix spaving in nav menu
eaab311
@sabaimran
Remove syntax import for highlight.js in code
a830839
@sabaimran
Manually insert preferred styling for light/dark mode from highlight.…
0213848 
…js package
@sabaimran
Fix copy button rendering issue (it disappears if you've hovered on t…
6ea3746 
…he chat message
@sabaimran
Fix some linting errors with unescaped characters on the automations …
f3c5deb 
…page
@sabaimran
Add an alert pane showing the email, location for automations
eaf924e
@sabaimran
Merge branch 'features/chat-ui-updates-big' of github.com:khoj-ai/kho…
201a5d7 
…j into features/update-automations-page
@sabaimran
Add more icons and add a left bar for styling on each individual auto…
05b616d 
…mations card
@sabaimran
Add support for setting color and icons on the agents in the backend
ccbfc4a
@sabaimran
Migrate agents page to use the new shadcn component library and the c…
07ead01 
…olors/icons
@sabaimran
Update styling of cards
4f7fe3e
@sabaimran
Fix dark/light mode toggle rendering bug
2e43c2e
@sabaimran
Remove dead styling
a22c1da
@sabaimran
Navigate nav urls within same page, add an info piece to the agents page
d2afe26
@sabaimran
Merge branch 'features/big-upgrade-chat-ux' of github.com:khoj-ai/kho…
4243419 
…j into features/update-automations-page
@sabaimran
Merge branch 'features/big-upgrade-chat-ux' of github.com:khoj-ai/kho…
a69e3e3 
…j into features/agents-update-full
@sabaimran
Revert packages removed in merging
c976315
@sabaimran
Merge branch 'features/big-upgrade-chat-ux' of github.com:khoj-ai/kho…
a771c6f 
…j into features/update-automations-page
@sabaimran
Merge branch 'features/update-automations-page' of github.com:khoj-ai…
9288fb1 
…/khoj into features/agents-update-full
@sabaimran
simplify conditional with ternary operator
ccc145c
@sabaimran
Merge branch 'features/big-upgrade-chat-ux' of github.com:khoj-ai/kho…
7945471 
…j into features/agents-update-full
@MythicalCow
rough draft of khoj homepage finished!
3de92b0
@MythicalCow
Merge remote-tracking branch 'upstream/features/big-upgrade-chat-ux' …
a5f91a9 
…into homescreen-ui
@MythicalCow
UI completed and ready for review. working on mechanics
da11415
@MythicalCow
bugs on some things
ca2b430
sabaimran and others added 14 commits July 21, 2024 13:58
sabaimran
sabaimran reviewed Jul 23, 2024
View reviewed changes
Copy link
Member

@sabaimran sabaimran left a comment •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ahhh, it looks like something went weird in the merge resolution. All the mobile-friendly code I'd added is gone.

f276352

Let's get this fixed up before merging.

package.json Outdated Show resolved Hide resolved
package-lock.json Outdated Show resolved Hide resolved
src/interface/web/app/components/chatHistory/chatHistory.tsx Outdated Show resolved Hide resolved
src/interface/web/app/components/suggestions/suggestionCard.tsx Show resolved Hide resolved
src/interface/web/app/page.tsx Outdated Show resolved Hide resolved
sabaimran
sabaimran approved these changes Jul 24, 2024
View reviewed changes
Copy link
Member

@sabaimran sabaimran left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

awesome! this looks great, super exciting.

@sabaimran sabaimran merged commit 3e4325e into khoj-ai:features/big-upgrade-chat-ux Jul 24, 2024
2 checks passed
@debanjum debanjum mentioned this pull request Aug 5, 2024
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@sabaimran sabaimran sabaimran approved these changes

@debanjum debanjum Awaiting requested review from debanjum

Assignees
No one assigned
Labels
try Experiment with feature or capability upgrade New feature or request
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@MythicalCow @sabaimran