diff --git a/docs-site/components/git-icon.tsx b/docs-site/components/git-icon.tsx
new file mode 100644
index 00000000..5b46dfd4
--- /dev/null
+++ b/docs-site/components/git-icon.tsx
@@ -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>
+  );
+}
diff --git a/docs-site/content/docs/concepts/the-context-layer.mdx b/docs-site/content/docs/concepts/the-context-layer.mdx
index 95f5ac80..9f5e3689 100644
--- a/docs-site/content/docs/concepts/the-context-layer.mdx
+++ b/docs-site/content/docs/concepts/the-context-layer.mdx
@@ -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)" }}>
diff --git a/docs-site/next-env.d.ts b/docs-site/next-env.d.ts
index 9edff1c7..c4b7818f 100644
--- a/docs-site/next-env.d.ts
+++ b/docs-site/next-env.d.ts
@@ -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.