@uploadista/react 0.0.20-beta.2 → 0.0.20-beta.4

package/dist/use-upload-metrics-Df90wIos.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-upload-metrics-Df90wIos.mjs","names":["initialState: FlowUploadState","initialState","initialState: FlowUploadState","initialMetrics: UploadMetrics","estimatedTimeRemaining: number | null","newMetrics: UploadMetrics","fileMetric: FileUploadMetrics"],"sources":["../src/hooks/event-utils.ts","../src/hooks/use-uploadista-events.ts","../src/hooks/use-flow-events.ts","../src/hooks/use-upload-events.ts","../src/hooks/use-flow.ts","../src/hooks/use-flow-execution.ts","../src/hooks/use-upload-metrics.ts"],"sourcesContent":["import type { UploadistaEvent } from \"@uploadista/client-browser\";\nimport { EventType, type FlowEvent } from \"@uploadista/core/flow\";\nimport { UploadEventType, type UploadEvent } from \"@uploadista/core/types\";\n\n/**\n * Type guard to check if an event is a flow event\n */\nexport function isFlowEvent(event: UploadistaEvent): event is FlowEvent {\n  if (!(\"eventType\" in event)) return false;\n  const e = event as { eventType: unknown };\n  return (\n    e.eventType === EventType.JobStart ||\n    e.eventType === EventType.JobEnd ||\n    e.eventType === EventType.FlowStart ||\n    e.eventType === EventType.FlowEnd ||\n    e.eventType === EventType.FlowError ||\n    e.eventType === EventType.FlowPause ||\n    e.eventType === EventType.FlowCancel ||\n    e.eventType === EventType.NodeStart ||\n    e.eventType === EventType.NodeEnd ||\n    e.eventType === EventType.NodePause ||\n    e.eventType === EventType.NodeResume ||\n    e.eventType === EventType.NodeError ||\n    e.eventType === EventType.NodeStream ||\n    e.eventType === EventType.NodeResponse\n  );\n}\n\n/**\n * Type guard to check if an event is an upload event\n */\nexport function isUploadEvent(event: UploadistaEvent): event is UploadEvent {\n  if (!(\"type\" in event)) return false;\n  const e = event as { type: unknown };\n  return (\n    e.type === UploadEventType.UPLOAD_STARTED ||\n    e.type === UploadEventType.UPLOAD_PROGRESS ||\n    e.type === UploadEventType.UPLOAD_COMPLETE ||\n    e.type === UploadEventType.UPLOAD_FAILED ||\n    e.type === UploadEventType.UPLOAD_VALIDATION_SUCCESS ||\n    e.type === UploadEventType.UPLOAD_VALIDATION_FAILED ||\n    e.type === UploadEventType.UPLOAD_VALIDATION_WARNING\n  );\n}\n","import type { UploadistaEvent } from \"@uploadista/client-core\";\nimport { useEffect } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\n\n/**\n * Simple hook that subscribes to all Uploadista events (both flow and upload events).\n *\n * This is a low-level hook that provides access to all events. For more structured\n * event handling, consider using `useFlowEvents` or `useUploadEvents` instead.\n *\n * Must be used within UploadistaProvider.\n *\n * @param callback - Function called for every event emitted by the Uploadista client\n *\n * @example\n * ```tsx\n * import { useUploadistaEvents, isFlowEvent, isUploadEvent } from '@uploadista/react';\n *\n * function MyComponent() {\n *   useUploadistaEvents((event) => {\n *     if (isFlowEvent(event)) {\n *       console.log('Flow event:', event.eventType);\n *     } else if (isUploadEvent(event)) {\n *       console.log('Upload event:', event.type);\n *     }\n *   });\n *\n *   return <div>Listening to all events...</div>;\n * }\n * ```\n */\nexport function useUploadistaEvents(\n  callback: (event: UploadistaEvent) => void,\n): void {\n  const { subscribeToEvents } = useUploadistaContext();\n\n  useEffect(() => {\n    const unsubscribe = subscribeToEvents(callback);\n    return unsubscribe;\n  }, [subscribeToEvents, callback]);\n}\n","import type {\n  FlowEventFlowCancel,\n  FlowEventFlowEnd,\n  FlowEventFlowError,\n  FlowEventFlowPause,\n  FlowEventFlowStart,\n  FlowEventJobEnd,\n  FlowEventJobStart,\n  FlowEventNodeEnd,\n  FlowEventNodeError,\n  FlowEventNodePause,\n  FlowEventNodeResume,\n  FlowEventNodeStart,\n} from \"@uploadista/core/flow\";\nimport { EventType } from \"@uploadista/core/flow\";\nimport { useEffect } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\nimport { isFlowEvent } from \"./event-utils\";\n\n/**\n * Options for handling flow execution events.\n *\n * All callbacks are optional - only provide handlers for events you care about.\n */\nexport interface UseFlowEventsOptions {\n  /** Called when a job starts execution */\n  onJobStart?: (event: FlowEventJobStart) => void;\n  /** Called when a job completes (success or failure) */\n  onJobEnd?: (event: FlowEventJobEnd) => void;\n  /** Called when a flow begins execution */\n  onFlowStart?: (event: FlowEventFlowStart) => void;\n  /** Called when a flow completes successfully */\n  onFlowEnd?: (event: FlowEventFlowEnd) => void;\n  /** Called when a flow encounters an error */\n  onFlowError?: (event: FlowEventFlowError) => void;\n  /** Called when a flow is paused by user request */\n  onFlowPause?: (event: FlowEventFlowPause) => void;\n  /** Called when a flow is cancelled by user request */\n  onFlowCancel?: (event: FlowEventFlowCancel) => void;\n  /** Called when a node starts processing */\n  onNodeStart?: (event: FlowEventNodeStart) => void;\n  /** Called when a node completes successfully */\n  onNodeEnd?: (event: FlowEventNodeEnd) => void;\n  /** Called when a node pauses (waiting for additional data) */\n  onNodePause?: (event: FlowEventNodePause) => void;\n  /** Called when a paused node resumes execution */\n  onNodeResume?: (event: FlowEventNodeResume) => void;\n  /** Called when a node encounters an error */\n  onNodeError?: (event: FlowEventNodeError) => void;\n}\n\n/**\n * Structured hook for handling flow execution events with type-safe callbacks.\n *\n * This hook provides a clean API for listening to specific flow events without\n * needing to manually filter events or use type guards.\n *\n * Must be used within UploadistaProvider.\n *\n * @param options - Object with optional callbacks for each flow event type\n *\n * @example\n * ```tsx\n * import { useFlowEvents } from '@uploadista/react';\n *\n * function FlowMonitor() {\n *   useFlowEvents({\n *     onFlowStart: (event) => {\n *       console.log('Flow started:', event.flowId);\n *     },\n *     onNodeStart: (event) => {\n *       console.log('Node started:', event.nodeName);\n *     },\n *     onNodeEnd: (event) => {\n *       console.log('Node completed:', event.nodeName, event.result);\n *     },\n *     onFlowEnd: (event) => {\n *       console.log('Flow completed with outputs:', event.outputs);\n *     },\n *     onFlowError: (event) => {\n *       console.error('Flow failed:', event.error);\n *     },\n *   });\n *\n *   return <div>Monitoring flow execution...</div>;\n * }\n * ```\n */\nexport function useFlowEvents(options: UseFlowEventsOptions): void {\n  const { subscribeToEvents } = useUploadistaContext();\n\n  useEffect(() => {\n    const unsubscribe = subscribeToEvents((event) => {\n      // Only handle flow events\n      if (!isFlowEvent(event)) return;\n\n      // Route to appropriate callback based on event type\n      switch (event.eventType) {\n        case EventType.JobStart:\n          options.onJobStart?.(event);\n          break;\n        case EventType.JobEnd:\n          options.onJobEnd?.(event);\n          break;\n        case EventType.FlowStart:\n          options.onFlowStart?.(event);\n          break;\n        case EventType.FlowEnd:\n          options.onFlowEnd?.(event);\n          break;\n        case EventType.FlowError:\n          options.onFlowError?.(event);\n          break;\n        case EventType.FlowPause:\n          options.onFlowPause?.(event);\n          break;\n        case EventType.FlowCancel:\n          options.onFlowCancel?.(event);\n          break;\n        case EventType.NodeStart:\n          options.onNodeStart?.(event);\n          break;\n        case EventType.NodeEnd:\n          options.onNodeEnd?.(event);\n          break;\n        case EventType.NodePause:\n          options.onNodePause?.(event);\n          break;\n        case EventType.NodeResume:\n          options.onNodeResume?.(event);\n          break;\n        case EventType.NodeError:\n          options.onNodeError?.(event);\n          break;\n      }\n    });\n\n    return unsubscribe;\n  }, [subscribeToEvents, options]);\n}\n","import { UploadEventType, type UploadEvent } from \"@uploadista/core/types\";\nimport { useEffect } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\nimport { isUploadEvent } from \"./event-utils\";\n\n/**\n * Upload progress event data\n */\nexport interface UploadProgressEventData {\n  id: string;\n  progress: number;\n  total: number;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Upload started/complete event data (contains full UploadFile)\n */\nexport interface UploadFileEventData {\n  // This will contain the full UploadFile schema\n  [key: string]: unknown;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Upload failed event data\n */\nexport interface UploadFailedEventData {\n  id: string;\n  error: string;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Upload validation success event data\n */\nexport interface UploadValidationSuccessEventData {\n  id: string;\n  validationType: \"checksum\" | \"mimetype\";\n  algorithm?: string;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Upload validation failed event data\n */\nexport interface UploadValidationFailedEventData {\n  id: string;\n  reason: string;\n  expected: string;\n  actual: string;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Upload validation warning event data\n */\nexport interface UploadValidationWarningEventData {\n  id: string;\n  message: string;\n  flow?: {\n    flowId: string;\n    nodeId: string;\n    jobId: string;\n  };\n}\n\n/**\n * Options for handling upload events.\n *\n * All callbacks are optional - only provide handlers for events you care about.\n */\nexport interface UseUploadEventsOptions {\n  /** Called when an upload starts */\n  onUploadStarted?: (data: UploadFileEventData) => void;\n  /** Called with upload progress updates */\n  onUploadProgress?: (data: UploadProgressEventData) => void;\n  /** Called when an upload completes successfully */\n  onUploadComplete?: (data: UploadFileEventData) => void;\n  /** Called when an upload fails */\n  onUploadFailed?: (data: UploadFailedEventData) => void;\n  /** Called when upload validation succeeds */\n  onUploadValidationSuccess?: (data: UploadValidationSuccessEventData) => void;\n  /** Called when upload validation fails */\n  onUploadValidationFailed?: (data: UploadValidationFailedEventData) => void;\n  /** Called when upload validation produces a warning */\n  onUploadValidationWarning?: (data: UploadValidationWarningEventData) => void;\n}\n\n/**\n * Structured hook for handling upload events with type-safe callbacks.\n *\n * This hook provides a clean API for listening to specific upload events without\n * needing to manually filter events or use type guards.\n *\n * Must be used within UploadistaProvider.\n *\n * @param options - Object with optional callbacks for each upload event type\n *\n * @example\n * ```tsx\n * import { useUploadEvents } from '@uploadista/react';\n *\n * function UploadMonitor() {\n *   useUploadEvents({\n *     onUploadStarted: (data) => {\n *       console.log('Upload started:', data.id);\n *     },\n *     onUploadProgress: (data) => {\n *       const percent = (data.progress / data.total) * 100;\n *       console.log(`Upload progress: ${percent}%`);\n *     },\n *     onUploadComplete: (data) => {\n *       console.log('Upload completed:', data);\n *     },\n *     onUploadFailed: (data) => {\n *       console.error('Upload failed:', data.error);\n *     },\n *   });\n *\n *   return <div>Monitoring uploads...</div>;\n * }\n * ```\n */\nexport function useUploadEvents(options: UseUploadEventsOptions): void {\n  const { subscribeToEvents } = useUploadistaContext();\n\n  useEffect(() => {\n    const unsubscribe = subscribeToEvents((event) => {\n      // Only handle upload events\n      if (!isUploadEvent(event)) return;\n\n      // Route to appropriate callback based on event type\n      // Note: flow context is at the top level of the event, not inside data\n      const flowContext = \"flow\" in event ? event.flow : undefined;\n\n      switch (event.type) {\n        case UploadEventType.UPLOAD_STARTED:\n          options.onUploadStarted?.({\n            ...(event.data as unknown as Omit<UploadFileEventData, \"flow\">),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_PROGRESS:\n          options.onUploadProgress?.({\n            ...(event.data as unknown as Omit<\n              UploadProgressEventData,\n              \"flow\"\n            >),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_COMPLETE:\n          options.onUploadComplete?.({\n            ...(event.data as unknown as Omit<UploadFileEventData, \"flow\">),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_FAILED:\n          options.onUploadFailed?.({\n            ...(event.data as unknown as Omit<UploadFailedEventData, \"flow\">),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_VALIDATION_SUCCESS:\n          options.onUploadValidationSuccess?.({\n            ...(event.data as unknown as Omit<\n              UploadValidationSuccessEventData,\n              \"flow\"\n            >),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_VALIDATION_FAILED:\n          options.onUploadValidationFailed?.({\n            ...(event.data as unknown as Omit<\n              UploadValidationFailedEventData,\n              \"flow\"\n            >),\n            flow: flowContext,\n          });\n          break;\n        case UploadEventType.UPLOAD_VALIDATION_WARNING:\n          options.onUploadValidationWarning?.({\n            ...(event.data as unknown as Omit<\n              UploadValidationWarningEventData,\n              \"flow\"\n            >),\n            flow: flowContext,\n          });\n          break;\n      }\n    });\n\n    return unsubscribe;\n  }, [subscribeToEvents, options]);\n}\n","import type { FlowUploadOptions } from \"@uploadista/client-browser\";\nimport type {\n  FlowManager,\n  FlowUploadState,\n  FlowUploadStatus,\n  InputExecutionState,\n} from \"@uploadista/client-core\";\nimport type { TypedOutput } from \"@uploadista/core/flow\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\nimport { useFlowManagerContext } from \"../contexts/flow-manager-context\";\n\n// Re-export types from core for convenience\nexport type { FlowUploadState, FlowUploadStatus, InputExecutionState };\n\n/**\n * Input metadata discovered from the flow\n */\nexport interface FlowInputMetadata {\n  /** Input node ID */\n  nodeId: string;\n  /** Human-readable node name */\n  nodeName: string;\n  /** Node description explaining what input is needed */\n  nodeDescription: string;\n  /** Input type ID from inputTypeRegistry - describes how clients interact with this node */\n  inputTypeId?: string;\n  /** Whether this input is required */\n  required: boolean;\n}\n\n/**\n * Return value from the useFlow hook with upload control methods and state.\n *\n * @property state - Complete flow upload state with progress and outputs\n * @property inputMetadata - Metadata about discovered input nodes (null until discovered)\n * @property inputStates - Per-input execution state for multi-input flows\n * @property inputs - Current input values set via setInput()\n * @property setInput - Set an input value for a specific node (for progressive provision)\n * @property execute - Execute the flow with current inputs (auto-detects types)\n * @property upload - Convenience method for single-file upload (same as execute with one file input)\n * @property abort - Cancel the current upload and flow execution\n * @property pause - Pause the current upload\n * @property reset - Reset state to idle (clears all data)\n * @property isUploading - True when upload or processing is active\n * @property isUploadingFile - True only during file upload phase\n * @property isProcessing - True only during flow processing phase\n * @property isDiscoveringInputs - True while discovering flow inputs\n */\nexport interface UseFlowReturn {\n  /**\n   * Current upload state\n   */\n  state: FlowUploadState;\n\n  /**\n   * Discovered input nodes metadata (null until discovery completes)\n   */\n  inputMetadata: FlowInputMetadata[] | null;\n\n  /**\n   * Per-input execution state for multi-input flows\n   */\n  inputStates: ReadonlyMap<string, InputExecutionState>;\n\n  /**\n   * Current inputs set via setInput()\n   */\n  inputs: Record<string, unknown>;\n\n  /**\n   * Set an input value for a specific node.\n   * For progressive input provision before calling execute().\n   *\n   * @param nodeId - The input node ID\n   * @param value - The input value (File, URL string, or structured data)\n   */\n  setInput: (nodeId: string, value: unknown) => void;\n\n  /**\n   * Execute the flow with current inputs.\n   * Automatically detects input types and routes appropriately.\n   * For single input, uses standard upload path.\n   * For multiple inputs, requires multiInputUploadFn.\n   */\n  execute: () => Promise<void>;\n\n  /**\n   * Upload a single file through the flow (convenience method).\n   * Equivalent to setInput(firstNodeId, file) + execute().\n   *\n   * @param file - File or Blob to upload\n   */\n  upload: (file: File | Blob) => Promise<void>;\n\n  /**\n   * Abort the current upload\n   */\n  abort: () => void;\n\n  /**\n   * Pause the current upload\n   */\n  pause: () => void;\n\n  /**\n   * Reset the upload state and clear all inputs\n   */\n  reset: () => void;\n\n  /**\n   * Whether an upload or flow execution is in progress (uploading OR processing)\n   */\n  isUploading: boolean;\n\n  /**\n   * Whether the file is currently being uploaded (chunks being sent)\n   */\n  isUploadingFile: boolean;\n\n  /**\n   * Whether the flow is currently processing (after upload completes)\n   */\n  isProcessing: boolean;\n\n  /**\n   * Whether the hook is discovering flow inputs\n   */\n  isDiscoveringInputs: boolean;\n}\n\nconst initialState: FlowUploadState = {\n  status: \"idle\",\n  progress: 0,\n  bytesUploaded: 0,\n  totalBytes: null,\n  error: null,\n  jobId: null,\n  flowStarted: false,\n  currentNodeName: null,\n  currentNodeType: null,\n  flowOutputs: null,\n};\n\n/**\n * React hook for executing flows with single or multiple inputs.\n * Automatically discovers input nodes and detects input types (File, URL, structured data).\n * Supports progressive input provision via setInput() and execute().\n *\n * This is the unified flow hook that replaces useFlowUpload for advanced use cases.\n * It provides:\n * - Auto-discovery of flow input nodes\n * - Automatic input type detection (file → upload, string → URL, object → data)\n * - Progressive input provision via setInput()\n * - Multi-input support with parallel coordination\n * - Per-input state tracking\n *\n * Must be used within FlowManagerProvider (which must be within UploadistaProvider).\n * Flow events are automatically routed by the provider to the appropriate manager.\n *\n * @param options - Flow upload configuration including flow ID and event handlers\n * @returns Flow upload state and control methods\n *\n * @example\n * ```tsx\n * // Single file upload (simple case)\n * function SingleFileUploader() {\n *   const flow = useFlow({\n *     flowConfig: {\n *       flowId: \"image-optimization\",\n *       storageId: \"s3-images\",\n *     },\n *     onSuccess: (outputs) => {\n *       console.log(\"Flow outputs:\", outputs);\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       <input\n *         type=\"file\"\n *         onChange={(e) => {\n *           const file = e.target.files?.[0];\n *           if (file) flow.upload(file);\n *         }}\n *       />\n *       {flow.isUploading && <div>Progress: {flow.state.progress}%</div>}\n *     </div>\n *   );\n * }\n *\n * // Multi-input with progressive provision\n * function MultiInputFlow() {\n *   const flow = useFlow({\n *     flowConfig: {\n *       flowId: \"multi-source-processing\",\n *       storageId: \"default\",\n *     },\n *   });\n *\n *   return (\n *     <div>\n *       {flow.inputMetadata?.map((input) => (\n *         <div key={input.nodeId}>\n *           <label>{input.nodeId}</label>\n *           {input.nodeType === \"streaming-input-v1\" ? (\n *             <input\n *               type=\"file\"\n *               onChange={(e) => {\n *                 const file = e.target.files?.[0];\n *                 if (file) flow.setInput(input.nodeId, file);\n *               }}\n *             />\n *           ) : (\n *             <input\n *               type=\"url\"\n *               onChange={(e) => flow.setInput(input.nodeId, e.target.value)}\n *             />\n *           )}\n *         </div>\n *       ))}\n *       <button onClick={flow.execute} disabled={flow.isUploading}>\n *         Execute Flow\n *       </button>\n *\n *       {flow.isUploading && (\n *         <div>\n *           {Array.from(flow.inputStates.values()).map((inputState) => (\n *             <div key={inputState.nodeId}>\n *               {inputState.nodeId}: {inputState.status} ({inputState.progress}%)\n *             </div>\n *           ))}\n *         </div>\n *       )}\n *     </div>\n *   );\n * }\n * ```\n *\n * @see {@link useFlowUpload} for a simpler file-only upload hook\n */\nexport function useFlow(options: FlowUploadOptions): UseFlowReturn {\n  const { client } = useUploadistaContext();\n  const { getManager, releaseManager } = useFlowManagerContext();\n  const [state, setState] = useState<FlowUploadState>(initialState);\n  const [inputMetadata, setInputMetadata] = useState<\n    FlowInputMetadata[] | null\n  >(null);\n  const [isDiscoveringInputs, setIsDiscoveringInputs] = useState(false);\n  const [inputs, setInputs] = useState<Record<string, unknown>>({});\n  const [inputStates, setInputStates] = useState<\n    ReadonlyMap<string, InputExecutionState>\n  >(new Map());\n  const managerRef = useRef<FlowManager<unknown> | null>(null);\n\n  // Store callbacks in refs so they can be updated without recreating the manager\n  const callbacksRef = useRef(options);\n\n  // Update refs on every render to capture latest callbacks\n  useEffect(() => {\n    callbacksRef.current = options;\n  });\n\n  // Auto-discover flow inputs on mount\n  useEffect(() => {\n    const discoverInputs = async () => {\n      setIsDiscoveringInputs(true);\n      try {\n        const { flow } = await client.getFlow(options.flowConfig.flowId);\n\n        // Find all input nodes\n        const inputNodes = flow.nodes.filter((node) => node.type === \"input\");\n\n        console.log(\"inputNodes\", inputNodes);\n\n        const metadata: FlowInputMetadata[] = inputNodes.map((node) => ({\n          nodeId: node.id,\n          nodeName: node.name,\n          nodeDescription: node.description,\n          inputTypeId: node.inputTypeId,\n          // TODO: Add required field to node schema to determine if input is required\n          required: true,\n        }));\n\n        setInputMetadata(metadata);\n      } catch (error) {\n        console.error(\"Failed to discover flow inputs:\", error);\n      } finally {\n        setIsDiscoveringInputs(false);\n      }\n    };\n\n    discoverInputs();\n  }, [client, options.flowConfig.flowId]);\n\n  // Get or create manager from context when component mounts\n  useEffect(() => {\n    const flowId = options.flowConfig.flowId;\n\n    // Create stable callback wrappers that call the latest callbacks via refs\n    const stableCallbacks = {\n      onStateChange: (newState: FlowUploadState) => {\n        setState(newState);\n      },\n      onProgress: (\n        uploadId: string,\n        bytesUploaded: number,\n        totalBytes: number | null,\n      ) => {\n        callbacksRef.current.onProgress?.(uploadId, bytesUploaded, totalBytes);\n      },\n      onChunkComplete: (\n        chunkSize: number,\n        bytesAccepted: number,\n        bytesTotal: number | null,\n      ) => {\n        callbacksRef.current.onChunkComplete?.(\n          chunkSize,\n          bytesAccepted,\n          bytesTotal,\n        );\n      },\n      onFlowComplete: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onFlowComplete?.(outputs);\n      },\n      onSuccess: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onSuccess?.(outputs);\n      },\n      onError: (error: Error) => {\n        callbacksRef.current.onError?.(error);\n      },\n      onAbort: () => {\n        callbacksRef.current.onAbort?.();\n      },\n    };\n\n    // Get manager from context (creates if doesn't exist, increments ref count)\n    managerRef.current = getManager(flowId, stableCallbacks, options);\n\n    // Set up interval to poll input states for multi-input flows\n    const pollInterval = setInterval(() => {\n      if (managerRef.current) {\n        const states = managerRef.current.getInputStates();\n        if (states.size > 0) {\n          setInputStates(new Map(states));\n        }\n      }\n    }, 100); // Poll every 100ms\n\n    // Release manager when component unmounts or flowId changes\n    return () => {\n      clearInterval(pollInterval);\n      releaseManager(flowId);\n      managerRef.current = null;\n    };\n  }, [\n    options.flowConfig.flowId,\n    options.flowConfig.storageId,\n    options.flowConfig.outputNodeId,\n    getManager,\n    releaseManager,\n  ]);\n\n  // Set an input value\n  const setInput = useCallback((nodeId: string, value: unknown) => {\n    setInputs((prev) => ({ ...prev, [nodeId]: value }));\n  }, []);\n\n  // Execute flow with current inputs\n  const execute = useCallback(async () => {\n    if (!managerRef.current) {\n      throw new Error(\"FlowManager not initialized\");\n    }\n\n    if (Object.keys(inputs).length === 0) {\n      throw new Error(\n        \"No inputs provided. Use setInput() to provide inputs before calling execute()\",\n      );\n    }\n\n    await managerRef.current.executeFlow(inputs);\n  }, [inputs]);\n\n  // Convenience method for single file upload\n  const upload = useCallback(\n    async (file: File | Blob) => {\n      if (!managerRef.current) {\n        throw new Error(\"FlowManager not initialized\");\n      }\n\n      // If we have input metadata, use the first input node\n      // Otherwise, let the manager discover it\n      if (inputMetadata && inputMetadata.length > 0) {\n        const firstInputNode = inputMetadata[0];\n        if (!firstInputNode) {\n          throw new Error(\"No input nodes found\");\n        }\n        setInputs({ [firstInputNode.nodeId]: file });\n        await managerRef.current.executeFlow({ [firstInputNode.nodeId]: file });\n      } else {\n        // Fall back to direct upload (manager will handle discovery)\n        await managerRef.current.upload(file);\n      }\n    },\n    [inputMetadata],\n  );\n\n  const abort = useCallback(() => {\n    managerRef.current?.abort();\n  }, []);\n\n  const pause = useCallback(() => {\n    managerRef.current?.pause();\n  }, []);\n\n  const reset = useCallback(() => {\n    managerRef.current?.reset();\n    setInputs({});\n    setInputStates(new Map());\n  }, []);\n\n  // Derive computed values from state (reactive to state changes)\n  const isUploading =\n    state.status === \"uploading\" || state.status === \"processing\";\n  const isUploadingFile = state.status === \"uploading\";\n  const isProcessing = state.status === \"processing\";\n\n  return {\n    state,\n    inputMetadata,\n    inputStates,\n    inputs,\n    setInput,\n    execute,\n    upload,\n    abort,\n    pause,\n    reset,\n    isUploading,\n    isUploadingFile,\n    isProcessing,\n    isDiscoveringInputs,\n  };\n}\n","/**\n * Generic React hook for flexible flow execution with arbitrary input types.\n *\n * This hook provides a flexible interface for executing flows with different input types:\n * - File/Blob: Traditional chunked file upload\n * - string (URL): Direct file fetch from external URL\n * - object: Structured data for custom input nodes\n *\n * The hook uses an inputBuilder pattern to transform trigger data into flow inputs,\n * enabling dynamic input preparation and validation before flow execution.\n *\n * @module hooks/use-flow-execution\n *\n * @example\n * ```tsx\n * // URL-based flow execution\n * function UrlImageProcessor() {\n *   const execution = useFlowExecution<string>({\n *     flowConfig: {\n *       flowId: \"image-optimize\",\n *       storageId: \"s3\"\n *     },\n *     inputBuilder: async (url) => {\n *       // Find the input node\n *       const { inputNodes, single } = await client.findInputNode(\"image-optimize\");\n *       if (!single) throw new Error(\"Expected single input node\");\n *\n *       return {\n *         [inputNodes[0].id]: {\n *           operation: \"url\",\n *           url,\n *           metadata: { source: \"external\" }\n *         }\n *       };\n *     },\n *     onSuccess: (outputs) => console.log(\"Done:\", outputs)\n *   });\n *\n *   return (\n *     <button onClick={() => execution.execute(\"https://example.com/image.jpg\")}>\n *       Process URL\n *     </button>\n *   );\n * }\n * ```\n */\n\nimport type { FlowUploadOptions } from \"@uploadista/client-browser\";\nimport type {\n  FlowInputs,\n  FlowManager,\n  FlowUploadState,\n  FlowUploadStatus,\n} from \"@uploadista/client-core\";\nimport type { TypedOutput } from \"@uploadista/core/flow\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\nimport { useFlowManagerContext } from \"../contexts/flow-manager-context\";\n\n// Re-export types for convenience\nexport type { FlowUploadState, FlowUploadStatus };\n\n/**\n * Input builder function that transforms trigger data into flow inputs.\n *\n * The builder receives the trigger data passed to execute() and returns\n * a FlowInputs object mapping node IDs to their input data.\n *\n * @template TTrigger - The type of data passed to execute()\n * @param trigger - The trigger data (e.g., File, URL string, structured data)\n * @returns Promise resolving to FlowInputs mapping or the mapping directly\n *\n * @example\n * ```typescript\n * // File upload builder\n * const fileBuilder: InputBuilder<File> = async (file) => ({\n *   \"input-node\": {\n *     operation: \"init\",\n *     storageId: \"s3\",\n *     metadata: { originalName: file.name, size: file.size }\n *   }\n * });\n *\n * // URL fetch builder\n * const urlBuilder: InputBuilder<string> = (url) => ({\n *   \"input-node\": {\n *     operation: \"url\",\n *     url,\n *     metadata: { source: \"external\" }\n *   }\n * });\n * ```\n */\nexport type InputBuilder<TTrigger = unknown> = (\n  trigger: TTrigger,\n) => Promise<FlowInputs> | FlowInputs;\n\n/**\n * Options for the useFlowExecution hook.\n *\n * @template TTrigger - The type of trigger data passed to execute()\n * @template TOutput - The expected output type from the flow\n *\n * @property flowConfig - Flow configuration (flowId, storageId, etc.)\n * @property inputBuilder - Function to build flow inputs from trigger data\n * @property onJobStart - Called when flow job is created\n * @property onProgress - Called during upload progress (if applicable)\n * @property onChunkComplete - Called when upload chunk completes (if applicable)\n * @property onSuccess - Called with typed outputs when flow succeeds\n * @property onFlowComplete - Called with all outputs when flow completes\n * @property onError - Called when execution fails\n * @property onAbort - Called when execution is aborted\n * @property onShouldRetry - Custom retry logic (if applicable)\n */\nexport interface UseFlowExecutionOptions<\n  TTrigger = unknown,\n  TOutput = TypedOutput[],\n> {\n  /**\n   * Flow configuration\n   */\n  flowConfig: FlowUploadOptions[\"flowConfig\"];\n\n  /**\n   * Function to build flow inputs from trigger data.\n   * Can be async to perform validation, API calls, etc.\n   */\n  inputBuilder: InputBuilder<TTrigger>;\n\n  /**\n   * Called when the flow job starts\n   */\n  onJobStart?: (jobId: string) => void;\n\n  /**\n   * Called during upload progress (for file uploads)\n   */\n  onProgress?: (\n    uploadId: string,\n    bytesUploaded: number,\n    totalBytes: number | null,\n  ) => void;\n\n  /**\n   * Called when an upload chunk completes (for file uploads)\n   */\n  onChunkComplete?: (\n    chunkSize: number,\n    bytesAccepted: number,\n    bytesTotal: number | null,\n  ) => void;\n\n  /**\n   * Called when flow execution succeeds with final outputs\n   */\n  onSuccess?: (outputs: TOutput) => void;\n\n  /**\n   * Called when flow completes (alternative to onSuccess)\n   */\n  onFlowComplete?: (outputs: TypedOutput[]) => void;\n\n  /**\n   * Called when execution fails\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Called when execution is aborted\n   */\n  onAbort?: () => void;\n\n  /**\n   * Custom retry logic (for file uploads)\n   */\n  onShouldRetry?: (error: Error, retryAttempt: number) => boolean;\n}\n\n/**\n * Return value from useFlowExecution hook.\n *\n * @template TTrigger - The type of trigger data passed to execute()\n *\n * @property state - Current execution state with progress and outputs\n * @property execute - Function to trigger flow execution\n * @property abort - Cancel the current execution\n * @property pause - Pause the current execution (for file uploads)\n * @property reset - Reset state to idle\n * @property isExecuting - True when execution is active\n * @property isUploadingFile - True during file upload phase\n * @property isProcessing - True during flow processing phase\n */\nexport interface UseFlowExecutionReturn<TTrigger = unknown> {\n  /**\n   * Current execution state\n   */\n  state: FlowUploadState;\n\n  /**\n   * Execute the flow with trigger data\n   */\n  execute: (trigger: TTrigger) => Promise<void>;\n\n  /**\n   * Abort the current execution\n   */\n  abort: () => void;\n\n  /**\n   * Pause the current execution (if supported by input type)\n   */\n  pause: () => void;\n\n  /**\n   * Reset the execution state\n   */\n  reset: () => void;\n\n  /**\n   * Whether execution is active (uploading OR processing)\n   */\n  isExecuting: boolean;\n\n  /**\n   * Whether file upload is in progress\n   */\n  isUploadingFile: boolean;\n\n  /**\n   * Whether flow processing is in progress\n   */\n  isProcessing: boolean;\n}\n\nconst initialState: FlowUploadState = {\n  status: \"idle\",\n  progress: 0,\n  bytesUploaded: 0,\n  totalBytes: null,\n  error: null,\n  jobId: null,\n  flowStarted: false,\n  currentNodeName: null,\n  currentNodeType: null,\n  flowOutputs: null,\n};\n\n/**\n * Generic React hook for flexible flow execution.\n *\n * Provides a flexible interface for executing flows with arbitrary input types\n * through an inputBuilder pattern. The builder transforms trigger data into\n * flow inputs, enabling support for files, URLs, structured data, and more.\n *\n * Must be used within FlowManagerProvider (which must be within UploadistaProvider).\n *\n * @template TTrigger - The type of trigger data passed to execute()\n * @template TOutput - The expected output type from the flow\n *\n * @param options - Flow execution configuration with inputBuilder\n * @returns Execution state and control methods\n *\n * @example\n * ```tsx\n * // URL-based image processing\n * const urlExecution = useFlowExecution<string>({\n *   flowConfig: { flowId: \"optimize\", storageId: \"s3\" },\n *   inputBuilder: async (url) => {\n *     const { inputNodes } = await client.findInputNode(\"optimize\");\n *     return {\n *       [inputNodes[0].id]: {\n *         operation: \"url\",\n *         url,\n *         metadata: { source: \"external\" }\n *       }\n *     };\n *   },\n *   onSuccess: (outputs) => console.log(\"Processed:\", outputs)\n * });\n *\n * // Execute with URL\n * await urlExecution.execute(\"https://example.com/image.jpg\");\n *\n * // File upload (traditional pattern)\n * const fileExecution = useFlowExecution<File>({\n *   flowConfig: { flowId: \"optimize\", storageId: \"s3\" },\n *   inputBuilder: async (file) => {\n *     const { inputNodes } = await client.findInputNode(\"optimize\");\n *     return {\n *       [inputNodes[0].id]: {\n *         operation: \"init\",\n *         storageId: \"s3\",\n *         metadata: {\n *           originalName: file.name,\n *           mimeType: file.type,\n *           size: file.size\n *         }\n *       }\n *     };\n *   }\n * });\n *\n * // Execute with file\n * await fileExecution.execute(myFile);\n * ```\n */\nexport function useFlowExecution<TTrigger = unknown, TOutput = TypedOutput[]>(\n  options: UseFlowExecutionOptions<TTrigger, TOutput>,\n): UseFlowExecutionReturn<TTrigger> {\n  const { client } = useUploadistaContext();\n  const { getManager, releaseManager } = useFlowManagerContext();\n  const [state, setState] = useState<FlowUploadState>(initialState);\n  const managerRef = useRef<FlowManager<unknown> | null>(null);\n\n  // Store callbacks and inputBuilder in refs for stable access\n  const callbacksRef = useRef(options);\n  const inputBuilderRef = useRef(options.inputBuilder);\n\n  // Update refs when options change\n  useEffect(() => {\n    callbacksRef.current = options;\n    inputBuilderRef.current = options.inputBuilder;\n  });\n\n  // Get or create manager from context\n  useEffect(() => {\n    const flowId = options.flowConfig.flowId;\n\n    // Create stable callback wrappers\n    const stableCallbacks = {\n      onStateChange: setState,\n      onProgress: (\n        uploadId: string,\n        bytesUploaded: number,\n        totalBytes: number | null,\n      ) => {\n        callbacksRef.current.onProgress?.(uploadId, bytesUploaded, totalBytes);\n      },\n      onChunkComplete: (\n        chunkSize: number,\n        bytesAccepted: number,\n        bytesTotal: number | null,\n      ) => {\n        callbacksRef.current.onChunkComplete?.(\n          chunkSize,\n          bytesAccepted,\n          bytesTotal,\n        );\n      },\n      onFlowComplete: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onFlowComplete?.(outputs);\n      },\n      onSuccess: (outputs: TypedOutput[]) => {\n        callbacksRef.current.onSuccess?.(outputs as TOutput);\n      },\n      onError: (error: Error) => {\n        callbacksRef.current.onError?.(error);\n      },\n      onAbort: () => {\n        callbacksRef.current.onAbort?.();\n      },\n    };\n\n    // Get or create manager for this flow\n    const manager = getManager(flowId, stableCallbacks, {\n      flowConfig: options.flowConfig,\n    });\n    managerRef.current = manager;\n\n    return () => {\n      if (managerRef.current) {\n        releaseManager(flowId);\n        managerRef.current = null;\n      }\n    };\n  }, [options.flowConfig.flowId, getManager, releaseManager, options]);\n\n  /**\n   * Execute the flow with trigger data.\n   * Calls inputBuilder to transform trigger into flow inputs.\n   */\n  const execute = useCallback(async (trigger: TTrigger) => {\n    try {\n      // Build flow inputs from trigger data\n      const flowInputs = await inputBuilderRef.current(trigger);\n\n      // For now, we need to determine if this is a file upload or URL operation\n      // by inspecting the flowInputs structure\n      const firstInputNodeId = Object.keys(flowInputs)[0];\n      if (!firstInputNodeId) {\n        throw new Error(\"flowInputs must contain at least one input node\");\n      }\n      const firstInput = flowInputs[firstInputNodeId];\n\n      // Type guard: check if this is an init operation (file upload)\n      const isFileUpload =\n        typeof firstInput === \"object\" &&\n        firstInput !== null &&\n        \"operation\" in firstInput &&\n        firstInput.operation === \"init\";\n\n      if (isFileUpload) {\n        // File upload path: use the standard upload mechanism\n        // This requires the trigger to be a File/Blob\n        if (managerRef.current) {\n          await managerRef.current.upload(trigger as unknown);\n        }\n      } else {\n        // Non-file path (URL, structured data, etc.)\n        // Skip chunked upload and execute flow directly with provided inputs\n        setState((prev) => ({\n          ...prev,\n          status: \"processing\",\n          flowStarted: true,\n        }));\n\n        // Execute flow with the built inputs\n        const result = await client.executeFlowWithInputs(\n          options.flowConfig.flowId,\n          flowInputs,\n          {\n            storageId: options.flowConfig.storageId,\n            onJobStart: (jobId: string) => {\n              setState((prev) => ({\n                ...prev,\n                jobId,\n              }));\n              callbacksRef.current.onJobStart?.(jobId);\n            },\n          },\n        );\n\n        // If job was created successfully, the FlowManager will handle\n        // flow events via WebSocket and update state accordingly\n        if (result.job?.id) {\n          // State updates will come from flow events\n          // Manager will receive FlowEnd event and update state to \"success\"\n        } else {\n          // No job created - treat as immediate completion\n          setState((prev) => ({\n            ...prev,\n            status: \"success\",\n            progress: 100,\n            flowStarted: true,\n          }));\n        }\n      }\n    } catch (error) {\n      // Handle inputBuilder errors\n      const err = error instanceof Error ? error : new Error(String(error));\n      setState((prev) => ({\n        ...prev,\n        status: \"error\",\n        error: err,\n      }));\n      callbacksRef.current.onError?.(err);\n    }\n  }, []);\n\n  /**\n   * Abort the current execution\n   */\n  const abort = useCallback(() => {\n    if (managerRef.current) {\n      managerRef.current.abort();\n    }\n  }, []);\n\n  /**\n   * Pause the current execution\n   */\n  const pause = useCallback(() => {\n    if (managerRef.current) {\n      managerRef.current.pause();\n    }\n  }, []);\n\n  /**\n   * Reset the execution state\n   */\n  const reset = useCallback(() => {\n    if (managerRef.current) {\n      const flowId = options.flowConfig.flowId;\n      managerRef.current.reset();\n      managerRef.current.cleanup();\n      releaseManager(flowId);\n      managerRef.current = null;\n    }\n    setState(initialState);\n  }, [options.flowConfig.flowId, releaseManager]);\n\n  return {\n    state,\n    execute,\n    abort,\n    pause,\n    reset,\n    isExecuting: state.status === \"uploading\" || state.status === \"processing\",\n    isUploadingFile: state.status === \"uploading\",\n    isProcessing: state.status === \"processing\",\n  };\n}\n","import type {\n  ChunkMetrics,\n  PerformanceInsights,\n  UploadSessionMetrics,\n} from \"@uploadista/client-core\";\nimport React, { useCallback, useRef, useState } from \"react\";\nimport { useUploadistaContext } from \"../components/uploadista-provider\";\n\nexport type Timeout = ReturnType<typeof setInterval>;\n\nexport interface UploadMetrics {\n  /**\n   * Total bytes uploaded across all files\n   */\n  totalBytesUploaded: number;\n\n  /**\n   * Total bytes to upload across all files\n   */\n  totalBytes: number;\n\n  /**\n   * Overall upload speed in bytes per second\n   */\n  averageSpeed: number;\n\n  /**\n   * Current upload speed in bytes per second\n   */\n  currentSpeed: number;\n\n  /**\n   * Estimated time remaining in milliseconds\n   */\n  estimatedTimeRemaining: number | null;\n\n  /**\n   * Total number of files being tracked\n   */\n  totalFiles: number;\n\n  /**\n   * Number of files completed\n   */\n  completedFiles: number;\n\n  /**\n   * Number of files currently uploading\n   */\n  activeUploads: number;\n\n  /**\n   * Overall progress as percentage (0-100)\n   */\n  progress: number;\n\n  /**\n   * Peak upload speed achieved\n   */\n  peakSpeed: number;\n\n  /**\n   * Start time of the first upload\n   */\n  startTime: number | null;\n\n  /**\n   * End time of the last completed upload\n   */\n  endTime: number | null;\n\n  /**\n   * Total duration of all uploads\n   */\n  totalDuration: number | null;\n\n  /**\n   * Detailed performance insights from the upload client\n   */\n  insights: PerformanceInsights;\n\n  /**\n   * Session metrics for completed uploads\n   */\n  sessionMetrics: Partial<UploadSessionMetrics>[];\n\n  /**\n   * Detailed chunk metrics from recent uploads\n   */\n  chunkMetrics: ChunkMetrics[];\n}\n\nexport interface FileUploadMetrics {\n  id: string;\n  filename: string;\n  size: number;\n  bytesUploaded: number;\n  progress: number;\n  speed: number;\n  startTime: number;\n  endTime: number | null;\n  duration: number | null;\n  isComplete: boolean;\n}\n\nexport interface UseUploadMetricsOptions {\n  /**\n   * Interval for calculating current speed (in milliseconds)\n   */\n  speedCalculationInterval?: number;\n\n  /**\n   * Number of speed samples to keep for average calculation\n   */\n  speedSampleSize?: number;\n\n  /**\n   * Called when metrics are updated\n   */\n  onMetricsUpdate?: (metrics: UploadMetrics) => void;\n\n  /**\n   * Called when a file upload starts\n   */\n  onFileStart?: (fileMetrics: FileUploadMetrics) => void;\n\n  /**\n   * Called when a file upload progresses\n   */\n  onFileProgress?: (fileMetrics: FileUploadMetrics) => void;\n\n  /**\n   * Called when a file upload completes\n   */\n  onFileComplete?: (fileMetrics: FileUploadMetrics) => void;\n}\n\nexport interface UseUploadMetricsReturn {\n  /**\n   * Current overall metrics\n   */\n  metrics: UploadMetrics;\n\n  /**\n   * Individual file metrics\n   */\n  fileMetrics: FileUploadMetrics[];\n\n  /**\n   * Start tracking a new file upload\n   */\n  startFileUpload: (id: string, filename: string, size: number) => void;\n\n  /**\n   * Update progress for a file upload\n   */\n  updateFileProgress: (id: string, bytesUploaded: number) => void;\n\n  /**\n   * Mark a file upload as complete\n   */\n  completeFileUpload: (id: string) => void;\n\n  /**\n   * Remove a file from tracking\n   */\n  removeFile: (id: string) => void;\n\n  /**\n   * Reset all metrics\n   */\n  reset: () => void;\n\n  /**\n   * Get metrics for a specific file\n   */\n  getFileMetrics: (id: string) => FileUploadMetrics | undefined;\n\n  /**\n   * Export metrics as JSON\n   */\n  exportMetrics: () => {\n    overall: UploadMetrics;\n    files: FileUploadMetrics[];\n    exportTime: number;\n  };\n}\n\nconst initialMetrics: UploadMetrics = {\n  totalBytesUploaded: 0,\n  totalBytes: 0,\n  averageSpeed: 0,\n  currentSpeed: 0,\n  estimatedTimeRemaining: null,\n  totalFiles: 0,\n  completedFiles: 0,\n  activeUploads: 0,\n  progress: 0,\n  peakSpeed: 0,\n  startTime: null,\n  endTime: null,\n  totalDuration: null,\n  insights: {\n    overallEfficiency: 0,\n    chunkingEffectiveness: 0,\n    networkStability: 0,\n    recommendations: [],\n    optimalChunkSizeRange: { min: 256 * 1024, max: 2 * 1024 * 1024 },\n  },\n  sessionMetrics: [],\n  chunkMetrics: [],\n};\n\n/**\n * React hook for tracking detailed upload metrics and performance statistics.\n * Provides comprehensive monitoring of upload progress, speed, and timing data.\n *\n * @param options - Configuration and event handlers\n * @returns Upload metrics state and control methods\n *\n * @example\n * ```tsx\n * const uploadMetrics = useUploadMetrics({\n *   speedCalculationInterval: 1000, // Update speed every second\n *   speedSampleSize: 10, // Keep last 10 speed samples for average\n *   onMetricsUpdate: (metrics) => {\n *     console.log(`Overall progress: ${metrics.progress}%`);\n *     console.log(`Speed: ${(metrics.currentSpeed / 1024).toFixed(1)} KB/s`);\n *     console.log(`ETA: ${metrics.estimatedTimeRemaining}ms`);\n *   },\n *   onFileComplete: (fileMetrics) => {\n *     console.log(`${fileMetrics.filename} completed in ${fileMetrics.duration}ms`);\n *   },\n * });\n *\n * // Start tracking a file\n * const handleFileStart = (file: File) => {\n *   uploadMetrics.startFileUpload(file.name, file.name, file.size);\n * };\n *\n * // Update progress during upload\n * const handleProgress = (fileId: string, bytesUploaded: number) => {\n *   uploadMetrics.updateFileProgress(fileId, bytesUploaded);\n * };\n *\n * // Display metrics\n * return (\n *   <div>\n *     <div>Overall Progress: {uploadMetrics.metrics.progress}%</div>\n *     <div>Speed: {(uploadMetrics.metrics.currentSpeed / 1024).toFixed(1)} KB/s</div>\n *     <div>Files: {uploadMetrics.metrics.completedFiles}/{uploadMetrics.metrics.totalFiles}</div>\n *\n *     {uploadMetrics.metrics.estimatedTimeRemaining && (\n *       <div>ETA: {Math.round(uploadMetrics.metrics.estimatedTimeRemaining / 1000)}s</div>\n *     )}\n *\n *     {uploadMetrics.fileMetrics.map((file) => (\n *       <div key={file.id}>\n *         {file.filename}: {file.progress}% ({(file.speed / 1024).toFixed(1)} KB/s)\n *       </div>\n *     ))}\n *   </div>\n * );\n * ```\n */\nexport function useUploadMetrics(\n  options: UseUploadMetricsOptions = {},\n): UseUploadMetricsReturn {\n  const {\n    speedCalculationInterval = 1000,\n    speedSampleSize = 10,\n    onMetricsUpdate,\n    onFileStart,\n    onFileProgress,\n    onFileComplete,\n  } = options;\n\n  const uploadClient = useUploadistaContext();\n\n  const [metrics, setMetrics] = useState<UploadMetrics>(initialMetrics);\n  const [fileMetrics, setFileMetrics] = useState<FileUploadMetrics[]>([]);\n\n  const speedSamplesRef = useRef<Array<{ time: number; bytes: number }>>([]);\n  const lastUpdateRef = useRef<number>(0);\n  const intervalRef = useRef<Timeout | null>(null);\n\n  const calculateSpeed = useCallback(\n    (currentTime: number, totalBytesUploaded: number) => {\n      const sample = { time: currentTime, bytes: totalBytesUploaded };\n      speedSamplesRef.current.push(sample);\n\n      // Keep only recent samples\n      if (speedSamplesRef.current.length > speedSampleSize) {\n        speedSamplesRef.current = speedSamplesRef.current.slice(\n          -speedSampleSize,\n        );\n      }\n\n      // Calculate current speed (bytes per second)\n      let currentSpeed = 0;\n      if (speedSamplesRef.current.length >= 2) {\n        const recent =\n          speedSamplesRef.current[speedSamplesRef.current.length - 1];\n        const previous =\n          speedSamplesRef.current[speedSamplesRef.current.length - 2];\n        if (recent && previous) {\n          const timeDiff = (recent.time - previous.time) / 1000; // Convert to seconds\n          const bytesDiff = recent.bytes - previous.bytes;\n          currentSpeed = timeDiff > 0 ? bytesDiff / timeDiff : 0;\n        }\n      }\n\n      // Calculate average speed\n      let averageSpeed = 0;\n      if (speedSamplesRef.current.length >= 2) {\n        const first = speedSamplesRef.current[0];\n        const last =\n          speedSamplesRef.current[speedSamplesRef.current.length - 1];\n        if (first && last) {\n          const totalTime = (last.time - first.time) / 1000; // Convert to seconds\n          const totalBytes = last.bytes - first.bytes;\n          averageSpeed = totalTime > 0 ? totalBytes / totalTime : 0;\n        }\n      }\n\n      return { currentSpeed, averageSpeed };\n    },\n    [speedSampleSize],\n  );\n\n  const updateMetrics = useCallback(() => {\n    const now = Date.now();\n\n    // Calculate totals from file metrics\n    const totalBytes = fileMetrics.reduce((sum, file) => sum + file.size, 0);\n    const totalBytesUploaded = fileMetrics.reduce(\n      (sum, file) => sum + file.bytesUploaded,\n      0,\n    );\n    const completedFiles = fileMetrics.filter((file) => file.isComplete).length;\n    const activeUploads = fileMetrics.filter(\n      (file) => !file.isComplete && file.bytesUploaded > 0,\n    ).length;\n\n    // Calculate speeds\n    const { currentSpeed, averageSpeed } = calculateSpeed(\n      now,\n      totalBytesUploaded,\n    );\n\n    // Calculate progress\n    const progress =\n      totalBytes > 0 ? Math.round((totalBytesUploaded / totalBytes) * 100) : 0;\n\n    // Calculate estimated time remaining\n    let estimatedTimeRemaining: number | null = null;\n    if (currentSpeed > 0) {\n      const remainingBytes = totalBytes - totalBytesUploaded;\n      estimatedTimeRemaining = (remainingBytes / currentSpeed) * 1000; // Convert to milliseconds\n    }\n\n    // Find start and end times\n    const activeTimes = fileMetrics.filter((file) => file.startTime > 0);\n    const startTime =\n      activeTimes.length > 0\n        ? Math.min(...activeTimes.map((file) => file.startTime))\n        : null;\n\n    const completedTimes = fileMetrics.filter((file) => file.endTime !== null);\n    const endTime =\n      completedTimes.length > 0 && completedFiles === fileMetrics.length\n        ? Math.max(\n            ...completedTimes\n              .map((file) => file.endTime)\n              .filter((time) => time !== null),\n          )\n        : null;\n\n    const totalDuration = startTime && endTime ? endTime - startTime : null;\n\n    const newMetrics: UploadMetrics = {\n      totalBytesUploaded,\n      totalBytes,\n      averageSpeed,\n      currentSpeed,\n      estimatedTimeRemaining,\n      totalFiles: fileMetrics.length,\n      completedFiles,\n      activeUploads,\n      progress,\n      peakSpeed: Math.max(metrics.peakSpeed, currentSpeed),\n      startTime,\n      endTime,\n      totalDuration,\n      insights: uploadClient.client.getChunkingInsights(),\n      sessionMetrics: [uploadClient.client.exportMetrics().session],\n      chunkMetrics: uploadClient.client.exportMetrics().chunks,\n    };\n\n    setMetrics(newMetrics);\n    onMetricsUpdate?.(newMetrics);\n  }, [\n    fileMetrics,\n    metrics.peakSpeed,\n    calculateSpeed,\n    onMetricsUpdate,\n    uploadClient.client,\n  ]);\n\n  // Set up periodic speed calculations\n  const setupSpeedCalculation = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n    }\n\n    intervalRef.current = setInterval(() => {\n      if (\n        fileMetrics.some((file) => !file.isComplete && file.bytesUploaded > 0)\n      ) {\n        updateMetrics();\n      }\n    }, speedCalculationInterval);\n\n    return () => {\n      if (intervalRef.current) {\n        clearInterval(intervalRef.current);\n        intervalRef.current = null;\n      }\n    };\n  }, [speedCalculationInterval, updateMetrics, fileMetrics]);\n\n  const startFileUpload = useCallback(\n    (id: string, filename: string, size: number) => {\n      const now = Date.now();\n\n      const fileMetric: FileUploadMetrics = {\n        id,\n        filename,\n        size,\n        bytesUploaded: 0,\n        progress: 0,\n        speed: 0,\n        startTime: now,\n        endTime: null,\n        duration: null,\n        isComplete: false,\n      };\n\n      setFileMetrics((prev) => {\n        const existing = prev.find((file) => file.id === id);\n        if (existing) {\n          return prev.map((file) => (file.id === id ? fileMetric : file));\n        }\n        return [...prev, fileMetric];\n      });\n\n      onFileStart?.(fileMetric);\n\n      // Start speed calculation if this is the first active upload\n      if (fileMetrics.filter((file) => !file.isComplete).length === 0) {\n        setupSpeedCalculation();\n      }\n    },\n    [fileMetrics, onFileStart, setupSpeedCalculation],\n  );\n\n  const updateFileProgress = useCallback(\n    (id: string, bytesUploaded: number) => {\n      const now = Date.now();\n\n      setFileMetrics((prev) =>\n        prev.map((file) => {\n          if (file.id !== id) return file;\n\n          const timeDiff = (now - file.startTime) / 1000; // seconds\n          const speed = timeDiff > 0 ? bytesUploaded / timeDiff : 0;\n          const progress =\n            file.size > 0 ? Math.round((bytesUploaded / file.size) * 100) : 0;\n\n          const updatedFile = {\n            ...file,\n            bytesUploaded,\n            progress,\n            speed,\n          };\n\n          onFileProgress?.(updatedFile);\n          return updatedFile;\n        }),\n      );\n\n      // Trigger metrics update\n      setTimeout(updateMetrics, 0);\n    },\n    [onFileProgress, updateMetrics],\n  );\n\n  const completeFileUpload = useCallback(\n    (id: string) => {\n      const now = Date.now();\n\n      setFileMetrics((prev) =>\n        prev.map((file) => {\n          if (file.id !== id) return file;\n\n          const duration = now - file.startTime;\n          const speed = duration > 0 ? (file.size / duration) * 1000 : 0; // bytes per second\n\n          const completedFile = {\n            ...file,\n            bytesUploaded: file.size,\n            progress: 100,\n            speed,\n            endTime: now,\n            duration,\n            isComplete: true,\n          };\n\n          onFileComplete?.(completedFile);\n          return completedFile;\n        }),\n      );\n\n      // Trigger metrics update\n      setTimeout(updateMetrics, 0);\n    },\n    [onFileComplete, updateMetrics],\n  );\n\n  const removeFile = useCallback(\n    (id: string) => {\n      setFileMetrics((prev) => prev.filter((file) => file.id !== id));\n      setTimeout(updateMetrics, 0);\n    },\n    [updateMetrics],\n  );\n\n  const reset = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n\n    setMetrics(initialMetrics);\n    setFileMetrics([]);\n    speedSamplesRef.current = [];\n    lastUpdateRef.current = 0;\n  }, []);\n\n  const getFileMetrics = useCallback(\n    (id: string) => {\n      return fileMetrics.find((file) => file.id === id);\n    },\n    [fileMetrics],\n  );\n\n  const exportMetrics = useCallback(() => {\n    return {\n      overall: metrics,\n      files: fileMetrics,\n      exportTime: Date.now(),\n    };\n  }, [metrics, fileMetrics]);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      if (intervalRef.current) {\n        clearInterval(intervalRef.current);\n      }\n    };\n  }, []);\n\n  return {\n    metrics,\n    fileMetrics,\n    startFileUpload,\n    updateFileProgress,\n    completeFileUpload,\n    removeFile,\n    reset,\n    getFileMetrics,\n    exportMetrics,\n  };\n}\n"],"mappings":"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"}

