diff --git a/apps/www/_blog/2025-04-02-tabs-dashboard-updates.mdx b/apps/www/_blog/2025-04-02-tabs-dashboard-updates.mdx new file mode 100644 index 00000000000..4ef4879332b --- /dev/null +++ b/apps/www/_blog/2025-04-02-tabs-dashboard-updates.mdx @@ -0,0 +1,211 @@ +--- +title: "Keeping Tabs on What's New in Supabase Studio" +description: Tabs in the Editors! And upgrades to AI Assistant, SQL, and Logs +author: jordi,jonny,joshenlim,saxon_fletcher +image: lw14-tabs-dashboard-updates/tabs-dashboard-updates-og.png +thumb: lw14-tabs-dashboard-updates/tabs-dashboard-updates-thumb.png +categories: + - launch-week +tags: + - launch-week + - studio +date: '2025-04-02T00:00:00' +toc_depth: 3 +launchweek: 14 +--- + +We've had a busy few months working on Studio improvements and new features—big and small—to help you build, debug, and ship faster. + +Here's a quick rundown of what's new: + +- [**Tabs!**](#tabs): The Table Editor and SQL Editor now have tabs! + +- [**Customizable Reports**](#customizable-reports): create reports to show + data exactly how you want to see it + +- [**SQL Blocks in Custom reports**](#sql-blocks-in-custom-reports): use SQL Snippets in blocks inside your custom reports + +- [**Inline SQL Editor**](#inline-sql-editor): use a mini SQL Editor anywhere in the Dashboard + +- [**Multiple AI Assistant chats**](#multiple-ai-assistant-chats): maintain history of your Assistant chats + +- [**Logs improvements**](#logs-improvements): more detailed inspect panel, and stacked charts + +### Tabs! + +This has been a common request for a long time, and should make working with data much easier. We've added Tabs to our two most-used tools: the Table Editor and the SQL Editor. + +### Tabs in the Table Editor + +In the Table Editor, you can open multiple tables at a time and easily switch between them using tabs. This makes it easier to compare data, edit schemas, or reference related tables without losing your place. Enabled under Feature Previews ([see below](#enabling-feature-previews)) + +Table Editor tabs + +Tabs work the same as in VS Code, opening in preview mode. This is useful if you're quickly browsing files and don't want every visited file to have its own tab. A new tab will only be dedicated to that file when you start editing or simply click into it. Preview mode is indicated by _italics_ in the tab heading. + +The New Tab page also gives you quick access to create a new table or open a recently visited one. + +Creating a new tab + +### Tabs in the SQL Editor + +In the SQL Editor, you can now write and run multiple scripts at a time, without having to constantly change between snippets. The SQL Editor tabs also have preview mode, so you can quickly flip through snippets without leaving a bunch of tabs to clean up after. Enabled under Feature Previews ([see below](#enabling-feature-previews)) + +SQL Editor tabs + +Multiple tabs will make it easier to work across datasets, debug, or compare different queries, all without losing your place. + +## Customizable reports + +Reports in the Dashboard recently got a refresh. You can now resize and reorder chart blocks, giving you full control over the layout. It's perfect for crafting reports that look exactly how you want. + +Customizable reports + +## SQL blocks in custom reports + +We've also added inline SQL execution within blocks, so you can run your own queries directly and build fully customized, data-driven reports. Just create a snippet in the SQL Editor and it will be available to use here. + +Customizable reports + +You can show your data as a table of results: + +Customizable reports + +Or display them as a chart: + +Customizable reports + +The sky is the limit for these. You could query a Foreign Data Wrapper, join multiple tables, create a View to highlight key information, and much more. + +## Inline SQL Editor + +You can now run SQL from anywhere in the Dashboard via the Inline SQL Editor. You can query and modify tables, add triggers, functions, RLS policies, and anything else you can do from the main SQL Editor, anywhere in the Dashboard. Enabled under Feature Previews ([see below](#enabling-feature-previews)). + +Customizable reports + +## Multiple AI Assistant chats + +The AI Assistant now lets you create and store multiple chats. Create, rename, switch to and delete chats, all without losing your place. Chats are scoped to the current project, so switching your project also switches chat history. The chat history is stored in local storage. + +Customizable reports + +## Logs improvements + +We've updated the [log detail panel](https://github.com/supabase/supabase/pull/33536) to show more info in the API log detail: + +New Logs detail panel + +You can also quickly add a property or value from the detail panel to search and filter the results: + +Logs property search + +And we've added http status to available filters to help you narrow in on specific logs while debugging: + +Customizable reports + +## Enabling Feature Previews + +Tabs and the Inline SQL Editor can be enabled via Feature Preview. Click your user avatar in the bottom right and click Feature previews. + +Click your user avatar + +Enable features via Preview + +## Get started + +You can see all these improvements in the Supabase Dashboard now. + +- [Get started with Supabase](https://supabase.com/dashboard/sign-in?returnTo=%2Fprojects) and try it out today diff --git a/apps/www/components/LaunchWeek/14/Releases/data/lw14_build_stage.tsx b/apps/www/components/LaunchWeek/14/Releases/data/lw14_build_stage.tsx index a5ad488fb73..62a97b03478 100644 --- a/apps/www/components/LaunchWeek/14/Releases/data/lw14_build_stage.tsx +++ b/apps/www/components/LaunchWeek/14/Releases/data/lw14_build_stage.tsx @@ -3,6 +3,7 @@ import { ReactNode } from 'react' import { type ClassValue } from 'clsx' import { PRODUCT_MODULES } from 'shared-data/products' +import { AppWindow } from 'lucide-react' export interface AdventDay { icon?: ReactNode // use svg jsx with 34x34px viewport @@ -125,11 +126,17 @@ export const days: AdventDay[] = [ ), }, { - title: '', - description: '', - id: '', - is_shipped: false, - links: [], - icon: null, + title: "Keeping Tabs: What's New in Supabase Studio", + description: 'Tabs in the Editors! And upgrades to AI Assistant, SQL, and Logs', + id: 'tabs', + is_shipped: true, + links: [ + { + url: '/blog/tabs-dashboard-updates', + label: 'Blog post', + target: '_blank', + }, + ], + icon: , }, ] diff --git a/apps/www/lib/authors.json b/apps/www/lib/authors.json index e0a3e86fbad..942aa636db2 100644 --- a/apps/www/lib/authors.json +++ b/apps/www/lib/authors.json @@ -621,5 +621,13 @@ "position": "Guest Author", "author_url": "https://x.com/juleswritescode", "author_image_url": "https://avatars.githubusercontent.com/u/68325451?v=4" + }, + { + "author_id": "jordi", + "author": "Jordi Enric", + "username": "jordienr", + "position": "Engineering", + "author_url": "https://x.com/jordienr", + "author_image_url": "https://avatars.githubusercontent.com/u/37541088?v=4" } ] diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar-light.jpg new file mode 100644 index 00000000000..de8f1f627a3 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar.jpg new file mode 100644 index 00000000000..73731f5bb0e Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/avatar.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history-light.jpg new file mode 100644 index 00000000000..3792cb17721 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history.jpg new file mode 100644 index 00000000000..d62a015e7a5 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/chat-history.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-light.jpg new file mode 100644 index 00000000000..4d0f87e7c27 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query-light.jpg new file mode 100644 index 00000000000..0a32419036f Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query.jpg new file mode 100644 index 00000000000..e68d65e1c32 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql-query.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql.jpg new file mode 100644 index 00000000000..3c4e4383a71 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/custom-reports-sql.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports-light.jpg new file mode 100644 index 00000000000..6b027af9361 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports.jpg new file mode 100644 index 00000000000..70a6f659de7 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/customizable-reports.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview-light.jpg new file mode 100644 index 00000000000..2f8ff9c461c Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview.jpg new file mode 100644 index 00000000000..d9bfde38f13 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/feature-preview.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters-light.jpg new file mode 100644 index 00000000000..4c298723a6d Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters.jpg new file mode 100644 index 00000000000..b6985dc24f9 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/http-filters.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor-light.jpg new file mode 100644 index 00000000000..121804056ef Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor.jpg new file mode 100644 index 00000000000..732f19ecad4 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/inline-sql-editor.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel-light.jpg new file mode 100644 index 00000000000..78b632232fc Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel.jpg new file mode 100644 index 00000000000..8397cb27243 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/log-detail-panel.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search-light.jpg new file mode 100644 index 00000000000..fa0e161fed1 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search.jpg new file mode 100644 index 00000000000..7568e7525e8 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/logs-search.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab-light.jpg new file mode 100644 index 00000000000..5d24a42cc6e Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab.jpg new file mode 100644 index 00000000000..d98b2b3edb5 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/new-tab.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed-light.jpg new file mode 100644 index 00000000000..8d87840f8c0 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed.jpg new file mode 100644 index 00000000000..fab241b9d85 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/refinements-completed.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs-light.jpg new file mode 100644 index 00000000000..9abff4798b9 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs.jpg new file mode 100644 index 00000000000..f07705861f1 Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/sql-editor-tabs.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs-light.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs-light.jpg new file mode 100644 index 00000000000..b650456a3af Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs-light.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs.jpg b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs.jpg new file mode 100644 index 00000000000..57b16b4805c Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/table-editor-tabs.jpg differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-og.png b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-og.png new file mode 100644 index 00000000000..077208ab3fb Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-og.png differ diff --git a/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-thumb.png b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-thumb.png new file mode 100644 index 00000000000..8a86f534ecf Binary files /dev/null and b/apps/www/public/images/blog/lw14-tabs-dashboard-updates/tabs-dashboard-updates-thumb.png differ diff --git a/apps/www/public/rss.xml b/apps/www/public/rss.xml index 645f54ae8b3..981322a3ce4 100644 --- a/apps/www/public/rss.xml +++ b/apps/www/public/rss.xml @@ -5,9 +5,16 @@ https://supabase.com Latest news from Supabase en - Tue, 01 Apr 2025 00:00:00 -0700 + Wed, 02 Apr 2025 00:00:00 -0700 + https://supabase.com/blog/tabs-dashboard-updates + Keeping Tabs on What's New in Supabase Studio + https://supabase.com/blog/tabs-dashboard-updates + Tabs in the Editors! And upgrades to AI Assistant, SQL, and Logs + Wed, 02 Apr 2025 00:00:00 -0700 + + https://supabase.com/blog/supabase-edge-functions-deploy-dashboard-deno-2-1 Edge Functions: Deploy from the Dashboard + Deno 2.1 https://supabase.com/blog/supabase-edge-functions-deploy-dashboard-deno-2-1