-
Notifications
You must be signed in to change notification settings - Fork 156
✨ feat(SessionDetailPage): Add output section and integrate new components #2030
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Updates to Preview Branch (poc/artifact-v2) ↗︎
Tasks are run on every commit but only new migration files are pushed.
View logs for this Workflow Run ↗︎. |
45388f0
to
095415e
Compare
…nents - Added `Output` component to manage output display with tabs for DB Design and Artifact. - Introduced `Artifact` and `DBDesign` components for structured content rendering. - Implemented `Header` component with export functionality and version selection. - Removed deprecated `Artifact` component and its related styles. - Updated styles for new components using CSS Modules. - Added `rehype-raw` dependency for handling raw HTML in Markdown. This refactor enhances the modularity and maintainability of the SessionDetailPage output section.
095415e
to
1d053e7
Compare
…chemaUpdates - Replaced the existing ERDRenderer with a new `ERD` component for better modularity. - Added `SchemaUpdates` component to display schema migration details. - Introduced CSS Modules for styling in both `ERD` and `SchemaUpdates` components. - Created mock data for migrations and review comments to enhance functionality. - Implemented a new `MigrationsViewer` to handle migration documentation and comments. This refactor improves the structure and maintainability of the DBDesign section in the SessionDetailPage.
…sibility - Updated `MigrationsViewer` component to accept a new `showComments` prop for controlling the display of review comments. - Modified `useMigrationsViewer` hook to handle the `showComments` state and adjust the editor's extensions accordingly. - Improved the rendering logic to ensure comments are displayed when the `showComments` prop is true and review comments are available. This enhancement improves the user experience by allowing users to toggle the visibility of migration review comments in the SchemaUpdates section.
…view comments display - Introduced `Comment` component to render review comments with severity levels. - Added `CommentWidget` for displaying comments as DOM elements within the editor. - Created CSS Modules for styling the comment display. - Implemented helper functions to manage comment decorations in the editor. This enhancement improves the visibility and organization of review comments in the MigrationsViewer, enhancing the user experience during schema updates.
…ge handling - Added `initialMessage` prop to `Chat` component to support pre-filled messages. - Implemented `onSendMessage` callback to handle message sending from `Chat`. - Updated `ChatInput` to set the initial message and adjust textarea height accordingly. - Enhanced `SessionDetailPage` to pass quick fix messages to `Chat` and handle message sending. This enhancement improves user experience by allowing initial messages to be displayed and sent effectively in the chat interface.
1d053e7
to
5ee2409
Compare
CI Feedback 🧐(Feedback updated until commit e211f29)A test triggered by this PR failed. Here is an AI-generated analysis of the failure:
|
…ion management - Removed the `schema` prop from the `Output` component to streamline its interface. - Introduced `OutputUIProvider` and `useOutputUI` hook for managing output state and version data. - Updated `DBDesign` and `SchemaUpdates` components to accept new props for schema updates and comments. - Created mock data for version management and integrated it into the `VersionDropdown` component. - Removed unused mock data files to clean up the codebase. This refactor improves the modularity and maintainability of the output section in the SessionDetailPage, enhancing the user experience with better version management.
…ema updates - Added support for displaying previous version's schema updates in the `Output` component. - Updated `DBDesign` and `SchemaUpdates` components to accept new props for previous schema updates. - Introduced `unifiedMergeView` from `@codemirror/merge` for improved diff visualization between current and previous schema updates. - Refactored `useMigrationsViewer` to handle previous document comparison and display differences effectively. This enhancement improves the user experience by allowing users to view changes between schema updates, facilitating better understanding and management of version history.
…der component - Added `getChangeStatus` utility function to determine the change status of tables in the schema. - Enhanced `TableHeader` component to display visual indicators for added, removed, and modified tables based on schema diffs. - Updated styles in `TableHeader.module.css` to support new diff visualization features. - Introduced `ts-pattern` for improved type matching in the `TableHeader` component. - Refactored `SchemaProvider` and related types to better manage schema state and diff items. This enhancement improves the user experience by providing clear visual feedback on schema changes, facilitating better understanding of modifications in the ERD.
5ee2409
to
e211f29
Compare
Output
component to manage output display with tabs for DB Design and Artifact.Artifact
andDBDesign
components for structured content rendering.Header
component with export functionality and version selection.Artifact
component and its related styles.rehype-raw
dependency for handling raw HTML in Markdown.This refactor enhances the modularity and maintainability of the SessionDetailPage output section.
Issue
Why is this change needed?
What would you like reviewers to focus on?
Testing Verification
What was done
pr_agent:summary
Detailed Changes
pr_agent:walkthrough
Additional Notes