From 9e640820e65fe7200acd4e74bb82d5a2b2ba0d3b Mon Sep 17 00:00:00 2001
From: Jay1 <j-chiasson@outlook.com>
Date: Thu, 28 May 2026 11:37:16 -0400
Subject: [PATCH] Refine keybindings settings UX

- Move keybindings file access from the chat settings row into the keybindings panel
- Update keybindings button style, copy, and spacing for clearer action context
---
 .../components/KeybindingsSettingsPanel.tsx   |  8 +++---
 apps/web/src/routes/_chat.settings.tsx        | 27 -------------------
 2 files changed, 4 insertions(+), 31 deletions(-)

diff --git a/apps/web/src/components/KeybindingsSettingsPanel.tsx b/apps/web/src/components/KeybindingsSettingsPanel.tsx
index 75894470..dccabb2b 100644
--- a/apps/web/src/components/KeybindingsSettingsPanel.tsx
+++ b/apps/web/src/components/KeybindingsSettingsPanel.tsx
@@ -248,14 +248,14 @@ export function KeybindingsSettingsPanel(props: KeybindingsSettingsPanelProps) {
               for advanced bindings.
             </p>
           </div>
-          <div className="flex flex-wrap gap-2">
+          <div className="flex flex-wrap items-center gap-2">
             <Button
-              size="sm"
-              variant="outline"
+              size="xs"
+              variant="link"
               disabled={!props.configPath || props.isOpeningConfigFile}
               onClick={props.onOpenConfigFile}
             >
-              {props.isOpeningConfigFile ? "Opening..." : "Open JSON"}
+              {props.isOpeningConfigFile ? "Opening..." : "Open keybindings.json"}
             </Button>
             <Button
               size="sm"
diff --git a/apps/web/src/routes/_chat.settings.tsx b/apps/web/src/routes/_chat.settings.tsx
index 62a0cbcb..fbbef138 100644
--- a/apps/web/src/routes/_chat.settings.tsx
+++ b/apps/web/src/routes/_chat.settings.tsx
@@ -3030,33 +3030,6 @@ function SettingsRouteView() {
     <div className="space-y-6">
       <SettingsSection title="Developer tools">
         <div className="space-y-2">
-          <SettingsRow
-            title="Keybindings"
-            description="Open the persisted `keybindings.json` file to edit advanced bindings directly."
-            status={
-              <>
-                <span className="block break-all font-mono text-[11px] text-foreground">
-                  {keybindingsConfigPath ?? "Resolving keybindings path..."}
-                </span>
-                {openKeybindingsError ? (
-                  <span className="mt-1 block text-destructive">{openKeybindingsError}</span>
-                ) : (
-                  <span className="mt-1 block">Opens in your preferred editor.</span>
-                )}
-              </>
-            }
-            control={
-              <Button
-                size="xs"
-                variant="outline"
-                disabled={!keybindingsConfigPath || isOpeningKeybindings}
-                onClick={openKeybindingsFile}
-              >
-                {isOpeningKeybindings ? "Opening..." : "Open file"}
-              </Button>
-            }
-          />
-
           <SettingsRow
             title="Recovery tools"
             description="Rebuild local project indexes without clearing existing chats when the local state gets out of sync."