Function EditorView

packages/web/src/components/workspace/EditorView.tsx:204–504

({
  workingDir,
  className,
  readOnly = false,
})

  )
}

export interface EditorViewHandle {
  openFile: (path: string, line?: number, column?: number) => void
}

type PendingLocation = {
  path: string
  line: number
  column?: number
}

export const EditorView = React.forwardRef<EditorViewHandle, { workingDir?: string; className?: string; readOnly?: boolean }>(function EditorView({
  workingDir,
  className,
  readOnly = false,
}, ref) {
  const { t } = useI18n()
  const [tabs, setTabs] = useState<OpenTab[]>([])
  const [activePath, setActivePath] = useState<string | null>(null)
  const [editorReady, setEditorReady] = useState(false)
  const [editorLoadFailed, setEditorLoadFailed] = useState(false)
  const [editorMountVersion, setEditorMountVersion] = useState(0)
  const [pendingLocation, setPendingLocation] = useState<PendingLocation | null>(null)
  const editorInstanceRef = useRef<MonacoEditor.IStandaloneCodeEditor | null>(null)
  const saveMutation = useSaveFile()

  useEffect(() => {
    let cancelled = false
    void import('@/lib/monaco')
      .then(({ preloadMonaco }) => preloadMonaco())
      .then(() => {
        if (!cancelled) setEditorReady(true)
      })
      .catch(() => {
        if (!cancelled) setEditorLoadFailed(true)
      })
    return () => {
      cancelled = true
    }
  }, [])

  // File tree width & collapse state
  const [treeWidth, setTreeWidth] = useState(280)
  const [treeCollapsed, setTreeCollapsed] = useState(false)
  const [isDragging, setIsDragging] = useState(false)
  const treeWidthBeforeCollapse = useRef(280)

  const toggleCollapse = useCallback(() => {
    setTreeCollapsed((prev) => {
      if (!prev) treeWidthBeforeCollapse.current = treeWidth
      else setTreeWidth(treeWidthBeforeCollapse.current)
      return !prev
    })
  }, [treeWidth])

  // Drag-to-resize logic
  const onDragStart = useCallback((e: React.MouseEvent) => {
    e.preventDefault()