fraim-framework 2.0.176 → 2.0.179

package/public/first-run/script.js

@@ -580,8 +580,72 @@
     }
   }
 
+  // Issue #646: when first-run was launched without a key (the no-terminal macOS
+  // installer path), gate the whole wizard behind a paste-your-key step.
+  function renderKeyEntry() {
+    CHECKLIST_EL.className = 'setup-shell';
+    CHECKLIST_EL.innerHTML = '';
+    PRIMARY_BUTTON.style.display = 'none';
+    setHeader('Set up FRAIM', 'Paste the FRAIM key from your account page to get started.');
+
+    const card = document.createElement('div');
+    card.className = 'setup-pane';
+    card.setAttribute('data-testid', 'key-entry');
+
+    const label = document.createElement('label');
+    label.className = 'pane-copy';
+    label.setAttribute('for', 'fraim-key-input');
+    label.textContent = 'Your FRAIM key';
+    card.appendChild(label);
+
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.id = 'fraim-key-input';
+    input.className = 'key-input';
+    input.placeholder = 'fraim_…';
+    input.autocapitalize = 'off';
+    input.autocomplete = 'off';
+    input.spellcheck = false;
+    input.setAttribute('data-testid', 'key-input');
+    card.appendChild(input);
+
+    const err = document.createElement('p');
+    err.className = 'locked-note';
+    err.setAttribute('data-testid', 'key-error');
+    err.hidden = true;
+    card.appendChild(err);
+
+    const submit = button('Continue', 'primary');
+    submit.setAttribute('data-testid', 'key-submit');
+    const onSubmit = async () => {
+      const value = input.value.trim();
+      err.hidden = true;
+      submit.disabled = true;
+      submit.textContent = 'Checking…';
+      try {
+        const resp = await api('/api/first-run/set-key', 'POST', { key: value });
+        state.session = resp.session;
+        if (!state.session.state.agentInstalls) state.session.state.agentInstalls = {};
+        state.activeStep = chooseActiveStep();
+        render();
+      } catch (e) {
+        err.textContent = e.message || 'That key was not accepted. Copy it again from your account page.';
+        err.hidden = false;
+        submit.disabled = false;
+        submit.textContent = 'Continue';
+      }
+    };
+    submit.addEventListener('click', onSubmit);
+    input.addEventListener('keydown', (e) => { if (e.key === 'Enter') onSubmit(); });
+    card.appendChild(submit);
+
+    CHECKLIST_EL.appendChild(card);
+    input.focus();
+  }
+
   function render() {
     if (!state.session) return;
+    if (state.session.needsKey) { renderKeyEntry(); return; }
     if (!STEP_ORDER.includes(state.activeStep)) state.activeStep = chooseActiveStep();
     renderShell((pane) => {
       if (state.activeStep === 'prereqs') renderPrereqs(pane);

package/public/first-run/styles.css

@@ -494,6 +494,20 @@ body {
   font-size: 14px;
 }
 .locked-note { color: var(--warn); }
+
+/* Issue #646: paste-your-key step (no-terminal macOS installer path). */
+.key-input {
+  width: 100%;
+  margin: 10px 0 4px;
+  padding: 10px 12px;
+  font-family: ui-monospace, 'SFMono-Regular', Menlo, monospace;
+  font-size: 14px;
+  border: 1px solid var(--border, #2c3343);
+  border-radius: 8px;
+  background: var(--panel, #12151c);
+  color: var(--text, #e6e9ef);
+}
+.key-input:focus-visible { outline: 2px solid var(--accent-strong, #6366f1); outline-offset: 1px; }
 .row-list {
   list-style: none;
   margin: 0;