From 80b0838f3b77593f3fa158507ef459786a8aae14 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Mon, 8 Jun 2026 10:41:56 -0700
Subject: [PATCH] fix: rename to Experiments, add body title, fix formatting

- Rename sidebar label from 'Experimental' to 'Experiments'
- Add h2 title in main body to match other settings panels
- Fix biome formatting: collapse FeatureGate JSX, expand sections array

Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
---
 desktop/src/features/channels/ui/ChannelMembersBar.tsx   | 8 ++------
 .../features/settings/ui/ExperimentalFeaturesCard.tsx    | 5 +++--
 desktop/src/features/settings/ui/SettingsPanels.tsx      | 2 +-
 desktop/src/features/settings/ui/SettingsView.tsx        | 9 ++++++++-
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/desktop/src/features/channels/ui/ChannelMembersBar.tsx b/desktop/src/features/channels/ui/ChannelMembersBar.tsx
index 1b1412336..6008b4c91 100644
--- a/desktop/src/features/channels/ui/ChannelMembersBar.tsx
+++ b/desktop/src/features/channels/ui/ChannelMembersBar.tsx
@@ -145,9 +145,7 @@ export function ChannelMembersBar({
               {memberCount}
             </span>
           </DropdownMenuItem>
-          <FeatureGate feature="huddles">
-            {huddleIndicator}
-          </FeatureGate>
+          <FeatureGate feature="huddles">{huddleIndicator}</FeatureGate>
           <DropdownMenuItem
             data-testid="channel-management-trigger"
             onSelect={onManageChannel}
@@ -188,9 +186,7 @@ export function ChannelMembersBar({
           </span>
         </Button>
 
-        <FeatureGate feature="huddles">
-          {huddleIndicator}
-        </FeatureGate>
+        <FeatureGate feature="huddles">{huddleIndicator}</FeatureGate>
 
         <Button
           aria-label="Manage channel"
diff --git a/desktop/src/features/settings/ui/ExperimentalFeaturesCard.tsx b/desktop/src/features/settings/ui/ExperimentalFeaturesCard.tsx
index 5f07639a6..63bdbed70 100644
--- a/desktop/src/features/settings/ui/ExperimentalFeaturesCard.tsx
+++ b/desktop/src/features/settings/ui/ExperimentalFeaturesCard.tsx
@@ -29,8 +29,9 @@ export function ExperimentalFeaturesCard() {
 
   return (
     <section className="min-w-0" data-testid="settings-experimental">
-      <div className="mb-3 min-w-0">
-        <p className="text-sm text-muted-foreground">
+      <div className="mb-12 min-w-0">
+        <h2 className="text-2xl font-semibold tracking-tight">Experiments</h2>
+        <p className="text-base font-normal text-muted-foreground">
           These features are functional but still being refined. Enable them to
           try new capabilities early.
         </p>
diff --git a/desktop/src/features/settings/ui/SettingsPanels.tsx b/desktop/src/features/settings/ui/SettingsPanels.tsx
index a01e77f60..1c9c56d00 100644
--- a/desktop/src/features/settings/ui/SettingsPanels.tsx
+++ b/desktop/src/features/settings/ui/SettingsPanels.tsx
@@ -100,7 +100,7 @@ export const settingsSections: SettingsSectionDescriptor[] = [
   },
   {
     value: "experimental",
-    label: "Experimental",
+    label: "Experiments",
     icon: FlaskConical,
   },
   {
diff --git a/desktop/src/features/settings/ui/SettingsView.tsx b/desktop/src/features/settings/ui/SettingsView.tsx
index 84993c3b6..2aa1ce70d 100644
--- a/desktop/src/features/settings/ui/SettingsView.tsx
+++ b/desktop/src/features/settings/ui/SettingsView.tsx
@@ -62,7 +62,14 @@ const settingsNavGroups: Array<{
   },
   {
     label: "App",
-    sections: ["agents", "compute", "experimental", "mobile", "updates", "doctor"],
+    sections: [
+      "agents",
+      "compute",
+      "experimental",
+      "mobile",
+      "updates",
+      "doctor",
+    ],
   },
 ];