💍 fix: Unclip the Keyboard Highlight Ring in Select Popovers

package.json

@@ -22,7 +22,7 @@
     "format:check": "prettier --check 'src/**/*.{ts,tsx,css,json}'"
   },
   "dependencies": {
-    "@clickhouse/click-ui": "0.2.0-rc.4",
+    "@clickhouse/click-ui": "0.9.1",
     "@librechat/data-schemas": "^0.0.56",
     "@radix-ui/react-dialog": "1.1.15",
     "@tailwindcss/vite": "^4.3.1",

src/styles.css

@@ -419,6 +419,17 @@ textarea:focus-visible {
   border-radius: var(--cui-radii-sm) !important;
 }
 
+/* click-ui Select popover: the option list matches the trigger width while the
+   popover border-box loses 2px to its 1px borders, so overflow:hidden clips the
+   keyboard-highlight ring's right edge; inset the ring past the overhang.
+   Options are not buttons, so the global focus-visible override never reaches
+   them and click-ui paints the ring with its own accent token; recolor it to
+   the app outline token so it matches every other focus ring. */
+[data-input-modality='keyboard'] [data-highlighted] {
+  outline-color: var(--cui-color-outline) !important;
+  outline-offset: -4px !important;
+}
+
 .scope-selector-dialog {
   width: min(640px, calc(100vw - 2rem));
 }

vitest.config.ts

@@ -7,6 +7,11 @@ export default defineConfig({
     environment: 'jsdom',
     globals: true,
     setupFiles: ['./src/test/setup.ts'],
-    exclude: ['e2e/**', 'node_modules/**', 'tools/**'],
+    exclude: ['e2e/**', 'node_modules/**', 'tools/**', '.claude/**'],
+    server: {
+      deps: {
+        inline: ['@clickhouse/click-ui'],
+      },
+    },
   },
 })