📄 CodeRabbit inference engine (.github/instructions/typescript.instructions.md)

**/*.{ts,tsx,mts,cts}: Useconst type parameters for more precise literal inference in TypeScript 5.0+
Use thesatisfies operator to validate types without widening them
Leverage inferred type predicates to reduce the need for explicitis return types in filter/check functions
UseNoInfer<T> utility to block inference for specific type arguments when they should be determined by other arguments
Utilize narrowing inswitch(true) blocks for control flow analysis (TypeScript 5.3+)
Rely on narrowing from direct boolean comparisons for type guards
Trust preserved narrowing in closures when variables aren't modified after the check (TypeScript 5.4+)
Use constant indices to narrow object/array properties (TypeScript 5.5+)
Use standard ECMAScript decorators (Stage 3) instead of legacyexperimentalDecorators
Useusing declarations for explicit resource management with Disposable pattern instead of manual cleanup (TypeScript 5.2+)
Usewith { type: "json" } for import attributes; avoid deprecatedassert syntax (TypeScript 5.3/5.8+)
Useimport type explicitly when importing types to ensure they are erased during compilation, respectingverbatimModuleSyntax flag
Use.ts,.mts,.cts extensions inimport type statements (TypeScript 5.2+)
Useimport type { Type } from "mod" with { "resolution-mode": "import" } for specific module resolution contexts (TypeScript 5.3+)
Use new iterator methods (map, filter, etc.) if targeting modern environments (TypeScript 5.6+)
Utilize newSet methods likeunion,intersection, etc., when available (TypeScript 5.5+)
UseObject.groupBy /Map.groupBy standard methods for grouping instead of external libraries (TypeScript 5.4+)
UsePromise.withResolvers() for creating promises with exposed resolve/reject functions (TypeScript 5.7+)
Use copying array methods (toSorted,toSpliced,with) for immutable array operations (TypeScript 5.2+)
Avoid accessing instance fields viasuper in classes (TypeScript 5....

Files:

• apps/web/core/components/core/image-picker-popover.tsx

Learnt from: lifeiscontentRepo: makeplane/plane PR: 7922File: apps/admin/app/(all)/(dashboard)/ai/form.tsx:19-19Timestamp: 2025-10-09T20:42:31.843ZLearning: In the makeplane/plane repository, React types are globally available through TypeScript configuration. Type annotations like React.FC, React.ReactNode, etc. can be used without explicitly importing the React namespace. The codebase uses the modern JSX transform, so React imports are not required for JSX or type references.

Applied to files:

• apps/web/core/components/core/image-picker-popover.tsx

Learnt from: lifeiscontentRepo: makeplane/plane PR: 7989File: apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx:45-46Timestamp: 2025-10-21T17:22:05.204ZLearning: In the makeplane/plane repository, the refactor from useParams() to params prop is specifically scoped to page.tsx and layout.tsx files in apps/web/app (Next.js App Router pattern). Other components (hooks, regular client components, utilities) should continue using the useParams() hook as that is the correct pattern for non-route components.

Applied to files:

• apps/web/core/components/core/image-picker-popover.tsx