@widgetic/creator 0.3.71 → 0.3.72

package/dist/CreatorApp.svelte

@@ -891,6 +891,16 @@
 	let currentGenerationOperationId: string | null = null;
 	let generateCodeStatus: string | null = null;
 	let lastGenerationFailed = false; // Track if last generation failed for retry UI
+	let publishPlanMessageByWidgetId: Record<string, string> = {};
+
+	function isPlanLimitMessage(message: string | null | undefined): boolean {
+		if (!message) return false;
+		return /credit balance|free trial|not available in your plan|not available on the free plan|upgrade your plan|upgrade to a solo/i.test(message);
+	}
+
+	function openUpgradePlans() {
+		window.location.assign('/workspaces/personal/settings/billing');
+	}
 	let lastGenerationError: string | null = null; // Store the error message for display
 	let lastGenerationPrompt: string | null = null; // Last prompt used, for retrying failed generations
 	let pendingAutoGenerateWidgetId: string | null = null; // Widget created from canvas that needs auto code generation
@@ -8649,7 +8659,7 @@ Requirements:
 						duration: 8000
 					});
 				}
-			} else if (promptImpliesVisionReference(prompt)) {
+			} else if (promptImpliesVisionReference(prompt) && !options.forkUserMessage) {
 				showToast('warning', 'Generare fără imagine', {
 					description:
 						'Request-ul merge fără vision (DeepSeek etc.). Atașează PNG/JPEG în chat înainte de Send.',
@@ -9548,10 +9558,18 @@ Requirements:
 			isPublishing = false;
 			publishingWidgetId = null;
 			setCrossTabPublishing(false, capturedWidgetId);
-			showToast('error', 'Publish failed', {
-				description: normalizeErrorMessage(err) || 'An unexpected error occurred. Please try again.',
-				duration: 8000
-			});
+			const publishErrorText = normalizeErrorMessage(err) || 'An unexpected error occurred. Please try again.';
+			if (isPlanLimitMessage(publishErrorText) && capturedWidgetId) {
+				publishPlanMessageByWidgetId = {
+					...publishPlanMessageByWidgetId,
+					[capturedWidgetId]: publishErrorText,
+				};
+			} else {
+				showToast('error', 'Publish failed', {
+					description: publishErrorText,
+					duration: 8000
+				});
+			}
 		}
 		// isPublishing stays true until widget_publish_status WebSocket event arrives (success or failure)
 	}
@@ -16008,10 +16026,47 @@ $: if (codeGenerationPrompt && selectedWidgetId && promptLoadedForWidgetId === s
 								{/if}
 							</div>
 						</div>
+						{#if publishPlanMessageByWidgetId[panelWidgetId]}
+							<div class="publish-plan-notice p-3 bg-red-50 border border-red-200" style="border-radius: 0;">
+								<p class="text-xs text-red-700 whitespace-pre-wrap">{publishPlanMessageByWidgetId[panelWidgetId]}</p>
+								<div class="flex gap-2 mt-3 justify-center">
+									<Button
+										onclick={openUpgradePlans}
+										variant="default"
+										size="sm"
+										class="bg-red-600 hover:bg-red-700 text-white rounded-lg"
+									>
+										Upgrade
+									</Button>
+									<Button
+										onclick={() => {
+											const next = { ...publishPlanMessageByWidgetId };
+											delete next[panelWidgetId];
+											publishPlanMessageByWidgetId = next;
+										}}
+										variant="outline"
+										size="sm"
+										class="border-gray-300 text-gray-600 hover:bg-gray-50 rounded-lg"
+									>
+										Dismiss
+									</Button>
+								</div>
+							</div>
+						{/if}
 						{#if ps.lastGenerationFailed}
 							<div class="p-3 bg-red-50 border border-red-200" style="border-radius: 0;">
 								<p class="text-xs text-red-700 whitespace-pre-wrap">{ps.lastGenerationError}</p>
 								<div class="flex gap-2 mt-3 justify-center">
+									{#if isPlanLimitMessage(ps.lastGenerationError)}
+									<Button
+										onclick={openUpgradePlans}
+										variant="default"
+										size="sm"
+										class="bg-red-600 hover:bg-red-700 text-white rounded-lg"
+									>
+										Upgrade
+									</Button>
+									{:else}
 									<Button
 										onclick={() => {
 											if (!isPanelFocused) focusWidgetPanel(panelWidgetId);
@@ -16026,6 +16081,7 @@ $: if (codeGenerationPrompt && selectedWidgetId && promptLoadedForWidgetId === s
 									>
 										Retry
 									</Button>
+									{/if}
 									<Button
 										onclick={() => {
 											if (!isPanelFocused) focusWidgetPanel(panelWidgetId);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@widgetic/creator",
-	"version": "0.3.71",
+	"version": "0.3.72",
 	"type": "module",
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.20.0",