🤖 fix: resolve lint issues and rebase onto main

- Remove unused KebabMenuItem import
- Fix Tailwind CSS class ordering
- Fix prettier formatting issues
- Rebase onto origin/main

_Generated with `mux`_

Author: kylecarbs

src/components/ChatInput/index.tsx

@@ -856,7 +856,7 @@ export const ChatInput: React.FC<ChatInputProps> = (props) => {
         className="bg-separator border-border-light relative flex flex-col gap-1 border-t px-[15px] pt-[5px] pb-[15px]"
         data-component="ChatInputSection"
       >
-        <div className="max-w-4xl mx-auto w-full">
+        <div className="mx-auto w-full max-w-4xl">
           {/* Creation error toast */}
           {variant === "creation" && creationState?.error && (
             <div className="mb-2 rounded border border-red-700 bg-red-900/20 px-3 py-2 text-sm text-red-400">

src/components/Messages/MessageWindow.tsx

@@ -67,7 +67,7 @@ export const MessageWindow: React.FC<MessageWindowProps> = ({
         "mt-4 mb-1 flex w-full flex-col relative isolate w-fit",
         variant === "user" && "ml-auto",
         variant === "assistant" && "text-white",
-        isLastPartOfMessage && "mb-4"        
+        isLastPartOfMessage && "mb-4"
       )}
       data-message-block
     >
@@ -82,7 +82,7 @@ export const MessageWindow: React.FC<MessageWindowProps> = ({
         <div className="relative z-10 flex flex-col gap-2">
           <div data-message-content>
             {showJson ? (
-              <pre className="m-0 overflow-x-auto rounded-xl border border-white/10 bg-black/30 p-3 text-[12px] leading-snug text-white/80 whitespace-pre-wrap">
+              <pre className="m-0 overflow-x-auto rounded-xl border border-white/10 bg-black/30 p-3 text-[12px] leading-snug whitespace-pre-wrap text-white/80">
                 {JSON.stringify(message, null, 2)}
               </pre>
             ) : (
@@ -114,7 +114,7 @@ export const MessageWindow: React.FC<MessageWindowProps> = ({
             />
           </div>
           <div
-            className="flex min-w-0 flex-1 flex-wrap items-center gap-2 text-xs text-muted"
+            className="text-muted flex min-w-0 flex-1 flex-wrap items-center gap-2 text-xs"
             data-message-meta-right
           >
             {rightLabel}
@@ -143,10 +143,10 @@ const IconActionButton: React.FC<IconActionButtonProps> = ({ button }) => {
       aria-label={button.label}
       variant="ghost"
       size="icon"
-      className="flex items-center justify-center [&_svg]:size-3.5 h-6 w-6 text-placeholder"
+      className="text-placeholder flex h-6 w-6 items-center justify-center [&_svg]:size-3.5"
     >
       {button.icon ?? (
-        <span className="text-[10px] font-semibold uppercase tracking-wide">{button.label}</span>
+        <span className="text-[10px] font-semibold tracking-wide uppercase">{button.label}</span>
       )}
     </Button>
   );

src/components/Messages/UserMessage.tsx

@@ -5,7 +5,6 @@ import { MessageWindow } from "./MessageWindow";
 import { TerminalOutput } from "./TerminalOutput";
 import { formatKeybind, KEYBINDS } from "@/utils/ui/keybinds";
 import { useCopyToClipboard } from "@/hooks/useCopyToClipboard";
-import type { KebabMenuItem } from "@/components/KebabMenu";
 import { copyToClipboard } from "@/utils/clipboard";
 import { usePersistedState } from "@/hooks/usePersistedState";
 import { VIM_ENABLED_KEY } from "@/constants/storage";
@@ -100,7 +99,7 @@ export const UserMessage: React.FC<UserMessageProps> = ({
       variant="user"
     >
       {content && (
-        <pre className="m-0 font-primary leading-6 text-slate-100 break-words whitespace-pre-wrap">
+        <pre className="font-primary m-0 leading-6 break-words whitespace-pre-wrap text-slate-100">
           {content}
         </pre>
       )}