@agent-link/server 0.1.148 → 0.1.150

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.148",
+  "version": "0.1.150",
   "description": "AgentLink relay server",
   "license": "MIT",
   "repository": {

package/web/app.js

@@ -120,6 +120,7 @@ const App = {
     const workdirMenuOpen = ref(false);
     const teamsCollapsed = ref(false);
     const chatsCollapsed = ref(false);
+    const loadingTeams = ref(false);
 
     // Team creation state
     const teamInstruction = ref('');
@@ -450,6 +451,8 @@ const App = {
       document.title = name ? `${name} — AgentLink` : 'AgentLink';
     });
 
+    watch(team.teamsList, () => { loadingTeams.value = false; });
+
     // ── Lifecycle ──
     onMounted(() => { connect(scheduleHighlight); });
     onUnmounted(() => {
@@ -563,7 +566,7 @@ const App = {
       // File preview
       previewPanelOpen, previewPanelWidth, previewFile, previewLoading, previewMarkdownRendered, filePreview,
       workdirMenuOpen,
-      teamsCollapsed, chatsCollapsed,
+      teamsCollapsed, chatsCollapsed, loadingTeams,
       toggleWorkdirMenu() { workdirMenuOpen.value = !workdirMenuOpen.value; },
       workdirMenuBrowse() {
         workdirMenuOpen.value = false;
@@ -597,7 +600,10 @@ const App = {
       viewAgent: team.viewAgent,
       viewDashboard: team.viewDashboard,
       viewHistoricalTeam: team.viewHistoricalTeam,
-      requestTeamsList: team.requestTeamsList,
+      requestTeamsList() {
+        loadingTeams.value = true;
+        team.requestTeamsList();
+      },
       deleteTeamById: team.deleteTeamById,
       renameTeamById: team.renameTeamById,
       getAgentColor: team.getAgentColor,
@@ -849,8 +855,8 @@ const App = {
             <div class="sidebar-section-header" @click="teamsCollapsed = !teamsCollapsed" style="cursor: pointer;">
               <span>Teams History</span>
               <span class="sidebar-section-header-actions">
-                <button class="sidebar-refresh-btn" @click.stop="requestTeamsList" title="Refresh">
-                  <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
+                <button class="sidebar-refresh-btn" @click.stop="requestTeamsList" title="Refresh" :disabled="loadingTeams">
+                  <svg :class="{ spinning: loadingTeams }" viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M17.65 6.35A7.958 7.958 0 0 0 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0 1 12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>
                 </button>
                 <button class="sidebar-collapse-btn" :title="teamsCollapsed ? 'Expand' : 'Collapse'">
                   <svg :class="{ collapsed: teamsCollapsed }" viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>
@@ -858,7 +864,7 @@ const App = {
               </span>
             </div>
 
-            <div v-show="!teamsCollapsed">
+            <div v-show="!teamsCollapsed" class="sidebar-section-collapsible">
             <button class="new-conversation-btn" @click="newTeam" :disabled="isTeamActive">
               <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
               New team
@@ -918,7 +924,7 @@ const App = {
               </span>
             </div>
 
-            <div v-show="!chatsCollapsed">
+            <div v-show="!chatsCollapsed" class="sidebar-section-collapsible">
             <button class="new-conversation-btn" @click="newConversation">
               <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
               New conversation

package/web/style.css

@@ -3571,6 +3571,14 @@ body {
   font-weight: 600;
 }
 
+.sidebar-section-collapsible {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+}
+
 /* ── Teams sidebar section (history list in sidebar) ── */
 .sidebar-teams {
   padding: 0.75rem;
@@ -3632,7 +3640,8 @@ body {
 .team-history-meta {
   display: flex;
   align-items: center;
-  gap: 6px;
+  flex-wrap: wrap;
+  gap: 2px 6px;
   margin-top: 2px;
   font-size: 0.7rem;
   color: var(--text-secondary);
@@ -3640,6 +3649,7 @@ body {
 
 .team-history-tasks {
   color: var(--text-secondary);
+  white-space: nowrap;
 }
 
 .team-status-badge-sm {