Francesco Sansalvadore
156f904018
feat: floating mobile toolbar ( #43444 )
...
- move navigation components to `apps/studio/components/layouts/Navigation`
- add [FloatingMobileToolbar](https://github.com/supabase/supabase/pull/43444/changes#diff-3dffe47fd51ca851d612d8728e03b2dc344ec213d4f3a46a824d3fa32a7cc851 ) as quick access to tools such as search, assistant, inline editor, etc - behind feature flag and feature preview (true by default as it's a bit
annoying to have to enable it all the time as previews are stored in
local-storage)
- fix sidebar panels closing on viewport resizing (regression from previous pr)
https://github.com/user-attachments/assets/d6881e3b-5128-4306-bb82-3ca39c755dba
<img width="986" height="697" alt="Screenshot 2026-03-12 at 12 40 11"
src="https://github.com/user-attachments/assets/da8511e2-7d01-4237-b814-596031c747c5 "
/>
2026-03-13 12:13:07 +00:00
Francesco Sansalvadore
23c827bdda
feat: nested mobile nav menu ( #43333 )
...
- consolidate `top level menu` and `contextual menu` into nested menu on
mobile
- remove legacy mobile submenu
2026-03-11 13:55:20 +01:00
Francesco Sansalvadore
9145470ff6
feat(studio): mobile sheet nav ( #43184 )
...
- use `MobileSheetNav` for all `LayoutSidebar` panels on mobile viewport
- move `Help` to LayoutSidepanel for a more cohesive experience
- enables opening the help panel using params `?sidebar=help-panel`
https://github.com/user-attachments/assets/a84e56f0-f2e2-4217-89a2-ba895bb7d352
2026-02-27 12:06:27 +00:00
Ivan Vasilov
637b6fb792
chore: update react-resizable-panels to v4 to support pixel width ( #42990 )
...
This pull request standardizes the usage of props and value types for
the `ResizablePanelGroup` and `ResizablePanel` components across
multiple files in the codebase. Specifically, it replaces the deprecated
`direction` prop with `orientation`, and updates numeric prop values
(such as `defaultSize`, `minSize`, and `maxSize`) to be passed as
strings. This ensures consistency with the updated component API and
improves type safety.
**Component API Updates:**
* Replaced the `direction` prop with `orientation` for all usages of
`ResizablePanelGroup`
* Updated all `ResizablePanel` props (`defaultSize`, `minSize`,
`maxSize`) to be passed as strings instead of numbers, ensuring
compatibility with the latest API requirements.
* Removed deprecated or unnecessary props such as `order` from
`ResizablePanel` components, and ensured all size-related props are
consistently formatted as strings.
2026-02-23 19:48:19 +01:00
Ali Waseem and Joshen Lim
a909c0869d
chore: enable new filter bar as a default opt in ( #43028 )
...
## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md )
file.
YES
## What kind of change does this PR introduce?
This is the first step for the GA rollout
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2026-02-20 09:33:32 -07:00
Joshen Lim
9dbc4fc851
Simplify logic in NoticeBanner by using useLocalStorageQuery ( #41890 )
...
* Simplify logic in NoticeBanner by using useLocalStorageQuery
* Clean up
* Deprecate AppBannerWrapperContext
2026-01-19 13:07:22 +08:00
Joshen Lim
2c91a79b58
Joshen/fe 2180 right side sidebars too wide on laptop displays ( #40940 )
...
* Fix default size for resizeable panel in table editor
* Fix default size for resizeable panel for global
* Clean up
* nit
* Tweak
* Adjust
2025-12-01 17:32:07 +08:00
c63d2a92a0
Unify Inbox and Advisor ( #40026 )
...
* sidebar-manager
* storage keys
* tests
* more ai spots
* test fix
* revert to default
* remove ref
* Update apps/studio/state/sidebar-manager-state.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* Update apps/studio/components/ui/AIAssistantPanel/AIAssistant.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* fix ts
* fix
* fux
* fux query param
* clean
* fix
* more
* mock local storage
* simplify
* remove provider test
* remve useopensidebar
* fix(new homepage): open ai assistant on advisor card button clicks
* Update apps/studio/components/layouts/ProjectLayout/LayoutSidebar/index.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/sidebar-manager-state.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* refine
* editor sidebar manager
* reset results
* advisor sidebar manager
* empty state and notice
* event tracking
* remove variable
* remove use effect
* open in sidebar
* use sidebar old home
* Update apps/studio/components/ui/EditorPanel/EditorPanel.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* connect hotkey
* Update apps/studio/components/layouts/AppLayout/AssistantButton.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/advisor-state.ts
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/advisor-state.ts
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* fix
* initial prompt
* fix(inline editor button): only show keyboard shortcut if hotkey active
* cleanup(advisor panel): minor code cleanup
* fix(advisor panel): misplaced key on list
* fix(advisor panel): add error state
* fix(advisor panel): improve a11y
* fix(advisor panel): cannot find selected item
* fix
* fix
* tooltip
* link
* sidebar move up
* merge inbox
* project/org sidebars
* panels
* clean
* fix use effect
* layoutheader export
* fix
* ts
* prettier
* tests
* remove markdown
* remove org and project filters from state
* text link
* Update apps/studio/state/sidebar-manager-state.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* fix
* prettier
* remove files
* bump limit
* noop
* format
* remove notifications on self hosted
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com >
Co-authored-by: Alaister Young <alaister@users.noreply.github.com >
2025-11-07 15:01:53 +10:00
Joshen Lim
75e1717a02
Remove barrel files part 02 ( #39956 )
...
* Remove barrel files part 02
* Clean up
2025-10-30 23:50:14 +08:00
d10001b7a7
Advisor sidebar manager ( #39889 )
...
* sidebar-manager
* storage keys
* tests
* more ai spots
* test fix
* revert to default
* remove ref
* Update apps/studio/state/sidebar-manager-state.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* Update apps/studio/components/ui/AIAssistantPanel/AIAssistant.tsx
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
* fix ts
* fix
* fux
* fux query param
* clean
* fix
* more
* mock local storage
* simplify
* remove provider test
* remve useopensidebar
* fix(new homepage): open ai assistant on advisor card button clicks
* Update apps/studio/components/layouts/ProjectLayout/LayoutSidebar/index.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/sidebar-manager-state.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* refine
* editor sidebar manager
* reset results
* advisor sidebar manager
* empty state and notice
* event tracking
* remove variable
* remove use effect
* open in sidebar
* use sidebar old home
* Update apps/studio/components/ui/EditorPanel/EditorPanel.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* connect hotkey
* Update apps/studio/components/layouts/AppLayout/AssistantButton.tsx
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/advisor-state.ts
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* Update apps/studio/state/advisor-state.ts
Co-authored-by: Charis <26616127+charislam@users.noreply.github.com >
* fix
* initial prompt
* fix(inline editor button): only show keyboard shortcut if hotkey active
* cleanup(advisor panel): minor code cleanup
* fix(advisor panel): misplaced key on list
* fix(advisor panel): add error state
* fix(advisor panel): improve a11y
* fix(advisor panel): cannot find selected item
* fix
* fix
* tooltip
* link
* sidebar move up
* LayoutSidebarProvider to only sendEvent if in a project
---------
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com >
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-10-30 17:43:02 +10:00
Joshen Lim
72d50d8ac4
Remove barrel files part 1 ( #39955 )
2025-10-29 18:07:20 +08:00
Joshen Lim
f6473165bd
Hide mobile nav menu on organizations page ( #39908 )
...
* Hide mobile nav menu on organizations page
* Fix
2025-10-28 10:08:46 +08:00
Joshen Lim
dabfaa8972
Support for projects pagination part 1 ( #38298 )
...
* init
* Infinite scrolling pagination for projects in table view
* Infinite scrolling pagination for projects in cards view
* Shift searching projects to URL state + to server side
* Shift status filter to URL state
* opt to use local storage query for view moe
* update wildcard project route
* add created at value, and shift filter status to server side
* Nit
* final nit
* Address comments
* Fix
* Prettier
* Raise page limit to 96
2025-09-11 14:02:58 +08:00
kemal.earth
0fadb11560
feat(studio): account area ui updates ( #38006 )
...
* feat: quick prototype of account area
Update to the layout of the account area. Small prototype yolo.
* fix: prettier warnings
* feat: fix back button to bottom of sidebar
* feat: handle back button on desktop and mobile
* chore: run prettier
2025-08-21 13:40:02 +01:00
Ivan Vasilov and Joshen Lim
1bc28c7f85
feat: Add a toast to refresh the page if there's a new version of Studio available ( #36323 )
...
* Initial work.
* Add missing import.
* Minor fixes.
* Minor fixes.
* Add a feature flag for the refresh toast.
* Add a commit for testing. Revert before merging.
* Remove header caching for testing.
* Tiny lint
* Fix
* One more
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-07-28 17:51:00 +08:00
Joshen Lim
fd98a08a4f
Chore/default to new organization layout ( #35515 )
...
* Default to new organization layout + remove feature preview
* Remove feature preview
* Clean up LayoutUpdateBanner
* Clean up
* Fix
* Fixy fix
* Update comment
* Nit to fix layout shift
2025-05-13 11:25:35 +08:00
Joshen Lim
e76d81ffeb
Fix product menu for mobile not showing in LayoutHeader ( #35170 )
2025-04-21 16:44:35 +07:00
Joshen Lim
fd10704cc1
Make feature preview available + Fix up Connect UI for local self-host ( #35060 )
...
* Make feature preview available for local self-host
* Fix up Connect UI for local / self-host
* Fix
* Fix
* Fix
2025-04-16 19:35:09 +08:00
fb24d91305
Feat/ Org layout ( #33150 )
...
* update test
* move back button, fix width issues on sidebar
* update sidebar logic
* Update ProjectLayout.tsx
* lots of updates. layouts now streamlined. localstorage for tabs in use
* moar
* bunch of new tab logic
* fix empty tab issue
* Update tabs.ts
* layouts switched
* new pages now have fixed layouts
* fix tabs
* fix code bg
* add tabs support for multiple project refs
* intialization issue
* update ID handling
* fixed isOpened state for SQL snippets
* remove old assistant because its bugging up panels
* preview style works in sql editor
* fix border
* removes preview tab if there is one
* fix background of loading skeleton
* lots of issues with types/icons/redirect
* new tab cards
* snippets in empty state now work
* moar stuff
* tabs now in feature flags
* Update tabs.ts
* Update tabs.ts
* moar
* add feature previews
* remove code not needed
* Update next-env.d.ts
* Delete FeaturePreviewModal.tsx
* fix typescript errors. remove more explorer stuff
* remove explorer files
* fixed issues with templates and quickstarts tab
* fixed active state when tabs are not opted in
* logic error
* fix open/highlight issue when opted out of tabs
* templates/quickstarts now displayed with new cards
* Update recent-items.tsx
* Update new-tab.tsx
* add icon back in
* add old empty state back in
* recent items updated to respect project ref
* localstorage cleanup on deletion
* moar
* overflow tabs now working
* correct tab names used for new sql templates/quickstarts
* ongoing queries fix
* cleanup
* update images
* Update RouteValidationWrapper.tsx
* Update AppLayout.tsx
* Update NavigationBar.tsx
* add headers back into side panels
* improve writing
* tabs now drag and drop a billion times better
* Update tabs.tsx
* Update tabs.tsx
* init issues on stores, which caused a race condition.
* fix hydration error
* init
* init sidebars
* init
* Update app-default-navigation.tsx
* user dropdown updates
* moar layouts
* init
* moar
* moar
* updat
* reverse top bar
* some banners
* moar
* start adding account page
* change styling of dropdowns
* Update sidebar.tsx
* fix new tab issue in sql
* Update ProjectLayout.tsx
* Update pnpm-lock.yaml
* latest
* Update pnpm-lock.yaml
* moar layouts on account
* getLayout updates
* more fixes
* force a cache build
* moar
* Update app-default-navigation.tsx
* fix AI button animation
* moar layout
* account pages refactored
* Update user-dropdown.tsx
* Update new-tab.tsx
* move EditorMenuListSkeleton
* Fix type issues
* fixes: DESIGN-87
fixes: DESIGN-87
* refactor sort/filter components
* Update rules-set-button-text.tsx
* remove discussions for now
* small styling fixes
* Update FeaturePreviewModal.tsx
* Update FeaturePreviewModal.tsx
* Update RouteValidationWrapper.tsx
* revert
* revert
* revert
* revert
* revert
* more revert
* Update collapse-button.tsx
* Update SQLEditorTreeViewItem.tsx
* revert
* Update SchemaGraph.tsx
* Delete new-upcoming.tsx
* revert
* Update ProjectLayout.tsx
* fix home link
* Update table-editor.spec.ts
* test update
* Update projects.tsx
* remove
* Delete sidebar-open-top-banner.tsx
* add organizations page
* Update table-editor.spec.ts
* Fix the playwright tests.
* layout fixes
* layout fix
* revert sort/filter
* Update LastSignInWrapper.tsx
* revert
* revert
* remove
* update file names
* revert
* revert
* revert
* advisor lint page tabs revert
* revert
* revert
* revert
* revert
* revert
* revert tabs
* remove packages
* add sidebar
* sidebar docs added
* add sidebar
* fixed issues
* fix mobile
* fixes
* add org side bar in
* redirect updated
* fix more layouts
* move settings icon back down
* remove old stuff
* Delete SideBar.tsx
* use ProfileImage component
* spelling
* Update ThemeSettings.tsx
* Update ThemeSettings.tsx
* Update Sidebar.tsx
* layout udpate
* Update Sidebar.tsx
* fixes
* Minor lints
* Update Sidebar.tsx
* create a alt user dropdown for self hosting and local
* add fragment back in
* Adds Theme Selector for local/self hosting
* Update UserDropdown.tsx
* fix theme selector for local self host
* Update index.ts
* Update DefaultLayout.tsx
* now supports feature preview
* remove old files
* rename files
* revert
* Update LayoutHeader.tsx
* clean
* revert
* revert
* Update resource-banner.tsx
* remove redundant side bar stuff
* organizations action bar updated. removed hardcoded value
* fix type errors
* fix tests
* Undo test changes
* Fix account pages for when feature preview is off
* Bug fixes 1
* Missing key in map of EmailTemplates
* Fix missing border in StorageExplorer
* fix missing header in performance advisor
* Final clean up
* Fix DefaultLayout re-rendering issue on auth pages
* A couple of fixes
* Redirect to /organizations if land on /projects with feature preview on
* Route back to /projects if toggling preview off on /organizations
* Add HomePageActions to /org/slug
* make re-routing nicer
* Moar fixes
* Fix logging in redirect to /organizations irregardless of feature preview
* Fix missing withAuth in OrganizationLayout
* Minor clean upo
* Fix branch dropdown not aligned
* Add feature preview for update layout
* update dropdowns to only be chevron triggered in new layout
* Update content-query.ts
* Update entity-types-infinite-query.ts
* add IS_PLATFORM for org dropdown
* Add IS_PLATFORM check for EnableBranchingDropdown in LayoutHeader
* Midway fixing mobile nav
* Mobile nav fixes
* Address feedbacks
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
Co-authored-by: Alaister Young <a@alaisteryoung.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
Co-authored-by: Jordi Enric <jordi.err@gmail.com >
2025-04-08 11:32:29 +08:00
Jonathan Summers-Muir and Joshen Lim
5816d6fd0a
Feat/sidebar studio ( #33612 )
...
* add sidebar
* sidebar docs added
* add sidebar
* fixed issues
* fix mobile
* move settings icon back down
* remove old stuff
* Delete SideBar.tsx
* use ProfileImage component
* spelling
* Update ThemeSettings.tsx
* Update ThemeSettings.tsx
* Update Sidebar.tsx
* layout udpate
* Update Sidebar.tsx
* fixes
* Minor lints
* Update Sidebar.tsx
* create a alt user dropdown for self hosting and local
* add fragment back in
* Adds Theme Selector for local/self hosting
* Update UserDropdown.tsx
* fix theme selector for local self host
* Update index.ts
* move dropdown and fix
* Update LayoutHeader.tsx
* update const
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-02-25 07:28:03 +00:00
Joshen Lim and Saxon Fletcher
32a042379e
Auth Settings IA Update - Sign In / Up ( #33579 )
...
* page components
* page component changes
* settings but broken saving
* rvert
* use sheet for provider
* styling
* remove things
* Some refactoring and fixing, added JSDocs to layouts
* Smol refactor
* Fix
* Update JSDocs
* updated scaffolding
* Clean up
* Spelling
* Clean up FormFieldWrappers
* One last clean up
* Smol CSS tweak
---------
Co-authored-by: Saxon Fletcher <saxonafletcher@gmail.com >
2025-02-21 16:09:50 +08:00
Joshen Lim and Jonathan Summers-Muir
257824e319
Chore/connect UI update for session pool mode ( #33230 )
...
* Add admoniton in Connect UI for transaction pooling section if pooling mode is Session
* Add callout in session pooler to use port 5432
* Update to use Panel.Notice
* Add callout to use port 5432 for session in pooling configuration settings
* Update warning when setting to txn mode from session
* Minor refactors
---------
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com >
2025-02-10 04:13:32 +00:00
Jonathan Summers-Muir
c32baab60a
fix project provider ( #33423 )
...
* fix project provider
* Update DefaultLayout.tsx
* Update DefaultLayout.tsx
2025-02-07 15:36:11 +01:00
Jonathan Summers-Muir
3cec304f1f
fix: mobile issues for getLayout ( #33415 )
2025-02-07 16:55:44 +08:00
Jonathan Summers-Muir and Ivan Vasilov
a09ffd0104
Feat/get layout - Project pages updated to use getLayout ( #33365 )
...
* Update AppBannerWrapper.tsx
* full width header layout
* layout fixing for sign in pages
* update
* init
* Update app-state.ts
* Update ProjectLayout.tsx
* init project pages
* Update LayoutHeader.tsx
* sign in layout fixed
* Update AppBannerWrapper.tsx
* Update AppBannerWrapper.tsx
* update
* Update DefaultLayout.tsx
* Update WithSidebar.tsx
* Update ProjectLayout.tsx
* Update DefaultLayout.tsx
* layout header updatefix header
* add fragment back in
* Update ProjectLayout.tsx
* Update ProjectLayout.tsx
* Update ProjectLayout.tsx
* Update ProjectLayout.tsx
* Remove ProjectContextFromParams component (duplicate to ProjectContextProvider).
* Fix the loading state of SignInMfa page.
* Update sign-in-fly-tos.tsx
* Update ProjectLayout.tsx
* Update ProjectLayout.tsx
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2025-02-07 15:00:02 +08:00
Francesco Sansalvadore