@agent-link/server 0.1.158 → 0.1.159

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/landing.html +76 -20
  3. package/web/landing.zh.html +76 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agent-link/server",
3
- "version": "0.1.158",
3
+ "version": "0.1.159",
4
4
  "description": "AgentLink relay server",
5
5
  "license": "MIT",
6
6
  "repository": {
package/web/landing.html CHANGED
@@ -668,6 +668,60 @@
668
668
  .bento-icon.amber { background: linear-gradient(135deg, rgba(245,158,11,0.2), rgba(245,158,11,0.05)); color: var(--amber); }
669
669
  .bento-icon.blue { background: linear-gradient(135deg, rgba(96,165,250,0.2), rgba(96,165,250,0.05)); color: var(--blue); }
670
670
 
671
+ /* Mode toggle visual */
672
+ .mode-toggle {
673
+ display: flex;
674
+ gap: 0;
675
+ background: rgba(255,255,255,0.04);
676
+ border: 1px solid var(--border);
677
+ border-radius: 12px;
678
+ overflow: hidden;
679
+ }
680
+
681
+ .mode-toggle-item {
682
+ flex: 1;
683
+ text-align: center;
684
+ padding: 0.7rem 1rem;
685
+ position: relative;
686
+ transition: all 0.3s;
687
+ }
688
+
689
+ .mode-toggle-item:not(:last-child) {
690
+ border-right: 1px solid var(--border);
691
+ }
692
+
693
+ .mode-toggle-item.active {
694
+ background: rgba(59,130,246,0.12);
695
+ }
696
+
697
+ .mode-toggle-item .mode-icon {
698
+ width: 32px; height: 32px;
699
+ margin: 0 auto 0.4rem;
700
+ border-radius: 8px;
701
+ display: flex;
702
+ align-items: center;
703
+ justify-content: center;
704
+ }
705
+
706
+ .mode-toggle-item .mode-icon svg { width: 18px; height: 18px; }
707
+
708
+ .mode-toggle-item .mode-icon.chat-icon { background: rgba(59,130,246,0.15); color: var(--accent); }
709
+ .mode-toggle-item .mode-icon.team-icon { background: rgba(96,165,250,0.15); color: var(--blue); }
710
+ .mode-toggle-item .mode-icon.loop-icon { background: rgba(52,211,153,0.15); color: var(--green); }
711
+
712
+ .mode-toggle-item .mode-name {
713
+ font-size: 0.8rem;
714
+ font-weight: 600;
715
+ margin-bottom: 0.2rem;
716
+ color: var(--text);
717
+ }
718
+
719
+ .mode-toggle-item .mode-desc {
720
+ font-size: 0.68rem;
721
+ color: var(--text-dim);
722
+ line-height: 1.4;
723
+ }
724
+
671
725
  /* Encryption visual */
672
726
  .encrypt-visual {
673
727
  display: flex;
@@ -1142,33 +1196,35 @@
1142
1196
  <p>Phone, tablet, laptop &mdash; any browser becomes your Claude Code terminal.</p>
1143
1197
  </div>
1144
1198
 
1145
- <!-- Full Claude Code — wide -->
1199
+ <!-- Chat | Team | Loop — wide -->
1146
1200
  <div class="bento-card wide">
1147
1201
  <div class="bento-visual">
1148
- <div class="device-flow">
1149
- <div class="device-pill">
1150
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
1151
- Terminal
1152
- </div>
1153
- <div class="flow-line"></div>
1154
- <div class="device-pill">
1155
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
1156
- Files
1202
+ <div class="mode-toggle">
1203
+ <div class="mode-toggle-item active">
1204
+ <div class="mode-icon chat-icon">
1205
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
1206
+ </div>
1207
+ <div class="mode-name">Chat</div>
1208
+ <div class="mode-desc">Interactive coding sessions</div>
1157
1209
  </div>
1158
- <div class="flow-line"></div>
1159
- <div class="device-pill">
1160
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
1161
- Search
1210
+ <div class="mode-toggle-item">
1211
+ <div class="mode-icon team-icon">
1212
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1213
+ </div>
1214
+ <div class="mode-name">Team</div>
1215
+ <div class="mode-desc">Parallel sub-agents</div>
1162
1216
  </div>
1163
- <div class="flow-line"></div>
1164
- <div class="device-pill">
1165
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
1166
- Chat
1217
+ <div class="mode-toggle-item">
1218
+ <div class="mode-icon loop-icon">
1219
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
1220
+ </div>
1221
+ <div class="mode-name">Loop</div>
1222
+ <div class="mode-desc">Scheduled cron tasks</div>
1167
1223
  </div>
1168
1224
  </div>
1169
1225
  </div>
1170
- <h3>Full Claude Code Experience</h3>
1171
- <p>File editing, shell commands, search, multi-turn conversations &mdash; every capability, now in your browser.</p>
1226
+ <h3>Three Modes, One Interface</h3>
1227
+ <p>Chat with Claude interactively, spawn agent teams for complex tasks, or schedule recurring Loop jobs with cron &mdash; all from the same browser tab.</p>
1172
1228
  </div>
1173
1229
 
1174
1230
  <!-- Self-hostable -->
package/web/landing.zh.html CHANGED
@@ -669,6 +669,60 @@
669
669
  .bento-icon.amber { background: linear-gradient(135deg, rgba(245,158,11,0.2), rgba(245,158,11,0.05)); color: var(--amber); }
670
670
  .bento-icon.blue { background: linear-gradient(135deg, rgba(96,165,250,0.2), rgba(96,165,250,0.05)); color: var(--blue); }
671
671
 
672
+ /* Mode toggle visual */
673
+ .mode-toggle {
674
+ display: flex;
675
+ gap: 0;
676
+ background: rgba(255,255,255,0.04);
677
+ border: 1px solid var(--border);
678
+ border-radius: 12px;
679
+ overflow: hidden;
680
+ }
681
+
682
+ .mode-toggle-item {
683
+ flex: 1;
684
+ text-align: center;
685
+ padding: 0.7rem 1rem;
686
+ position: relative;
687
+ transition: all 0.3s;
688
+ }
689
+
690
+ .mode-toggle-item:not(:last-child) {
691
+ border-right: 1px solid var(--border);
692
+ }
693
+
694
+ .mode-toggle-item.active {
695
+ background: rgba(59,130,246,0.12);
696
+ }
697
+
698
+ .mode-toggle-item .mode-icon {
699
+ width: 32px; height: 32px;
700
+ margin: 0 auto 0.4rem;
701
+ border-radius: 8px;
702
+ display: flex;
703
+ align-items: center;
704
+ justify-content: center;
705
+ }
706
+
707
+ .mode-toggle-item .mode-icon svg { width: 18px; height: 18px; }
708
+
709
+ .mode-toggle-item .mode-icon.chat-icon { background: rgba(59,130,246,0.15); color: var(--accent); }
710
+ .mode-toggle-item .mode-icon.team-icon { background: rgba(96,165,250,0.15); color: var(--blue); }
711
+ .mode-toggle-item .mode-icon.loop-icon { background: rgba(52,211,153,0.15); color: var(--green); }
712
+
713
+ .mode-toggle-item .mode-name {
714
+ font-size: 0.8rem;
715
+ font-weight: 600;
716
+ margin-bottom: 0.2rem;
717
+ color: var(--text);
718
+ }
719
+
720
+ .mode-toggle-item .mode-desc {
721
+ font-size: 0.68rem;
722
+ color: var(--text-dim);
723
+ line-height: 1.4;
724
+ }
725
+
672
726
  /* Encryption visual */
673
727
  .encrypt-visual {
674
728
  display: flex;
@@ -1141,33 +1195,35 @@
1141
1195
  <p>手机、平板、笔记本 &mdash; 有浏览器就行，随时切到你的 Claude。</p>
1142
1196
  </div>
1143
1197
 
1144
- <!-- Full Claude Code — wide -->
1198
+ <!-- Chat | Team | Loop — wide -->
1145
1199
  <div class="bento-card wide">
1146
1200
  <div class="bento-visual">
1147
- <div class="device-flow">
1148
- <div class="device-pill">
1149
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>
1150
- 终端
1151
- </div>
1152
- <div class="flow-line"></div>
1153
- <div class="device-pill">
1154
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline></svg>
1155
- 文件
1201
+ <div class="mode-toggle">
1202
+ <div class="mode-toggle-item active">
1203
+ <div class="mode-icon chat-icon">
1204
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
1205
+ </div>
1206
+ <div class="mode-name">Chat</div>
1207
+ <div class="mode-desc">交互式编程对话</div>
1156
1208
  </div>
1157
- <div class="flow-line"></div>
1158
- <div class="device-pill">
1159
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
1160
- 搜索
1209
+ <div class="mode-toggle-item">
1210
+ <div class="mode-icon team-icon">
1211
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
1212
+ </div>
1213
+ <div class="mode-name">Team</div>
1214
+ <div class="mode-desc">并行子 Agent 协作</div>
1161
1215
  </div>
1162
- <div class="flow-line"></div>
1163
- <div class="device-pill">
1164
- <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
1165
- 对话
1216
+ <div class="mode-toggle-item">
1217
+ <div class="mode-icon loop-icon">
1218
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>
1219
+ </div>
1220
+ <div class="mode-name">Loop</div>
1221
+ <div class="mode-desc">定时 Cron 任务</div>
1166
1222
  </div>
1167
1223
  </div>
1168
1224
  </div>
1169
- <h3>完整的 Claude Code 体验</h3>
1170
- <p>文件编辑、Shell 命令、代码搜索、多轮对话 &mdash; 所有能力，现在搬到了浏览器里。</p>
1225
+ <h3>三大模式，一个界面</h3>
1226
+ <p>和 Claude 交互对话、启动 Agent 团队处理复杂任务、或用 Cron 调度定时 Loop 任务 &mdash; 全在同一个浏览器标签页里。</p>
1171
1227
  </div>
1172
1228
 
1173
1229
  <!-- Self-hostable -->