Function commit

packages/studio/src/components/Controls/TimecodeDisplay.tsx:39–72

()

  };

  const commit = () => {
    if (!inputValue.trim()) {
      setIsEditing(false);
      return;
    }

    let targetFrame = frame;

    try {
      if (inputValue.includes(':')) {
        // Parse as timecode
        targetFrame = timecodeToFrames(inputValue, fps);
      } else {
        // Parse as frame number
        const parsed = parseInt(inputValue, 10);
        if (!isNaN(parsed)) {
          targetFrame = parsed;
        }
      }
    } catch (e) {
      console.warn('Invalid timecode input:', inputValue);
      // Revert on error
      setIsEditing(false);
      return;
    }

    // Clamp
    targetFrame = Math.max(0, Math.min(targetFrame, totalFrames));

    if (targetFrame !== frame) {
      onChange(targetFrame);
    }
    setIsEditing(false);
  };

  const handleKeyDown = (e: React.KeyboardEvent) => {
    if (e.key === 'Enter') {