fix: linter errors

src/components/KGOnePanel.tsx

@@ -14,7 +14,7 @@ import { sliceAudioToWav } from '../util/audioUtil';
 import type { KeySignature } from '../core/KGProject';
 import { ImportStemsCommand } from '../core/commands';
 import type { StemImportEntry } from '../core/commands';
-import { showAlert } from './common/DialogProvider';
+import { showAlert } from '../util/dialogUtil';
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 

src/components/Toolbar.tsx

@@ -33,7 +33,7 @@ import { clearChatHistoryAndUI } from '../util/chatUtil';
 import PianoIcon from './common/icons/PianoIcon';
 import MetronomeIcon from './common/icons/MetronomeIcon';
 import { ConfigManager } from '../core/config/ConfigManager';
-import { showAlert, showConfirm, showPrompt, showTimeSigPrompt } from './common/DialogProvider';
+import { showAlert, showConfirm, showPrompt, showTimeSigPrompt } from '../util/dialogUtil';
 
 const Toolbar: React.FC = () => {
   const {

src/components/common/DialogProvider.tsx

@@ -1,60 +1,8 @@
 import React, { useState, useCallback, useRef } from 'react';
 import './DialogProvider.css';
 import { FaTimes } from 'react-icons/fa';
-
-export interface ConfirmOptions {
-  confirmLabel?: string;
-  cancelLabel?: string;
-}
-
-export interface PromptOptions {
-  confirmLabel?: string;
-  cancelLabel?: string;
-  placeholder?: string;
-}
-
-export interface TimeSigResult {
-  numerator: number;
-  denominator: number;
-}
-
-let _showAlertFn: ((message: string) => Promise<void>) | null = null;
-let _showConfirmFn: ((message: string, options?: ConfirmOptions) => Promise<boolean>) | null = null;
-let _showPromptFn: ((message: string, defaultValue?: string, options?: PromptOptions) => Promise<string | null>) | null = null;
-let _showTimeSigFn: ((message: string, defaultValue?: TimeSigResult) => Promise<TimeSigResult | null>) | null = null;
-
-export function showAlert(message: string): Promise<void> {
-  if (!_showAlertFn) {
-    window.alert(message);
-    return Promise.resolve();
-  }
-  return _showAlertFn(message);
-}
-
-export function showConfirm(message: string, options?: ConfirmOptions): Promise<boolean> {
-  if (!_showConfirmFn) {
-    return Promise.resolve(window.confirm(message));
-  }
-  return _showConfirmFn(message, options);
-}
-
-export function showPrompt(message: string, defaultValue?: string, options?: PromptOptions): Promise<string | null> {
-  if (!_showPromptFn) {
-    return Promise.resolve(window.prompt(message, defaultValue));
-  }
-  return _showPromptFn(message, defaultValue, options);
-}
-
-export function showTimeSigPrompt(message: string, defaultValue?: TimeSigResult): Promise<TimeSigResult | null> {
-  if (!_showTimeSigFn) {
-    const raw = window.prompt(message, defaultValue ? `${defaultValue.numerator}/${defaultValue.denominator}` : '4/4');
-    if (!raw) return Promise.resolve(null);
-    const [n, d] = raw.split('/').map(Number);
-    if (!n || !d) return Promise.resolve(null);
-    return Promise.resolve({ numerator: n, denominator: d });
-  }
-  return _showTimeSigFn(message, defaultValue);
-}
+import { registerDialogFns } from '../../util/dialogUtil';
+import type { ConfirmOptions, PromptOptions, TimeSigResult } from '../../util/dialogUtil';
 
 interface DialogInfo {
   type: 'alert' | 'confirm' | 'prompt' | 'timesig';
@@ -129,10 +77,7 @@ const DialogProvider: React.FC<{ children: React.ReactNode }> = ({ children }) =
   const registered = useRef(false);
   if (!registered.current) {
     registered.current = true;
-    _showAlertFn = openAlert;
-    _showConfirmFn = openConfirm;
-    _showPromptFn = openPrompt;
-    _showTimeSigFn = openTimeSig;
+    registerDialogFns(openAlert, openConfirm, openPrompt, openTimeSig);
   }
 
   if (!dialog) {

src/components/common/FileImportModal.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState } from 'react';
 import './FileImportModal.css';
 import { FaTimes } from 'react-icons/fa';
-import { showAlert } from './DialogProvider';
+import { showAlert } from '../../util/dialogUtil';
 
 interface FileImportModalProps {
   isVisible: boolean;

src/components/common/OpenProjectModal.tsx

@@ -3,7 +3,7 @@ import { FaTimes, FaSortUp, FaSortDown, FaCopy, FaTrash, FaUndo } from 'react-ic
 import { KGProjectStorage, type ProjectMeta } from '../../core/io/KGProjectStorage';
 import { isValidProjectName } from '../../util/projectNameUtil';
 import './OpenProjectModal.css';
-import { showAlert, showConfirm, showPrompt } from './DialogProvider';
+import { showAlert, showConfirm, showPrompt } from '../../util/dialogUtil';
 
 interface OpenProjectModalProps {
   onClose: () => void;

src/components/common/index.ts

@@ -3,5 +3,6 @@ export { default as Playhead } from './Playhead';
 export { default as FileImportModal } from './FileImportModal'; 
 export { default as LoadingOverlay } from './LoadingOverlay';
 export { default as OpenProjectModal } from './OpenProjectModal';
-export { default as DialogProvider, showAlert, showConfirm, showPrompt, showTimeSigPrompt } from './DialogProvider';
-export type { ConfirmOptions, PromptOptions, TimeSigResult } from './DialogProvider';
+export { default as DialogProvider } from './DialogProvider';
+export { showAlert, showConfirm, showPrompt, showTimeSigPrompt } from '../../util/dialogUtil';
+export type { ConfirmOptions, PromptOptions, TimeSigResult } from '../../util/dialogUtil';

src/components/piano-roll/PianoRoll.tsx

@@ -15,7 +15,7 @@ import { ConfigManager } from '../../core/config/ConfigManager';
 import { beatsToBar } from '../../util/midiUtil';
 import { UpdateRegionCommand } from '../../core/commands';
 import { getSuitableChords, noteNameToPitchClass } from '../../util/scaleUtil';
-import { showAlert, showPrompt } from '../common/DialogProvider';
+import { showAlert, showPrompt } from '../../util/dialogUtil';
 
 interface PianoRollProps {
   onClose: () => void;

src/components/settings/sections/ChordGuideSettings.tsx

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from 'react';
 import { ConfigManager } from '../../../core/config/ConfigManager';
 import { validateFunctionalChordsJSON } from '../../../util/scaleUtil';
 import { KGCore } from '../../../core/KGCore';
-import { showAlert } from '../../common/DialogProvider';
+import { showAlert } from '../../../util/dialogUtil';
 
 const ChordGuideSettings: React.FC = () => {
   const [chordDefinition, setChordDefinition] = useState<string>('');

src/components/track/TrackGridPanel.tsx

@@ -13,7 +13,7 @@ import { KGAudioInterface } from '../../core/audio-interface/KGAudioInterface';
 import { KGAudioRegion } from '../../core/region/KGAudioRegion';
 import { generateNewRegionName } from '../../util/miscUtil';
 import { KGAudioFileStorage } from '../../core/io/KGAudioFileStorage';
-import { showAlert } from '../common/DialogProvider';
+import { showAlert } from '../../util/dialogUtil';
 import { parseMidiFirstTrackNotes } from '../../util/midiUtil';
 import * as Tone from 'tone';
 

src/components/track/TrackInfoItem.tsx

@@ -12,7 +12,7 @@ import { FLUIDR3_INSTRUMENT_MAP } from '../../constants/generalMidiConstants';
 import { DEBUG_MODE } from '../../constants/uiConstants';
 import { KGAudioInterface } from '../../core/audio-interface/KGAudioInterface';
 import { AUDIO_INTERFACE_CONSTANTS } from '../../constants/coreConstants';
-import { showAlert, showConfirm, showPrompt } from '../common/DialogProvider';
+import { showAlert, showConfirm, showPrompt } from '../../util/dialogUtil';
 
 const UNITY_POS = 750;
 const SLIDER_MAX = 1000;