Skip to content

Dynamic Cosmetic Layout Projection for Rule Builder#215

Open
Sendipad wants to merge 3 commits into
developfrom
feat/dynamic-layout-projection-1719326131004882129
Open

Dynamic Cosmetic Layout Projection for Rule Builder#215
Sendipad wants to merge 3 commits into
developfrom
feat/dynamic-layout-projection-1719326131004882129

Conversation

@Sendipad

Copy link
Copy Markdown
Owner

Implemented a zero-side-effect layout transformation system for the rule builder canvas. This includes a mathematical projection layer that translates coordinates between Vertical and Horizontal orientations without mutating the persistent Pinia store. Key additions include the layout_transformer.js utility, UI store extensions for cosmetic state, and updates to all node components to support orientation-agnostic rendering.


PR created automatically by Jules for task 1719326131004882129 started by @Sendipad

- Implement layout_transformer.js for geometric coordinate projection.
- Add visual_layout_direction to useUIStore.
- Update App.vue to use projectedNodes computed property for VueFlow.
- Refactor node components to support isHorizontal prop override.
- Guard Pinia mutations during cosmetic view mode.
@google-labs-jules

Copy link
Copy Markdown
Contributor

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Sendipad added 2 commits June 19, 2026 01:22
- Apply Prettier formatting to App.vue, StartNode.vue, StopNode.vue, and layout_transformer.js.
- Ensure all modified files conform to the project's style guide to resolve CI linting failure.
- Revert specific formatting changes in ConditionNode.vue, StopNode.vue, and layout_transformer.js to match the version of Prettier (2.7.1) used in CI.
- Fixes persistent linting failures caused by local vs CI Prettier version mismatch.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Development

Successfully merging this pull request may close these issues.

1 participant