@flowdrop/flowdrop 1.13.0 → 1.14.0

package/dist/components/playground/PlaygroundStudio.svelte

@@ -3,14 +3,17 @@
   import Icon from '@iconify/svelte';
   import Playground from './Playground.svelte';
   import PipelinePanel from './PipelinePanel.svelte';
-  import { getPipelinePanelOpen, pipelinePanelActions } from '../../stores/pipelinePanelStore.svelte.js';
+  import {
+    getPipelinePanelOpen,
+    pipelinePanelActions
+  } from '../../stores/pipelinePanelStore.svelte.js';
   import {
     getActiveExecutionId,
     getPinnedExecutionId,
     getLatestExecutionId,
     getPipelineRefreshTrigger,
-    getCurrentSession,
-    playgroundActions,
+    getSelectableExecutions,
+    playgroundActions
   } from '../../stores/playgroundStore.svelte.js';
   import { setEndpointConfig, workflowApi } from '../../services/api.js';
   import { logger } from '../../utils/logger.js';
@@ -57,14 +60,17 @@
     initialPipelineWidth = 500,
     onSessionNavigate,
     onClose,
-    extraPipelineViews = [],
+    extraPipelineViews = []
   }: Props = $props();
 
+  // svelte-ignore state_referenced_locally — seed mutable state from the prop's initial value; workflow may load asynchronously below
   let resolvedWorkflow = $state<Workflow | null>(workflowProp ?? null);
+  // svelte-ignore state_referenced_locally — initial loading flag derived from whether a workflow was provided up front
   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
   let pipelineWidth = $state(initialPipelineWidth);
   let isResizing = $state(false);
   let containerWidth = $state(0);
@@ -100,7 +106,8 @@
 
   async function loadWorkflow(): Promise<void> {
     if (!endpointConfig) {
-      workflowError = 'Provide a workflow prop or an endpointConfig so the workflow can be fetched.';
+      workflowError =
+        'Provide a workflow prop or an endpointConfig so the workflow can be fetched.';
       workflowLoading = false;
       return;
     }
@@ -149,11 +156,15 @@
   }
 </script>
 
-<div class="playground-studio" class:playground-studio--resizing={isResizing} style="--playground-studio-min-chat-width: {minChatWidth}px">
+<div
+  class="playground-studio"
+  class:playground-studio--resizing={isResizing}
+  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 = getCurrentSession()?.executions ?? []}
+      {@const executions = getSelectableExecutions()}
 
       <div class="playground-studio__pipeline" style="width: {pipelineWidth}px;">
         <button
@@ -178,6 +189,9 @@
         />
       </div>
 
+      <!-- Focusable ARIA splitter: keyboard/pointer handlers drive the resize -->
+      <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+      <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
       <div
         class="playground-studio__resizer"
         class:playground-studio__resizer--active={isResizing}

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

@@ -1,8 +1,15 @@
 import { EnhancedFlowDropApiClient } from '../../api/enhanced-client.js';
 import { logger } from '../../utils/logger.js';
 const KNOWN_STATUSES = new Set([
-    'idle', 'pending', 'running', 'paused', 'interrupted',
-    'completed', 'skipped', 'failed', 'cancelled'
+    'idle',
+    'pending',
+    'running',
+    'paused',
+    'interrupted',
+    'completed',
+    'skipped',
+    'failed',
+    'cancelled'
 ]);
 export function resolveStatus(raw) {
     if (!raw)
@@ -36,7 +43,7 @@ export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
                     status: info.status,
                     last_executed: info.last_executed,
                     execution_time: info.execution_time,
-                    error: info.error,
+                    error: info.error
                 };
             }
             nodeStatusMap = map;
@@ -48,7 +55,7 @@ export function createPipelineDataFetcher(getPipelineId, endpointConfig) {
                     label: col.label,
                     statuses: col.statuses,
                     icon: col.icon,
-                    color: col.color,
+                    color: col.color
                 }));
             }
         }