lsm / HyperNeo / 30587479989
83%

DEFAULT BRANCH: dev
Ran
Jobs 0
Files 0
Run time –
Badge
Embed ▾
README BADGES
x

If you need to use a raster PNG badge, change the '.svg' to '.png' in the link

Markdown

Textile

RDoc

HTML

Rst
30587479989

push

github

web-flow 
refactor(web): replace RunningBorder SVG arc with CSS body-shimmer (#2274)

* refactor(web): replace RunningBorder SVG arc with CSS body-shimmer

Replace the heavy SVG 'chasing glow' running indicator (inline SVG +
animateMotion + ResizeObserver) with a lightweight pure-CSS shimmer sweep
across the card body — the 'option 4' mockup the user approved.

- Add .running-shimmer overlay + @keyframes runningShimmer to styles.css:
  faint white left->right gradient, background-size 200%, ~1.8s loop,
  position:absolute inset-0 pointer-events:none, honors prefers-reduced-motion.
- ThinkingBlock / SubagentBlock / ToolResultCard: drop the <RunningBorder>
  wrapper; render the overlay as a child while isRunning and add 'relative'
  to the card when running. Existing isRunning gating is unchanged.
- Delete packages/web/src/components/sdk/RunningBorder.tsx.
- Update doc/comment references to describe the shimmer instead of the SVG arc.
- Add ThinkingBlock test that .running-shimmer is present while running and
  absent when not.

* docs(web): update missed SDKAssistantMessage comment to shimmer

The inline comment at SDKAssistantMessage.tsx:261-264 still described the
deleted SVG-arc mechanism (animated arc, wrapper div, inset:-2px extension).
Rewrite it to describe the in-card .running-shimmer overlay, matching the
updates already made elsewhere in the file.

* perf(web): animate shimmer via transform on a bounded layer

Animating background-position on the full-card .running-shimmer overlay forces a
per-frame repaint of the entire overlay. For an expanded running SubagentBlock or
tool card with a long transcript/output, the inset:0 overlay can be thousands of
px tall, causing sustained repaint jank.

Move the gradient onto a bounded ::before band (40% of card width) and animate
transform: translateX() instead — compositor-only (GPU), no repaint. Loop seam
stays invisible (band fully off-screen at both endpoints: -100% off-left, +250%
off-right). prefers-reduced-... (continued)
Source Files on build 30587479989
Detailed source file information is not available for this build.