Joshen Lim 5d0043f59b Apply max width for ai assistant panel when maximized (#47974) ...

## Context

Applies a max width for the AI Assistant content area while maximised to
improve reading UX
<img width="1390" height="958" alt="image"
src="https://github.com/user-attachments/assets/296c394d-6bcf-4b0f-b147-ca0253dfa724"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Style**
* Improved AI Assistant conversation layout by centering content and
limiting its maximum width for easier reading.
* Updated support-chat spacing and alignment for a more consistent
visual flow.
* Refined onboarding content sizing and positioning to improve
readability across screen sizes.
* Preserved existing chat input behavior while simplifying its styling
configuration.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

2026-07-15 23:57:09 +08:00

..

AdvisorPanel

chore: remove _Shadcn_ suffix from ui tabs components (#47628)

2026-07-06 15:29:16 +02:00

AIAssistantPanel

Apply max width for ai assistant panel when maximized (#47974)

2026-07-15 23:57:09 +08:00

AIEditor

fix(studio): TanStack post-merge fixes — Monaco loader, fonts, CSP (from #46424) (#47657)

2026-07-08 14:52:59 +08:00

BannerStack

Clean up RLS Tester artifacts (#47866)

2026-07-13 17:01:05 +08:00

Charts

fix(studio): stop unified logs bar chart animation replay on click FE-3912 (#47910)

2026-07-15 12:24:07 +02:00

CodeEditor

fix(studio): stop GraphiQL from corrupting other Monaco editors (#47363)

2026-06-29 08:45:09 +00:00

CountdownTimer

fix(studio): warning colours broken in light mode after colour migration (#47660)

2026-07-07 14:34:29 +10:00

DataTable

fix(studio): give unified logs filter 'Only' button a solid background (#47953)

2026-07-15 11:59:17 +00:00

DatePicker

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

DevToolbar

fix(studio): make paused project messaging easier to scan DEPR-581 (#47807)

2026-07-13 10:30:28 +02:00

EdgeFunctionBlock

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

EditorPanel

Color system (#47288)

2026-07-03 15:00:43 +10:00

ErrorBoundary

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

ErrorCodeTooltip

Support multi select logs and add CTA (#45974)

2026-05-20 20:03:52 +07:00

FileExplorerAndEditor

Use CodeEditor in AIEditor (#47297)

2026-06-26 10:44:16 +08:00

Forms

chore: more dead code cleanup (#47312)

2026-06-26 11:48:58 +02:00

GlobalShortcuts

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

HelpPanel

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

HighAvailability

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

Logs

feat(studio): add feature to rewrite queries DEBUG-145 (#47266)

2026-06-29 14:31:18 +02:00

OrganizationProjectSelector

chore: remove _Shadcn_ suffix from Command components (#46153)

2026-05-20 15:45:32 +02:00

OveragesBanner

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProductMenu

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

ProjectSettings

fix(studio): color regressions after theme update (#47794)

2026-07-15 14:09:08 +00:00

QueryBlock

Color system (#47288)

2026-07-03 15:00:43 +10:00

Resource

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

ResourceExhaustionWarningBanner

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

ActionCard.tsx

feat(studio): move redeem credits to connect interstitial (#45909)

2026-05-18 19:02:51 +10:00

AiAssistantDropdown.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

AlertError.tsx

fix(telemetry): dedupe funnel toast error events (#47802)

2026-07-10 17:35:27 +08:00

AlphaNotice.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

AutoEnableRLSNotice.tsx

chore(studio): use admonition for auto-enable RLS notice (#47354)

2026-07-01 01:51:43 +10:00

ButtonTooltip.tsx

Fix the Connect button to show the text. (#45646)

2026-05-06 16:04:54 +00:00

CardButton.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

ComputeBadgeWrapper.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

CopyButton.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

DatabaseSelector.tsx

Joshen/fe 3595 read replica migration warning is prominent on (#47025)

2026-06-18 11:18:45 +08:00

DateRangePicker.tsx

chore: cleanup duplicate exports studio (#47387)

2026-06-29 15:46:16 +02:00

DiffEditor.tsx

refactor(studio): extract SQL editor session store from god store (#47349)

2026-06-30 11:24:48 -04:00

DisableInteraction.tsx

Feat/api keys rollout prep (#35559)

2025-05-27 15:50:42 +02:00

DocsButton.tsx

feat(studio) Link observability pages to relevant docs (#47351)

2026-06-26 12:11:19 -07:00

DotPing.tsx

Improve granularity of replication status (#40329)

2025-11-13 15:13:03 +08:00

DownloadResultsButton.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

DropdownMenuItemTooltip.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

EmptyListState.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

EntityTypeIcon.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

FeatureBanner.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

FeaturePreviewBadge.tsx

feat: branching support for temporary access (#45411)

2026-05-18 09:47:59 +02:00

FeaturePreviewSidebarPanel.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

FilterPopover.tsx

fix: homepage accessibility fixes (#47729)

2026-07-08 11:44:48 +02:00

FormBoxEmpty.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

FunctionSelector.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

GridFooter.tsx

Consolidate grid header actions in table editor into a single row (#45504)

2026-05-06 10:53:49 +08:00

HighQueryCost.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

InfiniteList.tsx

chore: types cleanup for react 19 (#44941)

2026-04-16 15:31:04 +02:00

InformationBox.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

InlineLink.tsx

feat(studio): move /authorize to connect interstitial (#46359)

2026-06-08 10:51:04 -06:00

LoadingOpacity.tsx

chore: Prep work for migrating to Tailwind v4 (#45285)

2026-04-28 11:33:53 +02:00

LocalSetupGuide.tsx

feat(self-hosted): add minimal project settings (#46554)

2026-06-02 15:37:42 +02:00

NoPermission.tsx

chore: cleanup duplicate exports studio (#47387)

2026-06-29 15:46:16 +02:00

NoSearchResults.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

NotExposedEntitiesIndicator.tsx

[FE-3496] feat(studio): hide unexposed tables from Data API docs (#46508)

2026-06-02 23:36:14 +10:00

ObservabilityLink.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

org-selector.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

OrganizationProjectSelector.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

Panel.tsx

Color system (#47288)

2026-07-03 15:00:43 +10:00

PartnerIcon.test.ts

chore(studio): clarify partnered orgs and projects (#44328)

2026-04-23 12:17:24 +10:00

PartnerIcon.tsx

Color system (#47288)

2026-07-03 15:00:43 +10:00

PartnerManagedResource.test.tsx

feat(studio): payment method states for Stripe Projects orgs (#44965)

2026-04-28 12:17:29 +10:00

PartnerManagedResource.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

PasswordStrengthBar.tsx

[FE-3379] feat(studio): warn when db passwords need percent-encoding (#47564)

2026-07-06 17:38:03 +08:00

ProfileImage.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

ProjectUpgradeFailedBanner.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

ProviderIcon.tsx

Auth flow improvements (#46967)

2026-06-18 15:34:56 +08:00

RequestUpgradeToBillingOwners.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

SafeSqlInput.tsx

studio: add SafeSql foundation utilities (1/7) (#45897)

2026-05-13 14:57:08 -04:00

SchemaSelector.tsx

chore: cleanup duplicate exports studio (#47387)

2026-06-29 15:46:16 +02:00

ShimmerLine.tsx

chore: dashboard header alignments (#42769)

2026-02-13 11:48:12 +01:00

Shimmers.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

Shortcut.test.tsx

test(studio): add unit tests for shortcut primitives (#45162)

2026-04-23 09:22:16 -06:00

Shortcut.tsx

feat(studio): add keyboard shortcuts to Database listing pages (#45467)

2026-05-04 07:08:35 -06:00

ShortcutBadge.tsx

feat(studio): add insert, filter, sort, refresh shortcuts to the table editor (#45191)

2026-04-28 09:09:59 -06:00

ShortcutTooltip.tsx

Adjust AIAssistantHeader (#47912)

2026-07-15 13:35:32 +08:00

SingleStat.tsx

refactor(studio): migrate telemetry to useTrack (#46140)

2026-05-27 15:19:54 +08:00

SortDropdown.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

SparkBar.tsx

chore: cleanup duplicate exports studio (#47387)

2026-06-29 15:46:16 +02:00

SpecialSymbolsCallout.tsx

[FE-3379] feat(studio): warn when db passwords need percent-encoding (#47564)

2026-07-06 17:38:03 +08:00

SqlWarningAdmonition.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

TextConfirmModalWrapper.tsx

Reinstate copy action for TextConfirmModal for staff only (#41042)

2025-12-05 14:52:35 +00:00

ToggleSpendCapButton.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

TwoOptionToggle.tsx

feat(studio): restrict auth email template editing for free projects (#45396)

2026-05-28 17:23:45 +12:00

ui.types.ts

feat(studio): add navigation shortcuts with hover tooltips (#45127)

2026-04-23 08:06:03 -06:00

UnknownInterface.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

UpgradePlanButton.tsx

chore: refactor Button API so that it can be used a standard button (#46880)

2026-06-16 23:59:58 +02:00

UpgradeToPro.tsx

chore: cleanup UI patterns exports (#47406)

2026-06-30 09:23:17 +02:00

VirtualizedTable.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00