From df2b3077f36dafcec27ad110798369ee049b0145 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 2 Dec 2025 13:51:20 -0500
Subject: [PATCH 01/29] Implement Markdown reference renderer

---
 app/components/Breadcrumb.tsx                 |    2 +-
 app/components/Index.tsx                      |    3 +-
 app/docs/page.tsx                             | 2604 +----------------
 .../[type]/[category]/[name]/page.tsx         |  168 +-
 app/docs/reference/[type]/page.tsx            |    6 +-
 app/services/referenceService.ts              |   87 +-
 app/types/Reference.ts                        |   32 -
 eslint.config.mjs                             |    5 +
 package-lock.json                             |   35 +-
 package.json                                  |    1 +
 reference/command/aggregation/count.yml       |   99 -
 reference/commands/aggregation/count.md       |   87 +
 reference/content.yml                         |    4 +-
 reference/operator/evaluation-query/regex.yml |  116 -
 .../operators/evaluation-query/$regex.md      |  330 +++
 schema/reference.content.schema.json          |    4 +-
 schema/reference.data.schema.json             |  219 --
 17 files changed, 631 insertions(+), 3171 deletions(-)
 delete mode 100644 app/types/Reference.ts
 delete mode 100644 reference/command/aggregation/count.yml
 create mode 100644 reference/commands/aggregation/count.md
 delete mode 100644 reference/operator/evaluation-query/regex.yml
 create mode 100644 reference/operators/evaluation-query/$regex.md
 delete mode 100644 schema/reference.data.schema.json

diff --git a/app/components/Breadcrumb.tsx b/app/components/Breadcrumb.tsx
index 07f156e..a3199b1 100644
--- a/app/components/Breadcrumb.tsx
+++ b/app/components/Breadcrumb.tsx
@@ -16,7 +16,7 @@ export default function Breadcrumb({ type, category, name }: {
                 <>
                     <span className="mx-2">/</span>
                     <Link href={`/docs/reference/${type}`} className="hover:text-blue-400 transition-colors capitalize">
-                        {capitalCase(pluralize(type))}
+                        {capitalCase(type)}
                     </Link>
                 </>
             )}
diff --git a/app/components/Index.tsx b/app/components/Index.tsx
index 20ad186..8d0990f 100644
--- a/app/components/Index.tsx
+++ b/app/components/Index.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import type { ReferencePage } from '../services/referenceService';
 import { capitalCase } from 'change-case';
