@d34dman/flowdrop 0.0.60 → 0.0.62

package/dist/stores/{playgroundStore.js → playgroundStore.svelte.js}

@@ -1,84 +1,146 @@
 /**
  * Playground Store
  *
- * Svelte stores for managing playground state including sessions,
+ * Svelte 5 rune-based state for managing playground state including sessions,
  * messages, and execution status.
  *
  * @module stores/playgroundStore
  */
-import { writable, derived, get } from 'svelte/store';
-import { isChatInputNode } from '../types/playground.js';
+import { isChatInputNode, defaultIsTerminalStatus } from '../types/playground.js';
+import { logger } from '../utils/logger.js';
 // =========================================================================
-// Core Stores
+// Core State
 // =========================================================================
 /**
  * Currently active playground session
  */
-export const currentSession = writable(null);
+let _currentSession = $state(null);
 /**
  * List of all sessions for the current workflow
  */
-export const sessions = writable([]);
+let _sessions = $state([]);
 /**
  * Messages in the current session
  */
-export const messages = writable([]);
+let _messages = $state([]);
 /**
  * Whether an execution is currently running
  */
-export const isExecuting = writable(false);
+let _isExecuting = $state(false);
 /**
  * Whether we are currently loading data
  */
-export const isLoading = writable(false);
+let _isLoading = $state(false);
 /**
  * Current error message, if any
  */
-export const error = writable(null);
+let _error = $state(null);
 /**
  * Current workflow being tested
  */
-export const currentWorkflow = writable(null);
+let _currentWorkflow = $state(null);
 /**
  * Last polling timestamp for incremental message fetching
  */
-export const lastPollTimestamp = writable(null);
+let _lastPollTimestamp = $state(null);
 // =========================================================================
-// Derived Stores
+// Getter Functions (for reactive access in components)
 // =========================================================================
 /**
- * Derived store for current session status
+ * Get the current session
  */
-export const sessionStatus = derived(currentSession, ($session) => $session?.status ?? 'idle');
+export function getCurrentSession() {
+    return _currentSession;
+}
+/**
+ * Get all sessions
+ */
+export function getSessions() {
+    return _sessions;
+}
+/**
+ * Get all messages
+ */
+export function getMessages() {
+    return _messages;
+}
+/**
+ * Get executing state
+ */
+export function getIsExecuting() {
+    return _isExecuting;
+}
+/**
+ * Get loading state
+ */
+export function getIsLoading() {
+    return _isLoading;
+}
+/**
+ * Get error state
+ */
+export function getError() {
+    return _error;
+}
 /**
- * Derived store for message count
+ * Get the current workflow
  */
-export const messageCount = derived(messages, ($messages) => $messages.length);
+export function getCurrentWorkflow() {
+    return _currentWorkflow;
+}
+/**
+ * Get the last poll timestamp
+ */
+export function getLastPollTimestamp() {
+    return _lastPollTimestamp;
+}
+// =========================================================================
+// Derived Getters
+// =========================================================================
+/**
+ * Get current session status
+ */
+export function getSessionStatus() {
+    return _currentSession?.status ?? 'idle';
+}
+/**
+ * Get message count
+ */
+export function getMessageCount() {
+    return _messages.length;
+}
 /**
- * Derived store for chat messages (excludes log messages)
+ * Get chat messages (excludes log messages)
  */
-export const chatMessages = derived(messages, ($messages) => $messages.filter((m) => m.role !== 'log'));
+export function getChatMessages() {
+    return _messages.filter((m) => m.role !== 'log');
+}
 /**
- * Derived store for log messages only
+ * Get log messages only
  */
-export const logMessages = derived(messages, ($messages) => $messages.filter((m) => m.role === 'log'));
+export function getLogMessages() {
+    return _messages.filter((m) => m.role === 'log');
+}
 /**
- * Derived store for the latest message
+ * Get the latest message
  */
-export const latestMessage = derived(messages, ($messages) => $messages.length > 0 ? $messages[$messages.length - 1] : null);
+export function getLatestMessage() {
+    return _messages.length > 0 ? _messages[_messages.length - 1] : null;
+}
 /**
- * Derived store for input fields from workflow input nodes
+ * Get input fields from workflow input nodes
  *
  * Analyzes the workflow to extract input nodes and their configuration
  * schemas for auto-generating input forms.
  */
