From 8af465739309822aba7609ff658c2cfd564545fb Mon Sep 17 00:00:00 2001 From: Tanish Manku Date: Wed, 29 Apr 2026 14:04:02 -0700 Subject: [PATCH] PageScene: delete orphan StyleMoreOptions and StyleSelection UI Both component trees survived earlier cleanup but never render from PageEditor or PageScene. They were the last UI consumers of the stylize store fields; deleting them sets up a follow-up that drops those store fields entirely. Net: -17 typecheck errors (the orphan files were the source of many missing-import errors). --- .../StyleMoreOptions/StyleMoreOptions.tsx | 20 -- .../comps/StyleMoreOptions/StyleOptions.tsx | 217 ------------------ .../comps/StyleSelection/ItemPicker.tsx | 57 ----- .../comps/StyleSelection/StyleSelection.tsx | 51 ---- .../PageScene/comps/StyleSelection/index.tsx | 1 - 5 files changed, 346 deletions(-) delete mode 100644 frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleMoreOptions.tsx delete mode 100644 frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleOptions.tsx delete mode 100644 frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/ItemPicker.tsx delete mode 100644 frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/StyleSelection.tsx delete mode 100644 frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/index.tsx diff --git a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleMoreOptions.tsx b/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleMoreOptions.tsx deleted file mode 100644 index c8e72cfaa0..0000000000 --- a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleMoreOptions.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import { Modal } from "@storyteller/ui-modal"; -import { Button } from "@storyteller/ui-button"; -import { StyleOptions } from "./StyleOptions"; - -interface Props { - onClose: () => void; -} -export const StyleMoreOptions = ({ onClose }: Props) => { - - return ( - - -
- -
- - ); -}; diff --git a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleOptions.tsx b/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleOptions.tsx deleted file mode 100644 index de71683304..0000000000 --- a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleMoreOptions/StyleOptions.tsx +++ /dev/null @@ -1,217 +0,0 @@ -import { PremiumLock } from "~/components"; -import { useShallow } from "zustand/shallow"; -import { Switch } from "@headlessui/react"; -import { twMerge } from "tailwind-merge"; - -import { useContext } from "react"; -import { EngineContext } from "~/pages/PageScene/contexts/EngineContext"; -import { usePageSceneStore } from "~/pages/PageScene/PageSceneStore"; - -export function StyleOptions() { - const editorEngine = useContext(EngineContext); - const { - faceDetail, - upscale, - lipSync, - cinematic, - enginePreProcessing, - setFaceDetail, - setUpscale, - setLipSync, - setCinematic, - setEnginePreProcessing, - } = usePageSceneStore( - useShallow((s) => ({ - faceDetail: s.faceDetail, - upscale: s.upscale, - lipSync: s.lipSync, - cinematic: s.cinematic, - enginePreProcessing: s.enginePreProcessing, - setFaceDetail: s.setFaceDetail, - setUpscale: s.setUpscale, - setLipSync: s.setLipSync, - setCinematic: s.setCinematic, - setEnginePreProcessing: s.setEnginePreProcessing, - })), - ); - - const handleCinematicChange = () => { - const next = !cinematic; - setCinematic(next); - if (next) setUpscale(false); - }; - - const enginePreProcessingChange = () => { - const next = !enginePreProcessing; - setEnginePreProcessing(next); - if (editorEngine) { - editorEngine.engine_preprocessing = next; - } - }; - - const handleUpscaleChange = () => { - const next = !upscale; - setUpscale(next); - if (next) setCinematic(false); - }; - - const handleLipsyncChange = () => setLipSync(!lipSync); - const handleFaceDetailerChange = () => setFaceDetail(!faceDetail); - - return ( -
-
-
-
- - - Sync Lips with Speech - - - - - -
-
-
- -
-
-
- - - Face Detailer - - - - - -
- -
-
- - - Upscale - - - - - -
-
-
- - - Use Cinematic - - - - - -
-
-
- - - Engine Preprocessing - - - - - -
-
-
- -
-
- ); -} diff --git a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/ItemPicker.tsx b/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/ItemPicker.tsx deleted file mode 100644 index f3c85b3d7e..0000000000 --- a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/ItemPicker.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import { twMerge } from "tailwind-merge"; -import { H4 } from "~/components"; -import { ArtStyle } from "~/pages/PageScene/engine/api_manager"; - -interface ItemPickerProps extends React.ImgHTMLAttributes { - label: string; - type: ArtStyle; - selected: boolean; - onSelected: (picked: ArtStyle) => void; -} - -export const ItemPicker = ({ - label, - type, - selected = false, - onSelected, - ...imgProps -}: ItemPickerProps) => { - const handleSelected = () => { - onSelected(type); - }; - - return ( - - ); -}; diff --git a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/StyleSelection.tsx b/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/StyleSelection.tsx deleted file mode 100644 index c1970b2af0..0000000000 --- a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/StyleSelection.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { useContext } from "react"; -import { EngineContext } from "~/pages/PageScene/contexts/EngineContext"; -import { ArtStyle } from "~/pages/PageScene/engine/api_manager"; -import { styleList } from "~/pages/PageScene/styleList"; -import { ItemPicker } from "./ItemPicker"; -import { usePageSceneStore } from "~/pages/PageScene/PageSceneStore"; -import { Modal } from "@storyteller/ui-modal"; - -interface Props { - onClose: () => void; -} -export const StyleSelection = ({ onClose }: Props) => { - const editorEngine = useContext(EngineContext); - const selectedArtStyle = usePageSceneStore((s) => s.selectedArtStyle); - const setSelectedArtStyle = usePageSceneStore((s) => s.setSelectedArtStyle); - - const handlePickingStylizer = (picked: ArtStyle) => { - setSelectedArtStyle(picked); - if (editorEngine === null) { - console.log("Editor is null"); - return; - } - editorEngine.art_style = picked; - onClose(); - }; - - return ( - -
-
- {styleList.map((style) => ( - - ))} -
-
- - ); -}; diff --git a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/index.tsx b/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/index.tsx deleted file mode 100644 index b4c2a846e6..0000000000 --- a/frontend/apps/artcraft/app/src/pages/PageScene/comps/StyleSelection/index.tsx +++ /dev/null @@ -1 +0,0 @@ -export * from "./StyleSelection";