feat: pass chatDefaultOpen to all uses of CopilotSidebar in Dojo

No instances of `CopilotPopup` are currently being used, and `CopilotChat` does not support `defaultOpen` prop

Author: brandonmcconnell

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/predictive_state_updates/page.tsx

@@ -13,6 +13,7 @@ import { CopilotKit, useCoAgent, useCopilotAction, useCopilotChat } from "@copil
 import { CopilotChat, CopilotSidebar } from "@copilotkit/react-ui";
 import { useMobileView } from "@/utils/use-mobile-view";
 import { useMobileChat } from "@/utils/use-mobile-chat";
+import { useURLParams } from "@/contexts/url-params-context";
 
 const extensions = [StarterKit];
 
@@ -25,6 +26,7 @@ interface PredictiveStateUpdatesProps {
 export default function PredictiveStateUpdates({ params }: PredictiveStateUpdatesProps) {
   const { integrationId } = React.use(params);
   const { isMobile } = useMobileView();
+  const { chatDefaultOpen } = useURLParams();
   const defaultChatHeight = 50;
   const { isChatOpen, setChatHeight, setIsChatOpen, isDragging, chatHeight, handleDragStart } =
     useMobileChat(defaultChatHeight);
@@ -162,7 +164,7 @@ export default function PredictiveStateUpdates({ params }: PredictiveStateUpdate
           </>
         ) : (
           <CopilotSidebar
-            defaultOpen={true}
+            defaultOpen={chatDefaultOpen}
             suggestions={[
               {
                 title: "Write a pirate story",

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/shared_state/page.tsx

@@ -7,6 +7,7 @@ import "@copilotkit/react-ui/styles.css";
 import "./style.css";
 import { useMobileView } from "@/utils/use-mobile-view";
 import { useMobileChat } from "@/utils/use-mobile-chat";
+import { useURLParams } from "@/contexts/url-params-context";
 
 interface SharedStateProps {
   params: Promise<{
@@ -17,6 +18,7 @@ interface SharedStateProps {
 export default function SharedState({ params }: SharedStateProps) {
   const { integrationId } = React.use(params);
   const { isMobile } = useMobileView();
+  const { chatDefaultOpen } = useURLParams();
   const defaultChatHeight = 50;
   const { isChatOpen, setChatHeight, setIsChatOpen, isDragging, chatHeight, handleDragStart } =
     useMobileChat(defaultChatHeight);
@@ -137,7 +139,7 @@ export default function SharedState({ params }: SharedStateProps) {
           </>
         ) : (
           <CopilotSidebar
-            defaultOpen={true}
+            defaultOpen={chatDefaultOpen}
             labels={{
               title: chatTitle,
               initial: initialLabel,

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/subgraphs/page.tsx

@@ -6,6 +6,7 @@ import { CopilotKit, useCoAgent, useLangGraphInterrupt } from "@copilotkit/react
 import { CopilotSidebar } from "@copilotkit/react-ui";
 import { useMobileView } from "@/utils/use-mobile-view";
 import { useMobileChat } from "@/utils/use-mobile-chat";
+import { useURLParams } from "@/contexts/url-params-context";
 
 interface SubgraphsProps {
   params: Promise<{
@@ -152,6 +153,7 @@ function InterruptHumanInTheLoop<TAgent extends AvailableAgents>({
 export default function Subgraphs({ params }: SubgraphsProps) {
   const { integrationId } = React.use(params);
   const { isMobile } = useMobileView();
+  const { chatDefaultOpen } = useURLParams();
   const defaultChatHeight = 50;
   const {
     isChatOpen,
@@ -240,7 +242,7 @@ export default function Subgraphs({ params }: SubgraphsProps) {
               {/* Chat Content */}
               <div className="flex-1 flex flex-col min-h-0 overflow-hidden pb-16">
                 <CopilotSidebar
-                  defaultOpen={true}
+                  defaultOpen={chatDefaultOpen}
                   labels={{
                     title: chatTitle,
                     initial: initialLabel,
@@ -260,7 +262,7 @@ export default function Subgraphs({ params }: SubgraphsProps) {
           </>
         ) : (
           <CopilotSidebar
-            defaultOpen={true}
+            defaultOpen={chatDefaultOpen}
             labels={{
               title: chatTitle,
               initial: initialLabel,

typescript-sdk/apps/dojo/src/app/[integrationId]/feature/tool_based_generative_ui/page.tsx

@@ -10,6 +10,7 @@ import {
   CarouselNext,
   CarouselPrevious,
 } from "@/components/ui/carousel";
+import { useURLParams } from "@/contexts/url-params-context";
 
 interface ToolBasedGenerativeUIProps {
   params: Promise<{
@@ -26,9 +27,10 @@ interface Haiku {
 
 export default function ToolBasedGenerativeUI({ params }: ToolBasedGenerativeUIProps) {
   const { integrationId } = React.use(params);
+  const { chatDefaultOpen } = useURLParams();
 
   const chatProps = {
-    defaultOpen: true,
+    defaultOpen: chatDefaultOpen,
     labels: {
       title: "Haiku Generator",
       initial: "I'm a haiku generator 👋. How can I help you?",