@chrysb/alphaclaw 0.8.3-beta.3 → 0.8.3-beta.5

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.
@@ -322,7 +322,8 @@
322
322
  }
323
323
 
324
324
  .chat-typing-indicator {
325
- min-width: 170px;
325
+ min-width: 0;
326
+ align-self: flex-start;
326
327
  }
327
328
 
328
329
  .chat-typing-dots {
@@ -372,14 +373,17 @@
372
373
 
373
374
  .chat-composer-input {
374
375
  flex: 1;
375
- min-height: 68px;
376
- max-height: 180px;
376
+ min-height: calc(12px * 1.4 + 20px);
377
+ max-height: calc(12px * 1.4 * 5 + 20px);
377
378
  border-radius: 10px;
378
- resize: vertical;
379
+ resize: none;
380
+ overflow-x: hidden;
381
+ overflow-y: auto;
379
382
  font-family: inherit;
380
383
  font-size: 12px;
381
384
  line-height: 1.4;
382
385
  padding: 10px;
386
+ box-sizing: border-box;
383
387
  }
384
388
 
385
389
  .chat-composer-send {
@@ -215,7 +215,6 @@
215
215
  .sidebar-chat-header {
216
216
  display: flex;
217
217
  align-items: center;
218
- justify-content: space-between;
219
218
  gap: 8px;
220
219
  padding: 12px 16px 4px;
221
220
  }
@@ -224,38 +223,82 @@
224
223
  padding: 0;
225
224
  }
226
225
 
227
- .sidebar-chat-new-button {
226
+ .sidebar-chat-sessions-list {
227
+ flex: 1 1 auto;
228
+ min-height: 0;
229
+ overflow-y: auto;
230
+ padding: 2px 0 8px;
231
+ }
232
+
233
+ .sidebar-chat-agent-group {
234
+ display: flex;
235
+ flex-direction: column;
236
+ min-width: 0;
237
+ }
238
+
239
+ .sidebar-chat-agent-toggle {
240
+ display: flex;
241
+ align-items: center;
242
+ gap: 4px;
243
+ width: 100%;
244
+ margin: 0;
245
+ padding: 6px 12px 4px 10px;
228
246
  border: none;
229
247
  background: transparent;
230
248
  color: var(--text-muted);
231
- font: inherit;
232
- display: inline-flex;
233
- align-items: center;
234
- justify-content: center;
235
- line-height: 1;
236
- padding: 6px;
237
- margin: -6px;
249
+ font-size: 11px;
250
+ font-weight: 600;
251
+ letter-spacing: 0.02em;
252
+ text-transform: uppercase;
253
+ text-align: left;
238
254
  cursor: pointer;
239
- opacity: 0.9;
240
- transition: color 0.1s, opacity 0.1s;
255
+ font-family: inherit;
256
+ user-select: none;
241
257
  }
242
258
 
243
- .sidebar-chat-new-icon {
244
- width: 16px;
245
- height: 16px;
259
+ .sidebar-chat-agent-toggle:hover {
260
+ color: var(--text);
261
+ }
262
+
263
+ .sidebar-chat-agent-chevron {
264
+ display: inline-flex;
265
+ flex-shrink: 0;
266
+ transition: transform 0.15s ease;
267
+ color: var(--text-dim);
268
+ }
269
+
270
+ .sidebar-chat-agent-chevron.is-collapsed {
271
+ transform: rotate(-90deg);
272
+ }
273
+
274
+ .sidebar-chat-agent-chevron-icon {
275
+ width: 12px;
276
+ height: 12px;
246
277
  display: block;
247
278
  }
248
279
 
249
- .sidebar-chat-new-button:hover {
250
- color: var(--text);
251
- opacity: 1;
280
+ .sidebar-chat-agent-label {
281
+ flex: 1;
282
+ min-width: 0;
283
+ overflow: hidden;
284
+ text-overflow: ellipsis;
285
+ white-space: nowrap;
252
286
  }
253
287
 
254
- .sidebar-chat-sessions-list {
255
- flex: 1 1 auto;
256
- min-height: 0;
257
- overflow-y: auto;
258
- padding: 2px 0 8px;
288
+ .sidebar-chat-agent-sessions {
289
+ display: flex;
290
+ flex-direction: column;
291
+ min-width: 0;
292
+ padding: 0 0 4px;
293
+ }
294
+
295
+ .sidebar-chat-session-channel-icon {
296
+ width: 12px;
297
+ height: 12px;
298
+ flex-shrink: 0;
299
+ border-radius: 2px;
300
+ object-fit: contain;
301
+ opacity: 0.92;
259
302
  }
260
303
 
261
304
  .sidebar-chat-session-item {