more pr changes

Author: aadesh18

apps/dashboard/public/dashboard-ui-components.iife.js.map

@@ -16,7 +16,7 @@ import { captureError, throwErr } from "@stackframe/stack-shared/dist/utils/erro
 import { typedEntries } from "@stackframe/stack-shared/dist/utils/objects";
 import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
 import { generateUuid } from "@stackframe/stack-shared/dist/utils/uuids";
-import { memo, useCallback, useMemo, useState } from "react";
+import { memo, useCallback, useMemo, useRef, useState } from "react";
 import { CmdKPreviewProps } from "../../cmdk-commands";
 import { DashboardSandboxHost } from "./dashboard-sandbox-host";
 
@@ -61,18 +61,26 @@ const CreateDashboardPreviewInner = memo(function CreateDashboardPreviewInner({
   const [errorText, setErrorText] = useState<string | null>(null);
   const [artifact, setArtifact] = useState<DashboardArtifact | null>(null);
   const [isSaving, setIsSaving] = useState(false);
+  const abortControllerRef = useRef<AbortController | null>(null);
 
   const generateDashboard = useCallback(async () => {
     if (!projectId || !prompt) {
       return;
     }
+
+    abortControllerRef.current?.abort();
+    const controller = new AbortController();
+    abortControllerRef.current = controller;
+
     setState("generating");
     setErrorText(null);
     setArtifact(null);
 
     try {
       const userMessages: Array<{ role: string, content: string }> = [{ role: "user", content: prompt }];
-      const { toolCall } = await generateDashboardCode(backendBaseUrl, currentUser, userMessages, { enabledAppIds });
+      const { toolCall } = await generateDashboardCode(backendBaseUrl, currentUser, userMessages, { enabledAppIds, abortSignal: controller.signal });
+
+      if (controller.signal.aborted) return;
 
       if (!toolCall?.args?.content) {
         setState("error");
@@ -91,6 +99,7 @@ const CreateDashboardPreviewInner = memo(function CreateDashboardPreviewInner({
       });
       setState("ready");
     } catch (error) {
+      if (controller.signal.aborted) return;
       captureError("create-dashboard-preview", error);
       setState("error");
       setErrorText("Failed to generate dashboard. Please try again.");

apps/dashboard/src/components/commands/create-dashboard/create-dashboard-preview.tsx

@@ -25,10 +25,10 @@ function getDependencyScripts(esmVersion: string, esmFallbackVersion: string, da
   if (isDev) {
     return html`
       <script type="module">
-        import React from 'https://esm.sh/react@18';
-        import * as ReactDOM from 'https://esm.sh/react-dom@18?deps=react@18';
-        import * as ReactDOMClient from 'https://esm.sh/react-dom@18/client?deps=react@18';
-        import * as Recharts from 'https://esm.sh/recharts@2.15.4?deps=react@18,react-dom@18';
+        import React from 'https://esm.sh/react@19.2.3';
+        import * as ReactDOM from 'https://esm.sh/react-dom@19.2.3?deps=react@19.2.3';
+        import * as ReactDOMClient from 'https://esm.sh/react-dom@19.2.3/client?deps=react@19.2.3';
+        import * as Recharts from 'https://esm.sh/recharts@2.15.4?deps=react@19.2.3,react-dom@19.2.3';
 
         window.React = React;
         window.ReactDOM = { ...ReactDOM, ...ReactDOMClient };
@@ -72,10 +72,10 @@ function getDependencyScripts(esmVersion: string, esmFallbackVersion: string, da
 
   return html`
     <script type="module">
-      import React from 'https://esm.sh/react@18';
-      import * as ReactDOM from 'https://esm.sh/react-dom@18?deps=react@18';
-      import * as ReactDOMClient from 'https://esm.sh/react-dom@18/client?deps=react@18';
-      import * as Recharts from 'https://esm.sh/recharts@2.15.4?deps=react@18,react-dom@18';
+      import React from 'https://esm.sh/react@19.2.3';
+      import * as ReactDOM from 'https://esm.sh/react-dom@19.2.3?deps=react@19.2.3';
+      import * as ReactDOMClient from 'https://esm.sh/react-dom@19.2.3/client?deps=react@19.2.3';
+      import * as Recharts from 'https://esm.sh/recharts@2.15.4?deps=react@19.2.3,react-dom@19.2.3';
 
       window.React = React;
       window.ReactDOM = { ...ReactDOM, ...ReactDOMClient };
@@ -85,13 +85,13 @@ function getDependencyScripts(esmVersion: string, esmFallbackVersion: string, da
       let DashboardUIComponents, StackSDK;
       try {
         [DashboardUIComponents, StackSDK] = await Promise.all([
-          import('https://esm.sh/@stackframe/dashboard-ui-components@${esmVersion}?deps=react@18,react-dom@18'),
+          import('https://esm.sh/@stackframe/dashboard-ui-components@${esmVersion}?deps=react@19.2.3,react-dom@19.2.3'),
           import('https://esm.sh/@stackframe/js@${esmVersion}'),
         ]);
       } catch (e) {
         window.parent.postMessage({ type: 'dashboard-error-boundary', message: '[sandbox] Failed to load at version ${esmVersion}, trying fallback ${esmFallbackVersion}: ' + e?.message }, '*');
         [DashboardUIComponents, StackSDK] = await Promise.all([
-          import('https://esm.sh/@stackframe/dashboard-ui-components@${esmFallbackVersion}?deps=react@18,react-dom@18'),
+          import('https://esm.sh/@stackframe/dashboard-ui-components@${esmFallbackVersion}?deps=react@19.2.3,react-dom@19.2.3'),
           import('https://esm.sh/@stackframe/js@${esmFallbackVersion}'),
         ]);
       }
@@ -243,7 +243,7 @@ function getSandboxDocument(artifact: DashboardArtifact, baseUrl: string, dashbo
       };
       // Controls visibility flag — only true in the full dashboard viewer (not cmd+K preview)
       window.__showControls = ${showControls};
-      window.__chatOpen = false;
+      window.__chatOpen = ${initialChatOpen};
 
       // Theme syncing and chat state from parent window
       window.addEventListener('message', (event) => {

apps/dashboard/src/components/commands/create-dashboard/dashboard-sandbox-host.tsx

@@ -84,6 +84,10 @@ async function sendAiRequest(
     body: JSON.stringify(body),
   });
 
+  if (!response.ok) {
+    throw new Error(`AI request failed: ${response.status} ${response.statusText}`);
+  }
+
   const json = await response.json() as { content?: ChatContent };
   return Array.isArray(json.content) ? json.content : [];
 }
@@ -323,6 +327,10 @@ Please update the source code to change "${oldText}" to "${newText}" at the spec
     }),
   });
 
+  if (!response.ok) {
+    throw new Error(`Wysiwyg edit request failed: ${response.status} ${response.statusText}`);
+  }
+
   const json = await response.json() as { content?: Array<{ type: string, text?: string }> };
   const textBlock = Array.isArray(json.content)
     ? json.content.find((b) => b.type === "text" && b.text)

apps/dashboard/src/components/vibe-coding/chat-adapters.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import { cn } from "@stackframe/stack-ui";
+import type React from "react";
 
 export type DesignSkeletonProps = React.HTMLAttributes<HTMLDivElement>;