@d34dman/flowdrop 0.0.61 → 0.0.63

package/dist/components/playground/PlaygroundModal.svelte

@@ -74,7 +74,7 @@
 		tabindex="-1"
 	>
 		<!-- Modal Container -->
-		<!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events -->
+		<!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events — role="presentation" container stops backdrop click propagation -->
 		<div class="playground-modal" onclick={(e) => e.stopPropagation()} role="presentation">
 			<!-- Modal Header -->
 			<div class="playground-modal__header">
@@ -121,7 +121,7 @@
 		align-items: center;
 		justify-content: center;
 		z-index: 1100;
-		padding: var(--fd-space-4);
+		padding: var(--fd-space-xl);
 	}
 
 	.playground-modal {
@@ -141,7 +141,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: var(--fd-space-4) var(--fd-space-5);
+		padding: var(--fd-space-xl) var(--fd-space-2xl);
 		border-bottom: 1px solid var(--fd-border);
 		background-color: var(--fd-muted);
 		flex-shrink: 0;
@@ -150,7 +150,7 @@
 	.playground-modal__title {
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-2);
+		gap: var(--fd-space-xs);
 		font-size: var(--fd-text-base);
 		font-weight: 600;
 		color: var(--fd-foreground);
@@ -207,7 +207,7 @@
 		}
 
 		.playground-modal__header {
-			padding: var(--fd-space-3) var(--fd-space-4);
+			padding: var(--fd-space-md) var(--fd-space-xl);
 		}
 	}
 

package/dist/components/playground/SessionManager.svelte

@@ -11,11 +11,11 @@
 	import { slide } from 'svelte/transition';
 	import type { PlaygroundSession } from '../../types/playground.js';
 	import {
-		sessions,
-		currentSession,
-		isLoading,
-		sessionCount
-	} from '../../stores/playgroundStore.js';
+		getSessions,
+		getCurrentSession,
+		getIsLoading,
+		getSessionCount
+	} from '../../stores/playgroundStore.svelte.js';
 
 	/**
 	 * Component props
@@ -171,8 +171,8 @@
 		<div class="session-manager__title">
 			<Icon icon="mdi:history" />
 			<span>Sessions</span>
-			{#if $sessionCount > 0}
-				<span class="session-manager__count">{$sessionCount}</span>
+			{#if getSessionCount() > 0}
+				<span class="session-manager__count">{getSessionCount()}</span>
 			{/if}
 		</div>
 		<Icon
@@ -189,7 +189,7 @@
 				type="button"
 				class="session-manager__new-btn"
 				onclick={onCreateSession}
-				disabled={$isLoading}
+				disabled={getIsLoading()}
 			>
 				<Icon icon="mdi:plus" />
 				New Session
@@ -197,16 +197,16 @@
 
 			<!-- Sessions List -->
 			<div class="session-manager__list">
-				{#if $sessions.length === 0}
+				{#if getSessions().length === 0}
 					<div class="session-manager__empty">
 						<Icon icon="mdi:chat-outline" />
 						<span>No sessions yet</span>
 					</div>
 				{:else}
-					{#each $sessions as session (session.id)}
+					{#each getSessions() as session (session.id)}
 						<div
 							class="session-manager__item"
-							class:session-manager__item--active={$currentSession?.id === session.id}
+							class:session-manager__item--active={getCurrentSession()?.id === session.id}
 							role="button"
 							tabindex="0"
 							onclick={() => handleSelectSession(session.id)}
@@ -295,7 +295,7 @@
 		align-items: center;
 		justify-content: space-between;
 		width: 100%;
-		padding: var(--fd-space-3) var(--fd-space-4);
+		padding: var(--fd-space-md) var(--fd-space-xl);
 		border: none;
 		background: transparent;
 		cursor: pointer;
@@ -309,7 +309,7 @@
 	.session-manager__title {
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-2);
+		gap: var(--fd-space-xs);
 		font-size: var(--fd-text-sm);
 		font-weight: 500;
 		color: var(--fd-foreground);
@@ -321,7 +321,7 @@
 		justify-content: center;
 		min-width: 1.25rem;
 		height: 1.25rem;
-		padding: 0 var(--fd-space-1);
+		padding: 0 var(--fd-space-3xs);
 		border-radius: var(--fd-radius-full);
 		font-size: var(--fd-text-xs);
 		font-weight: 600;
@@ -340,7 +340,7 @@
 
 	/* Content */
 	.session-manager__content {
-		padding: var(--fd-space-2);
+		padding: var(--fd-space-xs);
 	}
 
 	/* New Session Button */
