consider the case of dual panel with one panel as viewer and another one as commander

app/components/commander/index.hbs

@@ -45,9 +45,15 @@
           @selectedNodes={{this.selected_nodes}}
           @onCheckboxChange={{this.onCheckboxChange}} >
           {{#if (is_equal @hint "left")}}
+            {{#if (is_equal node.nodeType "folder")}}
               <Folder::LinkToLeft
                 @node={{node}}
                 @extranode={{@extranode}} />
+            {{else}}
+              <Document::LinkToLeft
+                @node={{node}}
+                @extranode={{@extranode}} />
+            {{/if}}
           {{else}}
             <Folder::LinkToRight
               @node={{@extranode}}

app/components/commander/index.js

@@ -5,6 +5,15 @@ import { action } from '@ember/object';
 
 
 export default class CommanderComponent extends Component {
+  /*
+    Arguments:
+
+    @node = current node/folder
+    @extranode = extract node to display (on second panel)
+    @hint = "left" | "right" indicates which of two sides
+    is current panel displayed. @hint is "left" indicates that
+    commander is displayed in left panel.
+  */
   // show create new folder modal dialog?
   @tracked show_new_folder_modal = false;
 

app/components/document/index.hbs

@@ -6,10 +6,6 @@
     {{on "change" this.onCheckboxChange}} />
   <div class="icon document"></div>
   <div class="title">
-    <LinkTo
-      @route="authenticated.document"
-      @model={{@model.id}}>
-      {{@model.title}}
-    </LinkTo>
+    {{yield}}
   </div>
 </div>
\ No newline at end of file

app/components/document/link_to_left.hbs

 {{#if @extranode}}
   <LinkTo
-    @route="authenticated.nodes"
+    @route="authenticated.document"
     @model={{@node.id}}
     @query={{hash extranode_id=@extranode.id}}>
       {{@node.title}}