Skip to content

Conversation

@bean1352
Copy link
Contributor

@bean1352 bean1352 commented Jan 20, 2026

  • Replaced Material UI with shadcn/ui and Tailwind CSS to match the PowerSync Dashboard design
  • Removed @mui* and @emotion* dependencies
  • Added Radix UI primitives, Tailwind v4, and lucide-react icons
  • Built custom DataTable component with sorting, pagination, and mobile column hiding
  • Added collapsible sidebar with icon mode and Cmd+B keyboard shortcut
  • Converted all views (sync diagnostics, SQL console, schema, client params, login) to new component system
  • Fixed priority dropdown typo in stream subscription dialog
  • Removed unused components and MUI styled-components patterns
Screenshot Description
image Sync Overview 1
image Sync Overview 2
image Dynamic Schema
image SQL Console
image Client Parameters
image Navbar Expanded

…e components from MaterialUI to ShadCn. Made styling similar to the powersync-dashboard
- Added `@radix-ui/react-tooltip` version 1.2.8 to package.json and pnpm-lock.yaml.
- Updated `lucide-react` to version 0.562.0 in package.json and pnpm-lock.yaml.
- Modified index.html to use a new apple-touch-icon.
- Enhanced global CSS with new sidebar color variables.
- Improved layout and styling in various components, including ClientParamsPage and SQLConsolePage, to ensure consistent spacing and error handling.
- Introduced a new Sidebar component for better navigation structure.
…tructure and remove unused code

- Simplified ThemeProviderContainer by removing state management and unnecessary imports.
- Cleaned up Sidebar component by removing unused elements and comments, enhancing readability.
- Removed rowHeight prop from DataTable and adjusted related code for consistency.
- Deleted unused Skeleton component to streamline UI components.
@bean1352 bean1352 requested a review from Chriztiaan January 20, 2026 10:10
@changeset-bot
Copy link

changeset-bot bot commented Jan 20, 2026

🦋 Changeset detected

Latest commit: 2c30f9d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@powersync/diagnostics-app Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@bean1352 bean1352 marked this pull request as draft January 20, 2026 12:48
…ved styling and user experience. Enhanced parameter input fields with better spacing, placeholders, and error handling. Updated the form structure for clarity and added a descriptive header.
@bean1352 bean1352 marked this pull request as ready for review January 20, 2026 14:35
Copy link
Contributor

@Chriztiaan Chriztiaan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Definitely prettier! I like that the empty state for the client parameter page is improved.
Tested my side without any issues.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants