Fix slow Iris concepts diagrams and oversized service-key screenshots - #4141
Conversation
- Replace client-side Mermaid diagrams on the five Iris concepts pages with pre-rendered static SVGs (matching the site's mermaid theme colors), removing the runtime fetch of the Mermaid library from the jsdelivr CDN and the client-side layout pass on every page load. - Restyle the request-flow page's context-map node borders to use the same red-to-grey gradient as the mermaid-derived "neo" look diagrams, instead of the flat brand redis-red-500, so they read as one system. - Halve several oversized "service key generated" and "admin/API key" screenshots across the LangCache, Context Retriever, and Agent Memory operate pages.
🧠 Redis MemoryFound 5 related items from repository history (5 new this commit):
Memory updated at 7643540 |
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 7643540. Configure here.
| /* Red-to-grey diagonal gradient (defined in context-map.js), matching the | ||
| node border on the mermaid-derived diagrams elsewhere on these pages | ||
| (mermaid's "neo" look), not the flat brand redis-red-500. */ | ||
| stroke: url(#context-map-border-gradient); |
There was a problem hiding this comment.
Context map borders fail in Firefox
Medium Severity
The new stroke: url(#context-map-border-gradient) rules sit in the external index.css stylesheet, while the gradient is defined on the inline context-map SVG. Firefox resolves fragment URLs in CSS against the stylesheet, so the paint server is not found and node outlines do not paint. White fills then blend into the page, leaving only labels and edges.
Additional Locations (2)
Reviewed by Cursor Bugbot for commit 7643540. Configure here.
Replaces the Iris concepts Mermaid diagrams with static SVGs and shrinks oversized service-key screenshots.
Replaces the Iris concepts Mermaid diagrams with static SVGs and shrinks oversized service-key screenshots.
2 participants
Replace client-side Mermaid diagrams on the five Iris concepts pages with pre-rendered static SVGs (matching the site's mermaid theme colors), removing the runtime fetch of the Mermaid library from the jsdelivr CDN and the client-side layout pass on every page load.
Halve several oversized "service key generated" and "admin/API key" screenshots across the LangCache, Context Retriever, and Agent Memory operate pages.
Note
Low Risk
Documentation, static assets, and presentational CSS/JS only; no runtime product or security behavior changes.
Overview
This PR speeds up Iris concept pages and aligns interactive diagram styling with the new static art.
Concept diagrams: Five context-engine pages no longer embed Mermaid blocks that pulled the library from a CDN and laid out diagrams in the browser. Each flow is now a pre-rendered SVG under
static/images/ai/context-engine/, referenced with theimageshortcode (same content, fixed sizing and alt text).Context map look: Interactive context map nodes no longer use a flat
redis-red-500stroke.context-map.jsdefines#context-map-border-gradient, andindex.cssuses that gradient on default, hover, selected, and focus-visible states so borders match the Mermaid “neo” diagrams.Operate screenshots: Service-key and admin/API-key dialog screenshots on LangCache, Agent Memory, and Context Retriever guides are narrowed (roughly 80% → ~37.5–40%) so they don’t dominate the page.
Reviewed by Cursor Bugbot for commit 7643540. Bugbot is set up for automated code reviews on this repo. Configure here.