@@ -348,10 +348,10 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		gap: var(--fd-space-1);
+		gap: var(--fd-space-3xs);
 		width: 100%;
-		padding: 0.625rem var(--fd-space-4);
-		margin-bottom: var(--fd-space-2);
+		padding: var(--fd-space-sm) var(--fd-space-xl);
+		margin-bottom: var(--fd-space-xs);
 		border: 1px dashed var(--fd-border-strong);
 		border-radius: var(--fd-radius-lg);
 		background: transparent;
@@ -383,8 +383,8 @@
 		display: flex;
 		flex-direction: column;
 		align-items: center;
-		gap: var(--fd-space-2);
-		padding: var(--fd-space-8) var(--fd-space-4);
+		gap: var(--fd-space-xs);
+		padding: var(--fd-space-4xl) var(--fd-space-xl);
 		color: var(--fd-muted-foreground);
 		font-size: var(--fd-text-sm);
 	}
@@ -395,8 +395,8 @@
 		align-items: center;
 		justify-content: space-between;
 		width: 100%;
-		padding: 0.625rem var(--fd-space-3);
-		margin-bottom: var(--fd-space-1);
+		padding: var(--fd-space-sm) var(--fd-space-md);
+		margin-bottom: var(--fd-space-3xs);
 		border: 1px solid transparent;
 		border-radius: var(--fd-radius-lg);
 		background: transparent;
@@ -422,7 +422,7 @@
 	.session-manager__item-header {
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-2);
+		gap: var(--fd-space-xs);
 		margin-bottom: 0.125rem;
 	}
 
@@ -478,7 +478,7 @@
 	/* Delete Button */
 	.session-manager__item-actions {
 		display: flex;
-		gap: var(--fd-space-1);
+		gap: var(--fd-space-3xs);
 		opacity: 0;
 		transition: opacity var(--fd-transition-normal);
 	}
@@ -528,11 +528,11 @@
 	/* Responsive */
 	@media (max-width: 640px) {
 		.session-manager__content {
-			padding: var(--fd-space-1);
+			padding: var(--fd-space-3xs);
 		}
 
 		.session-manager__item {
-			padding: var(--fd-space-2);
+			padding: var(--fd-space-xs);
 		}
 	}
 </style>

package/dist/config/constants.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Library-wide Constants
+ *
+ * Centralizes magic numbers and default configuration values
+ * used across FlowDrop services.
+ *
+ * @module config/constants
+ */
+/** Default API request timeout in milliseconds */
+export declare const DEFAULT_API_TIMEOUT_MS = 30000;
+/** Cache timeout for node execution data in milliseconds */
+export declare const NODE_EXECUTION_CACHE_TIMEOUT_MS = 30000;
+/** Duration to mark pipeline API as unavailable after 404 (milliseconds) */
+export declare const PIPELINE_API_UNAVAILABLE_DURATION_MS: number;
+/** Toast notification durations in milliseconds */
+export declare const TOAST_DURATION: {
+    readonly SUCCESS: 4000;
+    readonly ERROR: 6000;
+    readonly WARNING: 5000;
+    readonly INFO: 4000;
+    readonly CONFIRMATION: 5000;
+};

package/dist/config/constants.js

@@ -0,0 +1,22 @@
+/**
+ * Library-wide Constants
+ *
+ * Centralizes magic numbers and default configuration values
+ * used across FlowDrop services.
+ *
+ * @module config/constants
+ */
+/** Default API request timeout in milliseconds */
+export const DEFAULT_API_TIMEOUT_MS = 30_000;
+/** Cache timeout for node execution data in milliseconds */
+export const NODE_EXECUTION_CACHE_TIMEOUT_MS = 30_000;
+/** Duration to mark pipeline API as unavailable after 404 (milliseconds) */
+export const PIPELINE_API_UNAVAILABLE_DURATION_MS = 5 * 60 * 1000;
+/** Toast notification durations in milliseconds */
+export const TOAST_DURATION = {
+    SUCCESS: 4_000,
+    ERROR: 6_000,
+    WARNING: 5_000,
+    INFO: 4_000,
+    CONFIRMATION: 5_000
+};