+import pluralize from 'pluralize';
 
 export default function Index({
   groupedReferences
@@ -34,7 +35,7 @@ export default function Index({
                   <Option
                     key={type}
                     target={`/docs/reference/${type}`}
-                    display={capitalCase(type) + 's'}
+                    display={pluralize(capitalCase(type))}
                     className="uppercase"
                     currentPath={pathname}
                   />
diff --git a/app/docs/page.tsx b/app/docs/page.tsx
index 41d2782..1fabea7 100644
--- a/app/docs/page.tsx
+++ b/app/docs/page.tsx
@@ -1,2407 +1,8 @@
-
-"use client";
-import { useState } from "react";
+import Link from "next/link";
+import { getArticleContent } from "../services/articleService";
 
 export default function Docs() {
-  const [currentPage, setCurrentPage] = useState("main");
-  const [selectedOperator, setSelectedOperator] = useState("Accumulator");
-  const [selectedPostgresItem, setSelectedPostgresItem] =
-    useState("Components");
-  const [selectedGettingStartedItem, setSelectedGettingStartedItem] = useState(
-    "Python Setup Guide",
-  );
-
-  const operatorCategories = [
-    "Accumulator",
-    "Aggregation",
-    "Arithmetic Expression",
-    "Array Expression",
-    "Array Query",
-    "Array Update",
-    "Bitwise",
-    "Bitwise Query",
-    "Bitwise Update",
-    "Boolean Expression",
-    "Comparison Query",
-    "Conditional Expression",
-    "Date Expression",
-    "Data Size",
-    "Element Query",
-    "Evaluation Query",
-    "Field Update",
-    "Geospatial",
-    "Logical Query",
-    "Miscellaneous",
-    "Object Expression",
-    "Projection",
-    "Timestamp Expression",
-    "Set Expression",
-    "Variable Expression",
-    "Window"
-  ];
-
-  const postgresMenuItems = ["Components", "Functions"];
-
-  const gettingStartedMenuItems = [
-    "Python Setup Guide",
-    "VS Code Extension Quick Start",
-    "MongoDB Shell Quick Start"
-  ];
-
-  if (currentPage === "postgres-api") {
-    return (
-      <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
-        {/* Background elements */}
-        <div className="absolute inset-0 bg-gradient-to-br from-neutral-900 via-neutral-800 to-black"></div>
-        <div className="absolute inset-0 opacity-5">
-          <div className="absolute top-16 right-20 w-36 h-36 bg-blue-500 rounded-full blur-3xl animate-pulse"></div>
-          <div
-            className="absolute bottom-20 left-16 w-28 h-28 bg-purple-500 rounded-full blur-3xl animate-pulse"
-            style={{ animationDelay: "1.5s" }}
-          ></div>
-        </div>
-
-        <div className="relative flex min-h-screen">
-          {/* Left Sidebar */}
-          <div className="w-80 bg-neutral-800/50 backdrop-blur-sm border-r border-neutral-700/50 flex flex-col">
-            {/* Header */}
-            <div className="p-6 border-b border-neutral-700/50">
-              <button
-                onClick={() => setCurrentPage("main")}
-                className="text-blue-400 hover:text-blue-300 text-sm mb-4 flex items-center transition-colors"
-              >
-                <svg
-                  className="w-4 h-4 mr-2"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M15 19l-7-7 7-7"
-                  />
-                </svg>
-                Back to Documentation
-              </button>
-              <h1 className="text-2xl font-bold text-white">
-                Postgres Extension API
-              </h1>
-            </div>
-
-            {/* Menu Items */}
-            <div className="flex-1 p-4 overflow-y-auto">
-              <nav className="space-y-1">
-                {postgresMenuItems.map((item) => (
-                  <button
-                    key={item}
-                    onClick={() => setSelectedPostgresItem(item)}
-                    className={`w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 ${
-                      selectedPostgresItem === item
-                        ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
-                        : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
-                    }`}
-                  >
-                    {item}
-                  </button>
-                ))}
-              </nav>
-            </div>
-          </div>
-
-          {/* Main Content */}
-          <div className="flex-1 p-8">
-            <div className="max-w-4xl">
-              <div className="mb-8">
-                <h2 className="text-4xl font-bold bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent mb-4">
-                  {selectedPostgresItem}
-                </h2>
-                <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-                {selectedPostgresItem !== "Components" && (
-                  <p className="text-gray-400 text-lg">
-                    Comprehensive documentation for PostgreSQL extension{" "}
-                    {selectedPostgresItem.toLowerCase()} and their usage
-                    patterns.
-                  </p>
-                )}
-              </div>
-
-              {/* Content based on selected postgres item */}
-              {selectedPostgresItem === "Components" ? (
-                <div className="space-y-8">
-                  {/* pg_documentdb_core Section */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      pg_documentdb_core
-                    </h3>
-                    <p className="text-gray-300 leading-relaxed mb-6">
-                      pg_documentdb_core is a PostgreSQL extension that
-                      introduces BSON datatype support and operations for native
-                      Postgres. This core component is essential for enabling
-                      document-oriented NoSQL capabilities within a PostgreSQL
-                      environment. It provides the foundational data structures
-                      and functions required to handle BSON data types, which
-                      are crucial for performing CRUD operations on documents.
-                    </p>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Key Features
-                    </h4>
-                    <ul className="space-y-3 text-gray-300 mb-6">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            BSON Datatype Support:
-                          </span>{" "}
-                          Adds BSON (Binary JSON) datatype to PostgreSQL,
-                          allowing for efficient storage and manipulation of
-                          JSON-like documents.
-                        </div>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            Native Operations:
-                          </span>{" "}
-                          Implements native PostgreSQL operations for BSON data,
-                          ensuring seamless integration and performance.
-                        </div>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            Extensibility:
-                          </span>{" "}
-                          Serves as the core building block for additional
-                          functionalities and extensions within the DocumentDB
-                          ecosystem.
-                        </div>
-                      </li>
-                    </ul>
-                  </div>
-
-                  {/* pg_documentdb_api Section */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      pg_documentdb_api
-                    </h3>
-                    <p className="text-gray-300 leading-relaxed mb-6">
-                      pg_documentdb_api is the public API surface for
-                      DocumentDB, providing CRUD functionality on documents
-                      stored in the database. This component leverages the
-                      capabilities of pg_documentdb_core to offer a
-                      comprehensive set of APIs for managing document data
-                      within PostgreSQL.
-                    </p>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Key Features
-                    </h4>
-                    <ul className="space-y-3 text-gray-300 mb-6">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            CRUD Operations:
-                          </span>{" "}
-                          Provides a rich set of APIs for creating, reading,
-                          updating, and deleting documents.
-                        </div>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            Advanced Queries:
-                          </span>{" "}
-                          Supports complex queries, including full-text
-                          searches, geospatial queries, and vector embeddings.
-                        </div>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <div>
-                          <span className="font-medium text-white">
-                            Integration:
-                          </span>{" "}
-                          Works seamlessly with pg_documentdb_core to deliver
-                          robust document management capabilities.
-                        </div>
-                      </li>
-                    </ul>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Usage
-                    </h4>
-                    <p className="text-gray-300 leading-relaxed">
-                      To use pg_documentdb_api, you need to have
-                      pg_documentdb_core installed and configured in your
-                      PostgreSQL environment. Once set up, you can leverage the
-                      APIs provided by pg_documentdb_api to perform various
-                      document operations.
-                    </p>
-                  </div>
-                </div>
-              ) : selectedPostgresItem === "Functions" ? (
-                <div className="space-y-8">
-                  {/* Table of Contents */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Table of Contents
-                    </h3>
-
-                    {/* CRUD Operations */}
-                    <div className="mb-8">
-                      <h4 className="text-lg font-medium text-blue-300 mb-4">
-                        CRUD Operations
-                      </h4>
-                      <div className="grid grid-cols-2 gap-3">
-                        {[
-                          "aggregate_cursor_first_page()",
-                          "count_query()",
-                          "cursor_get_more()",
-                          "delete()",
-                          "distinct_query()",
-                          "find_and_modify()",
-                          "find_cursor_first_page()",
-                          "insert()",
-                          "insert_one()",
-                          "list_collections_cursor_first_page()",
-                          "list_indexes_cursor_first_page()",
-                          "update()",
-                        ].map((func) => (
-                          <a
-                            key={func}
-                            href={`https://github.com/microsoft/documentdb/wiki/Functions#${func.slice(0, -2)}`}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="block text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 text-blue-400 hover:text-blue-300 hover:bg-neutral-700/50 border border-neutral-600/20 hover:border-blue-500/40"
-                          >
-                            {func}
-                          </a>
-                        ))}
-                      </div>
-                    </div>
-
-                    {/* Collection Management */}
-                    <div className="mb-8">
-                      <h4 className="text-lg font-medium text-blue-300 mb-4">
-                        Collection Management
-                      </h4>
-                      <div className="grid grid-cols-2 gap-3">
-                        {[
-                          "coll_mod()",
-                          "create_collection()",
-                          "create_collection_view()",
-                          "drop_collection()",
-                          "drop_database()",
-                          "rename_collection()",
-                          "shard_collection()",
-                        ].map((func) => (
-                          <a
-                            key={func}
-                            href={`https://github.com/microsoft/documentdb/wiki/Functions#${func.slice(0, -2)}`}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="block text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 text-blue-400 hover:text-blue-300 hover:bg-neutral-700/50 border border-neutral-600/20 hover:border-blue-500/40"
-                          >
-                            {func}
-                          </a>
-                        ))}
-                      </div>
-                    </div>
-
-                    {/* User Management */}
-                    <div className="mb-8">
-                      <h4 className="text-lg font-medium text-blue-300 mb-4">
-                        User Management
-                      </h4>
-                      <div className="grid grid-cols-2 gap-3">
-                        {[
-                          "create_user()",
-                          "drop_user()",
-                          "update_user()",
-                          "users_info()",
-                        ].map((func) => (
-                          <a
-                            key={func}
-                            href={`https://github.com/microsoft/documentdb/wiki/Functions#${func.slice(0, -2)}`}
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            className="block text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 text-blue-400 hover:text-blue-300 hover:bg-neutral-700/50 border border-neutral-600/20 hover:border-blue-500/40"
-                          >
-                            {func}
-                          </a>
-                        ))}
-                      </div>
-                    </div>
-
-                    {/* Utility Functions */}
-                    <div>
-                      <h4 className="text-lg font-medium text-blue-300 mb-4">
-                        Utility Functions
-                      </h4>
-                      <div className="grid grid-cols-2 gap-3">
-                        {["binary_extended_version()", "binary_version()"].map(
-                          (func) => (
-                            <a
-                              key={func}
-                              href={`https://github.com/microsoft/documentdb/wiki/Functions#${func.slice(0, -2)}`}
-                              target="_blank"
-                              rel="noopener noreferrer"
-                              className="block text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 text-blue-400 hover:text-blue-300 hover:bg-neutral-700/50 border border-neutral-600/20 hover:border-blue-500/40"
-                            >
-                              {func}
-                            </a>
-                          ),
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ) : (
-                /* Sample content for other items */
-                <div className="space-y-8">
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Overview
-                    </h3>
-                    <p className="text-gray-300 leading-relaxed mb-4">
-                      The {selectedPostgresItem} section provides comprehensive
-                      information about PostgreSQL extension capabilities. These
-                      components are essential for building robust database
-                      applications with document storage features.
-                    </p>
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <p className="text-sm text-gray-400 mb-2">
-                        Example usage:
-                      </p>
-                      <code className="text-green-400 font-mono text-sm">
-                        SELECT * FROM pg_extension WHERE extname = 'documentdb';
-                      </code>
-                    </div>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  if (currentPage === "getting-started") {
-    return (
-      <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
-        {/* Background elements */}
-        <div className="absolute inset-0 bg-gradient-to-br from-neutral-900 via-neutral-800 to-black"></div>
-        <div className="absolute inset-0 opacity-5">
-          <div className="absolute top-16 right-20 w-36 h-36 bg-blue-500 rounded-full blur-3xl animate-pulse"></div>
-          <div
-            className="absolute bottom-20 left-16 w-28 h-28 bg-purple-500 rounded-full blur-3xl animate-pulse"
-            style={{ animationDelay: "1.5s" }}
-          ></div>
-        </div>
-
-        <div className="relative flex min-h-screen">
-          {/* Left Sidebar */}
-          <div className="w-80 bg-neutral-800/50 backdrop-blur-sm border-r border-neutral-700/50 flex flex-col">
-            {/* Header */}
-            <div className="p-6 border-b border-neutral-700/50">
-              <button
-                onClick={() => setCurrentPage("main")}
-                className="text-blue-400 hover:text-blue-300 text-sm mb-4 flex items-center transition-colors"
-              >
-                <svg
-                  className="w-4 h-4 mr-2"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M15 19l-7-7 7-7"
-                  />
-                </svg>
-                Back to Documentation
-              </button>
-              <h1 className="text-2xl font-bold text-white">Getting Started</h1>
-            </div>
-
-            {/* Menu Items */}
-            <div className="flex-1 p-4 overflow-y-auto">
-              <nav className="space-y-1">
-                {gettingStartedMenuItems.map((item) => (
-                  <button
-                    key={item}
-                    onClick={() => setSelectedGettingStartedItem(item)}
-                    className={`w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 ${
-                      selectedGettingStartedItem === item
-                        ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
-                        : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
-                    }`}
-                  >
-                    {item}
-                  </button>
-                ))}
-              </nav>
-            </div>
-          </div>
-
-          {/* Main Content */}
-          <div className="flex-1 p-8">
-            <div className="max-w-4xl">
-              <div className="mb-8">
-                <h2 className="text-4xl font-bold bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent mb-4">
-                  {selectedGettingStartedItem}
-                </h2>
-                <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-                <p className="text-gray-400 text-lg">
-                  Quick start guide for{" "}
-                  {selectedGettingStartedItem.toLowerCase()}.
-                </p>
-              </div>
-
-              {/* Content based on selected getting started item */}
-              {selectedGettingStartedItem ===
-              "VS Code Extension Quick Start" ? (
-                <div className="space-y-8">
-                  {/* Introduction */}
-                  <div className="mb-8">
-                    <p className="text-gray-300 text-lg leading-relaxed">
-                      Get started with DocumentDB using the Visual Studio Code
-                      extension for a seamless development experience.
-                    </p>
-                  </div>
-
-                  {/* Prerequisites */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Prerequisites
-                    </h3>
-                    <ul className="space-y-2 text-gray-300">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Visual Studio Code installed</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Docker Desktop installed and running</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Basic familiarity with document databases</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Git installed (for cloning the repository)</span>
-                      </li>
-                    </ul>
-                  </div>
-
-                  {/* Installing the Extension */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Installing the Extension
-                    </h3>
-                    <ol className="space-y-2 text-gray-300">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">1.</span>
-                        <span>Open VS Code</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">2.</span>
-                        <span>
-                          Navigate to the Extensions marketplace (
-                          <code className="bg-neutral-900/50 px-2 py-1 rounded text-green-400 font-mono">
-                            Ctrl+Shift+X
-                          </code>{" "}
-                          or{" "}
-                          <code className="bg-neutral-900/50 px-2 py-1 rounded text-green-400 font-mono">
-                            Cmd+Shift+X
-                          </code>
-                          )
-                        </span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">3.</span>
-                        <span>Search for "DocumentDB for VS Code"</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">4.</span>
-                        <span>Click Install</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">5.</span>
-                        <span>Reload VS Code if prompted</span>
-                      </li>
-                    </ol>
-                  </div>
-
-                  {/* Setting Up Your First Database */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Setting Up Your First Database
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Creating a new DocumentDB instance
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30 mb-4">
-                          <pre className="text-green-400 font-mono text-sm overflow-x-auto">
-                            {`docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"`}
-                          </pre>
-                        </div>
-                        <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4 mb-4">
-                          <p className="text-blue-200 text-sm">
-                            <span className="font-medium">Note:</span> Replace{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              &lt;YOUR_USERNAME&gt;
-                            </code>{" "}
-                            and{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              &lt;YOUR_PASSWORD&gt;
-                            </code>{" "}
-                            with your desired credentials. You must set these
-                            when creating the container for authentication to
-                            work.
-                          </p>
-                        </div>
-                        <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4">
-                          <p className="text-blue-200 text-sm">
-                            <span className="font-medium">Port Note:</span> Port{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              10260
-                            </code>{" "}
-                            is used by default in these instructions to avoid
-                            conflicts with other local database services. You
-                            can use port{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              27017
-                            </code>{" "}
-                            (the standard MongoDB port) or any other available
-                            port if you prefer. If you do, be sure to update the
-                            port number in both your{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              docker run
-                            </code>{" "}
-                            command and your connection string accordingly.
-                          </p>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Connecting to your database
-                        </h4>
-                        <ul className="space-y-2 text-gray-300 mb-4">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Click the DocumentDB icon in the VS Code sidebar
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Click "Add New Connection"</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              On the navigation bar, click on "Connection
-                              String"
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Paste your connection string:</span>
-                          </li>
-                        </ul>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <code className="text-green-400 font-mono text-sm break-all">
-                            mongodb://&lt;YOUR_USERNAME&gt;:&lt;YOUR_PASSWORD&gt;@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true&authMechanism=SCRAM-SHA-256
-                          </code>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          3. Creating your first database and collection
-                        </h4>
-                        <ul className="space-y-2 text-gray-300">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Click on the drop-down next to your local
-                              connection and select "Create Database..."
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Enter database name and confirm</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Click on the drop-down next to your created
-                              database and select "Create Collection..."
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Enter collection name and confirm</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Repeat for every database and collection you wish
-                              to create under your connection
-                            </span>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Working with Documents */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Working with Documents
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Creating documents
-                        </h4>
-                        <ul className="space-y-2 text-gray-300 mb-4">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Use the Table View for quick data entry</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Use the Tree View for hierarchical data
-                              exploration
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Use the JSON View for detailed document structure
-                            </span>
-                          </li>
-                        </ul>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`{
-  "name": "Test Document",
-  "type": "example",
-  "created_at": new Date()
-}`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Using the document explorer
-                        </h4>
-                        <ul className="space-y-2 text-gray-300 mb-4">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Browse documents in multiple views:</span>
-                          </li>
-                        </ul>
-                        <div className="ml-6 space-y-2 text-gray-300 mb-4">
-                          <div className="flex items-start">
-                            <span className="text-purple-400 mr-3 mt-1">-</span>
-                            <span>Table View for quick insights</span>
-                          </div>
-                          <div className="flex items-start">
-                            <span className="text-purple-400 mr-3 mt-1">-</span>
-                            <span>Tree View for hierarchical exploration</span>
-                          </div>
-                          <div className="flex items-start">
-                            <span className="text-purple-400 mr-3 mt-1">-</span>
-                            <span>JSON View for detailed structure</span>
-                          </div>
-                        </div>
-                        <ul className="space-y-2 text-gray-300">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Use smooth pagination for large datasets
-                            </span>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Import and Export */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Import and Export
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Importing data
-                        </h4>
-                        <ul className="space-y-2 text-gray-300">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Click on the "Import" button on each collection
-                            </span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Choose your JSON file</span>
-                          </li>
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>Confirm import</span>
-                          </li>
-                        </ul>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Exporting data
-                        </h4>
-                        <ul className="space-y-2 text-gray-300">
-                          <li className="flex items-start">
-                            <span className="text-blue-400 mr-3 mt-1">•</span>
-                            <span>
-                              Export entire collections or query results using
-                              the "Export" button on each collection
-                            </span>
-                          </li>
-                        </ul>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ) : selectedGettingStartedItem === "MongoDB Shell Quick Start" ? (
-                <div className="space-y-8">
-                  {/* Introduction */}
-                  <div className="mb-8">
-                    <p className="text-gray-300 text-lg leading-relaxed">
-                      Get started with DocumentDB using the MongoDB shell for a
-                      familiar MongoDB-compatible experience.
-                    </p>
-                  </div>
-
-                  {/* Prerequisites */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Prerequisites
-                    </h3>
-                    <ul className="space-y-2 text-gray-300">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>MongoDB Shell (mongosh) installed</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Docker Desktop installed and running</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Basic MongoDB knowledge</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Git installed (for cloning the repository)</span>
-                      </li>
-                    </ul>
-                  </div>
-
-                  {/* Installation */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Installation
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Setting up DocumentDB locally
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30 mb-4">
-                          <pre className="text-green-400 font-mono text-sm overflow-x-auto">
-                            {`# Pull the latest DocumentDB Docker image
-docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-
-# Tag the image for convenience
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-
-# Run the container with your chosen username and password
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"`}
-                          </pre>
-                        </div>
-                        <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4 mb-4">
-                          <p className="text-blue-200 text-sm">
-                            <span className="font-medium">Note:</span> Replace{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              &lt;YOUR_USERNAME&gt;
-                            </code>{" "}
-                            and{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              &lt;YOUR_PASSWORD&gt;
-                            </code>{" "}
-                            with your desired credentials. You must set these
-                            when creating the container for authentication to
-                            work.
-                          </p>
-                        </div>
-                        <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4">
-                          <p className="text-blue-200 text-sm">
-                            <span className="font-medium">Port Note:</span> Port{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              10260
-                            </code>{" "}
-                            is used by default in these instructions to avoid
-                            conflicts with other local database services. You
-                            can use port{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              27017
-                            </code>{" "}
-                            (the standard MongoDB port) or any other available
-                            port if you prefer. If you do, be sure to update the
-                            port number in both your{" "}
-                            <code className="bg-blue-900/30 px-1 rounded">
-                              docker run
-                            </code>{" "}
-                            command and your connection string accordingly.
-                          </p>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Starting the server
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30 mb-4">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`# The server will be available at localhost:10260 (or your chosen port)
-# You can verify the server is running using:
-docker ps`}
-                          </pre>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Connecting to DocumentDB */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Connecting to DocumentDB
-                    </h3>
-                    <p className="text-gray-300 mb-3">
-                      Connection string format
-                    </p>
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm break-all">
-                        {`mongosh "mongodb://<YOUR_USERNAME>:<YOUR_PASSWORD>@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true"`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Basic Operations */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Basic Operations
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Creating databases and collections
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Create/switch to a database
-use mydb
-
-// Create a collection
-db.createCollection("users")
-
-// Create another collection
-db.createCollection("logs")`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Inserting documents
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Insert a single document
-db.users.insertOne({ name: "John Doe", email: "john@example.com", created_at: new Date() })
-
-// Insert multiple documents
-db.users.insertMany([
-  { name: "Jane Smith", email: "jane@example.com" }, 
-  { name: "Bob Johnson", email: "bob@example.com" }
-])`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          3. Querying documents
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Find all documents
-db.users.find()
-
-// Find with criteria
-db.users.find({ name: "John Doe" })
-
-// Find with projection
-db.users.find({}, { name: 1, email: 1, _id: 0 })
-
-// Complex queries
-db.users.find(
-{ $and: 
-  [{ 
-    created_at: { $gte: new Date("2025-01-01") } 
-   }, 
-   { 
-    email: { $regex: "@example.com$" } 
-   }
-  ] 
-})`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          4. Updating documents
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Update a single document
-db.users.updateOne({ name: "John Doe" }, { $set: { status: "active" } })
-
-// Update multiple documents
-db.users.updateMany({ email: { $regex: "@example.com$" } }, { $set: { domain: "example.com" } })`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          5. Deleting documents
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Delete a single document
-db.users.deleteOne({ name: "John Doe" })
-
-// Delete multiple documents
-db.users.deleteMany({ status: "inactive" })`}
-                          </pre>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Working with Indexes */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Working with Indexes
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Understanding index types
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Available index types:
-// - Single field
-// - Compound
-// - Multi-key
-// - Text
-// - Geospatial
-// - Vector`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Creating indexes
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Single field index
-db.users.createIndex({ email: 1 })
-
-// Compound index
-db.users.createIndex({ name: 1, email: 1 })
-`}
-                          </pre>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Monitoring and Management */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Monitoring and Management
-                    </h3>
-
-                    <div className="space-y-6">
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          1. Database statistics
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Get database stats
-db.stats()
-
-// Get collection stats
-db.users.stats()`}
-                          </pre>
-                        </div>
-                      </div>
-
-                      <div>
-                        <h4 className="text-lg font-medium text-white mb-3">
-                          2. Collection statistics
-                        </h4>
-                        <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                          <pre className="text-green-400 font-mono text-sm">
-                            {`// Get collection size
-db.users.dataSize()
-
-// Get index sizes
-db.users.stats().indexSizes`}
-                          </pre>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              ) : selectedGettingStartedItem === "Python Setup Guide" ? (
-                <div className="space-y-8">
-                  {/* Introduction */}
-                  <div className="mb-8">
-                    <p className="text-gray-300 text-lg leading-relaxed">
-                      Learn how to set up and use DocumentDB with Python using the MongoDB Python driver (PyMongo).
-                    </p>
-                  </div>
-
-                  {/* Prerequisites */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Prerequisites
-                    </h3>
-                    <ul className="space-y-2 text-gray-300">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Python 3.7+</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>pip package manager</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Docker</span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>Git (for cloning the repository)</span>
-                      </li>
-                    </ul>
-                  </div>
-
-                  {/* Step 1: Install Python */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 1: Install Python
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`pip install pymongo`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 2: Install optional dependencies */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 2: Install optional dependencies
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`pip install dnspython`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 3: Setup DocumentDB using Docker */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 3: Setup DocumentDB using Docker
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30 mb-4">
-                      <pre className="text-green-400 font-mono text-sm overflow-x-auto">
-                {`# Pull the latest DocumentDB Docker image
-docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-
-# Tag the image for convenience
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-
-# Run the container with your chosen username and password
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"`}
-                      </pre>
-                    </div>
-
-                    <div className="bg-orange-900/20 border border-orange-500/30 rounded-lg p-4 mb-4">
-                      <p className="text-orange-200 text-sm">
-                        <span className="font-medium">Note:</span> During the transition to the Linux Foundation, Docker images may still be hosted on Microsoft's container registry. These will be migrated to the new DocumentDB organization as the transition completes.
-                      </p>
-                    </div>
-
-                    <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4 mb-4">
-                      <p className="text-blue-200 text-sm">
-                        <span className="font-medium">Note:</span> Replace{" "}
-                        <code className="bg-blue-900/30 px-1 rounded">
-                          &lt;YOUR_USERNAME&gt;
-                        </code>{" "}
-                        and{" "}
-                        <code className="bg-blue-900/30 px-1 rounded">
-                          &lt;YOUR_PASSWORD&gt;
-                        </code>{" "}
-                        with your desired credentials. You must set these when creating the container for authentication to work.
-                      </p>
-                    </div>
-
-                    <div className="bg-blue-900/20 border border-blue-500/30 rounded-lg p-4">
-                      <p className="text-blue-200 text-sm">
-                        <span className="font-medium">Port Note:</span> Port{" "}
-                        <code className="bg-blue-900/30 px-1 rounded">
-                          10260
-                        </code>{" "}
-                        is used by default in these instructions to avoid conflicts with other local database services. You can use port{" "}
-                        <code className="bg-blue-900/30 px-1 rounded">
-                          27017
-                        </code>{" "}
-                        (the standard MongoDB port) or any other available port if you prefer. If you do, be sure to update the port number in both your{" "}
-                        <code className="bg-blue-900/30 px-1 rounded">
-                          docker run
-                        </code>{" "}
-                        command and your connection string accordingly.
-                      </p>
-                    </div>
-                  </div>
-
-                  {/* Step 4: Initialize the pymongo client */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 4: Initialize the pymongo client with the credentials from the previous step
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`import pymongo
-from pymongo import MongoClient
-
-# Create a MongoDB client and open a connection to DocumentDB
-client = pymongo.MongoClient(
-    'mongodb://<YOUR_USERNAME>:<YOUR_PASSWORD>@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true'
-                )`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 5: Create a database and collection */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 5: Create a database and collection
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`quickStartDatabase = client["quickStartDatabase"]
-quickStartCollection = quickStartDatabase.create_collection("quickStartCollection")`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 6: Insert documents */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 6: Insert documents
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`# Insert a single document
-quickStartCollection.insert_one({
-       'name': 'John Doe',
-       'email': 'john@email.com',
-       'address': '123 Main St, Anytown, USA',
-       'phone': '555-1234'
-   })
-
-# Insert multiple documents
-quickStartCollection.insert_many([
-    {
-        'name': 'Jane Smith',
-        'email': 'jane@email.com',
-        'address': '456 Elm St, Othertown, USA',
-        'phone': '555-5678'
-    },
-    {
-        'name': 'Alice Johnson',
-        'email': 'alice@email.com',
-        'address': '789 Oak St, Sometown, USA',
-        'phone': '555-8765'
-    }
-])`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 7: Read documents */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-6">
-                      Step 7: Read documents
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`# Read all documents
-for document in quickStartCollection.find():
-    print(document)
-
-# Read a specific document
-singleDocumentReadResult = quickStartCollection.find_one({'name': 'John Doe'})
-    print(singleDocumentReadResult)`}
-                      </pre>
-                    </div>
-                  </div>
-
-                  {/* Step 8: Run aggregation pipeline query */}
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibent text-white mb-6">
-                      Step 8: Run aggregation pipeline query
-                    </h3>
-
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <pre className="text-green-400 font-mono text-sm">
-                {`pipeline = [
-    {'$match': {'name': 'Alice Johnson'}},
-    {'$project': {
-        '_id': 0,
-        'name': 1,
-        'email': 1
-    }}
-]
-
-results = quickStartCollection.aggregate(pipeline)
-print("Aggregation results:")
-for eachDocument in results:
-    print(eachDocument)`}
-                      </pre>
-                    </div>
-                  </div>
-                </div>
-              ): (
-                // Keep your existing content for other menu items
-                <div className="space-y-8">
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-2xl font-semibold text-white mb-4">
-                      Getting Started with {selectedGettingStartedItem}
-                    </h3>
-                    <p className="text-gray-300 leading-relaxed mb-6">
-                      Welcome to the {selectedGettingStartedItem} guide. This
-                      section will help you get up and running quickly.
-                    </p>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Step 1: Installation
-                    </h4>
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30 mb-6">
-                      <code className="text-green-400 font-mono text-sm">
-                        # Installation instructions for{" "}
-                        {selectedGettingStartedItem}
-                      </code>
-                    </div>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Step 2: Configuration
-                    </h4>
-                    <p className="text-gray-300 leading-relaxed mb-4">
-                      Configure your environment for optimal use with
-                      DocumentDB.
-                    </p>
-
-                    <h4 className="text-lg font-semibold text-white mb-3">
-                      Step 3: First Steps
-                    </h4>
-                    <p className="text-gray-300 leading-relaxed">
-                      Start building with DocumentDB using{" "}
-                      {selectedGettingStartedItem}.
-                    </p>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  if (currentPage === "api-reference") {
-    return (
-      <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
-        {/* Background elements */}
-        <div className="absolute inset-0 bg-gradient-to-br from-neutral-900 via-neutral-800 to-black"></div>
-        <div className="absolute inset-0 opacity-5">
-          <div className="absolute top-16 right-20 w-36 h-36 bg-blue-500 rounded-full blur-3xl animate-pulse"></div>
-          <div
-            className="absolute bottom-20 left-16 w-28 h-28 bg-purple-500 rounded-full blur-3xl animate-pulse"
-            style={{ animationDelay: "1.5s" }}
-          ></div>
-        </div>
-
-        <div className="relative flex min-h-screen">
-          {/* Left Sidebar */}
-          <div className="w-80 bg-neutral-800/50 backdrop-blur-sm border-r border-neutral-700/50 flex flex-col">
-            {/* Header */}
-            <div className="p-6 border-b border-neutral-700/50">
-              <button
-                onClick={() => setCurrentPage("main")}
-                className="text-blue-400 hover:text-blue-300 text-sm mb-4 flex items-center transition-colors"
-              >
-                <svg
-                  className="w-4 h-4 mr-2"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M15 19l-7-7 7-7"
-                  />
-                </svg>
-                Back to Documentation
-              </button>
-              <h1 className="text-2xl font-bold text-white">Operator Docs</h1>
-            </div>
-
-            {/* Menu Items */}
-            <div className="flex-1 p-4 overflow-y-auto">
-              <nav className="space-y-1">
-                {operatorCategories.map((category) => (
-                  <button
-                    key={category}
-                    onClick={() => setSelectedOperator(category)}
-                    className={`w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 ${
-                      selectedOperator === category
-                        ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
-                        : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
-                    }`}
-                  >
-                    {category}
-                  </button>
-                ))}
-              </nav>
-            </div>
-          </div>
-
-          {/* Main Content */}
-          <div className="flex-1 p-8">
-            <div className="max-w-4xl">
-              <div className="mb-8">
-                <h2 className="text-4xl font-bold bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent mb-4">
-                  {selectedOperator}
-                </h2>
-                <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-                <p className="text-gray-400 text-lg">
-                  List of supported {selectedOperator} operators. Detailed
-                  usage samples coming soon!
-                </p>
-              </div>
-
-              {/* Content based on selected operator */}
-              {selectedOperator === "Accumulator" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Accumulator Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$avg",
-                      "$bottom",
-                      "$bottomN",
-                      "$count",
-                      "$first",
-                      "$firstN",
-                      "$last",
-                      "$lastN",
-                      "$max",
-                      "$maxN",
-                      "$median",
-                      "$min",
-                      "$minN",
-                      "$stdDevPop",
-                      "$stdDevSamp",
-                      "$sum",
-                      "$top",
-                      "$topN",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Aggregation" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Aggregation Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                        "$addFields",
-                        "$bucket",
-                        "$changeStreams",
-                        "$collstats",
-                        "$convert",
-                        "$count",
-                        "$densify",
-                        "documents",
-                        "$facet", 
-                        "$fill",  
-                        "$geoNear", 
-                        "$group",
-                        "$indexStats",
-                        "$isNumber",
-                        "$lookup", 
-                        "$match",
-                        "$merge",
-                        "$out",
-                        "$redact",
-                        "$replaceWith",
-                        "$sample",
-                        "$set",
-                        "$skip",
-                        "$sort",
-                        "$sortByCount",
-                        "$toBool",
-                        "$toDate",
-                        "$toDecimal",
-                        "$toDouble",
-                        "$toInt",
-                        "$toLong",
-                        "$toObjectId",
-                        "$toString",
-                        "$unset",
-                        "$unwind"].map(
-                      (operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ),
-                    )}
-                  </div>
-                </div>
-              ) : selectedOperator === "Arithmetic Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Arithmetic Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$abs",
-                      "$add",
-                      "$ceil",
-                      "$divide",
-                      "$exp",
-                      "$floor",
-                      "$ln",
-                      "$log",
-                      "$log10",
-                      "$mod",
-                      "$multiply",
-                      "$pow",
-                      "$round",
-                      "$sqrt",
-                      "$subtract",
-                      "$trunc",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Array Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Array Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$arrayElemAt",
-                      "$arrayToObject",
-                      "$concatArrays",
-                      "$filter",
-                      "$in",
-                      "$indexOfArray",
-                      "$isArray",
-                      "$objectToArray",
-                      "$reverseArray",
-                      "$map",
-                      "$range",
-                      "$reduce",
-                      "$slice",
-                      "$sortArray",
-                      "$zip",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Array Query" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Array Query Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$all", "$elemMatch", "$size"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Array Update" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Array Update Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$addToSet",
-                      "$each",
-                      "$pop",
-                      "$position",
-                      "$",
-                      "[]",
-                      "[<identifier>]",
-                      "$pull",
-                      "$pullAll",
-                      "$push",
-                      "$slice",
-                      "$sort",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Bitwise" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Bitwise Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$bitand", "$bitnot", "$bitor", "$bitxnor"].map(
-                      (operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ),
-                    )}
-                  </div>
-                </div>
-              ) : selectedOperator === "Bitwise Query" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Bitwise Query Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$bitsAllClear",
-                      "$bitsAllSet",
-                      "$bitsAnyClear",
-                      "$bitsAnySet",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Bitwise Update" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Bitwise Update Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$bit"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Boolean Expression" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Boolean Expression Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {["$and", "$not", "$or"].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Comparison Query" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Comparison Query Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$cmp",
-                      "$eq",
-                      "$gt",
-                      "$gte",
-                      "$in",
-                      "$lt",
-                      "$lte",
-                      "$ne",
-                      "$nin",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Conditional Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Conditional Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$cond", "$ifNull", "$switch"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Date Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Date Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$dateAdd",
-                      "$dateDiff",
-                      "$dateFromParts",
-                      "$dateFromString",
-                      "$dateSubtract",
-                      "$dateToParts",
-                      "$dateToString",
-                      "$dayOfMonth",
-                      "$dayOfWeek",  
-                      "$dayOfYear",
-                      "$hour",
-                      "$isoDayOfWeek",
-                      "$isoWeek",
-                      "$isoWeekYear",
-                      "$millisecond",
-                      "$minute",
-                      "$month",
-                      "$second",
-                      "$week",
-                      "$year"
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Data Size" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Data Size Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$binarysize", "$bsonsize"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Element Query" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Element Query Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {["$exists", "$type"].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Evaluation Query" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Evaluation Query Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$expr", "$mod", "$regex", "$text"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Field Update" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Field Update Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {[
-                        "$currentDate", 
-                        "$inc", 
-                        "$max", 
-                        "$min", 
-                        "$mul", 
-                        "$rename", 
-                        "$set", 
-                        "$setOnInsert", 
-                        "$unset"
-                      ].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Geospatial" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Geospatial Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {[
-                      "$box",
-                      "$center",
-                      "$centerSphere",
-                      "$geoIntersects",
-                      "$geoWithin",
-                      "$geometry",
-                      "$maxDistance",
-                      "$minDistance",
-                      "$near",
-                      "$nearSphere",
-                      "$polygon",
-                    ].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Literal Expression" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Geospatial Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {[
-                        "$literal",
-                      ].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Logical Query" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Logical Query Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$and", "$nor", "$not", "$or"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Miscellaneous" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Miscellaneous Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$getField", "$sampleRate", "$comment", "$natural", "$rand"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Object Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Object Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$mergeObjects", "$objectToArray", "$setField"].map(
-                      (operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ),
-                    )}
-                  </div>
-                </div>
-              ) : selectedOperator === "Projection" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Projection Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$elemMatch", "$meta", "$slice"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Timestamp Expression" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Timestamp Expression Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {["$tsSecond", "$tsIncrement"].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Set Expression" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Set Expression Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {[
-                        "$allElementsTrue", 
-                        "$anyElementTrue",
-                        "$setDifference",
-                        "$setEquals",
-                        "$setIntersection",
-                        "$setIsSubset",
-                        "$setUnion"  
-                        ].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : selectedOperator === "Variable Expression" ? (
-                <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                  <h3 className="text-xl font-semibold text-white mb-4">
-                    Variable Expression Operators
-                  </h3>
-                  <div className="grid gap-3">
-                    {["$let"].map((operator) => (
-                      <button
-                        key={operator}
-                        className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                      >
-                        <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                          {operator}
-                        </h4>
-                      </button>
-                    ))}
-                  </div>
-                </div>
-              ) : selectedOperator === "Window" ? (
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Window Operators
-                    </h3>
-                    <div className="grid gap-3">
-                      {[
-                        "$shift",
-                        "$covariancePop",
-                        "covarianceSamp",
-                        "$denseRank",
-                        "$derivative",
-                        "$documentNumber",
-                        "$expMovingAvg",
-                        "$integral",
-                        "$linearFill",
-                        "$locf",
-                        "$rank"
-                       ].map((operator) => (
-                        <button
-                          key={operator}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20 text-left hover:border-blue-500/40 hover:bg-neutral-700/30 transition-all duration-200 group"
-                        >
-                          <h4 className="text-blue-300 font-mono font-medium group-hover:text-blue-200">
-                            {operator}
-                          </h4>
-                        </button>
-                      ))}
-                    </div>
-                  </div>
-                ) : (
-                /* Sample content for other operators */
-                <div className="space-y-8">
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Overview
-                    </h3>
-                    <p className="text-gray-300 leading-relaxed mb-4">
-                      The {selectedOperator} category provides powerful
-                      operators for document manipulation and querying. These
-                      operators are essential for building complex database
-                      operations and data transformations.
-                    </p>
-                    <div className="bg-neutral-900/50 rounded-lg p-4 border border-neutral-600/30">
-                      <p className="text-sm text-gray-400 mb-2">
-                        Example usage:
-                      </p>
-                      <code className="text-green-400 font-mono text-sm">
-                        db.collection.find(
-                        {`{${selectedOperator.toLowerCase()}_operator: value}`})
-                      </code>
-                    </div>
-                  </div>
-
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Common Operators
-                    </h3>
-                    <div className="grid gap-4">
-                      {[1, 2, 3].map((i) => (
-                        <div
-                          key={i}
-                          className="bg-neutral-900/30 rounded-lg p-4 border border-neutral-600/20"
-                        >
-                          <h4 className="text-blue-300 font-medium mb-2">
-                            Operator {i}
-                          </h4>
-                          <p className="text-gray-400 text-sm mb-3">
-                            Description of operator {i} functionality and use
-                            cases.
-                          </p>
-                          <div className="bg-black/30 rounded p-3 border border-neutral-600/20">
-                            <code className="text-green-400 font-mono text-xs">
-                              {`{ $operator${i}: { field: "value" } }`}
-                            </code>
-                          </div>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-
-                  <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-                    <h3 className="text-xl font-semibold text-white mb-4">
-                      Best Practices
-                    </h3>
-                    <ul className="space-y-3 text-gray-300">
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>
-                          Always validate input parameters before using{" "}
-                          {selectedOperator.toLowerCase()} operators
-                        </span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>
-                          Consider performance implications when chaining
-                          multiple operators
-                        </span>
-                      </li>
-                      <li className="flex items-start">
-                        <span className="text-blue-400 mr-3 mt-1">•</span>
-                        <span>
-                          Use appropriate indexing strategies to optimize{" "}
-                          {selectedOperator.toLowerCase()} queries
-                        </span>
-                      </li>
-                    </ul>
-                  </div>
-                </div>
-              )}
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-
-  if (currentPage === "architecture") {
-    return (
-      <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
-        {/* Background elements */}
-        <div className="absolute inset-0 bg-gradient-to-br from-neutral-900 via-neutral-800 to-black"></div>
-        <div className="absolute inset-0 opacity-5">
-          <div className="absolute top-16 right-20 w-36 h-36 bg-blue-500 rounded-full blur-3xl animate-pulse"></div>
-          <div
-            className="absolute bottom-20 left-16 w-28 h-28 bg-purple-500 rounded-full blur-3xl animate-pulse"
-            style={{ animationDelay: "1.5s" }}
-          ></div>
-        </div>
-
-        <div className="relative flex min-h-screen">
-          {/* Header with back button */}
-          <div className="w-full">
-            <div className="p-6 border-b border-neutral-700/50">
-              <button
-                onClick={() => setCurrentPage("main")}
-                className="text-blue-400 hover:text-blue-300 text-sm mb-4 flex items-center transition-colors"
-              >
-                <svg
-                  className="w-4 h-4 mr-2"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M15 19l-7-7 7-7"
-                  />
-                </svg>
-                Back to Documentation
-              </button>
-            </div>
-
-            {/* Main Content */}
-            <div className="flex-1 p-8 flex flex-col items-center justify-center min-h-[80vh]">
-              <div className="text-center max-w-2xl">
-                <h1 className="text-5xl font-bold bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent mb-8">
-                  DocumentDB Technical Architecture
-                </h1>
-
-                {/* JSON Construction Graphic */}
-                <div className="relative mb-8">
-                  {/* Main container with glow effect */}
-                  <div className="relative w-80 h-80 mx-auto">
-                    {/* Background glow */}
-                    <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-cyan-500/20 rounded-2xl blur-xl"></div>
-
-                    {/* JSON Document container */}
-                    <div className="relative w-full h-full bg-gradient-to-br from-neutral-800/90 via-neutral-900/90 to-black/90 backdrop-blur-sm rounded-2xl border border-neutral-700/50 overflow-hidden p-6">
-                      {/* JSON Content */}
-                      <div className="h-full flex flex-col justify-center font-mono text-sm">
-                        <div className="text-yellow-400">{`{`}</div>
-                        <div className="ml-4 text-blue-400">
-                          "status"<span className="text-white">:</span>{" "}
-                          <span className="text-green-400">"building"</span>
-                          <span className="text-white">,</span>
-                        </div>
-                        <div className="ml-4 text-blue-400">
-                          "progress"<span className="text-white">:</span>{" "}
-                          <span className="text-orange-400">75</span>
-                          <span className="text-white">,</span>
-                        </div>
-                        <div className="ml-4 text-blue-400">
-                          "architecture"<span className="text-white">:</span>{" "}
-                          <span className="text-yellow-400">{`{`}</span>
-                        </div>
-                        <div className="ml-8 text-blue-400">
-                          "layers"<span className="text-white">:</span>{" "}
-                          <span className="text-yellow-400">[</span>
-                        </div>
-                        <div className="ml-12 text-green-400">
-                          "DocumentDB API"<span className="text-white">,</span>
-                        </div>
-                        <div className="ml-12 text-green-400">
-                          "DocumentDB Core"<span className="text-white">,</span>
-                        </div>
-                        <div className="ml-12 text-green-400">
-                          "DocumentDB Gateway"
-                        </div>
-                        <div className="ml-8 text-yellow-400">
-                          ]<span className="text-white">,</span>
-                        </div>
-                        <div className="ml-8 text-blue-400">
-                          "coming_soon"<span className="text-white">:</span>{" "}
-                          <span className="text-green-400">true</span>
-                        </div>
-                        <div className="ml-4 text-yellow-400">
-                          {`}`}
-                          <span className="text-white">,</span>
-                        </div>
-                        <div className="ml-4 text-blue-400">
-                          "tools"<span className="text-white">:</span>{" "}
-                          <span className="text-yellow-400">[</span>
-                          <span className="inline-block ml-2 animate-bounce">
-                            🔨
-                          </span>
-                          <span className="inline-block ml-1 animate-pulse">
-                            ⚙️
-                          </span>
-                          <span
-                            className="inline-block ml-1 animate-bounce"
-                            style={{ animationDelay: "0.5s" }}
-                          >
-                            🔧
-                          </span>
-                          <span className="text-yellow-400">]</span>
-                        </div>
-                        <div className="text-yellow-400">{`}`}</div>
-                      </div>
-
-                      {/* Construction helmet on JSON */}
-                      <div className="absolute top-4 right-6 text-2xl animate-bounce">
-                        👷‍♂️
-                      </div>
-
-                      {/* Construction cone */}
-                      <div className="absolute bottom-6 right-8 text-xl animate-pulse">
-                        🚧
-                      </div>
-
-                      {/* Blueprints */}
-                      <div
-                        className="absolute bottom-4 left-6 text-lg animate-pulse"
-                        style={{ animationDelay: "1s" }}
-                      >
-                        📐
-                      </div>
-
-                      {/* Floating construction particles */}
-                      <div className="absolute top-12 left-12 w-1 h-1 bg-orange-400 rounded-full animate-ping"></div>
-                      <div
-                        className="absolute top-20 right-16 w-1 h-1 bg-yellow-400 rounded-full animate-ping"
-                        style={{ animationDelay: "0.7s" }}
-                      ></div>
-                      <div
-                        className="absolute bottom-20 left-16 w-1 h-1 bg-orange-400 rounded-full animate-ping"
-                        style={{ animationDelay: "1.4s" }}
-                      ></div>
-
-                      {/* Progress indicator */}
-                      <div className="absolute top-4 left-4 flex items-center space-x-1">
-                        <div className="w-2 h-2 bg-green-400 rounded-full"></div>
-                        <div className="w-2 h-2 bg-green-400 rounded-full"></div>
-                        <div className="w-2 h-2 bg-green-400 rounded-full"></div>
-                        <div className="w-2 h-2 bg-yellow-400 rounded-full animate-pulse"></div>
-                        <div className="w-2 h-2 bg-gray-600 rounded-full"></div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-
-                <p className="text-gray-400 text-lg mb-6">
-                  We're building something amazing! The technical architecture
-                  documentation is coming soon.
-                </p>
-
-                <div className="flex items-center justify-center space-x-2 text-blue-400">
-                  <div className="w-2 h-2 bg-blue-400 rounded-full animate-pulse"></div>
-                  <div
-                    className="w-2 h-2 bg-blue-400 rounded-full animate-pulse"
-                    style={{ animationDelay: "0.5s" }}
-                  ></div>
-                  <div
-                    className="w-2 h-2 bg-blue-400 rounded-full animate-pulse"
-                    style={{ animationDelay: "1s" }}
-                  ></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
+  const articleContent = getArticleContent();
 
   return (
     <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
@@ -2439,139 +40,88 @@ for eachDocument in results:
       <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
         {/* Header */}
         <div className="text-center mb-16">
-          <h1 className="text-4xl sm:text-6xl font-bold bg-gradient-to-r from-white via-blue-100 to-purple-100 bg-clip-text text-transparent mb-6">
-            Documentation
+          <h1 className="text-4xl sm:text-6xl font-bold text-white mb-6">
+            {articleContent.landing.title}
           </h1>
           <p className="text-xl text-gray-400 max-w-3xl mx-auto mb-8">
-            Everything you need to build with DocumentDB - from getting started
-            guides to deep architectural insights
+            {articleContent.landing.description}
           </p>
           <div className="w-32 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 mx-auto rounded-full"></div>
         </div>
 
-        {/* Documentation Grid - Updated to 2x2 layout with 25% larger blocks */}
+        {/* Documentation Grid */}
         <div className="grid grid-cols-2 gap-6 max-w-2xl mx-auto">
-          {/* Getting Started */}
-          <div
-            className="group relative cursor-pointer"
-            onClick={() => setCurrentPage("getting-started")}
-          >
-            <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
-            <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
-              <div className="p-4 h-full flex flex-col items-center justify-center text-center">
-                <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
-                  <svg
-                    className="w-5 h-5 text-blue-400"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
-                    />
-                  </svg>
-                </div>
-                <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
-                  Getting Started with DocumentDB
-                </h2>
-              </div>
-            </div>
-          </div>
-
-          {/* API Reference */}
-          <div
-            className="group relative cursor-pointer"
-            onClick={() => setCurrentPage("api-reference")}
-          >
-            <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
-            <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
-              <div className="p-4 h-full flex flex-col items-center justify-center text-center">
-                <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
-                  <svg
-                    className="w-5 h-5 text-blue-400"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
-                    />
-                  </svg>
-                </div>
-                <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
-                  API Reference Docs
-                </h2>
-              </div>
-            </div>
-          </div>
-
-          {/* PostgreSQL Extension API */}
-          <div
-            className="group relative cursor-pointer"
-            onClick={() => setCurrentPage("postgres-api")}
-          >
-            <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
-            <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
-              <div className="p-4 h-full flex flex-col items-center justify-center text-center">
-                <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
-                  <svg
-                    className="w-5 h-5 text-blue-400"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"
-                    />
-                  </svg>
-                </div>
-                <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
-                  Postgres Extension API Docs
-                </h2>
-              </div>
-            </div>
-          </div>
-
-          {/* Architecture */}
-          <div
-            className="group relative cursor-pointer"
-            onClick={() => setCurrentPage("architecture")}
-          >
-            <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
-            <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
-              <div className="p-4 h-full flex flex-col items-center justify-center text-center">
-                <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
-                  <svg
-                    className="w-5 h-5 text-blue-400"
-                    fill="none"
-                    stroke="currentColor"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                      strokeWidth={2}
-                      d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"
-                    />
-                  </svg>
-                </div>
-                <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
-                  Architecture under the hood
-                </h2>
-              </div>
-            </div>
-          </div>
+          {articleContent.landing.links.map((item) => {
+            const isReference = item.link === "/docs/reference";
+
+            if (isReference) {
+              return (
+                <Link
+                  key={item.link}
+                  href={item.link}
+                  className="group relative cursor-pointer"
+                >
+                  <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
+                  <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
+                    <div className="p-4 h-full flex flex-col items-center justify-center text-center">
+                      <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
+                        <svg
+                          className="w-5 h-5 text-blue-400"
+                          fill="none"
+                          stroke="currentColor"
+                          viewBox="0 0 24 24"
+                        >
+                          <path
+                            strokeLinecap="round"
+                            strokeLinejoin="round"
+                            strokeWidth={2}
+                            d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+                          />
+                        </svg>
+                      </div>
+                      <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
+                        {item.title}
+                      </h2>
+                    </div>
+                  </div>
+                </Link>
+              );
+            }
+
+            return (
+              <Link
+                key={item.link}
+                href={item.link}
+                className="group relative cursor-pointer"
+              >
+                <div className="absolute inset-0 bg-gradient-to-r from-blue-500/20 to-cyan-500/20 rounded-lg blur-md group-hover:blur-lg transition-all duration-500 opacity-0 group-hover:opacity-100"></div>
+                <div className="relative bg-neutral-800/80 backdrop-blur-sm rounded-lg border border-neutral-700/50 hover:border-blue-500/50 transition-all duration-500 group-hover:transform group-hover:scale-105 overflow-hidden h-40">
+                  <div className="p-4 h-full flex flex-col items-center justify-center text-center">
+                    <div className="w-10 h-10 bg-neutral-700/60 backdrop-blur-sm rounded-lg flex items-center justify-center mb-3 border border-neutral-600/30">
+                      <svg
+                        className="w-5 h-5 text-blue-400"
+                        fill="none"
+                        stroke="currentColor"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth={2}
+                          d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.746 0 3.332.477 4.5 1.253v13C19.832 18.477 18.246 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+                        />
+                      </svg>
+                    </div>
+                    <h2 className="text-sm font-medium text-white group-hover:text-blue-300 transition-colors leading-tight">
+                      {item.title}
+                    </h2>
+                  </div>
+                </div>
+              </Link>
+            );
+          })}
         </div>
       </div>
     </div>
   );
-}
+}
\ No newline at end of file
diff --git a/app/docs/reference/[type]/[category]/[name]/page.tsx b/app/docs/reference/[type]/[category]/[name]/page.tsx
index 1cc9eda..0e44f17 100644
--- a/app/docs/reference/[type]/[category]/[name]/page.tsx
+++ b/app/docs/reference/[type]/[category]/[name]/page.tsx
@@ -1,17 +1,25 @@
-import Link from 'next/link';
 import { notFound } from 'next/navigation';
-import Code from '../../../../../components/Code';
 import Breadcrumb from '../../../../../components/Breadcrumb';
+import Markdown from '../../../../../components/Markdown';
 import { getAllReferenceParams, getReferenceByPath } from '../../../../../services/referenceService';
 import { getMetadata } from "../../../../../services/metadataService";
-import { kebabCase } from 'change-case';
 
 export async function generateMetadata({ params }: { params: Promise<{ type: string; category: string; name: string }> }) {
   const { type, category, name } = await params;
-  const data = getReferenceByPath(type, category, name);
+  const decodedName = decodeURIComponent(name);
+  const data = getReferenceByPath(type, category, decodedName);
+  
+  if (!data) {
+    return getMetadata({
+      title: 'Reference - DocumentDB MQL Reference',
+      description: '',
+      extraKeywords: ['reference', type, category, name]
+    });
+  }
+  
   return getMetadata({
-    title: `${data?.name || 'Reference'} - DocumentDB MQL Reference`,
-    description: data?.description || data?.summary || '',
+    title: `${data.frontmatter.title || name} - DocumentDB MQL Reference`,
+    description: data.frontmatter.description || '',
     extraKeywords: ['reference', type, category, name]
   });
 }
@@ -22,153 +30,35 @@ export async function generateStaticParams(): Promise<{ type: string; category:
 
 export default async function ReferencePage({ params }: { params: Promise<{ type: string; category: string; name: string }> }) {
   const { type, category, name } = await params;
-  const data = getReferenceByPath(type, category, name);
+  const decodedName = decodeURIComponent(name);
+  const data = getReferenceByPath(type, category, decodedName);
 
   if (!data) {
     notFound();
   }
 
+  const pageTitle = data.frontmatter.title || name;
+  const pageDescription = data.frontmatter.description;
+
   return (
     <article>
-      <Breadcrumb type={type} category={category} name={data.name} />
+      <Breadcrumb type={type} category={category} name={pageTitle} />
+      
       {/* Header */}
       <div className="mb-8">
         <h1 className="text-5xl font-bold text-white mb-4">
-          {data.name}
+          {pageTitle}
         </h1>
         <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-        <p className="text-gray-300 text-lg leading-relaxed">
-          {data.description}
-        </p>
-        {data.summary && (
-          <div className="mt-4 p-4 bg-blue-900/20 border-l-4 border-blue-500 rounded">
-            <p className="text-gray-300 text-sm">{data.summary}</p>
-          </div>
+        {pageDescription && (
+          <p className="text-gray-300 text-lg leading-relaxed">
+            {pageDescription}
+          </p>
         )}
       </div>
 
-      {/* Syntax Section */}
-      {data.syntax && data.syntax.length > 0 && (
-        <section className="mb-8">
-          <a className="invisible scroll-mt-24" id={'syntax'} />
-          <h2 className="text-2xl font-bold text-white mb-4">Syntax</h2>
-          <div className="bg-neutral-900 rounded-lg p-6 border border-neutral-700/50 overflow-x-auto">
-            <Code code={data.syntax} />
-          </div>
-        </section>
-      )}
-
-      {/* Parameters Section */}
-      {data.parameters && data.parameters.length > 0 && (
-        <section className="mb-8">
-          <a className="invisible scroll-mt-24" id={'parameters'} />
-          <h2 className="text-2xl font-bold text-white mb-4">Parameters</h2>
-          <div className="space-y-4">
-            {data.parameters.map((param, index) => (
-              <div key={index} className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-5">
-                <div className="flex items-center gap-3 mb-2">
-                  <code className="text-blue-300 font-mono font-semibold text-lg">{param.name}</code>
-                  {param.type ? <span className="text-xs px-2 py-1 rounded bg-purple-900/40 text-purple-300 border border-purple-700/50">
-                    {param.type}
-                  </span> : <></>}
-                  {param.required && (
-                    <span className="text-xs px-2 py-1 rounded bg-red-900/40 text-red-300 border border-red-700/50">
-                      required
-                    </span>
-                  )}
-                </div>
-                {param.description && (
-                  <p className="text-gray-400 text-sm mt-2 leading-relaxed">{param.description}</p>
-                )}
-              </div>
-            ))}
-          </div>
-        </section>
-      )}
-
-      {/* Examples Section */}
-      {data.examples && (
-        <section className="mb-8">
-          <a className="invisible scroll-mt-24" id={'examples'} />
-          <h2 className="text-2xl font-bold text-white mb-4">Examples</h2>
-
-          {/* Sample Data */}
-          {data.examples.sample && (
-            <div className="mb-6">
-              <a className="invisible scroll-mt-24" id={'sample-data'} />
-              <h3 className="text-lg font-semibold text-gray-200 mb-3">Sample Data</h3>
-              <div className="bg-neutral-900 rounded-lg p-6 border border-neutral-700/50 overflow-x-auto">
-                <Code code={typeof data.examples.sample === 'string' ? data.examples.sample : JSON.stringify(data.examples.sample, null, 2)} language='json' />
-              </div>
-            </div>
-          )}
-
-          {/* Example Items */}
-          {data.examples.items && data.examples.items.length > 0 && (
-            <div className="space-y-6">
-              {data.examples.items.map((example, index) => (
-                <div key={index} className="bg-neutral-800/30 rounded-lg border border-neutral-700/50 p-6">
-                  <a className="invisible scroll-mt-24" id={kebabCase(example.title)} />
-                  <h3 className="text-xl font-semibold text-white mb-3">{example.title}</h3>
-
-                  {example.explanation && (
-                    <div className="mb-4 p-4 bg-blue-900/20 border-l-4 border-blue-500 rounded">
-                      <p className="text-gray-300 text-sm">{example.explanation}</p>
-                    </div>
-                  )}
-
-                  {example.description && (
-                    <p className="text-gray-400 text-sm mb-4 leading-relaxed">{example.description}</p>
-                  )}
-
-                  {/* Query */}
-                  <div className="mb-4">
-                    <h4 className="text-sm font-semibold text-gray-300 mb-2">Query:</h4>
-                    <div className="bg-neutral-900 rounded-lg p-4 border border-neutral-700/50 overflow-x-auto">
-                      <Code code={example.query} language='javascript' />
-                    </div>
-                  </div>
-
-                  {/* Output */}
-                  {example.output && (
-                    <div>
-                      <h4 className="text-sm font-semibold text-gray-300 mb-2">Output:</h4>
-                      <div className="bg-neutral-900 rounded-lg p-4 border border-neutral-700/50 overflow-x-auto">
-                        <Code code={example.output.value} language='json' />
-                      </div>
-                    </div>
-                  )}
-                </div>
-              ))}
-            </div>
-          )}
-        </section>
-      )}
-
-      {/* Related Section */}
-      {data.related && data.related.length > 0 && (
-        <section className="mb-8">
-          <a className="invisible scroll-mt-24" id={'related'} />
-          <h2 className="text-2xl font-bold text-white mb-4">Related</h2>
-          <div className="bg-neutral-800/50 backdrop-blur-sm rounded-lg border border-neutral-700/50 p-6">
-            <ul className="space-y-2">
-              {data.related.map((rel, index) => (
-                <li key={index}>
-                  <Link
-                    href={`/docs/reference${rel.reference}`}
-                    className="text-blue-400 hover:text-blue-300 hover:underline transition-colors flex items-center gap-2"
-                  >
-                    <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 5l7 7-7 7" />
-                    </svg>
-                    {rel.reference}
-                  </Link>
-                </li>
-              ))}
-            </ul>
-          </div>
-        </section>
-      )}
+      {/* Markdown Content */}
+      <Markdown content={data.content} />
     </article>
   );
-}
+}
\ No newline at end of file
diff --git a/app/docs/reference/[type]/page.tsx b/app/docs/reference/[type]/page.tsx
index d43991b..1f9e6c7 100644
--- a/app/docs/reference/[type]/page.tsx
+++ b/app/docs/reference/[type]/page.tsx
@@ -7,11 +7,11 @@ import { getMetadata } from "../../../services/metadataService";
 import pluralize from 'pluralize';
 import { capitalCase } from 'change-case';
 
-const allowed_types = ['operator', 'command'];
+const allowed_types = ['operators', 'commands'];
 
 export const generateStaticParams = async (): Promise<{ type: string }[]> => [
-  { type: 'operator' },
-  { type: 'command' }
+  { type: 'operators' },
+  { type: 'commands' }
 ];
 
 export async function generateMetadata({ params }: { params: Promise<{ type: string }> }) {
diff --git a/app/services/referenceService.ts b/app/services/referenceService.ts
index 94418a1..859d7bf 100644
--- a/app/services/referenceService.ts
+++ b/app/services/referenceService.ts
@@ -1,12 +1,26 @@
 import fs from 'fs';
 import path from 'path';
 import yaml from 'js-yaml';
-import type { Reference } from '../types/Reference';
+import matter from 'gray-matter';
 import type { Page } from '../types/Page';
 import { Content } from '../types/Content';
 
 export type ReferencePage = Page & { type: string; category?: string };
 
+export type ReferenceArticle = {
+  content: string;
+  frontmatter: {
+    title?: string;
+    description?: string;
+    type: string;
+    category: string;
+    [key: string]: any;
+  };
+  type: string;
+  category: string;
+  name: string;
+};
+
 function getContentMetadata(): Content {
   const contentPath = path.join(process.cwd(), 'reference', 'content.yml');
   return yaml.load(fs.readFileSync(contentPath, 'utf8')) as Content;
@@ -15,22 +29,34 @@ function getContentMetadata(): Content {
 function getAllReferences(): ReferencePage[] {
   const root = path.join(process.cwd(), 'reference');
   const files: string[] = [];
+  
   function walk(dir: string) {
     for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
-      if (entry.isDirectory()) walk(path.join(dir, entry.name));
-      else if (entry.name.endsWith('.yml') && entry.name !== 'content.yml') files.push(path.join(dir, entry.name));
+      if (entry.isDirectory()) {
+        walk(path.join(dir, entry.name));
+      } else if (entry.name.endsWith('.md')) {
+        files.push(path.join(dir, entry.name));
+      }
     }
   }
+  
   walk(root);
+  
   return files.map(file => {
-    const data = yaml.load(fs.readFileSync(file, 'utf8')) as Reference;
-    const slug = path.relative(root, file).replace(/\\/g, '/').replace(/\.yml$/, '');
+    const fileContents = fs.readFileSync(file, 'utf8');
+    const { data: frontmatter } = matter(fileContents);
+    const slug = path.relative(root, file).replace(/\\/g, '/').replace(/\.md$/, '');
+    
+    // Extract filename for the name parameter
+    const parts = slug.split('/');
+    const filename = parts[parts.length - 1];
+    
     return {
-      name: data.name || slug,
-      description: data.description || '',
+      name: frontmatter.title || filename,
+      description: frontmatter.description || '',
       reference: slug,
-      type: data.type,
-      category: (data as any).category || '',
+      type: frontmatter.type || '',
+      category: frontmatter.category || 'Uncategorized',
     };
   });
 }
@@ -38,34 +64,44 @@ function getAllReferences(): ReferencePage[] {
 export function getReferencesGroupedByTypeAndCategory() {
   const refs = getAllReferences();
   const grouped: Record<string, Record<string, ReferencePage[]>> = {};
+  
   for (const ref of refs) {
     // Skip items with undefined type
     if (!ref.type) continue;
     
     if (!grouped[ref.type]) grouped[ref.type] = {};
-    if (!grouped[ref.type][ref.category || 'Uncategorized']) grouped[ref.type][ref.category || 'Uncategorized'] = [];
+    if (!grouped[ref.type][ref.category || 'Uncategorized']) {
+      grouped[ref.type][ref.category || 'Uncategorized'] = [];
+    }
     grouped[ref.type][ref.category || 'Uncategorized'].push(ref);
   }
+  
   return grouped;
 }
 
 export function getReferencesByTypeGroupedByCategory(type: string) {
   const refs = getAllReferences().filter(r => r.type === type);
   const grouped: Record<string, ReferencePage[]> = {};
+  
   for (const ref of refs) {
-    if (!grouped[ref.category || 'Uncategorized']) grouped[ref.category || 'Uncategorized'] = [];
+    if (!grouped[ref.category || 'Uncategorized']) {
+      grouped[ref.category || 'Uncategorized'] = [];
+    }
     grouped[ref.category || 'Uncategorized'].push(ref);
   }
+  
   return grouped;
 }
 
 export function getAllTypeCategoryCombinations(): { type: string; category: string }[] {
   const refs = getAllReferences();
   const combinations = new Set<string>();
+  
   for (const ref of refs) {
     const category = ref.category || 'Uncategorized';
     combinations.add(`${ref.type}:${category}`);
   }
+  
   return Array.from(combinations).map(combo => {
     const [type, category] = combo.split(':');
     return { type, category };
@@ -79,6 +115,7 @@ export function isValidTypeCategoryCombination(type: string, category: string):
 
 export function getAllReferenceParams(): { type: string; category: string; name: string }[] {
   const refs = getAllReferences();
+  
   return refs.map(ref => {
     // Extract just the filename (last part of the path) without extension
     const parts = ref.reference.split('/');
@@ -87,16 +124,16 @@ export function getAllReferenceParams(): { type: string; category: string; name:
     return {
       type: ref.type,
       category: ref.category || 'Uncategorized',
-      name: filename // Use the filename, not the name field
+      name: filename
     };
   });
 }
 
-export function getReferenceByPath(type: string, category: string, name: string): Reference | null {
+export function getReferenceByPath(type: string, category: string, name: string): ReferenceArticle | null {
   const root = path.join(process.cwd(), 'reference');
   const refs = getAllReferences();
 
-  // Match by type, category, and filename (not name)
+  // Match by type, category, and filename
   const matchingRef = refs.find(r => {
     const parts = r.reference.split('/');
     const filename = parts[parts.length - 1];
@@ -108,11 +145,25 @@ export function getReferenceByPath(type: string, category: string, name: string)
 
   if (!matchingRef) return null;
 
-  const filePath = path.join(root, `${matchingRef.reference}.yml`);
+  const filePath = path.join(root, `${matchingRef.reference}.md`);
   if (!fs.existsSync(filePath)) return null;
 
-  const data = yaml.load(fs.readFileSync(filePath, 'utf8')) as Reference;
-  return data;
+  const fileContents = fs.readFileSync(filePath, 'utf8');
+  const { data: frontmatter, content } = matter(fileContents);
+
+  return {
+    content,
+    frontmatter: {
+      title: frontmatter.title,
+      description: frontmatter.description,
+      type: frontmatter.type || type,
+      category: frontmatter.category || category,
+      ...frontmatter
+    },
+    type: frontmatter.type || type,
+    category: frontmatter.category || category,
+    name: name
+  };
 }
 
 export function getTypeDescription(type: string): string | undefined {
@@ -127,4 +178,4 @@ export function getCategoryDescription(type: string, category: string): string |
   if (!typeEntry) return undefined;
   const categoryEntry = typeEntry.categories.find(cat => cat.category === category);
   return categoryEntry?.description;
-}
+}
\ No newline at end of file
diff --git a/app/types/Reference.ts b/app/types/Reference.ts
deleted file mode 100644
index 4954aa1..0000000
--- a/app/types/Reference.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export type Reference = {
-  type: 'operator' | 'command';
-  name: string;
-  description: string;
-  summary?: string;
-  syntax: string;
-  parameters: Array<{
-    name: string;
-    type: 'object' | 'string' | 'number' | 'pattern';
-    required: boolean;
-    description?: string;
-  }>;
-  examples: {
-    sample?: {
-      set: 'products' | 'stores' | 'employees';
-      filter: string;
-    };
-    items: Array<{
-      title: string;
-      explanation?: string;
-      description: string;
-      query: string;
-      output?: {
-        devlang?: 'bson' | 'json' | 'plaintext';
-        value: string;
-      };
-    }>;
-  };
-  related?: Array<{
-    reference: string;
-  }>;
-};
\ No newline at end of file
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 49c431f..65fd485 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,10 +1,15 @@
 import { defineConfig } from "eslint/config";
+import nextPlugin from '@next/eslint-plugin-next'
 
 export default defineConfig([
 	{
+		plugins: {
+			'@next/next': nextPlugin,
+		},
 		rules: {
 			semi: "error",
 			"prefer-const": "error",
+			...nextPlugin.configs.recommended.rules
 		},
 	},
 ]);
diff --git a/package-lock.json b/package-lock.json
index 2b31f8b..236880e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
+        "@next/eslint-plugin-next": "^16.0.6",
         "@tailwindcss/postcss": "^4",
         "@types/js-yaml": "^4.0.9",
         "@types/node": "^20",
@@ -789,9 +790,9 @@
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.4.tgz",
-      "integrity": "sha512-SR1vhXNNg16T4zffhJ4TS7Xn7eq4NfKfcOsRwea7RIAHrjRpI9ALYbamqIJqkAhowLlERffiwk0FMvTLNdnVtw==",
+      "version": "16.0.6",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.0.6.tgz",
+      "integrity": "sha512-9INsBF3/4XL0/tON8AGsh0svnTtDMLwv3iREGWnWkewGdOnd790tguzq9rX8xwrVthPyvaBHhw1ww0GZz0jO5Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3137,6 +3138,16 @@
         }
       }
     },
+    "node_modules/eslint-config-next/node_modules/@next/eslint-plugin-next": {
+      "version": "15.5.4",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-15.5.4.tgz",
+      "integrity": "sha512-SR1vhXNNg16T4zffhJ4TS7Xn7eq4NfKfcOsRwea7RIAHrjRpI9ALYbamqIJqkAhowLlERffiwk0FMvTLNdnVtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
     "node_modules/eslint-import-resolver-node": {
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
@@ -3944,9 +3955,9 @@
       }
     },
     "node_modules/gray-matter/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.2.tgz",
+      "integrity": "sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==",
       "license": "MIT",
       "dependencies": {
         "argparse": "^1.0.7",
@@ -4734,9 +4745,9 @@
       "license": "MIT"
     },
     "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
       "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
@@ -5411,9 +5422,9 @@
       }
     },
     "node_modules/mdast-util-to-hast": {
-      "version": "13.2.0",
-      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.0.tgz",
-      "integrity": "sha512-QGYKEuUsYT9ykKBCMOEDLsU5JRObWQusAolFMeko/tYPufNkRffBAQjIE+99jbA87xv6FgmjLtwjh9wBWajwAA==",
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
diff --git a/package.json b/package.json
index 824151f..64e5910 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
+    "@next/eslint-plugin-next": "^16.0.6",
     "@tailwindcss/postcss": "^4",
     "@types/js-yaml": "^4.0.9",
     "@types/node": "^20",
diff --git a/reference/command/aggregation/count.yml b/reference/command/aggregation/count.yml
deleted file mode 100644
index ce92838..0000000
--- a/reference/command/aggregation/count.yml
+++ /dev/null
@@ -1,99 +0,0 @@
-type: command
-category: aggregation
-name: count
-description: |-
-  The `count` command is used to count the number of documents in a collection that match specific criteria.
-summary: |-
-  This command is useful for obtaining quick statistics about the data stored in your collections, such as the number of documents that meet certain criteria.
-syntax: |-
-  db.collection.count(
-    <query>,
-    <options>
-  );
-parameters:
-  - name: query
-    required: true
-    description: |-
-      A document specifying the selection criteria using query operators.
-  - name: options
-    required: false
-    description: |-
-      A document specifying options including, but not limited to `limit` and `skip`.
-examples:
-  sample: |-
-    [
-      {
-        "_id": "00000000-0000-0000-0000-000000003001",
-        "name": "Proseware, Inc. | Home Entertainment Hub - East Linwoodbury",
-        "promotionEvents": [
-          {
-            "eventName": "Unbeatable Bargain Bash"
-          },
-          {
-            "eventName": "Steal of a Deal Days"
-          }
-        ]
-      },
-      {
-        "_id": "00000000-0000-0000-0000-000000003002",
-        "name": "Fabrikam, Inc. | Home Accessory Outlet - West Adele",
-        "promotionEvents": [
-          {
-            "eventName": "Incredible Discount Days"
-          },
-          {
-            "eventName": "Steal of a Deal Days"
-          }
-        ],
-        "location": {
-          "lat": -89.2384,
-          "lon": -46.4012
-        }
-      },
-      {
-        "_id": "00000000-0000-0000-0000-000000003003",
-        "name": "Wide World Importers | Fitness Equipment Outlet - Reillyborough",
-        "promotionEvents": [
-          {
-            "eventName": "Incredible Discount Days"
-          }
-        ],
-        "location": {
-          "lat": -2.4111,
-          "lon": 72.1041
-        }
-      }
-    ]
-  items:
-    - title: Counting all documents in a collection
-      explanation: |-
-        Use the `count` command with an empty document to count **all** documents in a collection.
-      description: |-
-        In this example, all documents in the `stores` collection are counted.
-      query: |-
-        db.stores.count({ "_id": "00000000-0000-0000-0000-000000003002" })
-      output:
-        value: |-
-          1
-    - title: Counting documents that match nested criteria
-      explanation: |-
-        The `query` parameter supports nested parameters.
-      description: |-
-        In this example, the command counts documents that match the string value `"Incredible Discount Days"` for the `promotionEvents.eventName` field.
-      query: |-
-        db.stores.count({ "promotionEvents.eventName": "Incredible Discount Days" })
-      output:
-        value: |-
-          2
-    - title: Counting documents that match multiple criteria
-      explanation: |-
-        The `query` parameter also supports multiple parameters.
-      description: |-
-        In this example, the `locationLatitude` and `locationLongitude` parameters are used to count documents that match on these specific values.
-      query: |-
-        db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
-      output:
-        value: |-
-          1
-related:
-  - reference: /operator/evaluation-query/regex
diff --git a/reference/commands/aggregation/count.md b/reference/commands/aggregation/count.md
new file mode 100644
index 0000000..6628924
--- /dev/null
+++ b/reference/commands/aggregation/count.md
@@ -0,0 +1,87 @@
+---
+title: Count
+description: Count command is used to count the number of documents in a collection that match a specified query.
+type: commands
+category: aggregation
+---
+
+# count
+
+The `count` command is used to count the number of documents in a collection that match a specified query. This command is useful for obtaining quick statistics about the data stored in your collections, such as the number of documents that meet certain criteria.
+
+## Syntax
+
+The syntax for the `count` command is as follows:
+
+```
+db.collection.count(query, options)
+```
+
+- `query`: A document specifying the selection criteria using query operators.
+- `options`: Optional. A document specifying options, such as `limit` and `skip`.
+
+## Examples
+
+Here are some examples to demonstrate the usage of the `count` command:
+
+### Example 1. Counting all documents in a collection
+
+To count all documents in the `stores` collection:
+
+```javascript
+db.stores.count({})
+```
+
+#### Sample output
+
+```javascript
+[mongos] StoreData> db.stores.countDocuments({})
+60570
+```
+
+### Example 2. Counting documents with specific criteria
+
+To count the number of stores with a specific `_id` store ID:
+
+```javascript
+db.stores.count({ "_id": "e5767a9f-cd95-439c-9ec4-7ddc13d22926" })
+```
+
+#### Sample output
+
+```javascript
+[mongos] StoreData> db.stores.count({ "_id": "e5767a9f-cd95-439c-9ec4-7ddc13d22926" })
+1
+```
+
+### Example 3. Counting documents with nested criteria
+
+To count the number of stores that have a specific promotion event:
+
+```javascript
+db.stores.count({ "promotionEvents.eventName": "Incredible Discount Days" })   
+```
+
+#### Sample output
+
+```javascript
+[mongos] StoreData> db.stores.count({ "promotionEvents.eventName": "Incredible Discount Days" })
+2156
+```
+
+### Example 4. Counting documents with multiple criteria
+
+To count the number of stores located at a specific latitude and longitude:
+
+```javascript
+db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
+```
+
+#### Sample output
+
+```javascript
+[mongos] StoreData> db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
+1
+```
+
+## Related content
\ No newline at end of file
diff --git a/reference/content.yml b/reference/content.yml
index e0239a3..4c205f8 100644
--- a/reference/content.yml
+++ b/reference/content.yml
@@ -1,4 +1,4 @@
-- type: command
+- type: commands
   description: |-
     MongoDB Query Language (MQL) commands are direct instructions for managing and interacting with your database server. They are essential for performing administrative tasks, optimizing performance, and maintaining security.
   categories:
@@ -8,7 +8,7 @@
     - category: query-and-write
       description: |-
         Query and write operations allow you to retrieve, insert, update, and delete documents in your DocumentDB collections. These operations are fundamental for interacting with your data, enabling you to perform CRUD (Create, Read, Update, Delete) tasks efficiently.
-- type: operator
+- type: operators
   description: |-
     MongoDB Query Language (MQL) operators enable powerful filtering, comparison, and data manipulation within queries. Mastering these operators helps you write expressive queries to efficiently retrieve and update documents in your collections.
   categories:
diff --git a/reference/operator/evaluation-query/regex.yml b/reference/operator/evaluation-query/regex.yml
deleted file mode 100644
index 262febf..0000000
--- a/reference/operator/evaluation-query/regex.yml
+++ /dev/null
@@ -1,116 +0,0 @@
-type: operator
-category: evaluation-query
-name: $regex
-description: |-
-  The `$regex` operator is used to perform pattern matching with regular expressions.
-summary: |-
-  This operator is useful for querying string fields for matches that fit specific patterns. Common use cases include searching for documents where a field contains a substring, starts with a certain prefix, or matches a complex pattern.
-syntax: |-
-  {
-    "field": {
-      $regex: /pattern/,
-      $options: '<options>'
-    }
-  }
-parameters:
-  - name: field
-    type: string
-    required: true
-    description: |-
-      The field in the document to apply the regular expression to. This should be a string field that you want to match against the provided pattern.
-  - name: $regex
-    type: pattern
-    required: true
-    description: |-
-      The regular expression pattern to match.
-  - name: $options
-    type: string
-    required: false
-    description: |-
-      Flags to modify the behavior of the regex. Common options include, but are not limited to `i` for case-insensitive matching, `m` for multiline matching, etc.
-examples:
-  sample: |-
-    [
-      {
-        "_id": "00000000-0000-0000-0000-000000003001",
-        "name": "Proseware, Inc. | Home Entertainment Hub - East Linwoodbury",
-        "promotionEvents": [
-          {
-            "eventName": "Unbeatable Bargain Bash"
-          },
-          {
-            "eventName": "Steal of a Deal Days"
-          }
-        ]
-      },
-      {
-        "_id": "00000000-0000-0000-0000-000000003002",
-        "name": "Fabrikam, Inc. | Home Accessory Outlet - West Adele",
-        "promotionEvents": [
-          {
-            "eventName": "Incredible Discount Days"
-          },
-          {
-            "eventName": "Steal of a Deal Days"
-          }
-        ],
-        "location": {
-          "lat": -89.2384,
-          "lon": -46.4012
-        }
-      },
-      {
-        "_id": "00000000-0000-0000-0000-000000003003",
-        "name": "Wide World Importers | Fitness Equipment Outlet - Reillyborough",
-        "promotionEvents": [
-          {
-            "eventName": "Incredible Discount Days"
-          }
-        ],
-        "location": {
-          "lat": -2.4111,
-          "lon": 72.1041
-        }
-      }
-    ]
-  items:
-    - title: Find documents with a specific substring
-      explanation: |-
-        Use the `$regex` operator to find all documents that match a specific pattern.
-      description: |-
-        In this example, the operator filters to documents that contain the exact phrase `Home` in its name.
-      query: |-
-        db.stores.find({ "name": { "$regex": /Home/ }}, { name: 1 })
-      output:
-        value: |-
-          [
-            {
-              _id: '00000000-0000-0000-0000-000000003001',
-              name: 'Proseware, Inc. | Home Entertainment Hub - East Linwoodbury'
-            },
-            {
-              _id: '00000000-0000-0000-0000-000000003002',
-              name: 'Fabrikam, Inc. | Home Accessory Outlet - West Adele'
-            }
-          ]
-    - title: Find documents using a case-insensitive match
-      explanation: |-
-        The `$regex` operator includes options like case-insensitive search.
-      description: |-
-        In this example, the operator filters to documents that contain the case-insensitive phrase `outlet` in its name.
-      query: |-
-        db.stores.find({ "name": { $regex: /outlet/, $options: "i" }}, { name: 1 })
-      output:
-        value: |-
-          [
-            {
-              _id: '00000000-0000-0000-0000-000000003002',
-              name: 'Fabrikam, Inc. | Home Accessory Outlet - West Adele'
-            },
-            {
-              _id: '00000000-0000-0000-0000-000000003003',
-              name: 'Wide World Importers | Fitness Equipment Outlet - Reillyborough'
-            }
-          ]
-related:
-  - reference: /command/aggregation/count
diff --git a/reference/operators/evaluation-query/$regex.md b/reference/operators/evaluation-query/$regex.md
new file mode 100644
index 0000000..ff1e902
--- /dev/null
+++ b/reference/operators/evaluation-query/$regex.md
@@ -0,0 +1,330 @@
+---
+title: $regex
+description: The $regex operator provides regular expression capabilities for pattern matching in queries, allowing flexible string matching and searching.
+type: operators
+category: evaluation-query
+---
+
+# $regex
+
+The `$regex` operator provides regular expression capabilities for pattern matching in queries. It allows you to search for documents where a field matches a specified regular expression pattern. This operator is useful for flexible string searching, pattern validation, and complex text filtering operations.
+
+## Syntax
+
+The syntax for the `$regex` operator is as follows:
+
+```javascript
+{
+  <field>: { $regex: <pattern>, $options: <options> }
+}
+```
+
+Or the shorter form:
+
+```javascript
+{
+  <field>: { $regex: /<pattern>/<options> }
+}
+```
+
+## Parameters
+
+| Parameter | Description |
+| --- | --- |
+| **`<field>`** | The field to search in. Must contain string values. |
+| **`<pattern>`** | The regular expression pattern to match against. |
+| **`<options>`** | Optional. Regular expression options such as case-insensitive matching. Common options include 'i' (case insensitive), 'm' (multiline), 's' (dot all), and 'x' (extended). |
+
+## Examples
+
+Consider this sample document from the stores collection.
+
+```json
+{
+  "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
+  "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
+  "location": {
+    "lat": 87.2239,
+    "lon": -129.0506
+  },
+  "staff": {
+    "employeeCount": {
+      "fullTime": 8,
+      "partTime": 7
+    }
+  },
+  "sales": {
+    "salesByCategory": [
+      { "categoryName": "Towel Sets", "totalSales": 520 },
+      { "categoryName": "Bath Accessories", "totalSales": 41710 },
+      { "categoryName": "Drapes", "totalSales": 42893 },
+      { "categoryName": "Towel Racks", "totalSales": 30773 },
+      { "categoryName": "Hybrid Mattresses", "totalSales": 39491 },
+      { "categoryName": "Innerspring Mattresses", "totalSales": 6410 },
+      { "categoryName": "Bed Frames", "totalSales": 41917 },
+      { "categoryName": "Mattress Protectors", "totalSales": 44124 },
+      { "categoryName": "Bath Towels", "totalSales": 5671 },
+      { "categoryName": "Turkish Towels", "totalSales": 25674 }
+    ],
+    "revenue": 279183
+  },
+  "promotionEvents": [
+    {
+      "eventName": "Discount Derby",
+      "promotionalDates": {
+        "startDate": { "Year": 2023, "Month": 12, "Day": 26 },
+        "endDate": { "Year": 2024, "Month": 1, "Day": 5 }
+      },
+      "discounts": [
+        { "categoryName": "Microfiber Towels", "discountPercentage": 6 },
+        { "categoryName": "Bath Sheets", "discountPercentage": 16 },
+        { "categoryName": "Towels", "discountPercentage": 10 },
+        { "categoryName": "Hand Towels", "discountPercentage": 11 },
+        { "categoryName": "Kitchen Towels", "discountPercentage": 21 },
+        { "categoryName": "Placemat", "discountPercentage": 11 },
+        { "categoryName": "Bath Accessories", "discountPercentage": 11 },
+        { "categoryName": "Bedspreads", "discountPercentage": 21 },
+        { "categoryName": "Shower Curtains", "discountPercentage": 24 },
+        { "categoryName": "Pillow Top Mattresses", "discountPercentage": 10 }
+      ]
+    },
+    {
+      "eventName": "Big Bargain Blitz",
+      "promotionalDates": {
+        "startDate": { "Year": 2024, "Month": 3, "Day": 25 },
+        "endDate": { "Year": 2024, "Month": 4, "Day": 3 }
+      },
+      "discounts": [
+        { "categoryName": "Mattress Toppers", "discountPercentage": 24 },
+        { "categoryName": "Pillow Cases", "discountPercentage": 14 },
+        { "categoryName": "Soap Dispensers", "discountPercentage": 20 },
+        { "categoryName": "Beach Towels", "discountPercentage": 18 },
+        { "categoryName": "Bath Mats", "discountPercentage": 22 },
+        { "categoryName": "Blankets", "discountPercentage": 12 },
+        { "categoryName": "Kitchen Towels", "discountPercentage": 8 },
+        { "categoryName": "Memory Foam Mattresses", "discountPercentage": 14 },
+        { "categoryName": "Placemat", "discountPercentage": 17 },
+        { "categoryName": "Bed Frames", "discountPercentage": 23 }
+      ]
+    },
+    {
+      "eventName": "Massive Markdown Mania",
+      "promotionalDates": {
+        "startDate": { "Year": 2024, "Month": 6, "Day": 23 },
+        "endDate": { "Year": 2024, "Month": 6, "Day": 30 }
+      },
+      "discounts": [
+        { "categoryName": "Bed Skirts", "discountPercentage": 17 },
+        { "categoryName": "Shower Curtains", "discountPercentage": 23 },
+        { "categoryName": "Bath Towels", "discountPercentage": 21 },
+        { "categoryName": "Memory Foam Mattresses", "discountPercentage": 11 },
+        { "categoryName": "Bathrobes", "discountPercentage": 19 },
+        { "categoryName": "Bath Accessories", "discountPercentage": 5 },
+        { "categoryName": "Box Springs", "discountPercentage": 21 },
+        { "categoryName": "Hand Towels", "discountPercentage": 13 },
+        { "categoryName": "Tablecloths", "discountPercentage": 19 },
+        { "categoryName": "Duvet Covers", "discountPercentage": 23 }
+      ]
+    },
+    {
+      "eventName": "Unbeatable Bargain Bash",
+      "promotionalDates": {
+        "startDate": { "Year": 2024, "Month": 9, "Day": 21 },
+        "endDate": { "Year": 2024, "Month": 9, "Day": 30 }
+      },
+      "discounts": [
+        { "categoryName": "Adjustable Beds", "discountPercentage": 19 },
+        { "categoryName": "Mattress Toppers", "discountPercentage": 23 },
+        { "categoryName": "Washcloths", "discountPercentage": 7 },
+        { "categoryName": "Comforters", "discountPercentage": 24 },
+        { "categoryName": "Kitchen Towels", "discountPercentage": 7 },
+        { "categoryName": "Pillows", "discountPercentage": 13 },
+        { "categoryName": "Bath Sheets", "discountPercentage": 25 },
+        { "categoryName": "Napkins", "discountPercentage": 25 },
+        { "categoryName": "Bath Towels", "discountPercentage": 15 },
+        { "categoryName": "Beach Towels", "discountPercentage": 15 }
+      ]
+    }
+  ],
+  "company": "First Up Consultants",
+  "city": "Port Antone",
+  "storeOpeningDate": { "$date": "2024-09-19T17:31:59.665Z" },
+  "lastUpdated": { "$timestamp": { "t": 1729359119, "i": 1 } }
+}
+```
+
+### Example 1: Find stores by name pattern
+
+This query retrieves all the stores containing "Consultants" in their name (case-insensitive).
+
+```javascript
+db.stores.find(
+  { name: { $regex: "Consultants", $options: "i" } },
+  { _id: 1, name: 1, storeOpeningDate: 1 }
+).limit(3)
+```
+
+The first three results returned by this query are:
+
+```json
+[
+  {
+    "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
+    "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
+    "storeOpeningDate": "2024-09-19T17:31:59.665Z"
+  },
+  {
+    "_id": "26afb024-53c7-4e94-988c-5eede72277d5",
+    "name": "First Up Consultants | Microphone Bazaar - South Lexusland",
+    "storeOpeningDate": "2024-09-10T13:43:51.209Z"
+  },
+  {
+    "_id": "62438f5f-0c56-4a21-8c6c-6bfa479494ad",
+    "name": "First Up Consultants | Plumbing Supply Shoppe - New Ubaldofort",
+    "storeOpeningDate": "2024-09-19T08:27:44.268Z"
+  }
+]
+```
+
+### Example 2: Advanced pattern matching for category names
+
+This query retrieves stores selling products with a category name that starts with a vowel.
+
+```javascript
+db.stores.find(
+  {
+    "sales.salesByCategory.categoryName": { $regex: "^[AEIOUaeiou]" }
+  },
+  { _id: 1, name: 1, "sales.salesByCategory.categoryName": 1 }
+).limit(2)
+```
+
+The first two results returned by this query are:
+
+```json
+[
+  {
+    "_id": "e6410bb3-843d-4fa6-8c70-7472925f6d0a",
+    "name": "Relecloud | Toy Collection - North Jaylan",
+    "sales": { 
+      "salesByCategory": [ 
+        { "categoryName": "Educational Toys" } 
+      ] 
+    }
+  },
+  {
+    "_id": "4e064f0a-7e30-4701-9a80-eff3caf46ce8",
+    "name": "Fourth Coffee | Outdoor Furniture Deals - Lucianohaven",
+    "sales": {
+      "salesByCategory": [
+        { "categoryName": "Outdoor Swings" },
+        { "categoryName": "Hammocks" }
+      ]
+    }
+  }
+]
+```
+
+### Example 3: Find stores with specific naming conventions
+
+This query retrieves stores with names containing a pipe character (|) separator.
+
+```javascript
+db.stores.find(
+{ name: { $regex: "\\|" }},
+{ _id: 1, name: 1, "sales.salesByCategory.categoryName": 1}).limit(2)
+```
+
+The first two results returned by this query are:
+
+```json
+[
+  {
+    "_id": "905d1939-e03a-413e-a9c4-221f74055aac",
+    "name": "Trey Research | Home Office Depot - Lake Freeda",
+    "sales": { 
+      "salesByCategory": [ 
+        { "categoryName": "Desk Lamps" } 
+      ] 
+    }
+  },
+  {
+    "_id": "a715ab0f-4c6e-4e9d-a812-f2fab11ce0b6",
+    "name": "Lakeshore Retail | Holiday Supply Hub - Marvinfort",
+    "sales": { 
+      "salesByCategory": [ 
+        { "categoryName": "Stockings" } 
+      ] 
+    }
+  }
+]
+```
+
+### Example 4: Complex pattern for discount categories
+
+This query retrieves stores with categories containing both "Bath" and ending with "s".
+
+```javascript
+db.stores.aggregate([
+  { $match: { "promotionEvents.discounts.categoryName": { $regex: "Bath.*s$", $options: "i" } } },
+  { $project: { "_id": 1, "name": 1, "promotionEvents.discounts.categoryName":1 }},
+  { $match: {"promotionEvents.discounts.categoryName": { $ne: [] }} },
+  { $limit: 2 }])
+```
+
+The first two results returned by this query are:
+
+```json
+[
+  {
+    "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
+    "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
+    "promotionEvents": [
+      {
+        "discounts": [
+          { "categoryName": "Bath Sheets", "discountPercentage": 16 },
+          { "categoryName": "Bath Accessories", "discountPercentage": 11 }
+        ]
+      },
+      {
+        "discounts": [ 
+          { "categoryName": "Bath Mats", "discountPercentage": 22 } 
+        ]
+      },
+      {
+        "discounts": [
+          { "categoryName": "Bath Towels", "discountPercentage": 21 },
+          { "categoryName": "Bathrobes", "discountPercentage": 19 },
+          { "categoryName": "Bath Accessories", "discountPercentage": 5 }
+        ]
+      },
+      {
+        "discounts": [
+          { "categoryName": "Bath Sheets", "discountPercentage": 25 },
+          { "categoryName": "Bath Towels", "discountPercentage": 15 }
+        ]
+      }
+    ]
+  },
+  {
+    "_id": "27ef6004-70fa-4217-8395-0eabc4cc9841",
+    "name": "Fabrikam, Inc. | Bed and Bath Store - O'Connerborough",
+    "promotionEvents": [
+      {
+        "discounts": [
+          { "categoryName": "Bath Accessories", "discountPercentage": 24 }
+        ]
+      },
+      {
+        "discounts": [
+          { "categoryName": "Bathrobes", "discountPercentage": 18 },
+          { "categoryName": "Bath Towels", "discountPercentage": 14 },
+          { "categoryName": "Bath Accessories", "discountPercentage": 20 }
+        ]
+      }
+    ]
+  }
+]
+```
+
+## Related content
\ No newline at end of file
diff --git a/schema/reference.content.schema.json b/schema/reference.content.schema.json
index af9aa43..774a1ae 100644
--- a/schema/reference.content.schema.json
+++ b/schema/reference.content.schema.json
@@ -9,8 +9,8 @@
       "type": {
         "type": "string",
         "enum": [
-          "operator",
-          "command"
+          "operators",
+          "commands"
         ]
       },
       "description": {
diff --git a/schema/reference.data.schema.json b/schema/reference.data.schema.json
deleted file mode 100644
index a6a9635..0000000
--- a/schema/reference.data.schema.json
+++ /dev/null
@@ -1,219 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "MongoDB Query Language Reference",
-  "type": "object",
-  "required": [
-    "type",
-    "category",
-    "name"
-  ],
-  "properties": {
-    "type": {
-      "type": "string",
-      "enum": [
-        "operator",
-        "command"
-      ],
-      "description": "Specifies whether the reference describes a query operator (such as $regex) or a database command (such as count). This helps categorize the reference for documentation and usage purposes."
-    },
-    "category": {
-      "type": "string",
-      "description": "The category of the operator or command, such as query, aggregation, update, etc. This helps organize the reference within the broader context of MongoDB functionalities.",
-      "allOf": [
-        {
-          "if": {
-            "properties": {
-              "type": {
-                "const": "operator"
-              }
-            }
-          },
-          "then": {
-            "properties": {
-              "category": {
-                "enum": [
-                  "accumulator",
-                  "aggregation",
-                  "arithmetic-expression",
-                  "array-expression",
-                  "array-query",
-                  "array-update",
-                  "bitwise",
-                  "bitwise-query",
-                  "bitwise-update",
-                  "boolean-expression",
-                  "comparison-query",
-                  "conditional-expression",
-                  "date-expression",
-                  "data-size",
-                  "element-query",
-                  "evaluation-query",
-                  "field-update",
-                  "geospatial",
-                  "logical-query",
-                  "miscellaneous",
-                  "object-expression",
-                  "projection",
-                  "timestamp-expression",
-                  "set-expression",
-                  "variable-expression",
-                  "window"
-                ]
-              }
-            }
-          }
-        },
-        {
-          "if": {
-            "properties": {
-              "type": {
-                "const": "command"
-              }
-            }
-          },
-          "then": {
-            "properties": {
-              "category": {
-                "enum": [
-                  "aggregation",
-                  "query-and-write"
-                ]
-              }
-            }
-          }
-        }
-      ]
-    },
-    "name": {
-      "type": "string",
-      "description": "The official name of the operator or command. This should match the name used in MongoDB queries, such as $regex or count."
-    },
-    "description": {
-      "type": "string",
-      "description": "A detailed explanation of the operator or command, including its purpose, typical use cases, and any important nuances. This should help users understand when and why to use it."
-    },
-    "summary": {
-      "type": "string",
-      "description": "A concise, one- or two-sentence summary of the operator or command. This is used for quick reference and in listings or previews."
-    },
-    "syntax": {
-      "type": "string",
-      "description": "The canonical syntax for using the operator or command in a MongoDB query. This should include example structure and required fields, helping users understand how to construct valid queries."
-    },
-    "parameters": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "required": [
-          "name",
-          "required"
-        ],
-        "properties": {
-          "name": {
-            "type": "string",
-            "description": "The name of the parameter as used in the query or command."
-          },
-          "type": {
-            "type": "string",
-            "enum": [
-              "object",
-              "string",
-              "number",
-              "pattern",
-              "array",
-              "expression"
-            ],
-            "description": "The data type of the parameter, such as string, object, number, or pattern. This helps validate and document expected input."
-          },
-          "required": {
-            "type": "boolean",
-            "description": "Indicates whether this parameter is mandatory for the operator or command to function correctly."
-          },
-          "description": {
-            "type": "string",
-            "description": "A detailed description of the parameter, including its role, expected values, and any special considerations."
-          }
-        },
-        "additionalProperties": false
-      },
-      "description": "A list of parameters accepted by the operator or command. Each parameter includes its name, type, whether it is required, and a description to guide correct usage."
-    },
-    "examples": {
-      "type": "object",
-      "required": [
-        "items"
-      ],
-      "properties": {
-        "sample": {
-          "type": "string",
-          "description": "A sample dataset or document structure that is used in the example queries. This helps users understand the context and expected input/output."
-        },
-        "items": {
-          "type": "array",
-          "items": {
-            "type": "object",
-            "required": [
-              "title",
-              "description",
-              "query"
-            ],
-            "properties": {
-              "title": {
-                "type": "string",
-                "description": "A short, descriptive title for the example, summarizing what it demonstrates."
-              },
-              "explanation": {
-                "type": "string",
-                "description": "A step-by-step explanation of how the example works and why it is useful."
-              },
-              "description": {
-                "type": "string",
-                "description": "A brief description of the example, including its purpose and what it illustrates about the operator or command."
-              },
-              "query": {
-                "type": "string",
-                "description": "The actual MongoDB query or command used in the example. This should be copy-pasteable and demonstrate correct usage."
-              },
-              "output": {
-                "type": "object",
-                "required": [
-                  "value"
-                ],
-                "properties": {
-                  "value": {
-                    "type": "string",
-                    "description": "The output produced by the query or command, shown in the specified format."
-                  }
-                },
-                "additionalProperties": false,
-                "description": "The expected output of the example query, including its format and value."
-              }
-            },
-            "additionalProperties": false
-          }
-        }
-      },
-      "additionalProperties": false,
-      "description": "A set of practical examples demonstrating how to use the operator or command. Each example includes a sample dataset, query, output, and explanations to help users understand real-world usage."
-    },
-    "related": {
-      "type": "array",
-      "maxItems": 4,
-      "items": {
-        "type": "object",
-        "required": [
-          "reference"
-        ],
-        "properties": {
-          "reference": {
-            "type": "string",
-            "description": "A reference to a related operator or command, typically as a path or identifier. This helps users discover additional relevant documentation."
-          }
-        },
-        "additionalProperties": false
-      },
-      "description": "A list of up to four related operators or commands, providing links to additional documentation for further exploration."
-    }
-  },
-  "additionalProperties": false
-}
\ No newline at end of file

From 874dfb2ea941cdb36772487b391e747e506c1383 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Wed, 3 Dec 2025 13:33:23 -0500
Subject: [PATCH 02/29] Add missing whitespace to articles

---
 reference/commands/aggregation/count.md        | 3 ++-
 reference/operators/evaluation-query/$regex.md | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/reference/commands/aggregation/count.md b/reference/commands/aggregation/count.md
index 6628924..da9b1a8 100644
--- a/reference/commands/aggregation/count.md
+++ b/reference/commands/aggregation/count.md
@@ -84,4 +84,5 @@ db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
 1
 ```
 
-## Related content
\ No newline at end of file
+## Related content
+
diff --git a/reference/operators/evaluation-query/$regex.md b/reference/operators/evaluation-query/$regex.md
index ff1e902..dd8abf4 100644
--- a/reference/operators/evaluation-query/$regex.md
+++ b/reference/operators/evaluation-query/$regex.md
@@ -327,4 +327,5 @@ The first two results returned by this query are:
 ]
 ```
 
-## Related content
\ No newline at end of file
+## Related content
+

From 937122c43e09584d774bbc9e02cc4e18fbf8f530 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Thu, 4 Dec 2025 11:19:33 -0500
Subject: [PATCH 03/29] Run `npm audit fix`

---
 package-lock.json | 78 +++++++++++++++++++++++------------------------
 1 file changed, 39 insertions(+), 39 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 236880e..ec2f480 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -784,9 +784,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.4.tgz",
-      "integrity": "sha512-27SQhYp5QryzIT5uO8hq99C69eLQ7qkzkDPsk3N+GuS2XgOgoYEeOav7Pf8Tn4drECOVDsDg8oj+/DVy8qQL2A==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.7.tgz",
+      "integrity": "sha512-4h6Y2NyEkIEN7Z8YxkA27pq6zTkS09bUSYC0xjd0NpwFxjnIKeZEeH591o5WECSmjpUhLn3H2QLJcDye3Uzcvg==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -800,9 +800,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.4.tgz",
-      "integrity": "sha512-nopqz+Ov6uvorej8ndRX6HlxCYWCO3AHLfKK2TYvxoSB2scETOcfm/HSS3piPqc3A+MUgyHoqE6je4wnkjfrOA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.7.tgz",
+      "integrity": "sha512-IZwtxCEpI91HVU/rAUOOobWSZv4P2DeTtNaCdHqLcTJU4wdNXgAySvKa/qJCgR5m6KI8UsKDXtO2B31jcaw1Yw==",
       "cpu": [
         "arm64"
       ],
@@ -816,9 +816,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.4.tgz",
-      "integrity": "sha512-QOTCFq8b09ghfjRJKfb68kU9k2K+2wsC4A67psOiMn849K9ZXgCSRQr0oVHfmKnoqCbEmQWG1f2h1T2vtJJ9mA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.7.tgz",
+      "integrity": "sha512-UP6CaDBcqaCBuiq/gfCEJw7sPEoX1aIjZHnBWN9v9qYHQdMKvCKcAVs4OX1vIjeE+tC5EIuwDTVIoXpUes29lg==",
       "cpu": [
         "x64"
       ],
@@ -832,9 +832,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.4.tgz",
-      "integrity": "sha512-eRD5zkts6jS3VfE/J0Kt1VxdFqTnMc3QgO5lFE5GKN3KDI/uUpSyK3CjQHmfEkYR4wCOl0R0XrsjpxfWEA++XA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.7.tgz",
+      "integrity": "sha512-NCslw3GrNIw7OgmRBxHtdWFQYhexoUCq+0oS2ccjyYLtcn1SzGzeM54jpTFonIMUjNbHmpKpziXnpxhSWLcmBA==",
       "cpu": [
         "arm64"
       ],
@@ -848,9 +848,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.4.tgz",
-      "integrity": "sha512-TOK7iTxmXFc45UrtKqWdZ1shfxuL4tnVAOuuJK4S88rX3oyVV4ZkLjtMT85wQkfBrOOvU55aLty+MV8xmcJR8A==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.7.tgz",
+      "integrity": "sha512-nfymt+SE5cvtTrG9u1wdoxBr9bVB7mtKTcj0ltRn6gkP/2Nu1zM5ei8rwP9qKQP0Y//umK+TtkKgNtfboBxRrw==",
       "cpu": [
         "arm64"
       ],
@@ -864,9 +864,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.4.tgz",
-      "integrity": "sha512-7HKolaj+481FSW/5lL0BcTkA4Ueam9SPYWyN/ib/WGAFZf0DGAN8frNpNZYFHtM4ZstrHZS3LY3vrwlIQfsiMA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.7.tgz",
+      "integrity": "sha512-hvXcZvCaaEbCZcVzcY7E1uXN9xWZfFvkNHwbe/n4OkRhFWrs1J1QV+4U1BN06tXLdaS4DazEGXwgqnu/VMcmqw==",
       "cpu": [
         "x64"
       ],
@@ -880,9 +880,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.4.tgz",
-      "integrity": "sha512-nlQQ6nfgN0nCO/KuyEUwwOdwQIGjOs4WNMjEUtpIQJPR2NUfmGpW2wkJln1d4nJ7oUzd1g4GivH5GoEPBgfsdw==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.7.tgz",
+      "integrity": "sha512-4IUO539b8FmF0odY6/SqANJdgwn1xs1GkPO5doZugwZ3ETF6JUdckk7RGmsfSf7ws8Qb2YB5It33mvNL/0acqA==",
       "cpu": [
         "x64"
       ],
@@ -896,9 +896,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.4.tgz",
-      "integrity": "sha512-PcR2bN7FlM32XM6eumklmyWLLbu2vs+D7nJX8OAIoWy69Kef8mfiN4e8TUv2KohprwifdpFKPzIP1njuCjD0YA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.7.tgz",
+      "integrity": "sha512-CpJVTkYI3ZajQkC5vajM7/ApKJUOlm6uP4BknM3XKvJ7VXAvCqSjSLmM0LKdYzn6nBJVSjdclx8nYJSa3xlTgQ==",
       "cpu": [
         "arm64"
       ],
@@ -912,9 +912,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.4.tgz",
-      "integrity": "sha512-1ur2tSHZj8Px/KMAthmuI9FMp/YFusMMGoRNJaRZMOlSkgvLjzosSdQI0cJAKogdHl3qXUQKL9MGaYvKwA7DXg==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.7.tgz",
+      "integrity": "sha512-gMzgBX164I6DN+9/PGA+9dQiwmTkE4TloBNx8Kv9UiGARsr9Nba7IpcBRA1iTV9vwlYnrE3Uy6I7Aj6qLjQuqw==",
       "cpu": [
         "x64"
       ],
@@ -6165,12 +6165,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.5.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.5.4.tgz",
-      "integrity": "sha512-xH4Yjhb82sFYQfY3vbkJfgSDgXvBB6a8xPs9i35k6oZJRoQRihZH+4s9Yo2qsWpzBmZ3lPXaJ2KPXLfkvW4LnA==",
+      "version": "15.5.7",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.7.tgz",
+      "integrity": "sha512-+t2/0jIJ48kUpGKkdlhgkv+zPTEOoXyr60qXe68eB/pl3CMJaLeIGjzp5D6Oqt25hCBiBTt8wEeeAzfJvUKnPQ==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.5.4",
+        "@next/env": "15.5.7",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",
@@ -6183,14 +6183,14 @@
         "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "15.5.4",
-        "@next/swc-darwin-x64": "15.5.4",
-        "@next/swc-linux-arm64-gnu": "15.5.4",
-        "@next/swc-linux-arm64-musl": "15.5.4",
-        "@next/swc-linux-x64-gnu": "15.5.4",
-        "@next/swc-linux-x64-musl": "15.5.4",
-        "@next/swc-win32-arm64-msvc": "15.5.4",
-        "@next/swc-win32-x64-msvc": "15.5.4",
+        "@next/swc-darwin-arm64": "15.5.7",
+        "@next/swc-darwin-x64": "15.5.7",
+        "@next/swc-linux-arm64-gnu": "15.5.7",
+        "@next/swc-linux-arm64-musl": "15.5.7",
+        "@next/swc-linux-x64-gnu": "15.5.7",
+        "@next/swc-linux-x64-musl": "15.5.7",
+        "@next/swc-win32-arm64-msvc": "15.5.7",
+        "@next/swc-win32-x64-msvc": "15.5.7",
         "sharp": "^0.34.3"
       },
       "peerDependencies": {

From 287aed827fb6e468040f9d5fd855d00195c9ce50 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Thu, 4 Dec 2025 12:27:39 -0500
Subject: [PATCH 04/29] Refactor Index component to improve navigation
 structure and rendering of reference items

---
 app/components/Index.tsx | 199 ++++++++++++++++++++++++++-------------
 1 file changed, 136 insertions(+), 63 deletions(-)

diff --git a/app/components/Index.tsx b/app/components/Index.tsx
index 8d0990f..3644716 100644
--- a/app/components/Index.tsx
+++ b/app/components/Index.tsx
@@ -2,9 +2,38 @@
 
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import type { ReferencePage } from '../services/referenceService';
 import { capitalCase } from 'change-case';
 import pluralize from 'pluralize';
+import React from 'react';
+
+type ReferencePage = {
+  name: string;
+  description: string;
+  reference: string;
+  type: string;
+  category?: string;
+};
+
+type NavigationStructure = {
+  type: string;
+  displayName: string;
+  categories: {
+    category: string;
+    displayName: string;
+    items: ReferencePage[];
+  }[];
+}[];
+
+const icons = {
+  chevronRight: (
+    <path
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      d="M9 5l7 7-7 7"
+    />
+  ),
+};
 
 export default function Index({
   groupedReferences
@@ -13,44 +42,121 @@ export default function Index({
 }) {
   const pathname = usePathname();
   
-  // Get all types and sort them
-  const types = Object.keys(groupedReferences).sort();
+  // Convert old structure to new structure
+  const navigationStructure: NavigationStructure = Object.entries(groupedReferences)
+    .sort(([a], [b]) => a.localeCompare(b))
+    .map(([type, categories]) => ({
+      type,
+      displayName: type,
+      categories: Object.entries(categories)
+        .sort(([a], [b]) => a.localeCompare(b))
+        .map(([category, items]) => ({
+          category,
+          displayName: category,
+          items: items.sort((a, b) => a.name.localeCompare(b.name))
+        }))
+    }));
+
+  // Parse pathname to determine current location
+  const pathParts = pathname.split('/').filter(Boolean);
+  const currentType = pathParts[2]; // /docs/reference/[type]
+  const currentCategory = pathParts[3]; // /docs/reference/[type]/[category]
+  const currentName = pathParts[4] ? decodeURIComponent(pathParts[4]) : undefined; // /docs/reference/[type]/[category]/[name]
 
   return (
-    <section className="flex-1 p-4 overflow-y-auto">
+    <section className="flex-1 overflow-y-auto p-4">
       <nav className="space-y-1">
-        {types.map((type, index) => {
-          const categories = Object.keys(groupedReferences[type]).sort();
+        {navigationStructure.map((typeSection, typeIndex) => {
+          // Types are always expanded
+          const isTypeExpanded = true;
+          const isTypeActive = pathname === `/docs/reference/${typeSection.type}`;
 
           return (
-            <div key={type}>
-              {/* Add horizontal rule between sections (not before the first one) */}
-              {index > 0 && (
+            <div key={typeSection.type}>
+              {/* Separator between type sections (not before first) */}
+              {typeIndex > 0 && (
                 <div className="my-4 border-t border-neutral-700/50"></div>
               )}
 
-              {/* Type header */}
-              {categories.length > 0 && (
-                <>
-                  <Option
-                    key={type}
-                    target={`/docs/reference/${type}`}
-                    display={pluralize(capitalCase(type))}
-                    className="uppercase"
-                    currentPath={pathname}
-                  />
+              {/* Type row */}
+              <div className="flex items-center gap-1">
+                <div className="p-1 flex-shrink-0">
+                  <svg
+                    className="w-4 h-4 text-gray-500 rotate-90"
+                    fill="none"
+                    stroke="currentColor"
+                    viewBox="0 0 24 24"
+                  >
+                    {icons.chevronRight}
+                  </svg>
+                </div>
+                <Link
+                  href={`/docs/reference/${typeSection.type}`}
+                  className={`flex-1 px-3 py-3 rounded-lg text-sm font-semibold uppercase transition-all duration-200 ${
+                    isTypeActive
+                      ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
+                      : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
+                  }`}
+                >
+                  {pluralize(capitalCase(typeSection.displayName))}
+                </Link>
+              </div>
 
-                  {/* Category links */}
-                  {categories.map((category) => (
-                    <Option
-                      key={`${type}-${category}`}
-                      target={`/docs/reference/${type}/${category}`}
-                      display={capitalCase(category)}
-                      currentPath={pathname}
-                    />
-                  ))}
-                </>
-              )}
+              {/* Categories */}
+              {isTypeExpanded && typeSection.categories.map((categorySection) => {
+                // Category is expanded if we're on that category page or on one of its item pages
+                const isCategoryExpanded = currentType === typeSection.type && currentCategory === categorySection.category;
+                const isCategoryActive = pathname === `/docs/reference/${typeSection.type}/${categorySection.category}`;
+
+                return (
+                  <div key={`${typeSection.type}-${categorySection.category}`}>
+                    {/* Category row */}
+                    <div className="flex items-center gap-1 pl-4">
+                      <div className="p-1 flex-shrink-0">
+                        <svg
+                          className={`w-3 h-3 text-gray-500 transition-transform ${isCategoryExpanded ? 'rotate-90' : ''}`}
+                          fill="none"
+                          stroke="currentColor"
+                          viewBox="0 0 24 24"
+                        >
+                          {icons.chevronRight}
+                        </svg>
+                      </div>
+                      <Link
+                        href={`/docs/reference/${typeSection.type}/${categorySection.category}`}
+                        className={`flex-1 px-3 py-3 rounded-lg text-sm transition-all duration-200 ${
+                          isCategoryActive
+                            ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
+                            : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
+                        }`}
+                      >
+                        {capitalCase(categorySection.displayName)}
+                      </Link>
+                    </div>
+
+                    {/* Individual reference items */}
+                    {isCategoryExpanded && categorySection.items.map((item) => {
+                      const itemPath = `/docs/reference/${typeSection.type}/${categorySection.category}/${item.reference.split('/').pop()}`;
+                      const isItemActive = pathname === itemPath;
+
+                      return (
+                        <div key={item.reference} className="flex items-center pl-10 ml-4">
+                          <Link
+                            href={itemPath}
+                            className={`flex-1 px-3 py-3 rounded-lg text-sm transition-all duration-200 ${
+                              isItemActive
+                                ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
+                                : "text-gray-400 hover:text-white hover:bg-neutral-700/50"
+                            }`}
+                          >
+                            {item.name}
+                          </Link>
+                        </div>
+                      );
+                    })}
+                  </div>
+                );
+              })}
             </div>
           );
         })}
@@ -58,36 +164,3 @@ export default function Index({
     </section>
   );
 }
-
-function Option({
-  target,
-  display,
-  className,
-  currentPath
-}: {
-  target: string;
-  display: string;
-  className?: string;
-  currentPath: string;
-}) {
-  // Determine if this option should be highlighted
-  // Highlight if:
-  // 1. Exact match (e.g., on /docs/reference/operator, highlight "Operators")
-  // 2. Category match (e.g., on /docs/reference/operator/accumulator or /docs/reference/operator/accumulator/avg, highlight "Operators" and "Accumulator")
-  const isExactMatch = currentPath === target;
-  const isCategoryMatch = currentPath.startsWith(target + '/');
-  const isActive = isExactMatch || isCategoryMatch;
-
-  return (
-    <Link
-      href={target}
-      className={`block w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 ${
-        isActive
-          ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
-          : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
-      }${className ? ' ' + className : ''}`}
-    >
-      {display}
-    </Link>
-  );
-}

From a7fe88fc36b9f5649357260c0678c5a61eb18e62 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Thu, 4 Dec 2025 13:45:54 -0500
Subject: [PATCH 05/29] Add scrolling and focus behavior to navbar

---
 app/components/Index.tsx      | 30 +++++++++++++++++++++++++++---
 app/docs/reference/layout.tsx | 10 +++++-----
 2 files changed, 32 insertions(+), 8 deletions(-)

diff --git a/app/components/Index.tsx b/app/components/Index.tsx
index 3644716..d5ee9d7 100644
--- a/app/components/Index.tsx
+++ b/app/components/Index.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client'
 
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { capitalCase } from 'change-case';
 import pluralize from 'pluralize';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 
 type ReferencePage = {
   name: string;
@@ -41,6 +41,27 @@ export default function Index({
   groupedReferences: Record<string, Record<string, ReferencePage[]>>;
 }) {
   const pathname = usePathname();
+  const activeItemRef = useRef<HTMLAnchorElement>(null);
+  const containerRef = useRef<HTMLElement>(null);
+  
+  // Auto-scroll to active item when pathname changes
+  useEffect(() => {
+    if (activeItemRef.current && containerRef.current) {
+      const container = containerRef.current;
+      const activeItem = activeItemRef.current;
+      
+      // Calculate position to scroll within the container
+      const containerRect = container.getBoundingClientRect();
+      const itemRect = activeItem.getBoundingClientRect();
+      const scrollOffset = itemRect.top - containerRect.top - (containerRect.height / 2) + (itemRect.height / 2);
+      
+      // Instant scroll without animation
+      container.scrollBy({
+        top: scrollOffset,
+        behavior: 'instant'
+      });
+    }
+  }, [pathname]);
   
   // Convert old structure to new structure
   const navigationStructure: NavigationStructure = Object.entries(groupedReferences)
@@ -64,7 +85,7 @@ export default function Index({
   const currentName = pathParts[4] ? decodeURIComponent(pathParts[4]) : undefined; // /docs/reference/[type]/[category]/[name]
 
   return (
-    <section className="flex-1 overflow-y-auto p-4">
+    <section ref={containerRef} className="flex-1 overflow-y-auto p-4 min-h-0">
       <nav className="space-y-1">
         {navigationStructure.map((typeSection, typeIndex) => {
           // Types are always expanded
@@ -92,6 +113,7 @@ export default function Index({
                 </div>
                 <Link
                   href={`/docs/reference/${typeSection.type}`}
+                  ref={isTypeActive ? activeItemRef : null}
                   className={`flex-1 px-3 py-3 rounded-lg text-sm font-semibold uppercase transition-all duration-200 ${
                     isTypeActive
                       ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
@@ -124,6 +146,7 @@ export default function Index({
                       </div>
                       <Link
                         href={`/docs/reference/${typeSection.type}/${categorySection.category}`}
+                        ref={isCategoryActive ? activeItemRef : null}
                         className={`flex-1 px-3 py-3 rounded-lg text-sm transition-all duration-200 ${
                           isCategoryActive
                             ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
@@ -143,6 +166,7 @@ export default function Index({
                         <div key={item.reference} className="flex items-center pl-10 ml-4">
                           <Link
                             href={itemPath}
+                            ref={isItemActive ? activeItemRef : null}
                             className={`flex-1 px-3 py-3 rounded-lg text-sm transition-all duration-200 ${
                               isItemActive
                                 ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
diff --git a/app/docs/reference/layout.tsx b/app/docs/reference/layout.tsx
index b54a3a4..8e50411 100644
--- a/app/docs/reference/layout.tsx
+++ b/app/docs/reference/layout.tsx
@@ -18,7 +18,7 @@ export default function ReferenceLayout({
   const groupedReferences = getReferencesGroupedByTypeAndCategory();
 
   return (
-    <div className="min-h-screen bg-neutral-900 relative overflow-hidden">
+    <div className="min-h-screen bg-neutral-900 relative overflow-hidden max-h-screen">
       {/* Background elements */}
       <div className="absolute inset-0 bg-gradient-to-br from-neutral-900 via-neutral-800 to-black"></div>
       <div className="absolute inset-0 opacity-5">
@@ -28,9 +28,9 @@ export default function ReferenceLayout({
           style={{ animationDelay: "1.5s" }}
         ></div>
       </div>
-      <div className="relative flex min-h-screen">
-        <div className="w-80 bg-neutral-800/50 backdrop-blur-sm border-r border-neutral-700/50 flex flex-col">
-          <div className="p-6 border-b border-neutral-700/50">
+      <div className="relative flex h-screen">
+        <div className="w-80 bg-neutral-800/50 backdrop-blur-sm border-r border-neutral-700/50 flex flex-col h-full">
+          <div className="p-6 border-b border-neutral-700/50 flex-shrink-0">
             <Link href="/docs" className="text-blue-400 hover:text-blue-300 text-sm mb-4 flex items-center transition-colors">
               <svg
                 className="w-4 h-4 mr-2"
@@ -51,7 +51,7 @@ export default function ReferenceLayout({
           </div>
           <Index groupedReferences={groupedReferences} />
         </div>
-        <article className="flex-1 p-8">
+        <article className="flex-1 p-8 overflow-y-auto h-full">
           <div className="max-w-4xl">
             {children}
           </div>

From e208f0b6ce9523906afea90448e179a8a33526cc Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Thu, 4 Dec 2025 13:48:06 -0500
Subject: [PATCH 06/29] Fix bug with page highlight

---
 app/components/Index.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/components/Index.tsx b/app/components/Index.tsx
index d5ee9d7..337b064 100644
--- a/app/components/Index.tsx
+++ b/app/components/Index.tsx
@@ -159,8 +159,11 @@ export default function Index({
 
                     {/* Individual reference items */}
                     {isCategoryExpanded && categorySection.items.map((item) => {
-                      const itemPath = `/docs/reference/${typeSection.type}/${categorySection.category}/${item.reference.split('/').pop()}`;
-                      const isItemActive = pathname === itemPath;
+                      const itemFilename = item.reference.split('/').pop();
+                      const itemPath = `/docs/reference/${typeSection.type}/${categorySection.category}/${itemFilename}`;
+                      // Decode pathname to match against the constructed path
+                      const decodedPathname = decodeURIComponent(pathname);
+                      const isItemActive = decodedPathname === itemPath || pathname === itemPath;
 
                       return (
                         <div key={item.reference} className="flex items-center pl-10 ml-4">

From cb44aeebc104b7bbf37412c96d36450c65bb765b Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 9 Dec 2025 10:46:03 -0500
Subject: [PATCH 07/29] Update sample Markdown files

---
 reference/commands/aggregation/count.md        | 3 ---
 reference/operators/evaluation-query/$regex.md | 3 ---
 2 files changed, 6 deletions(-)

diff --git a/reference/commands/aggregation/count.md b/reference/commands/aggregation/count.md
index da9b1a8..1d1ab89 100644
--- a/reference/commands/aggregation/count.md
+++ b/reference/commands/aggregation/count.md
@@ -83,6 +83,3 @@ db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
 [mongos] StoreData> db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
 1
 ```
-
-## Related content
-
diff --git a/reference/operators/evaluation-query/$regex.md b/reference/operators/evaluation-query/$regex.md
index dd8abf4..7589322 100644
--- a/reference/operators/evaluation-query/$regex.md
+++ b/reference/operators/evaluation-query/$regex.md
@@ -326,6 +326,3 @@ The first two results returned by this query are:
   }
 ]
 ```
-
-## Related content
-

From 3c56fb9ba8bb9b934873fe8aed8f8f7acc66691e Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 9 Dec 2025 11:35:10 -0500
Subject: [PATCH 08/29] Update YAML validation

---
 .vscode/settings.json | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/.vscode/settings.json b/.vscode/settings.json
index 1b3c4dc..e8ac189 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -6,9 +6,6 @@
     "./schema/reference.content.schema.json": [
       "reference/content.{yml,yaml}"
     ],
-    "./schema/reference.data.schema.json": [
-      "reference/*/**/*.{yml,yaml}"
-    ],
     "./schema/articles.content.schema.json": [
       "articles/**/content.{yml,yaml}"
     ],

From dbd4be85d4754cf926808bb7d00045f88339128d Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 09:57:06 -0500
Subject: [PATCH 09/29] Update schemas

---
 .vscode/settings.json                  |  3 --
 schema/articles.navigation.schema.json | 68 --------------------------
 schema/reference.content.schema.json   | 43 ----------------
 3 files changed, 114 deletions(-)
 delete mode 100644 schema/articles.navigation.schema.json
 delete mode 100644 schema/reference.content.schema.json

diff --git a/.vscode/settings.json b/.vscode/settings.json
index e8ac189..53e0fea 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -8,9 +8,6 @@
     ],
     "./schema/articles.content.schema.json": [
       "articles/**/content.{yml,yaml}"
-    ],
-    "./schema/articles.navigation.schema.json": [
-      "articles/**/navigation.{yml,yaml}"
     ]
   },
   "editor.tabSize": 2,
diff --git a/schema/articles.navigation.schema.json b/schema/articles.navigation.schema.json
deleted file mode 100644
index 3c08399..0000000
--- a/schema/articles.navigation.schema.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "Articles Navigation Configuration",
-  "description": "Schema for defining the navigation menu structure for article sections. This configuration creates sidebar or hierarchical navigation menus that help users browse through related documentation pages within a specific topic area.",
-  "type": "array",
-  "minItems": 1,
-  "maxItems": 50,
-  "items": {
-    "type": "object",
-    "description": "A single navigation item representing a page or section within the documentation. Each item creates a clickable link in the navigation menu that directs users to specific content.",
-    "required": ["title", "link"],
-    "properties": {
-      "title": {
-        "type": "string",
-        "description": "The display text for this navigation item as it appears in the menu. Should be concise yet descriptive enough to clearly indicate the page content. Use consistent terminology and formatting across navigation items for better user experience.",
-        "minLength": 1,
-        "maxLength": 100,
-        "examples": [
-          "Python Setup Guide",
-          "VS Code Extension Quick Start",
-          "MongoDB Shell Quick Start",
-          "Architecture under the hood",
-          "Components",
-          "Functions",
-          "Getting Started",
-          "Configuration Options"
-        ]
-      },
-      "link": {
-        "type": "string",
-        "description": "The URL path where this navigation item links to. For internal documentation pages, use relative paths starting with '/'. The path should correspond to actual page routes in your documentation site structure. External links can use absolute URLs with http:// or https:// protocols.",
-        "pattern": "^(/|https?://)",
-        "minLength": 1,
-        "maxLength": 500,
-        "examples": [
-          "/docs/quickstart",
-          "/docs/quickstart/extension",
-          "/docs/quickstart/mongodb-shell",
-          "/docs/architecture",
-          "/docs/postgresql",
-          "/docs/postgresql/functions",
-          "https://external-resource.example.com"
-        ]
-      },
-      "description": {
-        "type": "string",
-        "description": "Optional brief description or subtitle for this navigation item. Can be used to provide additional context about the page content, displayed as helper text in the navigation menu.",
-        "minLength": 1,
-        "maxLength": 200,
-        "examples": [
-          "Learn how to set up your Python development environment",
-          "Quick installation guide for the VS Code extension",
-          "Deep dive into the DocumentDB architecture"
-        ]
-      },
-      "children": {
-        "type": "array",
-        "description": "Optional array of nested navigation items that appear as sub-items under this parent item. Use this to create hierarchical navigation structures with collapsible sections. Supports multiple levels of nesting for complex documentation structures.",
-        "minItems": 1,
-        "maxItems": 30,
-        "items": {
-          "$ref": "#/items"
-        }
-      }
-    },
-    "additionalProperties": false
-  }
-}
\ No newline at end of file
diff --git a/schema/reference.content.schema.json b/schema/reference.content.schema.json
deleted file mode 100644
index 774a1ae..0000000
--- a/schema/reference.content.schema.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "title": "MongoDB Query Language Reference Content",
-  "type": "array",
-  "uniqueItems": true,
-  "items": {
-    "type": "object",
-    "properties": {
-      "type": {
-        "type": "string",
-        "enum": [
-          "operators",
-          "commands"
-        ]
-      },
-      "description": {
-        "type": "string"
-      },
-      "categories": {
-        "type": "array",
-        "uniqueItems": true,
-        "items": {
-          "type": "object",
-          "properties": {
-            "category": {
-              "type": "string"
-            },
-            "description": {
-              "type": "string"
-            }
-          },
-          "required": [
-            "category"
-          ]
-        }
-      }
-    },
-    "required": [
-      "type",
-      "categories"
-    ]
-  }
-}
\ No newline at end of file

From 5188100167712c0ef64abcbb134ab4b723c97c3a Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 09:59:28 -0500
Subject: [PATCH 10/29] Remove content that will now be served from
 `documentdb/docs`

---
 articles/architecture/index.md                |   7 -
 articles/architecture/navigation.yml          |   2 -
 articles/postgresql/functions.md              |  54 ---
 articles/postgresql/index.md                  |  33 --
 articles/postgresql/navigation.yml            |   4 -
 articles/quickstart/extension.md              |  95 -----
 articles/quickstart/index.md                  | 127 -------
 articles/quickstart/mongodb-shell.md          | 172 ---------
 articles/quickstart/navigation.yml            |   6 -
 reference/commands/aggregation/count.md       |  85 -----
 reference/content.yml                         |  46 ---
 .../operators/evaluation-query/$regex.md      | 328 ------------------
 12 files changed, 959 deletions(-)
 delete mode 100644 articles/architecture/index.md
 delete mode 100644 articles/architecture/navigation.yml
 delete mode 100644 articles/postgresql/functions.md
 delete mode 100644 articles/postgresql/index.md
 delete mode 100644 articles/postgresql/navigation.yml
 delete mode 100644 articles/quickstart/extension.md
 delete mode 100644 articles/quickstart/index.md
 delete mode 100644 articles/quickstart/mongodb-shell.md
 delete mode 100644 articles/quickstart/navigation.yml
 delete mode 100644 reference/commands/aggregation/count.md
 delete mode 100644 reference/content.yml
 delete mode 100644 reference/operators/evaluation-query/$regex.md

diff --git a/articles/architecture/index.md b/articles/architecture/index.md
deleted file mode 100644
index d41b069..0000000
--- a/articles/architecture/index.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: Architecture under the hood
-description: Deep dive into DocumentDB's internal architecture, data structures, query processing, storage engine design, and distributed systems.
-layout: coming-soon
----
-
-We're building something amazing! The technical architecture documentation is coming soon.
diff --git a/articles/architecture/navigation.yml b/articles/architecture/navigation.yml
deleted file mode 100644
index 7c5f20f..0000000
--- a/articles/architecture/navigation.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-- title: Architecture under the hood
-  link: /docs/architecture
\ No newline at end of file
diff --git a/articles/postgresql/functions.md b/articles/postgresql/functions.md
deleted file mode 100644
index 1eb9e37..0000000
--- a/articles/postgresql/functions.md
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: Functions
-description: Complete reference for PostgreSQL extension functions including CRUD operations, collection management, user management, and utilities.
----
-
-Comprehensive documentation for PostgreSQL extension functions and their usage patterns.
-
-## Table of Contents
-
-### CRUD Operations
-
-| Function | Documentation |
-|----------|---------------|
-| `aggregate_cursor_first_page()` | [documentdb/wiki/Functions#aggregate_cursor_first_page](https://github.com/microsoft/documentdb/wiki/Functions#aggregate_cursor_first_page)
-| `count_query()` | [documentdb/wiki/Functions#count_query](https://github.com/microsoft/documentdb/wiki/Functions#count_query)
-| `cursor_get_more()` | [documentdb/wiki/Functions#cursor_get_more](https://github.com/microsoft/documentdb/wiki/Functions#cursor_get_more)
-| `delete()` | [documentdb/wiki/Functions#delete](https://github.com/microsoft/documentdb/wiki/Functions#delete)
-| `distinct_query()` | [documentdb/wiki/Functions#distinct_query](https://github.com/microsoft/documentdb/wiki/Functions#distinct_query)
-| `find_and_modify()` | [documentdb/wiki/Functions#find_and_modify](https://github.com/microsoft/documentdb/wiki/Functions#find_and_modify)
-| `find_cursor_first_page()` | [documentdb/wiki/Functions#find_cursor_first_page](https://github.com/microsoft/documentdb/wiki/Functions#find_cursor_first_page)
-| `insert()` | [documentdb/wiki/Functions#insert](https://github.com/microsoft/documentdb/wiki/Functions#insert)
-| `insert_one()` | [documentdb/wiki/Functions#insert_one](https://github.com/microsoft/documentdb/wiki/Functions#insert_one)
-| `list_collections_cursor_first_page()` | [documentdb/wiki/Functions#list_collections_cursor_first_page](https://github.com/microsoft/documentdb/wiki/Functions#list_collections_cursor_first_page)
-| `list_indexes_cursor_first_page()` | [documentdb/wiki/Functions#list_indexes_cursor_first_page](https://github.com/microsoft/documentdb/wiki/Functions#list_indexes_cursor_first_page)
-| `update()` | [documentdb/wiki/Functions#update](https://github.com/microsoft/documentdb/wiki/Functions#update)
-
-### Collection Management
-
-| | Documentation |
-| --- | --- |
-| `coll_mod()` | [documentdb/wiki/Functions#coll_mod](https://github.com/microsoft/documentdb/wiki/Functions#coll_mod)
-| `create_collection()` | [documentdb/wiki/Functions#create_collection](https://github.com/microsoft/documentdb/wiki/Functions#create_collection)
-| `create_collection_view()` | [documentdb/wiki/Functions#create_collection_view](https://github.com/microsoft/documentdb/wiki/Functions#create_collection_view)
-| `drop_collection()` | [documentdb/wiki/Functions#drop_collection](https://github.com/microsoft/documentdb/wiki/Functions#drop_collection)
-| `drop_database()` | [documentdb/wiki/Functions#drop_database](https://github.com/microsoft/documentdb/wiki/Functions#drop_database)
-| `rename_collection()` | [documentdb/wiki/Functions#rename_collection](https://github.com/microsoft/documentdb/wiki/Functions#rename_collection)
-| `shard_collection()` | [documentdb/wiki/Functions#shard_collection](https://github.com/microsoft/documentdb/wiki/Functions#shard_collection)
-
-### User Management
-
-| | Documentation |
-| --- | --- |
-| `create_user()` | [documentdb/wiki/Functions#create_user](https://github.com/microsoft/documentdb/wiki/Functions#create_user)
-| `drop_user()` | [documentdb/wiki/Functions#drop_user](https://github.com/microsoft/documentdb/wiki/Functions#drop_user)
-| `update_user()` | [documentdb/wiki/Functions#update_user](https://github.com/microsoft/documentdb/wiki/Functions#update_user)
-| `users_info()` | [documentdb/wiki/Functions#users_info](https://github.com/microsoft/documentdb/wiki/Functions#users_info)
-
-### Utility Functions
-
-| Function | Documentation |
-| --- | --- |
-| `binary_extended_version()` | [documentdb/wiki/Functions#binary_extended_version](https://github.com/microsoft/documentdb/wiki/Functions#binary_extended_version)
-| `binary_version()` | [documentdb/wiki/Functions#binary_version](https://github.com/microsoft/documentdb/wiki/Functions#binary_version)
-
diff --git a/articles/postgresql/index.md b/articles/postgresql/index.md
deleted file mode 100644
index fb97c58..0000000
--- a/articles/postgresql/index.md
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: Components
-description: Learn about pg_documentdb_core and pg_documentdb_api PostgreSQL extensions that enable BSON support and document operations in Postgres.
----
-
-## pg_documentdb_core
-
-pg_documentdb_core is a PostgreSQL extension that introduces BSON datatype support and operations for native Postgres. This core component is essential for enabling document-oriented NoSQL capabilities within a PostgreSQL environment. It provides the foundational data structures and functions required to handle BSON data types, which are crucial for performing CRUD operations on documents.
-
-### Key Features
-
-- **BSON Datatype Support:** Adds BSON (Binary JSON) datatype to PostgreSQL, allowing for efficient storage and manipulation of JSON-like documents.
-
-- **Native Operations:** Implements native PostgreSQL operations for BSON data, ensuring seamless integration and performance.
-
-- **Extensibility:** Serves as the core building block for additional functionalities and extensions within the DocumentDB ecosystem.
-
-## pg_documentdb_api
-
-pg_documentdb_api is the public API surface for DocumentDB, providing CRUD functionality on documents stored in the database. This component leverages the capabilities of pg_documentdb_core to offer a comprehensive set of APIs for managing document data within PostgreSQL.
-
-### Key Features
-
-- **CRUD Operations:** Provides a rich set of APIs for creating, reading, updating, and deleting documents.
-
-- **Advanced Queries:** Supports complex queries, including full-text searches, geospatial queries, and vector embeddings.
-
-- **Integration:** Works seamlessly with pg_documentdb_core to deliver robust document management capabilities.
-
-### Usage
-
-To use pg_documentdb_api, you need to have pg_documentdb_core installed and configured in your PostgreSQL environment. Once set up, you can leverage the APIs provided by pg_documentdb_api to perform various document operations.
-
diff --git a/articles/postgresql/navigation.yml b/articles/postgresql/navigation.yml
deleted file mode 100644
index 65d35ca..0000000
--- a/articles/postgresql/navigation.yml
+++ /dev/null
@@ -1,4 +0,0 @@
-- title: Components
-  link: /docs/postgresql
-- title: Functions
-  link: /docs/postgresql/functions
\ No newline at end of file
diff --git a/articles/quickstart/extension.md b/articles/quickstart/extension.md
deleted file mode 100644
index 64ba6d6..0000000
--- a/articles/quickstart/extension.md
+++ /dev/null
@@ -1,95 +0,0 @@
----
-title: Visual Studio Code Quick Start
-description: Get started with DocumentDB using the VS Code extension. Connect to databases, create collections, and manage documents seamlessly.
----
-
-Quick start guide for vs code extension quick start.
-
-Get started with DocumentDB using the Visual Studio Code extension for a seamless development experience.
-
-## Prerequisites
-
-- Visual Studio Code installed
-- Docker Desktop installed and running
-- Basic familiarity with document databases
-- Git installed (for cloning the repository)
-
-## Installing the Extension
-
-1. Open VS Code
-1. Navigate to the Extensions marketplace (`Ctrl+Shift+X` or `Cmd+Shift+X`)
-1. Search for "DocumentDB for VS Code"
-1. Click Install
-1. Reload VS Code if prompted
-
-## Setting Up Your First Database
-
-### 1. Creating a new DocumentDB instance
-
-```bash
-docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"
-```
-
-> [!NOTE]
-> Replace `<YOUR_USERNAME>` and `<YOUR_PASSWORD>` with your desired credentials. You must set these when creating the container for authentication to work.
-
-> [!IMPORTANT]
-> Port `10260` is used by default in these instructions to avoid conflicts with other local database services. You can use port `27017` (the standard MongoDB port) or any other available port if you prefer. If you do, be sure to update the port number in both your `docker run` command and your connection string accordingly.
-
-### 2. Connecting to your database
-
-- Click the DocumentDB icon in the VS Code sidebar
-- Click "Add New Connection"
-- On the navigation bar, click on "Connection String"
-- Paste your connection string:
-
-```
-mongodb://<YOUR_USERNAME>:<YOUR_PASSWORD>@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true&authMechanism=SCRAM-SHA-256
-```
-
-### 3. Creating your first database and collection
-
-- Click on the drop-down next to your local connection and select "Create Database..."
-- Enter database name and confirm
-- Click on the drop-down next to your created database and select "Create Collection..."
-- Enter collection name and confirm
-- Repeat for every database and collection you wish to create under your connection
-
-## Working with Documents
-
-### 1. Creating documents
-
-- Use the Table View for quick data entry
-- Use the Tree View for hierarchical data exploration
-- Use the JSON View for detailed document structure
-
-```json
-{
-  "name": "Test Document",
-  "type": "example",
-  "created_at": new Date()
-}
-```
-
-### 2. Using the document explorer
-
-- Browse documents in multiple views:
-  - Table View for quick insights
-  - Tree View for hierarchical exploration
-  - JSON View for detailed structure
-- Use smooth pagination for large datasets
-
-## Import and Export
-
-### 1. Importing data
-
-- Click on the "Import" button on each collection
-- Choose your JSON file
-- Confirm import
-
-### 2. Exporting data
-
-- Export entire collections or query results using the "Export" button on each collection
diff --git a/articles/quickstart/index.md b/articles/quickstart/index.md
deleted file mode 100644
index 01b28c9..0000000
--- a/articles/quickstart/index.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: Python Setup Guide
-description: Setup and use DocumentDB with Python using PyMongo. Learn to connect, create databases, insert documents, and run aggregation queries.
----
-
-Quick start guide for python setup guide.
-
-Learn how to set up and use DocumentDB with Python using the MongoDB Python driver (PyMongo).
-
-## Prerequisites
-
-- Python 3.7+
-- pip package manager
-- Docker
-- Git (for cloning the repository)
-
-## Step 1: Install Python
-
-```bash
-pip install pymongo
-```
-
-## Step 2: Install optional dependencies
-
-```bash
-pip install dnspython
-```
-
-## Step 3: Setup DocumentDB using Docker
-
-```bash
-# Pull the latest DocumentDB Docker image
-docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-
-# Tag the image for convenience
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-
-# Run the container with your chosen username and password
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"
-```
-
-> [!WARNING]
-> During the transition to the Linux Foundation, Docker images may still be hosted on Microsoft's container registry. These will be migrated to the new DocumentDB organization as the transition completes.
-
-> [!NOTE]
-> Replace `<YOUR_USERNAME>` and `<YOUR_PASSWORD>` with your desired credentials. You must set these when creating the container for authentication to work.
-
-> [!IMPORTANT]
-> Port `10260` is used by default in these instructions to avoid conflicts with other local database services. You can use port `27017` (the standard MongoDB port) or any other available port if you prefer. If you do, be sure to update the port number in both your `docker run` command and your connection string accordingly.
-
-## Step 4: Initialize the pymongo client with the credentials from the previous step
-
-```python
-import pymongo
-from pymongo import MongoClient
-
-# Create a MongoDB client and open a connection to DocumentDB
-client = pymongo.MongoClient(
-    'mongodb://<YOUR_USERNAME>:<YOUR_PASSWORD>@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true'
-)
-```
-
-## Step 5: Create a database and collection
-
-```python
-quickStartDatabase = client["quickStartDatabase"]
-quickStartCollection = quickStartDatabase.create_collection("quickStartCollection")
-```
-
-## Step 6: Insert documents
-
-```python
-# Insert a single document
-quickStartCollection.insert_one({
-    'name': 'John Doe',
-    'email': 'john@email.com',
-    'address': '123 Main St, Anytown, USA',
-    'phone': '555-1234'
-})
-
-# Insert multiple documents
-quickStartCollection.insert_many([
-    {
-        'name': 'Jane Smith',
-        'email': 'jane@email.com',
-        'address': '456 Elm St, Othertown, USA',
-        'phone': '555-5678'
-    },
-    {
-        'name': 'Alice Johnson',
-        'email': 'alice@email.com',
-        'address': '789 Oak St, Sometown, USA',
-        'phone': '555-8765'
-    }
-])
-```
-
-## Step 7: Read documents
-
-```python
-# Read all documents
-for document in quickStartCollection.find():
-    print(document)
-
-# Read a specific document
-singleDocumentReadResult = quickStartCollection.find_one({'name': 'John Doe'})
-print(singleDocumentReadResult)
-```
-
-## Step 8: Run aggregation pipeline query
-
-```python
-pipeline = [
-    {'$match': {'name': 'Alice Johnson'}},
-    {'$project': {
-        '_id': 0,
-        'name': 1,
-        'email': 1
-    }}
-]
-
-results = quickStartCollection.aggregate(pipeline)
-print("Aggregation results:")
-for eachDocument in results:
-    print(eachDocument)
-```
diff --git a/articles/quickstart/mongodb-shell.md b/articles/quickstart/mongodb-shell.md
deleted file mode 100644
index e77cc48..0000000
--- a/articles/quickstart/mongodb-shell.md
+++ /dev/null
@@ -1,172 +0,0 @@
----
-title: MongoDB Shell Quick Start
-description: Connect to DocumentDB using MongoDB shell (mongosh). Learn basic operations, querying, indexing, and database management commands.
----
-
-Quick start guide for mongodb shell quick start.
-
-Get started with DocumentDB using the MongoDB shell for a familiar MongoDB-compatible experience.
-
-## Prerequisites
-
-- MongoDB Shell (mongosh) installed
-- Docker Desktop installed and running
-- Basic MongoDB knowledge
-- Git installed (for cloning the repository)
-
-## Installation
-
-### 1. Setting up DocumentDB locally
-
-```bash
-# Pull the latest DocumentDB Docker image
-docker pull ghcr.io/microsoft/documentdb/documentdb-local:latest
-
-# Tag the image for convenience
-docker tag ghcr.io/microsoft/documentdb/documentdb-local:latest documentdb
-
-# Run the container with your chosen username and password
-docker run -dt -p 10260:10260 --name documentdb-container documentdb --username <YOUR_USERNAME> --password <YOUR_PASSWORD>
-docker image rm -f ghcr.io/microsoft/documentdb/documentdb-local:latest || echo "No existing documentdb image to remove"
-```
-
-> [!NOTE]
-> Replace `<YOUR_USERNAME>` and `<YOUR_PASSWORD>` with your desired credentials. You must set these when creating the container for authentication to work.
-
-> [!IMPORTANT]
-> Port `10260` is used by default in these instructions to avoid conflicts with other local database services. You can use port `27017` (the standard MongoDB port) or any other available port if you prefer. If you do, be sure to update the port number in both your `docker run` command and your connection string accordingly.
-
-### 2. Starting the server
-
-```bash
-# The server will be available at localhost:10260 (or your chosen port)
-# You can verify the server is running using:
-docker ps
-```
-
-## Connecting to DocumentDB
-
-Connection string format
-
-```bash
-mongosh "mongodb://<YOUR_USERNAME>:<YOUR_PASSWORD>@localhost:10260/?tls=true&tlsAllowInvalidCertificates=true"
-```
-
-## Basic Operations
-
-### 1. Creating databases and collections
-
-```javascript
-// Create/switch to a database
-use mydb
-
-// Create a collection
-db.createCollection("users")
-
-// Create another collection
-db.createCollection("logs")
-```
-
-### 2. Inserting documents
-
-```javascript
-// Insert a single document
-db.users.insertOne({ name: "John Doe", email: "john@example.com", created_at: new Date() })
-
-// Insert multiple documents
-db.users.insertMany([
-  { name: "Jane Smith", email: "jane@example.com" }, 
-  { name: "Bob Johnson", email: "bob@example.com" }
-])
-```
-
-### 3. Querying documents
-
-```javascript
-// Find all documents
-db.users.find()
-
-// Find with criteria
-db.users.find({ name: "John Doe" })
-
-// Find with projection
-db.users.find({}, { name: 1, email: 1, _id: 0 })
-
-// Complex queries
-db.users.find(
-{ $and: 
-  [{ 
-    created_at: { $gte: new Date("2025-01-01") } 
-   }, 
-   { 
-    email: { $regex: "@example.com$" } 
-   }
-  ] 
-})
-```
-
-### 4. Updating documents
-
-```javascript
-// Update a single document
-db.users.updateOne({ name: "John Doe" }, { $set: { status: "active" } })
-
-// Update multiple documents
-db.users.updateMany({ email: { $regex: "@example.com$" } }, { $set: { domain: "example.com" } })
-```
-
-### 5. Deleting documents
-
-```javascript
-// Delete a single document
-db.users.deleteOne({ name: "John Doe" })
-
-// Delete multiple documents
-db.users.deleteMany({ status: "inactive" })
-```
-
-## Working with Indexes
-
-### 1. Understanding index types
-
-```javascript
-// Available index types:
-// - Single field
-// - Compound
-// - Multi-key
-// - Text
-// - Geospatial
-// - Vector
-```
-
-### 2. Creating indexes
-
-```javascript
-// Single field index
-db.users.createIndex({ email: 1 })
-
-// Compound index
-db.users.createIndex({ name: 1, email: 1 })
-```
-
-## Monitoring and Management
-
-### 1. Database statistics
-
-```javascript
-// Get database stats
-db.stats()
-
-// Get collection stats
-db.users.stats()
-```
-
-### 2. Collection statistics
-
-```javascript
-// Get collection size
-db.users.dataSize()
-
-// Get index sizes
-db.users.stats().indexSizes
-```
diff --git a/articles/quickstart/navigation.yml b/articles/quickstart/navigation.yml
deleted file mode 100644
index c2a3fed..0000000
--- a/articles/quickstart/navigation.yml
+++ /dev/null
@@ -1,6 +0,0 @@
-- title: Python Setup Guide
-  link: /docs/quickstart
-- title: VS Code Extension Quick Start
-  link: /docs/quickstart/extension
-- title: MongoDB Shell Quick Start
-  link: /docs/quickstart/mongodb-shell
\ No newline at end of file
diff --git a/reference/commands/aggregation/count.md b/reference/commands/aggregation/count.md
deleted file mode 100644
index 1d1ab89..0000000
--- a/reference/commands/aggregation/count.md
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: Count
-description: Count command is used to count the number of documents in a collection that match a specified query.
-type: commands
-category: aggregation
----
-
-# count
-
-The `count` command is used to count the number of documents in a collection that match a specified query. This command is useful for obtaining quick statistics about the data stored in your collections, such as the number of documents that meet certain criteria.
-
-## Syntax
-
-The syntax for the `count` command is as follows:
-
-```
-db.collection.count(query, options)
-```
-
-- `query`: A document specifying the selection criteria using query operators.
-- `options`: Optional. A document specifying options, such as `limit` and `skip`.
-
-## Examples
-
-Here are some examples to demonstrate the usage of the `count` command:
-
-### Example 1. Counting all documents in a collection
-
-To count all documents in the `stores` collection:
-
-```javascript
-db.stores.count({})
-```
-
-#### Sample output
-
-```javascript
-[mongos] StoreData> db.stores.countDocuments({})
-60570
-```
-
-### Example 2. Counting documents with specific criteria
-
-To count the number of stores with a specific `_id` store ID:
-
-```javascript
-db.stores.count({ "_id": "e5767a9f-cd95-439c-9ec4-7ddc13d22926" })
-```
-
-#### Sample output
-
-```javascript
-[mongos] StoreData> db.stores.count({ "_id": "e5767a9f-cd95-439c-9ec4-7ddc13d22926" })
-1
-```
-
-### Example 3. Counting documents with nested criteria
-
-To count the number of stores that have a specific promotion event:
-
-```javascript
-db.stores.count({ "promotionEvents.eventName": "Incredible Discount Days" })   
-```
-
-#### Sample output
-
-```javascript
-[mongos] StoreData> db.stores.count({ "promotionEvents.eventName": "Incredible Discount Days" })
-2156
-```
-
-### Example 4. Counting documents with multiple criteria
-
-To count the number of stores located at a specific latitude and longitude:
-
-```javascript
-db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
-```
-
-#### Sample output
-
-```javascript
-[mongos] StoreData> db.stores.count({ "location.lat": -2.4111, "location.lon": 72.1041 })
-1
-```
diff --git a/reference/content.yml b/reference/content.yml
deleted file mode 100644
index 4c205f8..0000000
--- a/reference/content.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-- type: commands
-  description: |-
-    MongoDB Query Language (MQL) commands are direct instructions for managing and interacting with your database server. They are essential for performing administrative tasks, optimizing performance, and maintaining security.
-  categories:
-    - category: aggregation
-      description: |-
-        Aggregation operations process data records and return computed results. They group values from multiple documents, perform operations on the grouped data, and return a single result. Common aggregation tasks include calculating averages, sums, and counts.
-    - category: query-and-write
-      description: |-
-        Query and write operations allow you to retrieve, insert, update, and delete documents in your DocumentDB collections. These operations are fundamental for interacting with your data, enabling you to perform CRUD (Create, Read, Update, Delete) tasks efficiently.
-- type: operators
-  description: |-
-    MongoDB Query Language (MQL) operators enable powerful filtering, comparison, and data manipulation within queries. Mastering these operators helps you write expressive queries to efficiently retrieve and update documents in your collections.
-  categories:
-    - category: accumulator
-      description: |-
-        Accumulator operators are used in aggregation pipelines to perform calculations on groups of documents. They take multiple input values and return a single output value, such as sums, averages, minimums, and maximums, enabling complex data analysis within your queries.
-    - category: aggregation
-    - category: arithmetic-expression
-    - category: array-expression
-    - category: array-query
-      description: |-
-        Array query operators allow you to perform operations on array fields within your documents. These operators enable you to filter, manipulate, and analyze array data effectively, making it easier to work with complex data structures in your queries.
-    - category: array-update
-    - category: bitwise
-    - category: bitwise-query
-    - category: bitwise-update
-    - category: boolean-expression
-    - category: comparison-query
-    - category: conditional-expression
-    - category: date-expression
-    - category: data-size
-    - category: element-query
-    - category: evaluation-query
-      description: |-
-        Evaluation query operators are used to evaluate expressions and conditions within your queries. They help you filter documents based on specific criteria, allowing for more precise and dynamic querying capabilities.
-    - category: field-update
-    - category: geospatial
-    - category: logical-query
-    - category: miscellaneous
-    - category: object-expression
-    - category: projection
-    - category: timestamp-expression
-    - category: set-expression
-    - category: variable-expression
-    - category: window
diff --git a/reference/operators/evaluation-query/$regex.md b/reference/operators/evaluation-query/$regex.md
deleted file mode 100644
index 7589322..0000000
--- a/reference/operators/evaluation-query/$regex.md
+++ /dev/null
@@ -1,328 +0,0 @@
----
-title: $regex
-description: The $regex operator provides regular expression capabilities for pattern matching in queries, allowing flexible string matching and searching.
-type: operators
-category: evaluation-query
----
-
-# $regex
-
-The `$regex` operator provides regular expression capabilities for pattern matching in queries. It allows you to search for documents where a field matches a specified regular expression pattern. This operator is useful for flexible string searching, pattern validation, and complex text filtering operations.
-
-## Syntax
-
-The syntax for the `$regex` operator is as follows:
-
-```javascript
-{
-  <field>: { $regex: <pattern>, $options: <options> }
-}
-```
-
-Or the shorter form:
-
-```javascript
-{
-  <field>: { $regex: /<pattern>/<options> }
-}
-```
-
-## Parameters
-
-| Parameter | Description |
-| --- | --- |
-| **`<field>`** | The field to search in. Must contain string values. |
-| **`<pattern>`** | The regular expression pattern to match against. |
-| **`<options>`** | Optional. Regular expression options such as case-insensitive matching. Common options include 'i' (case insensitive), 'm' (multiline), 's' (dot all), and 'x' (extended). |
-
-## Examples
-
-Consider this sample document from the stores collection.
-
-```json
-{
-  "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
-  "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
-  "location": {
-    "lat": 87.2239,
-    "lon": -129.0506
-  },
-  "staff": {
-    "employeeCount": {
-      "fullTime": 8,
-      "partTime": 7
-    }
-  },
-  "sales": {
-    "salesByCategory": [
-      { "categoryName": "Towel Sets", "totalSales": 520 },
-      { "categoryName": "Bath Accessories", "totalSales": 41710 },
-      { "categoryName": "Drapes", "totalSales": 42893 },
-      { "categoryName": "Towel Racks", "totalSales": 30773 },
-      { "categoryName": "Hybrid Mattresses", "totalSales": 39491 },
-      { "categoryName": "Innerspring Mattresses", "totalSales": 6410 },
-      { "categoryName": "Bed Frames", "totalSales": 41917 },
-      { "categoryName": "Mattress Protectors", "totalSales": 44124 },
-      { "categoryName": "Bath Towels", "totalSales": 5671 },
-      { "categoryName": "Turkish Towels", "totalSales": 25674 }
-    ],
-    "revenue": 279183
-  },
-  "promotionEvents": [
-    {
-      "eventName": "Discount Derby",
-      "promotionalDates": {
-        "startDate": { "Year": 2023, "Month": 12, "Day": 26 },
-        "endDate": { "Year": 2024, "Month": 1, "Day": 5 }
-      },
-      "discounts": [
-        { "categoryName": "Microfiber Towels", "discountPercentage": 6 },
-        { "categoryName": "Bath Sheets", "discountPercentage": 16 },
-        { "categoryName": "Towels", "discountPercentage": 10 },
-        { "categoryName": "Hand Towels", "discountPercentage": 11 },
-        { "categoryName": "Kitchen Towels", "discountPercentage": 21 },
-        { "categoryName": "Placemat", "discountPercentage": 11 },
-        { "categoryName": "Bath Accessories", "discountPercentage": 11 },
-        { "categoryName": "Bedspreads", "discountPercentage": 21 },
-        { "categoryName": "Shower Curtains", "discountPercentage": 24 },
-        { "categoryName": "Pillow Top Mattresses", "discountPercentage": 10 }
-      ]
-    },
-    {
-      "eventName": "Big Bargain Blitz",
-      "promotionalDates": {
-        "startDate": { "Year": 2024, "Month": 3, "Day": 25 },
-        "endDate": { "Year": 2024, "Month": 4, "Day": 3 }
-      },
-      "discounts": [
-        { "categoryName": "Mattress Toppers", "discountPercentage": 24 },
-        { "categoryName": "Pillow Cases", "discountPercentage": 14 },
-        { "categoryName": "Soap Dispensers", "discountPercentage": 20 },
-        { "categoryName": "Beach Towels", "discountPercentage": 18 },
-        { "categoryName": "Bath Mats", "discountPercentage": 22 },
-        { "categoryName": "Blankets", "discountPercentage": 12 },
-        { "categoryName": "Kitchen Towels", "discountPercentage": 8 },
-        { "categoryName": "Memory Foam Mattresses", "discountPercentage": 14 },
-        { "categoryName": "Placemat", "discountPercentage": 17 },
-        { "categoryName": "Bed Frames", "discountPercentage": 23 }
-      ]
-    },
-    {
-      "eventName": "Massive Markdown Mania",
-      "promotionalDates": {
-        "startDate": { "Year": 2024, "Month": 6, "Day": 23 },
-        "endDate": { "Year": 2024, "Month": 6, "Day": 30 }
-      },
-      "discounts": [
-        { "categoryName": "Bed Skirts", "discountPercentage": 17 },
-        { "categoryName": "Shower Curtains", "discountPercentage": 23 },
-        { "categoryName": "Bath Towels", "discountPercentage": 21 },
-        { "categoryName": "Memory Foam Mattresses", "discountPercentage": 11 },
-        { "categoryName": "Bathrobes", "discountPercentage": 19 },
-        { "categoryName": "Bath Accessories", "discountPercentage": 5 },
-        { "categoryName": "Box Springs", "discountPercentage": 21 },
-        { "categoryName": "Hand Towels", "discountPercentage": 13 },
-        { "categoryName": "Tablecloths", "discountPercentage": 19 },
-        { "categoryName": "Duvet Covers", "discountPercentage": 23 }
-      ]
-    },
-    {
-      "eventName": "Unbeatable Bargain Bash",
-      "promotionalDates": {
-        "startDate": { "Year": 2024, "Month": 9, "Day": 21 },
-        "endDate": { "Year": 2024, "Month": 9, "Day": 30 }
-      },
-      "discounts": [
-        { "categoryName": "Adjustable Beds", "discountPercentage": 19 },
-        { "categoryName": "Mattress Toppers", "discountPercentage": 23 },
-        { "categoryName": "Washcloths", "discountPercentage": 7 },
-        { "categoryName": "Comforters", "discountPercentage": 24 },
-        { "categoryName": "Kitchen Towels", "discountPercentage": 7 },
-        { "categoryName": "Pillows", "discountPercentage": 13 },
-        { "categoryName": "Bath Sheets", "discountPercentage": 25 },
-        { "categoryName": "Napkins", "discountPercentage": 25 },
-        { "categoryName": "Bath Towels", "discountPercentage": 15 },
-        { "categoryName": "Beach Towels", "discountPercentage": 15 }
-      ]
-    }
-  ],
-  "company": "First Up Consultants",
-  "city": "Port Antone",
-  "storeOpeningDate": { "$date": "2024-09-19T17:31:59.665Z" },
-  "lastUpdated": { "$timestamp": { "t": 1729359119, "i": 1 } }
-}
-```
-
-### Example 1: Find stores by name pattern
-
-This query retrieves all the stores containing "Consultants" in their name (case-insensitive).
-
-```javascript
-db.stores.find(
-  { name: { $regex: "Consultants", $options: "i" } },
-  { _id: 1, name: 1, storeOpeningDate: 1 }
-).limit(3)
-```
-
-The first three results returned by this query are:
-
-```json
-[
-  {
-    "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
-    "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
-    "storeOpeningDate": "2024-09-19T17:31:59.665Z"
-  },
-  {
-    "_id": "26afb024-53c7-4e94-988c-5eede72277d5",
-    "name": "First Up Consultants | Microphone Bazaar - South Lexusland",
-    "storeOpeningDate": "2024-09-10T13:43:51.209Z"
-  },
-  {
-    "_id": "62438f5f-0c56-4a21-8c6c-6bfa479494ad",
-    "name": "First Up Consultants | Plumbing Supply Shoppe - New Ubaldofort",
-    "storeOpeningDate": "2024-09-19T08:27:44.268Z"
-  }
-]
-```
-
-### Example 2: Advanced pattern matching for category names
-
-This query retrieves stores selling products with a category name that starts with a vowel.
-
-```javascript
-db.stores.find(
-  {
-    "sales.salesByCategory.categoryName": { $regex: "^[AEIOUaeiou]" }
-  },
-  { _id: 1, name: 1, "sales.salesByCategory.categoryName": 1 }
-).limit(2)
-```
-
-The first two results returned by this query are:
-
-```json
-[
-  {
-    "_id": "e6410bb3-843d-4fa6-8c70-7472925f6d0a",
-    "name": "Relecloud | Toy Collection - North Jaylan",
-    "sales": { 
-      "salesByCategory": [ 
-        { "categoryName": "Educational Toys" } 
-      ] 
-    }
-  },
-  {
-    "_id": "4e064f0a-7e30-4701-9a80-eff3caf46ce8",
-    "name": "Fourth Coffee | Outdoor Furniture Deals - Lucianohaven",
-    "sales": {
-      "salesByCategory": [
-        { "categoryName": "Outdoor Swings" },
-        { "categoryName": "Hammocks" }
-      ]
-    }
-  }
-]
-```
-
-### Example 3: Find stores with specific naming conventions
-
-This query retrieves stores with names containing a pipe character (|) separator.
-
-```javascript
-db.stores.find(
-{ name: { $regex: "\\|" }},
-{ _id: 1, name: 1, "sales.salesByCategory.categoryName": 1}).limit(2)
-```
-
-The first two results returned by this query are:
-
-```json
-[
-  {
-    "_id": "905d1939-e03a-413e-a9c4-221f74055aac",
-    "name": "Trey Research | Home Office Depot - Lake Freeda",
-    "sales": { 
-      "salesByCategory": [ 
-        { "categoryName": "Desk Lamps" } 
-      ] 
-    }
-  },
-  {
-    "_id": "a715ab0f-4c6e-4e9d-a812-f2fab11ce0b6",
-    "name": "Lakeshore Retail | Holiday Supply Hub - Marvinfort",
-    "sales": { 
-      "salesByCategory": [ 
-        { "categoryName": "Stockings" } 
-      ] 
-    }
-  }
-]
-```
-
-### Example 4: Complex pattern for discount categories
-
-This query retrieves stores with categories containing both "Bath" and ending with "s".
-
-```javascript
-db.stores.aggregate([
-  { $match: { "promotionEvents.discounts.categoryName": { $regex: "Bath.*s$", $options: "i" } } },
-  { $project: { "_id": 1, "name": 1, "promotionEvents.discounts.categoryName":1 }},
-  { $match: {"promotionEvents.discounts.categoryName": { $ne: [] }} },
-  { $limit: 2 }])
-```
-
-The first two results returned by this query are:
-
-```json
-[
-  {
-    "_id": "39acb3aa-f350-41cb-9279-9e34c004415a",
-    "name": "First Up Consultants | Bed and Bath Pantry - Port Antone",
-    "promotionEvents": [
-      {
-        "discounts": [
-          { "categoryName": "Bath Sheets", "discountPercentage": 16 },
-          { "categoryName": "Bath Accessories", "discountPercentage": 11 }
-        ]
-      },
-      {
-        "discounts": [ 
-          { "categoryName": "Bath Mats", "discountPercentage": 22 } 
-        ]
-      },
-      {
-        "discounts": [
-          { "categoryName": "Bath Towels", "discountPercentage": 21 },
-          { "categoryName": "Bathrobes", "discountPercentage": 19 },
-          { "categoryName": "Bath Accessories", "discountPercentage": 5 }
-        ]
-      },
-      {
-        "discounts": [
-          { "categoryName": "Bath Sheets", "discountPercentage": 25 },
-          { "categoryName": "Bath Towels", "discountPercentage": 15 }
-        ]
-      }
-    ]
-  },
-  {
-    "_id": "27ef6004-70fa-4217-8395-0eabc4cc9841",
-    "name": "Fabrikam, Inc. | Bed and Bath Store - O'Connerborough",
-    "promotionEvents": [
-      {
-        "discounts": [
-          { "categoryName": "Bath Accessories", "discountPercentage": 24 }
-        ]
-      },
-      {
-        "discounts": [
-          { "categoryName": "Bathrobes", "discountPercentage": 18 },
-          { "categoryName": "Bath Towels", "discountPercentage": 14 },
-          { "categoryName": "Bath Accessories", "discountPercentage": 20 }
-        ]
-      }
-    ]
-  }
-]
-```

From 02eb88548bb6082db30317752a3e125f94eb854c Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 09:59:37 -0500
Subject: [PATCH 11/29] Update documentation landing page

---
 articles/content.yml | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/articles/content.yml b/articles/content.yml
index 7c126f9..b59b308 100644
--- a/articles/content.yml
+++ b/articles/content.yml
@@ -3,10 +3,12 @@ landing:
   description: Everything you need to build with DocumentDB - from getting started guides to deep architectural insights
   links:
     - title: Getting Started with DocumentDB
-      link: /docs/quickstart
-    - title: API Reference Docs
+      link: /docs/getting-started
+    - title: API Reference
       link: /docs/reference
-    - title: Postgres Extension API Docs
-      link: /docs/postgresql
+    - title: Postgres Extension API
+      link: /docs/postgresql-api
+    - title: DocumentDB Local
+      link: /docs/documentdb-local
     - title: Architecture under the hood
       link: /docs/architecture
\ No newline at end of file

From 80e9b5398322c054b4263e2ee93f9106df35e868 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 09:59:45 -0500
Subject: [PATCH 12/29] Update gitignore

---
 .gitignore | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/.gitignore b/.gitignore
index 8180dc6..700e802 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,17 @@
 # Sourced from https://github.com/github/gitignore/blob/main/Nextjs.gitignore
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# Reference files
+api-reference/
+reference/
+
+# Documentation articles
+articles/*/
+articles/**/*.md
+articles/**/*.yml
+!articles/content.yml
+!articles/demo.yml
+
 # dependencies
 /node_modules
 /.pnp

From 21e26cd6e13487d6fba8c96e7cd6acf97d794fa2 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 09:59:55 -0500
Subject: [PATCH 13/29] Update package versions with `npm audit`

---
 package-lock.json | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index ec2f480..ce56ea5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -784,9 +784,9 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "15.5.7",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.7.tgz",
-      "integrity": "sha512-4h6Y2NyEkIEN7Z8YxkA27pq6zTkS09bUSYC0xjd0NpwFxjnIKeZEeH591o5WECSmjpUhLn3H2QLJcDye3Uzcvg==",
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.9.tgz",
+      "integrity": "sha512-4GlTZ+EJM7WaW2HEZcyU317tIQDjkQIyENDLxYJfSWlfqguN+dHkZgyQTV/7ykvobU7yEH5gKvreNrH4B6QgIg==",
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
@@ -6165,12 +6165,12 @@
       "license": "MIT"
     },
     "node_modules/next": {
-      "version": "15.5.7",
-      "resolved": "https://registry.npmjs.org/next/-/next-15.5.7.tgz",
-      "integrity": "sha512-+t2/0jIJ48kUpGKkdlhgkv+zPTEOoXyr60qXe68eB/pl3CMJaLeIGjzp5D6Oqt25hCBiBTt8wEeeAzfJvUKnPQ==",
+      "version": "15.5.9",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.9.tgz",
+      "integrity": "sha512-agNLK89seZEtC5zUHwtut0+tNrc0Xw4FT/Dg+B/VLEo9pAcS9rtTKpek3V6kVcVwsB2YlqMaHdfZL4eLEVYuCg==",
       "license": "MIT",
       "dependencies": {
-        "@next/env": "15.5.7",
+        "@next/env": "15.5.9",
         "@swc/helpers": "0.5.15",
         "caniuse-lite": "^1.0.30001579",
         "postcss": "8.4.31",

From 99ee61570554e9d60cfaca8f58b9fd2630b41676 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 10:52:39 -0500
Subject: [PATCH 14/29] Add content compilation logic script

---
 .gitignore                  |    3 +
 content.config.json         |   37 +
 package-lock.json           | 1285 ++++++++++++++++++++++++++++++++++-
 package.json                |   17 +-
 readme.md                   |  130 +++-
 scripts/compile-clean.tsx   |  240 +++++++
 scripts/compile-content.tsx |  384 +++++++++++
 scripts/package.json        |    3 +
 8 files changed, 2034 insertions(+), 65 deletions(-)
 create mode 100644 content.config.json
 create mode 100644 scripts/compile-clean.tsx
 create mode 100644 scripts/compile-content.tsx
 create mode 100644 scripts/package.json

diff --git a/.gitignore b/.gitignore
index 700e802..ab74a61 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,9 @@
 # Sourced from https://github.com/github/gitignore/blob/main/Nextjs.gitignore
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+# Temporary content cloning directory
+_tmp/
+
 # Reference files
 api-reference/
 reference/
diff --git a/content.config.json b/content.config.json
new file mode 100644
index 0000000..7a76aec
--- /dev/null
+++ b/content.config.json
@@ -0,0 +1,37 @@
+{
+  "sources": [
+    {
+      "repository": "https://github.com/seesharprun/documentdb-docs",
+      "branch": "preview",
+      "mappings": [
+        {
+          "source": "api-reference",
+          "target": "reference"
+        },
+        {
+          "source": "getting-started",
+          "target": "articles/getting-started"
+        },
+        {
+          "source": "postgres-api",
+          "target": "articles/postgres-api"
+        },
+        {
+          "source": "architecture",
+          "target": "articles/architecture"
+        },
+        {
+          "source": "documentdb-local",
+          "target": "articles/documentdb-local"
+        }
+      ]
+    }
+  ],
+  "include": [
+    "**/*.md",
+    "**/*.yml"
+  ],
+  "exclude": [
+    "**/{readme,README}.md"
+  ]
+}
diff --git a/package-lock.json b/package-lock.json
index ce56ea5..c6d5582 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,8 +14,8 @@
         "js-yaml": "^4.1.0",
         "next": "^15.5.4",
         "pluralize": "^8.0.0",
-        "react": "19.1.0",
-        "react-dom": "19.1.0",
+        "react": "19.2.0",
+        "react-dom": "19.2.0",
         "react-markdown": "^10.1.0",
         "react-syntax-highlighter": "^16.1.0",
         "remark-gfm": "^4.0.1"
@@ -25,6 +25,7 @@
         "@next/eslint-plugin-next": "^16.0.6",
         "@tailwindcss/postcss": "^4",
         "@types/js-yaml": "^4.0.9",
+        "@types/minimatch": "^5.1.2",
         "@types/node": "^20",
         "@types/pluralize": "^0.0.33",
         "@types/react": "^19",
@@ -33,7 +34,10 @@
         "autoprefixer": "^10.0.1",
         "eslint": "^9",
         "eslint-config-next": "15.5.4",
+        "ink": "^6.5.1",
+        "minimatch": "^10.1.1",
         "tailwindcss": "^4",
+        "tsx": "^4.19.2",
         "typescript": "^5"
       }
     },
@@ -46,6 +50,33 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@alcalzone/ansi-tokenize": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@alcalzone/ansi-tokenize/-/ansi-tokenize-0.2.2.tgz",
+      "integrity": "sha512-mkOh+Wwawzuf5wa30bvc4nA+Qb6DIrGWgBhRR/Pw4T9nsgYait8izvXkNyU78D6Wcu3Z+KUdwCmLCxlWjEotYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@alcalzone/ansi-tokenize/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -79,25 +110,467 @@
         "tslib": "^2.4.0"
       }
     },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
-      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
+    "node_modules/@emnapi/runtime": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
+      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.2.tgz",
+      "integrity": "sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.2.tgz",
+      "integrity": "sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.2.tgz",
+      "integrity": "sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.2.tgz",
+      "integrity": "sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.2.tgz",
+      "integrity": "sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.2.tgz",
+      "integrity": "sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.2.tgz",
+      "integrity": "sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.2.tgz",
+      "integrity": "sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.2.tgz",
+      "integrity": "sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.2.tgz",
+      "integrity": "sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.2.tgz",
+      "integrity": "sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.2.tgz",
+      "integrity": "sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.2.tgz",
+      "integrity": "sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.2.tgz",
+      "integrity": "sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.2.tgz",
+      "integrity": "sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.2.tgz",
+      "integrity": "sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.2.tgz",
+      "integrity": "sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.2.tgz",
+      "integrity": "sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.2.tgz",
+      "integrity": "sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.2.tgz",
+      "integrity": "sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.2.tgz",
+      "integrity": "sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.2.tgz",
+      "integrity": "sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
-      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.2.tgz",
+      "integrity": "sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
       "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
     "node_modules/@eslint-community/eslint-utils": {
@@ -144,6 +617,19 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/config-helpers": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
@@ -191,6 +677,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/js": {
       "version": "9.36.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz",
@@ -707,6 +1206,29 @@
         "url": "https://opencollective.com/libvips"
       }
     },
+    "node_modules/@isaacs/balanced-match": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@isaacs/balanced-match/-/balanced-match-4.0.1.tgz",
+      "integrity": "sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
+    "node_modules/@isaacs/brace-expansion": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@isaacs/brace-expansion/-/brace-expansion-5.0.0.tgz",
+      "integrity": "sha512-ZT55BDLV0yv0RBm2czMiZ+SqCGO7AvmOM3G/w2xhVPH+te0aKgFjmBvGlL1dH+ql2tgGO3MVrbb3jCKyvpgnxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isaacs/balanced-match": "^4.0.1"
+      },
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/@isaacs/fs-minipass": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
@@ -1377,6 +1899,13 @@
         "@types/unist": "*"
       }
     },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ms": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
@@ -2058,6 +2587,35 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-escapes": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
+      "integrity": "sha512-g6LhBsl+GBPRWGWsBtutpzBYuIIdBkLEvad5C/va/74Db018+5TZiyA26cZJAr3Rft5lprVqOIPxf5Vid6tqAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "environment": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -2265,6 +2823,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/auto-bind": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-5.0.1.tgz",
+      "integrity": "sha512-ooviqdwwgfIfNmDwo94wlshcdzfO64XV0Cg6oDsDYBJfITDz1EngD2z7DkbvCWn+XIMsIqW27sEVF6qcpJrRcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.16",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
@@ -2562,12 +3133,88 @@
         "node": ">=18"
       }
     },
+    "node_modules/cli-boxes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
+      "integrity": "sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+      "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "restore-cursor": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.1.1.tgz",
+      "integrity": "sha512-SroPvNHxUnk+vIW/dOSfNqdy1sPEFkrTk6TUtqLCnBlo3N7TNYYkzzN7uSD6+jVjrdO4+p8nH7JzH6cIvUem6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^7.1.0",
+        "string-width": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/string-width": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz",
+      "integrity": "sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/client-only": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/code-excerpt": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz",
+      "integrity": "sha512-xxodCmBen3iy2i0WtAK8FlFNrRzjUqjRsMfho58xT/wvZU1YTM3fCnRjcy1gJPMepaRlgm/0e6w8SpWHpn3/cA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "convert-to-spaces": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2600,7 +3247,18 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/convert-to-spaces": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz",
+      "integrity": "sha512-rcQ1bsQO9799wq24uE5AM2tAILy4gXGIK/njFWcVQkGNZ96edlpY+A7bjwvzjYvLDyzmG1MmMLZhpcsb+klNMQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
     },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
@@ -2850,6 +3508,19 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/environment": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz",
+      "integrity": "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/es-abstract": {
       "version": "1.24.0",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
@@ -3027,6 +3698,59 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-toolkit": {
+      "version": "1.43.0",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.43.0.tgz",
+      "integrity": "sha512-SKCT8AsWvYzBBuUqMk4NPwFlSdqLpJwmy6AP322ERn8W2YLIB6JBXnwMI2Qsh2gfphT3q7EKAxKb23cvFHFwKA==",
+      "dev": true,
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.2.tgz",
+      "integrity": "sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.2",
+        "@esbuild/android-arm": "0.27.2",
+        "@esbuild/android-arm64": "0.27.2",
+        "@esbuild/android-x64": "0.27.2",
+        "@esbuild/darwin-arm64": "0.27.2",
+        "@esbuild/darwin-x64": "0.27.2",
+        "@esbuild/freebsd-arm64": "0.27.2",
+        "@esbuild/freebsd-x64": "0.27.2",
+        "@esbuild/linux-arm": "0.27.2",
+        "@esbuild/linux-arm64": "0.27.2",
+        "@esbuild/linux-ia32": "0.27.2",
+        "@esbuild/linux-loong64": "0.27.2",
+        "@esbuild/linux-mips64el": "0.27.2",
+        "@esbuild/linux-ppc64": "0.27.2",
+        "@esbuild/linux-riscv64": "0.27.2",
+        "@esbuild/linux-s390x": "0.27.2",
+        "@esbuild/linux-x64": "0.27.2",
+        "@esbuild/netbsd-arm64": "0.27.2",
+        "@esbuild/netbsd-x64": "0.27.2",
+        "@esbuild/openbsd-arm64": "0.27.2",
+        "@esbuild/openbsd-x64": "0.27.2",
+        "@esbuild/openharmony-arm64": "0.27.2",
+        "@esbuild/sunos-x64": "0.27.2",
+        "@esbuild/win32-arm64": "0.27.2",
+        "@esbuild/win32-ia32": "0.27.2",
+        "@esbuild/win32-x64": "0.27.2"
+      }
+    },
     "node_modules/escalade": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
@@ -3300,6 +4024,19 @@
         "ms": "^2.1.1"
       }
     },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-import/node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
@@ -3340,6 +4077,19 @@
         "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
       }
     },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-react": {
       "version": "7.37.5",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
@@ -3386,6 +4136,19 @@
         "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
       }
     },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/eslint-plugin-react/node_modules/resolve": {
       "version": "2.0.0-next.5",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
@@ -3456,6 +4219,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/espree": {
       "version": "10.4.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
@@ -3742,6 +4518,21 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -3791,6 +4582,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/get-east-asian-width": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz",
+      "integrity": "sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-intrinsic": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
@@ -4212,6 +5016,110 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indent-string": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz",
+      "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ink": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/ink/-/ink-6.6.0.tgz",
+      "integrity": "sha512-QDt6FgJxgmSxAelcOvOHUvFxbIUjVpCH5bx+Slvc5m7IEcpGt3dYwbz/L+oRnqEGeRvwy1tineKK4ect3nW1vQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alcalzone/ansi-tokenize": "^0.2.1",
+        "ansi-escapes": "^7.2.0",
+        "ansi-styles": "^6.2.1",
+        "auto-bind": "^5.0.1",
+        "chalk": "^5.6.0",
+        "cli-boxes": "^3.0.0",
+        "cli-cursor": "^4.0.0",
+        "cli-truncate": "^5.1.1",
+        "code-excerpt": "^4.0.0",
+        "es-toolkit": "^1.39.10",
+        "indent-string": "^5.0.0",
+        "is-in-ci": "^2.0.0",
+        "patch-console": "^2.0.0",
+        "react-reconciler": "^0.33.0",
+        "signal-exit": "^3.0.7",
+        "slice-ansi": "^7.1.0",
+        "stack-utils": "^2.0.6",
+        "string-width": "^8.1.0",
+        "type-fest": "^4.27.0",
+        "widest-line": "^5.0.0",
+        "wrap-ansi": "^9.0.0",
+        "ws": "^8.18.0",
+        "yoga-layout": "~3.2.1"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "peerDependencies": {
+        "@types/react": ">=19.0.0",
+        "react": ">=19.0.0",
+        "react-devtools-core": "^6.1.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react-devtools-core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ink/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ink/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ink/node_modules/string-width": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.1.0.tgz",
+      "integrity": "sha512-Kxl3KJGb/gxkaUMOjRsQ8IrXiGW75O4E3RPjFIINOVH8AMl2SQ/yWdTzWwF3FevIX9LcMAjJW+GRwAlAbTSXdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/inline-style-parser": {
       "version": "0.2.4",
       "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.4.tgz",
@@ -4445,6 +5353,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-5.1.0.tgz",
+      "integrity": "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-generator-function": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
@@ -4487,6 +5411,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-in-ci": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-in-ci/-/is-in-ci-2.0.0.tgz",
+      "integrity": "sha512-cFeerHriAnhrQSbpAxL37W1wcJKUUX07HyLWZCW1URJT/ra3GyUTzBgUnh24TMVfNTV2Hij2HLxkPHFZfOZy5w==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-in-ci": "cli.js"
+      },
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-map": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
@@ -6069,16 +7009,30 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.1.1.tgz",
+      "integrity": "sha512-enIvLvRAFZYXJzkCYG5RKmPfrFArdLv+R+lbQ53BmIMLIry74bjKzX6iHAm8WYamJkhSSEabrWN5D97XnKObjQ==",
       "dev": true,
+      "license": "BlueOak-1.0.0",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "@isaacs/brace-expansion": "^5.0.0"
       },
       "engines": {
-        "node": "*"
+        "node": "20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/minimist": {
@@ -6353,6 +7307,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.3",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
@@ -6449,6 +7419,16 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/patch-console": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/patch-console/-/patch-console-2.0.0.tgz",
+      "integrity": "sha512-0YNdUceMdaQwoKce1gatDScmMo5pu/tfABfnzEqeG0gtTmd7mh/WcwgUjtAeOU7N8nFFlbQBnFK2gXW5fGvmMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -6616,9 +7596,9 @@
       "license": "MIT"
     },
     "node_modules/react": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
-      "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
+      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
       "license": "MIT",
       "peer": true,
       "engines": {
@@ -6626,16 +7606,16 @@
       }
     },
     "node_modules/react-dom": {
-      "version": "19.1.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
-      "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
+      "version": "19.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
+      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
-        "scheduler": "^0.26.0"
+        "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.1.0"
+        "react": "^19.2.0"
       }
     },
     "node_modules/react-is": {
@@ -6672,6 +7652,22 @@
         "react": ">=18"
       }
     },
+    "node_modules/react-reconciler": {
+      "version": "0.33.0",
+      "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.33.0.tgz",
+      "integrity": "sha512-KetWRytFv1epdpJc3J4G75I4WrplZE5jOL7Yq0p34+OVOKF4Se7WrdIdVC45XsSSmUTlht2FM/fM1FZb1mfQeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.0"
+      }
+    },
     "node_modules/react-syntax-highlighter": {
       "version": "16.1.0",
       "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-16.1.0.tgz",
@@ -6854,6 +7850,23 @@
         "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
       }
     },
+    "node_modules/restore-cursor": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+      "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
@@ -6945,9 +7958,9 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.26.0.tgz",
-      "integrity": "sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
       "license": "MIT"
     },
     "node_modules/section-matter": {
@@ -7165,6 +8178,43 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/slice-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz",
+      "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "is-fullwidth-code-point": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@@ -7206,6 +8256,29 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/stack-utils": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
+      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "escape-string-regexp": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/stack-utils/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/stop-iteration-iterator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
@@ -7220,6 +8293,31 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/string-width": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
+      "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^10.3.0",
+        "get-east-asian-width": "^1.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "10.6.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz",
+      "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/string.prototype.includes": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
@@ -7347,6 +8445,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/strip-ansi": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
@@ -7595,6 +8709,26 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/tsx": {
+      "version": "4.21.0",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.21.0.tgz",
+      "integrity": "sha512-5C1sg4USs1lfG0GFb2RLXsdpXqBSEhAaA/0kPL01wxzpMqLILNxIxIOKiILz+cdg/pLnOUxFYOR5yhHU666wbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.27.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -7607,6 +8741,19 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/type-fest": {
+      "version": "4.41.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.41.0.tgz",
+      "integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
@@ -8078,12 +9225,81 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/widest-line": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-5.0.0.tgz",
+      "integrity": "sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/wordwrap": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
       "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
       "license": "MIT"
     },
+    "node_modules/wrap-ansi": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz",
+      "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.2.1",
+        "string-width": "^7.0.0",
+        "strip-ansi": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
+      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/yallist": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
@@ -8106,6 +9322,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/package.json b/package.json
index 64e5910..99c791f 100644
--- a/package.json
+++ b/package.json
@@ -3,8 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build --turbopack",
+    "dev": "npm run compile && next dev --turbopack",
+    "build": "npm run compile && next build --turbopack",
+    "compile": "npm run compile:clean && npm run compile:content",
+    "compile:content": "tsx scripts/compile-content.tsx",
+    "compile:clean": "tsx scripts/compile-clean.tsx",
     "start": "next start",
     "lint": "eslint"
   },
@@ -15,8 +18,8 @@
     "js-yaml": "^4.1.0",
     "next": "^15.5.4",
     "pluralize": "^8.0.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.0",
     "remark-gfm": "^4.0.1"
@@ -26,6 +29,7 @@
     "@next/eslint-plugin-next": "^16.0.6",
     "@tailwindcss/postcss": "^4",
     "@types/js-yaml": "^4.0.9",
+    "@types/minimatch": "^5.1.2",
     "@types/node": "^20",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^19",
@@ -34,7 +38,10 @@
     "autoprefixer": "^10.0.1",
     "eslint": "^9",
     "eslint-config-next": "15.5.4",
+    "ink": "^6.5.1",
+    "minimatch": "^10.1.1",
     "tailwindcss": "^4",
+    "tsx": "^4.19.2",
     "typescript": "^5"
   }
-}
+}
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 2493264..422c9e3 100644
--- a/readme.md
+++ b/readme.md
@@ -1,52 +1,124 @@
-# DocumentDB website and docs
+# DocumentDB Website
 
-A concise, modern website prototype for DocumentDB, built with [Next.js](https://nextjs.org/) and [Tailwind CSS](https://tailwindcss.com/). The site features a list of community blog posts and core documentation. Content is managed via YAML and Markdown files for easy editing and extensibility.
+A modern website for DocumentDB built with [Next.js](https://nextjs.org/) and [Tailwind CSS](https://tailwindcss.com/). The site features community blog posts and technical documentation, with content automatically pulled from the [documentdb/docs](https://github.com/documentdb/docs) repository during the build process.
 
-## Contributing a Blog Post
+## Prerequisites for Development
 
-1. Open `blogs/content.yml` in the repository.
+- **[Node.js](https://nodejs.org/)** (*20 or higher*)
 
-1. Add your blog post as a new entry, following the format of existing posts (title, author, date, summary, etc).
-  - The YAML file is validated against its schema for consistency and editor support.
+- **[Git](https://git-scm.com/)** (*for cloning documentation content*)
 
-1. Submit a pull request for review.
+You can develop locally on any machine with these prerequisites installed, or use [GitHub Codespaces](#develop-in-github-codespaces) for a pre-configured environment.
 
+## Getting Started
 
-## Contributing a Documentation Article
+Get started by cloning and running this repository locally.
 
-1. Navigate to the appropriate folder under `articles/` (e.g., `articles/quickstart/`, `articles/postgresql/`).
+1. Clone this repository
 
-1. Add your article as a Markdown file (`.md`).
-  - Update the corresponding `navigation.yml` to include your new article if needed.
-  - Ensure your content follows the structure and style of existing articles.
+1. Install dependencies:
 
-1. Submit a pull request for review.
+    ```bash
+    npm install
+    ```
 
-## Contributing Reference Content
+1. Start the development server:
 
-1. Open the relevant file in the `reference/` directory (e.g., `reference/content.yml`, or a command/operator YAML file).
+    ```bash
+    npm run dev
+    ```
 
-1. Add or update entries according to the schema and format used in existing files.
-  - Reference content is organized by command, operator, and type. Follow the folder structure for new additions.
-  - Use the schemas in the `schema/` directory for guidance and validation.
+1. Observe that the site will be available at http://localhost:3000
 
-1. Submit a pull request for review.
+The first time you run `npm run dev` or `npm run build`, documentation content will be automatically compiled from the [documentdb/docs](https://github.com/documentdb/docs) repository.
 
-## Develop in GitHub Codespaces
+## Contributing
+
+We welcome contributions to improve the DocumentDB website, whether it's blog posts, bug fixes, or enhancements to the site itself.
+
+### Contributing Blog Posts
+
+Blog posts are managed locally in this repository. Contribute directly through a pull request to this repository.
+
+1. Open [blogs/content.yml](blogs/content.yml)
+
+1. Add your blog post entry following the format of existing posts
+
+1. Submit a pull request for review
+
+### Contributing Documentation & Reference Content
+
+Documentation articles and API reference content are managed in a separate repository. For more information, see [documentdb/docs](https://github.com/documentdb/docs).
 
-You can develop and preview the site in a fully configured environment using GitHub Codespaces:
+> [!IMPORTANT]
+> Please refer to that repository for instructions on contributing:
+>
+> - Documentation articles (`getting-started/`, `postgres-api/`, `architecture/`, etc.)
+> - API reference content (`api-reference/`)
+>
 
-- Launch a devcontainer with all dependencies pre-installed.
+## Content Configuration
 
-  [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/documentdb/documentdb.github.io)
+Documentation content is automatically compiled during builds from external repositories. The mapping is configured in [content.config.json](content.config.json).
 
-- The environment includes Node.js, Next.js, and Tailwind CSS setup for instant development and preview.
+```json
+{
+  "sources": [
+    {
+      "repository": "https://github.com/documentdb/docs",
+      "branch": "main",
+      "mappings": [
+        {
+          "source": "api-reference",
+          "target": "reference"
+        },
+        {
+          "source": "getting-started",
+          "target": "articles/getting-started"
+        }
+      ]
+    }
+  ],
+  "include": ["**/*.md", "**/*.yml"],
+  "exclude": ["**/{readme,README}.md"]
+}
+```
+
+### Configuration options
+
+The `content.config.json` file controls how documentation is compiled from external sources into this site.
+
+- **sources** - Array of repositories to clone content from. Each source includes:
+  - **repository** - Git repository URL
+  - **branch** - Git branch to clone from
+  - **mappings** - Array of source folder to target folder mappings
+- **include** - Array of glob patterns for files to include (opt-in filtering)
+- **exclude** - Array of glob patterns for files to exclude
+
+### Manual content operations
+
+While content is automatically compiled during builds, you can manually trigger these operations during development:
+
+```bash
+# Clean all target directories
+npm run clean:content
+```
+
+```bash
+# Compile content from sources
+npm run compile:content
+```
+
+## Develop in GitHub Codespaces
 
-- Install packages with `npm install`
+Launch a pre-configured development environment with all dependencies installed:
 
-- Use `npm run dev` to start the local server and preview changes.
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/documentdb/documentdb.github.io)
 
-- The environment also includes the required Visual Studio Code extensions to edit the Markdown and YAML files with full completion support.
+The Codespaces environment includes:
+- Node.js 20
+- Git
+- Visual Studio Code extensions for Markdown and YAML editing
+- All npm dependencies
 
-  > [!TIP]
-  > You can use these same steps if you opt to develop on your local machine. Ensure that you are using at least the latest LTS version of Node.js
+Simply run `npm run dev` after the container starts.
diff --git a/scripts/compile-clean.tsx b/scripts/compile-clean.tsx
new file mode 100644
index 0000000..904f7f1
--- /dev/null
+++ b/scripts/compile-clean.tsx
@@ -0,0 +1,240 @@
+#!/usr/bin/env tsx
+
+import fs from 'fs';
+import path from 'path';
+import React from 'react';
+import { render, Box, Text } from 'ink';
+
+/**
+ * Configuration structure for content cleaning
+ */
+interface ContentSource {
+  readonly repository: string;
+  readonly branch: string;
+  readonly mappings: ReadonlyArray<{
+    readonly source: string;
+    readonly target: string;
+  }>;
+}
+
+interface ContentConfig {
+  readonly sources: ReadonlyArray<ContentSource>;
+  readonly include: ReadonlyArray<string>;
+  readonly exclude: ReadonlyArray<string>;
+}
+
+interface RmOptions {
+  readonly recursive: boolean;
+  readonly force: boolean;
+}
+
+interface CleanedDirectory {
+  readonly path: string;
+  readonly repository: string;
+}
+
+/**
+ * Cleans a directory by removing it if it exists
+ */
+function cleanDirectory(dirPath: string): boolean {
+  if (fs.existsSync(dirPath)) {
+    fs.rmSync(dirPath, { recursive: true, force: true } as RmOptions);
+    return true;
+  }
+  return false;
+}
+
+/**
+ * Cleans target directories based on configuration mappings
+ */
+async function cleanContent(
+  config: ContentConfig,
+  onProgress?: (cleaned: CleanedDirectory) => void
+): Promise<{
+  success: boolean;
+  cleanedDirectories?: ReadonlyArray<CleanedDirectory>;
+  message?: string;
+}> {
+  try {
+    const cleaned: CleanedDirectory[] = [];
+
+    // Process each source repository
+    for (const source of config.sources) {
+      // Process each mapping and clean target directories
+      for (const mapping of source.mappings) {
+        const targetDir = path.join(process.cwd(), mapping.target);
+        
+        if (cleanDirectory(targetDir)) {
+          const cleanedDir: CleanedDirectory = {
+            path: mapping.target,
+            repository: source.repository
+          };
+          cleaned.push(cleanedDir);
+          
+          if (onProgress) {
+            onProgress(cleanedDir);
+          }
+        }
+      }
+    }
+
+    return {
+      success: true,
+      cleanedDirectories: cleaned
+    };
+  } catch (error: unknown) {
+    return {
+      success: false,
+      message: error instanceof Error ? error.message : 'Unknown error occurred'
+    };
+  }
+}
+
+/**
+ * Main Console component for Ink rendering
+ */
+const Console: React.FC = () => {
+  const [status, setStatus] = React.useState<'loading' | 'cleaning' | 'success' | 'error'>('loading');
+  const [errorMessage, setErrorMessage] = React.useState<string>('');
+  const [cleanedDirectories, setCleanedDirectories] = React.useState<ReadonlyArray<CleanedDirectory>>([]);
+  const [cleanCount, setCleanCount] = React.useState<number>(0);
+  const [config, setConfig] = React.useState<ContentConfig | null>(null);
+
+  React.useEffect(() => {
+    const run = async () => {
+      try {
+        // Load configuration
+        const configPath = path.join(process.cwd(), 'content.config.json');
+        if (!fs.existsSync(configPath)) {
+          throw new Error('content.config.json not found');
+        }
+
+        const loadedConfig = JSON.parse(fs.readFileSync(configPath, 'utf8')) as ContentConfig;
+        
+        // Validate configuration
+        if (!loadedConfig.sources || loadedConfig.sources.length === 0) {
+          throw new Error('content.config.json must include at least one source');
+        }
+
+        setConfig(loadedConfig);
+        setStatus('cleaning');
+
+        // Clean content
+        const result = await cleanContent(loadedConfig, (cleaned) => {
+          setCleanCount(prev => prev + 1);
+        });
+
+        if (result.success) {
+          setStatus('success');
+          setCleanedDirectories(result.cleanedDirectories || []);
+        } else {
+          setStatus('error');
+          setErrorMessage(result.message || 'Unknown error');
+        }
+
+        // Exit after a brief delay
+        setTimeout(() => {
+          process.exit(result.success ? 0 : 1);
+        }, 100);
+      } catch (error: unknown) {
+        setStatus('error');
+        setErrorMessage(error instanceof Error ? error.message : 'Unknown error');
+        setTimeout(() => {
+          process.exit(1);
+        }, 100);
+      }
+    };
+
+    run();
+  }, []);
+
+  /**
+   * Truncates a string to a maximum length with ellipsis
+   */
+  const truncate = (str: string, maxLength: number): string => {
+    if (str.length <= maxLength) return str;
+    return str.slice(0, maxLength - 3) + '...';
+  };
+
+  /**
+   * Groups directories by repository
+   */
+  const groupByRepository = (dirs: ReadonlyArray<CleanedDirectory>): Map<string, CleanedDirectory[]> => {
+    const grouped = new Map<string, CleanedDirectory[]>();
+    for (const dir of dirs) {
+      const existing = grouped.get(dir.repository) || [];
+      existing.push(dir);
+      grouped.set(dir.repository, existing);
+    }
+    return grouped;
+  };
+
+  return (
+    <Box flexDirection="column" padding={1}>
+      <Box marginBottom={1}>
+        <Text bold color="cyan">🧹 Cleaning Content Directories</Text>
+      </Box>
+
+      {status === 'loading' && (
+        <Box>
+          <Text color="cyan">Loading configuration...</Text>
+        </Box>
+      )}
+
+      {status === 'cleaning' && (
+        <Box flexDirection="column">
+          <Box>
+            <Text color="cyan">{cleanCount} director{cleanCount !== 1 ? 'ies' : 'y'} cleaned...</Text>
+          </Box>
+        </Box>
+      )}
+
+      {status === 'success' && (
+        <Box flexDirection="column">
+          {cleanedDirectories.length > 0 ? (
+            <>
+              <Box flexDirection="column" marginBottom={1}>
+                <Text bold color="green">✅ Successfully cleaned {cleanedDirectories.length} director{cleanedDirectories.length === 1 ? 'y' : 'ies'}!</Text>
+              </Box>
+
+              <Box flexDirection="column" marginTop={1}>
+                {Array.from(groupByRepository(cleanedDirectories)).map(([repo, dirs], idx) => (
+                  <Box key={idx} flexDirection="column" marginBottom={1}>
+                    <Box>
+                      <Text bold color="magenta">{truncate(repo, 70)}</Text>
+                      <Text dimColor> ({dirs.length} director{dirs.length === 1 ? 'y' : 'ies'})</Text>
+                    </Box>
+                    <Box marginLeft={2} flexDirection="column">
+                      {dirs.map((dir, dirIdx) => (
+                        <Box key={dirIdx}>
+                          <Text dimColor>→ {dir.path}</Text>
+                        </Box>
+                      ))}
+                    </Box>
+                  </Box>
+                ))}
+              </Box>
+            </>
+          ) : (
+            <Box>
+              <Text dimColor>No directories needed cleaning (all targets already clean)</Text>
+            </Box>
+          )}
+        </Box>
+      )}
+
+      {status === 'error' && (
+        <Box flexDirection="column">
+          <Box marginBottom={1}>
+            <Text color="red" bold>❌ Error cleaning content:</Text>
+          </Box>
+          <Box paddingLeft={2}>
+            <Text color="red">{errorMessage}</Text>
+          </Box>
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+render(<Console />);
diff --git a/scripts/compile-content.tsx b/scripts/compile-content.tsx
new file mode 100644
index 0000000..91676ea
--- /dev/null
+++ b/scripts/compile-content.tsx
@@ -0,0 +1,384 @@
+import fs from 'fs';
+import path from 'path';
+import { execSync } from 'child_process';
+import React from 'react';
+import { render, Box, Text } from 'ink';
+import { minimatch } from 'minimatch';
+
+/**
+ * Configuration structure for content cloning
+ */
+interface ContentSource {
+  readonly repository: string;
+  readonly branch: string;
+  readonly mappings: ReadonlyArray<{
+    readonly source: string;
+    readonly target: string;
+  }>;
+}
+
+interface ContentConfig {
+  readonly sources: ReadonlyArray<ContentSource>;
+  readonly include: ReadonlyArray<string>;
+  readonly exclude: ReadonlyArray<string>;
+}
+
+interface RmOptions {
+  readonly recursive: boolean;
+  readonly force: boolean;
+}
+
+interface CopyOptions {
+  readonly recursive: boolean;
+}
+
+interface CopiedFile {
+  readonly from: string;
+  readonly to: string;
+  readonly repository: string;
+}
+
+/**
+ * Tracks file paths that have been copied
+ */
+class FileTracker {
+  private readonly copiedFiles: CopiedFile[] = [];
+  private readonly onProgress?: (count: number, repository: string) => void;
+
+  constructor(onProgress?: (count: number, repository: string) => void) {
+    this.onProgress = onProgress;
+  }
+
+  /**
+   * Records a file being copied
+   */
+  recordFile(relativePath: string, sourcePath: string, repository: string): void {
+    this.copiedFiles.push({
+      from: sourcePath,
+      to: relativePath,
+      repository
+    });
+    
+    if (this.onProgress) {
+      this.onProgress(this.copiedFiles.length, repository);
+    }
+  }
+
+  /**
+   * Get all copied files with source and destination paths
+   */
+  getCopiedFiles(): ReadonlyArray<CopiedFile> {
+    return this.copiedFiles;
+  }
+}
+
+/**
+ * Cleans a directory by removing it if it exists
+ */
+function cleanDirectory(dirPath: string): void {
+  if (fs.existsSync(dirPath)) {
+    fs.rmSync(dirPath, { recursive: true, force: true } as RmOptions);
+  }
+}
+
+/**
+ * Ensures a directory exists
+ */
+function ensureDirectory(dirPath: string): void {
+  if (!fs.existsSync(dirPath)) {
+    fs.mkdirSync(dirPath, { recursive: true } as CopyOptions);
+  }
+}
+
+/**
+ * Checks if a file should be included based on include patterns
+ */
+function shouldInclude(relativePath: string, includePatterns: ReadonlyArray<string>): boolean {
+  return includePatterns.some(pattern =>
+    minimatch(relativePath, pattern, { nocase: true, matchBase: true })
+  );
+}
+
+/**
+ * Checks if a file should be excluded based on exclude patterns
+ */
+function shouldExclude(relativePath: string, excludePatterns: ReadonlyArray<string>): boolean {
+  return excludePatterns.some(pattern =>
+    minimatch(relativePath, pattern, { nocase: true, matchBase: true })
+  );
+}
+
+/**
+ * Recursively copies files from source to destination with filtering
+ */
+function copyFilesRecursive(
+  sourceBase: string,
+  targetBase: string,
+  includePatterns: ReadonlyArray<string>,
+  excludePatterns: ReadonlyArray<string>,
+  tracker: FileTracker,
+  repository: string,
+  currentPath: string = ''
+): void {
+  const fullSourcePath = path.join(sourceBase, currentPath);
+  const fullTargetPath = path.join(targetBase, currentPath);
+
+  if (!fs.existsSync(fullSourcePath)) {
+    return;
+  }
+
+  const items = fs.readdirSync(fullSourcePath);
+
+  for (const item of items) {
+    const itemSourcePath = path.join(fullSourcePath, item);
+    const itemTargetPath = path.join(fullTargetPath, item);
+    const itemRelativePath = path.join(currentPath, item).replace(/\\/g, '/');
+    const stats = fs.statSync(itemSourcePath);
+
+    if (stats.isDirectory()) {
+      copyFilesRecursive(
+        sourceBase,
+        targetBase,
+        includePatterns,
+        excludePatterns,
+        tracker,
+        repository,
+        itemRelativePath
+      );
+    } else {
+      // Check if file should be included and not excluded
+      if (shouldInclude(itemRelativePath, includePatterns) && !shouldExclude(itemRelativePath, excludePatterns)) {
+        ensureDirectory(path.dirname(itemTargetPath));
+        fs.copyFileSync(itemSourcePath, itemTargetPath);
+        tracker.recordFile(itemRelativePath, itemSourcePath, repository);
+      }
+    }
+  }
+}
+
+/**
+ * Clones content from repositories
+ */
+async function cloneContent(
+  config: ContentConfig,
+  onProgress?: (count: number, repository: string) => void
+): Promise<{
+  success: boolean;
+  copiedFiles?: ReadonlyArray<CopiedFile>;
+  message?: string;
+}> {
+  const TEMP_DIR = path.join(process.cwd(), '_tmp');
+  const tracker = new FileTracker(onProgress);
+
+  try {
+    // Clean temp directory
+    cleanDirectory(TEMP_DIR);
+    ensureDirectory(TEMP_DIR);
+
+    // Process each source repository
+    for (const source of config.sources) {
+      const repoName = source.repository.split('/').pop() || 'repo';
+      const cloneDir = path.join(TEMP_DIR, repoName);
+
+      // Clone the repository
+      execSync(
+        `git clone --depth 1 --branch ${source.branch} ${source.repository} "${cloneDir}"`,
+        { stdio: 'pipe' }
+      );
+
+      // Process each mapping
+      for (const mapping of source.mappings) {
+        const sourceDir = path.join(cloneDir, mapping.source);
+        const targetDir = path.join(process.cwd(), mapping.target);
+
+        // Clean target directory
+        cleanDirectory(targetDir);
+        ensureDirectory(targetDir);
+
+        // Copy files with filtering
+        copyFilesRecursive(
+          sourceDir,
+          targetDir,
+          config.include,
+          config.exclude,
+          tracker,
+          source.repository
+        );
+      }
+    }
+
+    // Clean up temp directory
+    cleanDirectory(TEMP_DIR);
+
+    return {
+      success: true,
+      copiedFiles: tracker.getCopiedFiles()
+    };
+  } catch (error: unknown) {
+    // Clean up on error
+    cleanDirectory(TEMP_DIR);
+
+    return {
+      success: false,
+      message: error instanceof Error ? error.message : 'Unknown error occurred'
+    };
+  }
+}
+
+/**
+ * Main Console component for Ink rendering
+ */
+const Console: React.FC = () => {
+  const [status, setStatus] = React.useState<'loading' | 'compiling' | 'success' | 'error'>('loading');
+  const [errorMessage, setErrorMessage] = React.useState<string>('');
+  const [copiedFiles, setCopiedFiles] = React.useState<ReadonlyArray<CopiedFile>>([]);
+  const [fileCount, setFileCount] = React.useState<number>(0);
+  const [currentRepo, setCurrentRepo] = React.useState<string>('');
+  const [config, setConfig] = React.useState<ContentConfig | null>(null);
+
+  React.useEffect(() => {
+    const run = async () => {
+      try {
+        // Load configuration
+        const configPath = path.join(process.cwd(), 'content.config.json');
+        if (!fs.existsSync(configPath)) {
+          throw new Error('content.config.json not found');
+        }
+
+        const loadedConfig = JSON.parse(fs.readFileSync(configPath, 'utf8')) as ContentConfig;
+        
+        // Validate configuration
+        if (!loadedConfig.sources || loadedConfig.sources.length === 0) {
+          throw new Error('content.config.json must include at least one source');
+        }
+
+        setConfig(loadedConfig);
+        setStatus('compiling');
+
+        // Compile content
+        const result = await cloneContent(loadedConfig, (count, repo) => {
+          setFileCount(count);
+          setCurrentRepo(repo);
+        });
+
+        if (result.success) {
+          setStatus('success');
+          setCopiedFiles(result.copiedFiles || []);
+        } else {
+          setStatus('error');
+          setErrorMessage(result.message || 'Unknown error');
+        }
+
+        // Exit after a brief delay
+        setTimeout(() => {
+          process.exit(result.success ? 0 : 1);
+        }, 100);
+      } catch (error: unknown) {
+        setStatus('error');
+        setErrorMessage(error instanceof Error ? error.message : 'Unknown error');
+        setTimeout(() => {
+          process.exit(1);
+        }, 100);
+      }
+    };
+
+    run();
+  }, []);
+
+  /**
+   * Truncates a string to a maximum length with ellipsis
+   */
+  const truncate = (str: string, maxLength: number): string => {
+    if (str.length <= maxLength) return str;
+    return str.slice(0, maxLength - 3) + '...';
+  };
+
+  /**
+   * Groups files by repository
+   */
+  const groupByRepository = (files: ReadonlyArray<CopiedFile>): Map<string, CopiedFile[]> => {
+    const grouped = new Map<string, CopiedFile[]>();
+    for (const file of files) {
+      const existing = grouped.get(file.repository) || [];
+      existing.push(file);
+      grouped.set(file.repository, existing);
+    }
+    return grouped;
+  };
+
+  return (
+    <Box flexDirection="column" padding={1}>
+      <Box marginBottom={1}>
+        <Text bold color="cyan">📦 Compiling Documentation Content</Text>
+      </Box>
+
+      {status === 'loading' && (
+        <Box>
+          <Text color="cyan">Loading configuration...</Text>
+        </Box>
+      )}
+
+      {status === 'compiling' && (
+        <Box flexDirection="column">
+          <Box>
+            <Text color="cyan">{fileCount} file{fileCount !== 1 ? 's' : ''} copied...</Text>
+          </Box>
+          {currentRepo && (
+            <Box marginTop={1}>
+              <Text dimColor>From: {truncate(currentRepo, 60)}</Text>
+            </Box>
+          )}
+        </Box>
+      )}
+
+      {status === 'success' && (
+        <Box flexDirection="column">
+          {config && (
+            <Box flexDirection="column" marginBottom={1}>
+              <Text bold color="green">✅ Successfully compiled content from {config.sources.length} repositor{config.sources.length === 1 ? 'y' : 'ies'}!</Text>
+              <Text dimColor>Total files copied: {copiedFiles.length}</Text>
+            </Box>
+          )}
+
+          {copiedFiles.length > 0 && (
+            <Box flexDirection="column" marginTop={1}>
+              {Array.from(groupByRepository(copiedFiles)).map(([repo, files], idx) => (
+                <Box key={idx} flexDirection="column" marginBottom={1}>
+                  <Box>
+                    <Text bold color="magenta">{truncate(repo, 70)}</Text>
+                    <Text dimColor> ({files.length} files)</Text>
+                  </Box>
+                  <Box marginLeft={2} flexDirection="column">
+                    {files.slice(0, 5).map((file, fileIdx) => (
+                      <Box key={fileIdx}>
+                        <Text dimColor>→ {truncate(file.to, 65)}</Text>
+                      </Box>
+                    ))}
+                    {files.length > 5 && (
+                      <Box>
+                        <Text dimColor>... and {files.length - 5} more files</Text>
+                      </Box>
+                    )}
+                  </Box>
+                </Box>
+              ))}
+            </Box>
+          )}
+        </Box>
+      )}
+
+      {status === 'error' && (
+        <Box flexDirection="column">
+          <Box marginBottom={1}>
+            <Text color="red" bold>❌ Error cloning content:</Text>
+          </Box>
+          <Box paddingLeft={2}>
+            <Text color="red">{errorMessage}</Text>
+          </Box>
+        </Box>
+      )}
+    </Box>
+  );
+};
+
+render(<Console />);
diff --git a/scripts/package.json b/scripts/package.json
new file mode 100644
index 0000000..aead43d
--- /dev/null
+++ b/scripts/package.json
@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}
\ No newline at end of file

From 305110f58b773bf258af81a2e653638389f58241 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:06:22 -0500
Subject: [PATCH 15/29] Update Markdown renderer for external files

---
 app/components/Markdown.tsx                         | 10 ++++++++++
 .../reference/[type]/[category]/[name]/page.tsx     | 13 -------------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/app/components/Markdown.tsx b/app/components/Markdown.tsx
index ca70b6e..de0c327 100644
--- a/app/components/Markdown.tsx
+++ b/app/components/Markdown.tsx
@@ -59,6 +59,16 @@ export default function Markdown({ content }: { content: string }) {
 
 function getMarkdownComponents() {
   return {
+    // H1 headings (main page title from Markdown content)
+    h1: ({ children, ...props }: any) => (
+      <>
+        <h1 className="text-4xl font-bold text-white mb-4" {...props}>
+          {children}
+        </h1>
+        <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
+      </>
+    ),
+
     // Paragraphs
     p: ({ children, ...props }: any) => (
       <p className="text-gray-300 text-md leading-relaxed mb-4" {...props}>
diff --git a/app/docs/reference/[type]/[category]/[name]/page.tsx b/app/docs/reference/[type]/[category]/[name]/page.tsx
index 0e44f17..a677e77 100644
--- a/app/docs/reference/[type]/[category]/[name]/page.tsx
+++ b/app/docs/reference/[type]/[category]/[name]/page.tsx
@@ -44,19 +44,6 @@ export default async function ReferencePage({ params }: { params: Promise<{ type
     <article>
       <Breadcrumb type={type} category={category} name={pageTitle} />
       
-      {/* Header */}
-      <div className="mb-8">
-        <h1 className="text-5xl font-bold text-white mb-4">
-          {pageTitle}
-        </h1>
-        <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-        {pageDescription && (
-          <p className="text-gray-300 text-lg leading-relaxed">
-            {pageDescription}
-          </p>
-        )}
-      </div>
-
       {/* Markdown Content */}
       <Markdown content={data.content} />
     </article>

From 35cd9bc76ddb28bbddebb86234bfe361d7819939 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:06:34 -0500
Subject: [PATCH 16/29] Update `articleService` to transform hyperlink files

---
 app/services/articleService.ts | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/app/services/articleService.ts b/app/services/articleService.ts
index f8a8d78..0da835a 100644
--- a/app/services/articleService.ts
+++ b/app/services/articleService.ts
@@ -21,7 +21,36 @@ export function getArticleNavigation(section: string): Link[] {
   }
 
   const fileContents = fs.readFileSync(navPath, 'utf8');
-  return yaml.load(fileContents) as Link[];
+  const rawLinks = yaml.load(fileContents) as Link[];
+  
+  // Transform Markdown file links to published relative URIs
+  return rawLinks.map(link => {
+    // Convert .md file references to proper URIs
+    // e.g., "index.md" -> "/docs/section"
+    // e.g., "nodejs-setup.md" -> "/docs/section/nodejs-setup"
+    let transformedLink = link.link;
+    
+    if (transformedLink.endsWith('.md')) {
+      const filename = transformedLink.replace('.md', '');
+      if (filename === 'index') {
+        transformedLink = `/docs/${section}`;
+      } else {
+        transformedLink = `/docs/${section}/${filename}`;
+      }
+    }
+    
+    return {
+      ...link,
+      link: transformedLink,
+      // Recursively transform children if they exist
+      children: link.children?.map(child => ({
+        ...child,
+        link: child.link.endsWith('.md') 
+          ? `/docs/${section}/${child.link.replace('.md', '')}`
+          : child.link
+      }))
+    };
+  });
 }
 
 export function getMarkdownContent(section: string, file: string = 'index'): string {

From 5ed43c8d4d57e17dd7d7375b578f614545915805 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:07:18 -0500
Subject: [PATCH 17/29] Update `referenceService` to serve descriptions from
 Markdown partial files

---
 app/services/referenceService.ts | 31 ++++++++++++++++---------------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/app/services/referenceService.ts b/app/services/referenceService.ts
index 859d7bf..24659bd 100644
--- a/app/services/referenceService.ts
+++ b/app/services/referenceService.ts
@@ -1,9 +1,7 @@
 import fs from 'fs';
 import path from 'path';
-import yaml from 'js-yaml';
 import matter from 'gray-matter';
 import type { Page } from '../types/Page';
-import { Content } from '../types/Content';
 
 export type ReferencePage = Page & { type: string; category?: string };
 
@@ -21,11 +19,6 @@ export type ReferenceArticle = {
   name: string;
 };
 
-function getContentMetadata(): Content {
-  const contentPath = path.join(process.cwd(), 'reference', 'content.yml');
-  return yaml.load(fs.readFileSync(contentPath, 'utf8')) as Content;
-}
-
 function getAllReferences(): ReferencePage[] {
   const root = path.join(process.cwd(), 'reference');
   const files: string[] = [];
@@ -167,15 +160,23 @@ export function getReferenceByPath(type: string, category: string, name: string)
 }
 
 export function getTypeDescription(type: string): string | undefined {
-  const content = getContentMetadata();
-  const typeEntry = content.find(entry => entry.type === type);
-  return typeEntry?.description;
+  const root = path.join(process.cwd(), 'reference');
+  const metadataPath = path.join(root, type, '_metadata.description.md');
+  
+  if (fs.existsSync(metadataPath)) {
+    return fs.readFileSync(metadataPath, 'utf8').trim();
+  }
+  
+  return undefined;
 }
 
 export function getCategoryDescription(type: string, category: string): string | undefined {
-  const content = getContentMetadata();
-  const typeEntry = content.find(entry => entry.type === type);
-  if (!typeEntry) return undefined;
-  const categoryEntry = typeEntry.categories.find(cat => cat.category === category);
-  return categoryEntry?.description;
+  const root = path.join(process.cwd(), 'reference');
+  const metadataPath = path.join(root, type, category, '_metadata.description.md');
+  
+  if (fs.existsSync(metadataPath)) {
+    return fs.readFileSync(metadataPath, 'utf8').trim();
+  }
+  
+  return undefined;
 }
\ No newline at end of file

From cb15d2d1c66a80fe1660797d8f14e36f4cac734d Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:18:39 -0500
Subject: [PATCH 18/29] Update engine to allow Markdown for HTML partials

---
 app/docs/reference/[type]/[category]/page.tsx | 11 ++++---
 app/docs/reference/[type]/page.tsx            | 11 ++++---
 app/services/metadataService.ts               | 16 +++++++++
 package-lock.json                             | 33 ++++++++++++++++++-
 package.json                                  |  6 ++--
 5 files changed, 64 insertions(+), 13 deletions(-)

diff --git a/app/docs/reference/[type]/[category]/page.tsx b/app/docs/reference/[type]/[category]/page.tsx
index 3f68527..6ec5618 100644
--- a/app/docs/reference/[type]/[category]/page.tsx
+++ b/app/docs/reference/[type]/[category]/page.tsx
@@ -2,8 +2,9 @@ import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import ReferenceTable from '../../../../components/Grid';
 import Breadcrumb from '../../../../components/Breadcrumb';
+import Markdown from '../../../../components/Markdown';
 import { getReferencesByTypeGroupedByCategory, getAllTypeCategoryCombinations, isValidTypeCategoryCombination, getCategoryDescription } from '../../../../services/referenceService';
-import { getMetadata } from "../../../../services/metadataService";
+import { getMetadata, sanitizeMarkdown } from "../../../../services/metadataService";
 import pluralize from 'pluralize';
 import { capitalCase } from 'change-case';
 
@@ -17,7 +18,7 @@ export async function generateMetadata({ params }: { params: Promise<{ type: str
   const description = getCategoryDescription(type, category);
   return getMetadata({
     title: `${title} - DocumentDB MQL Reference`, 
-    description: description || '',
+    description: await sanitizeMarkdown(description),
     extraKeywords: ['reference', type, category]
   });
 }
@@ -42,9 +43,9 @@ export default async function CommandReferencePage({ params }: { params: Promise
         </h2>
         <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
         {description && (
-          <p className="text-gray-400 text-lg mb-6">
-            {description}
-          </p>
+          <div className="text-gray-400 text-lg mb-6">
+            <Markdown content={description} />
+          </div>
         )}
       </div>
       <section className="mb-6">
diff --git a/app/docs/reference/[type]/page.tsx b/app/docs/reference/[type]/page.tsx
index 1f9e6c7..3cb97e4 100644
--- a/app/docs/reference/[type]/page.tsx
+++ b/app/docs/reference/[type]/page.tsx
@@ -2,8 +2,9 @@ import Link from 'next/link';
 import { notFound } from 'next/navigation';
 import ReferenceTable from '../../../components/Grid';
 import Breadcrumb from '../../../components/Breadcrumb';
+import Markdown from '../../../components/Markdown';
 import { getReferencesByTypeGroupedByCategory, getTypeDescription } from '../../../services/referenceService';
-import { getMetadata } from "../../../services/metadataService";
+import { getMetadata, sanitizeMarkdown } from "../../../services/metadataService";
 import pluralize from 'pluralize';
 import { capitalCase } from 'change-case';
 
@@ -20,7 +21,7 @@ export async function generateMetadata({ params }: { params: Promise<{ type: str
   const description = getTypeDescription(type);
   return getMetadata({
     title: `${title} - DocumentDB MQL Reference`, 
-    description: description || '',
+    description: await sanitizeMarkdown(description),
     extraKeywords: ['reference', type]
   });
 }
@@ -41,9 +42,9 @@ export default async function CommandReferencePage({ params }: { params: Promise
         </h2>
         <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
         {description && (
-          <p className="text-gray-400 text-lg mb-6">
-            {description}
-          </p>
+          <div className="text-gray-400 text-lg mb-6">
+            <Markdown content={description} />
+          </div>
         )}
       </div>
       {Object.entries(grouped).map(([category, items]) => (
diff --git a/app/services/metadataService.ts b/app/services/metadataService.ts
index f88ed07..b645edf 100644
--- a/app/services/metadataService.ts
+++ b/app/services/metadataService.ts
@@ -1,4 +1,20 @@
 import { Metadata } from "next";
+import { remark } from "remark";
+import strip from "strip-markdown";
+
+/**
+ * Sanitizes Markdown content to plain text for SEO purposes
+ * Removes Markdown formatting, code blocks, and special characters
+ */
+export const sanitizeMarkdown = async (markdown: string | undefined): Promise<string> => {
+  if (!markdown) return '';
+  
+  let processor = remark().use(strip).process(markdown);
+  
+  let output: string = String(await processor);
+  
+  return output.trim();
+};
 
 export const getMetadata = ({ title, description, extraKeywords = [] }: { title: string, description: string, extraKeywords?: string[] }): Metadata => ({
   keywords: [...getBaseKeywords(), ...extraKeywords],
diff --git a/package-lock.json b/package-lock.json
index c6d5582..5c7e0c2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,9 @@
         "react-dom": "19.2.0",
         "react-markdown": "^10.1.0",
         "react-syntax-highlighter": "^16.1.0",
-        "remark-gfm": "^4.0.1"
+        "remark": "^15.0.1",
+        "remark-gfm": "^4.0.1",
+        "strip-markdown": "^6.0.0"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -7748,6 +7750,22 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/remark": {
+      "version": "15.0.1",
+      "resolved": "https://registry.npmjs.org/remark/-/remark-15.0.1.tgz",
+      "integrity": "sha512-Eht5w30ruCXgFmxVUSlNWQ9iiimq07URKeFS3hNc8cUWy1llX4KDWfyEDZRycMc+znsN9Ux5/tJ/BFdgdOwA3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/remark-gfm": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
@@ -8492,6 +8510,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/strip-markdown": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/strip-markdown/-/strip-markdown-6.0.0.tgz",
+      "integrity": "sha512-mSa8FtUoX3ExJYDkjPUTC14xaBAn4Ik5GPQD45G5E2egAmeV3kHgVSTfIoSDggbF6Pk9stahVgqsLCNExv6jHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/style-to-js": {
       "version": "1.1.17",
       "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.17.tgz",
diff --git a/package.json b/package.json
index 99c791f..c939f36 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,9 @@
     "react-dom": "19.2.0",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.0",
-    "remark-gfm": "^4.0.1"
+    "remark": "^15.0.1",
+    "remark-gfm": "^4.0.1",
+    "strip-markdown": "^6.0.0"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -44,4 +46,4 @@
     "tsx": "^4.19.2",
     "typescript": "^5"
   }
-}
\ No newline at end of file
+}

From a39eea66e3a1841d6aab7daec3e578e5c0ad4e05 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:22:41 -0500
Subject: [PATCH 19/29] Update reference landing page to use partial

---
 app/docs/reference/layout.tsx    |  4 ++--
 app/docs/reference/page.tsx      | 22 ++++++++++++++++++----
 app/services/referenceService.ts | 11 +++++++++++
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/app/docs/reference/layout.tsx b/app/docs/reference/layout.tsx
index 8e50411..679440f 100644
--- a/app/docs/reference/layout.tsx
+++ b/app/docs/reference/layout.tsx
@@ -5,8 +5,8 @@ import { getReferencesGroupedByTypeAndCategory } from '../../services/referenceS
 import { getMetadata } from "../../services/metadataService";
 
 export const metadata: Metadata = getMetadata({
-  title: 'DocumentDB MQL Reference', 
-  description: 'MongoDB Query Language (MQL) reference for DocumentDB. DocumentDB is a powerful, scalable open-source database solution with MongoDB query compatibility.',
+  title: 'DocumentDB MQL Reference',
+  description: 'MongoDB Query Language (MQL) reference for DocumentDB.',
   extraKeywords: ['reference']
 });
 
diff --git a/app/docs/reference/page.tsx b/app/docs/reference/page.tsx
index 317feed..3ff1963 100644
--- a/app/docs/reference/page.tsx
+++ b/app/docs/reference/page.tsx
@@ -1,12 +1,24 @@
 import Link from 'next/link';
 import ReferenceTable from '../../components/Grid';
 import Breadcrumb from '../../components/Breadcrumb';
-import { getReferencesGroupedByTypeAndCategory } from '../../services/referenceService';
+import Markdown from '../../components/Markdown';
+import { getReferencesGroupedByTypeAndCategory, getReferenceDescription } from '../../services/referenceService';
+import { getMetadata, sanitizeMarkdown } from '../../services/metadataService';
 import pluralize from 'pluralize';
 import { capitalCase } from 'change-case';
 
+export async function generateMetadata() {
+  const description = getReferenceDescription();
+  return getMetadata({
+    title: 'DocumentDB MQL Reference',
+    description: await sanitizeMarkdown(description),
+    extraKeywords: ['reference']
+  });
+}
+
 export default function Home() {
   const grouped = getReferencesGroupedByTypeAndCategory();
+  const description = getReferenceDescription();
   return (
     <article>
       <Breadcrumb />
@@ -15,9 +27,11 @@ export default function Home() {
           MongoDB Query Language (MQL)
         </h2>
         <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-        <p className="text-gray-400 text-lg">
-          Explore the essential MongoDB Query Language (MQL) operators and commands available in this reference. Each entry includes a brief description and usage details to help you build effective queries and manage your database.
-        </p>
+        {description && (
+          <div className="text-gray-400 text-lg mb-6">
+            <Markdown content={description} />
+          </div>
+        )}
       </div>
       {Object.entries(grouped).map(([type, categories]) => {
         return (
diff --git a/app/services/referenceService.ts b/app/services/referenceService.ts
index 24659bd..f1785e1 100644
--- a/app/services/referenceService.ts
+++ b/app/services/referenceService.ts
@@ -178,5 +178,16 @@ export function getCategoryDescription(type: string, category: string): string |
     return fs.readFileSync(metadataPath, 'utf8').trim();
   }
   
+  return undefined;
+}
+
+export function getReferenceDescription(): string | undefined {
+  const root = path.join(process.cwd(), 'reference');
+  const metadataPath = path.join(root, '_metadata.description.md');
+  
+  if (fs.existsSync(metadataPath)) {
+    return fs.readFileSync(metadataPath, 'utf8').trim();
+  }
+  
   return undefined;
 }
\ No newline at end of file

From 7858738da575ab29c8bc0b4144e751d43562d77c Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:23:03 -0500
Subject: [PATCH 20/29] Update content configuration to use correct repository

---
 content.config.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content.config.json b/content.config.json
index 7a76aec..da58990 100644
--- a/content.config.json
+++ b/content.config.json
@@ -1,8 +1,8 @@
 {
   "sources": [
     {
-      "repository": "https://github.com/seesharprun/documentdb-docs",
-      "branch": "preview",
+      "repository": "https://github.com/documentdb/docs",
+      "branch": "main",
       "mappings": [
         {
           "source": "api-reference",

From 42bccdb4ecb9ebe9acfec1273a71389aa8eaf475 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:25:23 -0500
Subject: [PATCH 21/29] Update NPM serve configuration

---
 package-lock.json | 768 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   3 +-
 2 files changed, 770 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 5c7e0c2..d447b21 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38,6 +38,7 @@
         "eslint-config-next": "15.5.4",
         "ink": "^6.5.1",
         "minimatch": "^10.1.1",
+        "serve": "^14.2.5",
         "tailwindcss": "^4",
         "tsx": "^4.19.2",
         "typescript": "^5"
@@ -2549,6 +2550,13 @@
         "win32"
       ]
     },
+    "node_modules/@zeit/schemas": {
+      "version": "2.36.0",
+      "resolved": "https://registry.npmjs.org/@zeit/schemas/-/schemas-2.36.0.tgz",
+      "integrity": "sha512-7kjMwcChYEzMKjeex9ZFXkt1AyNov9R5HZtjBKVsmVpw7pa7ZtlCGvCBC2vnnXctaYN+aRI61HjIqeetZW5ROg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -2589,6 +2597,71 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-align": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-align/-/ansi-align-3.0.1.tgz",
+      "integrity": "sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.1.0"
+      }
+    },
+    "node_modules/ansi-align/node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ansi-align/node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-align/node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-escapes": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-7.2.0.tgz",
@@ -2633,6 +2706,34 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2927,6 +3028,120 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/boxen": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
+      "integrity": "sha512-j//dBVuyacJbvW+tvZ9HuH03fZ46QcaKvvhZickZqtB271DxJ7SNRSNxrV/dZX0085m7hISRZWbzWlJvx/rHSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-align": "^3.0.1",
+        "camelcase": "^7.0.0",
+        "chalk": "^5.0.1",
+        "cli-boxes": "^3.0.0",
+        "string-width": "^5.1.2",
+        "type-fest": "^2.13.0",
+        "widest-line": "^4.0.1",
+        "wrap-ansi": "^8.0.1"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/ansi-styles": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/boxen/node_modules/chalk": {
+      "version": "5.6.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.6.2.tgz",
+      "integrity": "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/boxen/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/widest-line": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/widest-line/-/widest-line-4.0.1.tgz",
+      "integrity": "sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "string-width": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/boxen/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.12",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
@@ -2984,6 +3199,16 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -3043,6 +3268,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/camelcase": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-7.0.1.tgz",
+      "integrity": "sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001721",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
@@ -3089,6 +3327,22 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chalk-template": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/chalk-template/-/chalk-template-0.4.0.tgz",
+      "integrity": "sha512-/ghrgmhfY8RaSdeo43hNXxpoHAtxdbskUHjPpfqUWGttFgycUhYPGx3YZBCnUCvOa7Doivn1IZec3DEGFoMgLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk-template?sponsor=1"
+      }
+    },
     "node_modules/change-case": {
       "version": "5.4.4",
       "resolved": "https://registry.npmjs.org/change-case/-/change-case-5.4.4.tgz",
@@ -3204,6 +3458,24 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/clipboardy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/clipboardy/-/clipboardy-3.0.0.tgz",
+      "integrity": "sha512-Su+uU5sr1jkUy1sGRpLKjKrvEOVXgSgiSInwa/qeID6aJ07yh+5NWc3h2QfjHjBnfX4LhtFcuAWKUsJ3r+fjbg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "arch": "^2.2.0",
+        "execa": "^5.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/code-excerpt": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/code-excerpt/-/code-excerpt-4.0.0.tgz",
@@ -3245,6 +3517,55 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
+      "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "compressible": "~2.0.18",
+        "debug": "2.6.9",
+        "negotiator": "~0.6.4",
+        "on-headers": "~1.1.0",
+        "safe-buffer": "5.2.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -3252,6 +3573,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/convert-to-spaces": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/convert-to-spaces/-/convert-to-spaces-2.0.1.tgz",
@@ -3382,6 +3713,16 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -3483,6 +3824,13 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.616",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
@@ -4331,6 +4679,30 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/execa": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
+      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "get-stream": "^6.0.0",
+        "human-signals": "^2.1.0",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.1",
+        "onetime": "^5.1.2",
+        "signal-exit": "^3.0.3",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
@@ -4636,6 +5008,19 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/get-stream": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
+      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/get-symbol-description": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
@@ -4984,6 +5369,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/human-signals": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
+      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.2.4",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",
@@ -5031,6 +5426,13 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/ink": {
       "version": "6.6.0",
       "resolved": "https://registry.npmjs.org/ink/-/ink-6.6.0.tgz",
@@ -5321,6 +5723,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extendable": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
@@ -5494,6 +5912,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-port-reachable": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-port-reachable/-/is-port-reachable-4.0.0.tgz",
+      "integrity": "sha512-9UoipoxYmSk6Xy7QFgRv2HDyaysmgSG75TFQs6S+3pDM7ZhKTF/bskZV+0UlABHzKjNVhPjYCLfeZUEg1wXxig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
@@ -5542,6 +5973,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-string": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
@@ -5639,6 +6083,19 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/isarray": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
@@ -6424,6 +6881,13 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7011,6 +7475,39 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.18.tgz",
+      "integrity": "sha512-lc/aahn+t4/SWV/qcmumYjymLsWfN3ELhpmVuUFjgsORruuZPVSwAQryq+HHGvO/SI2KVX26bx+En+zhM8g8hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "~1.33.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.33.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.33.0.tgz",
+      "integrity": "sha512-BHJ/EKruNIqJf/QahvxwQZXKygOQ256myeN/Ew+THcAa5q+PjyTTMMeNQC4DZw5AwfvelsUrA6B67NKMqXDbzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -7114,6 +7611,16 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/neo-async": {
       "version": "2.6.2",
       "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
@@ -7187,6 +7694,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -7309,6 +7829,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/on-headers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
+      "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/onetime": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
@@ -7440,6 +7970,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz",
+      "integrity": "sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==",
+      "dev": true,
+      "license": "(WTFPL OR MIT)"
+    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -7455,6 +7992,13 @@
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
       "dev": true
     },
+    "node_modules/path-to-regexp": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
+      "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -7597,6 +8141,42 @@
       ],
       "license": "MIT"
     },
+    "node_modules/range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "dev": true,
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
+    "node_modules/rc/node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react": {
       "version": "19.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
@@ -7750,6 +8330,30 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/registry-auth-token": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.3.2.tgz",
+      "integrity": "sha512-JL39c60XlzCVgNrO+qq68FoNb56w/m7JYvGR2jT5iR1xBrUA3Mfx5Twk5rqTThPmQKMWydGmq8oFtDlxfrmxnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.1.6",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/registry-url": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/registry-url/-/registry-url-3.1.0.tgz",
+      "integrity": "sha512-ZbgR5aZEdf4UKZVBPYIgaglBmSF2Hi94s2PcIHhRGFjKYu+chjJdYfHn4rt3hB6eCKLJ8giVIIfgMa1ehDfZKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "rc": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/remark": {
       "version": "15.0.1",
       "resolved": "https://registry.npmjs.org/remark/-/remark-15.0.1.tgz",
@@ -7832,6 +8436,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -7940,6 +8554,27 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/safe-push-apply": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
@@ -8007,6 +8642,108 @@
         "node": ">=10"
       }
     },
+    "node_modules/serve": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/serve/-/serve-14.2.5.tgz",
+      "integrity": "sha512-Qn/qMkzCcMFVPb60E/hQy+iRLpiU8PamOfOSYoAHmmF+fFFmpPpqa6Oci2iWYpTdOUM3VF+TINud7CfbQnsZbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@zeit/schemas": "2.36.0",
+        "ajv": "8.12.0",
+        "arg": "5.0.2",
+        "boxen": "7.0.0",
+        "chalk": "5.0.1",
+        "chalk-template": "0.4.0",
+        "clipboardy": "3.0.0",
+        "compression": "1.8.1",
+        "is-port-reachable": "4.0.0",
+        "serve-handler": "6.1.6",
+        "update-check": "1.5.4"
+      },
+      "bin": {
+        "serve": "build/main.js"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/serve-handler": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/serve-handler/-/serve-handler-6.1.6.tgz",
+      "integrity": "sha512-x5RL9Y2p5+Sh3D38Fh9i/iQ5ZK+e4xuXRd/pGbM4D13tgo/MGwbttUk8emytcr1YYzBYs+apnUngBDFYfpjPuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.0.0",
+        "content-disposition": "0.5.2",
+        "mime-types": "2.1.18",
+        "minimatch": "3.1.2",
+        "path-is-inside": "1.0.2",
+        "path-to-regexp": "3.3.0",
+        "range-parser": "1.2.0"
+      }
+    },
+    "node_modules/serve-handler/node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/serve-handler/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/serve/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/serve/node_modules/chalk": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+      "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.17.0 || ^14.13 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/serve/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -8498,6 +9235,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -9103,6 +9850,17 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/update-check": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/update-check/-/update-check-1.5.4.tgz",
+      "integrity": "sha512-5YHsflzHP4t1G+8WGPlvKbJEbAJGCgw+Em+dGR1KmBUbr1J36SJBqlHLjR7oob7sco5hWHGQVcr9B2poIVDDTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "registry-auth-token": "3.3.2",
+        "registry-url": "3.1.0"
+      }
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -9112,6 +9870,16 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
diff --git a/package.json b/package.json
index c939f36..ce969b9 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "compile": "npm run compile:clean && npm run compile:content",
     "compile:content": "tsx scripts/compile-content.tsx",
     "compile:clean": "tsx scripts/compile-clean.tsx",
-    "start": "next start",
+    "start": "npx serve out",
     "lint": "eslint"
   },
   "dependencies": {
@@ -42,6 +42,7 @@
     "eslint-config-next": "15.5.4",
     "ink": "^6.5.1",
     "minimatch": "^10.1.1",
+    "serve": "^14.2.5",
     "tailwindcss": "^4",
     "tsx": "^4.19.2",
     "typescript": "^5"

From ff17986cdb30a30131b8c5f4ae5a1cbab2c8cb36 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:28:28 -0500
Subject: [PATCH 22/29] Remove duplicate header

---
 app/docs/[section]/[[...slug]]/page.tsx | 23 ++++++++---------------
 1 file changed, 8 insertions(+), 15 deletions(-)

diff --git a/app/docs/[section]/[[...slug]]/page.tsx b/app/docs/[section]/[[...slug]]/page.tsx
index 12d8ebc..4ec6b9a 100644
--- a/app/docs/[section]/[[...slug]]/page.tsx
+++ b/app/docs/[section]/[[...slug]]/page.tsx
@@ -23,7 +23,7 @@ interface PageProps {
 export async function generateMetadata({ params }: PageProps) {
     const { section, slug = [] } = await params;
     const articleData = getArticleByPath(section, slug);
-    
+
     if (!articleData) {
         return {
             title: 'Documentation - DocumentDB',
@@ -33,7 +33,7 @@ export async function generateMetadata({ params }: PageProps) {
     const { frontmatter, navigation, file } = articleData;
     const selectedNavItem = navigation.find((item) => item.link.includes(file));
     const pageTitle = frontmatter.title || selectedNavItem?.title || section;
-    
+
     return {
         title: `${pageTitle} - DocumentDB Documentation`,
         description: frontmatter.description || undefined,
@@ -106,17 +106,17 @@ export default async function ArticlePage({ params }: PageProps) {
                                 // For other files, match the specific file name
                                 const itemPath = item.link.replace('/docs/', '');
                                 const currentPath = file === 'index' ? section : `${section}/${file}`;
-                                const isActive = itemPath === currentPath || 
-                                                (file === 'index' && itemPath === `${section}/index`) ||
-                                                (item.link.includes(file) && file !== 'index');
-                                
+                                const isActive = itemPath === currentPath ||
+                                    (file === 'index' && itemPath === `${section}/index`) ||
+                                    (item.link.includes(file) && file !== 'index');
+
                                 return (
                                     <Link
                                         key={item.link}
                                         href={item.link}
                                         className={`block w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200 ${isActive
-                                                ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
-                                                : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
+                                            ? "bg-blue-500/20 text-blue-300 border border-blue-500/30"
+                                            : "text-gray-300 hover:text-white hover:bg-neutral-700/50"
                                             }`}
                                     >
                                         {item.title}
@@ -130,13 +130,6 @@ export default async function ArticlePage({ params }: PageProps) {
                 {/* Main Content */}
                 <div className="flex-1 p-8 overflow-y-auto">
                     <div className="max-w-4xl">
-                        <div className="mb-8">
-                            <h2 className="text-4xl font-bold text-white mb-4">
-                                {pageTitle}
-                            </h2>
-                            <div className="w-24 h-1 bg-gradient-to-r from-blue-500 via-purple-500 to-green-500 rounded-full mb-6"></div>
-                        </div>
-
                         {/* Coming Soon Component for coming-soon layout */}
                         {frontmatter.layout === 'coming-soon' && <ComingSoon />}
 

From a21aa739d1690a9d99e893f5f18a2b5862768204 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:31:10 -0500
Subject: [PATCH 23/29] Fix errant URL in `postgres-api`

---
 articles/content.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/articles/content.yml b/articles/content.yml
index b59b308..8514350 100644
--- a/articles/content.yml
+++ b/articles/content.yml
@@ -7,7 +7,7 @@ landing:
     - title: API Reference
       link: /docs/reference
     - title: Postgres Extension API
-      link: /docs/postgresql-api
+      link: /docs/postgres-api
     - title: DocumentDB Local
       link: /docs/documentdb-local
     - title: Architecture under the hood

From 4c2a149a2053c63eab014689931f52a458609fee Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 11:42:34 -0500
Subject: [PATCH 24/29] Simplify workflow to infer and use NPM

---
 .github/workflows/continuous-deployment.yml | 23 +++------------------
 1 file changed, 3 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/continuous-deployment.yml b/.github/workflows/continuous-deployment.yml
index d86b912..6614670 100644
--- a/.github/workflows/continuous-deployment.yml
+++ b/.github/workflows/continuous-deployment.yml
@@ -50,28 +50,11 @@ jobs:
           # Configure DocumentDB version (can be overridden by repository variables)
           echo "DOCUMENTDB_VERSION=${{ vars.DOCUMENTDB_VERSION || 'latest' }}" >> $GITHUB_ENV
           echo "MULTI_VERSION=${{ vars.MULTI_VERSION || 'true' }}" >> $GITHUB_ENV
-      - name: Detect package manager
-        id: detect-package-manager
-        run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-            exit 0
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
-            echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=ci" >> $GITHUB_OUTPUT
-            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
-            exit 0
-          else
-            echo "Unable to determine package manager"
-            exit 1
-          fi
       - name: Setup Node.js
         uses: actions/setup-node@v5
         with:
           node-version: 24
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
+          cache: npm
       - name: Restore cache
         uses: actions/cache@v4
         with:
@@ -83,11 +66,11 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
       - name: Install dependencies
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+        run: npm ci
       - name: Build with Next.js
         env:
           NEXT_BASE_PATH: ${{ github.event.repository.name }}
-        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+        run: npm run build
       - name: Download DocumentDB packages from latest release
         run: .github/scripts/download_packages.sh
       - name: Upload artifact

From 74b95571151c4b2ef5f8c1db812b61b0c37be17d Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Mon, 22 Dec 2025 12:13:59 -0500
Subject: [PATCH 25/29] Update `tsx` package

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d447b21..c067d72 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -40,7 +40,7 @@
         "minimatch": "^10.1.1",
         "serve": "^14.2.5",
         "tailwindcss": "^4",
-        "tsx": "^4.19.2",
+        "tsx": "^4.21.0",
         "typescript": "^5"
       }
     },
diff --git a/package.json b/package.json
index ce969b9..dff507b 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,7 @@
     "minimatch": "^10.1.1",
     "serve": "^14.2.5",
     "tailwindcss": "^4",
-    "tsx": "^4.19.2",
+    "tsx": "^4.21.0",
     "typescript": "^5"
   }
 }

From 403a4a4218944ff36948f742bcb0188c4ff77f50 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 30 Dec 2025 18:48:40 -0500
Subject: [PATCH 26/29] Update package versions to latest

---
 package-lock.json | 629 +++++++++++++++++++++-------------------------
 package.json      |  32 +--
 2 files changed, 304 insertions(+), 357 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c067d72..2c4772a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,11 +11,11 @@
         "change-case": "^5.4.4",
         "gray-matter": "^4.0.3",
         "handlebars": "^4.7.8",
-        "js-yaml": "^4.1.0",
-        "next": "^15.5.4",
+        "js-yaml": "^4.1.1",
+        "next": "^15.5.9",
         "pluralize": "^8.0.0",
-        "react": "19.2.0",
-        "react-dom": "19.2.0",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
         "react-markdown": "^10.1.0",
         "react-syntax-highlighter": "^16.1.0",
         "remark": "^15.0.1",
@@ -23,25 +23,25 @@
         "strip-markdown": "^6.0.0"
       },
       "devDependencies": {
-        "@eslint/eslintrc": "^3",
-        "@next/eslint-plugin-next": "^16.0.6",
-        "@tailwindcss/postcss": "^4",
+        "@eslint/eslintrc": "^3.3.3",
+        "@next/eslint-plugin-next": "^16.1.1",
+        "@tailwindcss/postcss": "^4.1.18",
         "@types/js-yaml": "^4.0.9",
         "@types/minimatch": "^5.1.2",
-        "@types/node": "^20",
+        "@types/node": "^20.19.27",
         "@types/pluralize": "^0.0.33",
-        "@types/react": "^19",
-        "@types/react-dom": "^19",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
         "@types/react-syntax-highlighter": "^15.5.13",
-        "autoprefixer": "^10.0.1",
-        "eslint": "^9",
-        "eslint-config-next": "15.5.4",
-        "ink": "^6.5.1",
+        "autoprefixer": "^10.4.23",
+        "eslint": "^9.39.2",
+        "eslint-config-next": "^15.5.4",
+        "ink": "^6.6.0",
         "minimatch": "^10.1.1",
         "serve": "^14.2.5",
-        "tailwindcss": "^4",
+        "tailwindcss": "^4.1.18",
         "tsx": "^4.21.0",
-        "typescript": "^5"
+        "typescript": "^5.9.3"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -606,13 +606,13 @@
       }
     },
     "node_modules/@eslint/config-array": {
-      "version": "0.21.0",
-      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.0.tgz",
-      "integrity": "sha512-ENIdc4iLu0d93HeYirvKmrzshzofPw6VkZRKQGe9Nv46ZnWUzcF1xV01dcvEg/1wXUR61OmmlSfyeyO7EvjLxQ==",
+      "version": "0.21.1",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.1.tgz",
+      "integrity": "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.6",
+        "@eslint/object-schema": "^2.1.7",
         "debug": "^4.3.1",
         "minimatch": "^3.1.2"
       },
@@ -634,19 +634,22 @@
       }
     },
     "node_modules/@eslint/config-helpers": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.3.1.tgz",
-      "integrity": "sha512-xR93k9WhrDYpXHORXpxVL5oHj3Era7wo6k/Wd8/IsQNnZUTzkGS29lyn3nAT05v6ltUuTFVCCYDEGfy2Or/sPA==",
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
       "dev": true,
       "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
     "node_modules/@eslint/core": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.15.2.tgz",
-      "integrity": "sha512-78Md3/Rrxh83gCxoUc0EiciuOHsIITzLy53m3d9UyiW8y9Dj2D29FeETqyKA+BRK76tnTp6RXWb3pCay8Oyomg==",
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -657,9 +660,9 @@
       }
     },
     "node_modules/@eslint/eslintrc": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.1.tgz",
-      "integrity": "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ==",
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.3.tgz",
+      "integrity": "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -669,7 +672,7 @@
         "globals": "^14.0.0",
         "ignore": "^5.2.0",
         "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
+        "js-yaml": "^4.1.1",
         "minimatch": "^3.1.2",
         "strip-json-comments": "^3.1.1"
       },
@@ -694,9 +697,9 @@
       }
     },
     "node_modules/@eslint/js": {
-      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.36.0.tgz",
-      "integrity": "sha512-uhCbYtYynH30iZErszX78U+nR3pJU3RHGQ57NXy5QupD4SBVwDeU8TNBy+MjMngc1UyIW9noKqsRqfjQTBU2dw==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.2.tgz",
+      "integrity": "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -707,9 +710,9 @@
       }
     },
     "node_modules/@eslint/object-schema": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
-      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
@@ -717,13 +720,13 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.3.5.tgz",
-      "integrity": "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
-        "@eslint/core": "^0.15.2",
+        "@eslint/core": "^0.17.0",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -1232,19 +1235,6 @@
         "node": "20 || >=22"
       }
     },
-    "node_modules/@isaacs/fs-minipass": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
-      "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^7.0.4"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1315,9 +1305,9 @@
       "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "16.0.6",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.0.6.tgz",
-      "integrity": "sha512-9INsBF3/4XL0/tON8AGsh0svnTtDMLwv3iREGWnWkewGdOnd790tguzq9rX8xwrVthPyvaBHhw1ww0GZz0jO5Q==",
+      "version": "16.1.1",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.1.1.tgz",
+      "integrity": "sha512-Ovb/6TuLKbE1UiPcg0p39Ke3puyTCIKN9hGbNItmpQsp+WX3qrjO3WaMVSi6JHr9X1NrmthqIguVHodMJbh/dw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1524,54 +1514,49 @@
       }
     },
     "node_modules/@tailwindcss/node": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.13.tgz",
-      "integrity": "sha512-eq3ouolC1oEFOAvOMOBAmfCIqZBJuvWvvYWh5h5iOYfe1HFC6+GZ6EIL0JdM3/niGRJmnrOc+8gl9/HGUaaptw==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.18.tgz",
+      "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/remapping": "^2.3.4",
         "enhanced-resolve": "^5.18.3",
-        "jiti": "^2.5.1",
-        "lightningcss": "1.30.1",
-        "magic-string": "^0.30.18",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
         "source-map-js": "^1.2.1",
-        "tailwindcss": "4.1.13"
+        "tailwindcss": "4.1.18"
       }
     },
     "node_modules/@tailwindcss/oxide": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.13.tgz",
-      "integrity": "sha512-CPgsM1IpGRa880sMbYmG1s4xhAy3xEt1QULgTJGQmZUeNgXFR7s1YxYygmJyBGtou4SyEosGAGEeYqY7R53bIA==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.18.tgz",
+      "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",
       "dev": true,
-      "hasInstallScript": true,
       "license": "MIT",
-      "dependencies": {
-        "detect-libc": "^2.0.4",
-        "tar": "^7.4.3"
-      },
       "engines": {
         "node": ">= 10"
       },
       "optionalDependencies": {
-        "@tailwindcss/oxide-android-arm64": "4.1.13",
-        "@tailwindcss/oxide-darwin-arm64": "4.1.13",
-        "@tailwindcss/oxide-darwin-x64": "4.1.13",
-        "@tailwindcss/oxide-freebsd-x64": "4.1.13",
-        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.13",
-        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.13",
-        "@tailwindcss/oxide-linux-arm64-musl": "4.1.13",
-        "@tailwindcss/oxide-linux-x64-gnu": "4.1.13",
-        "@tailwindcss/oxide-linux-x64-musl": "4.1.13",
-        "@tailwindcss/oxide-wasm32-wasi": "4.1.13",
-        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.13",
-        "@tailwindcss/oxide-win32-x64-msvc": "4.1.13"
+        "@tailwindcss/oxide-android-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-x64": "4.1.18",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.18",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.18",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.18",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.18"
       }
     },
     "node_modules/@tailwindcss/oxide-android-arm64": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.13.tgz",
-      "integrity": "sha512-BrpTrVYyejbgGo57yc8ieE+D6VT9GOgnNdmh5Sac6+t0m+v+sKQevpFVpwX3pBrM2qKrQwJ0c5eDbtjouY/+ew==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.18.tgz",
+      "integrity": "sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==",
       "cpu": [
         "arm64"
       ],
@@ -1586,9 +1571,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-darwin-arm64": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.13.tgz",
-      "integrity": "sha512-YP+Jksc4U0KHcu76UhRDHq9bx4qtBftp9ShK/7UGfq0wpaP96YVnnjFnj3ZFrUAjc5iECzODl/Ts0AN7ZPOANQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.18.tgz",
+      "integrity": "sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==",
       "cpu": [
         "arm64"
       ],
@@ -1603,9 +1588,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-darwin-x64": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.13.tgz",
-      "integrity": "sha512-aAJ3bbwrn/PQHDxCto9sxwQfT30PzyYJFG0u/BWZGeVXi5Hx6uuUOQEI2Fa43qvmUjTRQNZnGqe9t0Zntexeuw==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.18.tgz",
+      "integrity": "sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==",
       "cpu": [
         "x64"
       ],
@@ -1620,9 +1605,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-freebsd-x64": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.13.tgz",
-      "integrity": "sha512-Wt8KvASHwSXhKE/dJLCCWcTSVmBj3xhVhp/aF3RpAhGeZ3sVo7+NTfgiN8Vey/Fi8prRClDs6/f0KXPDTZE6nQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.18.tgz",
+      "integrity": "sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==",
       "cpu": [
         "x64"
       ],
@@ -1637,9 +1622,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.13.tgz",
-      "integrity": "sha512-mbVbcAsW3Gkm2MGwA93eLtWrwajz91aXZCNSkGTx/R5eb6KpKD5q8Ueckkh9YNboU8RH7jiv+ol/I7ZyQ9H7Bw==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.18.tgz",
+      "integrity": "sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==",
       "cpu": [
         "arm"
       ],
@@ -1654,9 +1639,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.13.tgz",
-      "integrity": "sha512-wdtfkmpXiwej/yoAkrCP2DNzRXCALq9NVLgLELgLim1QpSfhQM5+ZxQQF8fkOiEpuNoKLp4nKZ6RC4kmeFH0HQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.18.tgz",
+      "integrity": "sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==",
       "cpu": [
         "arm64"
       ],
@@ -1671,9 +1656,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.13.tgz",
-      "integrity": "sha512-hZQrmtLdhyqzXHB7mkXfq0IYbxegaqTmfa1p9MBj72WPoDD3oNOh1Lnxf6xZLY9C3OV6qiCYkO1i/LrzEdW2mg==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.18.tgz",
+      "integrity": "sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==",
       "cpu": [
         "arm64"
       ],
@@ -1688,9 +1673,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.13.tgz",
-      "integrity": "sha512-uaZTYWxSXyMWDJZNY1Ul7XkJTCBRFZ5Fo6wtjrgBKzZLoJNrG+WderJwAjPzuNZOnmdrVg260DKwXCFtJ/hWRQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.18.tgz",
+      "integrity": "sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==",
       "cpu": [
         "x64"
       ],
@@ -1705,9 +1690,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-linux-x64-musl": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.13.tgz",
-      "integrity": "sha512-oXiPj5mi4Hdn50v5RdnuuIms0PVPI/EG4fxAfFiIKQh5TgQgX7oSuDWntHW7WNIi/yVLAiS+CRGW4RkoGSSgVQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.18.tgz",
+      "integrity": "sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==",
       "cpu": [
         "x64"
       ],
@@ -1722,9 +1707,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-wasm32-wasi": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.13.tgz",
-      "integrity": "sha512-+LC2nNtPovtrDwBc/nqnIKYh/W2+R69FA0hgoeOn64BdCX522u19ryLh3Vf3F8W49XBcMIxSe665kwy21FkhvA==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.18.tgz",
+      "integrity": "sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==",
       "bundleDependencies": [
         "@napi-rs/wasm-runtime",
         "@emnapi/core",
@@ -1740,21 +1725,21 @@
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "^1.4.5",
-        "@emnapi/runtime": "^1.4.5",
-        "@emnapi/wasi-threads": "^1.0.4",
-        "@napi-rs/wasm-runtime": "^0.2.12",
-        "@tybys/wasm-util": "^0.10.0",
-        "tslib": "^2.8.0"
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.0",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
       },
       "engines": {
         "node": ">=14.0.0"
       }
     },
     "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.13.tgz",
-      "integrity": "sha512-dziTNeQXtoQ2KBXmrjCxsuPk3F3CQ/yb7ZNZNA+UkNTeiTGgfeh+gH5Pi7mRncVgcPD2xgHvkFCh/MhZWSgyQg==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.18.tgz",
+      "integrity": "sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==",
       "cpu": [
         "arm64"
       ],
@@ -1769,9 +1754,9 @@
       }
     },
     "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.13.tgz",
-      "integrity": "sha512-3+LKesjXydTkHk5zXX01b5KMzLV1xl2mcktBJkje7rhFUpUlYJy7IMOLqjIRQncLTa1WZZiFY/foAeB5nmaiTw==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.18.tgz",
+      "integrity": "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==",
       "cpu": [
         "x64"
       ],
@@ -1786,17 +1771,17 @@
       }
     },
     "node_modules/@tailwindcss/postcss": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.13.tgz",
-      "integrity": "sha512-HLgx6YSFKJT7rJqh9oJs/TkBFhxuMOfUKSBEPYwV+t78POOBsdQ7crhZLzwcH3T0UyUuOzU/GK5pk5eKr3wCiQ==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.18.tgz",
+      "integrity": "sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
-        "@tailwindcss/node": "4.1.13",
-        "@tailwindcss/oxide": "4.1.13",
+        "@tailwindcss/node": "4.1.18",
+        "@tailwindcss/oxide": "4.1.18",
         "postcss": "^8.4.41",
-        "tailwindcss": "4.1.13"
+        "tailwindcss": "4.1.18"
       }
     },
     "node_modules/@tailwindcss/postcss/node_modules/postcss": {
@@ -1916,12 +1901,13 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "20.8.10",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.10.tgz",
-      "integrity": "sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==",
+      "version": "20.19.27",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.27.tgz",
+      "integrity": "sha512-N2clP5pJhB2YnZJ3PIHFk5RkygRX5WO/5f0WC08tp0wd+sv0rsJk3MqWn3CbNmT2J505a5336jaQj4ph1AdMug==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "undici-types": "~5.26.4"
+        "undici-types": "~6.21.0"
       }
     },
     "node_modules/@types/pluralize": {
@@ -1938,23 +1924,22 @@
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "19.1.16",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.16.tgz",
-      "integrity": "sha512-WBM/nDbEZmDUORKnh5i1bTnAz6vTohUf9b8esSMu+b24+srbaxa04UbJgWx78CVfNXA20sNu0odEIluZDFdCog==",
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
-        "csstype": "^3.0.2"
+        "csstype": "^3.2.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "19.1.9",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.9.tgz",
-      "integrity": "sha512-qXRuZaOsAdXKFyOhRBg6Lqqc0yay13vN7KrIg4L7N4aaHN68ma9OK3NE1BoDFgFOTfM7zg+3/8+2n8rLUH3OKQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
-        "@types/react": "^19.0.0"
+        "@types/react": "^19.2.0"
       }
     },
     "node_modules/@types/react-syntax-highlighter": {
@@ -2019,7 +2004,6 @@
       "integrity": "sha512-TGf22kon8KW+DeKaUmOibKWktRY8b2NSAZNdtWh798COm1NWx8+xJ6iFBtk3IvLdv6+LGLJLRlyhrhEDZWargQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.45.0",
         "@typescript-eslint/types": "8.45.0",
@@ -2563,7 +2547,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2940,9 +2923,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.16",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
-      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "version": "10.4.23",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.23.tgz",
+      "integrity": "sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==",
       "dev": true,
       "funding": [
         {
@@ -2958,12 +2941,12 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.10",
-        "caniuse-lite": "^1.0.30001538",
-        "fraction.js": "^4.3.6",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
+        "browserslist": "^4.28.1",
+        "caniuse-lite": "^1.0.30001760",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -3028,6 +3011,16 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.9.11",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.11.tgz",
+      "integrity": "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
     "node_modules/boxen": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-7.0.0.tgz",
@@ -3167,9 +3160,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.2.tgz",
-      "integrity": "sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==",
+      "version": "4.28.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
+      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
       "dev": true,
       "funding": [
         {
@@ -3185,12 +3178,13 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001565",
-        "electron-to-chromium": "^1.4.601",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "baseline-browser-mapping": "^2.9.0",
+        "caniuse-lite": "^1.0.30001759",
+        "electron-to-chromium": "^1.5.263",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.2.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -3282,9 +3276,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001721",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001721.tgz",
-      "integrity": "sha512-cOuvmUVtKrtEaoKiO0rSc29jcjwMwX5tOHDy4MgVFEWiUXj4uBMJkwI8MDySkgXidpMiHUcviogAvFi4pA2hDQ==",
+      "version": "1.0.30001762",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001762.tgz",
+      "integrity": "sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw==",
       "funding": [
         {
           "type": "opencollective",
@@ -3379,16 +3373,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/chownr": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
-      "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/cli-boxes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-3.0.0.tgz",
@@ -3609,9 +3593,10 @@
       }
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
     },
     "node_modules/damerau-levenshtein": {
       "version": "1.0.8",
@@ -3832,10 +3817,11 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.616",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
-      "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
-      "dev": true
+      "version": "1.5.267",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
+      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -3845,9 +3831,9 @@
       "license": "MIT"
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.18.3",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
-      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "version": "5.18.4",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz",
+      "integrity": "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4102,10 +4088,11 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -4123,26 +4110,24 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.36.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.36.0.tgz",
-      "integrity": "sha512-hB4FIzXovouYzwzECDcUkJ4OcfOEkXTv2zRY6B9bkwjx/cprAq0uvm1nl7zvQ0/TsUk0zQiN4uPfJpB9m+rPMQ==",
+      "version": "9.39.2",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.2.tgz",
+      "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
-        "@eslint/config-array": "^0.21.0",
-        "@eslint/config-helpers": "^0.3.1",
-        "@eslint/core": "^0.15.2",
+        "@eslint/config-array": "^0.21.1",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
         "@eslint/eslintrc": "^3.3.1",
-        "@eslint/js": "9.36.0",
-        "@eslint/plugin-kit": "^0.3.5",
+        "@eslint/js": "9.39.2",
+        "@eslint/plugin-kit": "^0.4.1",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.2",
         "@types/estree": "^1.0.6",
-        "@types/json-schema": "^7.0.15",
         "ajv": "^6.12.4",
         "chalk": "^4.0.0",
         "cross-spawn": "^7.0.6",
@@ -4335,7 +4320,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -4880,15 +4864,16 @@
       }
     },
     "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "*"
       },
       "funding": {
-        "type": "patreon",
+        "type": "github",
         "url": "https://github.com/sponsors/rawify"
       }
     },
@@ -6255,9 +6240,9 @@
       }
     },
     "node_modules/lightningcss": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
-      "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
       "dev": true,
       "license": "MPL-2.0",
       "dependencies": {
@@ -6271,22 +6256,44 @@
         "url": "https://opencollective.com/parcel"
       },
       "optionalDependencies": {
-        "lightningcss-darwin-arm64": "1.30.1",
-        "lightningcss-darwin-x64": "1.30.1",
-        "lightningcss-freebsd-x64": "1.30.1",
-        "lightningcss-linux-arm-gnueabihf": "1.30.1",
-        "lightningcss-linux-arm64-gnu": "1.30.1",
-        "lightningcss-linux-arm64-musl": "1.30.1",
-        "lightningcss-linux-x64-gnu": "1.30.1",
-        "lightningcss-linux-x64-musl": "1.30.1",
-        "lightningcss-win32-arm64-msvc": "1.30.1",
-        "lightningcss-win32-x64-msvc": "1.30.1"
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
     "node_modules/lightningcss-darwin-arm64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz",
-      "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
       "cpu": [
         "arm64"
       ],
@@ -6305,9 +6312,9 @@
       }
     },
     "node_modules/lightningcss-darwin-x64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz",
-      "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
       "cpu": [
         "x64"
       ],
@@ -6326,9 +6333,9 @@
       }
     },
     "node_modules/lightningcss-freebsd-x64": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz",
-      "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
       "cpu": [
         "x64"
       ],
@@ -6347,9 +6354,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm-gnueabihf": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz",
-      "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
       "cpu": [
         "arm"
       ],
@@ -6368,9 +6375,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm64-gnu": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz",
-      "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
       "cpu": [
         "arm64"
       ],
@@ -6389,9 +6396,9 @@
       }
     },
     "node_modules/lightningcss-linux-arm64-musl": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz",
-      "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
       "cpu": [
         "arm64"
       ],
@@ -6410,9 +6417,9 @@
       }
     },
     "node_modules/lightningcss-linux-x64-gnu": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz",
-      "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
       "cpu": [
         "x64"
       ],
@@ -6431,9 +6438,9 @@
       }
     },
     "node_modules/lightningcss-linux-x64-musl": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz",
-      "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
       "cpu": [
         "x64"
       ],
@@ -6452,9 +6459,9 @@
       }
     },
     "node_modules/lightningcss-win32-arm64-msvc": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz",
-      "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
       "cpu": [
         "arm64"
       ],
@@ -6473,9 +6480,9 @@
       }
     },
     "node_modules/lightningcss-win32-x64-msvc": {
-      "version": "1.30.1",
-      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz",
-      "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==",
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
       "cpu": [
         "x64"
       ],
@@ -6552,9 +6559,9 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.19",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.19.tgz",
-      "integrity": "sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==",
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7543,29 +7550,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/minizlib": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
-      "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "minipass": "^7.1.2"
-      },
-      "engines": {
-        "node": ">= 18"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -7680,19 +7664,11 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
       "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "license": "MIT"
     },
     "node_modules/npm-run-path": {
       "version": "4.0.1",
@@ -8055,7 +8031,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
@@ -8178,26 +8153,24 @@
       }
     },
     "node_modules/react": {
-      "version": "19.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
-      "integrity": "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
+      "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/react-dom": {
-      "version": "19.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.0.tgz",
-      "integrity": "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==",
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
       "peerDependencies": {
-        "react": "^19.2.0"
+        "react": "^19.2.3"
       }
     },
     "node_modules/react-is": {
@@ -9336,16 +9309,16 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "4.1.13",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.13.tgz",
-      "integrity": "sha512-i+zidfmTqtwquj4hMEwdjshYYgMbOrPzb9a0M3ZgNa0JMoZeFC6bxZvO8yr8ozS6ix2SDz0+mvryPeBs2TFE+w==",
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
+      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
       "dev": true,
       "license": "MIT"
     },
     "node_modules/tapable": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
-      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9356,23 +9329,6 @@
         "url": "https://opencollective.com/webpack"
       }
     },
-    "node_modules/tar": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.2.tgz",
-      "integrity": "sha512-7NyxrTE4Anh8km8iEy7o0QYPs+0JKBTj5ZaqHg6B39erLg0qYXN3BijtShwbsNSvQ+LN75+KV+C4QR/f6Gwnpg==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "dependencies": {
-        "@isaacs/fs-minipass": "^4.0.0",
-        "chownr": "^3.0.0",
-        "minipass": "^7.1.2",
-        "minizlib": "^3.1.0",
-        "yallist": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -9414,7 +9370,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -9611,11 +9566,11 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
-      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
-      "peer": true,
+      "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -9657,10 +9612,11 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/unified": {
       "version": "11.0.5",
@@ -9821,9 +9777,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
       "dev": true,
       "funding": [
         {
@@ -9839,9 +9795,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -10099,16 +10056,6 @@
         }
       }
     },
-    "node_modules/yallist": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
-      "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
-      "dev": true,
-      "license": "BlueOak-1.0.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index dff507b..2c332ae 100644
--- a/package.json
+++ b/package.json
@@ -15,11 +15,11 @@
     "change-case": "^5.4.4",
     "gray-matter": "^4.0.3",
     "handlebars": "^4.7.8",
-    "js-yaml": "^4.1.0",
-    "next": "^15.5.4",
+    "js-yaml": "^4.1.1",
+    "next": "^15.5.9",
     "pluralize": "^8.0.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.0",
     "remark": "^15.0.1",
@@ -27,24 +27,24 @@
     "strip-markdown": "^6.0.0"
   },
   "devDependencies": {
-    "@eslint/eslintrc": "^3",
-    "@next/eslint-plugin-next": "^16.0.6",
-    "@tailwindcss/postcss": "^4",
+    "@eslint/eslintrc": "^3.3.3",
+    "@next/eslint-plugin-next": "^16.1.1",
+    "@tailwindcss/postcss": "^4.1.18",
     "@types/js-yaml": "^4.0.9",
     "@types/minimatch": "^5.1.2",
-    "@types/node": "^20",
+    "@types/node": "^20.19.27",
     "@types/pluralize": "^0.0.33",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
-    "autoprefixer": "^10.0.1",
-    "eslint": "^9",
-    "eslint-config-next": "15.5.4",
-    "ink": "^6.5.1",
+    "autoprefixer": "^10.4.23",
+    "eslint": "^9.39.2",
+    "eslint-config-next": "^15.5.4",
+    "ink": "^6.6.0",
     "minimatch": "^10.1.1",
     "serve": "^14.2.5",
-    "tailwindcss": "^4",
+    "tailwindcss": "^4.1.18",
     "tsx": "^4.21.0",
-    "typescript": "^5"
+    "typescript": "^5.9.3"
   }
 }

From e3b93d8d147a265d0418e84dedfa6fbf0a21ca88 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 30 Dec 2025 18:48:44 -0500
Subject: [PATCH 27/29] Add site build validation

---
 .github/workflows/continuous-integration.yml | 23 ++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/.github/workflows/continuous-integration.yml b/.github/workflows/continuous-integration.yml
index fba2a6f..655bc9e 100644
--- a/.github/workflows/continuous-integration.yml
+++ b/.github/workflows/continuous-integration.yml
@@ -1,12 +1,16 @@
+# Workflow for validating content structure and build integrity
 name: Validate structured content
 on:
+  # Runs on pushes targeting the default branch
   push:
     branches:
       - main
+  # Runs on pull requests targeting the default branch
   pull_request:
     branches:
       - main
 jobs:
+  # YAML schema validation job
   yaml-schema-validation:
     name: Validate YAML files against schemas
     runs-on: ubuntu-latest
@@ -25,3 +29,22 @@ jobs:
           npx yaml-ls-check .\articles
           npx yaml-ls-check .\blogs
           npx yaml-ls-check .\reference
+  # Build validation job
+  build-validation:
+    name: Validate Next.js build
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+      - name: Setup Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version: 24
+          cache: npm
+      - name: Install dependencies
+        run: npm ci
+      - name: Build Next.js site
+        # Validate that the site builds successfully
+        #
+        # Use the built-in NPM script to build the site
+        run: npm run build

From 55ad86e479390374d7de198a52d52d1ca18acddb Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 30 Dec 2025 18:59:43 -0500
Subject: [PATCH 28/29] Change title casing for sections in navigation bar

---
 app/docs/[section]/[[...slug]]/page.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/docs/[section]/[[...slug]]/page.tsx b/app/docs/[section]/[[...slug]]/page.tsx
index 4ec6b9a..ab4780f 100644
--- a/app/docs/[section]/[[...slug]]/page.tsx
+++ b/app/docs/[section]/[[...slug]]/page.tsx
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import { notFound } from 'next/navigation';
+import { capitalCase } from 'change-case';
 import { getAllArticlePaths, getArticleByPath } from "../../../services/articleService";
 import ComingSoon from "../../../components/ComingSoon";
 import Markdown from "../../../components/Markdown";
@@ -92,8 +93,12 @@ export default async function ArticlePage({ params }: PageProps) {
                             </svg>
                             Back to Documentation
                         </Link>
-                        <h1 className="text-2xl font-bold text-white capitalize">
-                            {section}
+                        <h1 className="text-2xl font-bold text-white">
+                            {
+                                capitalCase(section)
+                                    .replace(/documentdb/i, 'DocumentDB')
+                                    .replace(/api/i, 'API')
+                            }
                         </h1>
                     </div>
 

From 2ecba8c2bc8ccf2c9d3812f49748f59bf82d6be9 Mon Sep 17 00:00:00 2001
From: seesharprun <sidandrews@microsoft.com>
Date: Tue, 30 Dec 2025 19:01:06 -0500
Subject: [PATCH 29/29] Update CI workflow title

---
 .github/workflows/continuous-integration.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/continuous-integration.yml b/.github/workflows/continuous-integration.yml
index 655bc9e..ee09c25 100644
--- a/.github/workflows/continuous-integration.yml
+++ b/.github/workflows/continuous-integration.yml
@@ -1,5 +1,5 @@
 # Workflow for validating content structure and build integrity
-name: Validate structured content
+name: Validate site and content
 on:
   # Runs on pushes targeting the default branch
   push: