@loompad/cli 1.2.0 → 1.2.2

package/dist/web/app.css

@@ -167,6 +167,11 @@
   .dot.hot{background:var(--live)}
   .dot.hot::after{content:"";position:absolute;inset:-4px;border-radius:50%;
     border:1px solid var(--live);opacity:.5;animation:pulse 1.8s ease-out infinite}
+  .dot.work{background:var(--primary)}
+  .dot.work::after{content:"";position:absolute;inset:-4px;border-radius:50%;
+    border:1px solid var(--primary);opacity:.5;animation:pulse 1.8s ease-out infinite}
+  .card .workingtxt{color:var(--primary)}
+  @media (prefers-reduced-motion:reduce){.dot.hot::after,.dot.work::after{animation:none}}
   @keyframes pulse{0%{transform:scale(.6);opacity:.6}100%{transform:scale(1.7);opacity:0}}
   .badge{display:inline-flex;align-items:center;gap:5px;flex:none;
     font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;
@@ -508,6 +513,25 @@
     padding:9px 15px;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:86%;
     box-shadow:0 10px 24px rgb(0 0 0 / .18), inset 0 1px 0 var(--glass-highlight)}
   #toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
+  /* ── Desktop sign-in (signin.js) ─────────────────────────── */
+  .signwrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px;position:relative}
+  .signwrap::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
+    background-image:radial-gradient(circle, color-mix(in srgb, var(--foreground) 7%, transparent) 1px, transparent 1.2px);
+    background-size:5px 5px;mask-image:radial-gradient(60% 50% at 50% 45%, #000, transparent);
+    -webkit-mask-image:radial-gradient(60% 50% at 50% 45%, #000, transparent)}
+  .signcard{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
+  .signcard .biglogo{font-size:40px;font-weight:650;letter-spacing:-.02em;color:var(--foreground);margin-bottom:6px}
+  .signt{font-size:18px;font-weight:650;color:var(--foreground)}
+  .signd{font-size:13px;line-height:1.55;color:var(--muted-foreground);max-width:340px}
+  .signgh{width:100%;height:42px;font-size:14px;gap:9px;margin-top:8px}
+  .signgh svg{width:17px;height:17px}
+  .signst{font-size:12px;color:var(--muted-foreground);min-height:16px}
+  .signst a{color:var(--foreground)}
+  .signerr{color:var(--err)}
+  .signskip{background:none;border:0;color:var(--muted-foreground);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;
+    text-decoration-color:var(--border);text-underline-offset:3px;padding:4px}
+  .signskip:hover{color:var(--foreground)}
+  .signfoot{font-size:11.5px;color:var(--muted-foreground);opacity:.8}
   /* ── Pair screen ──────────────────────────────────────── */
   .pairwrap{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;
     min-height:92dvh;padding:28px;text-align:center;max-width:420px;margin:0 auto;position:relative}
@@ -888,6 +912,9 @@
   .shiftcard .shwhyl{flex-basis:100%;color:var(--muted-foreground);padding-left:2px}
   .shiftcard .shbits{font-family:var(--font-mono);font-size:11px;color:var(--muted-foreground)}
   .shiftline .btn{margin-left:6px}
+  .reviewline .rvwarn{color:var(--warn)}
+  .sys.warnline{color:var(--warn)}
+  .cwbacts{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--muted-foreground)}
   .reviewcard{max-width:92%;margin:8px 0;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);padding:9px 11px;font-size:12.5px}
   .reviewcard .rvh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
   .reviewcard .rvh b{font-weight:650}
@@ -927,6 +954,7 @@
   .councilcard .cs-running .csm{color:var(--primary)}
   .councilcard .cs-done .csm{color:var(--ok)}
   .councilcard .cs-failed .csm,.councilcard .cs-failed .csd{color:var(--err)}
+  .councilcard .cs-unverified .csm{color:var(--warn);font-weight:650}
   .councilcard .ccsum{margin-top:6px;font-weight:550}
   .councilcard .ccsum:empty{display:none}
   .shiftpick .shbody{padding:4px 12px 8px;display:flex;flex-direction:column;gap:8px}
@@ -1373,6 +1401,7 @@
   .dgrow[data-dgchat]{cursor:pointer}
   .dgrow[data-dgchat]:hover{background:var(--sidebar-accent)}
   .dgrow .dgt{flex:none;font-family:var(--font-mono);font-size:10.5px;color:var(--muted-foreground)}
+  .dgrow .dgn{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-foreground)}
   .dgrow.question{color:var(--warn)}
   .dgrow.answered{color:var(--muted-foreground)}
   .dgrow.failed,.dgrow.server{color:var(--err)}
