lint

Author: charlesvien

apps/twig/src/main/trpc/routers/os.ts

@@ -158,7 +158,10 @@ export const osRouter = router({
     .input(
       z.object({
         filePath: z.string(),
-        maxSizeBytes: z.number().optional().default(10 * 1024 * 1024),
+        maxSizeBytes: z
+          .number()
+          .optional()
+          .default(10 * 1024 * 1024),
       }),
     )
     .query(async ({ input }) => {

apps/twig/src/renderer/features/code-editor/components/CodeEditorPanel.tsx

@@ -48,9 +48,11 @@ export function CodeEditorPanel({
     { enabled: !isInsideRepo && !isImage, staleTime: Infinity },
   );
 
-  const { data: fileContent, isLoading, error } = isInsideRepo
-    ? repoQuery
-    : absoluteQuery;
+  const {
+    data: fileContent,
+    isLoading,
+    error,
+  } = isInsideRepo ? repoQuery : absoluteQuery;
 
   if (isImage) {
     return (

apps/twig/src/renderer/features/message-editor/components/ImageAttachmentsBar.tsx

@@ -39,7 +39,7 @@ function ImageThumbnail({
         <Dialog.Trigger>
           <button
             type="button"
-            className="inline-flex items-center gap-1 rounded-[var(--radius-1)] bg-[var(--gray-a3)] p-1 text-[10px] leading-tight font-medium text-[var(--gray-11)] hover:bg-[var(--gray-a4)]"
+            className="inline-flex items-center gap-1 rounded-[var(--radius-1)] bg-[var(--gray-a3)] p-1 font-medium text-[10px] text-[var(--gray-11)] leading-tight hover:bg-[var(--gray-a4)]"
           >
             {dataUrl ? (
               <img
@@ -99,7 +99,7 @@ function FileChip({
 }) {
   return (
     <div className="group relative flex-shrink-0">
-      <span className="inline-flex items-center gap-1 rounded-[var(--radius-1)] bg-[var(--gray-a3)] p-1 text-[10px] leading-tight font-medium text-[var(--gray-11)]">
+      <span className="inline-flex items-center gap-1 rounded-[var(--radius-1)] bg-[var(--gray-a3)] p-1 font-medium text-[10px] text-[var(--gray-11)] leading-tight">
         <span className="max-w-[120px] truncate">@{attachment.label}</span>
       </span>
       <IconButton

apps/twig/src/renderer/features/message-editor/components/MessageEditor.tsx

@@ -11,9 +11,9 @@ import { useTiptapEditor } from "../tiptap/useTiptapEditor";
 import type { EditorHandle } from "../types";
 import type { EditorContent as EditorContentType } from "../utils/content";
 import { AdapterIndicator } from "./AdapterIndicator";
-import { AttachmentsBar } from "./ImageAttachmentsBar";
 import { DiffStatsIndicator } from "./DiffStatsIndicator";
 import { EditorToolbar } from "./EditorToolbar";
+import { AttachmentsBar } from "./ImageAttachmentsBar";
 import { ModeIndicatorInput } from "./ModeIndicatorInput";
 
 export type { EditorHandle as MessageEditorHandle };

apps/twig/src/renderer/features/message-editor/tiptap/MentionChipView.tsx

@@ -1,19 +1,13 @@
 import { type NodeViewProps, NodeViewWrapper } from "@tiptap/react";
 import type { MentionChipAttrs } from "./MentionChipNode";
 
-function DefaultChip({
-  type,
-  label,
-}: {
-  type: string;
-  label: string;
-}) {
+function DefaultChip({ type, label }: { type: string; label: string }) {
   const isCommand = type === "command";
   const prefix = isCommand ? "/" : "@";
 
   return (
     <span
-      className={`${isCommand ? "cli-slash-command" : "cli-file-mention"} inline select-all cursor-default rounded-[var(--radius-1)] bg-[var(--accent-a3)] px-1 py-px text-xs font-medium text-[var(--accent-11)]`}
+      className={`${isCommand ? "cli-slash-command" : "cli-file-mention"} inline cursor-default select-all rounded-[var(--radius-1)] bg-[var(--accent-a3)] px-1 py-px font-medium text-[var(--accent-11)] text-xs`}
       contentEditable={false}
     >
       {prefix}

apps/twig/src/renderer/features/message-editor/tiptap/useTiptapEditor.ts

@@ -334,7 +334,7 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
     }
     // Only run on mount / session change
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [sessionId]);
+  }, [draft.restoredAttachments]);
 
   const submit = useCallback(() => {
     if (!editor) return;
@@ -364,7 +364,15 @@ export function useTiptapEditor(options: UseTiptapEditorOptions) {
       setAttachments([]);
       draft.clearDraft();
     }
-  }, [editor, disabled, submitDisabled, isLoading, draft, clearOnSubmit, attachments]);
+  }, [
+    editor,
+    disabled,
+    submitDisabled,
+    isLoading,
+    draft,
+    clearOnSubmit,
+    attachments,
+  ]);
 
   submitRef.current = submit;
 

apps/twig/src/renderer/features/message-editor/types.ts

@@ -1,5 +1,9 @@
 import type { AvailableCommand } from "@agentclientprotocol/sdk";
-import type { EditorContent, FileAttachment, MentionChip } from "./utils/content";
+import type {
+  EditorContent,
+  FileAttachment,
+  MentionChip,
+} from "./utils/content";
 
 export interface EditorHandle {
   focus: () => void;

apps/twig/src/renderer/features/message-editor/utils/content.ts

@@ -87,7 +87,11 @@ export function extractFilePaths(content: EditorContent): string[] {
   const seen = new Set<string>();
 
   for (const seg of content.segments) {
-    if (seg.type === "chip" && seg.chip.type === "file" && !seen.has(seg.chip.id)) {
+    if (
+      seg.type === "chip" &&
+      seg.chip.type === "file" &&
+      !seen.has(seg.chip.id)
+    ) {
       seen.add(seg.chip.id);
       filePaths.push(seg.chip.id);
     }

apps/twig/src/renderer/features/task-detail/components/TaskInput.tsx

@@ -158,6 +158,7 @@ export function TaskInput() {
   }, []);
 
   return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: drag-and-drop container
     <div
       ref={containerRef}
       style={{

apps/twig/src/renderer/features/task-detail/components/TaskInputEditor.tsx

@@ -153,7 +153,10 @@ export const TaskInputEditor = forwardRef<
             }
           }}
         >
-          <AttachmentsBar attachments={attachments} onRemove={removeAttachment} />
+          <AttachmentsBar
+            attachments={attachments}
+            onRemove={removeAttachment}
+          />
 
           <Flex
             align="start"