mirror of
https://github.com/Kaelio/ktx.git
synced 2026-06-28 08:49:38 +02:00
ba5bb92ab7
Replace the tall portrait README ingestion SVG with two landscape diagrams — "1 · Ingestion" (build the context layer) and "2 · Serving" (agents query it through MCP) — wired in as transparent 2x PNGs that read on GitHub light and dark. Add docs-site/diagram-studio: a static React Flow page with custom themed nodes and the inlined ktx mascot that renders both diagrams and exports them to PNG via html-to-image (the diagrams' reproducible source). Remove the superseded ingestion-flow SVGs.
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
/**
|
|
* Inlined ktx mascot, ported from assets/ktx-mascot.svg.
|
|
*
|
|
* - `light` renders the dark-bodied mascot for light surfaces.
|
|
* - `dark` renders the cream-bodied mascot for dark surfaces (e.g. the ktx
|
|
* hub panel), mirroring brand/ktx-mascot-dark.svg.
|
|
*/
|
|
export function KtxMascot({
|
|
variant = "light",
|
|
size = 56,
|
|
}: {
|
|
variant?: "light" | "dark";
|
|
size?: number;
|
|
}) {
|
|
const body = variant === "dark" ? "#F5F1EA" : "#1B3139";
|
|
const eye = variant === "dark" ? "#1B3139" : "#F5F1EA";
|
|
return (
|
|
<svg
|
|
viewBox="0 0 200 200"
|
|
width={size}
|
|
height={size}
|
|
role="img"
|
|
aria-label="ktx mascot"
|
|
>
|
|
<g fill="none" stroke={body} strokeWidth="16" strokeLinecap="round">
|
|
<path d="M 62 110 Q 32 130 44 152" />
|
|
<path d="M 88 116 Q 80 152 70 174" />
|
|
<path d="M 112 116 Q 120 152 130 174" />
|
|
</g>
|
|
<path
|
|
d="M 134 108 C 162 116, 172 96, 162 78 C 154 64, 168 56, 178 60"
|
|
fill="none"
|
|
stroke="#FF8A4C"
|
|
strokeWidth="16"
|
|
strokeLinecap="round"
|
|
/>
|
|
<path
|
|
d="M 48 102 C 48 56, 78 30, 100 30 C 122 30, 152 56, 152 102 C 152 116, 132 120, 100 120 C 68 120, 48 116, 48 102 Z"
|
|
fill={body}
|
|
/>
|
|
<path
|
|
d="M 80 84 Q 86 77 92 84"
|
|
fill="none"
|
|
stroke={eye}
|
|
strokeWidth="3.5"
|
|
strokeLinecap="round"
|
|
/>
|
|
<path
|
|
d="M 108 84 Q 114 77 120 84"
|
|
fill="none"
|
|
stroke={eye}
|
|
strokeWidth="3.5"
|
|
strokeLinecap="round"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|