loopwind 0.25.6 → 0.25.8

package/app/.astro/types.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

package/app/dist/_astro/callback.Ci5gaEfJ.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--radius-lg:.75rem;--radius-xl:1rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#0a0f0d;--color-foreground:#f5faf9;--color-card:#1a2422;--color-popover:#141a19;--color-primary:#2dd4bf;--color-primary-foreground:#141a19;--color-muted:#222d2b;--color-muted-foreground:#9ea8a6;--color-accent:#283532;--color-destructive:#ef4444;--color-border:#2e3d3a;--color-input:#222d2b}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.max-h-64{max-height:calc(var(--spacing)*64)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.animate-spin{animation:var(--animate-spin)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--color-border)}.border-destructive\/20{border-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--color-destructive)20%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/20{border-color:#2dd4bf33}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-card{background-color:var(--color-card)}.bg-destructive\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}}.bg-input{background-color:var(--color-input)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#2dd4bf1a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-2{padding-top:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary\/80{color:#2dd4bfcc}@supports (color:color-mix(in lab,red,red)){.text-primary\/80{color:color-mix(in oklab,var(--color-primary)80%,transparent)}}.uppercase{text-transform:uppercase}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-card:hover{background-color:var(--color-card)}.hover\:bg-primary\/90:hover{background-color:#2dd4bfe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:text-destructive\/80:hover{color:#ef4444cc}@supports (color:color-mix(in lab,red,red)){.hover\:text-destructive\/80:hover{color:color-mix(in oklab,var(--color-destructive)80%,transparent)}}.hover\:text-foreground:hover{color:var(--color-foreground)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-feature-settings:"rlig" 1,"calt" 1;font-family:system-ui,-apple-system,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-muted);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:#9ea8a64d}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab,var(--color-muted-foreground)30%,transparent)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes spin{to{transform:rotate(360deg)}}

package/app/dist/auth/callback/index.html

