@ai-setting/roy-plugin-task-show 0.3.0 → 0.5.0

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/public/style.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --accent: #60a5fa;
12
12
  --good: #22c55e;
13
13
  --bad: #ef4444;
14
+ --warn: #f59e0b;
14
15
  --code-bg: #0f172a;
15
16
  --border: #1e293b;
16
17
  --link: #38bdf8;
@@ -89,6 +90,47 @@ pre {
89
90
  margin-bottom: 8px;
90
91
  }
91
92
 
93
+ /* ---------- Connection status indicator ---------- */
94
+ .connection-status {
95
+ display: inline-flex;
96
+ align-items: center;
97
+ gap: 8px;
98
+ margin: 8px 0 0 !important;
99
+ padding: 4px 10px;
100
+ border-radius: 999px;
101
+ background: rgba(148, 163, 184, 0.1);
102
+ border: 1px solid var(--border);
103
+ font-size: 12px !important;
104
+ color: var(--muted) !important;
105
+ }
106
+ .conn-dot {
107
+ width: 9px;
108
+ height: 9px;
109
+ border-radius: 50%;
110
+ display: inline-block;
111
+ flex-shrink: 0;
112
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.04);
113
+ transition: background 0.2s, box-shadow 0.2s;
114
+ }
115
+ .conn-connected {
116
+ background: var(--good);
117
+ box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.25), 0 0 8px rgba(34, 197, 94, 0.4);
118
+ animation: pulse 1.6s ease-in-out infinite;
119
+ }
120
+ .conn-fallback {
121
+ background: var(--warn);
122
+ box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.25);
123
+ }
124
+ .conn-disconnected {
125
+ background: var(--bad);
126
+ box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25);
127
+ }
128
+ @keyframes pulse {
129
+ 0%, 100% { opacity: 1; }
130
+ 50% { opacity: 0.55; }
131
+ }
132
+
133
+ /* ---------- Status badges ---------- */
92
134
  .badge {
93
135
  display: inline-block;
94
136
  padding: 2px 9px;
@@ -114,11 +156,16 @@ pre {
114
156
  background: rgba(148, 163, 184, 0.25);
115
157
  color: #cbd5e1;
116
158
  }
159
+ .badge-paused {
160
+ background: rgba(245, 158, 11, 0.25);
161
+ color: #fcd34d;
162
+ }
117
163
  .badge-unknown {
118
164
  background: rgba(148, 163, 184, 0.18);
119
165
  color: #cbd5e1;
120
166
  }
121
167
 
168
+ /* ---------- Panels ---------- */
122
169
  .panel {
123
170
  margin: 22px 28px;
124
171
  padding: 18px 22px;
@@ -134,6 +181,7 @@ pre {
134
181
  color: #c7d2fe;
135
182
  }
136
183
 
184
+ /* ---------- Tables ---------- */
137
185
  table {
138
186
  width: 100%;
139
187
  border-collapse: collapse;
@@ -237,4 +285,4 @@ details summary {
237
285
  padding: 14px 14px;
238
286
  margin: 14px 10px;
239
287
  }
240
- }
288
+ }