← Back to Kontasks

Kontask Action API SDK (L1 + L2) Implemented

✓ Completed
on 7 Jan 2026, 6:05 pm

Output

✓ Kontask Action API SDK Implemented

L1: Auto-Submit Prompts

Kontask inline scripts can now send prompts directly to Claude:

kontask.submit('Run the tests');
// Also available: window.sendPromptToConsole (backward compat)

L2: Direct Konui API

Navigate, approve, and update kontasks from inline scripts:

kontask.navigate('/kontasks');
kontask.approve('kontask-id', 'selected-option');
kontask.updateContext('kontask-id', { userChoice: 'option-a' });

UI Helpers

kontask.loading(true);        // Show loading overlay
kontask.render('result', html); // Update element content
kontask.loading(false);       // Hide loading overlay

Files Changed

konui/src/dashboard-console.ts+113 lines - SDK implementation
konui/src/router.ts+24 lines - JSON body support for approve
VIBE.md+51 lines - Backlog item #11

What's Next?

The SDK is ready for use in interactive components. Future levels:

  • L3: Tool execution (Read, Grep) via konsole
  • L4: Embedded mini-agents
  • L5: gvShell flow integration

Quick Actions

Original Request

No layout configured

Details

Type General
Status Completed
Scope vibetools
Tags kontasksapisdk
Created 7 Jan 2026, 6:05 pm
Updated 7 Jan 2026, 6:05 pm
Created By claude

🔗 Git Commit

3b9839cb

Raw Data

{
  "id": "556ac771-5868-439d-acb2-f43010c185df",
  "type": "general",
  "status": "completed",
  "title": "Kontask Action API SDK (L1 + L2) Implemented",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:'Consolas','Monaco',monospace;\">\n<h2 style=\"font-family:sans-serif;color:#fff;margin:0 0 16px 0;\">✓ Kontask Action API SDK Implemented</h2>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"margin:0 0 12px 0;color:#98c379;\">L1: Auto-Submit Prompts</h3>\n<p style=\"margin:0;color:#9ca3af;\">Kontask inline scripts can now send prompts directly to Claude:</p>\n<pre style=\"background:#1e1e1e;padding:12px;border-radius:4px;margin:12px 0;overflow-x:auto;\"><span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">submit</span>(<span style=\"color:#98c379;\">'Run the tests'</span>);\n<span style=\"color:#7f848e;\">// Also available: window.sendPromptToConsole (backward compat)</span></pre>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"margin:0 0 12px 0;color:#61afef;\">L2: Direct Konui API</h3>\n<p style=\"margin:0;color:#9ca3af;\">Navigate, approve, and update kontasks from inline scripts:</p>\n<pre style=\"background:#1e1e1e;padding:12px;border-radius:4px;margin:12px 0;overflow-x:auto;\"><span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">navigate</span>(<span style=\"color:#98c379;\">'/kontasks'</span>);\n<span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">approve</span>(<span style=\"color:#98c379;\">'kontask-id'</span>, <span style=\"color:#98c379;\">'selected-option'</span>);\n<span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">updateContext</span>(<span style=\"color:#98c379;\">'kontask-id'</span>, { <span style=\"color:#e06c75;\">userChoice</span>: <span style=\"color:#98c379;\">'option-a'</span> });</pre>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"margin:0 0 12px 0;color:#c678dd;\">UI Helpers</h3>\n<pre style=\"background:#1e1e1e;padding:12px;border-radius:4px;margin:12px 0;overflow-x:auto;\"><span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">loading</span>(<span style=\"color:#d19a66;\">true</span>);        <span style=\"color:#7f848e;\">// Show loading overlay</span>\n<span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">render</span>(<span style=\"color:#98c379;\">'result'</span>, html); <span style=\"color:#7f848e;\">// Update element content</span>\n<span style=\"color:#e5c07b;\">kontask</span>.<span style=\"color:#61afef;\">loading</span>(<span style=\"color:#d19a66;\">false</span>);       <span style=\"color:#7f848e;\">// Hide loading overlay</span></pre>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h3 style=\"margin:0 0 12px 0;color:#fff;\">Files Changed</h3>\n<table style=\"width:100%;font-size:0.9rem;\">\n<tr><td style=\"color:#98c379;padding:4px 8px;\">konui/src/dashboard-console.ts</td><td style=\"color:#9ca3af;\">+113 lines - SDK implementation</td></tr>\n<tr><td style=\"color:#e5c07b;padding:4px 8px;\">konui/src/router.ts</td><td style=\"color:#9ca3af;\">+24 lines - JSON body support for approve</td></tr>\n<tr><td style=\"color:#61afef;padding:4px 8px;\">VIBE.md</td><td style=\"color:#9ca3af;\">+51 lines - Backlog item #11</td></tr>\n</table>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\">\n<h4 style=\"margin:0 0 8px 0;color:#fff;\">What's Next?</h4>\n<p style=\"color:#9ca3af;margin:0;\">The SDK is ready for use in interactive components. Future levels:</p>\n<ul style=\"margin:8px 0 0 0;padding-left:20px;color:#9ca3af;\">\n<li><strong>L3:</strong> Tool execution (Read, Grep) via konsole</li>\n<li><strong>L4:</strong> Embedded mini-agents</li>\n<li><strong>L5:</strong> gvShell flow integration</li>\n</ul>\n</div>\n</div>",
    "commitSha": "3b9839cb",
    "choices": [
      {
        "label": "Test SDK",
        "value": "Create a test kontask that uses the new kontask.api SDK to demonstrate L1 and L2 capabilities",
        "primary": true
      },
      {
        "label": "Update components",
        "value": "Update existing components (SortableList, SearchableList, etc.) to use kontask.api instead of sendPromptToConsole"
      },
      {
        "label": "What's next?",
        "value": "What should we work on next?"
      }
    ]
  },
  "createdBy": "claude",
  "createdAt": "2026-01-07T08:05:06.901Z",
  "updatedAt": "2026-01-07T08:05:07.131Z",
  "scope": "vibetools",
  "tags": [
    "kontasks",
    "api",
    "sdk"
  ],
  "targetUser": "claude"
}
DashboardReportsKontasksFlowsDecisionsSessionsTelemetryLogs + Go