eprec 1.7.0 → 1.9.0

package/app/client/editing-workspace.tsx

@@ -1,3 +1,4 @@
+import { matchSorter } from 'match-sorter'
 import type { Handle } from 'remix/component'
 import {
 	sampleEditSession,
@@ -8,19 +9,78 @@ import {
 	type TranscriptWord,
 } from './edit-session-data.ts'
 
+type AppConfig = {
+	initialVideoPath?: string
+}
+
+declare global {
+	interface Window {
+		__EPREC_APP__?: AppConfig
+	}
+}
+
 const MIN_CUT_LENGTH = 0.2
 const DEFAULT_CUT_LENGTH = 2.4
 const PLAYHEAD_STEP = 0.1
+const DEFAULT_PREVIEW_URL = '/e2e-test.mp4'
+
+function readInitialVideoPath() {
+	if (typeof window === 'undefined') return ''
+	const raw = window.__EPREC_APP__?.initialVideoPath
+	if (typeof raw !== 'string') return ''
+	return raw.trim()
+}
+
+function buildVideoPreviewUrl(value: string) {
+	return `/api/video?path=${encodeURIComponent(value)}`
+}
+
+function extractVideoName(value: string) {
+	const normalized = value.replace(/\\/g, '/')
+	const parts = normalized.split('/')
+	const last = parts[parts.length - 1]
+	return last && last.length > 0 ? last : value
+}
+
+type ProcessingStatus = 'queued' | 'running' | 'done'
+type ProcessingCategory = 'chapter' | 'transcript' | 'export'
+type ProcessingTask = {
+	id: string
+	title: string
+	detail: string
+	status: ProcessingStatus
+	category: ProcessingCategory
+}
 
 export function EditingWorkspace(handle: Handle) {
 	const duration = sampleEditSession.duration
 	const transcript = sampleEditSession.transcript
 	const commands = sampleEditSession.commands
+	const transcriptIndex = transcript.map((word) => ({
+		...word,
+		context: buildContext(transcript, word.index, 3),
+	}))
+	const initialVideoPath = readInitialVideoPath()
+	let sourceName = sampleEditSession.sourceName
+	let sourcePath = ''
+	let previewUrl = DEFAULT_PREVIEW_URL
+	let previewSource: 'demo' | 'path' = 'demo'
+	let videoPathInput = initialVideoPath
+	let pathStatus: 'idle' | 'loading' | 'ready' | 'error' = initialVideoPath
+		? 'loading'
+		: 'idle'
+	let pathError = ''
+	let previewError = ''
 	let cutRanges = sampleEditSession.cuts.map((range) => ({ ...range }))
 	let chapters = sampleEditSession.chapters.map((chapter) => ({ ...chapter }))
 	let playhead = 18.2
 	let selectedRangeId = cutRanges[0]?.id ?? null
 	let searchQuery = ''
+	let primaryChapterId = chapters[0]?.id ?? ''
+	let secondaryChapterId = chapters[1]?.id ?? chapters[0]?.id ?? ''
+	let processingQueue: ProcessingTask[] = []
+	let activeTaskId: string | null = null
+	let processingCount = 1
 	let manualCutId = 1
 	let previewDuration = 0
 	let previewReady = false
@@ -29,6 +89,94 @@ export function EditingWorkspace(handle: Handle) {
 	let lastSyncedPlayhead = playhead
 	let isScrubbing = false
 
+	const resetPreviewState = () => {
+		previewReady = false
+		previewPlaying = false
+		previewDuration = 0
+		previewError = ''
+		lastSyncedPlayhead = playhead
+	}
+
+	const updateVideoPathInput = (value: string) => {
+		videoPathInput = value
+		if (pathError) pathError = ''
+		if (pathStatus === 'error') pathStatus = 'idle'
+		handle.update()
+	}
+
+	const applyPreviewSource = (options: {
+		url: string
+		name: string
+		source: 'demo' | 'path'
+		path?: string
+	}) => {
+		previewUrl = options.url
+		sourceName = options.name
+		sourcePath = options.path ?? ''
+		previewSource = options.source
+		resetPreviewState()
+		handle.update()
+	}
+
+	const loadVideoFromPath = async (override?: string) => {
+		const candidate = (override ?? videoPathInput).trim()
+		if (!candidate) {
+			pathError = 'Enter a video file path to load.'
+			pathStatus = 'error'
+			handle.update()
+			return
+		}
+		videoPathInput = candidate
+		pathStatus = 'loading'
+		pathError = ''
+		previewError = ''
+		handle.update()
+		const preview = buildVideoPreviewUrl(candidate)
+		try {
+			const response = await fetch(preview, {
+				method: 'HEAD',
+				cache: 'no-store',
+				signal: handle.signal,
+			})
+			if (!response.ok) {
+				const message =
+					response.status === 404
+						? 'Video file not found. Check the path.'
+						: `Unable to load the video (status ${response.status}).`
+				throw new Error(message)
+			}
+			if (handle.signal.aborted) return
+			pathStatus = 'ready'
+			applyPreviewSource({
+				url: preview,
+				name: extractVideoName(candidate),
+				source: 'path',
+				path: candidate,
+			})
+		} catch (error) {
+			if (handle.signal.aborted) return
+			pathStatus = 'error'
+			pathError =
+				error instanceof Error ? error.message : 'Unable to load the video.'
+			handle.update()
+		}
+	}
+
+	const resetToDemo = () => {
+		pathStatus = 'idle'
+		pathError = ''
+		videoPathInput = ''
+		applyPreviewSource({
+			url: DEFAULT_PREVIEW_URL,
+			name: sampleEditSession.sourceName,
+			source: 'demo',
+		})
+	}
+
+	if (initialVideoPath) {
+		void loadVideoFromPath(initialVideoPath)
+	}
+
 	const setPlayhead = (value: number) => {
 		playhead = clamp(value, 0, duration)
 		syncVideoToPlayhead(playhead)
@@ -144,6 +292,127 @@ export function EditingWorkspace(handle: Handle) {
 		handle.update()
 	}
 
+	const findChapter = (chapterId: string) =>
+		chapters.find((chapter) => chapter.id === chapterId) ?? null
+
+	const updatePrimaryChapter = (chapterId: string) => {
+		primaryChapterId = chapterId
+		if (secondaryChapterId === chapterId) {
+			secondaryChapterId =
+				chapters.find((chapter) => chapter.id !== chapterId)?.id ?? chapterId
+		}
+		handle.update()
+	}
+
+	const updateSecondaryChapter = (chapterId: string) => {
+		secondaryChapterId = chapterId
+		handle.update()
+	}
+
+	const queueTask = (
+		title: string,
+		detail: string,
+		category: ProcessingCategory,
+	) => {
+		const task: ProcessingTask = {
+			id: `task-${processingCount++}`,
+			title,
+			detail,
+			status: 'queued',
+			category,
+		}
+		processingQueue = [...processingQueue, task]
+		handle.update()
+	}
+
+	const queueChapterEdit = () => {
+		const chapter = findChapter(primaryChapterId)
+		if (!chapter) return
+		queueTask(
+			`Edit ${chapter.title}`,
+			`Review trims for ${formatTimestamp(chapter.start)} - ${formatTimestamp(
+				chapter.end,
+			)}.`,
+			'chapter',
+		)
+	}
+
+	const queueCombineChapters = () => {
+		const primary = findChapter(primaryChapterId)
+		const secondary = findChapter(secondaryChapterId)
+		if (!primary || !secondary || primary.id === secondary.id) return
+		queueTask(
+			`Combine ${primary.title} + ${secondary.title}`,
+			'Merge both chapters into a single preview export.',
+			'chapter',
+		)
+	}
+
+	const queueTranscriptRegeneration = () => {
+		queueTask(
+			'Regenerate transcript',
+			'Run Whisper alignment and refresh search cues.',
+			'transcript',
+		)
+	}
+
+	const queueCommandScan = () => {
+		queueTask(
+			'Detect command windows',
+			'Scan for Jarvis commands and update cut ranges.',
+			'transcript',
+		)
+	}
+
+	const queuePreviewRender = () => {
+		queueTask(
+			'Render preview clip',
+			'Bake a short MP4 with current edits applied.',
+			'export',
+		)
+	}
+
+	const queueFinalExport = () => {
+		queueTask(
+			'Export edited chapters',
+			'Render final chapters and write the export package.',
+			'export',
+		)
+	}
+
+	const startNextTask = () => {
+		if (activeTaskId) return
+		const next = processingQueue.find((task) => task.status === 'queued')
+		if (!next) return
+		activeTaskId = next.id
+		processingQueue = processingQueue.map((task) =>
+			task.id === next.id ? { ...task, status: 'running' } : task,
+		)
+		handle.update()
+	}
+
+	const markActiveDone = () => {
+		if (!activeTaskId) return
+		processingQueue = processingQueue.map((task) =>
+			task.id === activeTaskId ? { ...task, status: 'done' } : task,
+		)
+		activeTaskId = null
+		handle.update()
+	}
+
+	const clearCompletedTasks = () => {
+		processingQueue = processingQueue.filter((task) => task.status !== 'done')
+		handle.update()
+	}
+
+	const removeTask = (taskId: string) => {
+		processingQueue = processingQueue.filter((task) => task.id !== taskId)
+		if (activeTaskId === taskId) {
+			activeTaskId = null
+		}
+		handle.update()
+	}
+
 	const syncVideoToPlayhead = (value: number) => {
 		if (
 			!previewNode ||
@@ -179,20 +448,44 @@ export function EditingWorkspace(handle: Handle) {
 		const currentContext = currentWord
 			? buildContext(transcript, currentWord.index, 4)
 			: 'No transcript cues found for the playhead.'
-		const query = searchQuery.trim().toLowerCase()
+		const query = searchQuery.trim()
 		const searchResults = query
-			? transcript
-					.filter((word) => word.word.toLowerCase().includes(query))
-					.slice(0, 12)
+			? matchSorter(transcriptIndex, query, {
+					keys: ['word'],
+				}).slice(0, 12)
 			: []
+		const queuedCount = processingQueue.filter(
+			(task) => task.status === 'queued',
+		).length
+		const completedCount = processingQueue.filter(
+			(task) => task.status === 'done',
+		).length
+		const runningTask =
+			processingQueue.find((task) => task.status === 'running') ?? null
+		const canCombineChapters =
+			primaryChapterId.length > 0 &&
+			secondaryChapterId.length > 0 &&
+			primaryChapterId !== secondaryChapterId
 		const commandPreview = buildCommandPreview(
-			sampleEditSession.sourceName,
+			sourceName,
 			chapters,
+			sourcePath,
 		)
 		const previewTime =
 			previewReady && previewDuration > 0
 				? (playhead / duration) * previewDuration
 				: 0
+		const previewStatus = previewError
+			? { label: 'Error', className: 'status-pill--danger' }
+			: previewReady
+				? previewPlaying
+					? { label: 'Playing', className: 'status-pill--info' }
+					: { label: 'Ready', className: 'status-pill--success' }
+				: { label: 'Loading', className: 'status-pill--warning' }
+		const sourceStatus =
+			previewSource === 'path'
+				? { label: 'Path', className: 'status-pill--success' }
+				: { label: 'Demo', className: 'status-pill--info' }
 
 		return (
 			<main class="app-shell">
@@ -205,12 +498,77 @@ export function EditingWorkspace(handle: Handle) {
 					</p>
 				</header>
 
+				<section class="app-card app-card--full source-card">
+					<div class="source-header">
+						<div>
+							<h2>Source video</h2>
+							<p class="app-muted">
+								Paste a full video path to preview it and update the CLI export.
+							</p>
+						</div>
+						<span
+							class={classNames('status-pill', sourceStatus.className)}
+							title={`Preview source: ${sourceStatus.label}`}
+						>
+							{sourceStatus.label}
+						</span>
+					</div>
+					<div class="source-grid">
+						<div class="source-fields">
+							<label class="input-label">
+								Video file path
+								<input
+									class="text-input"
+									type="text"
+									placeholder="/path/to/video.mp4"
+									value={videoPathInput}
+									on={{
+										input: (event) => {
+											const target =
+												event.currentTarget as HTMLInputElement
+											updateVideoPathInput(target.value)
+										},
+									}}
+								/>
+							</label>
+							<div class="source-actions">
+								<button
+									class="button button--primary"
+									type="button"
+									disabled={
+										pathStatus === 'loading' ||
+										videoPathInput.trim().length === 0
+									}
+									on={{ click: () => void loadVideoFromPath() }}
+								>
+									{pathStatus === 'loading' ? 'Checking...' : 'Load from path'}
+								</button>
+								<button
+									class="button button--ghost"
+									type="button"
+									on={{ click: resetToDemo }}
+								>
+									Use demo video
+								</button>
+							</div>
+							{pathStatus === 'error' && pathError ? (
+								<p class="status-note status-note--danger">{pathError}</p>
+							) : null}
+						</div>
+					</div>
+				</section>
+
 				<section class="app-card app-card--full">
 					<h2>Session summary</h2>
 					<div class="summary-grid">
 						<div class="summary-item">
 							<span class="summary-label">Source video</span>
-							<span class="summary-value">{sampleEditSession.sourceName}</span>
+							<span class="summary-value">{sourceName}</span>
+							{sourcePath ? (
+								<span class="summary-subtext">{sourcePath}</span>
+							) : (
+								<span class="summary-subtext">Demo fixture video</span>
+							)}
 							<span class="summary-subtext">
 								Duration {formatTimestamp(duration)}
 							</span>
@@ -246,6 +604,227 @@ export function EditingWorkspace(handle: Handle) {
 					</div>
 				</section>
 
+				<section class="app-card app-card--full actions-card">
+					<div class="actions-header">
+						<div>
+							<h2>Processing actions</h2>
+							<p class="app-muted">
+								Queue chapter edits, transcript cleanup, and export jobs
+								directly from the workspace.
+							</p>
+						</div>
+						<div class="actions-meta">
+							<div class="summary-item">
+								<span class="summary-label">Queue</span>
+								<span class="summary-value">{queuedCount} queued</span>
+								<span class="summary-subtext">
+									{runningTask ? `Running: ${runningTask.title}` : 'Idle'}
+								</span>
+							</div>
+						</div>
+						<div class="actions-buttons">
+							<button
+								class="button button--primary"
+								type="button"
+								disabled={queuedCount === 0 || Boolean(runningTask)}
+								on={{ click: startNextTask }}
+							>
+								Run next
+							</button>
+							<button
+								class="button button--ghost"
+								type="button"
+								disabled={!runningTask}
+								on={{ click: markActiveDone }}
+							>
+								Mark running done
+							</button>
+							<button
+								class="button button--ghost"
+								type="button"
+								disabled={completedCount === 0}
+								on={{ click: clearCompletedTasks }}
+							>
+								Clear completed
+							</button>
+						</div>
+					</div>
+
+					<div class="actions-grid">
+						<article class="actions-panel">
+							<div class="panel-header">
+								<h3>Chapter processing</h3>
+								<span class="status-pill status-pill--info">Chapter</span>
+							</div>
+							<label class="input-label">
+								Primary chapter
+								<select
+									class="text-input"
+									value={primaryChapterId}
+									on={{
+										change: (event) => {
+											const target = event.currentTarget as HTMLSelectElement
+											updatePrimaryChapter(target.value)
+										},
+									}}
+								>
+									{chapters.map((chapter) => (
+										<option value={chapter.id}>{chapter.title}</option>
+									))}
+								</select>
+							</label>
+							<label class="input-label">
+								Secondary chapter
+								<select
+									class="text-input"
+									value={secondaryChapterId}
+									on={{
+										change: (event) => {
+											const target = event.currentTarget as HTMLSelectElement
+											updateSecondaryChapter(target.value)
+										},
+									}}
+								>
+									{chapters.map((chapter) => (
+										<option value={chapter.id}>{chapter.title}</option>
+									))}
+								</select>
+							</label>
+							<div class="actions-button-row">
+								<button
+									class="button button--primary"
+									type="button"
+									disabled={!primaryChapterId}
+									on={{ click: queueChapterEdit }}
+								>
+									Edit chapter
+								</button>
+								<button
+									class="button button--ghost"
+									type="button"
+									disabled={!canCombineChapters}
+									on={{ click: queueCombineChapters }}
+								>
+									Combine chapters
+								</button>
+							</div>
+							<p class="app-muted">
+								Stage edits or merge two chapters without leaving this view.
+							</p>
+						</article>
+
+						<article class="actions-panel">
+							<div class="panel-header">
+								<h3>Transcript utilities</h3>
+								<span class="status-pill status-pill--warning">Transcript</span>
+							</div>
+							<div class="actions-button-row">
+								<button
+									class="button button--ghost"
+									type="button"
+									on={{ click: queueTranscriptRegeneration }}
+								>
+									Regenerate transcript
+								</button>
+								<button
+									class="button button--ghost"
+									type="button"
+									on={{ click: queueCommandScan }}
+								>
+									Detect command windows
+								</button>
+							</div>
+							<p class="app-muted">
+								Refresh the transcript or scan for command markers on demand.
+							</p>
+						</article>
+
+						<article class="actions-panel">
+							<div class="panel-header">
+								<h3>Exports</h3>
+								<span class="status-pill status-pill--success">Export</span>
+							</div>
+							<div class="actions-button-row">
+								<button
+									class="button button--ghost"
+									type="button"
+									on={{ click: queuePreviewRender }}
+								>
+									Render preview clip
+								</button>
+								<button
+									class="button button--ghost"
+									type="button"
+									on={{ click: queueFinalExport }}
+								>
+									Export edited chapters
+								</button>
+							</div>
+							<p class="app-muted">
+								Trigger preview renders or finalize exports for the pipeline.
+							</p>
+						</article>
+					</div>
+
+					<div class="actions-queue">
+						<div class="panel-header">
+							<h3>Processing queue</h3>
+							<span class="summary-subtext">
+								{processingQueue.length} total
+							</span>
+						</div>
+						{processingQueue.length === 0 ? (
+							<p class="app-muted">
+								No actions queued yet. Use the buttons above to stage work.
+							</p>
+						) : (
+							<ul class="stacked-list processing-list">
+								{processingQueue.map((task) => (
+									<li
+										class={classNames(
+											'stacked-item',
+											'processing-row',
+											task.status === 'running' && 'is-running',
+											task.status === 'done' && 'is-complete',
+										)}
+									>
+										<div class="processing-row-header">
+											<div>
+												<h4>{task.title}</h4>
+												<p class="app-muted">{task.detail}</p>
+											</div>
+											<span
+												class={classNames(
+													'status-pill',
+													task.status === 'queued' && 'status-pill--info',
+													task.status === 'running' && 'status-pill--warning',
+													task.status === 'done' && 'status-pill--success',
+												)}
+											>
+												{task.status}
+											</span>
+										</div>
+										<div class="processing-row-meta">
+											<span class="summary-subtext">
+												{formatProcessingCategory(task.category)}
+											</span>
+											{task.status === 'queued' ? (
+												<button
+													class="button button--ghost"
+													type="button"
+													on={{ click: () => removeTask(task.id) }}
+												>
+													Remove
+												</button>
+											) : null}
+										</div>
+									</li>
+								))}
+							</ul>
+						)}
+					</div>
+				</section>
+
 				<section class="app-card app-card--full timeline-card">
 					<div class="timeline-header">
 						<div>
@@ -277,23 +856,15 @@ export function EditingWorkspace(handle: Handle) {
 									<span
 										class={classNames(
 											'status-pill',
-											previewReady
-												? previewPlaying
-													? 'status-pill--info'
-													: 'status-pill--success'
-												: 'status-pill--warning',
+											previewStatus.className,
 										)}
 									>
-										{previewReady
-											? previewPlaying
-												? 'Playing'
-												: 'Ready'
-											: 'Loading'}
+										{previewStatus.label}
 									</span>
 								</div>
 								<video
 									class="timeline-video-player"
-									src="/e2e-test.mp4"
+									src={previewUrl}
 									controls
 									preload="metadata"
 									connect={(node: HTMLVideoElement, signal) => {
@@ -304,6 +875,7 @@ export function EditingWorkspace(handle: Handle) {
 												? nextDuration
 												: 0
 											previewReady = previewDuration > 0
+											previewError = ''
 											syncVideoToPlayhead(playhead)
 											handle.update()
 										}
@@ -327,6 +899,12 @@ export function EditingWorkspace(handle: Handle) {
 											previewPlaying = false
 											handle.update()
 										}
+										const handleError = () => {
+											previewError = 'Unable to load the preview video.'
+											previewReady = false
+											previewPlaying = false
+											handle.update()
+										}
 										node.addEventListener(
 											'loadedmetadata',
 											handleLoadedMetadata,
@@ -334,6 +912,7 @@ export function EditingWorkspace(handle: Handle) {
 										node.addEventListener('timeupdate', handleTimeUpdate)
 										node.addEventListener('play', handlePlay)
 										node.addEventListener('pause', handlePause)
+										node.addEventListener('error', handleError)
 										signal.addEventListener('abort', () => {
 											node.removeEventListener(
 												'loadedmetadata',
@@ -342,6 +921,7 @@ export function EditingWorkspace(handle: Handle) {
 											node.removeEventListener('timeupdate', handleTimeUpdate)
 											node.removeEventListener('play', handlePlay)
 											node.removeEventListener('pause', handlePause)
+											node.removeEventListener('error', handleError)
 											if (previewNode === node) {
 												previewNode = null
 											}
@@ -354,6 +934,9 @@ export function EditingWorkspace(handle: Handle) {
 										Timeline {formatTimestamp(playhead)}
 									</span>
 								</div>
+								{previewError ? (
+									<p class="status-note status-note--danger">{previewError}</p>
+								) : null}
 							</div>
 							<div
 								class="timeline-track"
@@ -523,10 +1106,11 @@ export function EditingWorkspace(handle: Handle) {
 							)}
 
 							<h3>Cut list</h3>
-							<ul class="cut-list">
+							<ul class="cut-list stacked-list">
 								{sortedCuts.map((range) => (
 									<li
 										class={classNames(
+											'stacked-item',
 											'cut-row',
 											range.id === selectedRangeId && 'is-selected',
 										)}
@@ -562,9 +1146,9 @@ export function EditingWorkspace(handle: Handle) {
 						<p class="app-muted">
 							Update output names and mark chapters to skip before export.
 						</p>
-						<div class="chapter-list">
+						<div class="chapter-list stacked-list">
 							{chapters.map((chapter) => (
-								<article class="chapter-row">
+								<article class="chapter-row stacked-item">
 									<div class="chapter-header">
 										<div>
 											<h3>{chapter.title}</h3>
@@ -630,11 +1214,11 @@ export function EditingWorkspace(handle: Handle) {
 						<p class="app-muted">
 							Apply Jarvis commands to your cut list or chapter metadata.
 						</p>
-						<div class="command-list">
+						<div class="command-list stacked-list">
 							{commands.map((command) => {
 								const applied = isCommandApplied(command, sortedCuts, chapters)
 								return (
-									<article class="command-row">
+									<article class="command-row stacked-item">
 										<div class="command-header">
 											<h3>{command.label}</h3>
 											<span
@@ -705,10 +1289,14 @@ export function EditingWorkspace(handle: Handle) {
 						<p class="app-muted transcript-empty">
 							Type to search the transcript words. Click a result to jump to it.
 						</p>
+					) : searchResults.length === 0 ? (
+						<p class="app-muted transcript-empty">
+							No results found for "{query}".
+						</p>
 					) : (
-						<ul class="transcript-results">
+						<ul class="transcript-results stacked-list">
 							{searchResults.map((word) => (
-								<li>
+								<li class="stacked-item">
 									<button
 										class="transcript-result"
 										type="button"
@@ -717,9 +1305,7 @@ export function EditingWorkspace(handle: Handle) {
 										<span class="transcript-time">
 											{formatTimestamp(word.start)}
 										</span>
-										<span class="transcript-snippet">
-											{buildContext(transcript, word.index, 3)}
-										</span>
+										<span class="transcript-snippet">{word.context}</span>
 									</button>
 								</li>
 							))}
@@ -786,6 +1372,12 @@ function formatSeconds(value: number) {
 	return `${value.toFixed(1)}s`
 }
 
+function formatProcessingCategory(category: ProcessingCategory) {
+	if (category === 'chapter') return 'Chapter task'
+	if (category === 'transcript') return 'Transcript task'
+	return 'Export task'
+}
+
 function classNames(...values: Array<string | false | null | undefined>) {
 	return values.filter(Boolean).join(' ')
 }
@@ -819,13 +1411,21 @@ function buildTimelineTicks(duration: number, count: number) {
 	)
 }
 
-function buildCommandPreview(sourceName: string, chapters: ChapterPlan[]) {
+function buildCommandPreview(
+	sourceName: string,
+	chapters: ChapterPlan[],
+	sourcePath?: string,
+) {
 	const outputName =
 		chapters.find((chapter) => chapter.status !== 'skipped')?.outputName ??
 		'edited-output.mp4'
+	const inputPath =
+		typeof sourcePath === 'string' && sourcePath.trim().length > 0
+			? sourcePath
+			: sourceName
 	return [
 		'bun process-course/edits/cli.ts edit-video \\',
-		`  --input "${sourceName}" \\`,
+		`  --input "${inputPath}" \\`,
 		'  --transcript "transcript.json" \\',
 		'  --edited "transcript.txt" \\',
 		`  --output "${outputName}"`,