Hunter Bown
201 lines
8.2 KiB
JavaScript
201 lines
8.2 KiB
JavaScript
"use strict";
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
o[k2] = m[k];
|
|
}));
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
}) : function(o, v) {
|
|
o["default"] = v;
|
|
});
|
|
var __importStar = (this && this.__importStar) || (function () {
|
|
var ownKeys = function(o) {
|
|
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
var ar = [];
|
|
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
return ar;
|
|
};
|
|
return ownKeys(o);
|
|
};
|
|
return function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
})();
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.RuntimeStatusView = void 0;
|
|
const vscode = __importStar(require("vscode"));
|
|
class RuntimeStatusView {
|
|
static viewType = "codewhale.runtimeStatus";
|
|
view;
|
|
state = {
|
|
kind: "offline",
|
|
baseUrl: "http://127.0.0.1:7878",
|
|
detail: "Runtime has not been checked yet.",
|
|
};
|
|
threads = [];
|
|
threadsDetail = "Connect to the runtime to load recent threads.";
|
|
snapshots = [];
|
|
snapshotsDetail = "Connect to the runtime to load restore points.";
|
|
resolveWebviewView(view) {
|
|
this.view = view;
|
|
view.webview.options = { enableScripts: true };
|
|
view.webview.onDidReceiveMessage((message) => {
|
|
if (message.command === "check") {
|
|
void vscode.commands.executeCommand("codewhale.checkRuntime");
|
|
}
|
|
else if (message.command === "start") {
|
|
void vscode.commands.executeCommand("codewhale.startRuntime");
|
|
}
|
|
else if (message.command === "terminal") {
|
|
void vscode.commands.executeCommand("codewhale.openTerminal");
|
|
}
|
|
else if (message.command === "threads") {
|
|
void vscode.commands.executeCommand("codewhale.refreshAgentView");
|
|
}
|
|
else if (message.command === "snapshots") {
|
|
void vscode.commands.executeCommand("codewhale.refreshSnapshots");
|
|
}
|
|
});
|
|
this.render();
|
|
}
|
|
update(state) {
|
|
this.state = state;
|
|
this.render();
|
|
}
|
|
updateThreads(threads, detail) {
|
|
this.threads = threads;
|
|
this.threadsDetail = detail;
|
|
this.render();
|
|
}
|
|
updateSnapshots(snapshots, detail) {
|
|
this.snapshots = snapshots;
|
|
this.snapshotsDetail = detail;
|
|
this.render();
|
|
}
|
|
render() {
|
|
if (!this.view) {
|
|
return;
|
|
}
|
|
const badge = labelFor(this.state.kind);
|
|
const nonce = makeNonce();
|
|
const threadsHtml = this.threads.length > 0
|
|
? this.threads.map((thread) => renderThread(thread)).join("")
|
|
: `<p class="detail">${escapeHtml(this.threadsDetail)}</p>`;
|
|
const snapshotsHtml = this.snapshots.length > 0
|
|
? this.snapshots.map((snapshot) => renderSnapshot(snapshot)).join("")
|
|
: `<p class="detail">${escapeHtml(this.snapshotsDetail)}</p>`;
|
|
this.view.webview.html = `<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; script-src 'nonce-${nonce}';">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body { padding: 14px; color: var(--vscode-foreground); font-family: var(--vscode-font-family); }
|
|
.status { margin-bottom: 12px; font-weight: 600; }
|
|
.detail { margin: 0 0 14px; color: var(--vscode-descriptionForeground); line-height: 1.45; }
|
|
.section-title { margin: 18px 0 8px; font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; color: var(--vscode-descriptionForeground); }
|
|
.thread { padding: 8px 0; border-top: 1px solid var(--vscode-sideBarSectionHeader-border, var(--vscode-panel-border)); }
|
|
.snapshot { padding: 8px 0; border-top: 1px solid var(--vscode-sideBarSectionHeader-border, var(--vscode-panel-border)); }
|
|
.thread-title, .snapshot-title { margin-bottom: 4px; font-weight: 600; overflow-wrap: anywhere; }
|
|
.thread-preview { margin-bottom: 5px; color: var(--vscode-descriptionForeground); line-height: 1.35; overflow-wrap: anywhere; }
|
|
.thread-meta { color: var(--vscode-descriptionForeground); font-size: 11px; overflow-wrap: anywhere; }
|
|
code { color: var(--vscode-textLink-foreground); }
|
|
button { width: 100%; margin: 4px 0; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="status">${escapeHtml(badge)}</div>
|
|
<p class="detail">${escapeHtml(this.state.detail)}</p>
|
|
<p class="detail"><code>${escapeHtml(this.state.baseUrl)}</code></p>
|
|
<button data-command="check">Check Runtime</button>
|
|
<button data-command="threads">Refresh Threads</button>
|
|
<button data-command="snapshots">Refresh Restore Points</button>
|
|
<button data-command="start">Start Local Runtime</button>
|
|
<button data-command="terminal">Open CodeWhale Terminal</button>
|
|
<div class="section-title">Agent View</div>
|
|
${threadsHtml}
|
|
<div class="section-title">Restore Points</div>
|
|
${snapshotsHtml}
|
|
<script nonce="${nonce}">
|
|
const vscode = acquireVsCodeApi();
|
|
for (const button of document.querySelectorAll("button[data-command]")) {
|
|
button.addEventListener("click", () => vscode.postMessage({ command: button.dataset.command }));
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>`;
|
|
}
|
|
}
|
|
exports.RuntimeStatusView = RuntimeStatusView;
|
|
function renderSnapshot(snapshot) {
|
|
return `<div class="snapshot">
|
|
<div class="snapshot-title">${escapeHtml(snapshot.label)}</div>
|
|
<div class="thread-meta">${escapeHtml(`${snapshot.id} · ${formatUnixTimestamp(snapshot.timestamp)}`)}</div>
|
|
</div>`;
|
|
}
|
|
function renderThread(thread) {
|
|
const status = thread.latestTurnStatus ? ` · ${thread.latestTurnStatus}` : "";
|
|
const archived = thread.archived ? " · archived" : "";
|
|
const branch = thread.branch ? ` · branch ${thread.branch}` : "";
|
|
const workspace = thread.workspace ? ` · ${thread.workspace}` : "";
|
|
const updated = thread.updatedAt ? ` · ${formatTimestamp(thread.updatedAt)}` : "";
|
|
return `<div class="thread">
|
|
<div class="thread-title">${escapeHtml(thread.title)}</div>
|
|
<div class="thread-preview">${escapeHtml(thread.preview || "No recent message.")}</div>
|
|
<div class="thread-meta">${escapeHtml(`${thread.mode} · ${thread.model}${status}${branch}${archived}${updated}${workspace}`)}</div>
|
|
</div>`;
|
|
}
|
|
function labelFor(kind) {
|
|
switch (kind) {
|
|
case "connected":
|
|
return "Connected";
|
|
case "auth-required":
|
|
return "Token Required";
|
|
case "error":
|
|
return "Runtime Error";
|
|
case "offline":
|
|
return "Offline";
|
|
}
|
|
}
|
|
function formatTimestamp(value) {
|
|
const date = new Date(value);
|
|
if (Number.isNaN(date.getTime())) {
|
|
return value;
|
|
}
|
|
return date.toLocaleString();
|
|
}
|
|
function formatUnixTimestamp(value) {
|
|
const date = new Date(value * 1000);
|
|
if (Number.isNaN(date.getTime())) {
|
|
return String(value);
|
|
}
|
|
return date.toLocaleString();
|
|
}
|
|
function escapeHtml(value) {
|
|
return value
|
|
.replace(/&/g, "&")
|
|
.replace(/</g, "<")
|
|
.replace(/>/g, ">")
|
|
.replace(/"/g, """);
|
|
}
|
|
function makeNonce() {
|
|
const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
let nonce = "";
|
|
for (let index = 0; index < 32; index += 1) {
|
|
nonce += alphabet.charAt(Math.floor(Math.random() * alphabet.length));
|
|
}
|
|
return nonce;
|
|
}
|
|
//# sourceMappingURL=status.js.map
|