@widgetic/creator 0.3.49 → 0.3.51

package/dist/components/WidgetDetails.svelte.d.ts

@@ -147,12 +147,22 @@ declare const WidgetDetails: $$__sveltets_2_IsomorphicComponent<{
     startTokenAutoRefreshPublic?: () => void;
     fetchDirectPreviewUrlPublic?: () => Promise<string | null>;
     centerDetailsPanel?: () => void;
+    keepPanelInViewport?: () => void;
+    positionBesideShape?: (shapeRect: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        viewportLeft: number;
+        viewportTop: number;
+        viewportWidth: number;
+        viewportHeight: number;
+    } | null) => void;
     openWidgetDetails?: () => void;
     closeWidgetDetails?: (options?: {
         silent?: boolean;
     }) => void;
 }, {
-    widgetRename: CustomEvent<any>;
     fixErrors: CustomEvent<any>;
     retryRepository: CustomEvent<any>;
     generateNow: CustomEvent<any>;
@@ -226,6 +236,17 @@ declare const WidgetDetails: $$__sveltets_2_IsomorphicComponent<{
     startTokenAutoRefreshPublic: () => void;
     fetchDirectPreviewUrlPublic: () => Promise<string | null>;
     centerDetailsPanel: () => void;
+    keepPanelInViewport: () => void;
+    positionBesideShape: (shapeRect: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+        viewportLeft: number;
+        viewportTop: number;
+        viewportWidth: number;
+        viewportHeight: number;
+    } | null) => void;
     openWidgetDetails: () => void;
     closeWidgetDetails: (options?: {
         silent?: boolean;

package/dist/creator-types.d.ts

@@ -32,6 +32,12 @@ export interface CreatorAppProps {
      * Omit for standalone widget-creator (falls back to VITE_DEBUG_MODE / dev).
      */
     initialDebugMode?: boolean;
+    /**
+     * Extra canvas tools (undo/frame/image/library, zoom 1:1/fit/shortcuts).
+     * Independent of debugMode — Debug is staging-only UI.
+     * Site owns the header toggle; embed uses CustomEvent after mount.
+     */
+    initialAdvancedFeatures?: boolean;
     /**
      * Host-controlled default coder model id (e.g. `deepseek-v4-flash`).
      * Site reads its own env and passes this — no creator-app.js rebuild, no API-gateway default for the UI.

package/dist/utils/operationStream.js

@@ -19,6 +19,10 @@ export function streamOperationUpdates(operationId, options) {
         let abortController = null;
         let reader = null;
         const cleanup = () => {
+            if (watchdogTimer) {
+                clearTimeout(watchdogTimer);
+                watchdogTimer = null;
+            }
             try {
                 reader?.cancel();
             }
@@ -42,6 +46,18 @@ export function streamOperationUpdates(operationId, options) {
             else
                 reject(value);
         };
+        // Watchdog: if no frame arrives for a while (proxy dropped the stream,
+        // server stalled), give up on SSE and let the caller fall back to
+        // polling GET /operations/:id — the terminal event then always lands.
+        const WATCHDOG_TIMEOUT_MS = 45000;
+        let watchdogTimer = null;
+        const armWatchdog = () => {
+            if (watchdogTimer)
+                clearTimeout(watchdogTimer);
+            watchdogTimer = setTimeout(() => {
+                settle('reject', new Error('Operation stream idle — falling back to polling'));
+            }, WATCHDOG_TIMEOUT_MS);
+        };
         const run = async () => {
             abortController = new AbortController();
             // Propagate caller aborts into the fetch request.
@@ -68,12 +84,15 @@ export function streamOperationUpdates(operationId, options) {
             reader = response.body.getReader();
             const decoder = new TextDecoder();
             let buffer = '';
+            armWatchdog();
             while (true) {
                 const { done, value } = await reader.read();
                 if (done)
                     break;
+                armWatchdog();
                 buffer += decoder.decode(value, { stream: true });
-                // SSE frames are `data: {...}\n\n`
+                // SSE frames are `data: {...}\n\n`; keepalive comment frames carry
+                // no data line and are skipped.
                 let frameEnd = buffer.indexOf('\n\n');
                 while (frameEnd !== -1) {
                     const frame = buffer.slice(0, frameEnd);

package/package.json

@@ -1,17 +1,17 @@
 {
 	"name": "@widgetic/creator",
-	"version": "0.3.49",
+	"version": "0.3.51",
 	"type": "module",
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.20.0",
 		"svelte": "^5.25.0",
-		"@widgetic/api-sdk": "*",
-		"@widgetic/canvas": "^0.5.3",
-		"@widgetic/cache-layer": "^0.1.1",
-		"@widgetic/chat": "^0.1.3",
-		"@widgetic/design-system": ">=0.3.0",
-		"@widgetic/editor": "^4.0.0",
-		"@widgetic/file-browser": "^0.5.16"
+		"@widgetic/api-sdk": "^1.0.10",
+		"@widgetic/canvas": "^0.5.4",
+		"@widgetic/cache-layer": "^0.1.2",
+		"@widgetic/chat": "^0.1.4",
+		"@widgetic/design-system": "^0.5.8",
+		"@widgetic/editor": "^4.0.1",
+		"@widgetic/file-browser": "^0.5.17"
 	},
 	"svelte": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -89,13 +89,13 @@
 		"vite": "^6.2.6",
 		"vite-imagetools": "^7.0.4",
 		"vitest": "^2.0.0",
-		"@widgetic/api-sdk": "*",
-		"@widgetic/canvas": "^0.5.3",
-		"@widgetic/cache-layer": "^0.1.1",
-		"@widgetic/chat": "^0.1.3",
-		"@widgetic/design-system": ">=0.3.0",
-		"@widgetic/editor": "^4.0.0",
-		"@widgetic/file-browser": "^0.5.16"
+		"@widgetic/api-sdk": "^1.0.10",
+		"@widgetic/canvas": "^0.5.4",
+		"@widgetic/cache-layer": "^0.1.2",
+		"@widgetic/chat": "^0.1.4",
+		"@widgetic/design-system": "^0.5.8",
+		"@widgetic/editor": "^4.0.1",
+		"@widgetic/file-browser": "^0.5.17"
 	},
 	"dependencies": {
 		"@codesandbox/sandpack-react": "^2.19.9",