feat: add one-click feature handoff flow

src/App.tsx

@@ -279,6 +279,15 @@ function App() {
     }))
   }
 
+  const openFeatureHandoff = (featureId: string) => {
+    setPromptFeatureId(featureId)
+    setPromptTarget('OpenClaw')
+    setActiveTab('export')
+
+    const feature = appState.features.find((entry) => entry.id === featureId)
+    setStatusMessage(feature ? `Prepared AI handoff for “${feature.title}”.` : 'Prepared AI handoff prompt.')
+  }
+
   const beginParkingEdit = (item: ParkingLotItem) => {
     setSelectedParkingId(item.id)
     setParkingDraft({
@@ -601,6 +610,20 @@ function App() {
             </div>
           </div>
 
+          {selectedFeature && (
+            <section className="card quick-actions">
+              <div>
+                <strong>{selectedFeature.title}</strong>
+                <p>Selected and ready. Shape it here, then kick a clean brief to your agent.</p>
+              </div>
+              <div className="button-inline-row">
+                <button type="button" onClick={() => openFeatureHandoff(selectedFeature.id)}>
+                  Prepare AI Handoff
+                </button>
+              </div>
+            </section>
+          )}
+
           <div className="board-grid">
             {FEATURE_COLUMNS.map((column) => (
               <article key={column} className="column card">
@@ -708,9 +731,14 @@ function App() {
                 <button type="button" onClick={saveFeature}>{selectedFeature ? 'Save Changes' : 'Add Feature'}</button>
                 <button type="button" className="ghost" onClick={resetFeatureDraft}>Clear</button>
                 {selectedFeature && (
-                  <button type="button" className="danger" onClick={() => deleteFeature(selectedFeature.id)}>
-                    Delete Feature
-                  </button>
+                  <>
+                    <button type="button" className="ghost" onClick={() => openFeatureHandoff(selectedFeature.id)}>
+                      Prepare AI Handoff
+                    </button>
+                    <button type="button" className="danger" onClick={() => deleteFeature(selectedFeature.id)}>
+                      Delete Feature
+                    </button>
+                  </>
                 )}
               </div>
             </section>