linking the monitor to the timeline

.gitattributes

@@ -1 +1,2 @@
 *.clap filter=lfs diff=lfs merge=lfs -text
+*.xcf filter=lfs diff=lfs merge=lfs -text

package-lock.json

@@ -8,9 +8,9 @@
       "name": "@jbilcke-hf/clapper",
       "version": "0.0.3",
       "dependencies": {
-        "@aitube/clap": "0.0.24",
-        "@aitube/engine": "0.0.15",
-        "@aitube/timeline": "0.0.16",
+        "@aitube/clap": "0.0.25",
+        "@aitube/engine": "0.0.16",
+        "@aitube/timeline": "0.0.19",
         "@fal-ai/serverless-client": "^0.10.3",
         "@huggingface/hub": "^0.15.1",
         "@huggingface/inference": "^2.7.0",
@@ -18,6 +18,7 @@
         "@langchain/core": "^0.2.6",
         "@langchain/groq": "^0.0.12",
         "@langchain/openai": "^0.1.1",
+        "@monaco-editor/react": "^4.6.0",
         "@radix-ui/react-accordion": "^1.1.2",
         "@radix-ui/react-avatar": "^1.0.4",
         "@radix-ui/react-checkbox": "^1.0.4",
@@ -44,6 +45,7 @@
         "@react-three/fiber": "^8.16.6",
         "@react-three/uikit": "^0.3.4",
         "@react-three/uikit-lucide": "^0.3.4",
+        "@tailwindcss/container-queries": "^0.1.1",
         "@types/node": "20.12.7",
         "@types/react": "18.3.0",
         "@types/react-dom": "18.3.0",
@@ -57,6 +59,8 @@
         "eslint": "8.57.0",
         "eslint-config-next": "14.1.0",
         "lucide-react": "^0.334.0",
+        "mlt-xml": "^2.0.2",
+        "monaco-editor": "^0.49.0",
         "next": "^14.2.3",
         "next-themes": "^0.2.1",
         "postcss": "8.4.38",
@@ -64,6 +68,8 @@
         "query-string": "^9.0.0",
         "react": "^18.3.1",
         "react-device-frameset": "^1.3.4",
+        "react-dnd": "^16.0.1",
+        "react-dnd-html5-backend": "^16.0.1",
         "react-dom": "^18.3.1",
         "react-drag-drop-files": "^2.3.10",
         "react-hook-consent": "^3.5.3",
@@ -82,14 +88,16 @@
         "use-file-picker": "^2.1.2",
         "usehooks-ts": "^2.14.0",
         "uuid": "^9.0.1",
+        "web-audio-beat-detector": "^8.2.10",
         "yaml": "^2.4.2",
-        "zustand": "^4.5.2"
+        "zustand": "^4.5.2",
+        "zx": "^8.1.2"
       }
     },
     "node_modules/@aitube/clap": {
-      "version": "0.0.24",
-      "resolved": "https://registry.npmjs.org/@aitube/clap/-/clap-0.0.24.tgz",
-      "integrity": "sha512-iMmxyPmVh1LWNUlWKK2rRnCSZ/CLmBeb1ADNr5pj0dFI51NNezipYXjZv9dBOb5y3FKBkL+jbEcy7kQFgKHhpw==",
+      "version": "0.0.25",
+      "resolved": "https://registry.npmjs.org/@aitube/clap/-/clap-0.0.25.tgz",
+      "integrity": "sha512-d6LhvTavzYllVKPuE3YneS3dGh7RCol4fuFq90s4kHElNhha0dPuqscbVT/JWtsF/C2TUVAT393mM+a6BgLFQA==",
       "dependencies": {
         "pure-uuid": "^1.8.1"
       },
@@ -98,29 +106,29 @@
       }
     },
     "node_modules/@aitube/engine": {
-      "version": "0.0.15",
-      "resolved": "https://registry.npmjs.org/@aitube/engine/-/engine-0.0.15.tgz",
-      "integrity": "sha512-SxlTGOLHNPh93PY/hCXuNgCUWV7Uky9Q4mBKS4uA7+gReeYBT//x/sAWqIvV8MEj2dkx1Br3iTse1/rcVay49w==",
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@aitube/engine/-/engine-0.0.16.tgz",
+      "integrity": "sha512-vu6PlL3y6DKeeHRfy2N48nQF4Gbebket3PXT7Toc23CfxupuAbZKPr09VT9bTE9v0EpuhCeSW6lPuqWeBtSQew==",
       "peerDependencies": {
-        "@aitube/clap": "0.0.24"
+        "@aitube/clap": "0.0.25"
       }
     },
     "node_modules/@aitube/timeline": {
-      "version": "0.0.16",
-      "resolved": "https://registry.npmjs.org/@aitube/timeline/-/timeline-0.0.16.tgz",
-      "integrity": "sha512-Jva0nt7LC9XPwFR9yNfK/MnK7Qj/wWtR3nwkP1Xs5zH7U6I4Wm6D9cm4RpLs/nZ5nDZyPgJRuw0mX8Vq9CUQgQ==",
+      "version": "0.0.19",
+      "resolved": "https://registry.npmjs.org/@aitube/timeline/-/timeline-0.0.19.tgz",
+      "integrity": "sha512-CpgpVg875+KIERzrhM6zlejm3AbQ5shdFwSTYqLFtCtcH905EpK1WLbzmbuDWt/s9QYJEIRJOcE9iT78FfCJyw==",
       "dependencies": {
         "date-fns": "^3.6.0",
         "react-virtualized-auto-sizer": "^1.0.24"
       },
       "peerDependencies": {
-        "@aitube/clap": "0.0.24",
+        "@aitube/clap": "0.0.25",
         "@radix-ui/react-slider": "^1.1.2",
         "@react-spring/three": "^9.7.3",
         "@react-spring/types": "^9.7.3",
         "@react-three/drei": "^9.105.4",
         "@react-three/fiber": "^8.16.2",
-        "clsx": "^2.0.0",
+        "clsx": "^2.1.1",
         "react": "*",
         "react-dom": "*",
         "tailwind-merge": "^2.3.0",
@@ -1392,6 +1400,30 @@
       "resolved": "https://registry.npmjs.org/@mediapipe/tasks-vision/-/tasks-vision-0.10.8.tgz",
       "integrity": "sha512-Rp7ll8BHrKB3wXaRFKhrltwZl1CiXGdibPxuWXvqGnKTnv8fqa/nvftYNuSbf+pbJWKYCXdBtYTITdAUTGGh0Q=="
     },
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
+      "integrity": "sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==",
+      "dependencies": {
+        "state-local": "^1.0.6"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.21.0 < 1"
+      }
+    },
+    "node_modules/@monaco-editor/react": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.6.0.tgz",
+      "integrity": "sha512-RFkU9/i7cN2bsq/iTkurMWOEErmYcY6JiQI3Jn+WeR/FGISH8JbHERjpS9oRuSOPvDMJI0Z8nJeKkbOs9sBYQw==",
+      "dependencies": {
+        "@monaco-editor/loader": "^1.4.0"
+      },
+      "peerDependencies": {
+        "monaco-editor": ">= 0.25.0 < 1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/@monogrid/gainmap-js": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/@monogrid/gainmap-js/-/gainmap-js-3.0.5.tgz",
@@ -2735,6 +2767,21 @@
         "@babel/runtime": "^7.13.10"
       }
     },
