Skip to content

fix: [AARD-2113] Wiring Panel Styling Fixes - #1300

Merged
PepperLola merged 3 commits into
devfrom
barclah/wiring-panel
Jun 25, 2026
Merged

fix: [AARD-2113] Wiring Panel Styling Fixes#1300
PepperLola merged 3 commits into
devfrom
barclah/wiring-panel

Conversation

@HunterBarclay

@HunterBarclay HunterBarclay commented Nov 27, 2025

Copy link
Copy Markdown
Member

Task

AARD-2113

Julian broke my wiring panel. I fix

Problem

Styling issues since UI refactor for the wiring panel.

image

Verification

Screenshot 2025-11-26 at 11 18 23 PM Screenshot 2025-11-26 at 11 18 06 PM

Before merging, ensure the following criteria are met:

  • All acceptance criteria outlined in the ticket are met.
  • Necessary test cases have been added and updated.
  • A feature toggle or safe disable path has been added (if applicable).
  • User-facing polish:
    • Ask: "Is this ready-looking?"
  • Cross-linking between Jira and GitHub:
    • PR links to the relevant Jira issue.
    • Jira ticket has a comment referencing this PR.

@PepperLola PepperLola left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

When I run the regular Java simulation sample and load Dozer, it doesn't immediately display the simulation inputs and outputs. I can refresh the Robot IO panel and that will sometimes make them load properly. Initially it took multiple refreshes to get it to work but I haven't been able to reproduce that since. The refresh/reset button at the top removes all the simulation inputs and outputs and makes another Robot IO panel refresh necessary.

image

When I add a junction node it shows no inputs or outputs until I refresh from the Robot IO panel.

image

@HunterBarclay HunterBarclay changed the title fix: Wiring Panel fix: [AARD-2113] Wiring Panel Styling Fixes Nov 27, 2025
@HunterBarclay

Copy link
Copy Markdown
Member Author

@PepperLola Odd. Java is borked on my laptop right now and I haven't been able to test fully with robot code yet. Let me know if you can see any issues appearing in the console.

const [nodes, setNodes, onNodesChange] = useNodesState([] as FlowNode[])
const [edges, setEdges, onEdgesChange] = useEdgesState([] as FlowEdge[])
const [_refreshHook, refreshGraph] = useReducer(x => !x, false) // Whenever I use reducers, it's always sketch. -Hunter
const [refreshHook, refreshGraph] = useReducer(x => !x, false) // Whenever I use reducers, it's always sketch. -Hunter

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

@PepperLola I've been using this as a janky way to refresh the graph. Probably need to re-evaluate.

@HunterBarclay
HunterBarclay requested a review from a team as a code owner December 1, 2025 08:54
@Dhruv-0-Arora
Dhruv-0-Arora requested a review from PepperLola June 16, 2026 16:00
Comment thread fission/src/ui/panels/simulation/WiringPanel.tsx Outdated
@Dhruv-0-Arora
Dhruv-0-Arora marked this pull request as draft June 22, 2026 17:40
@PepperLola
PepperLola force-pushed the barclah/wiring-panel branch from 05ae6d9 to 2722805 Compare June 24, 2026 01:21
!: Auto Tester doesn't work and it appears the robot can't be controlled
via robot code at the moment...
@PepperLola
PepperLola force-pushed the barclah/wiring-panel branch from 2722805 to ef7f36f Compare June 25, 2026 17:00
@PepperLola
PepperLola marked this pull request as ready for review June 25, 2026 17:24

@PepperLola PepperLola left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

The wiring panel styles are fixed so I think it's good to merge. Code sim still doesn't work but that is going to be my next PR.

@PepperLola
PepperLola enabled auto-merge June 25, 2026 17:25
@PepperLola
PepperLola requested a review from Dhruv-0-Arora June 25, 2026 17:25
@Dhruv-0-Arora

Copy link
Copy Markdown
Collaborator

chore: cleaned up code

*cleansed the code

@Dhruv-0-Arora Dhruv-0-Arora left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

There is definitely room for UX improvement here such as tooltips and making the icons more clear (like the reset button I thought was a refresh button or something and the information icon gives me a full paragraph. Like I aint readin althat 🥀 )
The different zoom in and out views im not sure if they are even necessary tbh
I like how the wiring panel is saved through sessions of synthesis so if I refresh it is saved. However, I think that functionality should be for the simulation code itself because people might be spawning new iterations of robots and they won't want to redo their entire wiring panel each time they import a new iteration
also I was having some issue with dozer not changing its name to "Magic" but thats out of scope.

@@ -1,4 +1,5 @@
import { Grid, Stack } from "@mui/material"
import "@xyflow/react/dist/style.css"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

nice package

@PepperLola
PepperLola merged commit aefd3f2 into dev Jun 25, 2026
16 checks passed
@PepperLola
PepperLola deleted the barclah/wiring-panel branch June 25, 2026 18:05
@PepperLola PepperLola mentioned this pull request Jul 16, 2026
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.

4 participants