@saluzi/saluzi-edu 0.2.59 → 0.2.61

package/dist/parade/web/index.html

@@ -15,6 +15,11 @@
     --text: #e7e3f4;
     --text-dim: #9b94b8;
     --text-faint: #5c5575;
+    /* --ui-scale is set by cube.js: multiplier on design px. All visual
+       dimensions below use calc(Npx * var(--ui-scale)) so the UI grows with
+       the window. Functional elements (resize handles, ctx menu, close btn,
+       ws status) stay fixed for usability. */
+    --ui-scale: 1;
   }
   * { margin: 0; padding: 0; box-sizing: border-box; }
   html, body {
@@ -33,12 +38,17 @@
   }
 
   /* ---- Left: cube stage ----
-     Use flex-basis instead of fixed px so the stage scales with the window.
-     The cube is a CSS 3D transform element — three faces (body + ::before
-     + ::after) form a visible cube. Rotates when .rotating class is applied
-     (driven by runningCount + cubeMode in cube.js). */
+     flex-basis is a percentage so the stage scales with the window. The cube
+     is a CSS 3D transform element — three faces (body + ::before + ::after)
+     form a visible cube. Rotates when .rotating is applied (driven by
+     runningCount + cubeMode in cube.js).
+
+     preserve-3d constraint: .cube has transform-style: preserve-3d, so NEVER
+     apply filter/opacity (<1) to .cube itself — grouping properties flatten
+     3D subtrees. All glow/dim effects live on #cube-stage (whose own subtree
+     composites before being filtered) or animate leaf colors only. */
   #cube-stage {
-    flex: 0 0 43%;  /* ~95px of 220px, but proportional so it scales */
+    flex: 0 0 43%;
     height: 100%;
     position: relative;
     background:
@@ -48,13 +58,44 @@
     align-items: center;
     justify-content: center;
     border-right: 1px solid var(--border);
-    perspective: 200px;
+    perspective: calc(200px * var(--ui-scale));
+    /* Idle: slightly dim, transitions back smoothly when rotation stops. */
+    filter: brightness(0.96);
+    transition: filter 0.35s ease;
+  }
+  /* Rotating: glow pulse on the STAGE (grouping here is safe — the cube's
+     internal 3D composition finishes before the stage-level filter applies). */
+  #cube-stage.rotating {
+    animation: stage-glow 1.4s ease-in-out infinite alternate;
+  }
+  @keyframes stage-glow {
+    from { filter: brightness(1) drop-shadow(0 0 0 rgba(139, 92, 246, 0)); }
+    to   { filter: brightness(1.15) drop-shadow(0 0 calc(12px * var(--ui-scale)) var(--purple-glow)); }
+  }
+  /* Halo behind the cube — pulses while rotating. */
+  #cube-stage::before {
+    content: '';
+    position: absolute;
+    width: calc(90px * var(--ui-scale));
+    height: calc(90px * var(--ui-scale));
+    border-radius: 50%;
+    background: radial-gradient(circle, var(--purple-glow) 0%, transparent 65%);
+    opacity: 0;
+    transition: opacity 0.4s ease;
+    pointer-events: none;
+  }
+  #cube-stage.rotating::before {
+    animation: halo-pulse 1.4s ease-in-out infinite alternate;
+  }
+  @keyframes halo-pulse {
+    from { opacity: 0.3; }
+    to   { opacity: 0.85; }
   }
   /* CSS 3D cube: body is the front face, ::before is the right face,
      ::after is the top face. Half-size translates position them at 90°. */
   .cube {
-    width: 22px;
-    height: 22px;
+    width: calc(22px * var(--ui-scale));
+    height: calc(22px * var(--ui-scale));
     position: relative;
     transform-style: preserve-3d;
     transform: rotateX(-28deg) rotateY(45deg);
@@ -62,7 +103,7 @@
     border: 1px solid #8B5CF6;
   }
   .cube.rotating {
-    animation: cube-spin 8s linear infinite;
+    animation: cube-spin 2.8s linear infinite;
   }
   .cube::before,
   .cube::after {
@@ -71,12 +112,12 @@
     inset: 0;
   }
   .cube::before {
-    transform: rotateY(90deg) translateZ(11px);
+    transform: rotateY(90deg) translateZ(calc(11px * var(--ui-scale)));
     background: rgba(167, 139, 250, 0.55);
     border: 1px solid #a78bfa;
   }
   .cube::after {
-    transform: rotateX(90deg) translateZ(11px);
+    transform: rotateX(90deg) translateZ(calc(11px * var(--ui-scale)));
     background: rgba(109, 40, 217, 0.4);
     border: 1px solid #6d28d9;
   }