+    "node_modules/@react-dnd/asap": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz",
+      "integrity": "sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A=="
+    },
+    "node_modules/@react-dnd/invariant": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-4.0.2.tgz",
+      "integrity": "sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw=="
+    },
+    "node_modules/@react-dnd/shallowequal": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
+      "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA=="
+    },
     "node_modules/@react-spring/animated": {
       "version": "9.7.3",
       "resolved": "https://registry.npmjs.org/@react-spring/animated/-/animated-9.7.3.tgz",
@@ -3035,6 +3082,14 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tailwindcss/container-queries": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
+      "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
+      "peerDependencies": {
+        "tailwindcss": ">=3.2.0"
+      }
+    },
     "node_modules/@tsconfig/node10": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz",
@@ -3065,11 +3120,30 @@
       "resolved": "https://registry.npmjs.org/@types/draco3d/-/draco3d-1.4.10.tgz",
       "integrity": "sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw=="
     },
+    "node_modules/@types/fs-extra": {
+      "version": "11.0.4",
+      "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.4.tgz",
+      "integrity": "sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==",
+      "optional": true,
+      "dependencies": {
+        "@types/jsonfile": "*",
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/json5": {
       "version": "0.0.29",
       "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
       "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
     },
+    "node_modules/@types/jsonfile": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.4.tgz",
+      "integrity": "sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/node": {
       "version": "20.12.7",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz",
@@ -3623,6 +3697,18 @@
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
+    "node_modules/automation-events": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/automation-events/-/automation-events-7.0.5.tgz",
+      "integrity": "sha512-Ni6vhZg0mKmVlew1kxWAzWL7QY1LYDdoYgp6yF9OHeskDrjyJp2SqoKoPQYeiMYjeIlbSpnxXm/JI55VcmX5Wg==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.2.0"
+      }
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.17",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
@@ -3783,9 +3869,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.23.1",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.1.tgz",
+      "integrity": "sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==",
       "funding": [
         {
           "type": "opencollective",
@@ -3801,10 +3887,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
+        "caniuse-lite": "^1.0.30001629",
+        "electron-to-chromium": "^1.4.796",
         "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "update-browserslist-db": "^1.0.16"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4673,6 +4759,16 @@
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
       "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
+    "node_modules/dnd-core": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz",
+      "integrity": "sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==",
+      "dependencies": {
+        "@react-dnd/asap": "^5.0.1",
+        "@react-dnd/invariant": "^4.0.1",
+        "redux": "^4.2.0"
+      }
+    },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
@@ -5459,6 +5555,18 @@
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
     },
+    "node_modules/fast-unique-numbers": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/fast-unique-numbers/-/fast-unique-numbers-9.0.5.tgz",
+      "integrity": "sha512-wVA1YcLQn0eAo4P1DXu4UI3wx68Llwm2/iCtpoOGuTi3jm/13KFYjCt3Nlq2fseSuyaBz43RKimj5G68GDzjjg==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "tslib": "^2.6.2"
+      },
+      "engines": {
+        "node": ">=18.2.0"
+      }
+    },
     "node_modules/fast-xml-parser": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.4.0.tgz",