package/dist/config/endpoints.d.ts

@@ -118,6 +118,25 @@ export interface EndpointConfig {
         delay: number;
         backoff?: 'linear' | 'exponential';
     };
+    /**
+     * Optional transform applied to workflow objects before they are sent to the backend
+     * (i.e., in create and update requests).
+     *
+     * Use this to adapt the generic FlowDrop `Workflow` shape to whatever your backend
+     * expects. The function receives the workflow data and must return the body that will
+     * be JSON-serialised and posted.
+     *
+     * Default: identity — the workflow is sent as-is.
+     *
+     * @example Drupal integration — Drupal expects `label` in addition to `name`:
+     * ```ts
+     * transformWorkflowPayload: (workflow) => ({
+     *   ...workflow,
+     *   label: workflow.name,
+     * })
+     * ```
+     */
+    transformWorkflowPayload?: (workflow: Record<string, unknown>) => Record<string, unknown>;
 }
 /**
  * Default endpoint configuration

package/dist/config/runtimeConfig.js

@@ -5,6 +5,7 @@
  * This allows the application to use environment variables set at deployment
  * time rather than build time.
  */
+import { logger } from '../utils/logger.js';
 /** Cached runtime configuration */
 let cachedConfig = null;
 /** Cache timestamp */
@@ -35,7 +36,7 @@ export async function fetchRuntimeConfig(force = false) {
         return config;
     }
     catch (error) {
-        console.error('Failed to fetch runtime configuration:', error);
+        logger.error('Failed to fetch runtime configuration:', error);
         // Return default configuration if fetch fails
         const defaultConfig = {
             apiBaseUrl: '/api/flowdrop',

package/dist/core/index.d.ts

@@ -66,5 +66,8 @@ export { defaultAgentSpecEndpoints, createAgentSpecEndpointConfig, buildAgentSpe
 export { AgentSpecExecutionService, agentSpecExecutionService } from '../services/agentSpecExecutionService.js';
 export type { AgentSpecExecutionHandle } from '../services/agentSpecExecutionService.js';
 export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schema/index.js';
-export type { ThemePreference, ResolvedTheme } from '../stores/settingsStore.js';
-export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.js';
+export type { ThemePreference, ResolvedTheme } from '../stores/settingsStore.svelte.js';
+export { getTheme as theme, getResolvedTheme as resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.svelte.js';
+export { sanitizeHtml } from '../utils/sanitize.js';
+export { logger, setLogLevel, getLogLevel } from '../utils/logger.js';
+export type { LogLevel } from '../utils/logger.js';

package/dist/core/index.js

@@ -81,4 +81,12 @@ export { AgentSpecExecutionService, agentSpecExecutionService } from '../service
 // Workflow JSON Schema
 // ============================================================================
 export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schema/index.js';
-export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.js';
+export { getTheme as theme, getResolvedTheme as resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.svelte.js';
+// ============================================================================
+// HTML Sanitization
+// ============================================================================
+export { sanitizeHtml } from '../utils/sanitize.js';
+// ============================================================================
+// Logger
+// ============================================================================
+export { logger, setLogLevel, getLogLevel } from '../utils/logger.js';

package/dist/editor/index.d.ts

@@ -5,6 +5,10 @@
  * building visual workflow editors. This module includes @xyflow/svelte
  * and all node components.
  *
+ * **Important: Single-instance only.** FlowDrop uses module-level singleton
+ * stores for state management. Only one FlowDrop editor instance per page
+ * is supported. This is a known architectural limitation.
+ *
  * @module editor
  *
  * @example Mounting a standalone workflow editor:
@@ -31,9 +35,9 @@ import '../registry/builtinNodes.js';
 export { default as WorkflowEditor } from '../components/WorkflowEditor.svelte';
 export { default as App } from '../components/App.svelte';
 export { default as WorkflowNodeComponent } from '../components/nodes/WorkflowNode.svelte';
-export { default as SimpleNodeComponent } from '../components/nodes/SimpleNode.svelte';
-export { default as ToolNodeComponent } from '../components/nodes/ToolNode.svelte';
-export { default as NotesNodeComponent } from '../components/nodes/NotesNode.svelte';
+export { default as SimpleNode } from '../components/nodes/SimpleNode.svelte';
+export { default as ToolNode } from '../components/nodes/ToolNode.svelte';
+export { default as NotesNode } from '../components/nodes/NotesNode.svelte';
 export { default as GatewayNode } from '../components/nodes/GatewayNode.svelte';
 export { default as SquareNode } from '../components/nodes/SquareNode.svelte';
 export { default as TerminalNode } from '../components/nodes/TerminalNode.svelte';
@@ -63,17 +67,17 @@ export { default as MessageBubble } from '../components/playground/MessageBubble
 export { mountWorkflowEditor, mountFlowDropApp, unmountFlowDropApp } from '../svelte-app.js';
 export { nodeComponentRegistry, createNamespacedType, parseNamespacedType, BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, registerBuiltinNodes, areBuiltinsRegistered, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, registerFlowDropPlugin, unregisterFlowDropPlugin, registerCustomNode, createPlugin, isValidNamespace, getRegisteredPlugins, getPluginNodeCount } from '../registry/index.js';
 export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from '../helpers/workflowEditorHelper.js';
-export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.js';
-export { portCoordinateStore, rebuildAllPortCoordinates, updateNodePortCoordinates, removeNodePortCoordinates, getPortCoordinate, getNodePortCoordinates, getPortCoordinateSnapshot } from '../stores/portCoordinateStore.js';
-export { historyStateStore, canUndo, canRedo, historyActions, setOnRestoreCallback, historyService, HistoryService } from '../stores/historyStore.js';
-export type { HistoryEntry, HistoryState, PushOptions } from '../stores/historyStore.js';
+export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, getIsDirty, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.svelte.js';
+export { rebuildAllPortCoordinates, updateNodePortCoordinates, removeNodePortCoordinates, getPortCoordinate, getNodePortCoordinates, getPortCoordinateSnapshot, getPortCoordinates } from '../stores/portCoordinateStore.svelte.js';
+export { getHistoryState, getCanUndo, getCanRedo, historyActions, setOnRestoreCallback, cleanupHistorySubscription, historyService, HistoryService } from '../stores/historyStore.svelte.js';
+export type { HistoryEntry, HistoryState, PushOptions } from '../stores/historyStore.svelte.js';
 export * from '../services/api.js';
 export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToast, dismissAllToasts, showPromise, showConfirmation, apiToasts, workflowToasts, pipelineToasts } from '../services/toastService.js';
 export { NodeExecutionService, nodeExecutionService } from '../services/nodeExecutionService.js';
 export { PlaygroundService, playgroundService } from '../services/playgroundService.js';
-export { currentSession, sessions, messages, isExecuting, isLoading, error as playgroundError, currentWorkflow, lastPollTimestamp, sessionStatus, messageCount, chatMessages, logMessages, latestMessage, inputFields, hasChatInput, sessionCount, playgroundActions, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestMessageTimestamp } from '../stores/playgroundStore.js';
+export { getCurrentSession, getSessions, getMessages, getIsExecuting, getIsLoading, getError as getPlaygroundError, getCurrentWorkflow, getLastPollTimestamp, getSessionStatus, getMessageCount, getChatMessages, getLogMessages, getLatestMessage, getInputFields, getHasChatInput, getSessionCount, playgroundActions, createPollingCallback, subscribeToSessionStatus, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestMessageTimestamp } from '../stores/playgroundStore.svelte.js';
 export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from '../services/workflowStorage.js';
-export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from '../services/globalSave.js';
+export { globalSaveWorkflow, globalExportWorkflow } from '../services/globalSave.js';
 export { fetchPortConfig, validatePortConfig } from '../services/portConfigApi.js';
 export { fetchCategories, validateCategories } from '../services/categoriesApi.js';
 export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from '../services/dynamicSchemaService.js';

package/dist/editor/index.js

@@ -5,6 +5,10 @@
  * building visual workflow editors. This module includes @xyflow/svelte
  * and all node components.
  *
+ * **Important: Single-instance only.** FlowDrop uses module-level singleton
+ * stores for state management. Only one FlowDrop editor instance per page
+ * is supported. This is a known architectural limitation.
+ *
  * @module editor
  *
  * @example Mounting a standalone workflow editor:
@@ -42,9 +46,9 @@ export { default as App } from '../components/App.svelte';
 // Node Components
 // ============================================================================
 export { default as WorkflowNodeComponent } from '../components/nodes/WorkflowNode.svelte';
-export { default as SimpleNodeComponent } from '../components/nodes/SimpleNode.svelte';
-export { default as ToolNodeComponent } from '../components/nodes/ToolNode.svelte';
-export { default as NotesNodeComponent } from '../components/nodes/NotesNode.svelte';
+export { default as SimpleNode } from '../components/nodes/SimpleNode.svelte';
+export { default as ToolNode } from '../components/nodes/ToolNode.svelte';
+export { default as NotesNode } from '../components/nodes/NotesNode.svelte';
 export { default as GatewayNode } from '../components/nodes/GatewayNode.svelte';
 export { default as SquareNode } from '../components/nodes/SquareNode.svelte';
 export { default as TerminalNode } from '../components/nodes/TerminalNode.svelte';
@@ -96,15 +100,15 @@ export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, Conf
 // ============================================================================
 // Stores
 // ============================================================================
-export { workflowStore, workflowActions, workflowId, workflowName, workflowNodes, workflowEdges, workflowMetadata, workflowChanged, workflowValidation, workflowMetadataChanged, connectedHandles, 
+export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, 
 // Dirty state tracking
-isDirtyStore, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, 
+getIsDirty, isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange, 
 // History control
-setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.js';
-// Port Coordinate Store
-export { portCoordinateStore, rebuildAllPortCoordinates, updateNodePortCoordinates, removeNodePortCoordinates, getPortCoordinate, getNodePortCoordinates, getPortCoordinateSnapshot } from '../stores/portCoordinateStore.js';
+setHistoryEnabled, isHistoryEnabled, setRestoringFromHistory } from '../stores/workflowStore.svelte.js';
+// Port Coordinate Store (Svelte 5 runes-based)
+export { rebuildAllPortCoordinates, updateNodePortCoordinates, removeNodePortCoordinates, getPortCoordinate, getNodePortCoordinates, getPortCoordinateSnapshot, getPortCoordinates } from '../stores/portCoordinateStore.svelte.js';
 // History Store and Service
-export { historyStateStore, canUndo, canRedo, historyActions, setOnRestoreCallback, historyService, HistoryService } from '../stores/historyStore.js';
+export { getHistoryState, getCanUndo, getCanRedo, historyActions, setOnRestoreCallback, cleanupHistorySubscription, historyService, HistoryService } from '../stores/historyStore.svelte.js';
 // ============================================================================
 // Services
 // ============================================================================
@@ -113,9 +117,9 @@ export { showSuccess, showError, showWarning, showInfo, showLoading, dismissToas
 export { NodeExecutionService, nodeExecutionService } from '../services/nodeExecutionService.js';
 // Playground Service and Store
 export { PlaygroundService, playgroundService } from '../services/playgroundService.js';
-export { currentSession, sessions, messages, isExecuting, isLoading, error as playgroundError, currentWorkflow, lastPollTimestamp, sessionStatus, messageCount, chatMessages, logMessages, latestMessage, inputFields, hasChatInput, sessionCount, playgroundActions, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestMessageTimestamp } from '../stores/playgroundStore.js';
+export { getCurrentSession, getSessions, getMessages, getIsExecuting, getIsLoading, getError as getPlaygroundError, getCurrentWorkflow, getLastPollTimestamp, getSessionStatus, getMessageCount, getChatMessages, getLogMessages, getLatestMessage, getInputFields, getHasChatInput, getSessionCount, playgroundActions, createPollingCallback, subscribeToSessionStatus, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestMessageTimestamp } from '../stores/playgroundStore.svelte.js';
 export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from '../services/workflowStorage.js';
-export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from '../services/globalSave.js';
+export { globalSaveWorkflow, globalExportWorkflow } from '../services/globalSave.js';
 export { fetchPortConfig, validatePortConfig } from '../services/portConfigApi.js';
 export { fetchCategories, validateCategories } from '../services/categoriesApi.js';
 export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from '../services/dynamicSchemaService.js';

package/dist/form/code.d.ts

@@ -20,6 +20,7 @@
  * // Now SchemaForm will render code editors for format: "json", "code", or "template"
  * ```
  */
+import type { FieldComponent } from './fieldRegistry.js';
 import type { FieldSchema } from '../components/form/types.js';
 export { default as FormCodeEditor } from '../components/form/FormCodeEditor.svelte';
 export { default as FormTemplateEditor } from '../components/form/FormTemplateEditor.svelte';
@@ -89,7 +90,7 @@ export declare function registerAllCodeEditors(priority?: number): void;
  * registerCodeEditorFieldWithComponent(FormCodeEditor);
  * ```
  */
-export declare function registerCodeEditorFieldWithComponent(component: any, priority?: number): void;
+export declare function registerCodeEditorFieldWithComponent(component: FieldComponent, priority?: number): void;
 /**
  * Check if code editor field is registered
  */

package/dist/form/code.js

@@ -135,9 +135,7 @@ export function registerAllCodeEditors(priority = 100) {
  * registerCodeEditorFieldWithComponent(FormCodeEditor);
  * ```
  */
-export function registerCodeEditorFieldWithComponent(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component, priority = 100) {
+export function registerCodeEditorFieldWithComponent(component, priority = 100) {
     if (codeEditorRegistered) {
         return;
     }

package/dist/form/markdown.d.ts

@@ -23,6 +23,7 @@
  * };
  * ```
  */
+import type { FieldComponent } from './fieldRegistry.js';
 import type { FieldSchema } from '../components/form/types.js';
 export { default as FormMarkdownEditor } from '../components/form/FormMarkdownEditor.svelte';
 export type { MarkdownEditorFieldProps } from '../components/form/types.js';
@@ -61,7 +62,7 @@ export declare function registerMarkdownEditorField(priority?: number): void;
  * registerMarkdownEditorFieldWithComponent(FormMarkdownEditor);
  * ```
  */
-export declare function registerMarkdownEditorFieldWithComponent(component: any, priority?: number): void;
+export declare function registerMarkdownEditorFieldWithComponent(component: FieldComponent, priority?: number): void;
 /**
  * Check if markdown editor field is registered
  */

package/dist/form/markdown.js

@@ -80,9 +80,7 @@ export function registerMarkdownEditorField(priority = 100) {
  * registerMarkdownEditorFieldWithComponent(FormMarkdownEditor);
  * ```
  */
-export function registerMarkdownEditorFieldWithComponent(
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-component, priority = 100) {
+export function registerMarkdownEditorFieldWithComponent(component, priority = 100) {
     if (markdownEditorRegistered) {
         return;
     }

package/dist/helpers/workflowEditorHelper.js

@@ -6,11 +6,12 @@ import { MarkerType } from '@xyflow/svelte';
 import { hasCycles, hasInvalidCycles, isLoopbackEdge } from '../utils/connections.js';
 import { workflowApi, nodeApi, setEndpointConfig } from '../services/api.js';
 import { v4 as uuidv4 } from 'uuid';
-import { workflowActions } from '../stores/workflowStore.js';
+import { workflowActions } from '../stores/workflowStore.svelte.js';
 import { nodeExecutionService } from '../services/nodeExecutionService.js';
 import { WorkflowAdapter } from '../adapters/WorkflowAdapter.js';
 import { AgentSpecAdapter } from '../adapters/agentspec/AgentSpecAdapter.js';
 import { validateForAgentSpecExport } from '../adapters/agentspec/validator.js';
+import { logger } from '../utils/logger.js';
 /**
  * Generate a unique node ID based on node type and existing nodes
  * Format: <node_type>.<number>
@@ -165,27 +166,8 @@ export class EdgeStylingHelper {
             : null;
         // Determine edge category (loopback takes precedence)
         const edgeCategory = this.getEdgeCategoryWithLoopback(edge, sourcePortDataType);
-        // Detect current theme for marker colors
-        // Marker colors are baked in at creation time, so we check the theme here
-        const isDarkMode = typeof document !== 'undefined' &&
-            document.documentElement.getAttribute('data-theme') === 'dark';
-        // Edge color constants for marker arrows - matched to CSS token values
-        // These match the --fd-edge-* tokens in tokens.css for consistency
-        const EDGE_COLORS = isDarkMode
-            ? {
-                trigger: '#eaeaef', // --_gray-3 (light for dark mode visibility)
-                tool: '#fbbf24', // Brighter amber for dark mode
-                loopback: '#a3a3ad', // --_gray-5
-                data: '#a3a3ad' // --_gray-5
-            }
-            : {
-                trigger: '#18181c', // --_gray-9 (dark for light mode)
-                tool: '#f59e0b', // --_amber-2
-                loopback: '#71717b', // --_gray-6
-                data: '#a3a3ad' // --_gray-5
-            };
         // Apply styling based on edge category
-        // CSS classes handle styling via tokens; inline styles are fallback
+        // Marker colors use CSS custom properties so they respond to theme changes automatically
         switch (edgeCategory) {
             case 'loopback':
                 // Loopback edges: dashed gray line for loop iteration
@@ -196,7 +178,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 14,
                     height: 14,
-                    color: EDGE_COLORS.loopback
+                    color: 'var(--fd-edge-loopback)'
                 };
                 break;
             case 'trigger':
@@ -207,7 +189,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.trigger
+                    color: 'var(--fd-edge-trigger)'
                 };
                 break;
             case 'tool':
@@ -218,7 +200,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.tool
+                    color: 'var(--fd-edge-tool)'
                 };
                 break;
             case 'data':
@@ -230,7 +212,7 @@ export class EdgeStylingHelper {
                     type: MarkerType.ArrowClosed,
                     width: 16,
                     height: 16,
-                    color: EDGE_COLORS.data
+                    color: 'var(--fd-edge-data)'
                 };
                 break;
         }
@@ -291,7 +273,7 @@ export class NodeOperationsHelper {
             return fetchedNodes;
         }
         catch (error) {
-            console.error('❌ Failed to load nodes from API:', error);
+            logger.error('Failed to load nodes from API:', error);
             // Use fallback sample nodes
             return [
                 {
@@ -332,7 +314,7 @@ export class NodeOperationsHelper {
             return executionInfo;
         }
         catch (error) {
-            console.error('Failed to load node execution info:', error);
+            logger.error('Failed to load node execution info:', error);
             return {};
         }
     }
@@ -393,7 +375,7 @@ export class NodeOperationsHelper {
             return newNode;
         }
         catch (error) {
-            console.error('Error parsing node data:', error);
+            logger.error('Error parsing node data:', error);
             return null;
         }
     }
@@ -406,9 +388,12 @@ export class WorkflowOperationsHelper {
      * Generate workflow metadata for updates
      */
     static generateMetadata(existingMetadata) {
+        const now = new Date().toISOString();
         return {
-            ...existingMetadata,
-            updatedAt: new Date().toISOString(),
+            version: '1.0.0',
+            createdAt: now,
+            ...(existingMetadata ?? {}),
+            updatedAt: now,
             versionId: `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
             updateNumber: (existingMetadata?.updateNumber || 0) + 1
         };
@@ -465,7 +450,7 @@ export class WorkflowOperationsHelper {
      */
     static async saveWorkflow(workflow) {
         if (!workflow) {
-            console.warn('No workflow data available to save');
+            logger.warn('No workflow data available to save');
             return null;
         }
         try {
@@ -506,7 +491,7 @@ export class WorkflowOperationsHelper {
             return savedWorkflow;
         }
         catch (error) {
-            console.error('❌ Failed to save workflow:', error);
+            logger.error('Failed to save workflow:', error);
             throw error;
         }
     }
@@ -515,7 +500,7 @@ export class WorkflowOperationsHelper {
      */
     static exportWorkflow(workflow) {
         if (!workflow) {
-            console.warn('No workflow data available to export');
+            logger.warn('No workflow data available to export');
             return;
         }
         // Use the same ID logic as saveWorkflow

package/dist/mocks/app-forms.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /**
  * Mock for $app/forms
  * Provides minimal implementations for SvelteKit forms in library context