@@ -86,14 +127,16 @@
   }
   @media (prefers-reduced-motion: reduce) {
     .cube.rotating { animation: none; }
+    #cube-stage.rotating { animation: none; }
+    #cube-stage.rotating::before { animation: none; opacity: 0.5; }
   }
   /* Subtle ring frame around the cube */
   #cube-stage::after {
     content: '';
     position: absolute;
-    inset: 14px;
+    inset: calc(14px * var(--ui-scale));
     border: 1px solid rgba(139, 92, 246, 0.12);
-    border-radius: 8px;
+    border-radius: calc(8px * var(--ui-scale));
     pointer-events: none;
   }
 
@@ -101,10 +144,10 @@
   #panel {
     flex: 1;
     height: 100%;
-    padding: 12px 14px 10px;
+    padding: calc(12px * var(--ui-scale)) calc(14px * var(--ui-scale)) calc(10px * var(--ui-scale));
     display: flex;
     flex-direction: column;
-    gap: 8px;
+    gap: calc(8px * var(--ui-scale));
     background: linear-gradient(180deg, var(--bg-elev) 0%, var(--bg) 100%);
     position: relative;
   }
@@ -113,11 +156,11 @@
   #counts-row {
     display: flex;
     align-items: baseline;
-    gap: 8px;
+    gap: calc(8px * var(--ui-scale));
     flex-shrink: 0;
   }
   #running-count {
-    font-size: 28px;
+    font-size: calc(28px * var(--ui-scale));
     font-weight: 700;
     line-height: 1;
     color: var(--purple-soft);
@@ -125,25 +168,25 @@
     font-variant-numeric: tabular-nums;
   }
   #counts-sep {
-    font-size: 14px;
+    font-size: calc(14px * var(--ui-scale));
     color: var(--text-faint);
     font-weight: 300;
   }
   #waiting-pill {
     display: inline-flex;
     align-items: center;
-    gap: 4px;
-    padding: 2px 7px;
-    border-radius: 9px;
+    gap: calc(4px * var(--ui-scale));
+    padding: calc(2px * var(--ui-scale)) calc(7px * var(--ui-scale));
+    border-radius: calc(9px * var(--ui-scale));
     background: rgba(251, 191, 36, 0.12);
     color: var(--amber);
-    font-size: 11px;
+    font-size: calc(11px * var(--ui-scale));
     font-weight: 600;
     line-height: 1.3;
     font-variant-numeric: tabular-nums;
   }
   #waiting-pill .dot {
-    width: 5px; height: 5px;
+    width: calc(5px * var(--ui-scale)); height: calc(5px * var(--ui-scale));
     border-radius: 50%;
     background: var(--amber);
     box-shadow: 0 0 4px var(--amber);
@@ -156,23 +199,23 @@
     overflow: hidden;
     display: flex;
     flex-direction: column;
-    gap: 3px;
+    gap: calc(3px * var(--ui-scale));
     min-height: 0;
     position: relative;
   }
   #sessions-inner {
     display: flex;
     flex-direction: column;
-    gap: 3px;
+    gap: calc(3px * var(--ui-scale));
     min-height: 0;
     will-change: transform;
   }
   /* Custom scrollbar: invisible by default, fades in on hover/scroll */
   #scrollbar-track {
     position: absolute;
-    right: 12px;
-    width: 4px;
-    border-radius: 2px;
+    right: calc(12px * var(--ui-scale));
+    width: calc(4px * var(--ui-scale));
+    border-radius: calc(2px * var(--ui-scale));
     z-index: 50;
     opacity: 0;
     transition: opacity 0.3s ease;
@@ -185,8 +228,8 @@
   #scrollbar-thumb {
     position: absolute;
     width: 100%;
-    min-height: 16px;
-    border-radius: 2px;
+    min-height: calc(16px * var(--ui-scale));
+    border-radius: calc(2px * var(--ui-scale));
     background: rgba(139, 92, 246, 0.35);
     transition: background 0.15s ease;
   }