@@ -6990,6 +7098,16 @@
         "num-sort": "^2.0.0"
       }
     },
+    "node_modules/mlt-xml": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mlt-xml/-/mlt-xml-2.0.2.tgz",
+      "integrity": "sha512-UkbC0IaWS1LAIAm99/UukRq1htYTgBsalxUtBAVMUJn7LZl6EqpziU7Sv6dgoeo1UtXsUkWBAc37gwHOdPkoJA=="
+    },
+    "node_modules/monaco-editor": {
+      "version": "0.49.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.49.0.tgz",
+      "integrity": "sha512-2I8/T3X/hLxB2oPHgqcNYUVdA/ZEFShT7IAujifIPMfKkNbLOqY8XCoyHCXrsdjb36dW9MwoTwBCFpXKMwNwaQ=="
+    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -7967,6 +8085,43 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-dnd": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz",
+      "integrity": "sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==",
+      "dependencies": {
+        "@react-dnd/invariant": "^4.0.1",
+        "@react-dnd/shallowequal": "^4.0.1",
+        "dnd-core": "^16.0.1",
+        "fast-deep-equal": "^3.1.3",
+        "hoist-non-react-statics": "^3.3.2"
+      },
+      "peerDependencies": {
+        "@types/hoist-non-react-statics": ">= 3.3.1",
+        "@types/node": ">= 12",
+        "@types/react": ">= 16",
+        "react": ">= 16.14"
+      },
+      "peerDependenciesMeta": {
+        "@types/hoist-non-react-statics": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-dnd-html5-backend": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz",
+      "integrity": "sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==",
+      "dependencies": {
+        "dnd-core": "^16.0.1"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
@@ -8215,6 +8370,14 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.6.tgz",
@@ -8630,9 +8793,9 @@
       }
     },
     "node_modules/sonner": {
-      "version": "1.4.41",
-      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.4.41.tgz",
-      "integrity": "sha512-uG511ggnnsw6gcn/X+YKkWPo5ep9il9wYi3QJxHsYe7yTZ4+cOd1wuodOUmOpFuXL+/RE3R04LczdNCDygTDgQ==",
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-1.5.0.tgz",
+      "integrity": "sha512-FBjhG/gnnbN6FY0jaNnqZOMmB73R+5IiyYAw8yBj7L54ER7HB3fOSE5OFiQiE2iXWxeXKvg6fIP4LtVppHEdJA==",
       "peerDependencies": {
         "react": "^18.0.0",
         "react-dom": "^18.0.0"
@@ -8657,6 +8820,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/standardized-audio-context": {
+      "version": "25.3.72",
+      "resolved": "https://registry.npmjs.org/standardized-audio-context/-/standardized-audio-context-25.3.72.tgz",
+      "integrity": "sha512-Dvwu2NuqafQqWxUWoo6G9ze/cvVNlFDpmIOA8XjuItrfR0h/REjgjoYCT3Y7nbkUJKGoz8SqqVzR7JATQV4XeQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "automation-events": "^7.0.5",
+        "tslib": "^2.6.2"
+      }
+    },
+    "node_modules/state-local": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w=="
+    },
     "node_modules/stats-gl": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/stats-gl/-/stats-gl-2.2.8.tgz",