package/dist/use-upload-metrics-DhzS4lhG.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-upload-metrics-DhzS4lhG.d.mts","names":[],"sources":["../src/hooks/event-utils.ts","../src/hooks/use-uploadista-events.ts","../src/hooks/use-flow-events.ts","../src/hooks/use-upload-events.ts","../src/hooks/use-flow-execution.ts","../src/hooks/use-multi-flow-upload.ts","../src/hooks/use-upload-metrics.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/use-uploadista-client-m9nF-irM.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-uploadista-client-m9nF-irM.d.mts","names":[],"sources":["../src/hooks/use-flow.ts","../src/hooks/use-drag-drop.ts","../src/hooks/use-flow-upload.ts","../src/hooks/use-upload.ts","../src/hooks/use-multi-upload.ts","../src/hooks/use-uploadista-client.ts"],"sourcesContent":[],"mappings":"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"}

package/src/components/flow-input.tsx

@@ -1,299 +0,0 @@
-/** biome-ignore-all lint/a11y/useSemanticElements: button is inside a div*/
-"use client";
-
-import { useDragDrop } from "../hooks/use-drag-drop";
-import type { FlowInputMetadata } from "../hooks/use-flow";
-
-export interface FlowInputProps {
-  /** Input metadata from flow discovery */
-  input: FlowInputMetadata;
-  /** Accepted file types (e.g., "image/*", "video/*") */
-  accept?: string;
-  /** Whether the input should support URL input */
-  allowUrl?: boolean;
-  /** Current value (File or URL string) */
-  value?: File | string | null;
-  /** Callback when value changes */
-  onChange: (value: File | string) => void;
-  /** Whether the input is disabled */
-  disabled?: boolean;
-  /** Additional CSS classes */
-  className?: string;
-}
-
-/**
- * Input component for flow execution with file drag-and-drop and URL support.
- *
- * Features:
- * - File drag-and-drop with visual feedback
- * - URL input for remote files
- * - Displays node name and description
- * - Shows selected file/URL with size
- * - Type validation and error display
- *
- * @example
- * ```tsx
- * <FlowInput
- *   input={inputMetadata}
- *   accept="image/*"
- *   allowUrl={true}
- *   value={selectedValue}
- *   onChange={(value) => flow.setInput(inputMetadata.nodeId, value)}
- * />
- * ```
- */
-export function FlowInput({
-  input,
-  accept = "*",
-  allowUrl = true,
-  value,
-  onChange,
-  disabled = false,
-  className = "",
-}: FlowInputProps) {
-  const isFileValue = value instanceof File;
-  const isUrlValue = typeof value === "string" && value.length > 0;
-
-  // Determine input mode based on input type
-  const supportsFileUpload = input.inputTypeId === "streaming-input-v1";
-  const supportsUrl =
-    allowUrl &&
-    (input.inputTypeId === "url-input-v1" ||
-      input.inputTypeId === "streaming-input-v1");
-
-  const dragDrop = useDragDrop({
-    onFilesReceived: (files) => {
-      if (files[0]) {
-        onChange(files[0]);
-      }
-    },
-    accept: accept ? accept.split(",").map((type) => type.trim()) : undefined,
-    multiple: false,
-  });
-
-  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (file) {
-      onChange(file);
-    }
-  };
-
-  const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    onChange(e.target.value);
-  };
-
-  const handleClear = () => {
-    onChange("");
-  };
-
-  return (
-    <div className={`space-y-3 ${className}`}>
-      {/* Header */}
-      <div>
-        <div className="flex items-center gap-2 mb-1">
-          <h4 className="font-semibold text-gray-900">{input.nodeName}</h4>
-          {input.required && <span className="text-red-500 text-sm">*</span>}
-          <span className="text-xs px-2 py-1 rounded-full bg-blue-100 text-blue-700 font-medium">
-            {input.inputTypeId}
-          </span>
-        </div>
-        {input.nodeDescription && (
-          <p className="text-sm text-gray-600">{input.nodeDescription}</p>
-        )}
-      </div>
-
-      {/* File Upload Area */}
-      {supportsFileUpload && (
-        <div
-          role="button"
-          tabIndex={disabled ? -1 : 0}
-          {...dragDrop.dragHandlers}
-          onClick={() => !disabled && dragDrop.openFilePicker()}
-          onKeyDown={(e) => {
-            if ((e.key === "Enter" || e.key === " ") && !disabled) {
-              e.preventDefault();
-              dragDrop.openFilePicker();
-            }
-          }}
-          className={`
-            relative border-2 border-dashed rounded-xl p-6 text-center cursor-pointer transition-all
-            ${
-              dragDrop.state.isDragging
-                ? "border-indigo-500 bg-indigo-50"
-                : "border-gray-300 bg-gray-50 hover:border-indigo-400 hover:bg-indigo-50/50"
-            }
-            ${disabled ? "opacity-50 cursor-not-allowed" : ""}
-          `}
-        >
-          {dragDrop.state.isDragging ? (
-            <div className="flex flex-col items-center gap-2">
-              <svg
-                className="w-8 h-8 text-indigo-600"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-              >
-                <title>Drop file</title>
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-                />
-              </svg>
-              <p className="text-sm font-medium text-indigo-600">
-                Drop file here
-              </p>
-            </div>
-          ) : isFileValue ? (
-            <div className="flex items-center justify-between">
-              <div className="flex items-center gap-3">
-                <svg
-                  className="w-5 h-5 text-green-500"
-                  fill="currentColor"
-                  viewBox="0 0 20 20"
-                  aria-hidden="true"
-                >
-                  <path
-                    fillRule="evenodd"
-                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                    clipRule="evenodd"
-                  />
-                </svg>
-                <div className="text-left">
-                  <p className="text-sm font-medium text-gray-900">
-                    {value.name}
-                  </p>
-                  <p className="text-xs text-gray-500">
-                    {(value.size / 1024).toFixed(1)} KB
-                  </p>
-                </div>
-              </div>
-              <button
-                type="button"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  handleClear();
-                }}
-                className="px-3 py-1 text-sm text-red-600 hover:text-red-700 hover:bg-red-50 rounded-lg transition-colors"
-              >
-                Remove
-              </button>
-            </div>
-          ) : (
-            <div className="flex flex-col items-center gap-2">
-              <svg
-                className="w-8 h-8 text-gray-400"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-              >
-                <title>Upload file</title>
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  strokeWidth={2}
-                  d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"
-                />
-              </svg>
-              <div>
-                <p className="text-sm font-medium text-gray-700">
-                  Drag and drop a file here, or click to select
-                </p>
-                <p className="text-xs text-gray-500 mt-1">Accepted: {accept}</p>
-              </div>
-            </div>
-          )}
-          <input {...dragDrop.inputProps} />
-        </div>
-      )}
-
-      {/* Drag & Drop Errors */}
-      {dragDrop.state.errors.length > 0 && (
-        <div className="bg-red-50 border border-red-200 rounded-lg p-3">
-          {dragDrop.state.errors.map((error, index) => (
-            <p key={index} className="text-sm text-red-700">
-              {error}
-            </p>
-          ))}
-        </div>
-      )}
-
-      {/* URL Input */}
-      {supportsUrl && supportsFileUpload && (
-        <div className="flex items-center gap-3">
-          <div className="flex-1 border-t border-gray-300" />
-          <span className="text-xs font-medium text-gray-500 uppercase">
-            Or
-          </span>
-          <div className="flex-1 border-t border-gray-300" />
-        </div>
-      )}
-
-      {supportsUrl && (
-        <div className="space-y-2">
-          {!supportsFileUpload && (
-            <label
-              htmlFor={`url-${input.nodeId}`}
-              className="block text-sm font-medium text-gray-700"
-            >
-              URL
-            </label>
-          )}
-          <div className="relative">
-            <input
-              id={`url-${input.nodeId}`}
-              type="url"
-              value={isUrlValue ? value : ""}
-              onChange={handleUrlChange}
-              disabled={disabled}
-              placeholder="https://example.com/file.jpg"
-              className="block w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed text-sm"
-            />
-            {isUrlValue && (
-              <button
-                type="button"
-                onClick={handleClear}
-                disabled={disabled}
-                className="absolute right-2 top-1/2 -translate-y-1/2 p-1 text-gray-400 hover:text-gray-600 rounded-lg hover:bg-gray-100 transition-colors"
-                aria-label="Clear URL"
-              >
-                <svg
-                  className="w-4 h-4"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                >
-                  <title>Clear</title>
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth={2}
-                    d="M6 18L18 6M6 6l12 12"
-                  />
-                </svg>
-              </button>
-            )}
-          </div>
-          {isUrlValue && (
-            <div className="flex items-center gap-2 text-xs text-gray-600">
-              <svg
-                className="w-4 h-4 text-blue-500"
-                fill="currentColor"
-                viewBox="0 0 20 20"
-                aria-hidden="true"
-              >
-                <path
-                  fillRule="evenodd"
-                  d="M12.586 4.586a2 2 0 112.828 2.828l-3 3a2 2 0 01-2.828 0 1 1 0 00-1.414 1.414 4 4 0 005.656 0l3-3a4 4 0 00-5.656-5.656l-1.5 1.5a1 1 0 101.414 1.414l1.5-1.5zm-5 5a2 2 0 012.828 0 1 1 0 101.414-1.414 4 4 0 00-5.656 0l-3 3a4 4 0 105.656 5.656l1.5-1.5a1 1 0 10-1.414-1.414l-1.5 1.5a2 2 0 11-2.828-2.828l3-3z"
-                  clipRule="evenodd"
-                />
-              </svg>
-              <span className="truncate">{value}</span>
-            </div>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}