@longshot/cli 0.0.1

package/dist/views/verify.js

@@ -0,0 +1,209 @@
+import { layout } from "./layout.js";
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+function statusBadge(status) {
+    const colors = {
+        running: "accent-yellow",
+        pass: "accent-green",
+        fail: "accent-red",
+        error: "accent-red",
+    };
+    const color = colors[status] || "text-muted";
+    return `<span class="verify-status verify-status-${status}" style="color: var(--${color})">${status.toUpperCase()}</span>`;
+}
+function renderResult(result, taskId) {
+    const artifactHtml = result.artifacts
+        .map((a) => {
+        if (a.match(/\.(png|jpg|jpeg|gif|webp)$/i)) {
+            return `<div class="verify-artifact">
+          <img src="/task/${taskId}/verify/artifact/${result.runNumber}/${encodeURIComponent(a)}"
+               alt="${escapeHtml(a)}" class="verify-image" loading="lazy">
+          <div class="verify-artifact-name">${escapeHtml(a)}</div>
+        </div>`;
+        }
+        return `<div class="verify-artifact">
+        <a href="/task/${taskId}/verify/artifact/${result.runNumber}/${encodeURIComponent(a)}"
+           class="verify-artifact-link">${escapeHtml(a)}</a>
+      </div>`;
+    })
+        .join("\n");
+    return `<div class="verify-result verify-result-${result.status}">
+    <div class="verify-result-header">
+      <span class="verify-run-num">#${result.runNumber}</span>
+      ${statusBadge(result.status)}
+      <span class="verify-time">${new Date(result.startedAt).toLocaleTimeString()}</span>
+    </div>
+    <div class="verify-prompt">${escapeHtml(result.prompt)}</div>
+    ${result.summary ? `<div class="verify-summary">${escapeHtml(result.summary)}</div>` : ""}
+    ${artifactHtml ? `<div class="verify-artifacts">${artifactHtml}</div>` : ""}
+    <a href="/task/${taskId}/verify/${result.runNumber}/log" class="verify-log-link">View log</a>
+  </div>`;
+}
+export function verifyPage(taskId, diffId, taskSummary, results, runningVerifications) {
+    const resultsHtml = results.map((r) => renderResult(r, taskId)).join("\n");
+    const runningForTask = runningVerifications.filter((v) => v.taskId === taskId);
+    const body = `
+    <div class="verify-container">
+      <div class="verify-header">
+        <a href="/diff/${diffId}" class="back-link">Back to Diff</a>
+        <h1>Verify Task</h1>
+        <p class="verify-task-summary">${escapeHtml(taskSummary)}</p>
+      </div>
+
+      <div class="verify-launch">
+        <form id="verify-form">
+          <textarea
+            id="verify-prompt"
+            placeholder="What to verify... (e.g. 'run the tests', 'screenshot the homepage')"
+            rows="2"
+          ></textarea>
+          <button type="submit" class="btn btn-primary" id="verify-btn">Run Verification</button>
+        </form>
+      </div>
+
+      <div class="verify-results" id="verify-results">
+        ${runningForTask.map((v) => `
+          <div class="verify-result verify-result-running" id="verify-run-${v.runNumber}">
+            <div class="verify-result-header">
+              <span class="verify-run-num">#${v.runNumber}</span>
+              ${statusBadge("running")}
+              <span class="agent-status-indicator">Working...</span>
+            </div>
+            <div class="verify-progress" id="verify-progress-${v.runNumber}"></div>
+          </div>
+        `).join("\n")}
+        ${resultsHtml}
+      </div>
+
+      <div class="verify-actions">
+        <a href="/diff/${diffId}" class="btn btn-small">Back to Diff</a>
+      </div>
+    </div>
+
+    <script>
+      const taskId = ${taskId};
+      const diffId = ${JSON.stringify(diffId)};
+      const form = document.getElementById('verify-form');
+      const promptInput = document.getElementById('verify-prompt');
+      const verifyBtn = document.getElementById('verify-btn');
+      const resultsContainer = document.getElementById('verify-results');
+
+      // Track running verifications
+      let runningRuns = ${JSON.stringify(runningForTask.map((v) => v.runNumber))};
+      let pollCounts = {};
+      runningRuns.forEach(n => { pollCounts[n] = 0; });
+
+      form.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const prompt = promptInput.value.trim();
+        if (!prompt) return;
+
+        verifyBtn.disabled = true;
+        verifyBtn.textContent = 'Starting...';
+
+        try {
+          const resp = await fetch('/task/' + taskId + '/verify', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ prompt, diffId }),
+          });
+          const data = await resp.json();
+          if (data.ok) {
+            promptInput.value = '';
+            // Add running card
+            const runNum = data.runNumber;
+            const card = document.createElement('div');
+            card.className = 'verify-result verify-result-running';
+            card.id = 'verify-run-' + runNum;
+            card.innerHTML = '<div class="verify-result-header"><span class="verify-run-num">#' + runNum + '</span><span class="verify-status verify-status-running" style="color: var(--accent-yellow)">RUNNING</span><span class="agent-status-indicator">Working...</span></div><div class="verify-progress" id="verify-progress-' + runNum + '"></div>';
+            resultsContainer.insertBefore(card, resultsContainer.firstChild);
+            runningRuns.push(runNum);
+            pollCounts[runNum] = 0;
+          } else {
+            alert('Error: ' + (data.error || 'unknown'));
+          }
+        } catch (err) {
+          alert('Failed to start verification');
+        }
+
+        verifyBtn.disabled = false;
+        verifyBtn.textContent = 'Run Verification';
+      });
+
+      function escapeHtml(str) {
+        const div = document.createElement('div');
+        div.textContent = str;
+        return div.innerHTML;
+      }
+
+      async function pollRunning() {
+        for (const runNum of [...runningRuns]) {
+          try {
+            const resp = await fetch('/task/' + taskId + '/verify/' + runNum + '/status');
+            const data = await resp.json();
+
+            // Update progress
+            const progressEl = document.getElementById('verify-progress-' + runNum);
+            if (progressEl && data.lastEvent) {
+              progressEl.textContent = data.lastEvent;
+            }
+
+            if (data.done) {
+              runningRuns = runningRuns.filter(n => n !== runNum);
+              // Reload to get rendered result
+              location.reload();
+            }
+          } catch {}
+        }
+
+        if (runningRuns.length > 0) {
+          setTimeout(pollRunning, 2000);
+        }
+      }
+
+      if (runningRuns.length > 0) {
+        setTimeout(pollRunning, 2000);
+      }
+    </script>`;
+    return layout("Verify", "tasks", body, "");
+}
+export function verifyLogPage(taskId, runNumber, events, diffId) {
+    const eventsHtml = events
+        .map((ev) => {
+        const time = new Date(ev.ts).toLocaleTimeString();
+        switch (ev.type) {
+            case "user_message":
+                return `<div class="run-event run-event-user"><div class="run-event-marker">U</div><div class="run-event-body"><div class="run-event-label">Prompt <span class="run-event-time">${time}</span></div><div class="run-event-content">${escapeHtml((ev.content || "").slice(0, 500))}</div></div></div>`;
+            case "text":
+                return `<div class="run-event run-event-text"><div class="run-event-marker">T</div><div class="run-event-body"><div class="run-event-label">Text <span class="run-event-time">${time}</span></div><div class="run-event-content">${escapeHtml((ev.content || "").slice(0, 500))}</div></div></div>`;
+            case "tool_use":
+                return `<div class="run-event run-event-tool-use"><div class="run-event-marker">&#x2699;</div><div class="run-event-body"><div class="run-event-label">${escapeHtml(ev.name || "tool")} <span class="run-event-time">${time}</span></div></div></div>`;
+            case "tool_result":
+                return `<div class="run-event run-event-tool-result"><div class="run-event-marker">&#x2713;</div><div class="run-event-body"><div class="run-event-label">Result <span class="run-event-time">${time}</span></div></div></div>`;
+            case "done":
+                return `<div class="run-event run-event-done"><div class="run-event-marker">&#x25CF;</div><div class="run-event-body"><div class="run-event-label">Done <span class="run-event-time">${time}</span></div></div></div>`;
+            case "error":
+                return `<div class="run-event run-event-error"><div class="run-event-marker">!</div><div class="run-event-body"><div class="run-event-label">Error <span class="run-event-time">${time}</span></div><div class="run-event-content">${escapeHtml((ev.message || "").slice(0, 500))}</div></div></div>`;
+            default:
+                return "";
+        }
+    })
+        .filter(Boolean)
+        .join("\n");
+    const body = `
+    <div class="run-container">
+      <div class="run-header">
+        <a href="/task/${taskId}/verify?diffId=${diffId}" class="back-link">Back to Verify</a>
+        <h1>Verification Run #${runNumber}</h1>
+      </div>
+      <div class="run-timeline">
+        ${eventsHtml}
+      </div>
+    </div>`;
+    return layout("Verify Log", "tasks", body);
+}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@longshot/cli",
+  "version": "0.0.1",
+  "description": "Mobile-first Claude orchestrator with spec-driven workflow",
+  "type": "module",
+  "bin": {
+    "longshot": "./dist/cli.js"
+  },
+  "files": [
+    "dist/",
+    "public/",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "tsx watch src/index.ts",
+    "build": "tsc",
+    "prepublishOnly": "npm run build",
+    "test": "tsx --test test/**/*.test.ts"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "UNLICENSED",
+  "dependencies": {
+    "@hono/node-server": "^1.19.9",
+    "diff2html": "^3.4.56",
+    "hono": "^4.11.9",
+    "inquirer": "^13.2.4",
+    "marked": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/inquirer": "^9.0.9",
+    "@types/node": "^25.2.3",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3"
+  }
+}