feat(apollo-vertex): dashboard template foundation — registry, data layer, shell

Adds registry token updates (insight color palette, font tokens), nav
scaffolding, preview pages, and the core dashboard shell components:
DashboardTemplate, DashboardShellWrapper, DashboardRoutes,
DashboardContent, DashboardLoading, DashboardDataProvider, and
dashboard-data. Also adds Autopilot SVG assets and card component update.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 2 people

apps/apollo-vertex/app/globals.css

@@ -1,4 +1,6 @@
 @import 'tailwindcss';
+@source "../registry";
+@source "../templates";
 
 /* Optional: import Nextra theme styles */
 @import 'nextra-theme-docs/style.css';

apps/apollo-vertex/app/preview/_meta.ts

@@ -0,0 +1,3 @@
+export default {
+  "*": { display: "hidden" },
+};

apps/apollo-vertex/app/preview/dashboard-minimal/page.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const DashboardTemplate = dynamic(
+  () =>
+    import("@/templates/dashboard/DashboardTemplate").then(
+      (mod) => mod.DashboardTemplate,
+    ),
+  { ssr: false },
+);
+
+export default function DashboardMinimalPreviewPage() {
+  return (
+    <div className="fixed inset-0 z-50 bg-background not-prose">
+      <DashboardTemplate shellVariant="minimal" />
+    </div>
+  );
+}

apps/apollo-vertex/app/preview/dashboard/page.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const DashboardTemplate = dynamic(
+  () =>
+    import("@/templates/dashboard/DashboardTemplate").then(
+      (mod) => mod.DashboardTemplate,
+    ),
+  { ssr: false },
+);
+
+export default function DashboardPreviewPage() {
+  return (
+    <div className="fixed inset-0 z-50 bg-background not-prose">
+      <DashboardTemplate />
+    </div>
+  );
+}

apps/apollo-vertex/public/Autopilot_dark.svg

@@ -80,7 +80,17 @@
           "color-ai-chat-input-foreground": "var(--ai-chat-input-foreground)",
           "color-ai-chat-ring": "var(--ai-chat-ring)",
           "color-ai-chat-muted": "var(--ai-chat-muted)",
-          "color-ai-chat-muted-foreground": "var(--ai-chat-muted-foreground)"
+          "color-ai-chat-muted-foreground": "var(--ai-chat-muted-foreground)",
+          "color-insight-50": "var(--insight-50)",
+          "color-insight-100": "var(--insight-100)",
+          "color-insight-200": "var(--insight-200)",
+          "color-insight-300": "var(--insight-300)",
+          "color-insight-400": "var(--insight-400)",
+          "color-insight-500": "var(--insight-500)",
+          "color-insight-600": "var(--insight-600)",
+          "color-insight-700": "var(--insight-700)",
+          "color-insight-800": "var(--insight-800)",
+          "color-insight-900": "var(--insight-900)"
         },
         "light": {
           "background": "oklch(1 0 89.8800)",
@@ -134,6 +144,19 @@
           "sidebar-accent-foreground": "oklch(0.1660 0.0283 203.3380)",
           "sidebar-border": "oklch(0.9237 0.0133 262.3780)",
           "sidebar-ring": "oklch(0.64 0.115 208)",
+          "insight-50": "oklch(0.96 0.03 277)",
+          "insight-100": "oklch(0.92 0.05 277)",
+          "insight-200": "oklch(0.86 0.09 277)",
+          "insight-300": "oklch(0.78 0.14 277)",
+          "insight-400": "oklch(0.70 0.19 277)",
+          "insight-500": "oklch(0.62 0.22 277)",
+          "insight-600": "oklch(0.56 0.20 277)",
+          "insight-700": "oklch(0.48 0.17 277)",
+          "insight-800": "oklch(0.38 0.13 278)",
+          "insight-900": "oklch(0.30 0.10 278)",
+          "font-sans": "Inter, ui-sans-serif, sans-serif, system-ui",
+          "font-serif": "IBM Plex Serif, ui-serif, serif",
+          "font-mono": "IBM Plex Mono, ui-monospace, monospace",
           "radius": "0.625rem",
           "shadow-x": "0",
           "shadow-y": "0px",
@@ -238,6 +261,19 @@
           "sidebar-accent-foreground": "oklch(0.9525 0.0110 225.9830)",
           "sidebar-border": "oklch(0.9525 0.0110 225.9830)",
           "sidebar-ring": "oklch(0.69 0.112 207)",
+          "insight-50": "oklch(0.96 0.03 277)",
+          "insight-100": "oklch(0.92 0.05 277)",
+          "insight-200": "oklch(0.86 0.09 277)",
+          "insight-300": "oklch(0.78 0.14 277)",
+          "insight-400": "oklch(0.70 0.19 277)",
+          "insight-500": "oklch(0.62 0.22 277)",
+          "insight-600": "oklch(0.56 0.20 277)",
+          "insight-700": "oklch(0.48 0.17 277)",
+          "insight-800": "oklch(0.38 0.13 278)",
+          "insight-900": "oklch(0.30 0.10 278)",
+          "font-sans": "Inter, ui-sans-serif, sans-serif, system-ui",
+          "font-serif": "IBM Plex Serif, ui-serif, serif",
+          "font-mono": "IBM Plex Mono, ui-monospace, monospace",
           "radius": "0.625rem",
           "shadow-x": "0",
           "shadow-y": "0px",

apps/apollo-vertex/public/Autopilot_light.svg

@@ -10,7 +10,7 @@ export const GLASS_CLASSES = [
   "dark:shadow-[0_2px_24px_2px_rgba(0,0,0,0.12),inset_0_1px_0_0_color-mix(in_srgb,var(--sidebar)_5%,transparent)]",
 ] as const;
 
-const cardVariants = cva("flex flex-col text-card-foreground", {
+const cardVariants = cva("flex flex-col gap-6 py-6 text-card-foreground", {
   variants: {
     variant: {
       default: GLASS_CLASSES,

apps/apollo-vertex/registry.json

@@ -0,0 +1,6 @@
+"use client";
+
+// Stub — full implementation is added in a later PR once all dependencies are available.
+export function DashboardContent() {
+  return null;
+}

apps/apollo-vertex/registry/card/card.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+import { useState, type ReactNode } from "react";
+import { ecommerceDataset, type DashboardDataset } from "./dashboard-data";
+import { DashboardDataContext } from "./dashboard-data-context";
+
+export function DashboardDataProvider({ children }: { children: ReactNode }) {
+  const [data, setData] = useState<DashboardDataset>(ecommerceDataset);
+
+  return (
+    <DashboardDataContext.Provider value={{ data, setDataset: setData }}>
+      {children}
+    </DashboardDataContext.Provider>
+  );
+}