Resolves #369

Author: haydenbleasel

packages/elements/src/code-block.tsx

@@ -30,15 +30,11 @@ import type {
 import { createHighlighter } from "shiki";
 
 // Shiki uses bitflags for font styles: 1=italic, 2=bold, 4=underline
-// biome-ignore lint/suspicious/noBitwiseOperators: shiki bitflag check
-// eslint-disable-next-line no-bitwise -- shiki bitflag check
+// oxlint-disable-next-line eslint(no-bitwise)
 const isItalic = (fontStyle: number | undefined) => fontStyle && fontStyle & 1;
-// biome-ignore lint/suspicious/noBitwiseOperators: shiki bitflag check
-// eslint-disable-next-line no-bitwise -- shiki bitflag check
 // oxlint-disable-next-line eslint(no-bitwise)
 const isBold = (fontStyle: number | undefined) => fontStyle && fontStyle & 2;
 const isUnderline = (fontStyle: number | undefined) =>
-  // biome-ignore lint/suspicious/noBitwiseOperators: shiki bitflag check
   // oxlint-disable-next-line eslint(no-bitwise)
   fontStyle && fontStyle & 4;
 

packages/elements/src/commit.tsx

@@ -194,8 +194,6 @@ export const CommitActions = ({
   children,
   ...props
 }: CommitActionsProps) => (
-  // biome-ignore lint/a11y/noNoninteractiveElementInteractions: stopPropagation required for nested interactions
-  // biome-ignore lint/a11y/useSemanticElements: fieldset doesn't fit this UI pattern
   <div
     className={cn("flex items-center gap-1", className)}
     onClick={handleActionsClick}

packages/elements/src/file-tree.tsx

@@ -292,8 +292,6 @@ export const FileTreeActions = ({
   children,
   ...props
 }: FileTreeActionsProps) => (
-  // biome-ignore lint/a11y/noNoninteractiveElementInteractions: stopPropagation required for nested interactions
-  // biome-ignore lint/a11y/useSemanticElements: fieldset doesn't fit this UI pattern
   <div
     className={cn("ml-auto flex items-center gap-1", className)}
     onClick={stopPropagation}

packages/elements/src/image.tsx

@@ -1,5 +1,3 @@
-/** biome-ignore-all lint/correctness/useImageSize: "size will be handled by props" */
-
 import { cn } from "@repo/shadcn-ui/lib/utils";
 import type { Experimental_GeneratedImage } from "ai";
 

packages/elements/src/jsx-preview.tsx

@@ -211,7 +211,6 @@ export const JSXPreviewContent = memo(
     const [hadError, setHadError] = useState(false);
 
     // Reset error tracking when jsx changes
-    // biome-ignore lint/correctness/useExhaustiveDependencies: processedJsx change should reset tracking
     useEffect(() => {
       errorReportedRef.current = null;
       setHadError(false);
@@ -238,7 +237,6 @@ export const JSXPreviewContent = memo(
     );
 
     // Track the last JSX that rendered without error
-    // biome-ignore lint/correctness/useExhaustiveDependencies: update when processedJsx changes without error
     useEffect(() => {
       if (!errorReportedRef.current) {
         lastGoodJsxRef.current = processedJsx;

packages/elements/src/prompt-input.tsx

@@ -797,7 +797,6 @@ export const PromptInput = ({
         }
       }
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- cleanup only on unmount; filesRef always current
     [usingProvider]
   );
 

packages/elements/src/schema-display.tsx

@@ -106,7 +106,6 @@ export const SchemaDisplayPath = ({
   return (
     <span
       className={cn("font-mono text-sm", className)}
-      // biome-ignore lint/security/noDangerouslySetInnerHtml: "needed for parameter highlighting"
       // oxlint-disable-next-line eslint-plugin-react(no-danger)
       dangerouslySetInnerHTML={{ __html: children ?? highlightedPath }}
       {...props}

packages/elements/src/stack-trace.tsx

@@ -290,8 +290,6 @@ const handleActionsKeyDown = (e: React.KeyboardEvent) => {
 
 export const StackTraceActions = memo(
   ({ className, children, ...props }: StackTraceActionsProps) => (
-    // biome-ignore lint/a11y/noNoninteractiveElementInteractions: stopPropagation required for nested interactions
-    // biome-ignore lint/a11y/useSemanticElements: fieldset doesn't fit this UI pattern
     <div
       className={cn("flex shrink-0 items-center gap-1", className)}
       onClick={handleActionsClick}

packages/elements/src/terminal.tsx

@@ -195,7 +195,6 @@ export const TerminalContent = ({
   const { output, isStreaming, autoScroll } = useContext(TerminalContext);
   const containerRef = useRef<HTMLDivElement>(null);
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: output triggers auto-scroll when new content arrives
   useEffect(() => {
     if (autoScroll && containerRef.current) {
       containerRef.current.scrollTop = containerRef.current.scrollHeight;