From ab7e618f078f0e4eb921e33d612ded0cac4b2803 Mon Sep 17 00:00:00 2001 From: AP Solanki <88495030+ateendra24@users.noreply.github.com> Date: Thu, 18 Dec 2025 10:38:07 +0530 Subject: [PATCH 1/3] feat: add tutorial help component for video trimming guidance --- src/components/video-editor/TutorialHelp.tsx | 145 ++++++++++++++++++ .../video-editor/timeline/TimelineEditor.tsx | 3 + 2 files changed, 148 insertions(+) create mode 100644 src/components/video-editor/TutorialHelp.tsx diff --git a/src/components/video-editor/TutorialHelp.tsx b/src/components/video-editor/TutorialHelp.tsx new file mode 100644 index 00000000..35cad441 --- /dev/null +++ b/src/components/video-editor/TutorialHelp.tsx @@ -0,0 +1,145 @@ +import { + Dialog, + DialogContent, + DialogDescription, + DialogHeader, + DialogTitle, + DialogTrigger, +} from "@/components/ui/dialog"; +import { Button } from "@/components/ui/button"; +import { HelpCircle, Scissors, ArrowRight } from "lucide-react"; + +export function TutorialHelp() { + return ( + + + + + + + + How Trimming Works + + + Understanding how to cut out unwanted parts of your video. + + +
+ {/* Explanation */} +
+

+ The Trim tool works by defining the segments you want to + remove. Any part + of the timeline that is + covered by a red + trim segment will be cut out when you export. +

+
+ {/* Visual Illustration */} +
+

+ Visual Example +

+
+ {/* Background track (Kept parts) */} +
+ {/* Solid line representing video */} +
+ {/* Removed Segment 1 */} +
+ + REMOVED + +
+ {/* Removed Segment 2 */} +
+ + REMOVED + +
+ {/* Labels for kept parts */} +
+ Kept +
+
+ Kept +
+
+ Kept +
+
+
+ + +
+ {/* Result */} +
+
+ + Part 1 + +
+
+ + Part 2 + +
+
+ + Part 3 + +
+ + Final Video + +
+
+ {/* Steps */} +
+
+
+ 1. Add Trim +
+

+ Press + T + or click the scissors icon to mark a section for removal. +

+
+
+
+ 2. Adjust +
+

+ Drag the edges of the red region to cover exactly what you want + to cut out. +

+
+
+
+ + + ); +} diff --git a/src/components/video-editor/timeline/TimelineEditor.tsx b/src/components/video-editor/timeline/TimelineEditor.tsx index 1cc56d70..e516cfc3 100644 --- a/src/components/video-editor/timeline/TimelineEditor.tsx +++ b/src/components/video-editor/timeline/TimelineEditor.tsx @@ -19,6 +19,7 @@ import { } from "@/components/ui/dropdown-menu"; import { type AspectRatio, getAspectRatioLabel } from "@/utils/aspectRatioUtils"; import { formatShortcut } from "@/utils/platformUtils"; +import { TutorialHelp } from "../TutorialHelp"; const ZOOM_ROW_ID = "row-zoom"; const TRIM_ROW_ID = "row-trim"; @@ -907,6 +908,8 @@ export default function TimelineEditor({ ))} +
+
From 664e2f40d10c0f7c321f4cf4ff38214baf0e48aa Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 1 Jan 2026 01:52:44 +0000 Subject: [PATCH 2/3] fix(linux): reduce AppImage boot time from ~50s to near-instant Change compression from "maximum" to "normal" for electron-builder. The "maximum" compression setting causes gzip/xz compression in the squashfs filesystem, which has extremely poor random access performance (~35 MB/s). This results in 50+ second boot times on Linux AppImage releases due to FUSE overhead during Electron's many small file reads at startup. With "normal" compression, the AppImage uses faster decompression algorithms, dramatically improving startup time while only marginally increasing package size. Refs: electron-userland/electron-builder#6317 Refs: electron-userland/electron-builder#7483 --- electron-builder.json5 | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/electron-builder.json5 b/electron-builder.json5 index 7031cc65..7e1b92a7 100644 --- a/electron-builder.json5 +++ b/electron-builder.json5 @@ -6,7 +6,7 @@ "productName": "Openscreen", "npmRebuild": true, "buildDependenciesFromSource": true, - "compression": "maximum", + "compression": "normal", "directories": { "output": "release/${version}" }, From 89503335d3333ff33fce7ccea685f4f00819caa0 Mon Sep 17 00:00:00 2001 From: Twinkal P Date: Sat, 10 Jan 2026 17:33:11 +0000 Subject: [PATCH 3/3] fix(ui): set minimum height for image selection tab in settings panel --- src/components/video-editor/SettingsPanel.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/video-editor/SettingsPanel.tsx b/src/components/video-editor/SettingsPanel.tsx index 4a9d5f11..453417de 100644 --- a/src/components/video-editor/SettingsPanel.tsx +++ b/src/components/video-editor/SettingsPanel.tsx @@ -424,7 +424,7 @@ export function SettingsPanel({ )} - + Image Color