-export const inputFields = derived(currentWorkflow, ($workflow) => {
-    if (!$workflow) {
+export function getInputFields() {
+    const workflow = _currentWorkflow;
+    if (!workflow) {
         return [];
     }
     const fields = [];
     // Find input nodes in the workflow
-    $workflow.nodes.forEach((node) => {
+    workflow.nodes.forEach((node) => {
         const category = node.data.metadata?.category;
         const nodeTypeId = node.data.metadata?.id ?? node.type;
         // Check if this is an input-type node
@@ -128,15 +190,20 @@ export const inputFields = derived(currentWorkflow, ($workflow) => {
         }
     });
     return fields;
-});
+}
 /**
- * Derived store for detecting if workflow has a chat input
+ * Check if workflow has a chat input
  */
-export const hasChatInput = derived(inputFields, ($fields) => $fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string'));
+export function getHasChatInput() {
+    const fields = getInputFields();
+    return fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string');
+}
 /**
- * Derived store for session count
+ * Get session count
  */
-export const sessionCount = derived(sessions, ($sessions) => $sessions.length);
+export function getSessionCount() {
+    return _sessions.length;
+}
 // =========================================================================
 // Helper Functions
 // =========================================================================
@@ -184,7 +251,7 @@ export const playgroundActions = {
      * @param workflow - The workflow to test
      */
     setWorkflow: (workflow) => {
-        currentWorkflow.set(workflow);
+        _currentWorkflow = workflow;
     },
     /**
      * Set the current session
@@ -192,10 +259,10 @@ export const playgroundActions = {
      * @param session - The session to set as active
      */
     setCurrentSession: (session) => {
-        currentSession.set(session);
+        _currentSession = session;
         if (session) {
             // Update session in the list
-            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? session : s)));
+            _sessions = _sessions.map((s) => (s.id === session.id ? session : s));
         }
     },
     /**
@@ -204,15 +271,13 @@ export const playgroundActions = {
      * @param status - The new status
      */
     updateSessionStatus: (status) => {
-        currentSession.update(($session) => {
-            if (!$session)
-                return null;
-            return { ...$session, status, updatedAt: new Date().toISOString() };
-        });
+        if (_currentSession) {
+            _currentSession = { ..._currentSession, status, updatedAt: new Date().toISOString() };
+        }
         // Also update in sessions list
-        const session = get(currentSession);
+        const session = _currentSession;
         if (session) {
-            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? { ...s, status } : s)));
+            _sessions = _sessions.map((s) => (s.id === session.id ? { ...s, status } : s));
         }
     },
     /**
@@ -221,7 +286,7 @@ export const playgroundActions = {
      * @param sessionList - Array of sessions
      */
     setSessions: (sessionList) => {
-        sessions.set(sessionList);
+        _sessions = sessionList;
     },
     /**
      * Add a new session to the list
@@ -229,7 +294,7 @@ export const playgroundActions = {
      * @param session - The session to add
      */
     addSession: (session) => {
-        sessions.update(($sessions) => [session, ...$sessions]);
+        _sessions = [session, ..._sessions];
     },
     /**
      * Remove a session from the list
@@ -237,12 +302,11 @@ export const playgroundActions = {
      * @param sessionId - The session ID to remove
      */
     removeSession: (sessionId) => {
-        sessions.update(($sessions) => $sessions.filter((s) => s.id !== sessionId));
+        _sessions = _sessions.filter((s) => s.id !== sessionId);
         // Clear current session if it was removed
-        const current = get(currentSession);
-        if (current?.id === sessionId) {
-            currentSession.set(null);
-            messages.set([]);
+        if (_currentSession?.id === sessionId) {
+            _currentSession = null;
+            _messages = [];
         }
     },
     /**
@@ -252,7 +316,7 @@ export const playgroundActions = {
      * @param messageList - Array of messages
      */
     setMessages: (messageList) => {
-        messages.set(sortMessagesChronologically(messageList));
+        _messages = sortMessagesChronologically(messageList);
     },
     /**
      * Add a message to the current session
@@ -261,7 +325,7 @@ export const playgroundActions = {
      * @param message - The message to add
      */
     addMessage: (message) => {
-        messages.update(($messages) => sortMessagesChronologically([...$messages, message]));
+        _messages = sortMessagesChronologically([..._messages, message]);
     },
     /**
      * Add multiple messages to the current session
@@ -272,20 +336,18 @@ export const playgroundActions = {
     addMessages: (newMessages) => {
         if (newMessages.length === 0)
             return;
-        messages.update(($messages) => {
-            // Deduplicate by message ID
-            const existingIds = new Set($messages.map((m) => m.id));
-            const uniqueNewMessages = newMessages.filter((m) => !existingIds.has(m.id));
-            // Sort the combined messages chronologically
-            return sortMessagesChronologically([...$messages, ...uniqueNewMessages]);
-        });
+        // Deduplicate by message ID
+        const existingIds = new Set(_messages.map((m) => m.id));
+        const uniqueNewMessages = newMessages.filter((m) => !existingIds.has(m.id));
+        // Sort the combined messages chronologically
+        _messages = sortMessagesChronologically([..._messages, ...uniqueNewMessages]);
     },
     /**
      * Clear all messages
      */
     clearMessages: () => {
-        messages.set([]);
-        lastPollTimestamp.set(null);
+        _messages = [];
+        _lastPollTimestamp = null;
     },
     /**
      * Set the executing state
@@ -293,7 +355,7 @@ export const playgroundActions = {
      * @param executing - Whether execution is in progress
      */
     setExecuting: (executing) => {
-        isExecuting.set(executing);
+        _isExecuting = executing;
     },
     /**
      * Set the loading state
@@ -301,7 +363,7 @@ export const playgroundActions = {
      * @param loading - Whether loading is in progress
      */
     setLoading: (loading) => {
-        isLoading.set(loading);
+        _isLoading = loading;
     },
     /**
      * Set an error message
@@ -309,7 +371,7 @@ export const playgroundActions = {
      * @param errorMessage - The error message or null to clear
      */
     setError: (errorMessage) => {
-        error.set(errorMessage);
+        _error = errorMessage;
     },
     /**
      * Update the last poll timestamp
@@ -317,20 +379,20 @@ export const playgroundActions = {
      * @param timestamp - ISO 8601 timestamp
      */
     updateLastPollTimestamp: (timestamp) => {
-        lastPollTimestamp.set(timestamp);
+        _lastPollTimestamp = timestamp;
     },
     /**
      * Reset all playground state
      */
     reset: () => {
-        currentSession.set(null);
-        sessions.set([]);
-        messages.set([]);
-        isExecuting.set(false);
-        isLoading.set(false);
-        error.set(null);
-        currentWorkflow.set(null);
-        lastPollTimestamp.set(null);
+        _currentSession = null;
+        _sessions = [];
+        _messages = [];
+        _isExecuting = false;
+        _isLoading = false;
+        _error = null;
+        _currentWorkflow = null;
+        _lastPollTimestamp = null;
     },
     /**
      * Switch to a different session
@@ -338,16 +400,39 @@ export const playgroundActions = {
      * @param sessionId - The session ID to switch to
      */
     switchSession: (sessionId) => {
-        const sessionList = get(sessions);
-        const session = sessionList.find((s) => s.id === sessionId);
+        const session = _sessions.find((s) => s.id === sessionId);
         if (session) {
-            currentSession.set(session);
-            messages.set([]);
-            lastPollTimestamp.set(null);
+            _currentSession = session;
+            _messages = [];
+            _lastPollTimestamp = null;
         }
     }
 };
 // =========================================================================
