@flowdrop/flowdrop 1.15.0 → 2.0.0-beta.1

package/dist/components/playground/PlaygroundStudio.svelte

@@ -3,19 +3,8 @@
   import Icon from '@iconify/svelte';
   import Playground from './Playground.svelte';
   import PipelinePanel from './PipelinePanel.svelte';
-  import {
-    getPipelinePanelOpen,
-    pipelinePanelActions
-  } from '../../stores/pipelinePanelStore.svelte.js';
-  import {
-    getActiveExecutionId,
-    getPinnedExecutionId,
-    getLatestExecutionId,
-    getPipelineRefreshTrigger,
-    getSelectableExecutions,
-    playgroundActions
-  } from '../../stores/playgroundStore.svelte.js';
-  import { setEndpointConfig, workflowApi } from '../../services/api.js';
+  import { provideInstance } from '../../stores/getInstance.svelte.js';
+  import type { FlowDropInstance } from '../../stores/instanceContainer.svelte.js';
   import { logger } from '../../utils/logger.js';
   import type { Workflow, PipelineViewDef } from '../../types/index.js';
   import type { EndpointConfig } from '../../config/endpoints.js';
@@ -46,6 +35,8 @@
     onClose?: () => void;
     /** Additional pipeline views injected by the consumer */
     extraPipelineViews?: PipelineViewDef[];
+    /** Explicit FlowDrop instance; defaults to context or the page-default instance. */
+    instance?: FlowDropInstance;
   }
 
   let {
@@ -60,17 +51,28 @@
     initialPipelineWidth = 500,
     onSessionNavigate,
     onClose,
-    extraPipelineViews = []
+    extraPipelineViews = [],
+    instance
   }: Props = $props();
 
-  // svelte-ignore state_referenced_locally — seed mutable state from the prop's initial value; workflow may load asynchronously below
+  // Resolve/provide once at init; the instance prop is a fixed mount-time choice.
+  // svelte-ignore state_referenced_locally
+  const fd = provideInstance(instance);
+
+  // Pre-bound toggle for detached callback props (onclick / onTogglePanel).
+  const togglePipeline = () => fd.pipelinePanel.toggle();
+
+  // seed mutable state from the prop's initial value; workflow may load asynchronously below
+  // svelte-ignore state_referenced_locally
   let resolvedWorkflow = $state<Workflow | null>(workflowProp ?? null);
-  // svelte-ignore state_referenced_locally — initial loading flag derived from whether a workflow was provided up front
+  // initial loading flag derived from whether a workflow was provided up front
+  // svelte-ignore state_referenced_locally
   let workflowLoading = $state(workflowProp === undefined);
   let workflowError = $state<string | null>(null);
 
   let splitEl = $state<HTMLElement | null>(null);
-  // svelte-ignore state_referenced_locally — seed mutable width from the initial prop; it changes as the user drags the resizer
+  // seed mutable width from the initial prop; it changes as the user drags the resizer
+  // svelte-ignore state_referenced_locally
   let pipelineWidth = $state(initialPipelineWidth);
   let isResizing = $state(false);
   let containerWidth = $state(0);
