shell-mirror 1.5.115 → 1.5.117
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.
- package/package.json +1 -1
- package/public/app/dashboard.css +34 -6
- package/public/app/dashboard.js +4 -1
package/package.json
CHANGED
package/public/app/dashboard.css
CHANGED
|
@@ -436,14 +436,18 @@ body {
|
|
|
436
436
|
filter: brightness(1.1);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
/* New Session Button */
|
|
439
|
+
/* New Session Button - styled like session row */
|
|
440
440
|
.btn-new-session {
|
|
441
|
-
|
|
442
|
-
|
|
441
|
+
display: flex;
|
|
442
|
+
align-items: center;
|
|
443
|
+
justify-content: center;
|
|
444
|
+
gap: 8px;
|
|
445
|
+
background: var(--bg-tertiary);
|
|
446
|
+
color: var(--text-secondary);
|
|
443
447
|
border: 1px dashed var(--border-light);
|
|
444
448
|
border-radius: 6px;
|
|
445
|
-
padding:
|
|
446
|
-
font-size: 0.
|
|
449
|
+
padding: 12px 16px;
|
|
450
|
+
font-size: 0.9rem;
|
|
447
451
|
font-weight: 500;
|
|
448
452
|
cursor: pointer;
|
|
449
453
|
width: 100%;
|
|
@@ -451,9 +455,15 @@ body {
|
|
|
451
455
|
}
|
|
452
456
|
|
|
453
457
|
.btn-new-session:hover {
|
|
454
|
-
background: var(--bg-
|
|
458
|
+
background: var(--bg-hover);
|
|
455
459
|
border-color: var(--accent);
|
|
456
460
|
border-style: solid;
|
|
461
|
+
color: var(--accent);
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
.btn-new-session .plus-icon {
|
|
465
|
+
font-size: 1.1rem;
|
|
466
|
+
font-weight: 400;
|
|
457
467
|
}
|
|
458
468
|
|
|
459
469
|
/* Offline Agent */
|
|
@@ -1024,3 +1034,21 @@ body {
|
|
|
1024
1034
|
.connection-status.connected { color: var(--success); }
|
|
1025
1035
|
.connection-status.disconnected { color: var(--warning); }
|
|
1026
1036
|
.connection-status.error { color: var(--danger); }
|
|
1037
|
+
|
|
1038
|
+
/* Usage Instructions - muted helper text */
|
|
1039
|
+
.usage-instructions {
|
|
1040
|
+
margin-top: 24px;
|
|
1041
|
+
text-align: center;
|
|
1042
|
+
color: var(--text-muted);
|
|
1043
|
+
font-size: 0.8rem;
|
|
1044
|
+
line-height: 1.6;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
.usage-instructions code {
|
|
1048
|
+
background: var(--bg-tertiary);
|
|
1049
|
+
padding: 2px 6px;
|
|
1050
|
+
border-radius: 4px;
|
|
1051
|
+
font-family: 'Monaco', 'Menlo', monospace;
|
|
1052
|
+
font-size: 0.75rem;
|
|
1053
|
+
color: var(--text-secondary);
|
|
1054
|
+
}
|
package/public/app/dashboard.js
CHANGED
|
@@ -652,7 +652,7 @@ class ShellMirrorDashboard {
|
|
|
652
652
|
</div>
|
|
653
653
|
` : ''}
|
|
654
654
|
<button class="btn-new-session" onclick="dashboard.createNewSession('${agent.agentId}')">
|
|
655
|
-
|
|
655
|
+
<span class="plus-icon">+</span> Create New Session
|
|
656
656
|
</button>
|
|
657
657
|
</div>
|
|
658
658
|
` : `
|
|
@@ -672,6 +672,9 @@ class ShellMirrorDashboard {
|
|
|
672
672
|
${agentCount > 0 ? agentsHtml : this.renderEmptyAgentState()}
|
|
673
673
|
</div>
|
|
674
674
|
</div>
|
|
675
|
+
<div class="usage-instructions">
|
|
676
|
+
<p>New here? Install with <code>npm install -g shell-mirror</code> then run <code>shell-mirror</code></p>
|
|
677
|
+
</div>
|
|
675
678
|
`;
|
|
676
679
|
}
|
|
677
680
|
|