fix(web): move context menus setting to appearance

FORK.md

@@ -56,7 +56,7 @@ This repository is a fork of `pingdotgg/t3code`. Keep this file focused on fork
 
 ### UX Changes
 
-- Desktop context-menu style is configurable.
+- Desktop context-menu style is configurable from Appearance settings.
 - The sidebar follows the active thread when it appears or when navigation originates elsewhere.
 - Sidebar environments can be hidden or shown dynamically from the project toolbar.
 - Threads can be archived with middle click.

apps/web/src/components/settings/SettingsPanels.tsx

@@ -632,6 +632,48 @@ export function AppearanceSettingsPanel() {
           }
         />
 
+        <SettingsRow
+          title="Context menus"
+          description="Default uses native desktop menus on macOS and custom menus elsewhere."
+          resetAction={
+            settings.contextMenuStyle !== DEFAULT_UNIFIED_SETTINGS.contextMenuStyle ? (
+              <SettingResetButton
+                label="context menu style"
+                onClick={() =>
+                  updateSettings({
+                    contextMenuStyle: DEFAULT_UNIFIED_SETTINGS.contextMenuStyle,
+                  })
+                }
+              />
+            ) : null
+          }
+          control={
+            <Select
+              value={settings.contextMenuStyle}
+              onValueChange={(value) => {
+                if (value === "default" || value === "native" || value === "custom") {
+                  updateSettings({ contextMenuStyle: value });
+                }
+              }}
+            >
+              <SelectTrigger className="w-full sm:w-40" aria-label="Context menu style">
+                <SelectValue>{CONTEXT_MENU_STYLE_LABELS[settings.contextMenuStyle]}</SelectValue>
+              </SelectTrigger>
+              <SelectPopup align="end" alignItemWithTrigger={false}>
+                <SelectItem hideIndicator value="default">
+                  {CONTEXT_MENU_STYLE_LABELS.default}
+                </SelectItem>
+                <SelectItem hideIndicator value="native">
+                  {CONTEXT_MENU_STYLE_LABELS.native}
+                </SelectItem>
+                <SelectItem hideIndicator value="custom">
+                  {CONTEXT_MENU_STYLE_LABELS.custom}
+                </SelectItem>
+              </SelectPopup>
+            </Select>
+          }
+        />
+
         {showEnvironmentIdentification ? (
           <SettingsRow
             title="Environment identification"
@@ -822,48 +864,6 @@ export function GeneralSettingsPanel() {
           }
         />
 
-        <SettingsRow
-          title="Context menus"
-          description="Default uses native desktop menus on macOS and custom menus elsewhere."
-          resetAction={
-            settings.contextMenuStyle !== DEFAULT_UNIFIED_SETTINGS.contextMenuStyle ? (
-              <SettingResetButton
-                label="context menu style"
-                onClick={() =>
-                  updateSettings({
-                    contextMenuStyle: DEFAULT_UNIFIED_SETTINGS.contextMenuStyle,
-                  })
-                }
-              />
-            ) : null
-          }
-          control={
-            <Select
-              value={settings.contextMenuStyle}
-              onValueChange={(value) => {
-                if (value === "default" || value === "native" || value === "custom") {
-                  updateSettings({ contextMenuStyle: value });
-                }
-              }}
-            >
-              <SelectTrigger className="w-full sm:w-40" aria-label="Context menu style">
-                <SelectValue>{CONTEXT_MENU_STYLE_LABELS[settings.contextMenuStyle]}</SelectValue>
-              </SelectTrigger>
-              <SelectPopup align="end" alignItemWithTrigger={false}>
-                <SelectItem hideIndicator value="default">
-                  {CONTEXT_MENU_STYLE_LABELS.default}
-                </SelectItem>
-                <SelectItem hideIndicator value="native">
-                  {CONTEXT_MENU_STYLE_LABELS.native}
-                </SelectItem>
-                <SelectItem hideIndicator value="custom">
-                  {CONTEXT_MENU_STYLE_LABELS.custom}
-                </SelectItem>
-              </SelectPopup>
-            </Select>
-          }
-        />
-
         <SettingsRow
           title="Hide whitespace changes"
           description="Set whether the diff panel ignores whitespace-only edits by default."

docs/README.md

@@ -8,6 +8,7 @@
   - [Server updates](./architecture/server-updates.md)
 - User guides
   - [Background service](./user/background-service.md)
+  - [Context menus](./user/context-menus.md)
   - [Remote access](./user/remote-access.md)
   - [Keeping T3 Code in sync](./user/server-updates.md)
   - [Keybindings](./user/keybindings.md)

docs/user/context-menus.md

@@ -0,0 +1,8 @@
+# Context menus
+
+Open **Settings** → **Appearance** and use **Context menus** to choose how menus are
+displayed:
+
+- **Default** uses native desktop menus on macOS and custom menus elsewhere.
+- **Native** uses operating system menus in the desktop app. Browser clients use custom menus.
+- **Custom** uses T3 Code menus on every client.