Improve: Create Author flow - success modal with details + redirect to Grant Access with pre-filled email

app/superadmin/templates/superadmin.html

@@ -672,22 +672,65 @@ async function executeCreateAuthor() {
   if (!name || !email || !pass) { toast('Please fill in all required fields', 'error'); return; }
   if (pass.length < 8) { toast('Password must be at least 8 characters', 'error'); return; }
 
+  // Disable button during request
+  const btn = document.querySelector('#modal-content .btn-primary');
+  if (btn) { btn.disabled = true; btn.textContent = 'Creating...'; }
+
   try {
     const body = { email, password: pass, full_name: name };
     if (plan) { body.plan = plan; body.auto_renew = autoRenew; }
     const result = await apiPost('/super/authors', body);
     closeModal();
-    let msg = `Author "${name}" created successfully`;
-    if (result.subscription) msg += ` with ${plan} plan`;
-    toast(msg, 'success');
+
+    // Show success confirmation with next steps
+    const hasSub = result.subscription;
+    const subInfo = hasSub
+      ? `<div style="margin-top:16px;padding:14px;background:var(--green-bg);border-radius:var(--radius-sm);font-size:13px;">
+           <strong>✅ Subscription Assigned</strong><br>
+           Plan: <strong>${plan}</strong> · Auto-renew: ${autoRenew ? 'Yes' : 'No'}<br>
+           ${result.subscription.expires_at ? 'Expires: ' + new Date(result.subscription.expires_at).toLocaleDateString() : ''}
+         </div>`
+      : `<div style="margin-top:16px;padding:14px;background:var(--yellow-bg);border-radius:var(--radius-sm);font-size:13px;">
+           <strong>⚠️ No subscription assigned yet.</strong><br>
+           The author needs a subscription plan before their chatbot can go live.
+         </div>`;
+
+    showModal('✅ Author Created Successfully',
+      `<div style="font-size:14px;line-height:1.8;">
+         <div style="display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:12px;">
+           <span class="text-muted">Name:</span> <strong>${esc(name)}</strong>
+           <span class="text-muted">Email:</span> <strong>${esc(email)}</strong>
+           <span class="text-muted">Author ID:</span> <code style="font-size:11px;background:var(--surface2);padding:2px 8px;border-radius:4px;">${result.author_id || '—'}</code>
+         </div>
+         ${subInfo}
+         <div style="margin-top:16px;padding:12px;background:var(--surface2);border-radius:var(--radius-sm);font-size:12px;color:var(--muted);">
+           <strong>Login credentials:</strong> The author can now sign in at <code>/admin</code> with the email and password you just set.
+         </div>
+       </div>`,
+      hasSub
+        ? `<button class="btn btn-secondary" onclick="closeModal()">Done</button>
+           <button class="btn btn-primary" onclick="closeModal(); nav('authors');">View Authors</button>`
+        : `<button class="btn btn-secondary" onclick="closeModal()">Skip for Now</button>
+           <button class="btn btn-primary" onclick="closeModal(); prefillGrant('${esc(email)}');">Assign Subscription →</button>`
+    );
+
     loadAuthors();
     loadOverview();
   } catch(e) {
     console.error('Create author error:', e);
+    if (btn) { btn.disabled = false; btn.textContent = 'Create Author'; }
     toast(e.message || 'Failed to create author', 'error');
   }
 }
 
+function prefillGrant(email) {
+  nav('grant');
+  setTimeout(function() {
+    const el = document.getElementById('g-email');
+    if (el) { el.value = email; el.focus(); }
+  }, 100);
+}
+
 /* SUBSCRIPTIONS — now powered by /super/grants */
 let allGrants = [];
 async function loadSubscriptions() {