Update settings bar

frontend/components/nodes/filter-node/filter-node.tsx

@@ -195,6 +195,24 @@ export default function FilterNode({ id }: FilterNodeProps) {
                 isConnected={isConnected}
                 isDataStreamOn={dataStreaming}
             />
+
+            {isConnected && (
+            <>
+                <input
+                type="range"
+                min={1}
+                max={100}
+                value={cutoff}
+                onChange={(e) => setCutoff(Number(e.target.value))}
+                />
+
+                <p className="text-xs text-muted-foreground">
+                {selectedFilter === 'lowpass'
+                    ? 'Frequencies below cutoff will pass through'
+                    : 'Frequencies above cutoff will pass through'}
+                </p>
+            </>
+            )}
         </div>
     );
 }

frontend/components/ui-header/settings-bar.tsx

@@ -21,6 +21,27 @@ export default function SettingsBar() {
     const [leftTimerSeconds, setLeftTimerSeconds] = useState(0);
     const intervalRef = useRef<NodeJS.Timeout | null>(null);
     const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
+    const [sessionId, setSessionId] = useState<string | null>(null);
+
+    useEffect(() => {
+        async function fetchSessions() {
+            try {
+                const res = await fetch('/api/sessions');
+                const sessions = await res.json();
+
+                console.log('sessions response:', sessions);
+
+                if (sessions.length > 0) {
+                    setSessionId(sessions[0].id);
+                }
+            } catch (err) {
+                console.error('Failed to fetch sessions', err);
+            }
+        }
+
+        fetchSessions();
+    }, []);
+
     // useEffect(() => {
     //     console.log('dataStreaming:', dataStreaming);
     // });
@@ -88,13 +109,12 @@ export default function SettingsBar() {
             {/* System Control Panel, Filters, Settings */}
             <Menubar>
                 <MenubarMenu>
-                    <MenubarTrigger>System Control Panel</MenubarTrigger>
-                </MenubarMenu>
-                <MenubarMenu>
-                    <MenubarTrigger>Filters</MenubarTrigger>
+                    <MenubarTrigger>
+                        Session {sessionId ? sessionId.slice(0, 8) : 'ID'}
+                    </MenubarTrigger>
                 </MenubarMenu>
                 <MenubarMenu>
-                    <MenubarTrigger>Settings</MenubarTrigger>
+                    <MenubarTrigger>Tutorials</MenubarTrigger>
                 </MenubarMenu>
             </Menubar>