fix(moon): restore pnpm 11 lint and Tailwind v4 overlay sizing (#2158)

Wire eslint packages as direct deps so turbo lint works under pnpm 11,
downgrade React Compiler hooks rules to warnings, and fix TW4
`--spacing-sm` / CSS var syntax that crushed popovers and tooltips.
Also bump git-internal to 0.8.4 and serial_test to 4.0.1.

Author: benjamin-747

Cargo.lock

@@ -38,7 +38,7 @@ orion = { path = "orion" }
 orion-client = { path = "clients/orion-client" }
 orion-scheduler-client = { path = "clients/orion-scheduler-client" }
 
-git-internal = "0.8.3"
+git-internal = "0.8.4"
 libvault-core = "0.1.0"
 
 #====
@@ -109,7 +109,7 @@ utoipa-swagger-ui = { version = "9.0.2", features = ["vendored"] }
 tempfile = "3.27.0"
 dashmap = "6.2.1"
 once_cell = "1.21.4"
-serial_test = "3.5.0"
+serial_test = "4.0.1"
 sysinfo = "0.39.6"
 http = "1.4.2"
 url = "2.5.8"

Cargo.toml

@@ -25,6 +25,7 @@
   "devDependencies": {
     "@flydotio/dockerfile": "catalog:",
     "@gitmono/tsconfig": "workspace:*",
+    "@types/node": "catalog:",
     "tsup": "catalog:",
     "typescript": "catalog:"
   }

moon/apps/sync-server/package.json

@@ -7,6 +7,7 @@
     "outDir": "./dist",
     "sourceMap": true,
     "inlineSources": true,
-    "sourceRoot": "/"
+    "sourceRoot": "/",
+    "types": ["node"]
   }
 }

moon/apps/sync-server/tsconfig.json

@@ -293,7 +293,7 @@ function InnerCanvasComment({
                   {...ANIMATION_CONSTANTS}
                   className={cn(
                     'bg-elevated flex w-full flex-col rounded-xl shadow-lg ring-1 shadow-black/20 ring-black/[0.04] dark:shadow-[inset_0px_1px_0px_rgba(255,255,255,0.04),_0px_2px_12px_rgba(0,0,0,0.4),_0px_0px_0px_1px_rgba(0,0,0,0.8)] dark:ring-white/[0.02]',
-                    'origin-[--radix-popover-content-transform-origin]'
+                    'origin-[var(--radix-popover-content-transform-origin)]'
                   )}
                   data-zoom-wheel-disabled
                 >

moon/apps/web/components/CanvasComments/CanvasComment.tsx

@@ -71,6 +71,7 @@ export default function CLView() {
   const authorHandle = useCallback(
     (author: string) => {
       const member = members.find((m) => m.user.username === author || m.user.github_login === author)
+
       return megaUserHandle(member?.user, author)
     },
     [members]

moon/apps/web/components/ClView/index.tsx

@@ -10,6 +10,7 @@ type MegaAvatar = ReturnType<typeof useAvatars>[number] & { username?: string }
 function avatarApiIdentity(item: ItemInput): string | undefined {
   const mega = item as MegaAvatar
   // Prefer Campsite username for API identity; SelectPanel text may be github_login.
+
   if (typeof mega.username === 'string' && mega.username) return mega.username
   if (typeof item.text === 'string' && item.text) return item.text
   return undefined

moon/apps/web/components/ClView/useReviewerSelector.tsx

@@ -63,7 +63,7 @@ const CloneTabs = () => {
           {open && (
             <PopoverContent
               className={cn(
-                'animate-scale-fade shadow-popover dark:border-primary-opaque bg-primary relative flex h-[130px] w-[400px] flex-1 origin-[--radix-hover-card-content-transform-origin] flex-col overflow-hidden rounded-lg border border-transparent dark:shadow-[0px_2px_16px_rgba(0,0,0,1)]'
+                'animate-scale-fade shadow-popover dark:border-primary-opaque bg-primary relative flex h-[130px] w-[400px] flex-1 origin-[var(--radix-hover-card-content-transform-origin)] flex-col overflow-hidden rounded-lg border border-transparent dark:shadow-[0px_2px_16px_rgba(0,0,0,1)]'
               )}
               sideOffset={4}
               align='start'

moon/apps/web/components/CodeView/TreeView/CloneTabs.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { Box, Skeleton } from '@mui/material'
-import { useTreeViewApiRef } from '@mui/x-tree-view'
+import { useRichTreeViewApiRef } from '@mui/x-tree-view'
 import { RichTreeView } from '@mui/x-tree-view/RichTreeView'
 import { useAtom } from 'jotai'
 import { usePathname } from 'next/navigation'
@@ -35,7 +35,7 @@ const RepoTree = ({ onCommitInfoChange }: { onCommitInfoChange?: Function }) =>
     basePath = basePath.substring(`/${version}`.length) || '/'
   }
 
-  const apiRef = useTreeViewApiRef()
+  const apiRef = useRichTreeViewApiRef<MuiTreeNode>()
 
   const [treeAllData, setTreeAllData] = useAtom(treeAllDataAtom)
   const [expandedNodes, setExpandedNodes] = useAtom(expandedNodesAtom)

moon/apps/web/components/CodeView/TreeView/RepoTree.tsx

@@ -326,7 +326,7 @@ function Attachments({ post }: { post: Post }) {
   return (
     <div
       key={attachment.id}
-      className='bg-elevated pointer-events-none relative max-h-22 max-w-30 flex-1 self-center rounded-lg ring-1 ring-[--border-primary] ring-inset'
+      className='bg-elevated pointer-events-none relative max-h-22 max-w-30 flex-1 self-center rounded-lg ring-1 ring-[var(--border-primary)] ring-inset'
       style={{ aspectRatio }}
     >
       <div className='flex h-full w-full items-center justify-center overflow-hidden rounded-lg'>