@@ -9617,6 +9795,38 @@
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg=="
     },
+    "node_modules/web-audio-beat-detector": {
+      "version": "8.2.10",
+      "resolved": "https://registry.npmjs.org/web-audio-beat-detector/-/web-audio-beat-detector-8.2.10.tgz",
+      "integrity": "sha512-kVC0NLcuB/gPNr53TJR7zjasZpu3Uf+Ov5fBpHG0XsWaNVS9qZ+HY+J5pd1hD7BnaHH4CuYV7yaiRhjN41GaFQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "tslib": "^2.6.2",
+        "web-audio-beat-detector-broker": "^4.1.9",
+        "web-audio-beat-detector-worker": "^5.2.52"
+      }
+    },
+    "node_modules/web-audio-beat-detector-broker": {
+      "version": "4.1.9",
+      "resolved": "https://registry.npmjs.org/web-audio-beat-detector-broker/-/web-audio-beat-detector-broker-4.1.9.tgz",
+      "integrity": "sha512-4xT0qN8Bb09P8MiCvIvMzHs6fP/uMC+q9oO0VG3A0YjwWGhm97rrXO0vHAUSvE/bUzZyyESpJo4GmpGWqnK9iQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "fast-unique-numbers": "^9.0.5",
+        "standardized-audio-context": "^25.3.72",
+        "tslib": "^2.6.2",
+        "web-audio-beat-detector-worker": "^5.2.52"
+      }
+    },
+    "node_modules/web-audio-beat-detector-worker": {
+      "version": "5.2.52",
+      "resolved": "https://registry.npmjs.org/web-audio-beat-detector-worker/-/web-audio-beat-detector-worker-5.2.52.tgz",
+      "integrity": "sha512-+W8wHnho7ybSrllvDz5M/LpmjgapdG2Otnn66jYgycPJmj1U8RnLzyhFuonOpFMJc4437IVEEVKBAAXVTVmRzw==",
+      "dependencies": {
+        "@babel/runtime": "^7.24.5",
+        "tslib": "^2.6.2"
+      }
+    },
     "node_modules/web-streams-polyfill": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.3.3.tgz",
@@ -9859,9 +10069,9 @@
       "peer": true
     },
     "node_modules/yaml": {
-      "version": "2.4.3",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.3.tgz",
-      "integrity": "sha512-sntgmxj8o7DE7g/Qi60cqpLBA3HG3STcDA0kO+WfB05jEKhZMbY7umNm2rBpQvsmZ16/lPXCJGW2672dgOUkrg==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
+      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -9935,6 +10145,30 @@
           "optional": true
         }
       }
