Skip to content

🎨 Palette: [UX improvement] Embed primary actions directly in empty states - #117

Merged
markusbrand merged 1 commit into
masterfrom
jules-13216901170204364861-d0989e51
Oct 10, 2026
Merged

markusbrand merged 1 commit into
masterfrom
jules-13216901170204364861-d0989e51

Conversation

@markusbrand

Copy link
Copy Markdown
Owner

💡 What

Added the "Upload file" and "New folder" action buttons directly inside the two empty states in the Files page ("No files in your account yet." and "This folder is empty.").

🎯 Why

To reduce cognitive load and minimize user friction. When a user navigates to an empty folder or logs in for the first time, placing the primary actionable next steps exactly where they are looking makes the interface more intuitive and pleasant to use.

📸 Before/After

(Visual verification was run via Playwright in the sandbox, screenshots confirmed visually centered buttons inside the empty state Paper and Box.)

♿ Accessibility

Used existing semantic Material UI <Button> components and ensured proper focus management and accessibility matching the top-level actions. Added a gap between buttons for better touch targets.


PR created automatically by Jules for task 13216901170204364861 started by @markusbrand

@google-labs-jules

Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

…tates

Co-authored-by: markusbrand <4930140+markusbrand@users.noreply.github.com>
@markusbrand
markusbrand force-pushed the jules-13216901170204364861-d0989e51 branch from 1a39788 to 40b7c41 Compare October 10, 2026 00:28
@markusbrand
markusbrand merged commit 40b7c41 into master Oct 10, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant