@flowdrop/flowdrop 1.15.0 → 2.0.0-beta.2

package/dist/components/playground/PlaygroundModal.svelte

@@ -10,7 +10,9 @@
   import Icon from '@iconify/svelte';
   import Playground from './Playground.svelte';
   import type { Workflow } from '../../types/index.js';
+  import type { FlowDropInstance } from '../../stores/instanceContainer.svelte.js';
   import type { EndpointConfig } from '../../config/endpoints.js';
+  import type { AuthProvider } from '../../types/auth.js';
   import type { PlaygroundConfig } from '../../types/playground.js';
   import { m } from '../../messages/index.js';
 
@@ -28,8 +30,12 @@
     initialSessionId?: string;
     /** API endpoint configuration */
     endpointConfig?: EndpointConfig;
+    /** Auth provider applied to this instance's API requests. */
+    authProvider?: AuthProvider;
     /** Playground configuration options */
     config?: PlaygroundConfig;
+    /** Per-instance state container — forwarded to the inner Playground */
+    instance?: FlowDropInstance;
     /** Callback when modal is closed */
     onClose: () => void;
   }
@@ -40,10 +46,17 @@
     workflow,
     initialSessionId,
     endpointConfig,
+    authProvider,
     config = {},
+    instance,
     onClose
   }: Props = $props();
 
+  // Unique per component instance so two FlowDrop editors on one page
+  // don't render colliding DOM ids (a11y).
+  const uid = $props.id();
+  const titleId = `${uid}-playground-modal-title`;
+
   /**
    * Close modal on Escape key
    */
@@ -71,15 +84,15 @@
     onkeydown={handleKeydown}
     role="dialog"
     aria-modal="true"
-    aria-labelledby="playground-modal-title"
+    aria-labelledby={titleId}
     tabindex="-1"
   >
     <!-- Modal Container -->
-    <!-- svelte-ignore a11y_no_static_element_interactions a11y_click_events_have_key_events — role="presentation" container stops backdrop click propagation -->
+    <!-- role="presentation" container stops backdrop click propagation -->
     <div class="playground-modal" onclick={(e) => e.stopPropagation()} role="presentation">
       <!-- Modal Header -->
       <div class="playground-modal__header">
-        <div class="playground-modal__title" id="playground-modal-title">
+        <div class="playground-modal__title" id={titleId}>
           <Icon icon="mdi:play-circle-outline" />
           <span>Playground</span>
         </div>
@@ -96,11 +109,13 @@
       <!-- Modal Content -->
       <div class="playground-modal__content">
         <Playground
+          {instance}
           {workflowId}
           {workflow}
           mode="modal"
           {initialSessionId}
           {endpointConfig}
+          {authProvider}
           {config}
           {onClose}
         />

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

@@ -1,5 +1,7 @@
 import type { Workflow } from '../../types/index.js';
+import type { FlowDropInstance } from '../../stores/instanceContainer.svelte.js';
 import type { EndpointConfig } from '../../config/endpoints.js';
+import type { AuthProvider } from '../../types/auth.js';
 import type { PlaygroundConfig } from '../../types/playground.js';
 /**
  * Component props
@@ -15,8 +17,12 @@ interface Props {
     initialSessionId?: string;
     /** API endpoint configuration */
     endpointConfig?: EndpointConfig;
+    /** Auth provider applied to this instance's API requests. */
+    authProvider?: AuthProvider;
     /** Playground configuration options */
     config?: PlaygroundConfig;
+    /** Per-instance state container — forwarded to the inner Playground */
+    instance?: FlowDropInstance;
     /** Callback when modal is closed */
     onClose: () => void;
 }

package/dist/components/playground/PlaygroundStudio.svelte

@@ -3,22 +3,12 @@
   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';
