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

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'>