fix for the counter

src/app/main.tsx

@@ -13,7 +13,7 @@ import { TextareaField } from "@/components/form/textarea-field"
 import { cn, generateRandomStory } from "@/lib/utils"
 import { defaultPrompt } from "./config"
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"
-import { useOrientation, useProgressTimer, useQueryStringParams, useStoryPromptDraft } from "@/lib/hooks"
+import { useIsBusy, useOrientation, useProgressTimer, useQueryStringParams, useStoryPromptDraft } from "@/lib/hooks"
 import { BottomBar, VideoPreview } from "@/components/interface"
 import { MainTitle } from "@/components/interface/main-title"
 import { LoadClapButton } from "@/components/interface/load-clap-button"
@@ -23,7 +23,7 @@ import { Characters } from "@/components/interface/characters"
 
 export function Main() {
   const { storyPromptDraft, setStoryPromptDraft, promptDraftRef } = useStoryPromptDraft()
-  const  { isBusy } = useProgressTimer()
+  const  { isBusy } = useIsBusy()
   const { orientation, toggleOrientation } = useOrientation()
   const { handleSubmit } = useProcessors()
   useQueryStringParams()

src/lib/hooks/useProgressTimer.ts

@@ -11,7 +11,9 @@ export function useProgressTimer() {
   const { isBusy, busyRef } = useIsBusy()
 
   const timerFn = async () => {
-    const { isBusy, progress, stage } = useStore.getState()
+    const { progress, stage } = useStore.getState()
+
+    let isBusy = busyRef.current
 
     clearTimeout(timerRef.current)
     if (!isBusy || stage === "idle") {
@@ -34,10 +36,19 @@ export function useProgressTimer() {
     timerRef.current = setTimeout(timerFn, 1600)
   }
 
+  // const running = useRef(false)
+
   useEffect(() => {
     timerFn()
     clearTimeout(timerRef.current)
-    if (!isBusy) { return }
+    let isBusy = busyRef.current
+    if (!isBusy) {
+      return
+    }/* else if (running.current) {
+      return
+    }
+    */
+    // running.current = true
     timerRef.current = setTimeout(timerFn, 0)
   }, [isBusy])