@abhinav2203/codeflow-canvas 0.1.0

package/dist/components/graph-canvas.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useEffect } from "react";
+import { Background, Controls, Handle, MarkerType, MiniMap, Position, ReactFlow, ReactFlowProvider, useReactFlow } from "@xyflow/react";
+import { buildExecutionProjection, buildFlowEdges, buildFlowNodes, buildGhostFlowNodes } from "../lib/flow-view.js";
+const TRACE_STATUS_LABEL = {
+    idle: "Ready",
+    success: "Synced",
+    warning: "Deploying",
+    error: "Invalid"
+};
+const EXECUTION_STATUS_LABEL = {
+    idle: "Idle",
+    running: "Running",
+    pending: "Pending",
+    passed: "Passed",
+    failed: "Failed",
+    blocked: "Blocked",
+    skipped: "Skipped",
+    warning: "Warning"
+};
+const EXECUTION_STATUS_TONE = {
+    running: "#2563eb",
+    pending: "#64748b",
+    passed: "#15803d",
+    failed: "#dc2626",
+    blocked: "#d97706",
+    skipped: "#64748b",
+    warning: "#c2410c"
+};
+const HEALTH_STATUS_LABEL = {
+    neutral: "Stable",
+    aligned: "Aligned",
+    drift: "Drift",
+    heal: "Heal",
+    ghost: "Ghost"
+};
+const mergeClassNames = (...classNames) => classNames.filter(Boolean).join(" ").trim();
+const getExecutionTone = (status) => {
+    if (!status || status === "idle") {
+        return undefined;
+    }
+    return EXECUTION_STATUS_TONE[status];
+};
+const resolveExecutionFromNode = (node, projection, graph) => {
+    if (node.data.execution && node.data.execution.status !== "idle") {
+        return node.data.execution;
+    }
+    if (!projection) {
+        return undefined;
+    }
+    if (node.data.drilldownNodeId && projection.nodeStates[node.data.drilldownNodeId]?.status) {
+        return projection.nodeStates[node.data.drilldownNodeId];
+    }
+    if (projection.nodeStates[node.id]?.status) {
+        return projection.nodeStates[node.id];
+    }
+    if (node.id.startsWith("detail:root:")) {
+        const rootNodeId = node.id.slice("detail:root:".length);
+        return projection.nodeStates[rootNodeId];
+    }
+    if (node.id.startsWith("detail:blueprint:")) {
+        const blueprintNodeId = node.id.slice("detail:blueprint:".length);
+        return projection.nodeStates[blueprintNodeId];
+    }
+    if (node.id.startsWith("detail:method:") && graph) {
+        const suffix = node.id.slice("detail:method:".length);
+        const lastSeparator = suffix.lastIndexOf(":");
+        const rootNodeId = lastSeparator >= 0 ? suffix.slice(0, lastSeparator) : suffix;
+        return projection.nodeStates[rootNodeId];
+    }
+    return undefined;
+};
+const PolicyNode = memo(function PolicyNode({ data, selected }) {
+    const executionStatus = data.execution?.status ?? "idle";
+    const executionTone = getExecutionTone(executionStatus);
+    return (_jsxs(_Fragment, { children: [_jsx(Handle, { className: "policy-node-handle", position: Position.Left, type: "target" }), _jsxs("div", { className: [
+                    "policy-node-card",
+                    `policy-node-${data.traceStatus}`,
+                    `policy-node-health-${data.healthState}`,
+                    executionStatus !== "idle" ? `policy-node-execution-${executionStatus}` : "",
+                    data.isActiveBatch ? "is-batch-focus" : "",
+                    data.isGhost ? "is-ghost" : "",
+                    selected ? "is-selected" : ""
+                ]
+                    .filter(Boolean)
+                    .join(" "), children: [_jsxs("div", { className: "policy-node-topline", children: [_jsx("span", { className: "policy-node-kind", children: data.kind }), _jsxs("div", { className: "policy-node-pills", children: [data.isActiveBatch ? _jsx("span", { className: "policy-node-badge policy-node-badge-batch", children: "Batch focus" }) : null, _jsx("span", { className: "policy-node-badge policy-node-badge-health", children: HEALTH_STATUS_LABEL[data.healthState] }), executionStatus !== "idle" ? (_jsx("span", { className: `policy-node-badge policy-node-badge-execution policy-node-badge-execution-${executionStatus}`, style: executionTone ? { borderColor: executionTone, color: executionTone } : undefined, children: EXECUTION_STATUS_LABEL[executionStatus] })) : null, _jsx("span", { className: "policy-node-status", children: TRACE_STATUS_LABEL[data.traceStatus] })] })] }), _jsx("h3", { children: data.label }), _jsx("p", { children: data.summary || "Select this node to inspect its policy contract, runtime, and generated implementation." }), data.execution?.message ? _jsx("p", { className: "policy-node-execution-message", children: data.execution.message }) : null, _jsxs("div", { className: "policy-node-footer", children: [_jsx("span", { children: data.drilldownNodeId ? "Double-click for internals" : "Click to inspect" }), data.selected ? _jsx("span", { children: "Focused" }) : null] })] }), _jsx(Handle, { className: "policy-node-handle", position: Position.Right, type: "source" })] }));
+});
+const nodeTypes = {
+    policyNode: PolicyNode
+};
+function GraphViewportSync({ edgeCount, nodeCount }) {
+    const { fitView } = useReactFlow();
+    useEffect(() => {
+        if (!nodeCount) {
+            return;
+        }
+        const frameId = window.requestAnimationFrame(() => {
+            void fitView({ duration: 220, padding: 0.18 });
+        });
+        return () => window.cancelAnimationFrame(frameId);
+    }, [edgeCount, fitView, nodeCount]);
+    return null;
+}
+export function GraphCanvas({ graph, selectedNodeId, onSelect, nodes, edges, onNodeDoubleClick, emptyMessage, ghostNodes, onGhostNodeClick, heatmapData, activeNodeIds, driftedNodeIds, executionResult, detailMode = false, theme = "light" }) {
+    const executionProjection = graph ? buildExecutionProjection(graph, executionResult) : null;
+    const baseFlowNodes = nodes ??
+        (graph
+            ? buildFlowNodes(graph, selectedNodeId ?? undefined, heatmapData, activeNodeIds, driftedNodeIds, executionResult)
+            : []);
+    const typedBaseFlowNodes = baseFlowNodes.map((node) => {
+        const execution = executionProjection ? resolveExecutionFromNode(node, executionProjection, graph) : undefined;
+        return {
+            ...node,
+            type: node.type ?? "policyNode",
+            data: execution
+                ? {
+                    ...node.data,
+                    execution: node.data.execution ?? execution
+                }
+                : node.data
+        };
+    });
+    const ghostFlowNodes = ghostNodes && ghostNodes.length > 0 ? buildGhostFlowNodes(ghostNodes, typedBaseFlowNodes) : [];
+    const flowNodes = [...typedBaseFlowNodes, ...ghostFlowNodes];
+    const flowEdges = edges ?? (graph ? buildFlowEdges(graph, activeNodeIds, executionResult) : []);
+    const nodeMap = new Map(flowNodes.map((node) => [node.id, node]));
+    const decoratedFlowEdges = flowEdges.map((edge) => {
+        const execution = executionProjection?.edgeStates[edge.id];
+        const sourceNode = nodeMap.get(edge.source);
+        const targetNode = nodeMap.get(edge.target);
+        const inferredStatus = execution?.status && execution.status !== "idle"
+            ? execution.status
+            : sourceNode?.data.execution?.status === "failed" || targetNode?.data.execution?.status === "failed"
+                ? "failed"
+                : sourceNode?.data.execution?.status === "blocked" || targetNode?.data.execution?.status === "blocked"
+                    ? "blocked"
+                    : sourceNode?.data.execution?.status === "running" || targetNode?.data.execution?.status === "running"
+                        ? "running"
+                        : sourceNode?.data.execution?.status === "warning" || targetNode?.data.execution?.status === "warning"
+                            ? "warning"
+                            : sourceNode?.data.execution?.status === "passed" && targetNode?.data.execution?.status === "passed"
+                                ? "passed"
+                                : sourceNode?.data.execution?.status === "skipped" || targetNode?.data.execution?.status === "skipped"
+                                    ? "skipped"
+                                    : undefined;
+        if (!inferredStatus) {
+            return edge;
+        }
+        const executionTone = getExecutionTone(inferredStatus);
+        return {
+            ...edge,
+            className: mergeClassNames(edge.className, `edge-flow-${inferredStatus}`),
+            animated: edge.animated || inferredStatus === "running",
+            style: {
+                ...edge.style,
+                stroke: executionTone ?? edge.style?.stroke,
+                strokeDasharray: inferredStatus === "blocked"
+                    ? "6 5"
+                    : inferredStatus === "running"
+                        ? "4 4"
+                        : inferredStatus === "warning"
+                            ? "8 4"
+                            : inferredStatus === "skipped"
+                                ? "10 6"
+                                : edge.style?.strokeDasharray
+            }
+        };
+    });
+    if (!graph && flowNodes.length === 0) {
+        return (_jsx("div", { className: "canvas-empty", children: _jsx("p", { children: emptyMessage ?? "Build a blueprint from an AI prompt, PRD text, or a JavaScript/TypeScript repo." }) }));
+    }
+    const handleNodeClick = (_, node) => {
+        if (node.data.ghost && onGhostNodeClick) {
+            const ghost = ghostNodes?.find((g) => g.id === node.id);
+            if (ghost) {
+                onGhostNodeClick(ghost);
+                return;
+            }
+        }
+        onSelect(node.id);
+    };
+    return (_jsx(ReactFlowProvider, { children: _jsx("div", { className: `canvas-shell ${detailMode ? "canvas-shell-detail" : ""}`, children: _jsxs(ReactFlow, { fitView: true, fitViewOptions: { padding: 0.18 }, minZoom: 0.35, maxZoom: 1.8, nodes: flowNodes, edges: decoratedFlowEdges, nodeTypes: nodeTypes, className: "graph-flow", defaultEdgeOptions: {
+                    markerEnd: {
+                        type: MarkerType.ArrowClosed,
+                        color: theme === "dark" ? "#6fe0d8" : "#15786f"
+                    }
+                }, onNodeClick: handleNodeClick, onNodeDoubleClick: (_, node) => onNodeDoubleClick?.(node.id), children: [_jsx(GraphViewportSync, { edgeCount: decoratedFlowEdges.length, nodeCount: flowNodes.length }), _jsx(MiniMap, { pannable: true, zoomable: true, nodeBorderRadius: 10, maskColor: theme === "dark" ? "rgba(5, 10, 20, 0.76)" : "rgba(255, 255, 255, 0.75)", nodeColor: (node) => {
+                            const data = node.data;
+                            const executionColor = getExecutionTone(data?.execution?.status);
+                            if (executionColor) {
+                                return executionColor;
+                            }
+                            if (data?.isActiveBatch) {
+                                return theme === "dark" ? "#67e2db" : "#15786f";
+                            }
+                            switch (data?.healthState) {
+                                case "aligned":
+                                    return theme === "dark" ? "#4ade80" : "#15803d";
+                                case "drift":
+                                    return theme === "dark" ? "#fbbf24" : "#c67a00";
+                                case "heal":
+                                    return theme === "dark" ? "#fb7185" : "#cf3b57";
+                                case "ghost":
+                                    return theme === "dark" ? "#64748b" : "#94a3b8";
+                                default:
+                                    return theme === "dark" ? "#27456c" : "#d7e7fc";
+                            }
+                        }, nodeStrokeColor: (node) => {
+                            const data = node.data;
+                            const executionColor = getExecutionTone(data?.execution?.status);
+                            if (executionColor) {
+                                return executionColor;
+                            }
+                            return data?.isActiveBatch
+                                ? theme === "dark"
+                                    ? "#a7fff8"
+                                    : "#0f766e"
+                                : theme === "dark"
+                                    ? "rgba(167, 194, 236, 0.45)"
+                                    : "rgba(44, 66, 101, 0.22)";
+                        }, nodeStrokeWidth: 2 }), _jsx(Controls, {}), _jsx(Background, { color: theme === "dark" ? "rgba(138, 173, 222, 0.12)" : "rgba(26, 42, 67, 0.08)", gap: 24, size: 1.2 })] }) }) }));
+}
+//# sourceMappingURL=graph-canvas.js.map

