From 175bb36edaf02e6ac6fc443cff5ffd403b4a5e23 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 0000000..35cad44 --- /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 1cc56d7..e516cfc 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 e190915c48581faf053ee4f824526b3fa6e349c2 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 7031cc6..7e1b92a 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 3124342309a1fcd49cb17247834b251d3930b871 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 4a9d5f1..453417d 100644 --- a/src/components/video-editor/SettingsPanel.tsx +++ b/src/components/video-editor/SettingsPanel.tsx @@ -424,7 +424,7 @@ export function SettingsPanel({ )} - + Image Color