@@ -195,10 +238,10 @@
     background: rgba(139, 92, 246, 0.6);
   }
   .session-row {
-    font-size: 10.5px;
+    font-size: calc(10.5px * var(--ui-scale));
     line-height: 1.35;
     color: var(--text-dim);
-    padding: 2px 0 2px 14px;
+    padding: calc(2px * var(--ui-scale)) 0 calc(2px * var(--ui-scale)) calc(14px * var(--ui-scale));
     position: relative;
     font-variant-numeric: tabular-nums;
     display: flex;
@@ -215,7 +258,7 @@
     position: absolute;
     left: 0; top: 50%;
     transform: translateY(-50%);
-    width: 12px; height: 12px;
+    width: calc(12px * var(--ui-scale)); height: calc(12px * var(--ui-scale));
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -226,15 +269,15 @@
   }
   .session-jump::before {
     content: '';
-    width: 4px; height: 4px;
+    width: calc(4px * var(--ui-scale)); height: calc(4px * var(--ui-scale));
     border-radius: 50%;
     background: var(--purple);
     transition: all 0.15s ease;
   }
   .session-jump:hover {
     color: var(--purple-soft);
-    font-size: 12px;
-    left: -3px;
+    font-size: calc(12px * var(--ui-scale));
+    left: calc(-3px * var(--ui-scale));
   }
   .session-jump:hover::before {
     content: '\25B8';
@@ -252,12 +295,39 @@
   .session-row.blocked { color: #c9a96a; }
   .session-row.idle { color: var(--text-faint); font-style: italic; }
   .session-empty {
-    font-size: 10px;
+    font-size: calc(10px * var(--ui-scale));
     color: var(--text-faint);
     font-style: italic;
-    padding-left: 14px;
+    padding-left: calc(14px * var(--ui-scale));
   }
 
+  /* ---- Detail mode session rows: state badge + 2-line prompt + full-row hit ---- */
+  .session-badge { display: none; }
+  body[data-mode='detail'] .session-badge {
+    display: inline-block;
+    flex-shrink: 0;
+    font-size: calc(8px * var(--ui-scale));
+    font-weight: 700;
+    letter-spacing: 0.5px;
+    line-height: 1;
+    padding: calc(2px * var(--ui-scale)) calc(4px * var(--ui-scale));
+    border-radius: calc(3px * var(--ui-scale));
+    margin-right: calc(6px * var(--ui-scale));
+    font-style: normal;
+  }
+  .session-badge.run { background: rgba(139, 92, 246, 0.18); color: var(--purple-soft); }
+  .session-badge.block { background: rgba(251, 191, 36, 0.15); color: var(--amber); }
+  .session-badge.idle { background: rgba(155, 148, 184, 0.12); color: var(--text-faint); }
+  body[data-mode='detail'] .session-text {
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  body[data-mode='detail'] .session-row { cursor: pointer; }
+  body[data-mode='detail'] .session-row:hover { color: var(--text); }
+  body[data-mode='detail'] #cube-stage { flex: 0 0 36%; }
+
   /* Jump feedback: ripple wave sweeping from left to right across the row */
   .session-row.jumping {
     position: relative;
@@ -284,13 +354,30 @@
   }
 
   #more-line {
-    font-size: 9px;
+    font-size: calc(9px * var(--ui-scale));
     color: var(--text-faint);
     flex-shrink: 0;
     text-align: right;
     padding-top: 1px;
   }
 
+  /* ---- Display modes ----
+     logo: cube only. mini: cube + counts. standard: default (all).
+     detail: large detail layout (badge/2-line/row-click rules above). */
+  body[data-mode='logo'] #panel { display: none; }
+  body[data-mode='logo'] #cube-stage { flex: 1 1 100%; border-right: none; }
+  body[data-mode='mini'] #sessions,
+  body[data-mode='mini'] #more-line,
+  body[data-mode='mini'] #scrollbar-track { display: none; }
+  body[data-mode='mini'] #panel { justify-content: center; }
+
+  /* Mode-switch fade (replayed by re-adding body.mode-swap in cube.js) */
+  body.mode-swap #panel { animation: mode-fade 0.25s ease; }
+  body.mode-swap #cube-stage { animation: mode-fade 0.25s ease; }
+  @keyframes mode-fade {
+    from { opacity: 0; }
+  }
+
   /* WS status indicator — small dot in bottom-right corner */
   #ws-status {
     position: fixed;
@@ -342,8 +429,21 @@
     border-radius: 6px;
     z-index: 9999;
     padding: 3px;
-    min-width: 80px;
+    min-width: 132px;
     box-shadow: 0 4px 16px rgba(0,0,0,0.5);
+    transform-origin: top left;
+    animation: menu-in 0.12s ease;
+  }
+  @keyframes menu-in {
+    from { opacity: 0; transform: scale(0.96); }
+  }
+  #ctx-menu .ctx-label {
+    padding: 4px 12px 2px;
+    font-size: 9px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    color: var(--text-faint);
+    cursor: default;
   }
   #ctx-menu .ctx-item {
     padding: 5px 12px;
