Reorganize ts/components directory

optuna_dashboard/ts/components/DeleteArtifactDialog.tsx → optuna_dashboard/ts/components/Artifact/DeleteArtifactDialog.tsx

@@ -7,7 +7,7 @@ import {
   Button,
   DialogActions,
 } from "@mui/material"
-import { actionCreator } from "../action"
+import { actionCreator } from "../../action"
 
 export const useDeleteTrialArtifactDialog = (): [
   (studyId: number, trialId: number, artifact: Artifact) => void,

optuna_dashboard/ts/components/StudyArtifactCards.tsx → optuna_dashboard/ts/components/Artifact/StudyArtifactCards.tsx

@@ -20,7 +20,7 @@ import DownloadIcon from "@mui/icons-material/Download"
 import DeleteIcon from "@mui/icons-material/Delete"
 import FullscreenIcon from "@mui/icons-material/Fullscreen"
 
-import { actionCreator } from "../action"
+import { actionCreator } from "../../action"
 import { useDeleteStudyArtifactDialog } from "./DeleteArtifactDialog"
 import {
   useThreejsArtifactModal,

optuna_dashboard/ts/components/TrialArtifactCards.tsx → optuna_dashboard/ts/components/Artifact/TrialArtifactCards.tsx

@@ -20,7 +20,7 @@ import DownloadIcon from "@mui/icons-material/Download"
 import DeleteIcon from "@mui/icons-material/Delete"
 import FullscreenIcon from "@mui/icons-material/Fullscreen"
 
-import { actionCreator } from "../action"
+import { actionCreator } from "../../action"
 import { useDeleteTrialArtifactDialog } from "./DeleteArtifactDialog"
 import {
   useThreejsArtifactModal,

optuna_dashboard/ts/components/PreferentialAnalytics.tsx → optuna_dashboard/ts/components/Preferential/PreferentialAnalytics.tsx

@@ -8,10 +8,10 @@ import {
   useTheme,
 } from "@mui/material"
 import Grid2 from "@mui/material/Unstable_Grid2"
-import { DataGrid, DataGridColumn } from "./DataGrid"
-import { BestTrialsCard } from "./BestTrialsCard"
-import { useStudyDetailValue, useStudySummaryValue } from "../state"
-import { Contour } from "./GraphContour"
+import { DataGrid, DataGridColumn } from "../DataGrid"
+import { BestTrialsCard } from "../BestTrialsCard"
+import { useStudyDetailValue, useStudySummaryValue } from "../../state"
+import { Contour } from "../GraphContour"
 
 export const PreferentialAnalytics: FC<{ studyId: number }> = ({ studyId }) => {
   const theme = useTheme()

optuna_dashboard/ts/components/PreferentialGraph.tsx → optuna_dashboard/ts/components/Preferential/PreferentialGraph.tsx

@@ -23,7 +23,7 @@ import "reactflow/dist/style.css"
 import ELK from "elkjs/lib/elk.bundled.js"
 import { ElkNode } from "elkjs/lib/elk-api.js"
 
-import { useStudyDetailValue } from "../state"
+import { useStudyDetailValue } from "../../state"
 import { getArtifactUrlPath } from "./PreferentialTrials"
 import { PreferentialOutputComponent } from "./PreferentialOutputComponent"
 

optuna_dashboard/ts/components/PreferenceHistory.tsx → optuna_dashboard/ts/components/Preferential/PreferentialHistory.tsx

@@ -15,11 +15,11 @@ import DeleteIcon from "@mui/icons-material/Delete"
 import Modal from "@mui/material/Modal"
 import { red } from "@mui/material/colors"
 
-import { TrialListDetail } from "./TrialList"
+import { TrialListDetail } from "../TrialList"
 import { getArtifactUrlPath } from "./PreferentialTrials"
-import { formatDate } from "../dateUtil"
-import { actionCreator } from "../action"
-import { useStudyDetailValue } from "../state"
+import { formatDate } from "../../dateUtil"
+import { actionCreator } from "../../action"
+import { useStudyDetailValue } from "../../state"
 import { PreferentialOutputComponent } from "./PreferentialOutputComponent"
 
 type TrialType = "worst" | "none"
@@ -252,7 +252,7 @@ const ChoiceTrials: FC<{
   )
 }
 
-export const PreferenceHistory: FC<{ studyDetail: StudyDetail | null }> = ({
+export const PreferentialHistory: FC<{ studyDetail: StudyDetail | null }> = ({
   studyDetail,
 }) => {
   if (

optuna_dashboard/ts/components/PreferentialOutputComponent.tsx → optuna_dashboard/ts/components/Preferential/PreferentialOutputComponent.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useMemo } from "react"
-import { ArtifactCardMedia } from "./ArtifactCardMedia"
-import { MarkdownRenderer } from "./Note"
+import { ArtifactCardMedia } from "../Artifact/ArtifactCardMedia"
+import { MarkdownRenderer } from "../Note"
 
 export const PreferentialOutputComponent: FC<{
   trial: Trial

optuna_dashboard/ts/components/PreferentialTrials.tsx → optuna_dashboard/ts/components/Preferential/PreferentialTrials.tsx

@@ -27,12 +27,12 @@ import ClearIcon from "@mui/icons-material/Clear"
 import SettingsIcon from "@mui/icons-material/Settings"
 import FullscreenIcon from "@mui/icons-material/Fullscreen"
 
-import { actionCreator } from "../action"
-import { TrialListDetail } from "./TrialList"
+import { actionCreator } from "../../action"
+import { TrialListDetail } from "../TrialList"
 import {
   isThreejsArtifact,
   useThreejsArtifactModal,
-} from "./ThreejsArtifactViewer"
+} from "../Artifact/ThreejsArtifactViewer"
 import { PreferentialOutputComponent } from "./PreferentialOutputComponent"
 
 const SettingsPage: FC<{

optuna_dashboard/ts/components/StudyDetail.tsx

@@ -31,10 +31,10 @@ import { GraphEdf } from "./GraphEdf"
 import { GraphRank } from "./GraphRank"
 import { TrialList } from "./TrialList"
 import { StudyHistory } from "./StudyHistory"
-import { PreferentialTrials } from "./PreferentialTrials"
-import { PreferenceHistory } from "./PreferenceHistory"
-import { PreferentialAnalytics } from "./PreferentialAnalytics"
-import { PreferentialGraph } from "./PreferentialGraph"
+import { PreferentialTrials } from "./Preferential/PreferentialTrials"
+import { PreferentialHistory } from "./Preferential/PreferentialHistory"
+import { PreferentialAnalytics } from "./Preferential/PreferentialAnalytics"
+import { PreferentialGraph } from "./Preferential/PreferentialGraph"
 
 interface ParamTypes {
   studyId: string
@@ -221,7 +221,7 @@ export const StudyDetail: FC<{
       </Box>
     )
   } else if (page === "preferenceHistory") {
-    content = <PreferenceHistory studyDetail={studyDetail} />
+    content = <PreferentialHistory studyDetail={studyDetail} />
   }
 
   const toolbar = (

optuna_dashboard/ts/components/StudyHistory.tsx

@@ -17,7 +17,7 @@ import { DataGrid, DataGridColumn } from "./DataGrid"
 import { GraphHyperparameterImportance } from "./GraphHyperparameterImportances"
 import { UserDefinedPlot } from "./UserDefinedPlot"
 import { BestTrialsCard } from "./BestTrialsCard"
-import { StudyArtifactCards } from "./StudyArtifactCards"
+import { StudyArtifactCards } from "./Artifact/StudyArtifactCards"
 import { useRecoilValue } from "recoil"
 import {
   useStudyDetailValue,

optuna_dashboard/ts/components/TrialList.tsx

@@ -27,7 +27,7 @@ import { useRecoilValue } from "recoil"
 import { artifactIsAvailable } from "../state"
 import { actionCreator } from "../action"
 import { TrialFormWidgets } from "./TrialFormWidgets"
-import { TrialArtifactCards } from "./TrialArtifactCards"
+import { TrialArtifactCards } from "./Artifact/TrialArtifactCards"
 import { useQuery } from "../urlQuery"
 
 const states: TrialState[] = [