hyperhive/frontend/packages/shared/src/jobq-graph
Repository files (latest commit first)
Filename Latest commit message Latest commit date
iris 03d1552746 jobq-graph: animate new-node mount and state-change flash
Two of the three motion gaps mara flagged on the swarm-ui jobs graph
(the third, node status changes as a tree of nesting divs rather than
a node-link diagram, has no edges to animate today — see the issue
thread for that scoping correction).

- New node mount: .jg-node gets a fade+slide-in keyframe. No JS change
  needed — Preact only creates a new .jg-node DOM node when its key
  (the node id) is genuinely new, so this only plays on first
  appearance, not every fetch re-render.
- State change flash: NodeView tracks each node's previous state via
  a ref; on a real change it adds .jg-state-flash to the glyph span
  (removed on animationend), driving a scale pulse.

Both follow the same three-rule motion-guard shape as Shell.css's
shell-page-enter / LinksMenu.css's links-menu-popover-enter.
2026-09-02 03:09:46 +02:00
..
jobq-graph.css jobq-graph: animate new-node mount and state-change flash 2026-09-02 03:09:46 +02:00
JobqGraph.tsx jobq-graph: animate new-node mount and state-change flash 2026-09-02 03:09:46 +02:00