feat: consume @vantagecompute/docusaurus-theme and upgrade all deps

docusaurus.config.js

@@ -1,6 +1,7 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 const { themes: prismThemes } = require("prism-react-renderer");
+const { staticDir, rehypeTabsTransform } = require("@vantagecompute/docusaurus-theme");
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -48,7 +49,9 @@ const config = {
         },
     },
 
-    themes: ["@docusaurus/theme-mermaid"],
+    themes: ["@docusaurus/theme-mermaid", "@vantagecompute/docusaurus-theme"],
+
+    staticDirectories: ["static", staticDir],
 
     presets: [
         [
@@ -58,7 +61,7 @@ const config = {
                 docs: {
                     sidebarPath: require.resolve("./sidebars-main.js"),
                     rehypePlugins: [
-                        require("./src/rehypeTabsTransform.js"),
+                        rehypeTabsTransform,
                         // [require('rehype-external-links').default, { target: '_blank', rel: ['noopener', 'noreferrer'] }],
                     ],
                     routeBasePath: "/", // Make docs the root
@@ -92,10 +95,7 @@ const config = {
                         from: "/how-to-guides/cloud-accounts/lxd-on-premises",
                         to: "/how-to-guides/cloud-accounts/connect-cloud-account",
                     },
-                    {
-                        from: "/explanation/cli-architecture",
-                        to: "/reference/developer-tools/cli/architecture",
-                    },
+
                     {
                         from: "/explanation/workbench/overview",
                         to: "/explanation/workbench",

package.json

@@ -16,8 +16,8 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
-    "@ai-sdk/react": "^3.0.177",
-    "@algolia/client-search": "^5.0.0",
+    "@ai-sdk/react": "^4.0.21",
+    "@algolia/client-search": "^5.55.2",
     "@docusaurus/core": "^3.10.1",
     "@docusaurus/plugin-client-redirects": "^3.10.1",
     "@docusaurus/plugin-content-docs": "^3.10.1",
@@ -26,30 +26,30 @@
     "@docusaurus/theme-common": "^3.10.1",
     "@docusaurus/theme-mermaid": "^3.10.1",
     "@docusaurus/theme-search-algolia": "^3.10.1",
-    "@mdx-js/react": "^3.0.0",
-    "ai": "^6.0.175",
-    "clsx": "^2.0.0",
-    "cspell": "^9.2.1",
-    "docusaurus-plugin-llms": "^0.2.0",
-    "glob": "^11.0.3",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "@mdx-js/react": "^3.1.1",
+    "ai": "^7.0.20",
+    "clsx": "^2.1.1",
+    "cspell": "^10.0.1",
+    "docusaurus-plugin-llms": "^0.4.0",
+    "glob": "^13.0.6",
+    "prism-react-renderer": "^2.4.1",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-loadable": "^5.5.0",
     "react-markdown": "^10.1.0",
     "rehype-external-links": "^3.0.0",
     "remark-gfm": "^4.0.1",
-    "search-insights": "^2.0.0",
-    "unist-util-visit": "^5.0.0",
-    "zod": "^3.25.76"
+    "search-insights": "^2.17.3",
+    "unist-util-visit": "^5.1.0",
+    "zod": "^4.4.3",
+    "@vantagecompute/docusaurus-theme": "^0.2.2"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "^3.10.1",
     "@docusaurus/tsconfig": "^3.10.1",
     "@docusaurus/types": "^3.10.1",
     "@types/react": "^19.2.17",
-    "docusaurus-plugin-llms": "^0.2.0",
-    "typescript": "~5.6.2"
+    "typescript": "~7.0.2"
   },
   "browserslist": {
     "production": [

sidebars-main.js

@@ -374,7 +374,7 @@ module.exports = {
       category('Developer tools', 'reference/developer-tools/index', [
         category('CLI', 'reference/developer-tools/cli/index', [
           doc('reference/developer-tools/cli/commands', 'Commands'),
-          doc('reference/developer-tools/cli/architecture', 'Architecture'),
+          // doc('reference/developer-tools/cli/architecture', 'Architecture'), // removed: doc no longer exists
           doc('reference/developer-tools/cli/contributing', 'Contributing'),
           doc('reference/developer-tools/cli/contact', 'Contact'),
         ]),

src/components/AskAIButton/index.tsx

@@ -1,9 +1,8 @@
 // src/components/AskAIButton/index.tsx
-import React from 'react';
 import styles from './styles.module.css';
 import { useChatContext } from '@site/src/context/ChatContext';
 
-export default function AskAIButton({ onClick }: { onClick?: () => void } = {}): React.JSX.Element {
+export default function AskAIButton({ onClick }: { onClick?: () => void } = {}) {
   const { isOpen, toggleChat } = useChatContext();
   return (
     <div className={`${styles.wrap} ${isOpen ? styles.active : ''}`} data-navbar-ask-ai>

src/components/ChatSidePanel/index.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect, useState } from 'react';
+import { useRef, useEffect, useState, type FormEvent } from 'react';
 import styles from './styles.module.css';
 import { useChatContext } from '@site/src/context/ChatContext';
 import ReactMarkdown from 'react-markdown';
@@ -34,7 +34,7 @@ const markdownComponents: Components = {
   },
 };
 
-export default function ChatSidePanel(): React.JSX.Element {
+export default function ChatSidePanel() {
   const { isOpen, toggleChat, chat } = useChatContext();
   const { messages, sendMessage, status, error, regenerate } = chat;
   const [input, setInput] = useState('');
@@ -74,7 +74,7 @@ export default function ChatSidePanel(): React.JSX.Element {
     return () => window.removeEventListener('keydown', handleKeyDown);
   }, [isOpen, toggleChat]);
 
-  const onSubmit = (e: React.FormEvent) => {
+  const onSubmit = (e: FormEvent) => {
     e.preventDefault();
     const trimmed = input.trim();
     if (trimmed && !isBusy) {

src/components/CopyMcpServerButton/index.tsx

@@ -1,5 +1,5 @@
 // src/components/CopyMcpServerButton/index.tsx
-import React, { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import { useLocation } from '@docusaurus/router';
 import styles from './styles.module.css';
 import { useChatContext } from '@site/src/context/ChatContext';
@@ -35,7 +35,7 @@ function ItemLabel({ label, desc }: { label: string; desc: string }) {
   );
 }
 
-export default function CopyMcpServerButton(): React.JSX.Element {
+export default function CopyMcpServerButton() {
   const [open, setOpen] = useState(false);
   const [copiedKey, setCopiedKey] = useState<string | null>(null);
   const wrapRef = useRef<HTMLDivElement>(null);

src/components/FloatingAskWidget/index.tsx

@@ -1,9 +1,8 @@
 // src/components/FloatingAskWidget/index.tsx
-import React from 'react';
 import styles from './styles.module.css';
 import { useChatContext } from '@site/src/context/ChatContext';
 
-export default function FloatingAskWidget(): React.JSX.Element {
+export default function FloatingAskWidget() {
   const { isOpen, toggleChat } = useChatContext();
 
   // Hide floating widget when chat panel is open

src/context/ChatContext.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useCallback, useEffect, useRef } from 'react';
+import { createContext, useContext, useState, useCallback, useEffect, useRef, type ReactNode } from 'react';
 
 const ALGOLIA_URL =
   'https://mpyyynenh9.algolia.net/agent-studio/1/agents/3d432b4c-51a5-433b-8cc2-3fb2ac9ed3df/completions?stream=true&compatibilityMode=ai-sdk-5';
@@ -150,7 +150,7 @@ export function useChatContext(): ChatContextValue {
   return ctx;
 }
 
-export function ChatProvider({ children }: { children: React.ReactNode }): React.JSX.Element {
+export function ChatProvider({ children }: { children: ReactNode }) {
   const [isOpen, setIsOpen] = useState(false);
   const chat = useAlgoliaChat();
   const toggleChat = useCallback(() => setIsOpen((o) => !o), []);