feat(Map): enhance fullscreen handling with ChatGPT host integration

- Updated handleExpand and handleCollapse functions to request fullscreen and inline modes from the ChatGPT host.
- Added error handling for fullscreen requests to improve user experience and debugging.

This change allows the Map component to better integrate with the ChatGPT environment, providing a smoother user experience when toggling display modes.

Author: JakeLin

packages/ui/src/components/Map/Map.tsx

@@ -73,14 +73,32 @@ export const Map: React.FC<MapProps> = ({
   const isControlled = controlledIsFullscreen !== undefined;
   const isFullscreen = isControlled ? controlledIsFullscreen : internalIsFullscreen;
 
-  const handleExpand = () => {
+  const handleExpand = async () => {
+    // Request fullscreen mode from ChatGPT host
+    if (window.openai?.requestDisplayMode) {
+      try {
+        await window.openai.requestDisplayMode({ mode: 'fullscreen' });
+      } catch (error) {
+        console.warn('Failed to request fullscreen mode:', error);
+      }
+    }
+
     if (!isControlled) {
       setInternalIsFullscreen(true);
     }
     onToggleFullscreen?.(true);
   };
 
-  const handleCollapse = () => {
+  const handleCollapse = async () => {
+    // Request inline mode from ChatGPT host
+    if (window.openai?.requestDisplayMode) {
+      try {
+        await window.openai.requestDisplayMode({ mode: 'inline' });
+      } catch (error) {
+        console.warn('Failed to request inline mode:', error);
+      }
+    }
+
     if (!isControlled) {
       setInternalIsFullscreen(false);
     }