style: format all example files with prettier

Run prettier on ~1,865 files across examples/ to match the monorepo's
formatting standards. These files were imported as-is from standalone
repos that used different prettier configs.

Author: jpr5

examples/README.md

@@ -19,45 +19,46 @@ It includes two agents, exposed through a **Next.js frontend** and a **FastAPI b
 
 ## 🛠️ Tech Stack
 
-- **Frontend**: Next.js  
-- **Backend**: FastAPI  
-- **Agents**:  Google Gemini + LangGraph
+- **Frontend**: Next.js
+- **Backend**: FastAPI
+- **Agents**: Google Gemini + LangGraph
 - **UI Layer**: CopilotKit
 
-
 ## 📌 About
 
 This demo illustrates how CopilotKit can be paired with LangGraph and Gemini to create agents that are:
+
 - **Context-aware** (understand the input you provide)
 - **Task-focused** (generate content or analyze stacks)
 - **UI-integrated** (feels like part of your app, not just a chatbox)
 
-
 ---
 
 ## Project Structure
 
-- `/` — Next.js 15 app (UI) in the Project Root 
+- `/` — Next.js 15 app (UI) in the Project Root
 - `agent/` — FastAPI backend agent (Python)
 
 ---
 
 ## 🚀 Getting Started
 
 ### 1. Clone the repository
-Clone this repo `git clone <project URL>`
 
+Clone this repo `git clone <project URL>`
 
 ### 2. Environment Configuration
 
-Create a `.env` file in each relevant directory as needed. 
+Create a `.env` file in each relevant directory as needed.
 
 #### Backend (`agent/.env`):
+
 ```env
 GOOGLE_API_KEY=<<your-gemini-key-here>>
 ```
 
 #### Frontend (`/.env`):
+
 ```env
 GOOGLE_API_KEY=<<your-gemini-key-here>>
 ```
@@ -78,6 +79,7 @@ Open [http://localhost:3000](http://localhost:3000) in your browser to view the
 ---
 
 ## Notes
+
 - Ensure the backend agent is running before using the frontend.
 - Update environment variables as needed for your deployment.
 

examples/canvas/gemini/README.md

@@ -2,25 +2,29 @@ import {
   CopilotRuntime,
   copilotRuntimeNextJSAppRouterEndpoint,
   GoogleGenerativeAIAdapter,
-  LangGraphAgent
+  LangGraphAgent,
 } from "@copilotkit/runtime";
 import { NextRequest } from "next/server";
- 
+
 // You can use any service adapter here for multi-agent support.
 const serviceAdapter = new GoogleGenerativeAIAdapter();
- 
+
 const runtime = new CopilotRuntime({
-  remoteEndpoints : [{
-    url : process.env.NEXT_PUBLIC_LANGGRAPH_URL || "http://localhost:8000/copilotkit",
-  }]
+  remoteEndpoints: [
+    {
+      url:
+        process.env.NEXT_PUBLIC_LANGGRAPH_URL ||
+        "http://localhost:8000/copilotkit",
+    },
+  ],
 });
- 
+
 export const POST = async (req: NextRequest) => {
   const { handleRequest } = copilotRuntimeNextJSAppRouterEndpoint({
     runtime,
     serviceAdapter,
     endpoint: "/api/copilotkit",
   });
- 
+
   return handleRequest(req);
-};
+};

examples/canvas/gemini/app/api/copilotkit/route.ts

@@ -1,54 +1,60 @@
-"use client"
+"use client";
 
