ktx/docs-site/components
Luca Martial 377f21acd7
docs: add serving-phase diagram to the introduction page (#264)
* feat(docs): add serving-phase diagram to the introduction page

The introduction's "How ktx works" section described both the ingest and serve sides but only rendered the ingestion diagram. Add a live, theme-aware React Flow diagram for the serving phase (agent <-> ktx via MCP -> context layer + database) so both phases are shown, with a matching content test.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* docs(diagram-studio): relabel context edge and use right-angle routing

The hub->context edge searches and reads definitions, not just searches; relabel it "search + read". Route the serving search/read-only edges with smoothstep (right angles) to match the docs diagram. (The README PNG is a baked export and is unchanged until re-exported from the studio.)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* test(docs): point product-mechanics assertions at the FlowCanvas wrapper

product-mechanics renders via the shared FlowCanvas wrapper, so the ReactFlow config (nodesDraggable, zoomOnScroll, etc.) lives there now. Update the stale assertions that still expected those literals inline, fixing a pre-existing test failure.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* docs(serving-diagram): shrink the boxes and drop OpenCode from the agent list

Reduce node dimensions, font sizes, padding, and the canvas height so the serving diagram renders ~25% smaller and more compact. Remove OpenCode from the agent's listed clients.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-05 19:22:45 -04:00
..
diagram-studio docs: add serving-phase diagram to the introduction page (#264) 2026-06-05 19:22:45 -04:00
code-block.tsx docs: rewrite the-context-layer concept and highlight markdown frontmatter (#181) 2026-05-20 14:16:33 +02:00
context-review-loop.tsx docs: rewrite context-as-code as reviewing-context guide (#201) 2026-05-21 15:42:50 +02:00
copy-button.tsx docs: revamp quickstart and tighten code-block styling (#135) 2026-05-18 19:22:19 +02:00
docs-page-actions.tsx docs: revamp quickstart and tighten code-block styling (#135) 2026-05-18 19:22:19 +02:00
flow-canvas.tsx docs: rewrite context-as-code as reviewing-context guide (#201) 2026-05-21 15:42:50 +02:00
git-icon.tsx docs(context-layer): replace "committed" badge with git icon (#183) 2026-05-20 14:37:45 +02:00
github-icon.tsx docs: add Slack community invite to README and docs (#157) 2026-05-19 18:07:29 -04:00
logo.tsx docs: standardize ktx naming (#187) 2026-05-20 17:33:38 +02:00
product-mechanics.tsx docs: rewrite context-as-code as reviewing-context guide (#201) 2026-05-21 15:42:50 +02:00
product-runtime.tsx docs: add serving-phase diagram to the introduction page (#264) 2026-06-05 19:22:45 -04:00
scroll-reveal.tsx chore: move docs site workspace 2026-05-11 16:53:42 +02:00
semantic-layer-flow.tsx docs: standardize fanout terminology (#218) 2026-05-25 11:09:33 -04:00
slack-icon.tsx docs: add Slack community invite to README and docs (#157) 2026-05-19 18:07:29 -04:00
terminal-preview.tsx docs: standardize ktx naming (#187) 2026-05-20 17:33:38 +02:00