agentweaver 0.1.15 → 0.1.16

package/dist/interactive/blessed-session.js

@@ -0,0 +1,361 @@
+import blessed from "neo-blessed";
+import { InteractiveSessionController } from "./controller.js";
+export function appendBlessedLogText(currentText, lines) {
+    if (lines.length === 0) {
+        return currentText;
+    }
+    const appendedText = lines.join("\n");
+    return currentText.length === 0 ? appendedText : `${currentText}\n${appendedText}`;
+}
+export class BlessedInteractiveSession {
+    controller;
+    screen;
+    header;
+    progress;
+    flowList;
+    description;
+    status;
+    summary;
+    log;
+    footer;
+    help;
+    confirm;
+    form;
+    unsubscribe;
+    renderScheduled = false;
+    renderedLogText = "";
+    logSyncNeeded = true;
+    constructor(options) {
+        this.controller = new InteractiveSessionController(options);
+        this.screen = blessed.screen({
+            smartCSR: true,
+            fullUnicode: true,
+            title: `AgentWeaver ${options.scopeKey}`,
+            dockBorders: true,
+            autoPadding: false,
+        });
+        this.header = blessed.box({
+            parent: this.screen,
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: 3,
+            border: "line",
+            padding: { left: 1, right: 1 },
+            style: {
+                border: { fg: "green" },
+                fg: "white",
+            },
+        });
+        this.progress = blessed.box({
+            parent: this.screen,
+            top: 3,
+            left: 0,
+            width: "34%",
+            height: "50%-4",
+            label: " Current Flow ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            style: {
+                border: { fg: "green" },
+                fg: "white",
+            },
+        });
+        this.flowList = blessed.list({
+            parent: this.screen,
+            top: "50%-1",
+            left: 0,
+            width: "34%",
+            bottom: 14,
+            label: " Flows ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            mouse: true,
+            style: {
+                border: { fg: "cyan" },
+                fg: "white",
+                selected: {
+                    fg: "black",
+                    bg: "green",
+                    bold: true,
+                },
+            },
+        });
+        this.description = blessed.box({
+            parent: this.screen,
+            bottom: 6,
+            left: 0,
+            width: "34%",
+            height: 8,
+            label: " Flow Description ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            style: {
+                border: { fg: "magenta" },
+                fg: "white",
+            },
+        });
+        this.status = blessed.box({
+            parent: this.screen,
+            bottom: 1,
+            left: 0,
+            width: "34%",
+            height: 5,
+            label: " Status ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            style: {
+                border: { fg: "green" },
+                fg: "white",
+            },
+        });
+        this.summary = blessed.box({
+            parent: this.screen,
+            top: 3,
+            left: "34%",
+            width: "66%",
+            height: 16,
+            label: " Task Summary ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            style: {
+                border: { fg: "green" },
+                fg: "white",
+            },
+        });
+        this.log = blessed.box({
+            parent: this.screen,
+            top: 19,
+            bottom: 1,
+            left: "34%",
+            width: "66%",
+            label: " Activity ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            mouse: true,
+            style: {
+                border: { fg: "yellow" },
+                fg: "white",
+            },
+        });
+        this.footer = blessed.box({
+            parent: this.screen,
+            bottom: 0,
+            left: 0,
+            width: "100%",
+            height: 1,
+            style: { fg: "gray" },
+        });
+        this.help = blessed.box({
+            parent: this.screen,
+            top: "center",
+            left: "center",
+            width: "64%",
+            height: "52%",
+            hidden: true,
+            label: " Help ",
+            border: "line",
+            padding: { left: 1, right: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            style: {
+                border: { fg: "magenta" },
+                bg: "black",
+                fg: "white",
+            },
+        });
+        this.confirm = blessed.box({
+            parent: this.screen,
+            top: "center",
+            left: "center",
+            width: 48,
+            height: 9,
+            hidden: true,
+            label: " Confirm ",
+            border: "line",
+            padding: { left: 1, right: 1, top: 1, bottom: 1 },
+            style: {
+                border: { fg: "yellow" },
+                fg: "white",
+            },
+        });
+        this.form = blessed.box({
+            parent: this.screen,
+            top: "center",
+            left: "center",
+            width: "72%",
+            height: "68%",
+            hidden: true,
+            label: " User Input ",
+            border: "line",
+            padding: { left: 1, right: 1, top: 1, bottom: 1 },
+            scrollable: true,
+            alwaysScroll: true,
+            style: {
+                border: { fg: "magenta" },
+                bg: "black",
+                fg: "white",
+            },
+        });
+        this.screen.on("keypress", (ch, key) => {
+            void this.controller.handleKeypress(ch, key);
+        });
+        this.screen.on("resize", () => {
+            this.requestRender();
+        });
+        this.flowList.on("select item", (_item, index) => {
+            this.controller.selectFlowIndex(index);
+        });
+        this.unsubscribe = this.controller.subscribe((event) => {
+            if (event.type === "log") {
+                this.appendLogLines(event.appendedLines);
+                return;
+            }
+            if (event.syncLog) {
+                this.logSyncNeeded = true;
+            }
+            this.requestRender();
+        });
+        this.requestRender();
+    }
+    mount() {
+        this.controller.mount();
+        this.requestRender();
+    }
+    destroy() {
+        this.unsubscribe();
+        this.controller.destroy();
+        this.screen.destroy();
+    }
+    requestUserInput(form) {
+        return this.controller.requestUserInput(form);
+    }
+    setSummary(markdown) {
+        this.controller.setSummary(markdown);
+    }
+    clearSummary() {
+        this.controller.clearSummary();
+    }
+    setScope(scopeKey, jiraIssueKey) {
+        this.controller.setScope(scopeKey, jiraIssueKey);
+    }
+    appendLog(text) {
+        this.controller.appendLog(text);
+    }
+    setFlowFailed(flowId) {
+        this.controller.setFlowFailed(flowId);
+    }
+    interruptActiveForm(message) {
+        this.controller.interruptActiveForm(message);
+    }
+    applyRightPaneLayout(summaryVisible) {
+        if (summaryVisible) {
+            this.summary.show();
+            this.summary.top = 3;
+            this.summary.height = 16;
+            this.log.top = 19;
+            this.log.bottom = 1;
+            return;
+        }
+        this.summary.hide();
+        this.log.top = 3;
+        this.log.bottom = 1;
+    }
+    render() {
+        const viewModel = this.controller.getViewModel();
+        this.screen.title = viewModel.title;
+        this.applyRightPaneLayout(viewModel.summaryVisible);
+        this.header.setContent(viewModel.header);
+        this.footer.setContent(` ${viewModel.footer} `);
+        this.flowList.setLabel(` ${viewModel.flowListTitle} `);
+        this.flowList.setItems(viewModel.flowItems.map((item) => item.label));
+        this.flowList.select(viewModel.selectedFlowIndex);
+        this.progress.setLabel(` ${viewModel.progressTitle} `);
+        this.progress.setContent(viewModel.progressText);
+        this.progress.setScroll(viewModel.progressScrollOffset);
+        this.description.setContent(viewModel.descriptionText);
+        this.status.setContent(viewModel.statusText);
+        this.summary.setLabel(` ${viewModel.summaryTitle} `);
+        this.summary.setContent(viewModel.summaryText);
+        this.summary.setScroll(viewModel.summaryScrollOffset);
+        this.log.setLabel(` ${viewModel.logTitle} `);
+        if (this.logSyncNeeded) {
+            this.log.setContent(viewModel.logText);
+            this.renderedLogText = viewModel.logText;
+            this.logSyncNeeded = false;
+        }
+        this.log.setScroll(viewModel.logScrollOffset);
+        if (viewModel.helpVisible) {
+            this.help.setContent(viewModel.helpText);
+            this.help.setScroll(viewModel.helpScrollOffset);
+            this.help.show();
+            this.help.setFront();
+        }
+        else {
+            this.help.hide();
+        }
+        if (viewModel.confirmText) {
+            const lines = viewModel.confirmText.split("\n");
+            const width = Math.max(48, ...lines.map((line) => line.length + 4));
+            const height = Math.max(8, lines.length + 4);
+            this.confirm.width = width;
+            this.confirm.height = height;
+            this.confirm.setContent(viewModel.confirmText);
+            this.confirm.show();
+            this.confirm.setFront();
+        }
+        else {
+            this.confirm.hide();
+        }
+        if (viewModel.form) {
+            this.form.setLabel(` ${viewModel.form.title} `);
+            this.form.setContent(viewModel.form.content);
+            this.form.setScroll(0);
+            this.form.show();
+            this.form.setFront();
+        }
+        else {
+            this.form.hide();
+        }
+        if (viewModel.form) {
+            this.form.focus();
+        }
+        else if (viewModel.confirmText) {
+            this.confirm.focus();
+        }
+        else if (viewModel.helpVisible) {
+            this.help.focus();
+        }
+        else {
+            this.flowList.focus();
+        }
+        this.screen.render();
+    }
+    appendLogLines(lines) {
+        if (lines.length === 0) {
+            return;
+        }
+        this.renderedLogText = appendBlessedLogText(this.renderedLogText, lines);
+        this.log.setContent(this.renderedLogText);
+        this.log.setScrollPerc(100);
+        this.requestRender();
+    }
+    requestRender() {
+        if (this.renderScheduled) {
+            return;
+        }
+        this.renderScheduled = true;
+        setImmediate(() => {
+            this.renderScheduled = false;
+            this.render();
+        });
+    }
+}