docs cleanup (#5981)

Author: saminacodes

apps/portal/src/app/nebula/assets/nebula-diagram.png

@@ -4,10 +4,16 @@
 
 We are rolling out Nebula approval in batches daily - stay tuned! 
 
+### Does Nebula have memory from past conversations?
+Nebula retains memory within the confines of a session.
+
+### What is the context size of Nebula?
+The context size or window is 128k tokens.
+
 ### Will Nebula be open source?
 
 Nebula is not currently open source. We are exploring open sourcing Nebula in the future.
 
 ### When will pricing be available for Nebula?
 
-Pricing options will be available in beta (estimated mid January 2025).
+Pricing options will be available in beta. Nebula is still being tested in alpha.

apps/portal/src/app/nebula/assets/supported-chains.png

@@ -1,7 +1,7 @@
-import { PencilRulerIcon, HandCoinsIcon, BlocksIcon, WorkflowIcon, ShieldCheckIcon, CirclePlusIcon } from "lucide-react";
-import { DocImage, createMetadata, FeatureCard } from "@doc";
+import { Wallet, File, MessageCircle, Braces, Bot, Blocks } from "lucide-react";
+import { DocImage, createMetadata, FeatureCard, GithubTemplateCard, Stack } from "@doc";
 import NebulaDiagram from "./assets/nebula-diagram.png";
-
+import SupportedChains from "./assets/supported-chains.png";
 
 # What is Nebula?
 
@@ -19,39 +19,53 @@ Nebula is currently available in Alpha. [Join the waitlist.](https://thirdweb.co
 	<FeatureCard
 		title="Proprietary Blockchain Model"
 		description="Trained on over 2,500+ EVM networks and 1M+ contracts"
-		iconUrl={<PencilRulerIcon />}
+		iconUrl={<File />}
 	/>
 
     <FeatureCard
     	title="Execute Transactions"
     	description="Deploy contracts, send transactions, and more with natural language"
-		iconUrl={<CirclePlusIcon/>}
+		iconUrl={<MessageCircle/>}
     />
 
 	<FeatureCard
     	title="Wallet Integration"
     	description="Connect with over 500+ EOAs, in-app wallets, and smart wallets with session keys"
-		iconUrl={<ShieldCheckIcon/>}
+		iconUrl={<Wallet/>}
     />
 
 	<FeatureCard
     	title="Easy-to-use API"
     	description="Integrate into existing applications with ease using Nebula's API"
-    	iconUrl={<WorkflowIcon/>}
+    	iconUrl={<Braces />}
     />
 
 	<FeatureCard
     	title="Create Autonomous Agents"
     	description="Wallet execution agents for automated transactions on any EVM chain"
-    	iconUrl={<HandCoinsIcon/>}
+    	iconUrl={<Bot/>}
     />
 
 	<FeatureCard
     	title="Framework Integration"
     	description="Integrate with popular AI orchestration frameworks"
-		iconUrl={<BlocksIcon/>}
+		iconUrl={<Blocks/>}
     />
 </div>
 
 ## Supported Chains
 Nebula is supported on every EVM compatible chain. To view the full list, visit [thirdweb chainlist](https://thirdweb.com/chainlist).
+
+<DocImage src={SupportedChains} />
+
+## Templates
+
+<Stack>
+
+<GithubTemplateCard title="Bouncer Eliza Agent" href="https://github.com/thirdweb-example/bouncer-eliza-agent" />
+
+</Stack>
+
+
+
+

apps/portal/src/app/nebula/faqs/page.mdx

@@ -1,13 +1,16 @@
 import type { SideBar } from "@/components/Layouts/DocLayout";
+import { NebulaSideIcon, TypeScriptIcon } from "@/icons";
+
 import {
-  CodeIcon,
-  EditIcon,
-  NebulaSideIcon,
-  PluginIcon,
-  QuestionIcon,
-  RocketIcon,
-  TroubleshootIcon,
-} from "@/icons";
+  Blocks,
+  Braces,
+  Code,
+  ExternalLink,
+  MessageCircleQuestion,
+  PencilRuler,
+  Rocket,
+  Wrench,
+} from "lucide-react";
 
 export const sidebar: SideBar = {
   name: "Nebula",
@@ -20,17 +23,22 @@ export const sidebar: SideBar = {
     {
       name: "Prompt Guide",
       href: "/nebula/prompt-guide",
-      icon: <EditIcon />,
+      icon: <PencilRuler />,
+    },
+    {
+      name: "Playground",
+      href: "https://nebula.thirdweb.com",
+      icon: <ExternalLink />,
     },
     {
       name: "Get Started",
       href: "/nebula/get-started",
-      icon: <RocketIcon />,
+      icon: <Rocket />,
     },
     {
       name: "API Reference",
       href: "/nebula/api-reference",
-      icon: <CodeIcon />,
+      icon: <Braces />,
       links: [
         {
           name: "GET",
@@ -90,10 +98,21 @@ export const sidebar: SideBar = {
         },
       ],
     },
+    {
+      name: "SDK Reference",
+      icon: <Code />,
+      links: [
+        {
+          name: "Typescript",
+          href: "/references/typescript/v5/chat",
+          icon: <TypeScriptIcon />,
+        },
+      ],
+    },
     {
       name: "Plugins",
       href: "/nebula/plugins",
-      icon: <PluginIcon />,
+      icon: <Blocks />,
       links: [
         {
           name: "Eliza",
@@ -104,12 +123,12 @@ export const sidebar: SideBar = {
     {
       name: "Troubleshoot",
       href: "/nebula/troubleshoot",
-      icon: <TroubleshootIcon />,
+      icon: <Wrench />,
     },
     {
       name: "FAQs",
       href: "/nebula/faqs",
-      icon: <QuestionIcon />,
+      icon: <MessageCircleQuestion />,
     },
   ],
 };

apps/portal/src/app/nebula/page.mdx

@@ -35,14 +35,7 @@ export { NebulaIcon } from "./products/nebula/NebulaIcon";
 export { GamingIcon } from "./solutions/GamingIcon";
 
 //sidebar
-export { EditIcon } from "./sidebar/EditIcon";
-export { CodeIcon } from "./sidebar/CodeIcon";
-export { BrickIcon } from "./sidebar/BrickIcon";
-export { QuestionIcon } from "./sidebar/QuestionIcon";
 export { NebulaSideIcon } from "./sidebar/NebulaSideIcon";
-export { PluginIcon } from "./sidebar/PluginIcon";
-export { TroubleshootIcon } from "./sidebar/TroubleshootIcon";
-export { RocketIcon } from "./sidebar/RocketIcon";
 
 //api icons
 export { GetIcon } from "./API/GetIcon";

apps/portal/src/app/nebula/sidebar.tsx

@@ -13,7 +13,7 @@ export function NebulaSideIcon(props: { className?: string }) {
         fillRule="evenodd"
         clipRule="evenodd"
         d="M8.59184 6.90662C11.0371 4.46133 13.7786 2.91523 16.1533 2.32154C18.5742 1.71634 20.2355 2.1603 21.1254 3.05015C21.9057 3.83049 22.3432 5.20416 22.0309 7.163C21.9445 7.15756 21.8575 7.1548 21.7698 7.1548C19.5107 7.1548 17.6794 8.98613 17.6794 11.2452C17.6794 12.2928 18.0732 13.2484 18.7208 13.9721C18.2788 14.5186 17.7946 15.058 17.2689 15.5837C14.8236 18.029 12.0822 19.5751 9.7074 20.1688C7.2866 20.774 5.62522 20.33 4.73537 19.4402C3.95504 18.6598 3.5176 17.2862 3.82985 15.3274C3.91601 15.3329 4.00289 15.3356 4.09041 15.3356C6.34948 15.3356 8.18082 13.5043 8.18082 11.2452C8.18082 10.1978 7.7871 9.24226 7.1396 8.51864C7.58174 7.972 8.066 7.43246 8.59184 6.90662ZM4.13457 9.20047C4.13455 9.2005 4.13454 9.20053 4.13452 9.20056C4.22553 9.20245 4.31509 9.21029 4.4028 9.22371C5.38406 9.3741 6.13561 10.2219 6.13561 11.2452C6.13561 12.3747 5.21994 13.2904 4.09041 13.2904C3.98625 13.2904 3.88392 13.2826 3.78395 13.2676C3.25576 13.188 2.79374 12.9065 2.4791 12.5041C2.47903 12.5043 2.47896 12.5045 2.4789 12.5047C2.20717 12.1575 2.0452 11.7203 2.0452 11.2452C2.0452 10.1157 2.96087 9.2 4.09041 9.2C4.10517 9.2 4.11989 9.20016 4.13457 9.20047ZM5.43149 7.37971C5.95254 6.72404 6.52463 6.08148 7.14567 5.46044C12.4703 0.135767 19.3767 -1.59084 22.5716 1.60397C24.0329 3.06534 24.4646 5.30331 23.9931 7.81126C25.1168 8.54032 25.8602 9.80595 25.8602 11.2452C25.8602 13.5043 24.0288 15.3356 21.7698 15.3356C21.3002 15.3356 20.8491 15.2565 20.4291 15.1108C19.9081 15.7664 19.336 16.4089 18.7151 17.0299C13.3904 22.3545 6.484 24.0811 3.28919 20.8863C1.8279 19.425 1.39622 17.1872 1.86752 14.6795C0.743549 13.9505 6.29225e-08 12.6847 0 11.2452C-9.8742e-08 8.98613 1.83134 7.1548 4.09041 7.1548C4.56013 7.1548 5.01137 7.23397 5.43149 7.37971ZM21.4844 9.21976C21.4843 9.2198 21.4843 9.21984 21.4843 9.21988C21.5776 9.20684 21.6729 9.20011 21.7698 9.20011C22.4245 9.20011 23.0073 9.50769 23.3816 9.98623C23.3816 9.98622 23.3816 9.98621 23.3816 9.98621C23.6532 10.3333 23.815 10.7704 23.815 11.2452C23.815 12.3747 22.8993 13.2904 21.7698 13.2904C20.6402 13.2904 19.7246 12.3747 19.7246 11.2452C19.7246 10.2125 20.4899 9.35861 21.4844 9.21976ZM12.9303 9.19996C14.0598 9.19996 14.9755 10.1156 14.9755 11.2452C14.9755 12.3747 14.0598 13.2904 12.9303 13.2904C11.8008 13.2904 10.8851 12.3747 10.8851 11.2452C10.8851 10.1156 11.8008 9.19996 12.9303 9.19996Z"
-        fill="#6E6E6E"
+        fill="currentColor"
       />
     </svg>
   );