add flying window mode

Author: jbilcke-hf

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "clapper",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "private": true,
   "description": "🎬 Clapper",
   "license": "GPL-3.0-only",
@@ -38,9 +38,9 @@
   "dependencies": {
     "@aitube/broadway": "0.1.2",
     "@aitube/clap": "0.1.2",
-    "@aitube/clapper-services": "0.1.2-4",
+    "@aitube/clapper-services": "0.1.2-7",
     "@aitube/engine": "0.1.2",
-    "@aitube/timeline": "0.1.2-0",
+    "@aitube/timeline": "0.1.2-1",
     "@fal-ai/serverless-client": "^0.13.0",
     "@ffmpeg/ffmpeg": "^0.12.10",
     "@ffmpeg/util": "^0.12.1",

package.json

@@ -11,10 +11,12 @@ import { Monitor } from '@/components/monitor'
 import { SettingsDialog } from '@/components/settings'
 import { LoadingDialog } from '@/components/dialogs/loader/LoadingDialog'
 import { TopBar } from '@/components/toolbars/top-bar'
+import { useTheme } from '@/services'
 
 export function Embed() {
   const ref = useRef<HTMLDivElement>(null)
   const isEmpty = useTimeline((s) => s.isEmpty)
+  const theme = useTheme()
 
   return (
     <TooltipProvider>
@@ -23,10 +25,7 @@ export function Embed() {
         className={cn(
           `dark fixed flex h-screen w-screen select-none flex-col items-center justify-center overflow-hidden font-light text-stone-900/90 dark:text-stone-100/90`
         )}
-        style={{
-          backgroundImage:
-            'repeating-radial-gradient( circle at 0 0, transparent 0, #000000 7px ), repeating-linear-gradient( #37353455, #373534 )',
-        }}
+        style={{ backgroundImage: theme.wallpaperBgImage }}
       >
         <TopBar />
         <div

src/app/embed/embed.tsx

@@ -23,8 +23,6 @@ export default function RootLayout({
         className={cn(`overflow-none dark h-full w-full`, inter.className)}
         style={{
           overscrollBehaviorX: 'none',
-          backgroundImage:
-            'repeating-radial-gradient( circle at 0 0, transparent 0, #000000 7px ), repeating-linear-gradient( #37353455, #373534 )',
         }}
       >
         {children}