+// Polling Callback Factory
+// =========================================================================
+/**
+ * Create a polling callback that processes poll responses.
+ * This is the single source of truth for how poll responses update stores.
+ * Used by mount.ts, Playground.svelte, and refreshSessionMessages.
+ *
+ * @param isTerminalStatus - Function to determine if a status clears isExecuting (default: defaultIsTerminalStatus)
+ * @returns A callback suitable for playgroundService.startPolling() or pushMessages()
+ */
+export function createPollingCallback(isTerminalStatus = defaultIsTerminalStatus) {
+    return (response) => {
+        if (response.data && response.data.length > 0) {
+            playgroundActions.addMessages(response.data);
+        }
+        if (response.sessionStatus) {
+            playgroundActions.updateSessionStatus(response.sessionStatus);
+            if (isTerminalStatus(response.sessionStatus)) {
+                playgroundActions.setExecuting(false);
+            }
+        }
+    };
+}
+// =========================================================================
 // Utilities
 // =========================================================================
 /**
@@ -356,7 +441,7 @@ export const playgroundActions = {
  * @returns The current session ID or null
  */
 export function getCurrentSessionId() {
-    return get(currentSession)?.id ?? null;
+    return _currentSession?.id ?? null;
 }
 /**
  * Check if a specific session is selected
@@ -365,7 +450,7 @@ export function getCurrentSessionId() {
  * @returns True if the session is currently selected
  */
 export function isSessionSelected(sessionId) {
-    return get(currentSession)?.id === sessionId;
+    return _currentSession?.id === sessionId;
 }
 /**
  * Get all messages as a snapshot
@@ -373,7 +458,7 @@ export function isSessionSelected(sessionId) {
  * @returns Array of all messages
  */
 export function getMessagesSnapshot() {
-    return get(messages);
+    return _messages;
 }
 /**
  * Get the latest message timestamp for polling
@@ -381,10 +466,29 @@ export function getMessagesSnapshot() {
  * @returns ISO 8601 timestamp of the latest message, or null
  */
 export function getLatestMessageTimestamp() {
-    const msgs = get(messages);
-    if (msgs.length === 0)
+    if (_messages.length === 0)
         return null;
-    return msgs[msgs.length - 1].timestamp;
+    return _messages[_messages.length - 1].timestamp;
+}
+/**
+ * Subscribe to session status changes using $effect.root.
+ * This is designed for use in non-component contexts (e.g., mount.ts).
+ *
+ * @param callback - Called when session status changes
+ * @returns Cleanup function to stop the subscription
+ */
+export function subscribeToSessionStatus(callback) {
+    let previousStatus = getSessionStatus();
+    const cleanup = $effect.root(() => {
+        $effect(() => {
+            const status = getSessionStatus();
+            if (status !== previousStatus) {
+                callback(status, previousStatus);
+                previousStatus = status;
+            }
+        });
+    });
+    return cleanup;
 }
 /**
  * Refresh messages for the current session
@@ -393,30 +497,19 @@ export function getLatestMessageTimestamp() {
  * has stopped but new messages may exist on the server.
  *
  * @param fetchMessages - Async function to fetch messages from the API
+ * @param isTerminalStatus - Optional override for terminal status check
  * @returns Promise that resolves when messages are refreshed
  */
