docs: rewrite context-as-code as reviewing-context guide

Move the page from Concepts to Guides and rebuild around an interactive
review-loop diagram. Extract pan/zoom + fit-view controls into a shared
FlowCanvas wrapper and adopt it across all three docs diagrams.
This commit is contained in:
Andrey Avtomonov 2026-05-21 15:38:36 +02:00
parent a1cfb03d73
commit bb455ed5ce
13 changed files with 1059 additions and 285 deletions

View file

@ -1035,6 +1035,49 @@ body::after {
51%, 100% { opacity: 0; }
}
/*
Flow canvas (shared ReactFlow diagram styles)
*/
.flow-canvas .react-flow__node {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
border-radius: 0;
width: auto;
text-align: left;
user-select: text;
-webkit-user-select: text;
cursor: default;
pointer-events: all !important;
}
.flow-canvas .react-flow__node > * {
pointer-events: auto;
user-select: text;
-webkit-user-select: text;
}
.flow-canvas .react-flow__node.selected,
.flow-canvas .react-flow__node:focus,
.flow-canvas .react-flow__node:focus-visible {
outline: none;
box-shadow: none;
}
.flow-canvas .react-flow__pane {
cursor: grab;
}
.flow-canvas .react-flow__pane:active {
cursor: grabbing;
}
.flow-canvas .react-flow__handle {
width: 1px;
height: 1px;
min-width: 0;
min-height: 0;
background: transparent;
border: 0;
pointer-events: none;
}
/*
Reduced motion
*/