@d34dman/flowdrop 0.0.30 → 0.0.32

package/dist/stores/playgroundStore.d.ts

@@ -0,0 +1,199 @@
+/**
+ * Playground Store
+ *
+ * Svelte stores for managing playground state including sessions,
+ * messages, and execution status.
+ *
+ * @module stores/playgroundStore
+ */
+import type { PlaygroundSession, PlaygroundMessage, PlaygroundInputField, PlaygroundSessionStatus } from '../types/playground.js';
+import type { Workflow } from '../types/index.js';
+/**
+ * Currently active playground session
+ */
+export declare const currentSession: import("svelte/store").Writable<PlaygroundSession>;
+/**
+ * List of all sessions for the current workflow
+ */
+export declare const sessions: import("svelte/store").Writable<PlaygroundSession[]>;
+/**
+ * Messages in the current session
+ */
+export declare const messages: import("svelte/store").Writable<PlaygroundMessage[]>;
+/**
+ * Whether an execution is currently running
+ */
+export declare const isExecuting: import("svelte/store").Writable<boolean>;
+/**
+ * Whether we are currently loading data
+ */
+export declare const isLoading: import("svelte/store").Writable<boolean>;
+/**
+ * Current error message, if any
+ */
+export declare const error: import("svelte/store").Writable<string>;
+/**
+ * Current workflow being tested
+ */
+export declare const currentWorkflow: import("svelte/store").Writable<Workflow>;
+/**
+ * Last polling timestamp for incremental message fetching
+ */
+export declare const lastPollTimestamp: import("svelte/store").Writable<string>;
+/**
+ * Derived store for current session status
+ */
+export declare const sessionStatus: import("svelte/store").Readable<PlaygroundSessionStatus>;
+/**
+ * Derived store for message count
+ */
+export declare const messageCount: import("svelte/store").Readable<number>;
+/**
+ * Derived store for chat messages (excludes log messages)
+ */
+export declare const chatMessages: import("svelte/store").Readable<PlaygroundMessage[]>;
+/**
+ * Derived store for log messages only
+ */
+export declare const logMessages: import("svelte/store").Readable<PlaygroundMessage[]>;
+/**
+ * Derived store for the latest message
+ */
+export declare const latestMessage: import("svelte/store").Readable<PlaygroundMessage>;
+/**
+ * Derived store for input fields from workflow input nodes
+ *
+ * Analyzes the workflow to extract input nodes and their configuration
+ * schemas for auto-generating input forms.
+ */
+export declare const inputFields: import("svelte/store").Readable<PlaygroundInputField[]>;
+/**
+ * Derived store for detecting if workflow has a chat input
+ */
+export declare const hasChatInput: import("svelte/store").Readable<boolean>;
+/**
+ * Derived store for session count
+ */
+export declare const sessionCount: import("svelte/store").Readable<number>;
+/**
+ * Playground store actions for modifying state
+ */
+export declare const playgroundActions: {
+    /**
+     * Set the current workflow
+     *
+     * @param workflow - The workflow to test
+     */
+    setWorkflow: (workflow: Workflow | null) => void;
+    /**
+     * Set the current session
+     *
+     * @param session - The session to set as active
+     */
+    setCurrentSession: (session: PlaygroundSession | null) => void;
+    /**
+     * Update session status
+     *
+     * @param status - The new status
+     */
+    updateSessionStatus: (status: PlaygroundSessionStatus) => void;
+    /**
+     * Set the sessions list
+     *
+     * @param sessionList - Array of sessions
+     */
+    setSessions: (sessionList: PlaygroundSession[]) => void;
+    /**
+     * Add a new session to the list
+     *
+     * @param session - The session to add
+     */
+    addSession: (session: PlaygroundSession) => void;
+    /**
+     * Remove a session from the list
+     *
+     * @param sessionId - The session ID to remove
+     */
+    removeSession: (sessionId: string) => void;
+    /**
+     * Set messages for the current session
+     *
+     * @param messageList - Array of messages
+     */
+    setMessages: (messageList: PlaygroundMessage[]) => void;
+    /**
+     * Add a message to the current session
+     *
+     * @param message - The message to add
+     */
+    addMessage: (message: PlaygroundMessage) => void;
+    /**
+     * Add multiple messages to the current session
+     *
+     * @param newMessages - Array of messages to add
+     */
+    addMessages: (newMessages: PlaygroundMessage[]) => void;
+    /**
+     * Clear all messages
+     */
+    clearMessages: () => void;
+    /**
+     * Set the executing state
+     *
+     * @param executing - Whether execution is in progress
+     */
+    setExecuting: (executing: boolean) => void;
+    /**
+     * Set the loading state
+     *
+     * @param loading - Whether loading is in progress
+     */
+    setLoading: (loading: boolean) => void;
+    /**
+     * Set an error message
+     *
+     * @param errorMessage - The error message or null to clear
+     */
+    setError: (errorMessage: string | null) => void;
+    /**
+     * Update the last poll timestamp
+     *
+     * @param timestamp - ISO 8601 timestamp
+     */
+    updateLastPollTimestamp: (timestamp: string) => void;
+    /**
+     * Reset all playground state
+     */
+    reset: () => void;
+    /**
+     * Switch to a different session
+     *
+     * @param sessionId - The session ID to switch to
+     */
+    switchSession: (sessionId: string) => void;
+};
+/**
+ * Get the current session ID
+ *
+ * @returns The current session ID or null
+ */
+export declare function getCurrentSessionId(): string | null;
+/**
+ * Check if a specific session is selected
+ *
+ * @param sessionId - The session ID to check
+ * @returns True if the session is currently selected
+ */
+export declare function isSessionSelected(sessionId: string): boolean;
+/**
+ * Get all messages as a snapshot
+ *
+ * @returns Array of all messages
+ */
+export declare function getMessagesSnapshot(): PlaygroundMessage[];
+/**
+ * Get the latest message timestamp for polling
+ *
+ * @returns ISO 8601 timestamp of the latest message, or null
+ */
+export declare function getLatestMessageTimestamp(): string | null;