@@ -0,0 +1,81 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="build-version" content="1767728883264"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Authentication | Loopwind</title><link rel="stylesheet" href="/_astro/callback.Ci5gaEfJ.css"></head> <body class="min-h-screen bg-background">  <div class="min-h-screen flex items-center justify-center p-4"> <div class="max-w-md w-full"> <div class="text-center mb-8"> <div class="flex items-center justify-center gap-3"> <svg width="40" height="40" viewBox="0 0 100 100" fill="none" class="text-primary"> <path d="M50 15 C20 15, 10 45, 30 65 C45 80, 70 75, 75 55 C80 35, 60 25, 50 35 C40 45, 45 60, 55 60 C65 60, 70 50, 65 42" stroke="currentColor" stroke-width="8" stroke-linecap="round" fill="none"></path> </svg> <span class="text-3xl font-bold text-foreground">Loopwind</span> </div> </div> <div class="bg-card rounded-xl border border-border p-8"> <div id="processing" class="text-center"> <div class="animate-spin w-12 h-12 border-4 border-primary border-t-transparent rounded-full mx-auto mb-4"></div> <p class="text-muted-foreground">Completing authentication...</p> </div> <div id="success" class="hidden text-center"> <div class="text-primary text-5xl mb-4">✓</div> <h2 class="text-xl font-semibold text-foreground mb-2">Success!</h2> <p class="text-muted-foreground" id="success-message">You're authenticated.</p> <a href="/" id="dashboard-link" class="inline-block mt-6 bg-primary text-primary-foreground py-2 px-6 rounded-lg hover:bg-primary/90 transition-colors">
+Go to Dashboard
+</a> </div> <div id="device-success" class="hidden text-center"> <div class="text-primary text-5xl mb-4">✓</div> <h2 class="text-xl font-semibold text-foreground mb-2">CLI Authorized!</h2> <p class="text-muted-foreground">You can close this window and return to your terminal.</p> </div> <div id="error" class="hidden text-center"> <div class="text-destructive text-5xl mb-4">✗</div> <h2 class="text-xl font-semibold text-foreground mb-2">Error</h2> <p class="text-muted-foreground" id="error-message"></p> </div> </div> </div> </div>  </body></html> <script>(function(){const API_BASE = "https://loopwind-api.loopwind.dev";
+
+  // Read token from URL on client side (static page can't read query params at build time)
+  const params = new URLSearchParams(window.location.search);
+  const token = params.get('token');
+  const authError = params.get('error');
+
+  const processing = document.getElementById('processing');
+  const success = document.getElementById('success');
+  const deviceSuccess = document.getElementById('device-success');
+  const error = document.getElementById('error');
+  const errorMessage = document.getElementById('error-message');
+
+  // Check if there's a pending device code from /device page
+  const pendingDeviceCode = sessionStorage.getItem('device_code');
+
+  async function completeAuth() {
+    if (authError) {
+      processing.classList.add('hidden');
+      error.classList.remove('hidden');
+      errorMessage.textContent = authError;
+      return;
+    }
+
+    if (!token) {
+      window.location.href = '/';
+      return;
+    }
+
+    try {
+      console.log('Completing auth with token:', token.substring(0, 20) + '...');
+      // Store token first
+      localStorage.setItem('loopwind_token', token);
+      console.log('Token stored in localStorage');
+
+      // If this is device flow, authorize the device code
+      if (pendingDeviceCode) {
+        sessionStorage.removeItem('device_code');
+
+        // Parse token to get user ID and org ID
+        const payload = JSON.parse(atob(token.split('.')[1]));
+
+        // Authorize the device code
+        const authResponse = await fetch(`${API_BASE}/auth/device/authorize`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`
+          },
+          body: JSON.stringify({
+            user_code: pendingDeviceCode,
+            user_id: payload.sub,
+            org_id: payload.org
+          })
+        });
+
+        if (!authResponse.ok) {
+          const err = await authResponse.json();
+          throw new Error(err.error || 'Failed to authorize device');
+        }
+
+        // Show device success
+        processing.classList.add('hidden');
+        deviceSuccess.classList.remove('hidden');
+      } else {
+        // Regular web auth - show dashboard link immediately
+        processing.classList.add('hidden');
+        success.classList.remove('hidden');
+      }
+    } catch (e) {
+      console.error('Auth error:', e);
+      processing.classList.add('hidden');
+      error.classList.remove('hidden');
+      errorMessage.textContent = e.message;
+    }
+  }
+
+  completeAuth();
+})();</script>

package/app/dist/device/index.html

@@ -0,0 +1,70 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="build-version" content="1767728883266"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Device Authorization | Loopwind</title><link rel="stylesheet" href="/_astro/callback.Ci5gaEfJ.css"></head> <body class="min-h-screen bg-background">  <div class="min-h-screen flex items-center justify-center p-4"> <div class="max-w-md w-full"> <div class="text-center mb-8"> <div class="flex items-center justify-center gap-3"> <svg width="40" height="40" viewBox="0 0 100 100" fill="none" class="text-primary"> <path d="M50 15 C20 15, 10 45, 30 65 C45 80, 70 75, 75 55 C80 35, 60 25, 50 35 C40 45, 45 60, 55 60 C65 60, 70 50, 65 42" stroke="currentColor" stroke-width="8" stroke-linecap="round" fill="none"></path> </svg> <span class="text-3xl font-bold text-foreground">Loopwind</span> </div> <p class="text-muted-foreground mt-2">Authorize CLI Access</p> </div> <div class="bg-card rounded-xl border border-border p-8"> <div id="auth-section"> <!-- Step 1: Enter or confirm code --> <div id="code-step"> <p class="text-muted-foreground mb-4">
+Enter the code shown in your terminal to authorize the CLI:
+</p> <input type="text" id="user-code" placeholder="XXX-XXX" class="w-full text-center text-3xl font-mono tracking-widest p-4 bg-input border-2 border-border text-foreground rounded-lg focus:border-primary focus:outline-none uppercase placeholder:text-muted-foreground" maxlength="7"> <button id="verify-btn" class="w-full mt-6 bg-primary text-primary-foreground py-3 px-4 rounded-lg font-medium hover:bg-primary/90 transition-colors">
+Continue with GitHub
+</button> </div> <!-- Step 2: Authorize with GitHub --> <div id="github-step" class="hidden"> <p class="text-muted-foreground mb-4 text-center">
+Sign in with GitHub to authorize the CLI
+</p> <a id="github-link" href="#" class="flex items-center justify-center gap-3 w-full bg-card hover:bg-accent text-foreground py-3 px-4 rounded-lg font-medium border border-border transition-colors"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path> </svg>
+Sign in with GitHub
+</a> <p class="text-sm text-muted-foreground mt-4 text-center">
+Code: <span id="display-code" class="font-mono font-bold text-foreground"></span> </p> </div> <!-- Error message --> <div id="error-msg" class="hidden mt-4 p-3 bg-destructive/10 border border-destructive/20 rounded-lg text-destructive text-sm"></div> <!-- Success message --> <div id="success-msg" class="hidden mt-4 p-4 bg-primary/10 border border-primary/20 rounded-lg text-center"> <div class="text-primary font-medium">CLI Authorized!</div> <p class="text-primary/80 text-sm mt-1">You can close this window and return to your terminal.</p> </div> </div> </div> <p class="text-center text-muted-foreground text-sm mt-6"> <a href="https://loopwind.dev" class="hover:text-foreground transition-colors">loopwind.dev</a> </p> </div> </div>  </body></html> <script>(function(){const API_BASE = "https://loopwind-api.loopwind.dev";
+
+  const codeInput = document.getElementById('user-code');
+  const verifyBtn = document.getElementById('verify-btn');
+  const codeStep = document.getElementById('code-step');
+  const githubStep = document.getElementById('github-step');
+  const githubLink = document.getElementById('github-link');
+  const displayCode = document.getElementById('display-code');
+  const errorMsg = document.getElementById('error-msg');
+  const successMsg = document.getElementById('success-msg');
+
+  // Read code from URL on client side (static page can't read at build time)
+  const urlParams = new URLSearchParams(window.location.search);
+  const initialCode = urlParams.get('code');
+
+  // Pre-fill code from URL if present
+  if (initialCode) {
+    codeInput.value = initialCode.toUpperCase();
+  }
+
+  // Format code input (XXX-XXX)
+  codeInput.addEventListener('input', (e) => {
+    let value = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, '');
+    if (value.length > 3) {
+      value = value.slice(0, 3) + '-' + value.slice(3, 6);
+    }
+    e.target.value = value;
+  });
+
+  // Verify code and show GitHub button
+  verifyBtn.addEventListener('click', async () => {
+    const code = codeInput.value.trim().toUpperCase();
+
+    if (!/^[A-Z0-9]{3}-[A-Z0-9]{3}$/.test(code)) {
+      showError('Please enter a valid code (e.g., ABC-123)');
+      return;
+    }
+
+    // Store code for after GitHub auth
+    sessionStorage.setItem('device_code', code);
+
+    // Show GitHub step
+    codeStep.classList.add('hidden');
+    githubStep.classList.remove('hidden');
+    displayCode.textContent = code;
+
+    // Set GitHub link - just redirect to API's GitHub auth
+    githubLink.href = `${API_BASE}/auth/github`;
+  });
+
+  function showError(msg) {
+    errorMsg.textContent = msg;
+    errorMsg.classList.remove('hidden');
+    setTimeout(() => errorMsg.classList.add('hidden'), 5000);
+  }
+
+  // Auto-advance if code in URL
+  if (initialCode) {
+    setTimeout(() => verifyBtn.click(), 500);
+  }
+})();</script>

package/app/dist/index.html

@@ -0,0 +1,327 @@
+<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="build-version" content="1767728883268"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><title>Dashboard | Loopwind</title><link rel="stylesheet" href="/_astro/callback.Ci5gaEfJ.css"></head> <body class="min-h-screen bg-background">   <div id="loading" class="min-h-screen flex items-center justify-center"> <div class="animate-spin w-8 h-8 border-4 border-primary border-t-transparent rounded-full"></div> </div>  <div id="login-prompt" class="hidden min-h-screen flex items-center justify-center p-4"> <div class="max-w-md w-full text-center"> <div class="flex items-center justify-center gap-3 mb-4"> <svg width="40" height="40" viewBox="0 0 100 100" fill="none" class="text-primary"> <path d="M50 15 C20 15, 10 45, 30 65 C45 80, 70 75, 75 55 C80 35, 60 25, 50 35 C40 45, 45 60, 55 60 C65 60, 70 50, 65 42" stroke="currentColor" stroke-width="8" stroke-linecap="round" fill="none"></path> </svg> <span class="text-3xl font-bold text-foreground">Loopwind</span> </div> <p class="text-muted-foreground mb-8">Sign in to manage your templates and API keys.</p> <a href="https://loopwind-api.loopwind.dev/auth/github" class="inline-flex items-center gap-3 bg-card hover:bg-accent text-foreground py-3 px-6 rounded-lg font-medium border border-border transition-colors"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path> </svg>
+Sign in with GitHub
+</a> </div> </div>  <div id="dashboard" class="hidden min-h-screen"> <!-- Header --> <header class="border-b border-border"> <div class="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between"> <a href="/" class="flex items-center gap-2"> <svg width="28" height="28" viewBox="0 0 100 100" fill="none" class="text-primary"> <path d="M50 15 C20 15, 10 45, 30 65 C45 80, 70 75, 75 55 C80 35, 60 25, 50 35 C40 45, 45 60, 55 60 C65 60, 70 50, 65 42" stroke="currentColor" stroke-width="8" stroke-linecap="round" fill="none"></path> </svg> <span class="text-xl font-bold text-foreground">Loopwind</span> </a> <div class="flex items-center gap-4"> <!-- Organization Switcher --> <div class="relative"> <button id="org-switcher" class="flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-card transition-colors"> <span id="org-name" class="text-foreground font-medium">Loading...</span> <svg class="w-4 h-4 text-muted-foreground" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> </svg> </button> <div id="org-dropdown" class="hidden absolute right-0 top-full mt-1 w-64 bg-popover rounded-lg shadow-lg border border-border py-2 z-50"> <div id="org-list" class="max-h-64 overflow-y-auto"> <!-- Organizations will be inserted here --> </div> <div class="border-t border-border mt-2 pt-2 px-2"> <button id="create-org-btn" class="w-full text-left px-3 py-2 text-sm text-primary hover:bg-accent rounded-lg">
++ Create new organization
+</button> </div> </div> </div> <button id="logout-btn" class="text-muted-foreground hover:text-foreground transition-colors">Sign out</button> </div> </div> </header> <!-- Content --> <main class="max-w-6xl mx-auto px-4 py-8"> <!-- Stats --> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8"> <div class="bg-card rounded-lg border border-border p-6"> <div class="text-sm text-muted-foreground mb-1">Templates</div> <div id="template-count" class="text-3xl font-bold text-foreground">-</div> </div> <div class="bg-card rounded-lg border border-border p-6"> <div class="text-sm text-muted-foreground mb-1">API Keys</div> <div id="key-count" class="text-3xl font-bold text-foreground">-</div> </div> <div class="bg-card rounded-lg border border-border p-6"> <div class="text-sm text-muted-foreground mb-1">Renders (30d)</div> <div class="text-3xl font-bold text-foreground">-</div> </div> </div> <!-- Templates --> <div class="bg-card rounded-lg border border-border mb-8"> <div class="px-6 py-4 border-b border-border flex items-center justify-between"> <h2 class="text-lg font-semibold text-foreground">Templates</h2> </div> <div id="templates-list" class="p-6"> <p class="text-muted-foreground">Loading templates...</p> </div> </div> <!-- API Keys --> <div class="bg-card rounded-lg border border-border"> <div class="px-6 py-4 border-b border-border flex items-center justify-between"> <h2 class="text-lg font-semibold text-foreground">API Keys</h2> <button id="create-key-btn" class="bg-primary text-primary-foreground text-sm py-2 px-4 rounded-lg hover:bg-primary/90 transition-colors">
+Create Key
+</button> </div> <div id="keys-list" class="p-6"> <p class="text-muted-foreground">Loading API keys...</p> </div> </div> </main> </div>  <div id="key-modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50"> <div class="bg-card rounded-xl border border-border shadow-xl max-w-md w-full p-6"> <h3 class="text-lg font-semibold text-foreground mb-4">Create API Key</h3> <input type="text" id="key-name" placeholder="Key name (e.g., Production)" class="w-full p-3 bg-input border border-border text-foreground rounded-lg mb-4 focus:border-primary focus:outline-none placeholder:text-muted-foreground"> <div class="flex gap-3"> <button id="cancel-key" class="flex-1 py-2 border border-border text-foreground rounded-lg hover:bg-accent transition-colors">
+Cancel
+</button> <button id="confirm-key" class="flex-1 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors">
+Create
+</button> </div> </div> </div>  <div id="key-created-modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50"> <div class="bg-card rounded-xl border border-border shadow-xl max-w-md w-full p-6"> <h3 class="text-lg font-semibold text-foreground mb-2">API Key Created</h3> <p class="text-sm text-muted-foreground mb-4">Copy this key now. You won't be able to see it again.</p> <div class="bg-muted p-3 rounded-lg font-mono text-sm text-foreground break-all mb-4" id="new-key-value"></div> <button id="close-key-modal" class="w-full py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors">
+Done
+</button> </div> </div>  <div id="org-modal" class="hidden fixed inset-0 bg-black/50 flex items-center justify-center p-4 z-50"> <div class="bg-card rounded-xl border border-border shadow-xl max-w-md w-full p-6"> <h3 class="text-lg font-semibold text-foreground mb-4">Create Organization</h3> <input type="text" id="org-name-input" placeholder="Organization name" class="w-full p-3 bg-input border border-border text-foreground rounded-lg mb-4 focus:border-primary focus:outline-none placeholder:text-muted-foreground"> <div class="flex gap-3"> <button id="cancel-org" class="flex-1 py-2 border border-border text-foreground rounded-lg hover:bg-accent transition-colors">
+Cancel
+</button> <button id="confirm-org" class="flex-1 py-2 bg-primary text-primary-foreground rounded-lg hover:bg-primary/90 transition-colors">
+Create
+</button> </div> </div> </div>  </body></html> <script>(function(){const API_BASE = "https://loopwind-api.loopwind.dev";
+
+  const loading = document.getElementById('loading');
+  const loginPrompt = document.getElementById('login-prompt');
+  const dashboard = document.getElementById('dashboard');
+  const orgName = document.getElementById('org-name');
+  const templateCount = document.getElementById('template-count');
+  const keyCount = document.getElementById('key-count');
+  const templatesList = document.getElementById('templates-list');
+  const keysList = document.getElementById('keys-list');
+  const orgSwitcher = document.getElementById('org-switcher');
+  const orgDropdown = document.getElementById('org-dropdown');
+  const orgList = document.getElementById('org-list');
+
+  // Modal elements
+  const keyModal = document.getElementById('key-modal');
+  const keyCreatedModal = document.getElementById('key-created-modal');
+  const keyNameInput = document.getElementById('key-name');
+  const newKeyValue = document.getElementById('new-key-value');
+  const orgModal = document.getElementById('org-modal');
+  const orgNameInput = document.getElementById('org-name-input');
+
+  let token = localStorage.getItem('loopwind_token');
+  let currentOrg = null;
+  let organizations = [];
+
+  // Helper to make API requests with org header
+  function apiHeaders() {
+    const headers = { 'Authorization': `Bearer ${token}` };
+    if (currentOrg) {
+      headers['X-Org-Id'] = currentOrg.id;
+    }
+    return headers;
+  }
+
+  async function init() {
+    console.log('Init - token:', token ? token.substring(0, 20) + '...' : 'none');
+
+    if (!token) {
+      loading.classList.add('hidden');
+      loginPrompt.classList.remove('hidden');
+      return;
+    }
+
+    try {
+      // Load organizations first
+      console.log('Fetching organizations...');
+      const orgsResponse = await fetch(`${API_BASE}/organizations`, {
+        headers: { 'Authorization': `Bearer ${token}` }
+      });
+
+      if (!orgsResponse.ok) {
+        throw new Error('Failed to fetch organizations');
+      }
+
+      const orgsData = await orgsResponse.json();
+      organizations = orgsData.organizations || [];
+      console.log('Organizations:', organizations);
+
+      // Get current org - prefer saved preference, fall back to token's org
+      const savedOrgId = localStorage.getItem('loopwind_current_org');
+      const payload = JSON.parse(atob(token.split('.')[1]));
+      currentOrg = organizations.find(o => o.id === savedOrgId)
+        || organizations.find(o => o.id === payload.org)
+        || organizations[0];
+
+      if (!currentOrg) {
+        throw new Error('No organization found');
+      }
+
+      orgName.textContent = currentOrg.name;
+      renderOrgList();
+
+      // Load data for current org
+      await Promise.all([loadTemplates(), loadKeys()]);
+
+      loading.classList.add('hidden');
+      dashboard.classList.remove('hidden');
+    } catch (e) {
+      console.error('Init error:', e);
+      localStorage.removeItem('loopwind_token');
+      loading.classList.add('hidden');
+      loginPrompt.classList.remove('hidden');
+    }
+  }
+
+  function renderOrgList() {
+    orgList.innerHTML = organizations.map(org => `
+      <button
+        class="w-full text-left px-4 py-2 hover:bg-accent flex items-center justify-between ${org.id === currentOrg?.id ? 'bg-accent' : ''}"
+        data-org-id="${org.id}"
+      >
+        <span class="font-medium text-foreground">${org.name}</span>
+        ${org.id === currentOrg?.id ? '<svg class="w-4 h-4 text-primary" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/></svg>' : ''}
+      </button>
+    `).join('');
+
+    // Add click handlers
+    orgList.querySelectorAll('button').forEach(btn => {
+      btn.addEventListener('click', () => switchOrg(btn.dataset.orgId));
+    });
+  }
+
+  async function switchOrg(orgId) {
+    const org = organizations.find(o => o.id === orgId);
+    if (!org || org.id === currentOrg?.id) {
+      orgDropdown.classList.add('hidden');
+      return;
+    }
+
+    currentOrg = org;
+    orgName.textContent = org.name;
+    orgDropdown.classList.add('hidden');
+    renderOrgList();
+
+    // Store current org preference
+    localStorage.setItem('loopwind_current_org', orgId);
+
+    // Reload data for new org
+    await Promise.all([loadTemplates(), loadKeys()]);
+  }
+
+  async function loadTemplates() {
+    try {
+      const response = await fetch(`${API_BASE}/templates`, {
+        headers: apiHeaders()
+      });
+      const data = await response.json();
+      const templates = data.templates || [];
+
+      templateCount.textContent = templates.length;
+
+      if (templates.length === 0) {
+        templatesList.innerHTML = `
+          <div class="text-center py-8">
+            <p class="text-muted-foreground mb-2">No templates yet</p>
+            <p class="text-sm text-muted-foreground">Run <code class="bg-muted text-foreground px-2 py-1 rounded">loopwind publish</code> to publish your first template</p>
+          </div>
+        `;
+      } else {
+        templatesList.innerHTML = templates.map(t => `
+          <div class="flex items-center justify-between py-3 border-b border-border last:border-0">
+            <div>
+              <div class="font-medium text-foreground">${t.name}</div>
+              <div class="text-sm text-muted-foreground">v${t.version}</div>
+            </div>
+            <div class="text-sm text-muted-foreground">${t.updated_at ? new Date(t.updated_at).toLocaleDateString() : '-'}</div>
+          </div>
+        `).join('');
+      }
+    } catch (e) {
+      templatesList.innerHTML = '<p class="text-destructive">Failed to load templates</p>';
+    }
+  }
+
+  async function loadKeys() {
+    try {
+      const response = await fetch(`${API_BASE}/keys`, {
+        headers: apiHeaders()
+      });
+      const data = await response.json();
+      const keys = data.keys || [];
+
+      keyCount.textContent = keys.length;
+
+      if (keys.length === 0) {
+        keysList.innerHTML = `
+          <div class="text-center py-8">
+            <p class="text-muted-foreground">No API keys yet</p>
+          </div>
+        `;
+      } else {
+        keysList.innerHTML = keys.map(k => `
+          <div class="flex items-center justify-between py-3 border-b border-border last:border-0">
+            <div>
+              <div class="font-medium text-foreground">${k.name}</div>
+              <div class="text-sm text-muted-foreground">Created ${new Date(k.created_at).toLocaleDateString()}</div>
+            </div>
+            <button class="delete-key text-destructive hover:text-destructive/80 text-sm transition-colors" data-id="${k.id}">
+              Delete
+            </button>
+          </div>
+        `).join('');
+
+        // Add delete handlers
+        keysList.querySelectorAll('.delete-key').forEach(btn => {
+          btn.addEventListener('click', () => deleteKey(btn.dataset.id));
+        });
+      }
+    } catch (e) {
+      keysList.innerHTML = '<p class="text-destructive">Failed to load keys</p>';
+    }
+  }
+
+  async function createKey(name) {
+    const response = await fetch(`${API_BASE}/keys`, {
+      method: 'POST',
+      headers: { ...apiHeaders(), 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name })
+    });
+
+    if (!response.ok) {
+      throw new Error('Failed to create key');
+    }
+
+    return response.json();
+  }
+
+  async function deleteKey(id) {
+    if (!confirm('Delete this API key? This cannot be undone.')) return;
+
+    await fetch(`${API_BASE}/keys/${id}`, {
+      method: 'DELETE',
+      headers: apiHeaders()
+    });
+
+    loadKeys();
+  }
+
+  async function createOrg(name) {
+    const response = await fetch(`${API_BASE}/organizations`, {
+      method: 'POST',
+      headers: { ...apiHeaders(), 'Content-Type': 'application/json' },
+      body: JSON.stringify({ name })
+    });
+
+    if (!response.ok) {
+      const err = await response.json();
+      throw new Error(err.error || 'Failed to create organization');
+    }
+
+    return response.json();
+  }
+
+  // Event listeners
+  document.getElementById('logout-btn').addEventListener('click', () => {
+    localStorage.removeItem('loopwind_token');
+    localStorage.removeItem('loopwind_current_org');
+    window.location.reload();
+  });
+
+  // Org switcher toggle
+  orgSwitcher.addEventListener('click', (e) => {
+    e.stopPropagation();
+    orgDropdown.classList.toggle('hidden');
+  });
+
+  // Close dropdown when clicking outside
+  document.addEventListener('click', () => {
+    orgDropdown.classList.add('hidden');
+  });
+
+  // Create org
+  document.getElementById('create-org-btn').addEventListener('click', () => {
+    orgDropdown.classList.add('hidden');
+    orgNameInput.value = '';
+    orgModal.classList.remove('hidden');
+  });
+
+  document.getElementById('cancel-org').addEventListener('click', () => {
+    orgModal.classList.add('hidden');
+  });
+
+  document.getElementById('confirm-org').addEventListener('click', async () => {
+    const name = orgNameInput.value.trim();
+    if (!name) return;
+
+    try {
+      const newOrg = await createOrg(name);
+      organizations.push(newOrg);
+      renderOrgList();
+      orgModal.classList.add('hidden');
+      // Switch to the new org
+      await switchOrg(newOrg.id);
+    } catch (e) {
+      alert(e.message);
+    }
+  });
+
+  // Create key
+  document.getElementById('create-key-btn').addEventListener('click', () => {
+    keyNameInput.value = '';
+    keyModal.classList.remove('hidden');
+  });
+
+  document.getElementById('cancel-key').addEventListener('click', () => {
+    keyModal.classList.add('hidden');
+  });
+
+  document.getElementById('confirm-key').addEventListener('click', async () => {
+    const name = keyNameInput.value.trim();
+    if (!name) return;
+
+    try {
+      const result = await createKey(name);
+      keyModal.classList.add('hidden');
+      newKeyValue.textContent = result.key;
+      keyCreatedModal.classList.remove('hidden');
+      loadKeys();
+    } catch (e) {
+      alert('Failed to create key');
+    }
+  });
+
+  document.getElementById('close-key-modal').addEventListener('click', () => {
+    keyCreatedModal.classList.add('hidden');
+  });
+
+  // Initialize
+  init();
+})();</script>