fix: widget renderer infinite height growth (#64), update example prompts

- Break feedback loop in iframe height measurement by collapsing the
  content container before reading scrollHeight, so viewport-relative
  children don't inflate the measurement
- Remove +8 padding from height setter that compounded each cycle
- Replace "binary search" suggestion with "car axle" visualization

Author: GeneralJerel

apps/app/src/components/generative-ui/widget-renderer.tsx

@@ -455,10 +455,17 @@ window.addEventListener('message', function(e) {
   }
 });
 
-// Auto-resize: report content height to host
+// Auto-resize: report content height to host.
+// Temporarily collapse the container so viewport-relative children (100vh, 100%)
+// don't inflate the measurement — this gives us intrinsic content height only.
 function reportHeight() {
   var content = document.getElementById('content');
-  var h = content ? content.offsetHeight : document.documentElement.scrollHeight;
+  if (!content) return;
+  content.style.height = '0';
+  content.style.overflow = 'hidden';
+  var h = content.scrollHeight;
+  content.style.height = '';
+  content.style.overflow = '';
   window.parent.postMessage({ type: 'widget-resize', height: h }, '*');
 }
 var ro = new ResizeObserver(reportHeight);
@@ -573,7 +580,7 @@ export function WidgetRenderer({ title, description, html }: WidgetRendererProps
       e.data?.type === "widget-resize" &&
       typeof e.data.height === "number"
     ) {
-      setHeight(Math.max(50, Math.min(e.data.height + 8, 4000)));
+      setHeight(Math.max(50, Math.min(e.data.height, 4000)));
     }
   }, []);
 

apps/app/src/hooks/use-example-suggestions.tsx

@@ -3,7 +3,7 @@ import { useConfigureSuggestions } from "@copilotkit/react-core/v2";
 export const useExampleSuggestions = () => {
   useConfigureSuggestions({
     suggestions: [
-      { title: "Visualize a binary search", message: "Visualize how binary search works on a sorted list. Step by step." },
+      { title: "Visualize a car axle", message: "Visualize how a car axle works" },
       { title: "Compare BFS vs DFS", message: "I want to understand the difference between BFS and DFS. Create an interactive comparison on a node graph." },
       { title: "Cool 3D sphere", message: "Create a 3D animation of a sphere turning into an icosahedron when the mouse is on it and back to a sphere when it's not on the icosahedron, make it cool." },
     ],