test

frontend/src/app/scripts/_components/ScriptAccordion.tsx

@@ -46,17 +46,17 @@ export default function ScriptAccordion({
       );
       if (category) {
         setExpandedItem(category.name);
+        handleSelected(selectedScript);
       }
     }
-  }, [selectedScript, items]);
-
+  }, [selectedScript, items, handleSelected]);
   return (
     <Accordion
       type="single"
       value={expandedItem}
       onValueChange={handleAccordionChange}
       collapsible
-      className="overflow-y-scroll max-h-[calc(100vh-220px)] overflow-x-hidden mt-3 p-2"
+      className="overflow-y-scroll max-h-[calc(100vh-225px)] overflow-x-hidden mt-3 p-2"
     >
       {items.map((category) => (
         <AccordionItem

frontend/src/app/scripts/_components/Sidebar.tsx

@@ -21,8 +21,6 @@ const Sidebar = ({
 		return acc;
 	}, [] as Script[]);
 
-	const filteredItems = items.filter(category => category.scripts.length > 0);
-
 	return (
 		<div className="flex min-w-72 flex-col sm:max-w-72">
 			<div className="flex items-end justify-between pb-4">
@@ -33,7 +31,7 @@ const Sidebar = ({
 			</div>
 			<div className="rounded-lg">
 				<ScriptAccordion
-					items={filteredItems}
+					items={items}
 					selectedScript={selectedScript}
 					setSelectedScript={setSelectedScript}
 				/>
@@ -42,4 +40,4 @@ const Sidebar = ({
 	);
 };
 
-export default Sidebar;
+export default Sidebar;