diff --git a/src/components/Sing/sequencerStateMachine/common.ts b/src/composables/sequencerStateMachine/common.ts
similarity index 100%
rename from src/components/Sing/sequencerStateMachine/common.ts
rename to src/composables/sequencerStateMachine/common.ts
diff --git a/src/components/Sing/sequencerStateMachine/states/addNoteState.ts b/src/composables/sequencerStateMachine/states/addNoteState.ts
similarity index 98%
rename from src/components/Sing/sequencerStateMachine/states/addNoteState.ts
rename to src/composables/sequencerStateMachine/states/addNoteState.ts
index 4c4f9c8273..41dbe89269 100644
--- a/src/components/Sing/sequencerStateMachine/states/addNoteState.ts
+++ b/src/composables/sequencerStateMachine/states/addNoteState.ts
@@ -5,7 +5,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { NoteId, TrackId } from "@/type/preload";
 import { Note } from "@/store/type";
 import {
diff --git a/src/components/Sing/sequencerStateMachine/states/drawPitchState.ts b/src/composables/sequencerStateMachine/states/drawPitchState.ts
similarity index 99%
rename from src/components/Sing/sequencerStateMachine/states/drawPitchState.ts
rename to src/composables/sequencerStateMachine/states/drawPitchState.ts
index 43d7114013..8ff036a7da 100644
--- a/src/components/Sing/sequencerStateMachine/states/drawPitchState.ts
+++ b/src/composables/sequencerStateMachine/states/drawPitchState.ts
@@ -4,7 +4,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { TrackId } from "@/type/preload";
 import {
   applyGaussianFilter,
diff --git a/src/components/Sing/sequencerStateMachine/states/erasePitchState.ts b/src/composables/sequencerStateMachine/states/erasePitchState.ts
similarity index 98%
rename from src/components/Sing/sequencerStateMachine/states/erasePitchState.ts
rename to src/composables/sequencerStateMachine/states/erasePitchState.ts
index 2229ea52a5..1c218887b4 100644
--- a/src/components/Sing/sequencerStateMachine/states/erasePitchState.ts
+++ b/src/composables/sequencerStateMachine/states/erasePitchState.ts
@@ -4,7 +4,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { TrackId } from "@/type/preload";
 import { getButton } from "@/sing/viewHelper";
 
diff --git a/src/components/Sing/sequencerStateMachine/states/idleState.ts b/src/composables/sequencerStateMachine/states/idleState.ts
similarity index 98%
rename from src/components/Sing/sequencerStateMachine/states/idleState.ts
rename to src/composables/sequencerStateMachine/states/idleState.ts
index 6221b53ef1..af4f93b04c 100644
--- a/src/components/Sing/sequencerStateMachine/states/idleState.ts
+++ b/src/composables/sequencerStateMachine/states/idleState.ts
@@ -5,7 +5,7 @@ import {
   getGuideLineTicks,
   Input,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { getButton, isSelfEventTarget } from "@/sing/viewHelper";
 import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
 
diff --git a/src/components/Sing/sequencerStateMachine/states/moveNoteState.ts b/src/composables/sequencerStateMachine/states/moveNoteState.ts
similarity index 99%
rename from src/components/Sing/sequencerStateMachine/states/moveNoteState.ts
rename to src/composables/sequencerStateMachine/states/moveNoteState.ts
index 5a9f607662..558bbc963a 100644
--- a/src/components/Sing/sequencerStateMachine/states/moveNoteState.ts
+++ b/src/composables/sequencerStateMachine/states/moveNoteState.ts
@@ -10,7 +10,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 
 export class MoveNoteState
   implements State<SequencerStateDefinitions, Input, Context>
diff --git a/src/components/Sing/sequencerStateMachine/states/resizeNoteLeftState.ts b/src/composables/sequencerStateMachine/states/resizeNoteLeftState.ts
similarity index 99%
rename from src/components/Sing/sequencerStateMachine/states/resizeNoteLeftState.ts
rename to src/composables/sequencerStateMachine/states/resizeNoteLeftState.ts
index 62e05a63bb..12ed07aa05 100644
--- a/src/components/Sing/sequencerStateMachine/states/resizeNoteLeftState.ts
+++ b/src/composables/sequencerStateMachine/states/resizeNoteLeftState.ts
@@ -9,7 +9,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { clamp } from "@/sing/utility";
 
 export class ResizeNoteLeftState
diff --git a/src/components/Sing/sequencerStateMachine/states/resizeNoteRightState.ts b/src/composables/sequencerStateMachine/states/resizeNoteRightState.ts
similarity index 99%
rename from src/components/Sing/sequencerStateMachine/states/resizeNoteRightState.ts
rename to src/composables/sequencerStateMachine/states/resizeNoteRightState.ts
index cec0446a78..ced2cec143 100644
--- a/src/components/Sing/sequencerStateMachine/states/resizeNoteRightState.ts
+++ b/src/composables/sequencerStateMachine/states/resizeNoteRightState.ts
@@ -7,7 +7,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { Note } from "@/store/type";
 import { getOrThrow } from "@/helpers/mapHelper";
 
diff --git a/src/components/Sing/sequencerStateMachine/states/selectNotesWithRectState.ts b/src/composables/sequencerStateMachine/states/selectNotesWithRectState.ts
similarity index 98%
rename from src/components/Sing/sequencerStateMachine/states/selectNotesWithRectState.ts
rename to src/composables/sequencerStateMachine/states/selectNotesWithRectState.ts
index 44d3785106..405594fc0d 100644
--- a/src/components/Sing/sequencerStateMachine/states/selectNotesWithRectState.ts
+++ b/src/composables/sequencerStateMachine/states/selectNotesWithRectState.ts
@@ -4,7 +4,7 @@ import {
   Input,
   PositionOnSequencer,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { getButton } from "@/sing/viewHelper";
 import { isOnCommandOrCtrlKeyDown } from "@/store/utility";
 import { NoteId } from "@/type/preload";
diff --git a/src/components/Sing/sequencerStateMachine/stateMachine.ts b/src/composables/sequencerStateMachine/useSequencerStateMachine.ts
similarity index 69%
rename from src/components/Sing/sequencerStateMachine/stateMachine.ts
rename to src/composables/sequencerStateMachine/useSequencerStateMachine.ts
index 1390b798cb..71b7d632a5 100644
--- a/src/components/Sing/sequencerStateMachine/stateMachine.ts
+++ b/src/composables/sequencerStateMachine/useSequencerStateMachine.ts
@@ -6,18 +6,18 @@ import {
   PartialStore,
   Refs,
   SequencerStateDefinitions,
-} from "@/components/Sing/sequencerStateMachine/common";
+} from "@/composables/sequencerStateMachine/common";
 import { getNoteDuration } from "@/sing/domain";
 import { StateMachine } from "@/sing/stateMachine";
 
-import { IdleState } from "@/components/Sing/sequencerStateMachine/states/idleState";
-import { AddNoteState } from "@/components/Sing/sequencerStateMachine/states/addNoteState";
-import { MoveNoteState } from "@/components/Sing/sequencerStateMachine/states/moveNoteState";
-import { ResizeNoteLeftState } from "@/components/Sing/sequencerStateMachine/states/resizeNoteLeftState";
-import { ResizeNoteRightState } from "@/components/Sing/sequencerStateMachine/states/resizeNoteRightState";
-import { SelectNotesWithRectState } from "@/components/Sing/sequencerStateMachine/states/selectNotesWithRectState";
-import { DrawPitchState } from "@/components/Sing/sequencerStateMachine/states/drawPitchState";
-import { ErasePitchState } from "@/components/Sing/sequencerStateMachine/states/erasePitchState";
+import { IdleState } from "@/composables/sequencerStateMachine/states/idleState";
+import { AddNoteState } from "@/composables/sequencerStateMachine/states/addNoteState";
+import { MoveNoteState } from "@/composables/sequencerStateMachine/states/moveNoteState";
+import { ResizeNoteLeftState } from "@/composables/sequencerStateMachine/states/resizeNoteLeftState";
+import { ResizeNoteRightState } from "@/composables/sequencerStateMachine/states/resizeNoteRightState";
+import { SelectNotesWithRectState } from "@/composables/sequencerStateMachine/states/selectNotesWithRectState";
+import { DrawPitchState } from "@/composables/sequencerStateMachine/states/drawPitchState";
+import { ErasePitchState } from "@/composables/sequencerStateMachine/states/erasePitchState";
 
 export const useSequencerStateMachine = (store: PartialStore) => {
   const computedRefs: ComputedRefs = {