@@ -357,6 +457,31 @@
     background: var(--purple);
     color: #fff;
   }
+  #ctx-menu .ctx-sep {
+    height: 1px;
+    background: var(--border);
+    margin: 3px 6px;
+  }
+  /* View-mode radio bullets */
+  #ctx-menu .ctx-view::before {
+    content: '';
+    display: inline-block;
+    width: 9px; height: 9px;
+    border-radius: 50%;
+    border: 1px solid var(--text-faint);
+    margin-right: 7px;
+    vertical-align: -1px;
+    box-sizing: border-box;
+  }
+  #ctx-menu .ctx-view.active::before {
+    border-color: var(--purple);
+    background: var(--purple);
+    box-shadow: inset 0 0 0 2px var(--bg-elev);
+  }
+  #ctx-menu .ctx-view.active {
+    color: var(--purple-soft);
+  }
+  #ctx-menu .ctx-view.active:hover { color: #fff; }
 
   /* ---- Close button (top-right corner) ---- */
   #close-btn {
@@ -408,7 +533,13 @@
     <div id="more-line"></div>
   </div>
   <div id="ctx-menu">
-    <div class="ctx-item" id="ctx-mode">Static</div>
+    <div class="ctx-label">View</div>
+    <div class="ctx-item ctx-view" data-view="logo">Cube only</div>
+    <div class="ctx-item ctx-view" data-view="mini">Cube + counts</div>
+    <div class="ctx-item ctx-view" data-view="standard">Standard</div>
+    <div class="ctx-item ctx-view" data-view="detail">Detail</div>
+    <div class="ctx-sep"></div>
+    <div class="ctx-item" id="ctx-mode">Rotation: Dynamic</div>
   </div>
   <div id="close-btn" title="Close parade">×</div>
   <div id="ws-status" title="WS: connecting"></div>

