import type { Workflow, PipelineViewDef } from '../../types/index.js'; import type { EndpointConfig } from '../../config/endpoints.js'; import type { PlaygroundConfig, PlaygroundMode } from '../../types/playground.js'; interface Props { /** Target workflow ID */ workflowId: string; /** Pre-loaded workflow — skips internal fetch when provided */ workflow?: Workflow; /** API endpoint configuration */ endpointConfig?: EndpointConfig; /** Display mode (default: standalone) */ mode?: PlaygroundMode; /** Session ID to activate on mount. Changing this prop remounts the Playground. */ initialSessionId?: string; /** Playground configuration options */ config?: PlaygroundConfig; /** Whether the pipeline panel starts open. When omitted the stored preference is used. */ initialPipelineOpen?: boolean; /** Minimum chat panel width in px (default: 760) */ minChatWidth?: number; /** Initial pipeline panel width in px (default: 500) */ initialPipelineWidth?: number; /** Called when session navigation is requested — use for URL-based routing */ onSessionNavigate?: (sessionId: string) => void; /** Called when the playground is closed (embedded / modal mode) */ onClose?: () => void; /** Additional pipeline views injected by the consumer */ extraPipelineViews?: PipelineViewDef[]; } declare const PlaygroundStudio: import("svelte").Component; type PlaygroundStudio = ReturnType; export default PlaygroundStudio;