Control ui adjsutments

ui/src/App.jsx

@@ -23,7 +23,6 @@ function AppFooter() {
 
 function App() {
   const [appState, setAppState] = useRuntimeState();
-  const [pendingShaderId, setPendingShaderId] = useState("");
   const [presetName, setPresetName] = useState("");
   const [selectedPresetName, setSelectedPresetName] = useState("");
   const [expandedLayerIds, setExpandedLayerIds] = useState([]);
@@ -38,14 +37,6 @@ function App() {
   const app = appState?.app ?? {};
   const stackPresets = appState?.stackPresets ?? [];
 
-  useEffect(() => {
-    if (!pendingShaderId && shaders.length > 0) {
-      setPendingShaderId(shaders[0].id);
-    } else if (pendingShaderId && !shaders.some((shader) => shader.id === pendingShaderId)) {
-      setPendingShaderId(shaders[0]?.id ?? "");
-    }
-  }, [pendingShaderId, shaders]);
-
   useEffect(() => {
     if (!selectedPresetName && stackPresets.length > 0) {
       setSelectedPresetName(stackPresets[0]);
@@ -123,12 +114,10 @@ function App() {
         dropTargetLayerId={dropTargetLayerId}
         expandedLayerIds={expandedLayerIds}
         layers={layers}
-        pendingShaderId={pendingShaderId}
         setAppState={setAppState}
         setDragLayerId={setDragLayerId}
         setDropTargetLayerId={setDropTargetLayerId}
         setExpandedLayerIds={setExpandedLayerIds}
-        setPendingShaderId={setPendingShaderId}
         shaders={shaders}
       />