Add Submit to Antigravity or Codex for Development modal with model picker and deep links

This commit is contained in:
airent106 committed 2026-10-29 22:30:48 -06:00
1 parent b5af03b628
commit 92c5039bcb
6 files changed
+752 -1

No files matched your search

+72
View File
@@ -376,6 +376,9 @@
</div>
</div>
<div class="drawer-header-actions">
<button type="button" id="btn-open-dev-handoff" class="btn btn-primary btn-sm" title="Submit all Spark info, specs, and mockups to Antigravity or OpenAI Codex for development">
🚀 Send to Dev
</button>
<button type="button" id="drawer-delete-btn" class="btn btn-danger-ghost btn-sm" title="Delete Idea">🗑️</button>
<button type="button" id="drawer-close-btn" class="btn btn-ghost btn-sm" title="Close (Esc)">✕ Close</button>
</div>
@@ -874,6 +877,75 @@
</div>
</div>
<!-- MODAL: SUBMIT SPARK TO ANTIGRAVITY OR CODEX FOR DEVELOPMENT -->
<div id="dev-handoff-modal" class="modal-backdrop hidden">
<div class="modal-card modal-card-wide">
<div class="modal-header">
<h3>🚀 Submit Spark for Development</h3>
<button type="button" id="btn-close-dev-modal" class="btn btn-ghost btn-sm">✕</button>
</div>
<form id="dev-handoff-form" class="modal-body">
<p class="muted-label">
Packages all Spark information (title, pitch, markdown specs, checklist, pros/cons, reference links, and mockup/attachment URLs) and sends it to <strong>Antigravity</strong> or <strong>OpenAI Codex</strong>.
</p>
<div class="form-row-2">
<div class="field-group">
<label>1. Target Coding App</label>
<div class="dev-target-pills" id="dev-target-pills">
<button type="button" class="pill-btn active" data-dev-target="antigravity">
🛸 Google Antigravity
</button>
<button type="button" class="pill-btn" data-dev-target="codex">
🤖 OpenAI Codex
</button>
</div>
</div>
<div class="field-group">
<label for="dev-model-select">2. Select AI Model</label>
<select id="dev-model-select" class="filter-select full-width"></select>
</div>
</div>
<div class="dev-options-row">
<label class="filter-checkbox">
<input type="checkbox" id="dev-include-homelab" checked />
<span>Include Homelab Stack Spec (vloser Docker + Gitea + Traefik + Homepage)</span>
</label>
<label class="filter-checkbox">
<input type="checkbox" id="dev-move-building" checked />
<span>Move Spark to 🛠️ Building stage</span>
</label>
<label class="filter-checkbox hidden" id="dev-server-codex-wrap">
<input type="checkbox" id="dev-run-server-codex" />
<span>⚡ Also run autonomous Codex blueprint on server</span>
</label>
</div>
<div class="field-group">
<div class="field-header-row">
<label for="dev-spec-preview-textarea">3. Complete Development Specification Payload (Editable)</label>
<div style="display:flex;gap:0.35rem;">
<button type="button" id="btn-copy-dev-spec" class="btn btn-ghost btn-xs">📋 Copy Prompt</button>
<button type="button" id="btn-download-dev-spec" class="btn btn-ghost btn-xs">⬇️ Download SPEC.md</button>
</div>
</div>
<textarea id="dev-spec-preview-textarea" rows="11" class="textarea-input dev-spec-textarea"></textarea>
</div>
<div id="dev-handoff-result-box" class="nb-edit-box hidden"></div>
<div class="modal-footer">
<button type="button" id="btn-cancel-dev-modal" class="btn btn-ghost">Cancel</button>
<button type="submit" id="btn-submit-dev-handoff" class="btn btn-primary">
🚀 Submit & Launch in Antigravity
</button>
</div>
</form>
</div>
</div>
<!-- MODAL: CARD / MOCKUP LIGHTBOX INSPECTOR -->
<div id="lightbox-modal" class="modal-backdrop hidden">
<div class="lightbox-card">