← Back to Kontasks
Fix: Kontask Preview Choice Buttons Now Working
Fixed the root cause of choice buttons not triggering in flow timeline preview panel
Output
✅ Fixed: Choice Buttons Now Working
Root Cause
The window.kontask.submit() function was checking for a closure-scoped sendPrompt variable which was undefined in its context.
The kontask API was created in dashboard-console.ts but sendPrompt is defined in console-websocket-client.ts - they're in separate script scopes.
The Fix
// Before (broken): if (typeof sendPrompt === 'function') { sendPrompt(prompt, false); // undefined! } // After (fixed): if (typeof window.sendPrompt === 'function') { window.sendPrompt(prompt, false); // ✅ works! }
Files Changed
/konui/src/ └── dashboard-console.ts # kontask API submit()
Commit
0650c367 - Fix: kontask.submit() now uses window.sendPromptQuick Actions
Original Request
No layout configured
Details
Type
General
Status
Completed
Scope
greatvibe
Tags
kontasksuiflow-timeline
Created
11 Jan 2026, 12:32 pm
Updated
11 Jan 2026, 12:32 pm
Created By
claude
Raw Data
{
"id": "5d72dd3c-3414-409a-b22a-5fb55a4e134c",
"type": "general",
"status": "completed",
"title": "Fix: Kontask Preview Choice Buttons Now Working",
"description": "Fixed the root cause of choice buttons not triggering in flow timeline preview panel",
"context": {
"output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:'Consolas','Monaco',monospace;\"><h2 style=\"font-family:sans-serif;color:#fff;margin:0 0 16px 0;\">✅ Fixed: Choice Buttons Now Working</h2><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\"><h3 style=\"color:#98c379;margin:0 0 12px 0;\">Root Cause</h3><p style=\"color:#e0e0e0;margin:0;\">The <code style=\"background:#1a1a2e;padding:2px 6px;border-radius:4px;\">window.kontask.submit()</code> function was checking for a closure-scoped <code style=\"background:#1a1a2e;padding:2px 6px;border-radius:4px;\">sendPrompt</code> variable which was <strong>undefined</strong> in its context.</p><p style=\"color:#7f848e;margin-top:8px;font-size:0.9em;\">The kontask API was created in dashboard-console.ts but sendPrompt is defined in console-websocket-client.ts - they're in separate script scopes.</p></div><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\"><h3 style=\"color:#61afef;margin:0 0 12px 0;\">The Fix</h3><pre style=\"background:#1a1a2e;padding:12px;border-radius:4px;overflow-x:auto;line-height:1.6;\"><span style=\"color:#7f848e;\">// Before (broken):</span>\n<span style=\"color:#c678dd;\">if</span> (<span style=\"color:#c678dd;\">typeof</span> <span style=\"color:#e5c07b;\">sendPrompt</span> === <span style=\"color:#98c379;\">'function'</span>) {\n <span style=\"color:#e5c07b;\">sendPrompt</span>(prompt, <span style=\"color:#d19a66;\">false</span>); <span style=\"color:#7f848e;\">// undefined!</span>\n}\n\n<span style=\"color:#7f848e;\">// After (fixed):</span>\n<span style=\"color:#c678dd;\">if</span> (<span style=\"color:#c678dd;\">typeof</span> <span style=\"color:#56b6c2;\">window</span>.<span style=\"color:#e5c07b;\">sendPrompt</span> === <span style=\"color:#98c379;\">'function'</span>) {\n <span style=\"color:#56b6c2;\">window</span>.<span style=\"color:#e5c07b;\">sendPrompt</span>(prompt, <span style=\"color:#d19a66;\">false</span>); <span style=\"color:#7f848e;\">// ✅ works!</span>\n}</pre></div><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\"><h3 style=\"color:#e5c07b;margin:0 0 12px 0;\">Files Changed</h3><pre style=\"background:#1a1a2e;padding:12px;border-radius:4px;\"><span style=\"color:#56b6c2;font-weight:bold;\">/konui/src/</span>\n└── <span style=\"color:#e5c07b;\">dashboard-console.ts</span> <span style=\"color:#7f848e;\"># kontask API submit()</span></pre></div><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\"><h3 style=\"color:#c678dd;margin:0 0 12px 0;\">Commit</h3><code style=\"color:#98c379;\">0650c367</code> <span style=\"color:#7f848e;\">- Fix: kontask.submit() now uses window.sendPrompt</span></div></div>",
"choices": [
{
"label": "Test in browser",
"value": "I'll test the choice buttons in the flow timeline preview now",
"primary": true
},
{
"label": "View commit diff",
"value": "Show me the git diff for commit 0650c367"
},
{
"label": "Continue with other work",
"value": "Let's move on to other tasks"
}
]
},
"createdBy": "claude",
"createdAt": "2026-01-11T02:32:48.318Z",
"updatedAt": "2026-01-11T02:32:48.489Z",
"scope": "greatvibe",
"tags": [
"kontasks",
"ui",
"flow-timeline"
]
}