@agent-link/server 0.1.147 → 0.1.149

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-link/server",
-  "version": "0.1.147",
+  "version": "0.1.149",
   "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,
@@ -848,12 +854,17 @@ const App = {
           <div class="sidebar-section sidebar-teams">
             <div class="sidebar-section-header" @click="teamsCollapsed = !teamsCollapsed" style="cursor: pointer;">
               <span>Teams History</span>
-              <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>
-              </button>
+              <span class="sidebar-section-header-actions">
+                <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>
+                </button>
+              </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
@@ -913,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;