Merge pull request #492 from Mng-dev-ai/fix/ui-primitive-migration-regressions

Fix UI primitive migration regressions (traffic lights, input focus ring)

Author: Mng-dev-ai

frontend/src/components/layout/TitleBar.tsx

@@ -36,6 +36,7 @@ export function TrafficLights() {
     >
       <Button
         type="button"
+        variant="unstyled"
         onClick={handleClose}
         className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#ff5f57] transition-opacity hover:opacity-90"
         aria-label="Close window"
@@ -53,6 +54,7 @@ export function TrafficLights() {
       </Button>
       <Button
         type="button"
+        variant="unstyled"
         onClick={handleMinimize}
         className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#febc2e] transition-opacity hover:opacity-90"
         aria-label="Minimize window"
@@ -65,6 +67,7 @@ export function TrafficLights() {
       </Button>
       <Button
         type="button"
+        variant="unstyled"
         onClick={handleMaximize}
         className="group flex h-3 w-3 items-center justify-center rounded-full bg-[#28c840] transition-opacity hover:opacity-90"
         aria-label="Maximize window"

frontend/src/components/ui/primitives/Input.tsx

@@ -23,7 +23,7 @@ export function Input({
         ref={ref}
         type={type}
         className={cn(
-          'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-text-quaternary/30 disabled:cursor-not-allowed disabled:opacity-50',
+          'focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
           className,
         )}
         disabled={disabled}

frontend/src/components/ui/primitives/Textarea.tsx

@@ -21,7 +21,7 @@ export function Textarea({
       <textarea
         ref={ref}
         className={cn(
-          'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-text-quaternary/30 disabled:cursor-not-allowed disabled:opacity-50',
+          'focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
           className,
         )}
         disabled={disabled}