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
Danny White and Joshen Lim
ee484c8517
chore(studio): restore feedback gating ( #42548 )
...
## What kind of change does this PR introduce?
UI improvement for self-debugging efforts.
## What is the current behavior?
https://github.com/supabase/supabase/pull/40937 removed our gating on
the feedback form (plus some related affordances) in an effort to
concentrate support entry into the Help dropdown instead:
| Before | After |
| --- | --- |
| <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/c7dacf40-5ae8-401c-a167-5e56c4c0635d "
/> | _Not applicable. This step is skipped in the new version._ |
| <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/9bd2489d-7e87-49e5-99af-13eb5f387f60 "
/> | <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/fa499a40-6d70-4674-9eb6-c7bd96019b27 "
/> |
| <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/e253381b-e8ba-476c-bd36-9dd522209498 "
/> | <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/b5cf614b-329c-4517-90e9-c4d1b49bd139 "
/> |
Despite putting other measures in place such as client-side form
detection, the result is that people are increasingly writing in to
support via the Feedback form.
## What is the new behavior?
- Restores the gating
- But also reuses the same self-debugging help options from the Help
dropdown
Other:
- Renames `HelpPopover` to `HelpDropdown` to match others
- Adjusts font size of `CommandMenu` _Search..._
| Before | After |
| --- | --- |
| <img width="1024" height="756" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/12e3be32-743d-488a-a13d-bf400fd0fd8d "
/> | <img width="1024" height="756" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/bb064ef1-a771-416d-9b5b-dbdd774efed3 "
/> |
| _Not applicable. This step is skipped in the old version._ | <img
width="1024" height="756" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/3bc0b1c2-7003-4973-8e9c-2c7ee93fb0b4 "
/> |
| <img width="1024" height="756" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/0bb18df4-d093-4440-8379-680f6c5e3cf9 "
/> | <img width="1024" height="756" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/1ef801d3-9cd7-4005-9082-8d229b7cdd19 "
/> |
| <img width="1090" height="579" alt="Inventory Nuts Bolts Supabase"
src="https://github.com/user-attachments/assets/e253381b-e8ba-476c-bd36-9dd522209498 "
/> | <img width="1024" height="794" alt="Spinner Toolshed Supabase"
src="https://github.com/user-attachments/assets/b80de142-2199-420f-9018-8622b6d24312 "
/> |
## To test
To test the “thanks” end state, add something like the following to
`feedback-send.ts`:
```ts
if (MOCK_FEEDBACK_SUCCESS) {
return {} as Awaited<ReturnType<typeof sendFeedback>>
}
```
Where `MOCK_FEEDBACK_SUCCESS` is `true`.
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
## Release Notes
* **New Features**
* Introduced multi-stage feedback dropdown with Issue and Idea selection
paths.
* Added AI assistant integration in help menu for quick support access.
* Enhanced help dropdown with expanded options: documentation,
troubleshooting, Discord community, system status, and support links.
* Added Community Support section featuring Discord community promotion.
* **Style**
* Refined command menu placeholder text sizing for improved visual
hierarchy.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2026-02-10 09:48:54 +11:00
Danny White and Joshen Lim
bf39cdbaf3
chore(studio): simplify feedback form ( #40937 )
...
* UI improvements
* client-side validation for quicker support admonition
* minor clean up
* Nit
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-12-03 10:51:09 +11: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
Charis and Joshen Lim
d8f7cc0d57
feat(support form): attach dashboard logs ( #39539 )
...
* o11y: mirror and sanitize breadcrumbs
Mirror Sentry breadcrumbs as the basis for our own support logging. Also
adds more sanitization to breadcrumbs.
* feat(support form): toggle for attaching dashboard logs
Add a toggle to the support form when the category is "Dashboard bug",
to attach recent dashboard logs. Users can preview the attached logs and
opt out.
* feat(support links): dedicated support link component
Add a new component for support links, which:
- Uses the serializer for support link params to ensure
serialization/deserialization pairs correctly
- Snapshots breadcrumbs so the attached log on the support form will be
cut off at the support link click (otherwise we will get support form
actions cluttering up the log)
* tests(support form): extend timeout on flaky test
* Minor clean up
* fix(support form): allow url to specifically indicate no specified project
* minor nits
* Fix tests
* Fix tests
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-10-22 08:57:49 -04:00
Charis and Joshen Lim
1b8c8b7398
fix(feedback): generate image urls on backend ( #39559 )
...
* fix(feedback): generate image urls on backend
* Fix support form skip generate attachment urls if no attachments
* Refactor to use useLocalStorageQuery
* Nit
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-10-16 12:52:05 +08:00
Terry Sutton and Ivan Vasilov
f9921569a9
Nudge feedback widget, move request to bedrock ( #38074 )
...
* Nudge feedback widget, move request to bedrock
* Fix the response object
* Remove an import to deleted file.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2025-08-21 08:56:54 -02:30
Ivan Vasilov and Joshen Lim
586a829828
feat: Project claim ( #35992 )
...
* Add another page for claiming a project.
* Fix a misspell.
* Minor fixes.
* Comment some test code.
* Update the design on the confirm step.
* Reorganize the authorize page. Bunch of design fixes for the claim page.
* Fix
* Delete added files my mistake.
* Separate claim-project and authorize pages. Minor design fixes.
* Add more logs to the generate claim button.
* snapshot.
* Add more copy to the three steps.
* Make the claim URL button better.
* Add missing comma.
* Fix unneeded changes.
* Make the header full width.
* Fix all comments by Joshen.
* Clean up extra code.
* Forgotten some things to clean.
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-06-10 11:49:23 +03:00
Saxon Fletcher and Alaister Young
c4cb660903
Slight tweaks to toolbar icons ( #36269 )
...
* layout header icon styles
* Update packages/ui/src/layout/ai-icon-animation/ai-icon-animation.tsx
Co-authored-by: Alaister Young <alaister@users.noreply.github.com >
---------
Co-authored-by: Alaister Young <alaister@users.noreply.github.com >
2025-06-09 21:54:27 +10:00
Terry Sutton and Joshen Lim
8fe31d903b
Chore/feedback classifier ( #36147 )
...
* First
* Update
* Cleanup
* Reduce debounce
* Add a picker before displaying feedback widget
* Update styles
* Clean up
* Fix error msg
* More prompt examples
---------
Co-authored-by: Joshen Lim <joshenlimek@gmail.com >
2025-06-06 16:01:10 -02:30
Jonathan Summers-Muir and Terry Sutton
4a31193809
chore: simplify feedback form ( #34878 )
...
* init
fix FE-1535
* update toasts
* Update FeedbackWidget.tsx
* Update FeedbackWidget.tsx
* Update feedback modal
* Change layout
---------
Co-authored-by: Terry Sutton <saltcod@gmail.com >
2025-04-14 12:14:18 -02:30
Joshen Lim
cf53e46805
Chore/support pasting images in feedback widget ( #28475 )
...
* Support pasting images in feedback widget
* Remove unnecessary usage of local storage
* Revert changes to local storeage
2024-08-08 18:08:23 +08:00
Joshen Lim
71305867b2
Chore/fix layout header alignment right buttons ( #21225 )
...
* Fix NotificationV2 popover trigger alignment
* Remove unnecessary alt prop on FeedbackDropdown
* Deprecate old NotificationsPopover folder
2024-02-13 23:46:24 +08:00
Joshen Lim
34a2ccdae3
feat/notifications v2 ( #19162 )
...
* Midway implementation notifications v2
* Some updates to Tab component
* Midway implementation notifications v2 again
* implement infinite scrolling and loading for notification sv2
* Add button actions
* Implement archive notifications
* Add filter dropdown for notifications
* Update date format
* Small style fix
* Update
* Update API codegen
* Add empt state
* Add empty state for archived notifications
* Fix type
* Final changes to notifications v2
* Small style fix
* Small fix
* Only mark notifications that come into view as read
* Update package lock
2024-01-08 12:52:48 +08:00
Ivan Vasilov
436bdb10ae
chore: Move the studio app to apps/studio ( #18915 )
...
* Move all studio files from /studio to /apps/studio.
* Move studio specific prettier ignores.
* Fix the ui references from studio.
* Fix the css imports.
* Fix all package.json issues.
* Fix the prettier setup for the studio app.
* Add .turbo folder to prettierignore.
* Fix the github workflows.
2023-11-15 12:38:55 +01:00
Francesco Sansalvadore