now we have buggy, but correctly structured commander component

app/components/breadcrumb/index.hbs

+<nav aria-label="breadcrumb" class="m-2">
+   <ol class="breadcrumb">
+    {{#each this.nodes as |node|}}
+      <li class="breadcrumb-item">
+        {{#if (is_equal @hint "left")}}
+          <Commander::LinkToLeft
+            @node={{node}}
+            @extranode={{@extranode}} />
+        {{else}}
+          <Commander::LinkToRight
+            @node={{node}}
+            @extranode={{@node}} />
+        {{/if}}
+      </li>
+    {{/each}}
+  </ol>
+</nav>
\ No newline at end of file

app/components/breadcrumb/base.js → app/components/breadcrumb/index.js

 import Component from '@glimmer/component';
 
 
-export default class BaseBreadcrumbComponent extends Component {
+export default class BreadcrumbComponent extends Component {
 
   get nodes() {
     let current,

app/components/commander/index.hbs

@@ -14,5 +14,25 @@
     @onClose={{this.closeNewFolderModal}}
     {{show-when this.show_new_folder_modal}} />
 
-  {{yield}}
+  <Breadcrumb
+    @node={{@node}}
+    @extranode={{@extranode}}
+    @hint={{@hint}} />
+
+  {{#each @node.children as |node|}}
+    {{#let (component node.nodeType) as |NodeType|}}
+      {{! NodeType is either <Folder /> or <Document />}}
+      <NodeType @model={{node}}>
+        {{#if (is_equal @hint "left")}}
+          <Commander::LinkToLeft
+            @node={{node}}
+            @extranode={{@extranode}} />
+        {{else}}
+          <Commander::LinkToRight
+              @node={{node}}
+              @extranode={{@node}} />
+        {{/if}}
+      </NodeType>
+    {{/let}}
+  {{/each}}
 </div>

app/templates/authenticated/nodes.hbs

 <div class="panels d-flex">
   <Commander
+    @node={{this.mainnode}}
+    @extranode={{this.extranode}}
     @onPanelToggle={{this.onPanelToggle}}
-    @dualPanelMode={{this.dualpanel_mode}} >
-
-    <Breadcrumb::Left
-      @node={{@node}}
-      @extranode={{@extranode}} />
-
-    {{#each this.mainnode.children as |node|}}
-      {{#let (component node.nodeType) as |NodeType|}}
-        {{! NodeType is either <Folder /> or <Document />}}
-        <NodeType @model={{node}}>
-          <Commander::LinkToLeft
-            @node={{node}}
-            @extranode={{this.extranode}} />
-        </NodeType>
-      {{/let}}
-    {{/each}}
-  </Commander>
+    @dualPanelMode={{this.dualpanel_mode}}
+    @hint="left" />
 
   {{#if this.dualpanel_mode}}
     <Commander
+      @node={{this.extranode}}
+      @extranode={{this.mainnode}}
       @onPanelToggle={{this.onPanelToggle}}
-      @dualPanelMode={{this.dualpanel_mode}} >
-
-      <Breadcrumb::Right
-        @node={{@node}}
-        @extranode={{@extranode}} />
-
-        {{#each this.extranode.children as |node|}}
-          {{#let (component node.nodeType) as |NodeType|}}
-            {{! NodeType is either <Folder /> or <Document />}}
-            <NodeType @model={{node}}>
-              <Commander::LinkToRight
-                @node={{node}}
-                @extranode={{this.mainnode}} />
-            </NodeType>
-          {{/let}}
-        {{/each}}
-    </Commander>
+      @dualPanelMode={{this.dualpanel_mode}}
+      @hint="right"  />
   {{/if}}
 </div>