@@ -2762,6 +2791,45 @@
   .tav{width:20px;height:20px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;
     font-size:10px;font-weight:700;text-transform:uppercase;line-height:1}
   .tav.lg{width:24px;height:24px;font-size:11px}
+  .tav{position:relative;overflow:hidden}
+  .tav img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
+  /* the Team tab: its own page, not a block under Fleet */
+  .teampane{display:flex;flex-direction:column;gap:14px;max-width:1080px;margin:0 auto;padding:18px 22px 40px}
+  .teampane .tmh{margin-top:0;padding-top:0;border-top:0}
+  .teampane.insheet{padding:14px 0 0;margin-top:14px;border-top:1px solid var(--border);max-width:none}
+  .tmwho{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground);font-family:var(--font-mono);
+    background:none;border:1px solid transparent;border-radius:99px;padding:2px 8px 2px 3px;cursor:pointer}
+  .tmwho:hover{border-color:var(--border);color:var(--foreground)}
+  .tmwho .tav{width:18px;height:18px}
+  /* signed out: what Teams is, and one button */
+  .thero{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);overflow:hidden}
+  .thhead{display:flex;gap:14px;align-items:center;padding:22px 22px 6px}
+  .thlogo{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none;
+    background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary)}
+  .thlogo svg{width:22px;height:22px}
+  .tht{font-size:20px;font-weight:700;letter-spacing:-.015em;color:var(--foreground)}
+  .thsub{font-size:13.5px;color:var(--muted-foreground);margin-top:2px;line-height:1.45}
+  .thpts{list-style:none;margin:10px 0 0;padding:6px 22px 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}
+  .thpts li{display:flex;flex-direction:column;gap:2px;padding-left:14px;position:relative}
+  .thpts li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--primary)}
+  .thpts b{font-size:13px;font-weight:650;color:var(--foreground)}
+  .thpts span{font-size:12px;color:var(--muted-foreground);line-height:1.45}
+  .thcta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:18px 22px 6px}
+  .thcta .btn.primary{height:38px;padding:0 16px;font-size:13.5px;gap:8px}
+  .thcta .btn.primary svg{width:16px;height:16px}
+  .thnote{font-size:11.5px;color:var(--muted-foreground)}
+  .thjoin{display:flex;align-items:flex-end;gap:8px;padding:10px 22px 4px}
+  .thjoin .field{flex:1;min-width:0}
+  .thjoin .field input{height:34px;font-family:var(--font-mono);font-size:12px}
+  .thjoin .field label{font-size:10px}
+  .thjoin .btn{height:34px;flex:none}
+  .thself{margin:8px 22px 14px;font-size:12px;color:var(--muted-foreground)}
+  .thself summary{cursor:pointer;width:max-content}
+  .thselfb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;align-items:end}
+  .thselfb .tjgo{grid-column:1 / -1}
+  .thme{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--foreground)}
+  .thme .tav{width:26px;height:26px;font-size:11px}
+  .thme .spacer{margin-left:auto}
   .tmem{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 2px;border-radius:99px;border:1px solid var(--border);
     font-size:12px;color:var(--foreground);max-width:220px}
   .tmem span.tml{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -2934,6 +3002,10 @@
     .tsplit > .tsec + .tsec{border-left:0;border-top:1px solid var(--border)}
     .tjoin{grid-template-columns:minmax(0,1fr)}
     .tjoin > div + div{border-left:0;border-top:1px solid var(--border)}
+    .teampane{padding:14px 14px 32px}
+    .thpts{grid-template-columns:minmax(0,1fr)}
+    .thselfb{grid-template-columns:minmax(0,1fr)}
+    .thjoin{flex-wrap:wrap}
     .tshare .seg{flex:none}
   }
   /* ── Git delivery (status bar) + the orchestra's delivery lines ── */