clean up frontend

app/templates/conversation.hbs

@@ -1,6 +1,21 @@
-<AuBodyContainer>
+<div class="au-c-main-container__sidebar chat-sidebar">
+  <Chat::Sidebar @conversations={{@model.conversations}} />
+</div>
+
+<div
+  id="content"
+  class="au-c-main-container__content chat-content"
+  tabindex="-1"
+>
+  <div class="chat-toolbar">
+    <AuHeading @level="1" @skin="3" class="chat-toolbar__title">
+      {{if @model.conversation.title @model.conversation.title "Nieuw gesprek"}}
+    </AuHeading>
+    <Chat::NewConversation />
+  </div>
+
   <Chat::Window
     @conversation={{@model.conversation}}
     @assistant={{@model.assistant}}
   />
-</AuBodyContainer>
+</div>

app/templates/conversations.hbs

@@ -1,22 +1,13 @@
-<AuBodyContainer @scroll={{true}}>
-  <div class="au-o-region au-o-layout au-o-layout--small">
-    <AuHeading @level="1" @skin="2">Gesprekken</AuHeading>
-    <AuButton
-      @loading={{this.create.isRunning}}
-      {{on "click" (perform this.create)}}
-    >
-      Nieuw gesprek
-    </AuButton>
-    <AuList class="au-u-margin-top" as |Item|>
-      {{#each @model as |conversation|}}
-        <Item>
-          <AuLink @route="conversation" @model={{conversation.id}}>
-            {{if conversation.title conversation.title "Nieuw gesprek"}}
-          </AuLink>
-        </Item>
-      {{else}}
-        <p class="au-u-muted">Nog geen gesprekken.</p>
-      {{/each}}
-    </AuList>
+<div class="au-c-main-container__sidebar chat-sidebar">
+  <Chat::Sidebar @conversations={{@model}} />
+</div>
+
+<div
+  id="content"
+  class="au-c-main-container__content chat-content"
+  tabindex="-1"
+>
+  <div class="chat-start">
+    <Chat::NewConversation @large={{true}} />
   </div>
-</AuBodyContainer>
+</div>