feat: add per-user customization suppression toggles and API endpoints for profile

devplacepy/static/css/profile.css

@@ -367,6 +367,49 @@ a.profile-stat-value:hover {
     color: var(--text-secondary);
 }
 
+.customization-card {
+    margin-top: 1rem;
+    padding: 0.875rem;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--bg-elevated, var(--bg-card));
+}
+
+.customization-head {
+    margin-bottom: 0.5rem;
+}
+
+.customization-title {
+    font-size: 0.75rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    color: var(--text-secondary);
+}
+
+.customization-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    padding: 0.4rem 0;
+}
+
+.customization-label {
+    font-size: 0.8125rem;
+    color: var(--text-primary);
+}
+
+.customization-row form {
+    margin: 0;
+}
+
+.customization-hint {
+    margin-top: 0.5rem;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+}
+
 .follow-row {
     display: flex;
     align-items: center;

devplacepy/static/js/Application.js

@@ -16,6 +16,7 @@ import { ReactionBar } from "./ReactionBar.js";
 import { BookmarkManager } from "./BookmarkManager.js";
 import { PollManager } from "./PollManager.js";
 import { ApiKeyManager } from "./ApiKeyManager.js";
+import { CustomizationToggle } from "./CustomizationToggle.js";
 import { UserAiUsage } from "./UserAiUsage.js";
 import { Tabs } from "./Tabs.js";
 import { DeviiTerminal } from "./DeviiTerminal.js";
@@ -47,6 +48,7 @@ class Application {
         this.bookmarks = new BookmarkManager();
         this.polls = new PollManager();
         this.apiKey = new ApiKeyManager();
+        this.customizationToggle = new CustomizationToggle();
         this.userAiUsage = new UserAiUsage();
         this.tabs = new Tabs();
         this.windows = new WindowManager();