Implement new home page redesign

[shatfield4]

Pull Request Type

• ✨ feat
• 🐛 fix
• ♻️ refactor
• 💄 style
• 🔨 chore
• 📝 docs

Relevant Issues

resolves #4911

What is in this change?

• Implements new designs for the home page and empty state workspace chats
• Adds quick action buttons that are only visible to admin/manager roles
• New UI for suggested chat messages
• New UI for PromptInput component inside workspace chat and home page

Additional Information

• Normalize translations for home page redesign #4986 - translations PR

Developer Validations

• I ran yarn lint from the root of the repo & committed changes
• Relevant documentation has been updated
• I have tested my code functionality
• Docker build succeeds locally

[timothycarambat]

@shatfield4 I know this is not ready but some feedback:

• Microphone is busted, does not accumulate text, only replaces what is currently in the input. Also will remove any previous text when spoken into.

• Padding for buttons is wrong - the mt-6 is 24px, but the box heigh extends beyond the visible area so the padding is higher.

• The buttons/ctas have no hover state, sync with design on what that should be (maybe just an opacity??)

• Upload document (imo) should result in a parsed file not an embed. This will lead to a frustrating UX going back to the whole "Why cant the LLM summarize my document" UX complaint that we had before

• The input clears on send then changes UI. Is it possible we keep the text in the input or are these components the same component and it just moves? Low priority for this IMO, just a UI quirk.

We might want to make another PR after this to fix the reset message - it causes the page shift as if a chat was sent if you send it first.

[angelplusultra]

Overall this looks great. I just left a few notes.

My biggest concern is the home page defaulting to the last visited workspace without clearly indicating which workspace that is. If you don’t remember where you were last, submitting a prompt from the home page becomes a bit of a dice roll. It may be worth considering a way to clearly display the targeted workspace.

[angelplusultra]

Overall looks solid and works great. I have one refactor suggestion for code maintainability.

The greeting + PromptInput + QuickActions + SuggestedMessages layout is largely duplicated between Home/index.jsx:256-293 and ChatContainer/index.jsx:329-397. Both render the same structure with slightly different wiring. Consider extracting this into a shared component (e.g., EmptyStateView) to reduce duplication and ensure visual consistency.

[shatfield4]

Overall looks solid and works great. I have one refactor suggestion for code maintainability.

The greeting + PromptInput + QuickActions + SuggestedMessages layout is largely duplicated between Home/index.jsx:256-293 and ChatContainer/index.jsx:329-397. Both render the same structure with slightly different wiring. Consider extracting this into a shared component (e.g., EmptyStateView) to reduce duplication and ensure visual consistency.

Took a crack at extracting this to a shared component but due to the wiring and differences in props, this extraction would make the overall implementation more complex. In the future we may want to add new components to only the home page so IMO it is a good idea to keep these separate for now.

[timothycarambat]

Discovered issues:

If i upload a file I can click the "x" to remove them as parsed files but hoving over the paperclip i cannot click the X to remove it as a parsed file via the modal.

The new landing page logic works for admins, but for managers and default level users this logic does not work.

Managers can create workspaces - so they should be able to create a new workspace and send a chat and auto-create a workspace. Instead it makes me choose a workspace or tells me i have none. If i open a workspace the empty state exists

For users, this is nonfunctional in a similar way. If i have a workspace then direct me to the new landing so i can send a chat instantly. If i have no workspaces then i should see the "contact system admin" landing page.

We need to confirm for the command prompt and agent prompt popovers are correctly laid out when the input modal is tall. I dont think this is the layout we want.

As an admin, if i have a workspace we can assume to send chats to - the sidebar does not show it - here i am actually about to send a prompt to MyWorkspace, which has 3 threads already. I am on the root page, but its not clear where I am about to send a chat.

I can confirm that actually happens in single user mode too - if we are assuming a workspace we should highlight on sidebar along with thread if we are tracking it. Otherwise whatever the assumed workspace is should be expanded too.

Change model is missing - when the prompt is showing and assuming a present workspace as to where we are chatting we should enable showing the model change "brain" icon. When the workspace does not yet exist - we should not show this icon.

---

https://github.com/Mintplex-Labs/anything-llm/pull/4931/changes#diff-635717db84d7d0d28b08a5a889f480ffdd7e8fde636d6b1235ce9c90ae45cb75R352

This record in the translations does not exist (i cant find it??) and it's not in the associated translation PR. Additionally, this same fallback string should just be a constant so its in one place. However, just making a real record in EN would make it the fallback for any null language entry once normalized.

---

Create An agent quick-action is showing for managers - who cannot access this page.

stale

[shatfield4]

• Fix translations for greeting
• Fix removing files from ParsedFileMenu component in home page
• Manager should be able to see new home page since they are allowed to create workspaces
• If user has workspace available we should show new home page and send chat directly to it (block some features since they are not allowed)
• Add brain icon change model popup back to home page
• Review with design slash commands pop up/agent pop up