Add Submit to Antigravity or Codex for Development modal with model picker and deep links
This commit is contained in:
1 parent
b5af03b628
commit
92c5039bcb
6 files changed
+752
-1
No files matched your search
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user