@pheem49/mint 1.5.3 → 1.5.4

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/src/UI/styles.css CHANGED
@@ -1225,15 +1225,206 @@ h1 {
1225
1225
  gap: 8px;
1226
1226
  }
1227
1227
 
1228
+ .action-card-icon {
1229
+ align-items: center;
1230
+ display: inline-flex;
1231
+ flex: 0 0 22px;
1232
+ font-size: 1rem;
1233
+ justify-content: center;
1234
+ line-height: 1;
1235
+ }
1236
+
1237
+ .action-card-content {
1238
+ display: grid;
1239
+ gap: 2px;
1240
+ min-width: 0;
1241
+ }
1242
+
1243
+ .action-card-title {
1244
+ color: var(--text-main);
1245
+ font-weight: 700;
1246
+ }
1247
+
1248
+ .action-card-detail {
1249
+ color: var(--text-muted);
1250
+ font-size: 0.78rem;
1251
+ overflow-wrap: anywhere;
1252
+ }
1253
+
1254
+ .approval-card {
1255
+ align-items: stretch;
1256
+ flex-direction: column;
1257
+ background: rgba(245, 158, 11, 0.12);
1258
+ border-color: rgba(245, 158, 11, 0.38);
1259
+ }
1260
+
1261
+ .approval-card[data-tier="dangerous"] {
1262
+ background: rgba(239, 68, 68, 0.12);
1263
+ border-color: rgba(239, 68, 68, 0.42);
1264
+ }
1265
+
1266
+ .approval-card-content {
1267
+ display: grid;
1268
+ gap: 4px;
1269
+ }
1270
+
1271
+ .approval-card-title {
1272
+ color: var(--text-main);
1273
+ font-weight: 700;
1274
+ }
1275
+
1276
+ .approval-card-body {
1277
+ color: var(--text-main);
1278
+ overflow-wrap: anywhere;
1279
+ }
1280
+
1281
+ .approval-card-reason {
1282
+ color: var(--text-muted);
1283
+ font-size: 0.78rem;
1284
+ }
1285
+
1286
+ .approval-card-actions {
1287
+ display: flex;
1288
+ flex-wrap: wrap;
1289
+ gap: 8px;
1290
+ margin-top: 6px;
1291
+ }
1292
+
1293
+ .approval-btn {
1294
+ border: 1px solid rgba(255, 255, 255, 0.14);
1295
+ border-radius: 6px;
1296
+ color: var(--text-main);
1297
+ cursor: pointer;
1298
+ font-size: 0.82rem;
1299
+ font-weight: 700;
1300
+ padding: 7px 10px;
1301
+ }
1302
+
1303
+ .approval-btn:disabled {
1304
+ cursor: default;
1305
+ opacity: 0.6;
1306
+ }
1307
+
1308
+ .approval-btn-approve {
1309
+ background: rgba(245, 158, 11, 0.28);
1310
+ }
1311
+
1312
+ .approval-card[data-tier="dangerous"] .approval-btn-approve {
1313
+ background: rgba(239, 68, 68, 0.28);
1314
+ }
1315
+
1316
+ .approval-btn-cancel {
1317
+ background: rgba(255, 255, 255, 0.08);
1318
+ }
1319
+
1320
+ .agent-activity-message {
1321
+ margin-top: -2px;
1322
+ }
1323
+
1324
+ .agent-activity-card {
1325
+ background: rgba(15, 23, 42, 0.46);
1326
+ border: 1px solid rgba(148, 163, 184, 0.18);
1327
+ border-radius: 8px;
1328
+ color: var(--text-main);
1329
+ max-width: min(520px, 100%);
1330
+ padding: 10px 12px;
1331
+ }
1332
+
1333
+ .agent-activity-header {
1334
+ align-items: center;
1335
+ display: flex;
1336
+ font-size: 0.78rem;
1337
+ font-weight: 700;
1338
+ justify-content: space-between;
1339
+ margin-bottom: 8px;
1340
+ }
1341
+
1342
+ .agent-activity-status {
1343
+ border: 1px solid rgba(139, 92, 246, 0.28);
1344
+ border-radius: 999px;
1345
+ color: var(--accent);
1346
+ font-size: 0.68rem;
1347
+ padding: 2px 7px;
1348
+ }
1349
+
1350
+ .agent-activity-status[data-state="done"] {
1351
+ border-color: rgba(16, 185, 129, 0.3);
1352
+ color: #34d399;
1353
+ }
1354
+
1355
+ .agent-activity-status[data-state="error"] {
1356
+ border-color: rgba(239, 68, 68, 0.34);
1357
+ color: #f87171;
1358
+ }
1359
+
1360
+ .agent-activity-status[data-state="cancelled"] {
1361
+ border-color: rgba(148, 163, 184, 0.28);
1362
+ color: var(--text-muted);
1363
+ }
1364
+
1365
+ .agent-activity-list {
1366
+ display: grid;
1367
+ gap: 6px;
1368
+ }
1369
+
1370
+ .agent-activity-item {
1371
+ align-items: start;
1372
+ color: var(--text-soft);
1373
+ display: grid;
1374
+ font-size: 0.76rem;
1375
+ gap: 8px;
1376
+ grid-template-columns: 9px minmax(0, 1fr);
1377
+ }
1378
+
1379
+ .agent-activity-dot {
1380
+ background: var(--accent);
1381
+ border-radius: 50%;
1382
+ height: 7px;
1383
+ margin-top: 5px;
1384
+ width: 7px;
1385
+ }
1386
+
1387
+ .agent-activity-item[data-state="done"] .agent-activity-dot {
1388
+ background: #34d399;
1389
+ }
1390
+
1391
+ .agent-activity-item[data-state="error"] .agent-activity-dot {
1392
+ background: #f87171;
1393
+ }
1394
+
1395
+ .agent-activity-item[data-state="skipped"] .agent-activity-dot,
1396
+ .agent-activity-item[data-state="cancelled"] .agent-activity-dot {
1397
+ background: rgba(148, 163, 184, 0.8);
1398
+ }
1399
+
1400
+ .agent-activity-item[data-state="approval"] .agent-activity-dot {
1401
+ background: #f59e0b;
1402
+ }
1403
+
1404
+ .agent-activity-text {
1405
+ overflow-wrap: anywhere;
1406
+ }
1407
+
1228
1408
  /* Smart Context Toggle */