package/dist/parade/web/menu.html

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<title>Parade Menu</title>
+<!--
+  Standalone host for the parade right-click context menu.
+
+  Why a separate page: the menu used to be a DOM element inside index.html,
+  but a page can never paint outside its own window — and the parade window
+  can be as small as 100x80 (logo mode), so the menu was truncated. The
+  electron main script (paradeWindow.ts) opens this page in a second
+  frameless, transparent, always-on-top popup window anchored at the OS
+  cursor, so the menu can extend beyond the parade window.
+
+  Contract with the electron main script:
+    - Window size: MENU_W x MENU_H design px (158x147) — the constants in
+      paradeWindow.ts MUST match the locked layout below.
+    - Query params: ?mode=<displayMode>&rot=<dynamic|static>&zoom=<dpiScale>
+      zoom is applied identically to index.html (physical px compensation on
+      --force-device-scale-factor=1 Win11; multiply window size by unitScale).
+    - Selections: window.paradeMenu.action({type:'view', value}) or
+      ({type:'rotation'}) → IPC parade-menu-action → relayed to the parade
+      window renderer, which stays the single source of truth for mode state.
+-->
+<style>
+  :root {
+    /* Same design tokens as index.html — keep in sync. */
+    --bg-elev: #1d1830;
+    --border: rgba(139, 92, 246, 0.18);
+    --purple: #8B5CF6;
+    --purple-soft: #a78bfa;
+    --text: #e7e3f4;
+    --text-faint: #5c5575;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html, body {
+    width: 100%; height: 100%; overflow: hidden;
+    /* Transparent so the popup window shows only the menu card. */
+    background: transparent;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+    color: var(--text);
+    user-select: none;
+    -webkit-font-smoothing: antialiased;
+  }
+  /* Same card as index.html's #ctx-menu — keep in sync. Line-heights and
+     paddings are locked so the total height is exactly 147px regardless of
+     system font metrics:
+       border 2 + padding 6 + label 17 + 4 items x 23 + sep 7 + item 23 */
+  #menu {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 158px;
+    background: var(--bg-elev);
+    border: 1px solid var(--border);
+    border-radius: 6px;
+    padding: 3px;
+    box-shadow: 0 4px 16px rgba(0,0,0,0.5);
+    transform-origin: top left;
+    animation: menu-in 0.12s ease;
+  }
+  @keyframes menu-in {
+    from { opacity: 0; transform: scale(0.96); }
+  }
+  #menu .ctx-label {
+    padding: 4px 12px 2px;
+    font-size: 9px;
+    line-height: 11px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    color: var(--text-faint);
+    cursor: default;
+  }
+  #menu .ctx-item {
+    padding: 5px 12px;
+    font-size: 11px;
+    line-height: 13px;
+    color: var(--text);
+    cursor: pointer;
+    border-radius: 4px;
+    transition: background 0.1s;
+  }
+  #menu .ctx-item:hover {
+    background: var(--purple);
+    color: #fff;
+  }
+  #menu .ctx-sep {
+    height: 1px;
+    background: var(--border);
+    margin: 3px 6px;
+  }
+  /* View-mode radio bullets — same as index.html */
+  #menu .ctx-view::before {
+    content: '';
+    display: inline-block;
+    width: 9px; height: 9px;
+    border-radius: 50%;
+    border: 1px solid var(--text-faint);
+    margin-right: 7px;
+    vertical-align: -1px;
+    box-sizing: border-box;
+  }
+  #menu .ctx-view.active::before {
+    border-color: var(--purple);
+    background: var(--purple);
+    box-shadow: inset 0 0 0 2px var(--bg-elev);
+  }
+  #menu .ctx-view.active {
+    color: var(--purple-soft);
+  }
+  #menu .ctx-view.active:hover { color: #fff; }
+</style>
+</head>
+<body>
+  <div id="menu">
+    <div class="ctx-label">View</div>
+    <div class="ctx-item ctx-view" data-view="logo">Cube only</div>
+    <div class="ctx-item ctx-view" data-view="mini">Cube + counts</div>
+    <div class="ctx-item ctx-view" data-view="standard">Standard</div>
+    <div class="ctx-item ctx-view" data-view="detail">Detail</div>
+    <div class="ctx-sep"></div>
+    <div class="ctx-item" id="ctx-mode">Rotation: Dynamic</div>
+  </div>
+<script>
+// Reflect the parade window's current state passed via query string.
+;(function () {
+  var q = new URLSearchParams(window.location.search)
+
+  // DPI compensation — identical mechanism to index.html/cube.js: the main
+  // process forces 1 CSS px = 1 physical px on Win11, then we CSS-zoom the
+  // content by the OS DPI factor so physical size matches intent. Applied at
+  // parse time; the window was sized as design px x unitScale by main.
+  var zoom = parseFloat(q.get('zoom')) || 0
+  if (zoom > 1) document.documentElement.style.zoom = String(zoom)
+
+  // Mark the active display mode radio item.
+  var mode = q.get('mode') || ''
+  var views = document.querySelectorAll('.ctx-view')
+  for (let i = 0; i < views.length; i++) {
+    if (views[i].getAttribute('data-view') === mode) {
+      views[i].classList.add('active')
+    }
+  }
+
+  // Rotation label.
+  var rot = q.get('rot') === 'static' ? 'static' : 'dynamic'
+  var modeEl = document.getElementById('ctx-mode')
+  if (modeEl) {
+    modeEl.textContent = 'Rotation: ' + (rot === 'dynamic' ? 'Dynamic' : 'Static')
+  }
+})()
+
+// Report a selection to the electron main process, which closes the popup and
+// relays the action to the parade window renderer.
+function reportAction(action) {
+  if (window.paradeMenu && typeof window.paradeMenu.action === 'function') {
+    window.paradeMenu.action(action)
+  }
+}
+
+// View-mode radio items.
+var viewItems = document.querySelectorAll('.ctx-view')
+for (let i = 0; i < viewItems.length; i++) {
+  ;(function (el) {
+    el.addEventListener('click', function () {
+      reportAction({ type: 'view', value: el.getAttribute('data-view') })
+    })
+  })(viewItems[i])
+}
+
+// Rotation toggle — the parade window applies and persists the new mode.
+var modeEl = document.getElementById('ctx-mode')
+if (modeEl) {
+  modeEl.addEventListener('click', function () {
+    reportAction({ type: 'rotation' })
+  })
+}
+
+// Escape dismisses (native-menu parity).
+document.addEventListener('keydown', function (e) {
+  if (e.key === 'Escape') {
+    try { window.close() } catch (_) { /* ignore */ }
+  }
+})
+
+// Right-click inside the menu: swallow it (prevents Electron/browser default
+// menus); the parade window's own right-click re-anchors a fresh menu.
+document.addEventListener('contextmenu', function (e) {
+  e.preventDefault()
+})
+</script>
+</body>
+</html>