+  import type { AuthProvider } from '../../types/auth.js';
   import type { PlaygroundConfig, PlaygroundMode } from '../../types/playground.js';
 
   interface Props {
@@ -28,6 +18,8 @@
     workflow?: Workflow;
     /** API endpoint configuration */
     endpointConfig?: EndpointConfig;
+    /** Auth provider applied to this instance's API requests. */
+    authProvider?: AuthProvider;
     /** Display mode (default: standalone) */
     mode?: PlaygroundMode;
     /** Session ID to activate on mount. Changing this prop remounts the Playground. */
@@ -46,12 +38,15 @@
     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 {
     workflowId,
     workflow: workflowProp,
     endpointConfig,
+    authProvider,
     mode = 'standalone',
     initialSessionId,
     config = {},
@@ -60,17 +55,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 +98,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, authProvider);
     }
     if (!workflowProp) {
       void loadWorkflow();
@@ -115,7 +121,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 +168,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 +186,12 @@
           pipelineId={activeId}
           workflow={resolvedWorkflow}
           {endpointConfig}
-          isPinned={getPinnedExecutionId() !== null}
+          {authProvider}
+          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 +221,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">
@@ -236,13 +243,14 @@
             {workflowId}
             workflow={resolvedWorkflow}
             {endpointConfig}
+            {authProvider}
             {mode}
             {initialSessionId}
             {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,5 +1,7 @@
+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 { AuthProvider } from '../../types/auth.js';
 import type { PlaygroundConfig, PlaygroundMode } from '../../types/playground.js';
 interface Props {
     /** Target workflow ID */
@@ -8,6 +10,8 @@ interface Props {
     workflow?: Workflow;
     /** API endpoint configuration */
     endpointConfig?: EndpointConfig;
+    /** Auth provider applied to this instance's API requests. */
+    authProvider?: AuthProvider;
     /** Display mode (default: standalone) */
     mode?: PlaygroundMode;
     /** Session ID to activate on mount. Changing this prop remounts the Playground. */
@@ -26,6 +30,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

@@ -1,11 +1,39 @@
 import type { EndpointConfig } from '../../config/endpoints.js';
+import type { AuthProvider } from '../../types/auth.js';
 import type { NodeExecutionStatus, KanbanColumnDef } from '../../types/index.js';
 export type NodeStatus = NodeExecutionStatus;
 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;
 /**
@@ -13,8 +41,9 @@ export declare function resolveStatus(raw: NodeStatusData | undefined): NodeStat
  * `endpointConfig` is used once to construct the API client — it must be stable.
  * `getPipelineId` is called on every fetch so pipeline ID changes are picked up.
  */
-export declare function createPipelineDataFetcher(getPipelineId: () => string, endpointConfig: EndpointConfig): {
+export declare function createPipelineDataFetcher(getPipelineId: () => string, endpointConfig: EndpointConfig, authProvider?: AuthProvider): {
     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';
@@ -26,9 +55,10 @@ export function resolveStatus(raw) {
  * `endpointConfig` is used once to construct the API client — it must be stable.
  * `getPipelineId` is called on every fetch so pipeline ID changes are picked up.
  */
-export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
-    const client = new EnhancedFlowDropApiClient(endpointConfig);
+export function createPipelineDataFetcher(getPipelineId, endpointConfig, authProvider) {
+    const client = new EnhancedFlowDropApiClient(endpointConfig, authProvider);
     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

@@ -3,6 +3,7 @@
  * Provides configurable endpoints for all API actions
  */
 import type { AgentSpecEndpointConfig } from './agentSpecEndpoints.js';
+import type { AuthProvider } from '../types/auth.js';
 export interface EndpointConfig {
     /** Base URL for all endpoints */
     baseUrl: string;
@@ -110,13 +111,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 */
@@ -166,3 +160,25 @@ export declare function getEndpointMethod(config: EndpointConfig, endpointKey: s
  * Get custom headers for an endpoint
  */
 export declare function getEndpointHeaders(config: EndpointConfig, endpointKey: string): Record<string, string>;
+/**
+ * Build request headers for an endpoint, layering the auth provider's headers
+ * over the static endpoint headers.
+ *
+ * This is the single header-building path shared by the per-instance services
+ * (playground, chat, interrupt, settings, port config, categories). Routing all
+ * of them through this helper guarantees a configured {@link AuthProvider}
+ * authenticates every request consistently — matching the behaviour of
+ * {@link EnhancedFlowDropApiClient}, which owns the equivalent merge for the
+ * typed workflow/node API.
+ *
+ * `getAuthHeaders()` is awaited per call so providers can return freshly
+ * refreshed tokens. When no provider is supplied the result is identical to
+ * {@link getEndpointHeaders} (no auth) — keeping unauthenticated callers
+ * working unchanged.
+ *
+ * @param config - The endpoint configuration
+ * @param endpointKey - Key identifying the endpoint (for static header lookup)
+ * @param authProvider - Optional auth provider supplying `Authorization` etc.
+ * @returns Merged headers: static endpoint headers < auth headers
+ */
+export declare function getRequestHeaders(config: EndpointConfig, endpointKey: string, authProvider?: AuthProvider): Promise<Record<string, string>>;

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) {
@@ -149,3 +141,31 @@ export function getEndpointHeaders(config, endpointKey) {
     }
     return baseHeaders;
 }
+/**
+ * Build request headers for an endpoint, layering the auth provider's headers
+ * over the static endpoint headers.
+ *
+ * This is the single header-building path shared by the per-instance services
+ * (playground, chat, interrupt, settings, port config, categories). Routing all
+ * of them through this helper guarantees a configured {@link AuthProvider}
+ * authenticates every request consistently — matching the behaviour of
+ * {@link EnhancedFlowDropApiClient}, which owns the equivalent merge for the
+ * typed workflow/node API.
+ *
+ * `getAuthHeaders()` is awaited per call so providers can return freshly
+ * refreshed tokens. When no provider is supplied the result is identical to
+ * {@link getEndpointHeaders} (no auth) — keeping unauthenticated callers
+ * working unchanged.
+ *
+ * @param config - The endpoint configuration
+ * @param endpointKey - Key identifying the endpoint (for static header lookup)
+ * @param authProvider - Optional auth provider supplying `Authorization` etc.
+ * @returns Merged headers: static endpoint headers < auth headers
+ */
+export async function getRequestHeaders(config, endpointKey, authProvider) {
+    const headers = getEndpointHeaders(config, endpointKey);
+    if (authProvider) {
+        Object.assign(headers, await authProvider.getAuthHeaders());
+    }
+    return headers;
+}

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';
@@ -68,16 +68,15 @@ export { computeAutoLayout } from '../adapters/agentspec/autoLayout.js';
 export type { AutoLayoutConfig } from '../adapters/agentspec/autoLayout.js';
 export type { AgentSpecEndpointConfig } from '../config/agentSpecEndpoints.js';
 export { defaultAgentSpecEndpoints, createAgentSpecEndpointConfig, buildAgentSpecUrl, getAgentSpecAuthHeaders } from '../config/agentSpecEndpoints.js';
-export { AgentSpecExecutionService, agentSpecExecutionService } from '../services/agentSpecExecutionService.js';
+export { 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';
 export { slateSkin, defaultSkin } from '../skins/index.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';
 export { computeSwapPreview, computeSwapPreviewWithOptions, executeSwap, mapConfig, getVersionUpgrade, compareSemver, performSwap, validateSwapResult, SwapValidationError } from '../utils/nodeSwap.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)
@@ -80,20 +80,16 @@ export { validateForAgentSpecExport, validateAgentSpecFlow } from '../adapters/a
 // Agent Spec auto-layout
 export { computeAutoLayout } from '../adapters/agentspec/autoLayout.js';
 export { defaultAgentSpecEndpoints, createAgentSpecEndpointConfig, buildAgentSpecUrl, getAgentSpecAuthHeaders } from '../config/agentSpecEndpoints.js';
-// Agent Spec execution service
-export { AgentSpecExecutionService, agentSpecExecutionService } from '../services/agentSpecExecutionService.js';
+// Agent Spec execution service (instantiate per instance — no global singleton)
+export { AgentSpecExecutionService } from '../services/agentSpecExecutionService.js';
 // ============================================================================
 // 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';
 // ============================================================================
-// HTML Sanitization
-// ============================================================================
-export { sanitizeHtml } from '../utils/sanitize.js';
-// ============================================================================
 // Logger
 // ============================================================================
 export { logger, setLogLevel, getLogLevel } from '../utils/logger.js';