@@ -92,12 +94,12 @@
   });
 
   onMount(() => {
-    pipelinePanelActions.init();
+    fd.pipelinePanel.init();
     if (initialPipelineOpen !== undefined) {
-      pipelinePanelActions.setOpen(initialPipelineOpen);
+      fd.pipelinePanel.setOpen(initialPipelineOpen);
     }
     if (endpointConfig) {
-      setEndpointConfig(endpointConfig);
+      fd.api.configure(endpointConfig);
     }
     if (!workflowProp) {
       void loadWorkflow();
@@ -115,7 +117,7 @@
     try {
       workflowLoading = true;
       workflowError = null;
-      resolvedWorkflow = await workflowApi.getWorkflow(workflowId);
+      resolvedWorkflow = await fd.api.client.loadWorkflow(workflowId);
     } catch (err) {
       workflowError = err instanceof Error ? err.message : 'Failed to load workflow';
       logger.error('[PlaygroundStudio] Workflow load failed:', err);
@@ -162,16 +164,16 @@
   style="--playground-studio-min-chat-width: {minChatWidth}px"
 >
   <div class="playground-studio__panes" bind:this={splitEl}>
-    {#if getPipelinePanelOpen() && resolvedWorkflow && endpointConfig}
-      {@const activeId = getActiveExecutionId()}
-      {@const executions = getSelectableExecutions()}
+    {#if fd.pipelinePanel.isOpen && resolvedWorkflow && endpointConfig}
+      {@const activeId = fd.playground.activeExecutionId}
+      {@const executions = fd.playground.selectableExecutions}
 
       <div class="playground-studio__pipeline" style="width: {pipelineWidth}px;">
         <button
           type="button"
           class="playground-studio__back-to-chat"
           aria-label="Back to chat"
-          onclick={pipelinePanelActions.toggle}
+          onclick={togglePipeline}
         >
           <Icon icon="mdi:arrow-left" aria-hidden="true" />
           <span>Back to chat</span>
@@ -180,11 +182,11 @@
           pipelineId={activeId}
           workflow={resolvedWorkflow}
           {endpointConfig}
-          isPinned={getPinnedExecutionId() !== null}
+          isPinned={fd.playground.pinnedExecutionId !== null}
           {executions}
-          latestExecutionId={getLatestExecutionId()}
-          onSelectExecution={(id) => playgroundActions.pinExecution(id)}
-          refreshTrigger={getPipelineRefreshTrigger()}
+          latestExecutionId={fd.playground.latestExecutionId}
+          onSelectExecution={(id) => fd.playground.pinExecution(id)}
+          refreshTrigger={fd.playground.pipelineRefreshTrigger}
           extraViews={extraPipelineViews}
         />
       </div>
@@ -214,7 +216,7 @@
 
     <div
       class="playground-studio__chat"
-      class:playground-studio__chat--solo={!getPipelinePanelOpen()}
+      class:playground-studio__chat--solo={!fd.pipelinePanel.isOpen}
     >
       {#if workflowLoading}
         <div class="playground-studio__loading">
@@ -241,8 +243,8 @@
             {config}
             {onClose}
             {onSessionNavigate}
-            onTogglePanel={pipelinePanelActions.toggle}
-            isPipelinePanelOpen={getPipelinePanelOpen()}
+            onTogglePanel={togglePipeline}
+            isPipelinePanelOpen={fd.pipelinePanel.isOpen}
           />
         {/key}
       {/if}

package/dist/components/playground/PlaygroundStudio.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { FlowDropInstance } from '../../stores/instanceContainer.svelte.js';
 import type { Workflow, PipelineViewDef } from '../../types/index.js';
 import type { EndpointConfig } from '../../config/endpoints.js';
 import type { PlaygroundConfig, PlaygroundMode } from '../../types/playground.js';
@@ -26,6 +27,8 @@ interface Props {
     onClose?: () => void;
     /** Additional pipeline views injected by the consumer */
     extraPipelineViews?: PipelineViewDef[];
+    /** Explicit FlowDrop instance; defaults to context or the page-default instance. */
+    instance?: FlowDropInstance;
 }
 declare const PlaygroundStudio: import("svelte").Component<Props, {}, "">;
 type PlaygroundStudio = ReturnType<typeof PlaygroundStudio>;

package/dist/components/playground/SessionManager.svelte

@@ -10,14 +10,11 @@
   import Icon from '@iconify/svelte';
   import { slide } from 'svelte/transition';
   import type { PlaygroundSession } from '../../types/playground.js';
-  import {
-    getSessions,
-    getCurrentSession,
-    getIsLoading,
-    getSessionCount
-  } from '../../stores/playgroundStore.svelte.js';
+  import { getInstance } from '../../stores/getInstance.svelte.js';
   import { m } from '../../messages/index.js';
 
+  const fd = getInstance();
+
   /**
    * Component props
    */
@@ -175,8 +172,8 @@
     <div class="session-manager__title">
       <Icon icon="mdi:history" />
       <span>{t.header}</span>
-      {#if getSessionCount() > 0}
-        <span class="session-manager__count">{getSessionCount()}</span>
+      {#if fd.playground.sessionCount > 0}
+        <span class="session-manager__count">{fd.playground.sessionCount}</span>
       {/if}
     </div>
     <Icon
@@ -193,7 +190,7 @@
         type="button"
         class="session-manager__new-btn"
         onclick={onCreateSession}
-        disabled={getIsLoading()}
+        disabled={fd.playground.isLoading}
       >
         <Icon icon="mdi:plus" />
         {t.newSession}
@@ -201,16 +198,16 @@
 
       <!-- Sessions List -->
       <div class="session-manager__list">
-        {#if getSessions().length === 0}
+        {#if fd.playground.sessions.length === 0}
           <div class="session-manager__empty">
             <Icon icon="mdi:chat-outline" />
             <span>{t.empty}</span>
           </div>
         {:else}
-          {#each getSessions() as session (session.id)}
+          {#each fd.playground.sessions as session (session.id)}
             <div
               class="session-manager__item"
-              class:session-manager__item--active={getCurrentSession()?.id === session.id}
+              class:session-manager__item--active={fd.playground.currentSession?.id === session.id}
               role="button"
               tabindex="0"
               onclick={() => handleSelectSession(session.id)}

package/dist/components/playground/pipelineViewUtils.svelte.d.ts

@@ -5,7 +5,34 @@ export interface NodeStatusData {
     status: string;
     last_executed?: string | null;
     execution_time?: number | null;
+    /** Precise duration in microseconds, from orchestrator-stamped job metadata */
+    execution_time_us?: number | null;
     error?: string | null;
+    /** Number of jobs for this node that actually ran (loop iterations) */
+    executions?: number | null;
+    /** Per-status job counts, e.g. { completed: 2, skipped: 1 } */
+    status_counts?: Record<string, number> | null;
+}
+/**
+ * One job from the pipeline payload. Loop-orchestrated workflows create one
+ * job per iteration for the same node, so a node can have several of these —
+ * the label carries the iteration suffix (e.g. "Invoke tool #2").
+ */
+export interface PipelineJobItem {
+    id: string;
+    label: string;
+    nodeId: string;
+    status: string;
+    createdAt?: string | null;
+    started?: string | null;
+    completed?: string | null;
+    /** Precise duration in microseconds, when the job ran to completion */
+    executionTimeUs?: number | null;
+    error?: string | null;
+    retryCount?: number | null;
+    maxRetries?: number | null;
+    inputData?: unknown;
+    outputData?: unknown;
 }
 export declare function resolveStatus(raw: NodeStatusData | undefined): NodeStatus;
 /**
@@ -15,6 +42,7 @@ export declare function resolveStatus(raw: NodeStatusData | undefined): NodeStat
  */
 export declare function createPipelineDataFetcher(getPipelineId: () => string, endpointConfig: EndpointConfig): {
     readonly nodeStatusMap: Record<string, NodeStatusData>;
+    readonly jobs: PipelineJobItem[];
     readonly kanbanConfig: KanbanColumnDef[] | null;
     readonly isLoading: boolean;
     readonly isError: boolean;

package/dist/components/playground/pipelineViewUtils.svelte.js

@@ -11,6 +11,35 @@ const KNOWN_STATUSES = new Set([
     'failed',
     'cancelled'
 ]);
+function toJobItem(raw, index) {
+    const started = typeof raw.started === 'string' ? raw.started : null;
+    const completed = typeof raw.completed === 'string' ? raw.completed : null;
+    // Prefer the orchestrator-stamped microsecond duration; fall back to the
+    // second-granularity timestamps for jobs that predate the metadata stamp.
+    let executionTimeUs = typeof raw.execution_time_us === 'number' ? raw.execution_time_us : null;
+    if (executionTimeUs == null && started && completed) {
+        const startMs = Date.parse(started);
+        const endMs = Date.parse(completed);
+        if (!Number.isNaN(startMs) && !Number.isNaN(endMs)) {
+            executionTimeUs = (endMs - startMs) * 1000;
+        }
+    }
+    return {
+        id: typeof raw.id === 'string' || typeof raw.id === 'number' ? String(raw.id) : `job-${index}`,
+        label: typeof raw.label === 'string' ? raw.label : '',
+        nodeId: typeof raw.node_id === 'string' ? raw.node_id : '',
+        status: typeof raw.status === 'string' ? raw.status : 'idle',
+        createdAt: typeof raw.created_at === 'string' ? raw.created_at : null,
+        started,
+        completed,
+        executionTimeUs,
+        error: typeof raw.error_message === 'string' ? raw.error_message : null,
+        retryCount: typeof raw.retry_count === 'number' ? raw.retry_count : null,
+        maxRetries: typeof raw.max_retries === 'number' ? raw.max_retries : null,
+        inputData: raw.input_data ?? null,
+        outputData: raw.output_data ?? null
+    };
+}
 export function resolveStatus(raw) {
     if (!raw)
         return 'pending';
@@ -29,6 +58,7 @@ export function resolveStatus(raw) {
 export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
     const client = new EnhancedFlowDropApiClient(endpointConfig);
     let nodeStatusMap = $state({});
+    let jobs = $state([]);
     let kanbanConfig = $state(null);
     let isLoading = $state(false);
     let isError = $state(false);
@@ -43,10 +73,14 @@ export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
                     status: info.status,
                     last_executed: info.last_executed,
                     execution_time: info.execution_time,
-                    error: info.error
+                    execution_time_us: info.execution_time_us,
+                    error: info.error,
+                    executions: info.executions,
+                    status_counts: info.status_counts
                 };
             }
             nodeStatusMap = map;
+            jobs = (data.jobs ?? []).map(toJobItem);
             if (data.kanban_config?.columns) {
                 // Server sends statuses as string[]; trust the server and cast at this
                 // boundary. resolveStatus() handles unknown values at read time.
@@ -70,6 +104,9 @@ export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
         get nodeStatusMap() {
             return nodeStatusMap;
         },
+        get jobs() {
+            return jobs;
+        },
         get kanbanConfig() {
             return kanbanConfig;
         },

package/dist/config/endpoints.d.ts

@@ -110,13 +110,6 @@ export interface EndpointConfig {
     headers?: {
         [key: string]: Record<string, string>;
     };
-    /** Authentication configuration */
-    auth?: {
-        type: 'none' | 'bearer' | 'api_key' | 'custom';
-        token?: string;
-        apiKey?: string;
-        headers?: Record<string, string>;
-    };
     /** Request timeout in milliseconds */
     timeout?: number;
     /** Retry configuration */

package/dist/config/endpoints.js

@@ -132,16 +132,8 @@ export function getEndpointHeaders(config, endpointKey) {
     const baseHeaders = {
         'Content-Type': 'application/json'
     };
-    // Add authentication headers
-    if (config.auth?.type === 'bearer' && config.auth.token) {
-        baseHeaders['Authorization'] = `Bearer ${config.auth.token}`;
-    }
-    else if (config.auth?.type === 'api_key' && config.auth.apiKey) {
-        baseHeaders['X-API-Key'] = config.auth.apiKey;
-    }
-    else if (config.auth?.type === 'custom' && config.auth.headers) {
-        Object.assign(baseHeaders, config.auth.headers);
-    }
+    // Authentication is supplied via the AuthProvider passed to the API client /
+    // ApiContext — EndpointConfig no longer carries an `auth` block.
     // Add endpoint-specific headers
     const endpointHeaders = config.headers?.[endpointKey];
     if (endpointHeaders) {

package/dist/core/index.d.ts

@@ -22,12 +22,12 @@ export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig, Executi
 export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from '../types/auth.js';
 export type { WorkflowChangeType, FlowDropEventHandlers, FlowDropFeatures } from '../types/events.js';
 export type { FieldSchema, FieldType, FieldFormat, FieldOption, SchemaFormProps, BaseFieldProps, TextFieldProps, TextareaFieldProps, NumberFieldProps, ToggleFieldProps, RangeFieldProps, SelectFieldProps, CheckboxGroupFieldProps, ArrayFieldProps, CodeEditorFieldProps, MarkdownEditorFieldProps, TemplateEditorFieldProps, FormFieldFactoryProps, FormFieldWrapperProps } from '../components/form/types.js';
-export { BaseRegistry } from '../registry/BaseRegistry.js';
+export { BaseRegistry } from '../registry/BaseRegistry.svelte.js';
 export type { NodeComponentProps, NodeTypeInfo, NodeComponentRegistration, NodeComponentCategory, StatusPosition, StatusSize, NodeRegistrationFilter, FlowDropPluginConfig, PluginNodeDefinition, PluginRegistrationResult } from '../registry/index.js';
 export type { FieldMatcherRegistration } from '../form/fieldRegistry.js';
-export { workflowFormatRegistry } from '../registry/workflowFormatRegistry.js';
+export { WorkflowFormatRegistry } from '../registry/workflowFormatRegistry.js';
 export type { WorkflowFormatAdapter, FormatValidationResult } from '../registry/workflowFormatRegistry.js';
-export { registerBuiltinFormats, areBuiltinFormatsRegistered, resetBuiltinFormatRegistration } from '../registry/builtinFormats.js';
+export { getBuiltinFormatAdapters } from '../registry/builtinFormats.js';
 export type { ToastType, ToastOptions } from '../services/toastService.js';
 export type { DynamicSchemaResult } from '../services/dynamicSchemaService.js';
 export type { PlaygroundSession, PlaygroundMessage, PlaygroundInputField, PlaygroundMessageRequest, PlaygroundMessagesResult, PlaygroundConfig, PlaygroundMode, PlaygroundSessionStatus, PlaygroundMessageRole, PlaygroundMessageLevel, PlaygroundMessageMetadata, PlaygroundApiResponse, PlaygroundSessionsResponse, PlaygroundSessionResponse, PlaygroundMessageResponse, PlaygroundMessagesApiResponse } from '../types/playground.js';
@@ -70,7 +70,7 @@ export type { AgentSpecEndpointConfig } from '../config/agentSpecEndpoints.js';
 export { defaultAgentSpecEndpoints, createAgentSpecEndpointConfig, buildAgentSpecUrl, getAgentSpecAuthHeaders } from '../config/agentSpecEndpoints.js';
 export { AgentSpecExecutionService, agentSpecExecutionService } from '../services/agentSpecExecutionService.js';
 export type { AgentSpecExecutionHandle } from '../services/agentSpecExecutionService.js';
-export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schema/index.js';
+export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schemas/index.js';
 export type { FlowDropTheme, FlowDropThemeName, FlowDropThemeConfig } from '../types/theme.js';
 export { defaultTheme, minimalTheme, resolveTheme } from '../themes/index.js';
 export type { FlowDropSkin, FlowDropSkinName, FlowDropSkinTokens } from '../types/skin.js';

package/dist/core/index.js

@@ -17,11 +17,11 @@
 export { DEFAULT_WORKFLOW_FORMAT } from '../types/index.js';
 export { isUISchemaControl, isUISchemaVerticalLayout, isUISchemaGroup } from '../types/index.js';
 // Base registry
-export { BaseRegistry } from '../registry/BaseRegistry.js';
-// Workflow format registry
-export { workflowFormatRegistry } from '../registry/workflowFormatRegistry.js';
-// Built-in format registration helpers
-export { registerBuiltinFormats, areBuiltinFormatsRegistered, resetBuiltinFormatRegistration } from '../registry/builtinFormats.js';
+export { BaseRegistry } from '../registry/BaseRegistry.svelte.js';
+// Workflow format registry (the class — instances live on `fd.formats`)
+export { WorkflowFormatRegistry } from '../registry/workflowFormatRegistry.js';
+// Built-in format adapters (used to seed instance format registries)
+export { getBuiltinFormatAdapters } from '../registry/builtinFormats.js';
 export { isChatInputNode, CHAT_INPUT_PATTERNS } from '../types/playground.js';
 // ============================================================================
 // Authentication Providers (no dependencies)
@@ -85,7 +85,7 @@ export { AgentSpecExecutionService, agentSpecExecutionService } from '../service
 // ============================================================================
 // Workflow JSON Schema
 // ============================================================================
-export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schema/index.js';
+export { workflowSchema, WORKFLOW_SCHEMA_VERSION } from '../schemas/index.js';
 export { defaultTheme, minimalTheme, resolveTheme } from '../themes/index.js';
 export { slateSkin, defaultSkin } from '../skins/index.js';
 export { getTheme as theme, getResolvedTheme as resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.svelte.js';

package/dist/display/index.d.ts

@@ -2,7 +2,6 @@
  * FlowDrop Display Module
  *
  * Provides display components for rendering content.
- * This module includes the marked library for markdown rendering.
  *
  * @module display
  *
@@ -26,4 +25,3 @@
  * ```
  */
 export { default as MarkdownDisplay } from '../components/MarkdownDisplay.svelte';
-export { marked } from 'marked';

package/dist/display/index.js

@@ -2,7 +2,6 @@
  * FlowDrop Display Module
  *
  * Provides display components for rendering content.
- * This module includes the marked library for markdown rendering.
  *
  * @module display
  *
@@ -29,8 +28,3 @@
 // Display Components
 // ============================================================================
 export { default as MarkdownDisplay } from '../components/MarkdownDisplay.svelte';
-// ============================================================================
-// Re-export marked for advanced usage
-// ============================================================================
-// Users can use marked directly if they need more control
-export { marked } from 'marked';

package/dist/editor/index.d.ts

@@ -5,9 +5,14 @@
  * 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.
+ * **Multi-instance support.** Each mount gets its own `FlowDropInstance`
+ * state container (workflow, undo/redo, playground, …), so multiple editors
+ * can coexist on one page. Pass `instanceId` to the mount options to scope
+ * draft/panel storage keys per editor; in Svelte, pass `instance` to <App>
+ * or resolve it in components via `getInstance()`. State is addressed through
+ * the instance — there is no page-default module-level store API.
+ * Page-global by design: theme/settings, port-compatibility config, and API
+ * endpoint config.
  *
  * @module editor
  *
@@ -31,7 +36,6 @@
  * <WorkflowEditor nodes={availableNodes} />
  * ```
  */
-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';
@@ -58,33 +62,28 @@ export { default as PipelineStatus } from '../components/PipelineStatus.svelte';
 export { default as Navbar } from '../components/Navbar.svelte';
 export { default as Logo } from '../components/Logo.svelte';
 export { default as CommandConsole } from '../components/console/CommandConsole.svelte';
-export { default as Playground } from '../components/playground/Playground.svelte';
-export { default as PlaygroundModal } from '../components/playground/PlaygroundModal.svelte';
-export { default as ChatPanel } from '../components/playground/ChatPanel.svelte';
-export { default as SessionManager } from '../components/playground/SessionManager.svelte';
-export { default as InputCollector } from '../components/playground/InputCollector.svelte';
-export { default as ExecutionLogs } from '../components/playground/ExecutionLogs.svelte';
-export { default as MessageBubble } from '../components/playground/MessageBubble.svelte';
 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 { NodeComponentRegistry, createNamespacedType, parseNamespacedType, BUILTIN_NODE_COMPONENTS, BUILTIN_NODE_TYPES, FLOWDROP_SOURCE, isBuiltinType, getBuiltinTypes, resolveBuiltinAlias, createPlugin, isValidNamespace } from '../registry/index.js';
 export { EdgeStylingHelper, NodeOperationsHelper, WorkflowOperationsHelper, ConfigurationHelper } from '../helpers/workflowEditorHelper.js';
-export { getWorkflowStore, workflowActions, getWorkflowId, getWorkflowName, getWorkflowNodes, getWorkflowEdges, getWorkflowMetadata, getWorkflowFormat, getWorkflowChanged, getWorkflowValidation, getWorkflowMetadataChanged, getConnectedHandles, getIsDirty, isDirty, markAsSaved, getEditVersion, 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 { createFlowDropInstance, getDefaultInstance, type FlowDropInstance, type CreateInstanceOptions } from '../stores/instanceContainer.svelte.js';
+export { getInstance, provideInstance, FLOWDROP_INSTANCE_KEY } from '../stores/getInstance.svelte.js';
+export { WorkflowStore, type WorkflowStoreActions } from '../stores/workflowStore.svelte.js';
+export { HistoryStore, type HistoryStoreActions } from '../stores/historyStore.svelte.js';
+export { ApiContext } from '../stores/apiContext.js';
+export { PortCoordinateStore } from '../stores/portCoordinateStore.svelte.js';
+export { HistoryService } from '../services/historyService.js';
 export type { HistoryEntry, HistoryState, PushOptions } from '../stores/historyStore.svelte.js';
-export { setEndpointConfig, getEndpointConfig, nodeApi, workflowApi, api } 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 { getCurrentSession, getSessions, getMessages, getIsExecuting, getCanSendMessage, getIsLoading, getError as getPlaygroundError, getCurrentWorkflow, getLastPollSequenceNumber, getSessionStatus, getMessageCount, getChatMessages, getLogMessages, getLatestMessage, getInputFields, getHasChatInput, getSessionCount, playgroundActions, applyServerResponse, subscribeToSessionStatus, getCurrentSessionId, isSessionSelected, getMessagesSnapshot, getLatestSequenceNumber } from '../stores/playgroundStore.svelte.js';
 export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from '../services/workflowStorage.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';
-export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, clearAllDrafts, DraftAutoSaveManager } from '../services/draftStorage.js';
+export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, clearAllDrafts, setDraftStorage, getDraftStorage, resolveDraftStorage, DraftAutoSaveManager } from '../services/draftStorage.js';
+export type { DraftStorageAdapter, DraftStorageType, DraftStorageOption } from '../services/draftStorage.js';
 export { EnhancedFlowDropApiClient, ApiError } from '../api/enhanced-client.js';
-export { isLoopbackEdge, isValidLoopbackCycle, PortCompatibilityChecker, initializePortCompatibility, getPortCompatibilityChecker, getPossibleConnections, validateConnection, getConnectionSuggestions, hasCycles, hasInvalidCycles, getExecutionOrder } from '../utils/connections.js';
+export { isLoopbackEdge, isValidLoopbackCycle, PortCompatibilityChecker, getPossibleConnections, validateConnection, getConnectionSuggestions, hasCycles, hasInvalidCycles, getExecutionOrder } from '../utils/connections.js';
 export { fetchRuntimeConfig, getRuntimeConfig, clearRuntimeConfigCache, initRuntimeConfig } from '../config/runtimeConfig.js';
 export type { RuntimeConfig } from '../config/runtimeConfig.js';
 export type { Workflow, WorkflowNode, WorkflowEdge, NodeMetadata, NodePort, DynamicPort, Branch, ExecutionStatus, ExecutionResult, FlowDropConfig, PortConfig, ConfigSchema, ConfigProperty, ConfigEditOptions } from '../types/index.js';