Skip to content

chore(local-explorer-ui): Overhaul local explorer UI#12934

Draft
NuroDev wants to merge 74 commits intomainfrom
NuroDev/local-explorer-overhauled-ui
Draft

chore(local-explorer-ui): Overhaul local explorer UI#12934
NuroDev wants to merge 74 commits intomainfrom
NuroDev/local-explorer-overhauled-ui

Conversation

@NuroDev
Copy link
Copy Markdown
Member

@NuroDev NuroDev commented Mar 17, 2026

Fixes N/A.

Summary

This overhauls the core layout / UI design of the local explorer to make it a bit cleaner and follow more of a Kumo-ify look to it. The changes include:

  • Switch color palette to a more neutral white, gray & black color palette
  • Updated core layout to use a floating content card
  • Added the ability to collapse the sidebar
  • Added easing animations to sidebar dropdowns
  • Added theme toggling (light, dark & system)
  • Added animated Cloudflare logo to the homepage
  • Refined workflows page layout
☀️ Light Mode Homepage D1 DO KV R2 Workflows
🌙 Dark Mode Homepage D1 DO KV R2 Workflow

  • Tests
    • Tests included/updated
    • Automated tests not possible - manual testing has been completed as follows: Overhauled most of the UI and gone through and inspected it myself as closely as possible.
    • Additional testing not necessary because:
  • Public documentation
    • Cloudflare docs PR(s):
    • Documentation not necessary because: Experimental WIP feature

A picture of a cute animal (not mandatory, but encouraged)

@NuroDev NuroDev self-assigned this Mar 17, 2026
@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Mar 17, 2026

⚠️ No Changeset found

Latest commit: 6a22b21

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Mar 17, 2026

create-cloudflare

npm i https://pkg.pr.new/create-cloudflare@12934

@cloudflare/kv-asset-handler

npm i https://pkg.pr.new/@cloudflare/kv-asset-handler@12934

miniflare

npm i https://pkg.pr.new/miniflare@12934

@cloudflare/pages-shared

npm i https://pkg.pr.new/@cloudflare/pages-shared@12934

@cloudflare/unenv-preset

npm i https://pkg.pr.new/@cloudflare/unenv-preset@12934

@cloudflare/vite-plugin

npm i https://pkg.pr.new/@cloudflare/vite-plugin@12934

@cloudflare/vitest-pool-workers

npm i https://pkg.pr.new/@cloudflare/vitest-pool-workers@12934

@cloudflare/workers-editor-shared

npm i https://pkg.pr.new/@cloudflare/workers-editor-shared@12934

wrangler

npm i https://pkg.pr.new/wrangler@12934

commit: 6a22b21

NuroDev and others added 15 commits March 30, 2026 15:21
…and `installWrangler` to `@cloudflare/cli` (#13068)
…n `@cloudflare/codemod` package (#13102)

Co-authored-by: Pete Bacon Darwin <pete@bacondarwin.com>
@github-actions
Copy link
Copy Markdown
Contributor

⚠️ Issues found

.changeset/vitest-outputgate-noise.md: Missing body. The changeset contains only a title line (fix: suppress outputGateBroken stderr noise when testing Workflows) with no explanatory body. Per the guidelines, the body should include "one or more paragraphs explaining the reason for the change and anything notable about the approach." Please add a brief explanation of what outputGateBroken is, why it was producing noise, and how it was fixed — similar to the detail provided in .changeset/suppress-code-moved-logs.md.

@emily-shen
Copy link
Copy Markdown
Contributor

Would you be able to split up this PR so it is easier to get in?
Maybe:

  • Switch colour palette to kumo
  • Sidebar stuff (collapsing, kumo sidebar, theme toggle)
  • Other layout changes

I think maybe we should hold on the animated logo for now, we should discuss what we want to put on that home page - i've put in an item for today's meeting.

I love the card for the main body, it looks fantastic!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Untriaged

Development

Successfully merging this pull request may close these issues.

10 participants