apunkt/ktx
1
0
Fork 0
mirror of https://github.com/Kaelio/ktx.git synced 2026-07-01 08:59:39 +02:00
Code Issues Projects Releases Packages Wiki Activity

docs: rewrite context-as-code as reviewing-context guide (#201)

Browse source 
* 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.

* test: point examples-docs assertion at reviewing-context

Update the doc smoke test that read context-as-code.mdx to read the new
guides/reviewing-context.mdx path. The `ktx ingest --all --no-input`
assertion still holds; the rename was the only break.
This commit is contained in:
Andrey Avtomonov 2026-05-21 15:42:50 +02:00 • committed by GitHub
parent 5211a0317e
commit 4d4296f397
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
14 changed files with 1062 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

43
docs-site/app/global.css
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
═══════════════════════════════════════════ */