feat: Add smallweb filter checkbox and server-side filtering

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>

webclient/src/Feed.js

@@ -8,9 +8,17 @@ function Feed({ updateCache }) {
 	const [stories, setStories] = useState(() => JSON.parse(localStorage.getItem('stories')) || false);
 	const [error, setError] = useState('');
 	const [loadingStatus, setLoadingStatus] = useState(null);
+	const [filterSmallweb, setFilterSmallweb] = useState(() => localStorage.getItem('filterSmallweb') === 'true');
+
+	const handleFilterChange = e => {
+		const isChecked = e.target.checked;
+		setFilterSmallweb(isChecked);
+		localStorage.setItem('filterSmallweb', isChecked);
+		setStories(false);
+	};
 
 	useEffect(() => {
-		fetch('/api')
+		fetch(filterSmallweb ? '/api?smallweb=true' : '/api')
 			.then(res => {
 				if (!res.ok) {
 					throw new Error(`Server responded with ${res.status} ${res.statusText}`);
@@ -93,7 +101,7 @@ function Feed({ updateCache }) {
 					setError(errorMessage);
 				}
 			);
-	}, [updateCache]);
+	}, [updateCache, filterSmallweb]);
 
 	return (
 		<div className='container'>
@@ -102,6 +110,11 @@ function Feed({ updateCache }) {
 				<meta name="robots" content="index" />
 			</Helmet>
 
+			<div style={{marginBottom: '1rem'}}>
+				<input type="checkbox" id="filter-smallweb" checked={filterSmallweb} onChange={handleFilterChange} />
+				<label htmlFor="filter-smallweb" style={{paddingLeft: '0.5rem'}}>Filter Smallweb</label>
+			</div>
+
 			{error &&
 				<details style={{marginBottom: '1rem'}}>
 					<summary>Connection error? Click to expand.</summary>