package/dist/stores/playgroundStore.js

@@ -0,0 +1,350 @@
+/**
+ * Playground Store
+ *
+ * Svelte stores 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';
+// =========================================================================
+// Core Stores
+// =========================================================================
+/**
+ * Currently active playground session
+ */
+export const currentSession = writable(null);
+/**
+ * List of all sessions for the current workflow
+ */
+export const sessions = writable([]);
+/**
+ * Messages in the current session
+ */
+export const messages = writable([]);
+/**
+ * Whether an execution is currently running
+ */
+export const isExecuting = writable(false);
+/**
+ * Whether we are currently loading data
+ */
+export const isLoading = writable(false);
+/**
+ * Current error message, if any
+ */
+export const error = writable(null);
+/**
+ * Current workflow being tested
+ */
+export const currentWorkflow = writable(null);
+/**
+ * Last polling timestamp for incremental message fetching
+ */
+export const lastPollTimestamp = writable(null);
+// =========================================================================
+// Derived Stores
+// =========================================================================
+/**
+ * Derived store for current session status
+ */
+export const sessionStatus = derived(currentSession, ($session) => $session?.status ?? 'idle');
+/**
+ * Derived store for message count
+ */
+export const messageCount = derived(messages, ($messages) => $messages.length);
+/**
+ * Derived store for chat messages (excludes log messages)
+ */
+export const chatMessages = derived(messages, ($messages) => $messages.filter((m) => m.role !== 'log'));
+/**
+ * Derived store for log messages only
+ */
+export const logMessages = derived(messages, ($messages) => $messages.filter((m) => m.role === 'log'));
+/**
+ * Derived store for the latest message
+ */
+export const latestMessage = derived(messages, ($messages) => $messages.length > 0 ? $messages[$messages.length - 1] : null);
+/**
+ * Derived store for 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) {
+        return [];
+    }
+    const fields = [];
+    // Find input nodes in the workflow
+    $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
+        // The category can be "inputs" (standard) or variations like "input"
+        const categoryStr = String(category || '');
+        const isInputCategory = categoryStr === 'inputs' || categoryStr === 'input';
+        if (isInputCategory || isChatInputNode(nodeTypeId)) {
+            // Get output ports that provide data
+            const outputs = node.data.metadata?.outputs ?? [];
+            outputs.forEach((output) => {
+                if (output.type === 'output') {
+                    // Create a field for each output
+                    const field = {
+                        nodeId: node.id,
+                        fieldId: output.id,
+                        label: node.data.label || output.name || nodeTypeId,
+                        type: output.dataType || 'string',
+                        defaultValue: node.data.config?.[output.id],
+                        required: output.required ?? false
+                    };
+                    // Check for schema in configSchema
+                    const configSchema = node.data.metadata?.configSchema;
+                    if (configSchema?.properties?.[output.id]) {
+                        field.schema = configSchema.properties[output.id];
+                    }
+                    fields.push(field);
+                }
+            });
+            // If no outputs defined, create a default field based on node config
+            if (outputs.length === 0) {
+                const configSchema = node.data.metadata?.configSchema;
+                if (configSchema?.properties) {
+                    Object.entries(configSchema.properties).forEach(([key, schema]) => {
+                        const field = {
+                            nodeId: node.id,
+                            fieldId: key,
+                            label: schema.title || key,
+                            type: schema.type || 'string',
+                            defaultValue: node.data.config?.[key] ?? schema.default,
+                            required: configSchema.required?.includes(key) ?? false,
+                            schema
+                        };
+                        fields.push(field);
+                    });
+                }
+            }
+        }
+    });
+    return fields;
+});
+/**
+ * Derived store for detecting if workflow has a chat input
+ */
+export const hasChatInput = derived(inputFields, ($fields) => $fields.some((field) => isChatInputNode(field.nodeId) || field.type === 'string'));
+/**
+ * Derived store for session count
+ */
+export const sessionCount = derived(sessions, ($sessions) => $sessions.length);
+// =========================================================================
+// Actions
+// =========================================================================
+/**
+ * Playground store actions for modifying state
+ */
+export const playgroundActions = {
+    /**
+     * Set the current workflow
+     *
+     * @param workflow - The workflow to test
+     */
+    setWorkflow: (workflow) => {
+        currentWorkflow.set(workflow);
+    },
+    /**
+     * Set the current session
+     *
+     * @param session - The session to set as active
+     */
+    setCurrentSession: (session) => {
+        currentSession.set(session);
+        if (session) {
+            // Update session in the list
+            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? session : s)));
+        }
+    },
+    /**
+     * Update session status
+     *
+     * @param status - The new status
+     */
+    updateSessionStatus: (status) => {
+        currentSession.update(($session) => {
+            if (!$session)
+                return null;
+            return { ...$session, status, updatedAt: new Date().toISOString() };
+        });
+        // Also update in sessions list
+        const session = get(currentSession);
+        if (session) {
+            sessions.update(($sessions) => $sessions.map((s) => (s.id === session.id ? { ...s, status } : s)));
+        }
+    },
+    /**
+     * Set the sessions list
+     *
+     * @param sessionList - Array of sessions
+     */
+    setSessions: (sessionList) => {
+        sessions.set(sessionList);
+    },
+    /**
+     * Add a new session to the list
+     *
+     * @param session - The session to add
+     */
+    addSession: (session) => {
+        sessions.update(($sessions) => [session, ...$sessions]);
+    },
+    /**
+     * Remove a session from the list
+     *
+     * @param sessionId - The session ID to remove
+     */
+    removeSession: (sessionId) => {
+        sessions.update(($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([]);
+        }
+    },
+    /**
+     * Set messages for the current session
+     *
+     * @param messageList - Array of messages
+     */
+    setMessages: (messageList) => {
+        messages.set(messageList);
+    },
+    /**
+     * Add a message to the current session
+     *
+     * @param message - The message to add
+     */
+    addMessage: (message) => {
+        messages.update(($messages) => [...$messages, message]);
+    },
+    /**
+     * Add multiple messages to the current session
+     *
+     * @param newMessages - Array of messages to add
+     */
+    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));
+            return [...$messages, ...uniqueNewMessages];
+        });
+    },
+    /**
+     * Clear all messages
+     */
+    clearMessages: () => {
+        messages.set([]);
+        lastPollTimestamp.set(null);
+    },
+    /**
+     * Set the executing state
+     *
+     * @param executing - Whether execution is in progress
+     */
+    setExecuting: (executing) => {
+        isExecuting.set(executing);
+    },
+    /**
+     * Set the loading state
+     *
+     * @param loading - Whether loading is in progress
+     */
+    setLoading: (loading) => {
+        isLoading.set(loading);
+    },
+    /**
+     * Set an error message
+     *
+     * @param errorMessage - The error message or null to clear
+     */
+    setError: (errorMessage) => {
+        error.set(errorMessage);
+    },
+    /**
+     * Update the last poll timestamp
+     *
+     * @param timestamp - ISO 8601 timestamp
+     */
+    updateLastPollTimestamp: (timestamp) => {
+        lastPollTimestamp.set(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);
+    },
+    /**
+     * Switch to a different session
+     *
+     * @param sessionId - The session ID to switch to
+     */
+    switchSession: (sessionId) => {
+        const sessionList = get(sessions);
+        const session = sessionList.find((s) => s.id === sessionId);
+        if (session) {
+            currentSession.set(session);
+            messages.set([]);
+            lastPollTimestamp.set(null);
+        }
+    }
+};
+// =========================================================================
+// Utilities
+// =========================================================================
+/**
+ * Get the current session ID
+ *
+ * @returns The current session ID or null
+ */
+export function getCurrentSessionId() {
+    return get(currentSession)?.id ?? null;
+}
+/**
+ * Check if a specific session is selected
+ *
+ * @param sessionId - The session ID to check
+ * @returns True if the session is currently selected
+ */
+export function isSessionSelected(sessionId) {
+    return get(currentSession)?.id === sessionId;
+}
+/**
+ * Get all messages as a snapshot
+ *
+ * @returns Array of all messages
+ */
+export function getMessagesSnapshot() {
+    return get(messages);
+}
+/**
+ * Get the latest message timestamp for polling
+ *
+ * @returns ISO 8601 timestamp of the latest message, or null
+ */
+export function getLatestMessageTimestamp() {
+    const msgs = get(messages);
+    if (msgs.length === 0)
+        return null;
+    return msgs[msgs.length - 1].timestamp;
+}