Collapsable+resizable sidebar. Standard view header component.

frontend/src/views/Agent.vue

@@ -4,6 +4,8 @@
     onMounted, onUnmounted,
   } from "vue";
 
+  import TitleBar from '../components/TitleBar.vue';
+
   import * as backend from '../backend';
   import * as ui from '../ui';
 
@@ -188,7 +190,10 @@
 
 <template>
   <main>
-    <h1>{{ agent.name || `Agent-${id}` }}</h1>
+    <TitleBar>
+      <h1>{{ agent.name || `Agent-${id}` }}</h1>
+    </TitleBar>
+
     <section class="top-section">
       <p style="white-space: pre-wrap; padding-bottom: 1em; border-bottom: 1px solid var(--color-border)">{{ kindInfo.description }}</p>