package/dist/rcs-web/assets/{AdminPanel-CbcZ7Vnr.js → AdminPanel-Xlza8Stt.js}

@@ -1 +1 @@
-import{e as d,j as e}from"./vendor-DE_-CLIE.js";import{ai as c,aj as o,I as m,ad as s,a7 as l,x as u}from"./main-L9iyf39T.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";function j(){c();const[a,i]=d.useState([]),{myTeams:r,isLoading:x}=o(),n=d.useCallback(async()=>{try{const t=await m();i(t||[])}catch(t){console.error("Admin: failed to load sessions",t)}},[]);return d.useEffect(()=>{n()},[n]),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-4 py-8",children:[e.jsx("h1",{className:"mb-6 font-display text-2xl font-semibold text-text-primary",children:s("admin.title")}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.teams")," (",r.length,")"]}),x?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("common.loading")}):r.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noTeams")}):e.jsx("div",{className:"space-y-2",children:r.map(t=>e.jsxs("a",{href:`/teams/${t.slug}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"font-medium text-text-primary",children:t.name}),e.jsx("span",{className:"ml-2 text-xs text-text-muted",children:t.slug})]}),e.jsx("span",{className:"text-xs text-text-muted",children:l(new Date(t.created_at).getTime()/1e3)})]},t.id))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.sessions")," (",a.length,")"]}),a.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noSessions")}):e.jsx("div",{className:"space-y-2",children:a.map(t=>e.jsxs("a",{href:`/code/${t.id}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate font-medium text-text-primary",children:t.title||t.id}),e.jsx("span",{className:"rounded-full bg-surface-2 px-2 py-0.5 text-xs text-text-muted",children:t.source||"unknown"})]}),e.jsx("div",{className:"truncate text-xs text-text-muted",children:t.id})]}),e.jsxs("div",{className:"ml-4 flex items-center gap-3",children:[e.jsx(u,{status:t.status}),e.jsx("span",{className:"text-xs text-text-muted",children:l(t.updated_at||t.created_at)})]})]},t.id))})]})]})})}export{j as AdminPanel};
+import{e as d,j as e}from"./vendor-DE_-CLIE.js";import{ak as c,al as o,J as m,af as s,a8 as l,x as u}from"./main-CwLwGVDc.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";function j(){c();const[a,i]=d.useState([]),{myTeams:r,isLoading:x}=o(),n=d.useCallback(async()=>{try{const t=await m();i(t||[])}catch(t){console.error("Admin: failed to load sessions",t)}},[]);return d.useEffect(()=>{n()},[n]),e.jsx("div",{className:"flex-1 overflow-y-auto",children:e.jsxs("div",{className:"mx-auto max-w-5xl px-4 py-8",children:[e.jsx("h1",{className:"mb-6 font-display text-2xl font-semibold text-text-primary",children:s("admin.title")}),e.jsxs("section",{className:"mb-10",children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.teams")," (",r.length,")"]}),x?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("common.loading")}):r.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noTeams")}):e.jsx("div",{className:"space-y-2",children:r.map(t=>e.jsxs("a",{href:`/teams/${t.slug}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("span",{className:"font-medium text-text-primary",children:t.name}),e.jsx("span",{className:"ml-2 text-xs text-text-muted",children:t.slug})]}),e.jsx("span",{className:"text-xs text-text-muted",children:l(new Date(t.created_at).getTime()/1e3)})]},t.id))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"mb-4 font-display text-lg font-semibold text-text-primary",children:[s("admin.sessions")," (",a.length,")"]}),a.length===0?e.jsx("div",{className:"rounded-xl border border-border bg-surface-1 p-4 text-center text-text-muted",children:s("admin.noSessions")}):e.jsx("div",{className:"space-y-2",children:a.map(t=>e.jsxs("a",{href:`/code/${t.id}`,className:"flex items-center justify-between rounded-xl border border-border bg-surface-1 px-4 py-3 no-underline transition-colors hover:border-border-light hover:bg-surface-2",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"truncate font-medium text-text-primary",children:t.title||t.id}),e.jsx("span",{className:"rounded-full bg-surface-2 px-2 py-0.5 text-xs text-text-muted",children:t.source||"unknown"})]}),e.jsx("div",{className:"truncate text-xs text-text-muted",children:t.id})]}),e.jsxs("div",{className:"ml-4 flex items-center gap-3",children:[e.jsx(u,{status:t.status}),e.jsx("span",{className:"text-xs text-text-muted",children:l(t.updated_at||t.created_at)})]})]},t.id))})]})]})})}export{j as AdminPanel};

package/dist/rcs-web/assets/Claim-BMWwu213.js

@@ -0,0 +1 @@
+import{e as r,j as e}from"./vendor-DE_-CLIE.js";import{E as u,J as f}from"./main-CwLwGVDc.js";import"./shiki-mEP5vQQu.js";import"./motion-BILbV7YQ.js";const v=2e3,N=3e4;function E(){const c=window.location.pathname.split("/"),i=c[c.length-1]||"",[s,n]=r.useState("idle"),[m,l]=r.useState(null),[a,d]=r.useState(null);return r.useEffect(()=>{if(!i||!i.startsWith("clm_")){l("Invalid claim token"),n("error");return}n("claiming"),u(i).then(t=>{d(t.environment_id),n("waiting")}).catch(t=>{l(t instanceof Error?t.message:"Claim failed"),n("error")})},[i]),r.useEffect(()=>{if(s!=="waiting"||!a)return;let t=!1;const x=Date.now(),o=setInterval(()=>{if(Date.now()-x>N){clearInterval(o),t||n("timeout");return}f().then(h=>{t||(h||[]).some(p=>p.environment_id===a)&&(clearInterval(o),window.location.href="/code/")}).catch(()=>{})},v);return()=>{t=!0,clearInterval(o)}},[s,a]),s==="claiming"?e.jsx("div",{className:"px-6 py-16 sm:px-10 sm:py-20",children:e.jsx("p",{className:"text-sm text-text-muted",children:"Claiming environment..."})}):s==="error"?e.jsxs("div",{className:"px-6 py-16 sm:px-10 sm:py-20",children:[e.jsx("p",{className:"text-sm text-destructive",children:m}),e.jsx("a",{href:"/code",className:"mt-4 inline-block text-accent hover:underline",children:"Back to dashboard"})]}):s==="waiting"||s==="timeout"?e.jsxs("div",{className:"px-6 py-16 sm:px-10 sm:py-20",children:[e.jsxs("header",{className:"mb-10",children:[e.jsx("h1",{className:"font-display text-2xl font-semibold tracking-tight text-text-primary",children:"Environment claimed"}),e.jsx("p",{className:"mt-2 text-sm text-text-muted",children:"You are now the owner of this environment."})]}),e.jsxs("div",{className:"space-y-4",children:[a&&e.jsx("p",{className:"font-mono text-xs text-text-muted",children:a}),s==="waiting"?e.jsxs("p",{className:"text-sm text-text-muted",children:["Waiting for the worker to create a session",e.jsx("span",{className:"animate-pulse",children:"…"})]}):e.jsx("p",{className:"text-sm text-text-muted",children:"The worker has not created a session yet — it may be offline or stopped. The session will appear on the dashboard once the worker connects."}),e.jsx("a",{href:"/code",className:"inline-block rounded-md bg-accent px-4 py-2 text-sm font-medium text-white hover:bg-accent/90 transition-colors",children:"Go to dashboard"})]})]}):e.jsx("div",{className:"px-6 py-16 sm:px-10 sm:py-20",children:e.jsx("p",{className:"text-sm text-text-muted",children:"Claiming environment..."})})}export{E as Claim};