-import { usePathname } from 'next/navigation'
-import React, { createContext, useContext, useState, ReactNode } from 'react'
+import { usePathname } from "next/navigation";
+import React, { createContext, useContext, useState, ReactNode } from "react";
 
 interface LayoutState {
-  title: string
-  description: string
-  showHeader: boolean
-  headerContent?: ReactNode
-  sidebarContent?: ReactNode
-  theme: 'light' | 'dark' | 'auto'
-  agent: string
+  title: string;
+  description: string;
+  showHeader: boolean;
+  headerContent?: ReactNode;
+  sidebarContent?: ReactNode;
+  theme: "light" | "dark" | "auto";
+  agent: string;
 }
 
 interface LayoutContextType {
-  layoutState: LayoutState
-  updateLayout: (updates: Partial<LayoutState>) => void
+  layoutState: LayoutState;
+  updateLayout: (updates: Partial<LayoutState>) => void;
 }
 
 const defaultLayoutState: LayoutState = {
   title: "DeepMind × Gemini",
-  description: "Powered by Google's most advanced AI models for generating LinkedIn and X posts",
+  description:
+    "Powered by Google's most advanced AI models for generating LinkedIn and X posts",
   showHeader: true,
-  theme: 'light',
-  agent: "post_generation_agent"
-}
+  theme: "light",
+  agent: "post_generation_agent",
+};
 
-const LayoutContext = createContext<LayoutContextType | undefined>(undefined)
+const LayoutContext = createContext<LayoutContextType | undefined>(undefined);
 
 export function LayoutProvider({ children }: { children: ReactNode }) {
-  const pathname = usePathname()
-  console.log(pathname)
-  const [layoutState, setLayoutState] = useState<LayoutState>({...defaultLayoutState, agent: (pathname == '/post-generator' ? "post_generation_agent" : "stack_analysis_agent")})
-  console.log(layoutState)
+  const pathname = usePathname();
+  console.log(pathname);
+  const [layoutState, setLayoutState] = useState<LayoutState>({
+    ...defaultLayoutState,
+    agent:
+      pathname == "/post-generator"
+        ? "post_generation_agent"
+        : "stack_analysis_agent",
+  });
+  console.log(layoutState);
   const updateLayout = (updates: Partial<LayoutState>) => {
-    setLayoutState(prev => ({ ...prev, ...updates }))
-  }
-
+    setLayoutState((prev) => ({ ...prev, ...updates }));
+  };
 
   return (
     <LayoutContext.Provider value={{ layoutState, updateLayout }}>
       {children}
     </LayoutContext.Provider>
-  )
+  );
 }
 
 export function useLayout() {
-  const context = useContext(LayoutContext)
+  const context = useContext(LayoutContext);
   if (context === undefined) {
-    throw new Error('useLayout must be used within a LayoutProvider')
+    throw new Error("useLayout must be used within a LayoutProvider");
   }
-  return context
-} 
+  return context;
+}

examples/canvas/gemini/app/contexts/LayoutContext.tsx

@@ -1,33 +1,32 @@
-import type React from "react"
-import type { Metadata } from "next"
-import { Inter } from "next/font/google"
-import "./globals.css"
-import { CopilotKit } from "@copilotkit/react-core"
-import { LayoutProvider } from "./contexts/LayoutContext"
-import Wrapper from "./wrapper"
+import type React from "react";
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+import { CopilotKit } from "@copilotkit/react-core";
+import { LayoutProvider } from "./contexts/LayoutContext";
+import Wrapper from "./wrapper";
 
-const inter = Inter({ subsets: ["latin"] })
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "Open Gemini Canvas",
-  description: "Powered by Google's most advanced AI models for generating LinkedIn and X posts",
-  generator: 'v0.dev'
-}
+  description:
+    "Powered by Google's most advanced AI models for generating LinkedIn and X posts",
+  generator: "v0.dev",
+};
 
 export default function RootLayout({
   children,
 }: {
-  children: React.ReactNode
+  children: React.ReactNode;
 }) {
   return (
     <html lang="en">
       <LayoutProvider>
         <Wrapper>
-          <body className={inter.className}>
-            {children}
-          </body>
+          <body className={inter.className}>{children}</body>
         </Wrapper>
       </LayoutProvider>
     </html>
-  )
+  );
 }

examples/canvas/gemini/app/layout.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import "@copilotkit/react-ui/styles.css";
 import { useEffect } from "react";
@@ -12,7 +12,5 @@ export default function GoogleDeepMindChatUI() {
     router.push("/post-generator");
   }, [router]);
 
-  return (
-    <></>
-  )
+  return <></>;
 }