@d34dman/flowdrop 0.0.22 → 0.0.24

package/dist/components/App.svelte

@@ -14,8 +14,7 @@
 	import ConfigPanel from './ConfigPanel.svelte';
 	import Navbar from './Navbar.svelte';
 	import { api, setEndpointConfig } from '../services/api.js';
-	import type { NodeMetadata, Workflow, WorkflowNode, ConfigSchema } from '../types/index.js';
-	import { sampleNodes } from '../data/samples.js';
+	import type { NodeMetadata, Workflow, WorkflowNode, ConfigSchema, NodeUIExtensions } from '../types/index.js';
 	import { createEndpointConfig } from '../config/endpoints.js';
 	import type { EndpointConfig } from '../config/endpoints.js';
 	import type { AuthProvider } from '../types/auth.js';
@@ -205,20 +204,20 @@
 					'fetchNodes'
 				);
 				if (suppressToast) {
-					// Parent handled the error, don't show default toast
-					nodes = sampleNodes;
+					// Parent handled the error, keep nodes empty
+					nodes = [];
 					return;
 				}
 			}
 
-			// Show error but don't block the UI
-			error = `API Error: ${errorMessage}. Using sample data.`;
+			// Show error and set empty nodes array (no fallback to sample data)
+			error = `API Error: ${errorMessage}. No node types available.`;
 			if (features.showToasts) {
 				apiToasts.error('Load node types', errorMessage);
 			}
 
-			// Fallback to sample data
-			nodes = sampleNodes;
+			// Set empty nodes array instead of fallback data
+			nodes = [];
 		}
 	}
 
@@ -645,6 +644,7 @@
 				<ConfigForm
 					schema={workflowConfigSchema}
 					values={workflowConfigValues}
+					showUIExtensions={false}
 					onSave={handleWorkflowSave}
 					onCancel={() => (isWorkflowSettingsOpen = false)}
 				/>
@@ -663,14 +663,25 @@
 			>
 				<ConfigForm
 					node={currentNode}
-					onSave={(updatedConfig) => {
+					onSave={(updatedConfig, uiExtensions?: NodeUIExtensions) => {
 						if (selectedNodeId && currentNode) {
+							// Build the updated node data
+							const updatedData = {
+								...currentNode.data,
+								config: updatedConfig
+							};
+
+							// Include UI extensions if provided
+							if (uiExtensions) {
+								updatedData.extensions = {
+									...currentNode.data.extensions,
+									ui: uiExtensions
+								};
+							}
+
 							// Handle nodeType switching if nodeType is in the config
-							let nodeUpdates: Record<string, unknown> = {
-								data: {
-									...currentNode.data,
-									config: updatedConfig
-								}
+							const nodeUpdates: Record<string, unknown> = {
+								data: updatedData
 							};
 
 							// NOTE: We do NOT change the node's type field anymore
@@ -697,22 +708,12 @@
 				</div>
 				<div class="flowdrop-flex flowdrop-gap--2">
 					<button
-						class="flowdrop-btn flowdrop-btn--sm flowdrop-btn--outline"
+						class="flowdrop-btn flowdrop-btn--sm flowdrop-btn--primary"
 						onclick={retryLoad}
 						type="button"
 					>
 						Retry
 					</button>
-					<button
-						class="flowdrop-btn flowdrop-btn--sm flowdrop-btn--primary"
-						onclick={() => {
-							nodes = sampleNodes;
-							error = null;
-						}}
-						type="button"
-					>
-						Use Sample Data
-					</button>
 					<button
 						class="flowdrop-btn flowdrop-btn--sm flowdrop-btn--outline"
 						onclick={() => {