Merge branch 'main' into fix/legacy-error-message-forwarding

Author: ranst91

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

@@ -55,5 +55,5 @@ export default function FeatureLayout({ children, params }: Props) {
     }
   }, [children, codeFiles, readme, view])
 
-  return <div className="bg-white rounded-lg overflow-hidden w-full h-full">{content}</div>;
+  return <div className="bg-white rounded-lg w-full h-full">{content}</div>;
 }

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

@@ -244,7 +244,7 @@ const DocumentEditor = () => {
         }}
       />
     ),
-  });
+  }, [agentState?.document]);
 
   // Action to write the document.
   useCopilotAction({
@@ -278,7 +278,7 @@ const DocumentEditor = () => {
       }
       return <></>;
     },
-  });
+  }, [agentState?.document]);
 
   return (
     <div className="relative min-h-screen w-full">

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

@@ -213,6 +213,7 @@ const INITIAL_STATE: RecipeAgentState = {
 };
 
 function Recipe() {
+  const { isMobile } = useMobileView();
   const { state: agentState, setState: setAgentState } = useCoAgent<RecipeAgentState>({
     name: "shared_state",
     initialState: INITIAL_STATE,
@@ -368,6 +369,7 @@ function Recipe() {
   return (
     <form 
     data-testid="recipe-card"
+    style={isMobile ? { marginBottom: "100px" } : {}}
     className="recipe-card">
       {/* Recipe Title */}
       <div className="recipe-header">