Gildas Garcia
0713a1efc1
chore: remove shadcn suffix for Input, Textarea, Alert and Collapsible ( #45867 )
...
## Problem
Now that we migrated old components to their new shadcn alternatives, we
don't need the `_Shadcn_` suffix anymore.
## Solution
Remove it
<img width="659" height="609" alt="image"
src="https://github.com/user-attachments/assets/2d7271a9-066a-4dcc-92fe-729b106d2c2f "
/>
2026-05-15 14:55:37 +02:00
Gildas Garcia
678aec3845
chore: migrate Input usages to Shadcn component in various screens/components ( #45604 )
...
## Screenshots
### Table editor: foreign record selector
Before:
<img width="802" height="213" alt="image"
src="https://github.com/user-attachments/assets/82ee3ce6-ac72-4b49-b1b0-2e635688cbb1 "
/>
After:
<img width="609" height="194" alt="image"
src="https://github.com/user-attachments/assets/e9cc09c1-1c6b-4099-8cae-abe08f50fda9 "
/>
### Account - Add TOTP
Before:
<img width="527" height="679" alt="image"
src="https://github.com/user-attachments/assets/b9f4a626-e24b-46e3-8385-700ef181308b "
/>
After:
<img width="531" height="684" alt="image"
src="https://github.com/user-attachments/assets/549745a7-9655-4a7d-9e0e-51f75b6a1c61 "
/>
### Organisation Audit Logs Details
Before:
<img width="673" height="1321" alt="image"
src="https://github.com/user-attachments/assets/0bb360cf-6f27-4574-b9af-485a3836b17b "
/>
After:
<img width="669" height="1273" alt="image"
src="https://github.com/user-attachments/assets/0382c662-e270-41fd-a8ee-08528dedfce3 "
/>
### Data API Integration Docs
Before:
<img width="1115" height="891" alt="image"
src="https://github.com/user-attachments/assets/db0c7698-53b7-4422-aac3-5e674b0bf151 "
/>
After:
<img width="1193" height="1272" alt="image"
src="https://github.com/user-attachments/assets/927e5c43-413b-49c1-9b71-8ab628179c70 "
/>
### Edge Function Edit Secret
Before:
<img width="599" height="255" alt="image"
src="https://github.com/user-attachments/assets/d6aa2f87-e247-4724-9e43-02b71933241c "
/>
After:
<img width="596" height="261" alt="image"
src="https://github.com/user-attachments/assets/d94acb41-07e1-497f-9697-830390526f4a "
/>
### JWT Key Details
Before:
<img width="536" height="549" alt="image"
src="https://github.com/user-attachments/assets/43672adc-dc0e-4e65-b7d4-b4537d22f6ea "
/>
After:
<img width="523" height="517" alt="image"
src="https://github.com/user-attachments/assets/e501e8a8-7f41-46a0-bb69-d240cea594f0 "
/>
### Realtime Filter Popover
Before:
<img width="403" height="576" alt="image"
src="https://github.com/user-attachments/assets/73842450-ba87-456b-98fc-625b99149449 "
/>
After:
<img width="387" height="564" alt="image"
src="https://github.com/user-attachments/assets/f2b35035-947c-4342-84dd-3548f9bd5e9f "
/>
### Realtime broadcast message dialog
Before:
<img width="520" height="393" alt="image"
src="https://github.com/user-attachments/assets/4f4a1a93-e0cf-4268-ae4e-baf8b8a62e74 "
/>
After:
<img width="525" height="392" alt="image"
src="https://github.com/user-attachments/assets/e1c1934a-1812-4013-8606-9b846dc2498d "
/>
### Impersonation Popover
Before:
<img width="604" height="501" alt="image"
src="https://github.com/user-attachments/assets/9abdc604-94f8-4ed4-9a95-4688e6504e76 "
/>
<img width="587" height="599" alt="image"
src="https://github.com/user-attachments/assets/5293c80c-9abd-43eb-899f-da759c83b598 "
/>
After:
<img width="594" height="585" alt="image"
src="https://github.com/user-attachments/assets/5eaf2162-2d7f-444c-9052-c9afb00080f6 "
/>
<img width="590" height="597" alt="image"
src="https://github.com/user-attachments/assets/149dc7c1-689c-4e0f-a884-c6f5b0228ebc "
/>
### Storage move item
Before:
<img width="521" height="285" alt="image"
src="https://github.com/user-attachments/assets/7d0f945f-add5-412b-813a-9325b260ab28 "
/>
After:
<img width="529" height="274" alt="image"
src="https://github.com/user-attachments/assets/ab0891a1-b31b-40b6-be53-92afc95095ea "
/>
### Table Editor - Spreadsheet import
Before:
<img width="673" height="506" alt="image"
src="https://github.com/user-attachments/assets/7a722908-10c2-4c04-95fb-b12d3c23557c "
/>
After:
<img width="671" height="638" alt="image"
src="https://github.com/user-attachments/assets/689b1fb6-031c-4a02-9e7f-739356c1453d "
/>
### Org Billing downgrade survey
Before:
<img width="788" height="655" alt="image"
src="https://github.com/user-attachments/assets/c7a0d4c6-e9b9-4c6c-9cf1-e7d05016233f "
/>
After:
<img width="1630" height="1354" alt="image"
src="https://github.com/user-attachments/assets/e3f5473b-db9a-42b1-9242-40480c25fc02 "
/>
### Project API Docs
Before:
<img width="1030" height="396" alt="image"
src="https://github.com/user-attachments/assets/95643b21-811a-4ba7-918a-5e655c262ac1 "
/>
After:
<img width="1012" height="457" alt="image"
src="https://github.com/user-attachments/assets/d5559646-bb89-43b6-ad62-c5684b54b3fb "
/>
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit
* **Refactor**
* Standardized form field layouts across panels, dialogs, and modals for
a more consistent editing and reading experience.
* Replaced several Input-based textareas with dedicated
TextArea/ExpandingTextArea controls and aligned labels with wrapper
layouts for clearer accessibility.
* Introduced grouped/composable input controls, added additional
read-only detail fields and labeled value/copy blocks, and tightened
header/layout spacing and control alignment.
* Swapped notice styles for improved warning/admonition presentation.
* **Chores**
* Removed a deprecated AutoTextArea component.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2026-05-07 17:07:11 +02:00
Ivan Vasilov and Jordi Enric
56de26fe22
chore: Migrate the monorepo to use Tailwind v4 ( #45318 )
...
This PR migrates the whole monorepo to use Tailwind v4:
- Removed `@tailwindcss/container-queries` plugin since it's included by
default in v4,
- Bump all instances of Tailwind to v4. Made minimal changes to the
shared config to remove non-supported features (`alpha` mentions),
- Migrate all apps to be compatible with v4 configs,
- Fix the `typography.css` import in 3 apps,
- Add missing rules which were included by default in v3,
- Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot
of classes
- Rename all misnamed classes according to
https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all
apps.
---------
Co-authored-by: Jordi Enric <jordi.err@gmail.com >
2026-04-30 10:53:24 +00:00
Ivan Vasilov
308cd791a2
chore: Prep work for migrating to Tailwind v4 ( #45285 )
...
This PR preps the monorepo for a migration to Tailwind v4:
- Bump all Tailwind dependencies and libraries to the latest possible
version, while still compatible with Tailwind 3.
- Cleans up obsolete Tailwind 3 specific options and configs.
- Cleans up unused CSS files and fixes the CSS imports.
- Migrates all `important` uses in `@apply` lines to using the `!`
prefix.
- Move `typography.css` to the `config` package and import it from the
apps.
- Migrated all occurrences of `flex-grow`, `flex-shrink`,
`overflow-clip` and `overflow-ellipsis` since they're deprecated and
will be removed in Tailwind 4.
- Make the default theme object typesafe in the `ui` package.
- Migrate all `bg-opacity`, `border-opacity`, `ring-opacity` and
`divider-opacity` to the new format where they're declared as part of
the property color.
- Bump and unify all imports of `postcss` dependency.
2026-04-28 11:33:53 +02:00
4a0bb36ca8
style: require sorted imports in studio/components ( #44408 )
...
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com >
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2026-04-01 10:22:37 +02:00
Alaister Young and Kevin Grüneberg
70da0f1d1d
chore: cleanup packages ( #27770 )
...
* chore: cleanup packages
- Avoid circular imports
- Export API-types as types
- pg-format without depending on Node internal Buffer (not browser-compatible)
- Avoid importing from barrel files in ui dir
* chore: avoid barrel file imports in studio (#27771 )
* chore: avoid barrel file imports
- Removes some unused imports
- Avoids barrel file import for faster builds + less memory
* add eslint rule
* type fixes
* delete layouts barrel
* delete components/grid barrel file
* delete components/grid/utils barrel file
* delete components/grid/components/common barrel file
* delete components/grid/components/editor barrel file
* delete components/grid/components/formatter barrel file
* delete components/grid/components/grid barrel file
* delete components/grid/components/header/filter barrel file
* remote components/grid/store barrel file
* remove components/interfaces/Auth/Policies barrel file
* delete components/interfaces/Settings/Logs barrel file
* delete components/ui/CodeEditor barrel file
* delete components/ui/Forms barrel file
* delete components/ui/Shimmers barrel file
* delete data/analytics barrel file
* delete hooks barrel file
* cleanup lib/common/fetch barrel file
* final * barral files cleanup
* global react-data-grid styles
* remove console.log
---------
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
* fix build
---------
Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com >
2024-07-04 14:48:10 +08:00
Jonathan Summers-Muir
972773ca87
[Dashboard] Chore: update Modal component to use new components ( #26844 )
...
* init
* add more examples
* update modal
* update modals
* more modals updated
* update modal
* Update NewAccessTokenButton.tsx
* Update NewAccessTokenButton.tsx
* fix: issue with scale on dialog opening. chore: added bg-dialog color
* fix modals
* add deprecation notices
* revert bg
* revert
* Update Modal.tsx
* Update PITRSelection.tsx
* update dialog docs
* fix: issue with payment method modal
* update terminal instructions
* update padding defaults
2024-06-05 10:06:55 +00:00
Kevin Grüneberg
13cfc0abb5
fix: barrel imports ( #21728 )
...
Avoid importing all components via barrel files that lead to bloated bundles/chunks
2024-03-04 18:39:53 +08:00
Joshen Lim and Ivan Vasilov
7473a65361
Chore/realtime inspector fixes 051223 ( #19430 )
...
* Fix broken URLs
* Limit realtime inspector to only the public schema as any other schema won’t work out of the box due to missing permissions
* Hide copy to clipboard for realtime message panel timestamp
* Add placeholder value for sending test message and fix sending test message to be sent as JSON
* Change channel name input to form
* Add join channel empty state
* Update copy writing
* Shift broadcast, presence, db changes toggle to filter message popover
* Add cursor-default
* Small style fix
* Fix toggles
* Address some feedback
* Fix the impersonation UI.
---------
Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com >
2023-12-05 13:50:59 +01: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
Gildas Garcia