Function Inner

apps/desktop/src/routes/editor/Editor.tsx:279–762

()

}

function Inner() {
	const {
		project,
		editorInstance,
		editorState,
		setEditorState,
		previewResolutionBase,
		dialog,
		exportState,
	} = useEditorContext();

	createTauriEventListener(events.editorRecordingAdded, (payload) => {
		const normalize = (p: string) => p.replace(/[\\/]+$/, "");
		if (normalize(payload.editor_path) !== normalize(editorInstance.path))
			return;
		void appendRecordedClip(payload.recording_path);
	});

	const appendRecordedClip = async (recordingPath: string) => {
		const toastId = toast.loading("Adding clip…");
		try {
			if (editorState.playing) {
				await commands.stopPlayback();
				setEditorState("playing", false);
			}
			await commands.setProjectConfig(serializeProjectConfiguration(project));
			await commands.addExistingRecordingToEditor(recordingPath);
			await commands.deleteRecordingDirectory(recordingPath).catch(() => {});
			toast.success("Clip added", { id: toastId });
			window.location.reload();
		} catch (error) {
			const message = error instanceof Error ? error.message : String(error);
			toast.error(`Failed to add clip: ${message}`, { id: toastId });
		}
	};

	const isExportMode = () => {
		const d = dialog();
		return "type" in d && d.type === "export" && d.open;
	};

	const isTranscriptMode = () => {
		const d = dialog();
		return "type" in d && d.type === "transcript" && d.open;
	};

	const isClipsMode = () => {
		const d = dialog();
		return "type" in d && d.type === "clips" && d.open;
	};

	const [clipsSidebarMounted, setClipsSidebarMounted] = createSignal(false);

	createEffect(() => {
		if (isClipsMode()) setClipsSidebarMounted(true);
	});

	onMount(() => {