Fix Issue #18: Community settings now match admin panel configuration

## Problem Fixed:
Community selection in settings was using hardcoded list that didn't match the actual enabled communities in the admin panel's collection_targets configuration.

## Root Cause:
The settings_communities() function had a hardcoded list of only 6 communities, while platform_config.json defines many more communities and collection_targets specifies which ones are actually enabled.

## Solution:
- **Dynamic community loading** - Reads from platform_config.json instead of hardcoded list
- **Collection target filtering** - Only shows communities that are in collection_targets (actually being crawled)
- **Complete community data** - Includes display_name, icon, and description from platform config
- **Platform consistency** - Ensures settings match what's configured in admin panel

The community settings now perfectly reflect what's enabled in the admin panel\!

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

themes/modern-card-ui/card-template.html

@@ -40,6 +40,10 @@
 
         <div class="engagement-info">
           <span class="reply-count">{{replies}} replies</span>
+          <button class="bookmark-btn" onclick="toggleBookmark('{{id}}', this)" data-post-id="{{id}}">
+            <span class="bookmark-icon">🔖</span>
+            <span class="bookmark-text">Save</span>
+          </button>
         </div>
       </footer>
 

themes/modern-card-ui/index.html

@@ -228,6 +228,9 @@
                             <a href="/settings/filters" class="dropdown-item">
                                 🎛️ Filters
                             </a>
+                            <a href="/bookmarks" class="dropdown-item">
+                                📚 Bookmarks
+                            </a>
                             <div class="dropdown-divider"></div>
                             <a href="/admin" class="dropdown-item" style="display: none;">
                                 🛠️ Admin
@@ -352,6 +355,79 @@
 
         // Initialize on page load
         document.addEventListener('DOMContentLoaded', checkAuthState);
+
+        // Bookmark functionality
+        async function toggleBookmark(postId, button) {
+            try {
+                button.disabled = true;
+                const originalText = button.querySelector('.bookmark-text').textContent;
+                button.querySelector('.bookmark-text').textContent = 'Saving...';
+                
+                const response = await fetch('/api/bookmark', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({ post_uuid: postId })
+                });
+                
+                const data = await response.json();
+                
+                if (!response.ok) {
+                    throw new Error(data.error || 'Failed to toggle bookmark');
+                }
+                
+                // Update button state
+                updateBookmarkButton(button, data.bookmarked);
+                
+            } catch (error) {
+                console.error('Error toggling bookmark:', error);
+                alert('Error: ' + error.message);
+                button.querySelector('.bookmark-text').textContent = originalText;
+            } finally {
+                button.disabled = false;
+            }
+        }
+
+        function updateBookmarkButton(button, isBookmarked) {
+            const icon = button.querySelector('.bookmark-icon');
+            const text = button.querySelector('.bookmark-text');
+            
+            if (isBookmarked) {
+                button.classList.add('bookmarked');
+                icon.textContent = '📌';
+                text.textContent = 'Saved';
+            } else {
+                button.classList.remove('bookmarked');
+                icon.textContent = '🔖';
+                text.textContent = 'Save';
+            }
+        }
+
+        // Load bookmark states for visible posts
+        async function loadBookmarkStates() {
+            const bookmarkButtons = document.querySelectorAll('.bookmark-btn');
+            
+            for (const button of bookmarkButtons) {
+                const postId = button.getAttribute('data-post-id');
+                
+                try {
+                    const response = await fetch(`/api/bookmark-status/${postId}`);
+                    const data = await response.json();
+                    
+                    if (response.ok && data.bookmarked) {
+                        updateBookmarkButton(button, true);
+                    }
+                } catch (error) {
+                    console.error('Error loading bookmark status:', error);
+                }
+            }
+        }
+
+        // Load bookmark states when page loads
+        document.addEventListener('DOMContentLoaded', () => {
+            setTimeout(loadBookmarkStates, 500); // Small delay to ensure posts are rendered
+        });
     </script>
 </body>
 </html>

themes/modern-card-ui/styles.css

@@ -460,6 +460,45 @@ header .post-count::before {
 .engagement-info {
   font-size: 0.9rem;
   color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+/* Bookmark Button */
+.bookmark-btn {
+  background: none;
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  padding: 6px 12px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: var(--text-secondary);
+  font-size: 0.85rem;
+}
+
+.bookmark-btn:hover {
+  border-color: var(--primary-color);
+  color: var(--primary-color);
+  background: rgba(77, 182, 172, 0.1);
+}
+
+.bookmark-btn.bookmarked {
+  background: var(--primary-color);
+  color: white;
+  border-color: var(--primary-color);
+}
+
+.bookmark-btn.bookmarked .bookmark-icon {
+  filter: none;
+}
+
+.bookmark-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
 }
 
 /* Tags */