hunk.code_window: import { useMatch } from 'react-router';
   import { RadixCheckbox, Select, SelectOption, Slider, tw, z } from '@sd/ui';
   import { getExplorerLayoutStore, useExplorerLayoutStore } from '~/../packages/client/src';
   import { SortOrderSchema } from '~/app/route-schemas';
  
hunk.labels: replace keep keep keep
hunk.file_path: interface/app/$libraryId/Explorer/OptionsPanel.tsx
hunk.type: replace
file: import { createRef } from 'react';
  import { proxy, ref, useSnapshot } from 'valtio';
  import { ExplorerItem } from '@sd/client';
  import { ModalRef } from '~/components/layout/Modal';
  
  export const actionsModalStore = proxy({
  	modalRef: ref(createRef<ModalRef>()),
  	data: null as ExplorerItem | null,
  	setData: (data: ExplorerItem) => {
  		actionsModalStore.data = data;
  	}
  });
  
  export function useActionsModalStore() {
  	return useSnapshot(actionsModalStore);
  }
  