consolidate gateway navbar

apps/dashboard/redirects.js

@@ -115,6 +115,16 @@ const projectPageRedirects = [
     permanent: false,
     source: `${projectRoute}/connect/analytics`,
   },
+  {
+    destination: `${projectRoute}/gateway/indexer/:path*`,
+    permanent: false,
+    source: `${projectRoute}/insight/:path*`,
+  },
+  {
+    destination: `${projectRoute}/gateway/rpc/:path*`,
+    permanent: false,
+    source: `${projectRoute}/rpc/:path*`,
+  },
 ];
 
 const teamPageRedirects = [

apps/dashboard/src/app/(app)/(dashboard)/(chain)/components/server/products.ts

@@ -1,7 +1,6 @@
 import { ConnectSDKIcon } from "@/icons/ConnectSDKIcon";
 import { ContractIcon } from "@/icons/ContractIcon";
 import { EngineIcon } from "@/icons/EngineIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { NebulaIcon } from "@/icons/NebulaIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { RPCIcon } from "@/icons/RPCIcon";
@@ -51,13 +50,6 @@ export const products = [
     link: "https://portal.thirdweb.com/payments",
     name: "Payments",
   },
-  {
-    description: "Query and analyze blockchain data",
-    icon: InsightIcon,
-    id: "insight",
-    link: "https://thirdweb.com/insight",
-    name: "Insight",
-  },
   {
     description: "The most powerful AI for interacting with the blockchain",
     icon: NebulaIcon,

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectFTUX/ProjectFTUX.tsx

@@ -13,7 +13,6 @@ import { TypeScriptIcon } from "@/icons/brand-icons/TypeScriptIcon";
 import { UnityIcon } from "@/icons/brand-icons/UnityIcon";
 import { UnrealIcon } from "@/icons/brand-icons/UnrealIcon";
 import { ContractIcon } from "@/icons/ContractIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { ClientIDSection } from "./ClientIDSection";
 import { SecretKeySection } from "./SecretKeySection";
@@ -111,13 +110,6 @@ function ProductsSection(props: { teamSlug: string; projectSlug: string }) {
       icon: ContractIcon,
       title: "Contracts",
     },
-    {
-      description:
-        "Add indexing capabilities to retrieve real-time onchain data",
-      href: `/team/${props.teamSlug}/${props.projectSlug}/insight`,
-      icon: InsightIcon,
-      title: "Insight",
-    },
     {
       description:
         "Bridge, swap, and purchase cryptocurrencies with any fiat options or tokens via cross-chain routing",

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/ProjectSidebarLayout.tsx

@@ -14,8 +14,6 @@ import {
   type ShadcnSidebarLink,
 } from "@/components/blocks/full-width-sidebar-layout";
 import { BridgeIcon } from "@/icons/BridgeIcon";
-import { ContractIcon } from "@/icons/ContractIcon";
-import { InsightIcon } from "@/icons/InsightIcon";
 import { NebulaIcon } from "@/icons/NebulaIcon";
 import { PayIcon } from "@/icons/PayIcon";
 import { TokenIcon } from "@/icons/TokenIcon";
@@ -24,6 +22,7 @@ import { WalletProductIcon } from "@/icons/WalletProductIcon";
 export function ProjectSidebarLayout(props: {
   layoutPath: string;
   children: React.ReactNode;
+  hasEngines: boolean;
 }) {
   const contentSidebarLinks = [
     {
@@ -36,91 +35,79 @@ export function ProjectSidebarLayout(props: {
       separator: true,
     },
     {
-      group: "Build",
+      subMenu: {
+        icon: WalletProductIcon,
+        label: "Wallets",
+      },
       links: [
         {
-          subMenu: {
-            icon: WalletProductIcon,
-            label: "Wallets",
-          },
-          links: [
-            {
-              href: `${props.layoutPath}/wallets/user-wallets`,
-              label: "User Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/server-wallets`,
-              label: "Server Wallets",
-            },
-            {
-              href: `${props.layoutPath}/wallets/sponsored-gas`,
-              label: "Gas Sponsorship",
-            },
-          ],
+          href: `${props.layoutPath}/wallets/user-wallets`,
+          label: "User Wallets",
         },
         {
-          href: `${props.layoutPath}/contracts`,
-          icon: ContractIcon,
-          label: "Contracts",
+          href: `${props.layoutPath}/wallets/server-wallets`,
+          label: "Server Wallets",
         },
         {
-          href: `${props.layoutPath}/ai`,
-          icon: NebulaIcon,
-          label: "AI",
+          href: `${props.layoutPath}/wallets/sponsored-gas`,
+          label: "Gas Sponsorship",
         },
       ],
     },
     {
-      separator: true,
+      href: `${props.layoutPath}/x402`,
+      icon: PayIcon,
+      label: (
+        <span className="flex items-center gap-2">
+          x402 <Badge>New</Badge>
+        </span>
+      ),
     },
     {
-      group: "Monetize",
-      links: [
-        {
-          href: `${props.layoutPath}/x402`,
-          icon: PayIcon,
-          label: (
-            <span className="flex items-center gap-2">
-              x402 <Badge>New</Badge>
-            </span>
-          ),
-        },
-        {
-          href: `${props.layoutPath}/bridge`,
-          icon: BridgeIcon,
-          label: "Bridge",
-        },
-        {
-          href: `${props.layoutPath}/tokens`,
-          icon: TokenIcon,
-          label: "Tokens",
-        },
-      ],
+      href: `${props.layoutPath}/bridge`,
+      icon: BridgeIcon,
+      label: "Bridge",
     },
     {
-      separator: true,
+      href: `${props.layoutPath}/tokens`,
+      icon: TokenIcon,
+      label: "Tokens",
     },
     {
-      group: "Scale",
+      href: `${props.layoutPath}/ai`,
+      icon: NebulaIcon,
+      label: "AI",
+    },
+    {
+      subMenu: {
+        icon: RssIcon,
+        label: "Gateway",
+      },
       links: [
         {
-          href: `${props.layoutPath}/insight`,
-          icon: InsightIcon,
-          label: "Insight",
+          href: `${props.layoutPath}/gateway/rpc`,
+          label: "RPC",
         },
         {
-          href: `${props.layoutPath}/rpc`,
-          icon: RssIcon,
-          label: "RPC",
+          href: `${props.layoutPath}/gateway/indexer`,
+          label: "Indexer",
         },
-        // linkely want to move this to `team` level eventually
         {
-          href: `${props.layoutPath}/engine`,
-          icon: DatabaseIcon,
-          label: "Engine",
+          href: `${props.layoutPath}/contracts`,
+          label: "Contracts",
         },
       ],
     },
+    // only show engine link if there the user already has an engine instance
+    ...(props.hasEngines
+      ? [
+          {
+            href: `${props.layoutPath}/engine`,
+            icon: DatabaseIcon,
+            label: "Engine",
+          },
+        ]
+      : []),
   ] satisfies ShadcnSidebarLink[];
 
   const footerSidebarLinks = [