feat: entry node, database node, environment node#38
Merged
Conversation
- Introduced a new Entry Node component with context and types for managing status badges. - Updated registry configurations to include the Entry Node, enhancing UI capabilities. - Integrated Entry Node into the Canvas component, allowing for dynamic status representation. - Added necessary files and dependencies for the Entry Node functionality in the UI package.
- Updated the Entry Node component description to remove the expand affordance reference. - Added a new CSS file for Entry Node styling to improve visual presentation. - Removed the expand button functionality from the Entry Node context and related components. - Introduced a new Entry Node Canvas component for better integration within the canvas environment. - Cleaned up unused imports and streamlined the Entry Node context and types for clarity.
- Introduced drag angle handling for EntryNode components, allowing for dynamic visual feedback during drag operations. - Updated CSS to support drag gradient effects, improving the visual representation of drag states. - Added new components and utility functions to manage drag angles and their corresponding styles. - Enhanced EntryNodePreview to demonstrate drag direction with visual samples. - Refactored related components to accommodate the new drag functionality, ensuring a cohesive user experience.
- Introduced an expand button for EntryNode components, allowing users to toggle between expanded and collapsed states. - Enhanced EntryNode interaction state to include a 'selected' property for better visual feedback. - Updated EntryNodeBounds and related components to manage selection and prevent event propagation outside the card. - Improved CSS styles to support new expand button functionality and selection states, enhancing user experience.
…n display - Removed the Brain icon from the EntryNodeHeader component, simplifying the icon logic to only use the Router icon. - Updated the display logic for access domain values, ensuring consistent styling and removing unnecessary conditional rendering for expanded states.
- Updated the EntryNodeConnectionButton and EntryNodeExpandButton components to include additional CSS classes for improved styling and interaction. - Adjusted the positioning of the connection buttons in the CSS to ensure consistent alignment and spacing. - Simplified width and height calculations in the CSS for entry node bounds, enhancing layout stability.
…yles - Added hover intent handling to EntryNodeBounds, allowing for improved user interaction feedback. - Introduced state management for hover intent using React hooks, enhancing the component's responsiveness. - Updated CSS to reflect hover intent states, improving visual cues for user interactions. - Enhanced background styles for entry nodes to provide a more dynamic visual experience.
- Removed redundant hover surface class from EntryNodeCard for cleaner styling. - Renamed CSS variables for hover base to surface base for consistency. - Updated background gradients in CSS to utilize new surface base variable, enhancing visual coherence across entry nodes.
…handling - Increased hover expand dwell time to enhance user experience. - Added handling for dragging state to prevent hover intent activation during drag operations. - Refactored hover intent logic to improve responsiveness and clarity in user interactions.
…tyling - Changed transition timing functions for background and box-shadow to ease-out for smoother animations. - Updated the drag frame component to use a rounded-xl style for improved visual consistency.
- Introduced a new `showCopiedFeedback` function to handle the display of copied feedback for targets. - Updated the `copyTarget` function to utilize the new feedback mechanism. - Enhanced CSS for entry node target rows to improve hover and focus-visible states. - Adjusted the structure of `EntryNodeTargetRow` for better accessibility and interaction handling.
- Updated `CanvasNodeDragFrame` to conditionally apply styles based on the dragging state. - Refactored CSS to enhance the visual feedback for active and dragging states. - Introduced new CSS variables for better control over background and border colors. - Simplified the structure of the canvas node components for clarity and maintainability.
- Added new linear gradients to the canvas node CSS for improved visual effects during drag operations. - Enhanced the overall aesthetic of the canvas node component by diversifying the gradient directions.
- Introduced hover effects for connection buttons to improve user interaction feedback. - Added a Plus icon to the connection button for better visual indication of connection actions. - Updated CSS to adjust connection button sizes and added new styles for hover states. - Refactored connection button behavior to include hover side highlighting for enhanced usability.
- Introduced hover intent management for improved user feedback during interactions. - Refactored hover handling logic to include hover zones for better control over visual states. - Updated CSS to refine cursor styles and enhance hover effects for canvas node components. - Added new preview states in EntryNodePreview for expanded selected scenarios.
9 multicolor database logo icons (PostgreSQL, MySQL, MongoDB, Redis, ClickHouse, DuckDB, Elasticsearch, SQLite, Memcached) as React components with shared DbIconProps interface (size + className + SVG pass-through). Exported via barrel from @workspace/ui/assets/db-icons. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Introduced a constant for lifecycle actions (delete, restart, start, stop) to enhance the functionality of the PreviewCanvasDatabaseNode component. - Updated the component to utilize the new lifecycle actions, improving user interaction capabilities.
- Introduced a new Canvas Alter component, providing a minimal React Flow workspace surface with Jotai provider integration. - Added necessary files including types, context, hooks, provider, error fallback, and styles for the Canvas Alter component. - Updated registry.json and created a new canvas-alter.json file for the component's configuration.
…or improved clarity and usage
- Added comprehensive lifecycle phase handling for databases, including states like Creating, Running, Updating, Restarting, Stopping, Paused, Starting, Failed, Deleting, and Unknown. - Updated database status schema to include product-facing lifecycle phase and reason for the current state. - Enhanced UI hooks to manage workload reconciliation based on transient phases. - Refactored database templates to utilize new lifecycle properties and ensure accurate status reporting. - Improved API documentation for database retrieval to reflect new lifecycle features.
- Changed success messages for starting and stopping database workloads to clarify that actions have been requested rather than completed.
Upstream data refreshes now merge by node ID — existing nodes keep their dragged position while new nodes slot into the fallback grid. Grid spacing widened (340×280) for breathing room. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
|
|
1 similar comment
|
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.