Improve diagrams - #66
Conversation
Greptile SummaryThis PR polishes the animated gateway diagram with several targeted improvements to visual fidelity, accessibility, and correctness. Dependency overrides bump
Confidence Score: 5/5Safe to merge — changes are self-contained diagram improvements with no impact on data paths, auth, or server-side logic. All changes are confined to the docs diagram component and dev-dependency overrides. The NodeGlow refactor is mechanically straightforward, the rateSchedule array sizes remain consistent (5 non-shed entries matching 5 acceptLevels), the useEffect teardown is correct, and the lockfile update aligns with the package.json changes. No logic paths that could regress are touched. No files require special attention. Important Files Changed
Flowchart%%{init: {'theme': 'neutral'}}%%
flowchart TD
A[GatewayDiagram mount] --> B[useEffect: register blur and visibilitychange listeners]
B --> C{User interaction}
C -->|pointer enter| D[setPaused true]
C -->|pointer leave| E[setPaused false]
C -->|window blur| E
C -->|tab hidden| E
D --> F[Slideshow paused + badge shown]
E --> G[Slideshow resumes]
subgraph NodeGlow
H[w and h props] --> I[rect width=w height=h rx=min-w-h-div-3]
J[className prop] --> K[fill class injected e.g. fill-violet-500]
end
subgraph AgentScene
L[Loop path computed] --> M[at = travelTime loop / cycle / 2]
M --> N[NodeGlow w=92 h=42 peaks at tool midpoint]
N --> O[Link with aria-label wraps tool box]
end
%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
A[GatewayDiagram mount] --> B[useEffect: register blur and visibilitychange listeners]
B --> C{User interaction}
C -->|pointer enter| D[setPaused true]
C -->|pointer leave| E[setPaused false]
C -->|window blur| E
C -->|tab hidden| E
D --> F[Slideshow paused + badge shown]
E --> G[Slideshow resumes]
subgraph NodeGlow
H[w and h props] --> I[rect width=w height=h rx=min-w-h-div-3]
J[className prop] --> K[fill class injected e.g. fill-violet-500]
end
subgraph AgentScene
L[Loop path computed] --> M[at = travelTime loop / cycle / 2]
M --> N[NodeGlow w=92 h=42 peaks at tool midpoint]
N --> O[Link with aria-label wraps tool box]
end
Reviews (4): Last reviewed commit: "Fix security warnings" | Re-trigger Greptile |
No description provided.