Jiwon Choi

[devtools] panel ui header

3

https://github.com/user-attachments/assets/512cd9d4-4f72-4ed3-a9dc-4efb823651c3 Closes NEXT-4528

[devtools] panel ui footer

3

https://github.com/user-attachments/assets/752809f3-05b5-4f33-a820-17ab6826b8b4 Closes NEXT-4529

[devtools] fork devtools-indicator

2

Unlike the menu popover (legacy), the panel UI can be decoupled from the indicator and communicate with the dispatcher. We don't need those refs, animation, etc. anymore, so removed them...

[devtools] add panel ui placeholder under feature flag

2

This PR adds a placeholder for the DevTools panel UI under the feature flag, focusing on the interaction with the dispatcher.

[devtools] fix: error overlay closes when footer is clicked

4

https://github.com/vercel/next.js/pull/77327 should've added the footer to the dialog's click outside exclude list as is moving out from the dialog. #### Before https://github.com/user-attachments/assets/3ee79982-acc7-4783-b629-7132361463fd #### After https://github.com/user-attachments/assets/172e413d-5276-4dd5-a13c-936ba4bd5e6a

[devtools] initialize tailwind

4

### How? Use next-devtools Webpack config to lazy inject the Tailwind stylesheet with style-loader. x-ref: https://webpack.js.org/loaders/style-loader/#lazystyletag x-ref: [Tailwind v4 with Webpack](https://gist.github.com/bradtraversy/1c93938c1fe4f10d1e5b0532ae22e16a?permalink_comment_id=5473985#gistcomment-5473985)  Note: The size...

[devtools] apply tailwind to storybook

2

Apply Tailwind to Storybook using Webpack the same way as https://github.com/vercel/next.js/pull/80367. 

[next] return plain text 404 for `/_next/static/`

2

### Why? When bots like Googlebot crawl a site, it gets the asset paths `/_next/static/...` from the `` and `` tags. As those asset paths may change over time, when...