@abhinav2203/codeflow-canvas 0.1.0

package/dist/bin/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/bin/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../../src/bin/cli.ts"],"names":[],"mappings":""}

package/dist/bin/cli.js

@@ -0,0 +1,84 @@
+#!/usr/bin/env node
+import { readFileSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+function renderJson(graph, options) {
+    if (options.nodeId) {
+        const node = graph.nodes.find((n) => n.id === options.nodeId);
+        if (!node) {
+            return JSON.stringify({ error: `Node ${options.nodeId} not found` }, null, 2);
+        }
+        return JSON.stringify(node, null, 2);
+    }
+    return JSON.stringify(graph, null, 2);
+}
+function renderText(graph) {
+    const lines = [];
+    lines.push(`# ${graph.projectName}`);
+    lines.push(`Phase: ${graph.phase}`);
+    lines.push("");
+    lines.push("## Nodes");
+    for (const node of graph.nodes) {
+        lines.push(`- [${node.kind}] ${node.name}: ${node.summary}`);
+    }
+    lines.push("");
+    lines.push("## Edges");
+    for (const edge of graph.edges) {
+        lines.push(`- ${edge.from} --[${edge.kind}]--> ${edge.to}`);
+    }
+    return lines.join("\n");
+}
+async function main() {
+    const args = process.argv.slice(2);
+    let filePath;
+    let command = "render";
+    const options = { format: "json" };
+    for (let i = 0; i < args.length; i++) {
+        if (args[i] === "render" && i + 1 < args.length) {
+            command = "render";
+            filePath = args[++i];
+        }
+        else if (args[i] === "--format" && i + 1 < args.length) {
+            options.format = args[++i];
+        }
+        else if (args[i] === "--node" && i + 1 < args.length) {
+            options.nodeId = args[++i];
+        }
+        else if (!args[i].startsWith("--")) {
+            filePath = args[i];
+        }
+    }
+    if (!filePath) {
+        console.error("Usage: codeflow-canvas render <file> [--format json|text] [--node <id>]");
+        process.exit(1);
+    }
+    const resolvedPath = resolve(filePath);
+    let graph;
+    try {
+        const content = readFileSync(resolvedPath, "utf-8");
+        graph = JSON.parse(content);
+    }
+    catch {
+        console.error(`Failed to read or parse blueprint file: ${resolvedPath}`);
+        process.exit(1);
+    }
+    switch (command) {
+        case "render":
+            if (options.format === "text") {
+                console.log(renderText(graph));
+            }
+            else {
+                console.log(renderJson(graph, options));
+            }
+            break;
+        default:
+            console.error(`Unknown command: ${command}`);
+            process.exit(1);
+    }
+}
+main().catch((err) => {
+    console.error("CLI error:", err);
+    process.exit(1);
+});
+//# sourceMappingURL=cli.js.map

package/dist/bin/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../../src/bin/cli.ts"],"names":[],"mappings":"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"}

package/dist/components/blueprint-workbench.d.ts

@@ -0,0 +1,2 @@
+export declare function BlueprintWorkbench(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=blueprint-workbench.d.ts.map

package/dist/components/blueprint-workbench.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint-workbench.d.ts","sourceRoot":"","sources":["../../src/components/blueprint-workbench.tsx"],"names":[],"mappings":"AAmIA,wBAAgB,kBAAkB,4CA6KjC"}

package/dist/components/blueprint-workbench.js

@@ -0,0 +1,144 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { z } from "zod";
+import { useMemo, useRef, useState } from "react";
+import { useBlueprintStore } from "../store/blueprint-store.js";
+import { GraphCanvas } from "./graph-canvas.js";
+import { buildDetailFlow, indexRuntimeExecutionResult } from "../lib/flow-view.js";
+import { computeHeatmap } from "../lib/heatmap.js";
+import { traceSpanSchema } from "@abhinav2203/codeflow-core/schema";
+const tracesSchema = z.array(traceSpanSchema);
+const maskApiKey = (value) => {
+    const trimmed = value.trim();
+    if (trimmed.length <= 8) {
+        return trimmed;
+    }
+    return `${trimmed.slice(0, 4)}...${trimmed.slice(-4)}`;
+};
+export function BlueprintWorkbench() {
+    const { activeFile, floatingGraph, graph, openFiles, repoPath, selectedNodeId, setActiveFile, setFloatingGraph, setGraph, setOpenFiles, setRepoPath, setSelectedNodeId } = useBlueprintStore();
+    const MIN_OBSERVABILITY_INTERVAL_SECS = 2;
+    const [projectName, setProjectName] = useState("CodeFlow Workspace");
+    const [prdText, setPrdText] = useState("");
+    const [aiPrompt, setAiPrompt] = useState("");
+    const [nvidiaApiKey, setNvidiaApiKey] = useState("");
+    const [executionMode, setExecutionMode] = useState("essential");
+    const [outputDir, setOutputDir] = useState("");
+    const [traceInput, setTraceInput] = useState("");
+    const [runInput, setRunInput] = useState("{}");
+    const [error, setError] = useState(null);
+    const [busyLabel, setBusyLabel] = useState(null);
+    const [exportResult, setExportResult] = useState(null);
+    const [runPlan, setRunPlan] = useState(null);
+    const [riskReport, setRiskReport] = useState(null);
+    const [session, setSession] = useState(null);
+    const [pendingApproval, setPendingApproval] = useState(null);
+    const [executionResult, setExecutionResult] = useState(null);
+    const [latestLogs, setLatestLogs] = useState([]);
+    const [latestSpans, setLatestSpans] = useState([]);
+    const [conflictReport, setConflictReport] = useState(null);
+    const [newNodeName, setNewNodeName] = useState("");
+    const [newNodeKind, setNewNodeKind] = useState("function");
+    const [edgeFrom, setEdgeFrom] = useState("");
+    const [edgeTo, setEdgeTo] = useState("");
+    const [edgeKind, setEdgeKind] = useState("calls");
+    const [useAI, setUseAI] = useState(true);
+    const [drilldownStack, setDrilldownStack] = useState([]);
+    const [selectedDetailNodeId, setSelectedDetailNodeId] = useState(null);
+    const [codeDrafts, setCodeDrafts] = useState({});
+    const [suggestionInstruction, setSuggestionInstruction] = useState("");
+    const [codeSuggestion, setCodeSuggestion] = useState(null);
+    const [liveCompletionsEnabled, setLiveCompletionsEnabled] = useState(true);
+    const [serverApiKeyConfigured, setServerApiKeyConfigured] = useState(false);
+    const [apiKeyStatusLoaded, setApiKeyStatusLoaded] = useState(false);
+    const [statusTitle, setStatusTitle] = useState("Ready to build");
+    const [statusDetail, setStatusDetail] = useState("Enter a project description or repo input, then build a blueprint.");
+    const [statusTone, setStatusTone] = useState("info");
+    const [activeDockTab, setActiveDockTab] = useState("terminal");
+    const [activityFeed, setActivityFeed] = useState([]);
+    const [showSettings, setShowSettings] = useState(false);
+    const [showPromptPanel, setShowPromptPanel] = useState(true);
+    const [showEditPanel, setShowEditPanel] = useState(false);
+    const [showInspector, setShowInspector] = useState(false);
+    const [showObservabilityPanel, setShowObservabilityPanel] = useState(false);
+    const [autoObservability, setAutoObservability] = useState(false);
+    const [observabilityIntervalSecs, setObservabilityIntervalSecs] = useState(5);
+    const autoObsRef = useRef(autoObservability);
+    autoObsRef.current = autoObservability;
+    const [autoImplementNodes, setAutoImplementNodes] = useState(false);
+    const [cycleReport, setCycleReport] = useState(null);
+    const [smellReport, setSmellReport] = useState(null);
+    const [graphMetrics, setGraphMetrics] = useState(null);
+    const [mermaidDiagram, setMermaidDiagram] = useState(null);
+    const [ghostSuggestions, setGhostSuggestions] = useState([]);
+    const [showMcpPanel, setShowMcpPanel] = useState(false);
+    const [mcpServerUrl, setMcpServerUrl] = useState("");
+    const [mcpHeadersJson, setMcpHeadersJson] = useState("{}");
+    const [mcpToolName, setMcpToolName] = useState("");
+    const [mcpToolArgsJson, setMcpToolArgsJson] = useState("{}");
+    const [availableMcpTools, setAvailableMcpTools] = useState([]);
+    const [mcpInvokeResult, setMcpInvokeResult] = useState(null);
+    const [mcpError, setMcpError] = useState(null);
+    const [branches, setBranches] = useState([]);
+    const [showBranchPanel, setShowBranchPanel] = useState(false);
+    const [newBranchName, setNewBranchName] = useState("");
+    const [newBranchDescription, setNewBranchDescription] = useState("");
+    const [activeBranchId, setActiveBranchId] = useState(null);
+    const [branchDiff, setBranchDiff] = useState(null);
+    const [diffTargetBranchId, setDiffTargetBranchId] = useState(null);
+    const [showVcrPanel, setShowVcrPanel] = useState(false);
+    const [vcrRecording, setVcrRecording] = useState(null);
+    const [vcrFrameIndex, setVcrFrameIndex] = useState(0);
+    const [vcrPlaying, setVcrPlaying] = useState(false);
+    const [vcrGraph, setVcrGraph] = useState(null);
+    const [vcrError, setVcrError] = useState(null);
+    const [showDigitalTwinPanel, setShowDigitalTwinPanel] = useState(false);
+    const [digitalTwinSnapshot, setDigitalTwinSnapshot] = useState(null);
+    const [digitalTwinGraph, setDigitalTwinGraph] = useState(null);
+    const [digitalTwinWindowSecs, setDigitalTwinWindowSecs] = useState(60);
+    const [autoDigitalTwin, setAutoDigitalTwin] = useState(false);
+    const autoDigitalTwinRef = useRef(autoDigitalTwin);
+    autoDigitalTwinRef.current = autoDigitalTwin;
+    const [simulateNodeIds, setSimulateNodeIds] = useState("");
+    const [simulateLabel, setSimulateLabel] = useState("");
+    const [digitalTwinError, setDigitalTwinError] = useState(null);
+    const [digitalTwinPollError, setDigitalTwinPollError] = useState(null);
+    const [digitalTwinLastUpdatedAt, setDigitalTwinLastUpdatedAt] = useState(null);
+    const [showRefactorPanel, setShowRefactorPanel] = useState(false);
+    const [refactorReport, setRefactorReport] = useState(null);
+    const [healResult, setHealResult] = useState(null);
+    const [refactorError, setRefactorError] = useState(null);
+    const graphReplacedByHealRef = useRef(false);
+    const refactorAbortRef = useRef(null);
+    const [showGeneticPanel, setShowGeneticPanel] = useState(false);
+    const [showMascotPanel, setShowMascotPanel] = useState(false);
+    const [showPhasePanel, setShowPhasePanel] = useState(false);
+    const [geneticGenerations, setGeneticGenerations] = useState(3);
+    const [geneticPopulationSize, setGeneticPopulationSize] = useState(6);
+    const [tournamentResult, setTournamentResult] = useState(null);
+    const [geneticError, setGeneticError] = useState(null);
+    const [editorRevealTarget, setEditorRevealTarget] = useState(null);
+    const [navigationError, setNavigationError] = useState(null);
+    const [showOpencodePanel, setShowOpencodePanel] = useState(false);
+    const [opencodeStatus, setOpencodeStatus] = useState({ status: "stopped" });
+    const [useOpencodeForAgent, setUseOpencodeForAgent] = useState(false);
+    const selectedNode = graph?.nodes.find((node) => node.id === selectedNodeId) ?? null;
+    const drilldownNodeId = drilldownStack.at(-1) ?? null;
+    const drilldownRootNode = graph?.nodes.find((node) => node.id === drilldownNodeId) ?? null;
+    const executionIndex = useMemo(() => indexRuntimeExecutionResult(executionResult), [executionResult]);
+    const detailFlow = graph && drilldownNodeId
+        ? buildDetailFlow(graph, drilldownNodeId, selectedDetailNodeId ?? undefined, executionResult)
+        : null;
+    const heatmapData = useMemo(() => graph &&
+        graph.nodes.some((node) => node.traceState && node.traceState.count > 0)
+        ? computeHeatmap(graph)
+        : undefined, [graph]);
+    const canStartImplementation = false;
+    const canStartIntegration = false;
+    const canImplementActiveNode = false;
+    const canRunActiveNode = false;
+    const isBusy = Boolean(busyLabel);
+    const isBuilding = busyLabel === "Building blueprint";
+    return (_jsx("div", { className: "workbench-shell", children: _jsx("div", { className: "workbench-main", children: _jsx("div", { className: "graph-panel", children: _jsx(GraphCanvas, { graph: graph, selectedNodeId: selectedNodeId, onSelect: setSelectedNodeId, heatmapData: heatmapData }) }) }) }));
+}
+//# sourceMappingURL=blueprint-workbench.js.map

package/dist/components/blueprint-workbench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blueprint-workbench.js","sourceRoot":"","sources":["../../src/components/blueprint-workbench.tsx"],"names":[],"mappings":"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"}

package/dist/components/code-diff-editor.d.ts

@@ -0,0 +1,12 @@
+type CodeDiffEditorProps = {
+    originalValue: string;
+    modifiedValue: string;
+    language?: "typescript" | "javascript" | "json" | "markdown";
+    height?: string;
+    readOnly?: boolean;
+    theme?: "light" | "dark";
+    onModifiedChange?: (value: string) => void;
+};
+export declare function CodeDiffEditor({ originalValue, modifiedValue, language, height, readOnly, theme, onModifiedChange }: CodeDiffEditorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=code-diff-editor.d.ts.map

package/dist/components/code-diff-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-diff-editor.d.ts","sourceRoot":"","sources":["../../src/components/code-diff-editor.tsx"],"names":[],"mappings":"AAcA,KAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,QAAuB,EACvB,MAAgB,EAChB,QAAgB,EAChB,KAAc,EACd,gBAAgB,EACjB,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CzC"}

package/dist/components/code-diff-editor.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import dynamic from "next/dynamic";
+import { prepareMonaco, toMonacoPath } from "./monaco-setup.js";
+const MonacoDiffEditor = dynamic(() => import("@monaco-editor/react").then(mod => mod.DiffEditor), {
+    ssr: false,
+    loading: () => _jsx("div", { className: "code-diff-editor-loading", children: "Loading diff editor..." })
+});
+export function CodeDiffEditor({ originalValue, modifiedValue, language = "typescript", height = "28rem", readOnly = false, theme = "dark", onModifiedChange }) {
+    const monacoRef = useRef(null);
+    const modifiedListenerRef = useRef(null);
+    return (_jsx("div", { className: "code-diff-editor-shell", style: {
+            height,
+            minHeight: height === "100%" ? 0 : height
+        }, children: _jsx(MonacoDiffEditor, { beforeMount: prepareMonaco, height: height, language: language, modified: modifiedValue, modifiedModelPath: toMonacoPath("diff/modified.ts"), options: {
+                automaticLayout: true,
+                diffCodeLens: true,
+                enableSplitViewResizing: true,
+                fontFamily: "IBM Plex Mono, SFMono-Regular, SF Mono, monospace",
+                fontLigatures: true,
+                fontSize: 14,
+                lineNumbersMinChars: 3,
+                minimap: { enabled: false },
+                padding: { top: 16, bottom: 16 },
+                readOnly,
+                renderSideBySide: true,
+                scrollBeyondLastLine: false,
+                smoothScrolling: true,
+                wordWrap: "on"
+            }, original: originalValue, originalModelPath: toMonacoPath("diff/original.ts"), onMount: (editor, monaco) => {
+                monacoRef.current = monaco;
+                modifiedListenerRef.current?.dispose();
+                modifiedListenerRef.current = editor.getModifiedEditor().onDidChangeModelContent(() => {
+                    onModifiedChange?.(editor.getModifiedEditor().getValue());
+                });
+            }, theme: theme === "dark" ? "vs-dark" : "vs-light" }) }));
+}
+//# sourceMappingURL=code-diff-editor.js.map

package/dist/components/code-diff-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-diff-editor.js","sourceRoot":"","sources":["../../src/components/code-diff-editor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,OAAO,MAAM,cAAc,CAAC;AAGnC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;IACjG,GAAG,EAAE,KAAK;IACV,OAAO,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,0BAA0B,uCAA6B;CACtF,CAAC,CAAC;AAYH,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,QAAQ,GAAG,YAAY,EACvB,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,MAAM,EACd,gBAAgB,EACI;IACpB,MAAM,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACrD,MAAM,mBAAmB,GAAG,MAAM,CAA4B,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,cACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;YACL,MAAM;YACN,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;SAC1C,YAED,KAAC,gBAAgB,IACf,WAAW,EAAE,aAAa,EAC1B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,aAAa,EACvB,iBAAiB,EAAE,YAAY,CAAC,kBAAkB,CAAC,EACnD,OAAO,EAAE;gBACP,eAAe,EAAE,IAAI;gBACrB,YAAY,EAAE,IAAI;gBAClB,uBAAuB,EAAE,IAAI;gBAC7B,UAAU,EAAE,mDAAmD;gBAC/D,aAAa,EAAE,IAAI;gBACnB,QAAQ,EAAE,EAAE;gBACZ,mBAAmB,EAAE,CAAC;gBACtB,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAC3B,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;gBAChC,QAAQ;gBACR,gBAAgB,EAAE,IAAI;gBACtB,oBAAoB,EAAE,KAAK;gBAC3B,eAAe,EAAE,IAAI;gBACrB,QAAQ,EAAE,IAAI;aACf,EACD,QAAQ,EAAE,aAAa,EACvB,iBAAiB,EAAE,YAAY,CAAC,kBAAkB,CAAC,EACnD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;gBAC1B,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;gBAC3B,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC;gBACvC,mBAAmB,CAAC,OAAO,GAAG,MAAM,CAAC,iBAAiB,EAAE,CAAC,uBAAuB,CAAC,GAAG,EAAE;oBACpF,gBAAgB,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAC5D,CAAC,CAAC,CAAC;YACL,CAAC,EACD,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAChD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/code-editor.d.ts

@@ -0,0 +1,25 @@
+import type { BlueprintGraph } from "@abhinav2203/codeflow-core/schema";
+import type { NavigationTarget } from "../lib/node-navigation.js";
+type CodeEditorProps = {
+    path: string;
+    value: string;
+    onChange: (value: string) => void;
+    language?: "typescript" | "javascript" | "json" | "markdown";
+    height?: string;
+    ariaLabel?: string;
+    readOnly?: boolean;
+    theme?: "light" | "dark";
+    onSave?: () => void | Promise<void>;
+    revealTarget?: NavigationTarget | null;
+    completionContext?: {
+        enabled: boolean;
+        graph: BlueprintGraph;
+        nodeId: string;
+        nvidiaApiKey?: string;
+        retrievalQuery?: string;
+        retrievalDepth?: number;
+    };
+};
+export declare function CodeEditor({ path, value, onChange, language, height, ariaLabel, readOnly, theme, onSave, revealTarget, completionContext }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/components/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../src/components/code-editor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AASlE,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,MAAM,GAAG,UAAU,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACvC,iBAAiB,CAAC,EAAE;QAClB,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,cAAc,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH,CAAC;AA2DF,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAuB,EACvB,MAAgB,EAChB,SAAS,EACT,QAAgB,EAChB,KAAc,EACd,MAAM,EACN,YAAY,EACZ,iBAAiB,EAClB,EAAE,eAAe,2CAyRjB"}

package/dist/components/code-editor.js

@@ -0,0 +1,264 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import dynamic from "next/dynamic";
+import { prepareMonaco, toMonacoPath } from "./monaco-setup.js";
+import { getTypeScriptLanguageService } from "./ts-language-service.js";
+const MonacoEditor = dynamic(() => import("@monaco-editor/react"), {
+    ssr: false,
+    loading: () => _jsx("div", { className: "code-editor-loading", children: "Loading editor..." })
+});
+const COMPLETION_TTL_MS = 15_000;
+const COMPLETION_DEBOUNCE_MS = 220;
+const toCompletionKind = (monaco, kind) => {
+    switch (kind) {
+        case "method":
+            return monaco.languages.CompletionItemKind.Method;
+        case "function":
+            return monaco.languages.CompletionItemKind.Function;
+        case "constructor":
+            return monaco.languages.CompletionItemKind.Constructor;
+        case "field":
+            return monaco.languages.CompletionItemKind.Field;
+        case "variable":
+            return monaco.languages.CompletionItemKind.Variable;
+        case "class":
+            return monaco.languages.CompletionItemKind.Class;
+        case "interface":
+            return monaco.languages.CompletionItemKind.Interface;
+        case "module":
+            return monaco.languages.CompletionItemKind.Module;
+        case "property":
+            return monaco.languages.CompletionItemKind.Property;
+        case "unit":
+            return monaco.languages.CompletionItemKind.Unit;
+        case "value":
+            return monaco.languages.CompletionItemKind.Value;
+        case "enum":
+            return monaco.languages.CompletionItemKind.Enum;
+        case "keyword":
+            return monaco.languages.CompletionItemKind.Keyword;
+        case "snippet":
+            return monaco.languages.CompletionItemKind.Snippet;
+        case "color":
+            return monaco.languages.CompletionItemKind.Color;
+        case "file":
+            return monaco.languages.CompletionItemKind.File;
+        case "reference":
+            return monaco.languages.CompletionItemKind.Reference;
+        default:
+            return monaco.languages.CompletionItemKind.Text;
+    }
+};
+export function CodeEditor({ path, value, onChange, language = "typescript", height = "28rem", ariaLabel, readOnly = false, theme = "dark", onSave, revealTarget, completionContext }) {
+    const monacoRef = useRef(null);
+    const editorRef = useRef(null);
+    const decorationIdsRef = useRef([]);
+    const completionContextRef = useRef(completionContext);
+    const providerRef = useRef(null);
+    const cacheRef = useRef(new Map());
+    const inflightRef = useRef(new Map());
+    const debounceRef = useRef({
+        timer: null,
+        resolve: null
+    });
+    const waitForDebounce = () => new Promise((resolve) => {
+        if (debounceRef.current.timer) {
+            window.clearTimeout(debounceRef.current.timer);
+            debounceRef.current.resolve?.(false);
+        }
+        debounceRef.current.resolve = resolve;
+        debounceRef.current.timer = window.setTimeout(() => {
+            debounceRef.current.timer = null;
+            debounceRef.current.resolve = null;
+            resolve(true);
+        }, COMPLETION_DEBOUNCE_MS);
+    });
+    const registerCompletionProvider = useCallback((monaco) => {
+        providerRef.current?.dispose();
+        if (readOnly || (language !== "typescript" && language !== "javascript")) {
+            return;
+        }
+        providerRef.current = monaco.languages.registerCompletionItemProvider(language, {
+            triggerCharacters: [".", "("],
+            provideCompletionItems: async (model, position, context) => {
+                const activeContext = completionContextRef.current;
+                if (!activeContext?.enabled) {
+                    return { suggestions: [] };
+                }
+                if (context.triggerKind === monaco.languages.CompletionTriggerKind.TriggerCharacter &&
+                    ![".", "("].includes(context.triggerCharacter ?? "")) {
+                    return { suggestions: [] };
+                }
+                const word = model.getWordUntilPosition(position);
+                const lineContent = model.getLineContent(position.lineNumber);
+                const linePrefix = lineContent.slice(0, position.column - 1);
+                const lineSuffix = lineContent.slice(position.column - 1);
+                const currentCode = model.getValue();
+                const cursorOffset = model.getOffsetAt(position);
+                const recentPrefix = currentCode.slice(Math.max(0, cursorOffset - 180), cursorOffset);
+                if (context.triggerKind !== monaco.languages.CompletionTriggerKind.TriggerCharacter &&
+                    recentPrefix.trim().length < 3) {
+                    return { suggestions: [] };
+                }
+                const cacheKey = JSON.stringify([
+                    activeContext.nodeId,
+                    activeContext.retrievalQuery ?? "",
+                    activeContext.retrievalDepth ?? 0,
+                    context.triggerCharacter ?? "manual",
+                    recentPrefix
+                ]);
+                const cached = cacheRef.current.get(cacheKey);
+                if (cached && Date.now() - cached.createdAt < COMPLETION_TTL_MS) {
+                    return { suggestions: cached.suggestions };
+                }
+                const inflight = inflightRef.current.get(cacheKey);
+                if (inflight) {
+                    return { suggestions: await inflight };
+                }
+                const shouldContinue = await waitForDebounce();
+                if (!shouldContinue) {
+                    return { suggestions: [] };
+                }
+                const completionPromise = (async () => {
+                    try {
+                        const response = await fetch("/api/code-completions", {
+                            method: "POST",
+                            headers: {
+                                "content-type": "application/json"
+                            },
+                            body: JSON.stringify({
+                                graph: activeContext.graph,
+                                nodeId: activeContext.nodeId,
+                                currentCode,
+                                cursorOffset,
+                                linePrefix,
+                                lineSuffix,
+                                triggerCharacter: context.triggerCharacter ?? undefined,
+                                retrievalQuery: activeContext.retrievalQuery,
+                                retrievalDepth: activeContext.retrievalDepth,
+                                nvidiaApiKey: activeContext.nvidiaApiKey
+                            })
+                        });
+                        if (!response.ok) {
+                            return [];
+                        }
+                        const body = (await response.json());
+                        const range = new monaco.Range(position.lineNumber, position.column - word.word.length, position.lineNumber, position.column);
+                        return body.suggestions.map((suggestion) => ({
+                            detail: suggestion.detail,
+                            documentation: suggestion.documentation,
+                            insertText: suggestion.insertText,
+                            insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+                            kind: toCompletionKind(monaco, suggestion.kind),
+                            label: suggestion.label,
+                            range
+                        }));
+                    }
+                    catch {
+                        return [];
+                    }
+                })();
+                inflightRef.current.set(cacheKey, completionPromise);
+                try {
+                    const suggestions = await completionPromise;
+                    cacheRef.current.set(cacheKey, {
+                        createdAt: Date.now(),
+                        suggestions
+                    });
+                    return { suggestions };
+                }
+                finally {
+                    inflightRef.current.delete(cacheKey);
+                }
+            }
+        });
+    }, [language, readOnly]);
+    useEffect(() => {
+        completionContextRef.current = completionContext;
+    }, [completionContext]);
+    useEffect(() => {
+        if (monacoRef.current) {
+            registerCompletionProvider(monacoRef.current);
+        }
+    }, [language, readOnly, registerCompletionProvider]);
+    useEffect(() => {
+        if (!monacoRef.current || (language !== "typescript" && language !== "javascript")) {
+            return;
+        }
+        getTypeScriptLanguageService(monacoRef.current).upsertWorkspaceFile(path, value);
+    }, [language, path, value]);
+    useEffect(() => {
+        if (!editorRef.current || !monacoRef.current || !revealTarget) {
+            return;
+        }
+        const monaco = monacoRef.current;
+        const editor = editorRef.current;
+        const startColumn = Math.max(1, revealTarget.columnStart ?? 1);
+        const endLineNumber = Math.max(revealTarget.endLineNumber ?? revealTarget.lineNumber, revealTarget.lineNumber);
+        const endColumn = Math.max(revealTarget.columnEnd ?? (endLineNumber === revealTarget.lineNumber ? startColumn + 1 : 1), 1);
+        const range = new monaco.Range(revealTarget.lineNumber, startColumn, endLineNumber, endColumn);
+        editor.revealRangeInCenter(range);
+        editor.setSelection(range);
+        decorationIdsRef.current = editor.deltaDecorations(decorationIdsRef.current, [
+            {
+                range,
+                options: {
+                    className: "code-editor-highlight",
+                    inlineClassName: "code-editor-highlight-inline",
+                    isWholeLine: revealTarget.lineNumber === endLineNumber && startColumn === 1
+                }
+            }
+        ]);
+    }, [revealTarget]);
+    useEffect(() => {
+        const debounceState = debounceRef.current;
+        return () => {
+            providerRef.current?.dispose();
+            if (editorRef.current) {
+                decorationIdsRef.current = editorRef.current.deltaDecorations(decorationIdsRef.current, []);
+            }
+            if (debounceState.timer) {
+                window.clearTimeout(debounceState.timer);
+            }
+            debounceState.resolve?.(false);
+        };
+    }, []);
+    return (_jsxs("div", { className: "code-editor-shell", style: {
+            height,
+            minHeight: height === "100%" ? 0 : height
+        }, children: [_jsx(MonacoEditor, { beforeMount: prepareMonaco, height: height, language: language, onMount: (editor, monaco) => {
+                    monacoRef.current = monaco;
+                    editorRef.current = editor;
+                    getTypeScriptLanguageService(monaco).upsertWorkspaceFile(path, value);
+                    registerCompletionProvider(monaco);
+                    editor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+                        void onSave?.();
+                    });
+                }, onChange: (nextValue) => onChange(nextValue ?? ""), options: {
+                    automaticLayout: true,
+                    ariaLabel: ariaLabel ?? path,
+                    fontFamily: "IBM Plex Mono, SFMono-Regular, SF Mono, monospace",
+                    fontLigatures: true,
+                    fontSize: 14,
+                    lineNumbersMinChars: 3,
+                    minimap: { enabled: false },
+                    padding: { top: 16, bottom: 16 },
+                    readOnly,
+                    scrollBeyondLastLine: false,
+                    smoothScrolling: true,
+                    tabSize: 2,
+                    wordWrap: "on"
+                }, path: toMonacoPath(path), theme: theme === "dark" ? "vs-dark" : "vs-light", value: value }), _jsx("style", { dangerouslySetInnerHTML: { __html: `
+        .code-editor-shell .code-editor-highlight {
+          background: rgba(96, 165, 250, 0.18);
+          border-left: 2px solid rgba(125, 211, 252, 0.8);
+        }
+
+        .code-editor-shell .code-editor-highlight-inline {
+          background: rgba(96, 165, 250, 0.18);
+          border-radius: 3px;
+        }
+      ` } })] }));
+}
+//# sourceMappingURL=code-editor.js.map