Canonical partner docs (LlamaIndex) (CopilotKit#2757)

Author: brandonmcconnell

docs/components/content/iframe-switcher.tsx

@@ -8,6 +8,7 @@ import {
 import { Monitor, Code } from "lucide-react";
 
 interface IframeSwitcherProps {
+  id?: string;
   exampleUrl: string;
   codeUrl: string;
   height?: string;
@@ -16,14 +17,15 @@ interface IframeSwitcherProps {
 }
 
 export function IframeSwitcher({
+  id,
   exampleUrl,
   codeUrl,
   height = "600px",
   exampleLabel = "Example",
   codeLabel = "Code",
 }: IframeSwitcherProps) {
   return (
-    <Tabs defaultValue={exampleLabel}>
+    <Tabs defaultValue={exampleLabel} id={id}>
       <TabsList>
         <TabsTrigger value={exampleLabel}>
           <Monitor className="w-4 h-4" />

docs/content/docs/(root)/custom-look-and-feel/meta.json

@@ -1,7 +1,7 @@
 {
   "title": "Custom Look and Feel",
+  "icon": "lucide/LayoutDashboard",
   "pages": [
-
     "built-in-ui-components",
     "customize-built-in-ui-components",
     "bring-your-own-components",

docs/content/docs/adk/generative-ui/index.mdx

@@ -29,7 +29,7 @@ agents and user interfaces. As your agent processes information and makes decisi
 
 ## How can I use this?
 
-To get started, you first need to decide what is going to be backing your generative UI. There are three main variants of Generative UI with CopilotKit.
+To get started, you first need to decide what is going to be backing your generative UI. There are three main variants of Generative UI with CopilotKit for ADK.
 
 <Cards>
   <Card

docs/content/docs/adk/meta.json

@@ -16,8 +16,6 @@
     "---Premium Features---",
     "...premium",
     "---Troubleshooting---",
-    "...troubleshooting",
-    "---Other---",
-    "...(other)"
+    "...troubleshooting"
   ]
 }

docs/content/docs/adk/shared-state/in-app-agent-read.mdx

@@ -114,7 +114,7 @@ state updates, you can reflect these updates natively in your application.
       // [!code highlight:4]
       const { state } = useCoAgent<AgentState>({
         name: "my_agent", // MUST match the agent name in CopilotRuntime
-        initialState: { language: "spanish" }  // optionally provide an initial state
+        initialState: { language: "english" }  // optionally provide an initial state
       });
 
       // ...
@@ -142,7 +142,7 @@ state updates, you can reflect these updates natively in your application.
   <Step>
     ### Give it a try!
     As the agent state updates, your `state` variable will automatically update with it! In this case, you'll see the
-    language set to "spanish" as that's the initial state we set.
+    language set to "english" as that's the initial state we set.
   </Step>
 </Steps>
 

docs/content/docs/adk/shared-state/in-app-agent-write.mdx

@@ -113,7 +113,7 @@ when your agent is calling tools. CopilotKit allows you to fully customize how t
     function YourMainContent() {
       const { state, setState } = useCoAgent<AgentState>({ // [!code highlight]
         name: "my_agent", // MUST match the agent name in CopilotRuntime
-        initialState: { language: "spanish" }  // optionally provide an initial state
+        initialState: { language: "english" }  // optionally provide an initial state
       });
 
       // ...
@@ -167,7 +167,7 @@ function YourMainContent() {
   // [!code word:run:1]
   const { state, setState, run } = useCoAgent<AgentState>({
     name: "my_agent", // MUST match the agent name in CopilotRuntime
-    initialState: { language: "spanish" }  // optionally provide an initial state
+    initialState: { language: "english" }  // optionally provide an initial state
   });
 
   // setup to be called when some event in the app occurs

docs/content/docs/ag2/custom-look-and-feel/meta.json

@@ -1,7 +1,7 @@
 {
   "title": "Custom Look and Feel",
+  "icon": "lucide/LayoutDashboard",
   "pages": [
-
     "built-in-ui-components",
     "customize-built-in-ui-components",
     "bring-your-own-components",

docs/content/docs/ag2/frontend-actions.mdx

@@ -61,7 +61,7 @@ Check out the [Frontend Tools overview](/frontend-tools) to understand what they
 
         <Tabs groupId="language_ag2_agent" items={['Python']} default="Python" persist>
             <Tab value="Python">
-                ```python title="agent-py/sample_agent/agent.py"
+                ```python title="agent.py"
                 # your code goes here...
                 ```
             </Tab>
@@ -78,7 +78,7 @@ Check out the [Frontend Tools overview](/frontend-tools) to understand what they
 
         <Tabs groupId="language_ag2_agent" items={['Python']} default="Python" persist>
             <Tab value="Python">
-                ```python title="agent-py/sample_agent/agent.py"
+                ```python title="agent.py"
                 # your code goes here...
                 ```
             </Tab>

docs/content/docs/crewai-crews/custom-look-and-feel/meta.json

@@ -1,7 +1,7 @@
 {
   "title": "Custom Look and Feel",
+  "icon": "lucide/LayoutDashboard",
   "pages": [
-
     "built-in-ui-components",
     "customize-built-in-ui-components",
     "bring-your-own-components",

docs/content/docs/crewai-flows/custom-look-and-feel/meta.json

@@ -1,7 +1,7 @@
 {
   "title": "Custom Look and Feel",
+  "icon": "lucide/LayoutDashboard",
   "pages": [
-
     "built-in-ui-components",
     "customize-built-in-ui-components",
     "bring-your-own-components",