small UI improvement

src/components/toolbars/top-menu/file/index.tsx

@@ -99,14 +99,14 @@ export function TopMenuFile() {
                   openClapUrl('/samples/claps/wasteland.clap')
                 }}
               >
-                Wasteland.clap
+                 [demo] Wasteland.clap
               </MenubarItem>
               <MenubarItem
                 onClick={() => {
                   openScreenplayUrl('/samples/scripts/The Apery.txt')
                 }}
               >
-                The Apery.txt [by GPT-4]
+                 [demo] The Apery.txt
               </MenubarItem>
               <MenubarItem
                 onClick={() => {
@@ -120,11 +120,13 @@ export function TopMenuFile() {
                   openScreenplayUrl('/samples/scripts/Rear Window.txt')
                 }}
               >
-                 Rear Window
+                Rear Window.txt
               </MenubarItem>
               <MenubarItem
                 onClick={() => {
-                  openScreenplayUrl('/samples/scripts/Raiders of the Lost Ark.txt')
+                  openScreenplayUrl(
+                    '/samples/scripts/Raiders of the Lost Ark.txt'
+                  )
                 }}
               >
                 Raiders of the Lost Ark.txt

src/services/io/useIO.ts

@@ -441,7 +441,7 @@ export const useIO = create<IOStore>((set, get) => ({
       totalDurationInMs,
       (progress, message) => {
         task.setProgress({
-          message,
+          message: `Rendering video (${Math.round(progress)}%)`,
           value: progress * 0.9,
         })
       }
@@ -482,6 +482,8 @@ export const useIO = create<IOStore>((set, get) => ({
       )
     }
 
+    task.success()
+
     saveAnyFile(videoBlob, 'my_project.mp4')
   },