More bug fixes

app/pages/PageEnigma/comps/Timeline/RowHeaders/CameraHeader.tsx

@@ -12,7 +12,7 @@ export function CameraHeader() {
           fill="white"
         />
       </svg>
-      Global Audio
+      Camera
     </>
   );
 }

app/pages/PageEnigma/comps/Timeline/RowHeaders/RowHeaders.tsx

@@ -21,9 +21,9 @@ export const RowHeaders = () => {
   useSignals();
 
   const compressedHeaderClasses =
-    "flex h-[35px] items-center gap-2 pl-2 text-xs font-medium text-white";
+    "flex h-[35px] items-center gap-2 pl-2 text-xs rounded-tl-lg font-medium text-white";
   const uncompressedHeaderClasses =
-    "flex h-[35px] items-center gap-2 rounded-br-lg pl-2 text-xs font-medium text-white";
+    "flex h-[35px] items-center gap-2 rounded-br-lg rounded-tl-lg pl-2 text-xs font-medium text-white";
 
   return (
     <div className="relative">
@@ -63,7 +63,7 @@ export const RowHeaders = () => {
                 Animation
               </div>
               <div className="mb-3 flex h-[36px] flex-col justify-center pl-[22px] text-xs font-medium text-white opacity-80">
-                Transition
+                Movement
               </div>
               <div className="flex h-[36px] flex-col justify-center pl-[22px] text-xs font-medium text-white opacity-80">
                 <div className="flex gap-3">

app/pages/PageEnigma/comps/Timeline/Scrubber.tsx

@@ -1,13 +1,10 @@
 import {
   currentTime,
-  fullHeight,
   scale,
   stylizeScrollX,
   timelineHeight,
   timelineScrollX,
 } from "~/pages/PageEnigma/store";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSortDown } from "@fortawesome/pro-solid-svg-icons";
 import { useMouseEventsScrubber } from "~/pages/PageEnigma/comps/Timeline/utils/useMouseEventsScrubber";
 import { useSignals } from "@preact/signals-react/runtime";
 import { Pages } from "~/pages/PageEnigma/constants/page";
@@ -32,7 +29,7 @@ export const Scrubber = ({ page }: Props) => {
       className="absolute flex cursor-ew-resize flex-col items-center text-brand-primary"
       style={{
         top: 16,
-        left: displayTime * 4 * scale.value + 201 - scrollX,
+        left: displayTime * 4 * scale.value + 199 - scrollX,
       }}
       onPointerDown={onPointerDown}>
       <div>

app/pages/PageEnigma/comps/Timeline/TrackKeyFrame.tsx

@@ -40,7 +40,7 @@ export const TrackKeyFrame = ({ keyframe, updateKeyframe }: Props) => {
           : "bg-keyframe-unselected",
       ].join(" ")}
       style={{
-        left: displayOffset * 4 * scale.value - 2,
+        left: displayOffset * 4 * scale.value - 5,
       }}
       onPointerDown={(event) => onPointerDown(event, "drag")}
       onClick={(event) => {

app/pages/PageEnigma/comps/Timeline/utils/useTimelineClick.ts

@@ -3,6 +3,7 @@ import {
   currentTime,
   filmLength,
   scale,
+  selectedItem,
   stylizeScrollX,
   timelineScrollX,
 } from "~/pages/PageEnigma/store";
@@ -25,6 +26,7 @@ export default function useTimelineClick(page: Pages) {
     if (newTime > max) {
       return;
     }
+    selectedItem.value = null;
     currentTime.value = newTime;
     Queue.publish({
       queueName: QueueNames.TO_ENGINE,