package/dist/components/graph-canvas.js.map

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

package/dist/components/ide-layout.d.ts

@@ -0,0 +1,10 @@
+type IdeLayoutProps = {
+    explorer: React.ReactNode;
+    mainContent: React.ReactNode;
+    bottomPanel?: React.ReactNode;
+    floatingGraphContent?: React.ReactNode;
+    rightSidebar?: React.ReactNode;
+};
+export declare function IdeLayout({ explorer, mainContent, bottomPanel, floatingGraphContent, rightSidebar }: IdeLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ide-layout.d.ts.map

package/dist/components/ide-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ide-layout.d.ts","sourceRoot":"","sources":["../../src/components/ide-layout.tsx"],"names":[],"mappings":"AAoBA,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,EACX,WAAW,EACX,oBAAoB,EACpB,YAAY,EACb,EAAE,cAAc,2CAqEhB"}

package/dist/components/ide-layout.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { Rnd } from "react-rnd";
+import { useBlueprintStore } from "../store/blueprint-store.js";
+function getDefaultFloatingGraphBounds() {
+    if (typeof window === "undefined") {
+        return { x: 48, y: 48, width: 420, height: 320 };
+    }
+    const width = Math.max(360, Math.round(window.innerWidth * 0.3));
+    const height = Math.max(260, Math.round(window.innerHeight * 0.35));
+    const x = Math.max(24, window.innerWidth - width - 40);
+    const y = Math.max(24, window.innerHeight - height - 120);
+    return { x, y, width, height };
+}
+export function IdeLayout({ explorer, mainContent, bottomPanel, floatingGraphContent, rightSidebar }) {
+    const { activeFile, floatingGraph, setFloatingGraph } = useBlueprintStore();
+    const resolvedFloatingGraph = useMemo(() => {
+        const defaults = getDefaultFloatingGraphBounds();
+        return {
+            x: floatingGraph.x || defaults.x,
+            y: floatingGraph.y || defaults.y,
+            width: floatingGraph.width || defaults.width,
+            height: floatingGraph.height || defaults.height
+        };
+    }, [floatingGraph.height, floatingGraph.width, floatingGraph.x, floatingGraph.y]);
+    const handleDragStop = useCallback((_event, data) => {
+        setFloatingGraph({ x: data.x, y: data.y });
+    }, [setFloatingGraph]);
+    const handleResizeStop = useCallback((_event, _direction, ref, _delta, position) => {
+        setFloatingGraph({
+            x: position.x,
+            y: position.y,
+            width: parseInt(ref.style.width, 10),
+            height: parseInt(ref.style.height, 10)
+        });
+    }, [setFloatingGraph]);
+    return (_jsxs("div", { className: "ide-layout-shell", children: [_jsxs("aside", { className: "ide-left-sidebar", children: [_jsx("div", { className: "ide-pane-header", children: "Explorer" }), _jsx("div", { className: "ide-pane-body", children: explorer })] }), _jsxs("div", { className: "ide-main-stack", children: [_jsxs("main", { className: "ide-main-area", children: [mainContent, activeFile && floatingGraph.visible && floatingGraphContent ? (_jsxs(Rnd, { bounds: "parent", className: "ide-floating-graph", dragHandleClassName: "ide-floating-graph-header", minHeight: 220, minWidth: 320, onDragStop: handleDragStop, onResizeStop: handleResizeStop, position: { x: resolvedFloatingGraph.x, y: resolvedFloatingGraph.y }, size: { width: resolvedFloatingGraph.width, height: resolvedFloatingGraph.height }, children: [_jsxs("div", { className: "ide-floating-graph-header", children: [_jsx("span", { children: "Live Graph" }), _jsx("span", { children: "Drag to reposition" })] }), _jsx("div", { className: "ide-floating-graph-body", children: floatingGraphContent })] })) : null] }), _jsx("section", { className: "ide-bottom-panel", children: bottomPanel })] }), _jsxs("aside", { className: "ide-right-sidebar", children: [_jsx("div", { className: "ide-pane-header", children: "Agent" }), _jsx("div", { className: "ide-pane-body", children: rightSidebar ?? _jsx("div", { className: "ide-agent-slot" }) })] })] }));
+}
+//# sourceMappingURL=ide-layout.js.map

package/dist/components/ide-layout.js.map

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

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

@@ -0,0 +1,4 @@
+export declare function IdeWorkbench({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ide-workbench.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ide-workbench.d.ts","sourceRoot":"","sources":["../../src/components/ide-workbench.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAExE"}

package/dist/components/ide-workbench.js

@@ -0,0 +1,6 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+export function IdeWorkbench({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+//# sourceMappingURL=ide-workbench.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ide-workbench.js","sourceRoot":"","sources":["../../src/components/ide-workbench.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAkC;IACvE,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export { IdeLayout } from "./ide-layout.js";
+export { FileTree } from "./file-tree.js";
+export { FileTabs } from "./file-tabs.js";
+export { GraphCanvas } from "./graph-canvas.js";
+export { CodeEditor } from "./code-editor.js";
+export { CodeDiffEditor } from "./code-diff-editor.js";
+export { BlueprintWorkbench } from "./blueprint-workbench.js";
+export { PolicyWorkbench } from "./policy-workbench.js";
+export { IdeWorkbench } from "./ide-workbench.js";
+export { OpencodeSettings } from "./opencode-settings.js";
+export { prepareMonaco, toMonacoPath } from "./monaco-setup.js";
+export { TypeScriptLanguageService, getTypeScriptLanguageService } from "./ts-language-service.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,13 @@
+export { IdeLayout } from "./ide-layout.js";
+export { FileTree } from "./file-tree.js";
+export { FileTabs } from "./file-tabs.js";
+export { GraphCanvas } from "./graph-canvas.js";
+export { CodeEditor } from "./code-editor.js";
+export { CodeDiffEditor } from "./code-diff-editor.js";
+export { BlueprintWorkbench } from "./blueprint-workbench.js";
+export { PolicyWorkbench } from "./policy-workbench.js";
+export { IdeWorkbench } from "./ide-workbench.js";
+export { OpencodeSettings } from "./opencode-settings.js";
+export { prepareMonaco, toMonacoPath } from "./monaco-setup.js";
+export { TypeScriptLanguageService, getTypeScriptLanguageService } from "./ts-language-service.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/monaco-setup.d.ts

@@ -0,0 +1,4 @@
+import type * as Monaco from "monaco-editor";
+export declare function prepareMonaco(monaco: typeof Monaco): void;
+export declare function toMonacoPath(filePath: string): string;
+//# sourceMappingURL=monaco-setup.d.ts.map

package/dist/components/monaco-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-setup.d.ts","sourceRoot":"","sources":["../../src/components/monaco-setup.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,MAAM,eAAe,CAAC;AAc7C,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,MAAM,GAAG,IAAI,CA2CzD;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAOrD"}

package/dist/components/monaco-setup.js

@@ -0,0 +1,34 @@
+import { getTypeScriptLanguageService } from "./ts-language-service.js";
+let workersConfigured = false;
+export function prepareMonaco(monaco) {
+    if (!workersConfigured) {
+        const monacoGlobal = globalThis;
+        monacoGlobal.MonacoEnvironment = {
+            getWorker(_workerId, label) {
+                if (label === "typescript" || label === "javascript") {
+                    return new Worker(new URL("monaco-editor/esm/vs/language/typescript/ts.worker.js", import.meta.url), { type: "module" });
+                }
+                if (label === "json") {
+                    return new Worker(new URL("monaco-editor/esm/vs/language/json/json.worker.js", import.meta.url), { type: "module" });
+                }
+                if (label === "css" || label === "scss" || label === "less") {
+                    return new Worker(new URL("monaco-editor/esm/vs/language/css/css.worker.js", import.meta.url), { type: "module" });
+                }
+                if (label === "html" || label === "handlebars" || label === "razor") {
+                    return new Worker(new URL("monaco-editor/esm/vs/language/html/html.worker.js", import.meta.url), { type: "module" });
+                }
+                return new Worker(new URL("monaco-editor/esm/vs/editor/editor.worker.js", import.meta.url), { type: "module" });
+            }
+        };
+        workersConfigured = true;
+    }
+    getTypeScriptLanguageService(monaco).configureDefaults();
+}
+export function toMonacoPath(filePath) {
+    if (filePath.startsWith("file://")) {
+        return filePath;
+    }
+    const normalized = filePath.replace(/\\/g, "/").replace(/^\/+/, "");
+    return `file:///${normalized}`;
+}
+//# sourceMappingURL=monaco-setup.js.map

package/dist/components/monaco-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-setup.js","sourceRoot":"","sources":["../../src/components/monaco-setup.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAUxE,IAAI,iBAAiB,GAAG,KAAK,CAAC;AAE9B,MAAM,UAAU,aAAa,CAAC,MAAqB;IACjD,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACvB,MAAM,YAAY,GAAG,UAA0B,CAAC;QAChD,YAAY,CAAC,iBAAiB,GAAG;YAC/B,SAAS,CAAC,SAAS,EAAE,KAAK;gBACxB,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;oBACrD,OAAO,IAAI,MAAM,CACf,IAAI,GAAG,CAAC,uDAAuD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EACjF,EAAE,IAAI,EAAE,QAAQ,EAAE,CACnB,CAAC;gBACJ,CAAC;gBAED,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBACrB,OAAO,IAAI,MAAM,CACf,IAAI,GAAG,CAAC,mDAAmD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7E,EAAE,IAAI,EAAE,QAAQ,EAAE,CACnB,CAAC;gBACJ,CAAC;gBAED,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;oBAC5D,OAAO,IAAI,MAAM,CACf,IAAI,GAAG,CAAC,iDAAiD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3E,EAAE,IAAI,EAAE,QAAQ,EAAE,CACnB,CAAC;gBACJ,CAAC;gBAED,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,OAAO,EAAE,CAAC;oBACpE,OAAO,IAAI,MAAM,CACf,IAAI,GAAG,CAAC,mDAAmD,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAC7E,EAAE,IAAI,EAAE,QAAQ,EAAE,CACnB,CAAC;gBACJ,CAAC;gBAED,OAAO,IAAI,MAAM,CACf,IAAI,GAAG,CAAC,8CAA8C,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EACxE,EAAE,IAAI,EAAE,QAAQ,EAAE,CACnB,CAAC;YACJ,CAAC;SACF,CAAC;QACF,iBAAiB,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,4BAA4B,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,QAAgB;IAC3C,IAAI,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACpE,OAAO,WAAW,UAAU,EAAE,CAAC;AACjC,CAAC"}

package/dist/components/opencode-settings.d.ts

@@ -0,0 +1,8 @@
+import type { OpencodeServerInfo } from "../lib/types.js";
+type Props = {
+    onClose?: () => void;
+    onStatusChange?: (status: OpencodeServerInfo) => void;
+};
+export declare function OpencodeSettings({ onClose, onStatusChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=opencode-settings.d.ts.map

package/dist/components/opencode-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opencode-settings.d.ts","sourceRoot":"","sources":["../../src/components/opencode-settings.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAoB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAgB5E,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,KAAK,2CAyDlE"}

package/dist/components/opencode-settings.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const PROVIDERS = [
+    { id: "anthropic", label: "Anthropic (Claude)" },
+    { id: "openai", label: "OpenAI (GPT)" },
+    { id: "google", label: "Google (Gemini)" },
+    { id: "azure", label: "Azure OpenAI" },
+    { id: "groq", label: "Groq" },
+    { id: "mistral", label: "Mistral" },
+    { id: "cohere", label: "Cohere" },
+    { id: "perplexity", label: "Perplexity" },
+    { id: "openrouter", label: "OpenRouter" },
+    { id: "bedrock", label: "AWS Bedrock" },
+    { id: "local", label: "Local Model" },
+];
+export function OpencodeSettings({ onClose, onStatusChange }) {
+    const [provider, setProvider] = useState("anthropic");
+    const [apiKey, setApiKey] = useState("");
+    const [model, setModel] = useState("");
+    const [baseUrl, setBaseUrl] = useState("");
+    const [serverStatus, setServerStatus] = useState({ status: "stopped" });
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    return (_jsxs("div", { className: "opencode-settings", children: [_jsxs("div", { className: "opencode-settings-header", children: [_jsx("h3", { children: "OpenCode Agent Settings" }), onClose && (_jsx("button", { onClick: onClose, type: "button", className: "close-btn", children: "\u00D7" }))] }), _jsxs("div", { className: "server-status-bar", children: [_jsx("span", { className: `status-indicator status-${serverStatus.status}` }), _jsx("span", { className: "status-text", children: serverStatus.status === "running"
+                            ? `Connected (${serverStatus.url})`
+                            : serverStatus.status === "starting"
+                                ? "Starting..."
+                                : serverStatus.status === "error"
+                                    ? `Error: ${serverStatus.error}`
+                                    : "Not connected" })] }), error && _jsx("div", { className: "error-message", children: error }), _jsxs("label", { className: "field", children: [_jsx("span", { children: "AI Provider" }), _jsx("select", { value: provider, onChange: (e) => setProvider(e.target.value), children: PROVIDERS.map((p) => (_jsx("option", { value: p.id, children: p.label }, p.id))) })] }), _jsxs("label", { className: "field", children: [_jsx("span", { children: "API Key" }), _jsx("input", { type: "password", value: apiKey, onChange: (e) => setApiKey(e.target.value), placeholder: `Enter your ${PROVIDERS.find((p) => p.id === provider)?.label || provider} API key` })] })] }));
+}
+//# sourceMappingURL=opencode-settings.js.map

package/dist/components/opencode-settings.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"policy-workbench.d.ts","sourceRoot":"","sources":["../../src/components/policy-workbench.tsx"],"names":[],"mappings":"AAgHA,wBAAgB,eAAe,4CAwH9B"}

package/dist/components/policy-workbench.js

@@ -0,0 +1,102 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import { GraphCanvas } from "./graph-canvas.js";
+import { buildDetailFlow } from "../lib/flow-view.js";
+import { computeHeatmap } from "../lib/heatmap.js";
+const POLICY_CANVAS_PROMPT = `Act as an Enterprise Mobility Architect. Using the Google STITCH MCP server, design a secure Engineering Department device profile.
+
+Create nodes for a managed Chrome browser policy enabling developer tools while disabling insecure extensions.
+Add a node for a corporate VPN configuration.
+Wire these to a Fleet: Engineering-Laptops group node.
+Verify the STITCH contract before sync: every policy needs a valid version ID and the VPN policy needs its certificate reference.
+If a policy node drifts from schema, mark it Invalid, highlight it in red, and suggest a Heal fix based on the latest Google management API spec.`;
+const maskApiKey = (value) => {
+    const trimmed = value.trim();
+    if (trimmed.length <= 8) {
+        return trimmed;
+    }
+    return `${trimmed.slice(0, 4)}...${trimmed.slice(-4)}`;
+};
+export function PolicyWorkbench() {
+    const MIN_OBSERVABILITY_INTERVAL_SECS = 2;
+    const [projectName, setProjectName] = useState("CodeFlow Workspace");
+    const [repoPath, setRepoPath] = useState("");
+    const [prdText, setPrdText] = useState("");
+    const [aiPrompt, setAiPrompt] = useState("");
+    const [nvidiaApiKey, setNvidiaApiKey] = useState("");
+    const [mode, setMode] = useState("essential");
+    const [outputDir, setOutputDir] = useState("");
+    const [traceInput, setTraceInput] = useState("");
+    const [runInput, setRunInput] = useState("{}");
+    const [graph, setGraph] = useState(null);
+    const [selectedNodeId, setSelectedNodeId] = useState(null);
+    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 [showSettings, setShowSettings] = useState(false);
+    const [showPromptPanel, setShowPromptPanel] = useState(true);
+    const [showEditPanel, setShowEditPanel] = useState(false);
+    const [showInspector, setShowInspector] = useState(false);
+    const [showAnalysisPanel, setShowAnalysisPanel] = useState(false);
+    const [showObservabilityPanel, setShowObservabilityPanel] = useState(false);
+    const [showPolicyLayerPanel, setShowPolicyLayerPanel] = useState(false);
+    const [themePreference, setThemePreference] = useState("system");
+    const [systemTheme, setSystemTheme] = useState("light");
+    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 resolvedTheme = themePreference === "system" ? systemTheme : themePreference;
+    const topbarRef = useRef(null);
+    const [floatingPanelTop, setFloatingPanelTop] = useState(112);
+    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 detailFlow = graph && drilldownNodeId
+        ? buildDetailFlow(graph, drilldownNodeId, selectedDetailNodeId ?? undefined)
+        : 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 canRunIntegration = false;
+    const isBusy = Boolean(busyLabel);
+    const isBuilding = busyLabel === "Building blueprint";
+    return (_jsxs("div", { className: "workbench-shell", "data-theme": resolvedTheme, children: [_jsx("header", { className: `workbench-topbar ${graph ? "workbench-topbar-compact" : ""}`, ref: topbarRef, children: _jsx("div", { className: "topbar-start", children: _jsxs("div", { className: "brand-lockup", children: [_jsx("p", { className: "brand-eyebrow", children: "CodeFlow" }), _jsx("h1", { children: "Policy Canvas" }), _jsx("p", { className: "brand-caption", children: "Graph-native architecture, compliance, and deployment control." })] }) }) }), _jsx("main", { className: "policy-layout focus-layout", children: _jsx("section", { className: "workbench-main focus-main", children: _jsx("section", { className: "graph-panel full-graph focus-graph", children: _jsx(GraphCanvas, { graph: graph, selectedNodeId: drilldownRootNode ? selectedDetailNodeId : selectedNodeId, nodes: detailFlow?.nodes, edges: detailFlow?.edges, onSelect: (nodeId) => setSelectedNodeId(nodeId), heatmapData: drilldownRootNode ? undefined : heatmapData, theme: resolvedTheme }) }) }) })] }));
+}
+//# sourceMappingURL=policy-workbench.js.map

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

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