-export async function refreshSessionMessages(fetchMessages) {
-    const session = get(currentSession);
+export async function refreshSessionMessages(fetchMessages, isTerminalStatus) {
+    const session = _currentSession;
     if (!session)
         return;
     try {
         const response = await fetchMessages(session.id);
-        // Add new messages (deduplicates automatically)
-        if (response.data && response.data.length > 0) {
-            playgroundActions.addMessages(response.data);
-        }
-        // Update session status
-        if (response.sessionStatus) {
-            playgroundActions.updateSessionStatus(response.sessionStatus);
-            // Update executing state based on session status
-            if (response.sessionStatus === 'idle' ||
-                response.sessionStatus === 'completed' ||
-                response.sessionStatus === 'failed') {
-                isExecuting.set(false);
-            }
-        }
+        const callback = createPollingCallback(isTerminalStatus);
+        callback(response);
     }
     catch (err) {
-        console.error('[playgroundStore] Failed to refresh messages:', err);
+        logger.error('[playgroundStore] Failed to refresh messages:', err);
     }
 }

package/dist/stores/{portCoordinateStore.d.ts → portCoordinateStore.svelte.d.ts}

@@ -1,5 +1,5 @@
 /**
- * Port Coordinate Store
+ * Port Coordinate Store (Svelte 5 Runes)
  *
  * General-purpose store that maintains absolute canvas-space coordinates
  * for all port handles in the workflow. Built from SvelteFlow's internal
@@ -14,8 +14,6 @@
  */
 import type { WorkflowNode as WorkflowNodeType, PortCoordinate, PortCoordinateMap } from '../types/index.js';
 import type { InternalNode } from '@xyflow/svelte';
-/** Store holding all port absolute coordinates, keyed by handleId */
-export declare const portCoordinateStore: import("svelte/store").Writable<PortCoordinateMap>;
 /**
  * Rebuild coordinates for ALL nodes from SvelteFlow internals.
  * Call on initial workflow load (after render) and after bulk changes.
@@ -53,8 +51,16 @@ export declare function getPortCoordinate(handleId: string): PortCoordinate | un
  */
 export declare function getNodePortCoordinates(nodeId: string): PortCoordinate[];
 /**
- * Get the current snapshot of all port coordinates (non-reactive).
+ * Get the current snapshot of all port coordinates.
+ * Returns the reactive SvelteMap directly.
  *
  * @returns Current port coordinate map
  */
 export declare function getPortCoordinateSnapshot(): PortCoordinateMap;
+/**
+ * Get the reactive port coordinates state.
+ * Useful for components that need to reactively read the coordinates.
+ *
+ * @returns The reactive port coordinate map
+ */
+export declare function getPortCoordinates(): PortCoordinateMap;