@agent-link/server 0.1.146 → 0.1.148

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/web/app.js +25 -5
  3. package/web/style.css +32 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agent-link/server",
3
- "version": "0.1.146",
3
+ "version": "0.1.148",
4
4
  "description": "AgentLink relay server",
5
5
  "license": "MIT",
6
6
  "repository": {
package/web/app.js CHANGED
@@ -118,6 +118,8 @@ const App = {
118
118
  const sidebarView = ref('sessions'); // 'sessions' | 'files' | 'preview' (mobile only)
119
119
  const isMobile = ref(window.innerWidth <= 768);
120
120
  const workdirMenuOpen = ref(false);
121
+ const teamsCollapsed = ref(false);
122
+ const chatsCollapsed = ref(false);
121
123
 
122
124
  // Team creation state
123
125
  const teamInstruction = ref('');
@@ -561,6 +563,7 @@ const App = {
561
563
  // File preview
562
564
  previewPanelOpen, previewPanelWidth, previewFile, previewLoading, previewMarkdownRendered, filePreview,
563
565
  workdirMenuOpen,
566
+ teamsCollapsed, chatsCollapsed,
564
567
  toggleWorkdirMenu() { workdirMenuOpen.value = !workdirMenuOpen.value; },
565
568
  workdirMenuBrowse() {
566
569
  workdirMenuOpen.value = false;
@@ -843,10 +846,19 @@ const App = {
843
846
 
844
847
  <!-- Teams section -->
845
848
  <div class="sidebar-section sidebar-teams">
846
- <div class="sidebar-section-header">
849
+ <div class="sidebar-section-header" @click="teamsCollapsed = !teamsCollapsed" style="cursor: pointer;">
847
850
  <span>Teams History</span>
851
+ <span class="sidebar-section-header-actions">
852
+ <button class="sidebar-refresh-btn" @click.stop="requestTeamsList" title="Refresh">
853
+ <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>
854
+ </button>
855
+ <button class="sidebar-collapse-btn" :title="teamsCollapsed ? 'Expand' : 'Collapse'">
856
+ <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>
857
+ </button>
858
+ </span>
848
859
  </div>
849
860
 
861
+ <div v-show="!teamsCollapsed">
850
862
  <button class="new-conversation-btn" @click="newTeam" :disabled="isTeamActive">
851
863
  <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
852
864
  New team
@@ -890,16 +902,23 @@ const App = {
890
902
  </div>
891
903
  </div>
892
904
  </div>
905
+ </div>
893
906
  </div>
894
907
 
895
908
  <div class="sidebar-section sidebar-sessions">
896
- <div class="sidebar-section-header">
909
+ <div class="sidebar-section-header" @click="chatsCollapsed = !chatsCollapsed" style="cursor: pointer;">
897
910
  <span>Chat History</span>
898
- <button class="sidebar-refresh-btn" @click="requestSessionList" title="Refresh" :disabled="loadingSessions">
899
- <svg :class="{ spinning: loadingSessions }" 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>
900
- </button>
911
+ <span class="sidebar-section-header-actions">
912
+ <button class="sidebar-refresh-btn" @click.stop="requestSessionList" title="Refresh" :disabled="loadingSessions">
913
+ <svg :class="{ spinning: loadingSessions }" 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>
914
+ </button>
915
+ <button class="sidebar-collapse-btn" :title="chatsCollapsed ? 'Expand' : 'Collapse'">
916
+ <svg :class="{ collapsed: chatsCollapsed }" 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>
917
+ </button>
918
+ </span>
901
919
  </div>
902
920
 
921
+ <div v-show="!chatsCollapsed">
903
922
  <button class="new-conversation-btn" @click="newConversation">
904
923
  <svg viewBox="0 0 24 24" width="14" height="14"><path fill="currentColor" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
905
924
  New conversation
@@ -960,6 +979,7 @@ const App = {
960
979
  </div>
961
980
  </div>
962
981
  </div>
982
+ </div>
963
983
  </div>
964
984
 
965
985
  <div v-if="serverVersion || agentVersion" class="sidebar-version-footer">
package/web/style.css CHANGED
@@ -419,6 +419,38 @@ body {
419
419
  cursor: not-allowed;
420
420
  }
421
421
 
422
+ .sidebar-section-header-actions {
423
+ display: flex;
424
+ align-items: center;
425
+ gap: 2px;
426
+ }
427
+
428
+ .sidebar-collapse-btn {
429
+ display: flex;
430
+ align-items: center;
431
+ justify-content: center;
432
+ width: 24px;
433
+ height: 24px;
434
+ background: none;
435
+ border: none;
436
+ border-radius: 4px;
437
+ color: var(--text-secondary);
438
+ cursor: pointer;
439
+ transition: color 0.15s;
440
+ }
441
+
442
+ .sidebar-collapse-btn:hover {
443
+ color: var(--text-primary);
444
+ }
445
+
446
+ .sidebar-collapse-btn svg {
447
+ transition: transform 0.2s ease;
448
+ }
449
+
450
+ .sidebar-collapse-btn svg.collapsed {
451
+ transform: rotate(-90deg);
452
+ }
453
+
422
454
  @keyframes spin {
423
455
  from { transform: rotate(0deg); }
424
456
  to { transform: rotate(360deg); }