redo components (see diagram)

[nleanba]

digraph G {
{ rank = source; node [shape = box];
  welcome; login; dashboard; document; help }
{ node [shape = diamond, style = rounded];
  pdfviewer; metaviewer; mainbottombar; docbottombar; uploader; uploadli; settings; serverli; doctags; comments; filter; taglist; tagfilter; doclist; docli }
{ rank = sink; node [shape = trapezium, style = rounded];
  modal; input; toggle; progress; bottombar; tag; dateselector; confirm }
{ rank = sink; node [shape = triangle, style = rounded];
  tooltip; iconbtn }

login -> { serverli; toggle; input }; login -> serverli
dashboard -> { mainbottombar; doclist }
document -> { pdfviewer; metaviewer; docbottombar }

doclist -> docli; doclist -> docli
filter -> { input; taglist; }
metaviewer -> { input; doctags; comments; }
settings -> { modal; serverli; toggle; input }; settings -> serverli
uploader -> { modal; uploadli }; uploader -> uploadli
docbottombar -> { modal; bottombar; progress; confirm }
mainbottombar -> { uploader; settings; filter; bottombar }

taglist ->tagfilter; taglist -> tagfilter
tagfilter -> dateselector
doctags -> { tag; input; dateselector; progress; confirm }; doctags -> tag
comments -> { input }
uploadli -> { input; dateselector; progress }
docli -> tag; docli -> tag
serverli -> { progress; confirm }
}