docs(context-layer): replace "committed" badge with git icon (#183)

Swap the small "committed" chip on the two-pillars figure for an inline
Git logo + "git" label so the source-of-truth signal reads at a glance.
Adds GitIcon component matching the existing GitHubIcon/SlackIcon
inline-SVG pattern. Also picks up a Next.js-regenerated next-env.d.ts
routes path.
This commit is contained in:
Andrey Avtomonov 2026-05-20 14:37:45 +02:00 committed by GitHub
parent cbf87074ff
commit ad9c9eda0d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 30 additions and 5 deletions

View file

@ -0,0 +1,15 @@
import type { SVGProps } from "react";
export function GitIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg
role="img"
viewBox="0 0 24 24"
fill="currentColor"
aria-hidden="true"
{...props}
>
<path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-2.004L12.86 8.835v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.73c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187" />
</svg>
);
}

View file

@ -3,6 +3,8 @@ title: The Context Layer
description: What a context layer is, why agents need one, and the YAML and Markdown surfaces KTX writes to disk.
---
import { GitIcon } from "@/components/git-icon";
A context layer is the trusted knowledge surface that sits between your data
stack and the agents that query it. It holds the things a database connection
can't tell an agent on its own: which metrics are canonical, which joins are
@ -63,8 +65,12 @@ caveat stays anchored to the definition it explains.
<p className="font-mono text-[14px] font-semibold tracking-tight" style={{ color: "#3b82f6" }}>
{"semantic-layer/**/*.yaml"}
</p>
<span className="rounded border border-fd-border bg-fd-background px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-[0.08em] text-fd-muted-foreground">
{"committed"}
<span
className="inline-flex items-center gap-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-fd-muted-foreground"
title="Committed to git"
>
<GitIcon className="h-4 w-4" aria-label="Git" />
{"git"}
</span>
</div>
<p className="mt-3 text-[19px] font-semibold leading-7 text-fd-foreground" style={{ fontFamily: "var(--font-display)" }}>
@ -88,8 +94,12 @@ caveat stays anchored to the definition it explains.
<p className="font-mono text-[14px] font-semibold tracking-tight" style={{ color: "#10b981" }}>
{"wiki/**/*.md"}
</p>
<span className="rounded border border-fd-border bg-fd-background px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-[0.08em] text-fd-muted-foreground">
{"committed"}
<span
className="inline-flex items-center gap-1 text-[10px] font-semibold uppercase tracking-[0.08em] text-fd-muted-foreground"
title="Committed to git"
>
<GitIcon className="h-4 w-4" aria-label="Git" />
{"git"}
</span>
</div>
<p className="mt-3 text-[19px] font-semibold leading-7 text-fd-foreground" style={{ fontFamily: "var(--font-display)" }}>

View file

@ -1,6 +1,6 @@
/// <reference types="next" />
/// <reference types="next/image-types/global" />
import "./.next/types/routes.d.ts";
import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.