+    },
+    "node_modules/zx": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/zx/-/zx-8.1.2.tgz",
+      "integrity": "sha512-zkCiXKh8D/eo6r58OmJvO5mc2NthcSRvysb3fuS6VQlHPbEPBcxduRwM3m6ZfHj+7cLHcrahCnuO2TDAbW+6xw==",
+      "bin": {
+        "zx": "build/cli.js"
+      },
+      "engines": {
+        "node": ">= 12.17.0"
+      },
+      "optionalDependencies": {
+        "@types/fs-extra": "^11.0.4",
+        "@types/node": ">=20.12.12"
+      }
+    },
+    "node_modules/zx/node_modules/@types/node": {
+      "version": "20.14.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.2.tgz",
+      "integrity": "sha512-xyu6WAMVwv6AKFLB+e/7ySZVr/0zLCzOa7rSpq6jNwpqOrUbcACDWC+53d4n2QHOnDou0fbIsg8wZu/sxrnI4Q==",
+      "optional": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@jbilcke-hf/clapper",
-  "version": "0.0.3",
+  "name": "@aitube/clapper",
+  "version": "0.0.0",
   "private": true,
   "description": "🎬 Clapper",
   "scripts": {
@@ -10,9 +10,9 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@aitube/clap": "0.0.24",
-    "@aitube/engine": "0.0.15",
-    "@aitube/timeline": "0.0.16",
+    "@aitube/clap": "0.0.25",
+    "@aitube/engine": "0.0.16",
+    "@aitube/timeline": "0.0.19",
     "@fal-ai/serverless-client": "^0.10.3",
     "@huggingface/hub": "^0.15.1",
     "@huggingface/inference": "^2.7.0",
@@ -20,6 +20,7 @@
     "@langchain/core": "^0.2.6",
     "@langchain/groq": "^0.0.12",
     "@langchain/openai": "^0.1.1",
+    "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -46,6 +47,7 @@
     "@react-three/fiber": "^8.16.6",
     "@react-three/uikit": "^0.3.4",
     "@react-three/uikit-lucide": "^0.3.4",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@types/node": "20.12.7",
     "@types/react": "18.3.0",
     "@types/react-dom": "18.3.0",
@@ -59,6 +61,8 @@
     "eslint": "8.57.0",
     "eslint-config-next": "14.1.0",
     "lucide-react": "^0.334.0",
+    "mlt-xml": "^2.0.2",
+    "monaco-editor": "^0.49.0",
     "next": "^14.2.3",
     "next-themes": "^0.2.1",
     "postcss": "8.4.38",
@@ -66,6 +70,8 @@
     "query-string": "^9.0.0",
     "react": "^18.3.1",
     "react-device-frameset": "^1.3.4",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^18.3.1",
     "react-drag-drop-files": "^2.3.10",
     "react-hook-consent": "^3.5.3",
@@ -84,7 +90,9 @@
     "use-file-picker": "^2.1.2",
     "usehooks-ts": "^2.14.0",
     "uuid": "^9.0.1",
+    "web-audio-beat-detector": "^8.2.10",
     "yaml": "^2.4.2",
-    "zustand": "^4.5.2"
+    "zustand": "^4.5.2",
+    "zx": "^8.1.2"
   }
 }

public/favicon/manifest.json

@@ -1,41 +0,0 @@
-{
-	"name": "pollo",
-	"icons": [
-		{
-			"src": "\/favicon-36.png",
-			"sizes": "36x36",
-			"type": "image\/png",
-			"density": 0.75
-		},
-		{
-			"src": "\/favicon-48.png",
-			"sizes": "48x48",
-			"type": "image\/png",
-			"density": 1
-		},
-		{
-			"src": "\/favicon-72.png",
-			"sizes": "72x72",
-			"type": "image\/png",
-			"density": 1.5
-		},
-		{
-			"src": "\/favicon-96.png",
-			"sizes": "96x96",
-			"type": "image\/png",
-			"density": 2
-		},
-		{
-			"src": "\/favicon-144.png",
-			"sizes": "144x144",
-			"type": "image\/png",
-			"density": 3
-		},
-		{
-			"src": "\/favicon-192.png",
-			"sizes": "192x192",
-			"type": "image\/png",
-			"density": 4
-		}
-	]
-}

src/app/fonts.ts

@@ -1,3 +0,0 @@
-import { Inter } from 'next/font/google'
-
-export const inter = Inter({ subsets: ['latin'] })

src/app/fonts/index.ts

@@ -0,0 +1,23 @@
+import localFont from "next/font/local"
+import { Inter } from 'next/font/google'
+
+export const inter = Inter({ subsets: ['latin'] })
+
+// note: this one is an "italic" digital display font
+export const clock = localFont({
+  src: "./alarm-clock/alarm-clock.woff2",
+  variable: "--font-clock"
+})
+
+export const fonts = {
+  clock,
+  inter
+}
+
+export const fontList = Object.keys(fonts)
+export type FontName = keyof typeof fonts
+export const classNames = Object.values(fonts).map(font => font.className)
+export const className = classNames.join(" ")
+export type FontClass =
+  | "font-clock"
+  | "font-inter"

src/app/layout.tsx

@@ -8,8 +8,8 @@ import type { Metadata } from 'next'
 import { inter } from './fonts'
 
 export const metadata: Metadata = {
-  title: '🎬 Clapper',
-  description: '🎬 Clapper',
+  title: 'Clapper',
+  description: 'Clapper - The free and open-source AI Video Editor',
 }
 
 export default function RootLayout({

src/app/logo-v2.xcf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c05b74fade5a3fc56783d47586c70a32986751b9e60ffed56cd52da7d64a895c
+size 2025250