1229
1409
  .smart-context-bar {
1230
1410
  display: flex;
1231
1411
  align-items: center;
1232
- gap: 8px;
1412
+ flex-wrap: wrap;
1413
+ gap: 12px;
1233
1414
  padding: 4px 6px;
1234
1415
  margin-bottom: 8px;
1235
1416
  }
1236
1417
 
1418
+ .smart-context-control {
1419
+ align-items: center;
1420
+ display: inline-flex;
1421
+ gap: 8px;
1422
+ }
1423
+
1424
+ .smart-context-control.is-active .smart-context-label {
1425
+ color: var(--accent);
1426
+ }
1427
+
1237
1428
  .smart-context-label {
1238
1429
  font-size: 0.85rem;
1239
1430
  color: var(--text-main);
@@ -2116,13 +2307,16 @@ input:checked + .slider:before {
2116
2307
  }
2117
2308
 
2118
2309
  .smart-context-bar {
2119
- height: 24px;
2120
- padding: 0 10px 0 14px;
2310
+ min-height: 24px;
2311
+ padding: 3px 10px 3px 14px;
2121
2312
  margin: 0;
2122
2313
  background: var(--input-bg);
2123
2314
  border: 1px solid var(--border);
2124
2315
  border-bottom: 0;
2125
2316
  border-radius: 14px 14px 0 0;
2317
+ display: flex;
2318
+ flex-wrap: wrap;
2319
+ gap: 10px;
2126
2320
  }
2127
2321
 
2128
2322
  .smart-context-label {