@powerhousedao/vetra 6.0.0-dev.2 → 6.0.0-dev.20

package/dist/editors/app-editor/components/AppEditorForm.js

@@ -97,7 +97,7 @@ export const AppEditorForm = () => {
             handleAddDocumentType(selectedValue);
         }
     };
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "App Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "app-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "App Name" }), _jsx("input", { id: "app-name", type: "text", value: appName, onChange: (e) => setAppName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter app name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsxs("select", { onChange: (e) => handleDocumentTypeSelection(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { children: "Select a document type to add" }), _jsx("option", { children: "--- Vetra drive document types ---" }), _jsx("option", { value: ALL_IN_DRIVE, children: "Add all document types in Vetra drive" }), documentTypesInSelectedDrive
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "App Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "app-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "App Name" }), _jsx("input", { id: "app-name", type: "text", value: appName, onChange: (e) => setAppName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter app name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsxs("select", { onChange: (e) => handleDocumentTypeSelection(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", children: [_jsx("option", { children: "Select a document type to add" }), _jsx("option", { children: "--- Vetra drive document types ---" }), _jsx("option", { value: ALL_IN_DRIVE, children: "Add all document types in Vetra drive" }), documentTypesInSelectedDrive
                                         ?.filter((dt) => !selectedDocumentTypes.includes(dt))
                                         .map((docType) => (_jsx("option", { value: docType, children: docType }, docType))), _jsx("option", { children: "--- Reactor document types ---" }), _jsx("option", { value: ALL_IN_REACTOR, children: "Add all document types in Reactor" }), supportedDocumentTypesInReactor
                                         ?.filter((dt) => !selectedDocumentTypes.includes(dt))

package/dist/editors/app-editor/editor.js

@@ -5,5 +5,5 @@ import { AppEditorForm } from "./components/AppEditorForm.js";
 import { editorConfig } from "./config.js";
 export default function Editor() {
     useSetPHDocumentEditorConfig(editorConfig);
-    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(AppEditorForm, {})] }));
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(AppEditorForm, {})] }));
 }

package/dist/editors/app-editor/editor.test.js

@@ -1,12 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render, screen, waitFor } from "@testing-library/react";
 import { userEvent } from "@testing-library/user-event";
-import { beforeEach, describe, expect, it, vi } from "vitest";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { useSelectedAppModuleDocument } from "../../document-models/app-module/hooks.js";
 import Editor from "./editor.js";
 vi.mock("../../document-models/app-module/hooks.js", () => ({
     useSelectedAppModuleDocument: vi.fn(),
 }));
+vi.mock("@powerhousedao/design-system/connect", () => ({
+    DocumentToolbar: () => null,
+}));
 vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
     const actual = await importOriginal();
     return {
@@ -34,6 +37,7 @@ vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
 describe("AppModule Editor", () => {
     let mockDispatch;
     beforeEach(() => {
+        window.ph = {};
         mockDispatch = vi.fn();
         vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
             {
@@ -49,6 +53,9 @@ describe("AppModule Editor", () => {
             mockDispatch,
         ]);
     });
+    afterEach(() => {
+        delete window.ph;
+    });
     describe("Core Rendering", () => {
         it("should render all main form sections and labels", () => {
             render(_jsx(Editor, {}));

package/dist/editors/document-editor/components/DocumentEditorForm.js

@@ -59,7 +59,7 @@ export const DocumentEditorForm = ({ editorName: initialEditorName = "", documen
             onConfirm?.();
         }
     };
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Editor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "editor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { id: "editor-name", type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}` })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "supported-document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx(Suspense, { fallback: _jsx(DocumentTypeSelectUI, {}), children: _jsx(DocumentTypeSelect, { documentTypes: documentTypes, setDocumentTypes: setDocumentTypes, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType }) })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => {
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Editor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "editor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { id: "editor-name", type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}` })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "supported-document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx(Suspense, { fallback: _jsx(DocumentTypeSelectUI, {}), children: _jsx(DocumentTypeSelect, { documentTypes: documentTypes, setDocumentTypes: setDocumentTypes, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType }) })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => {
                                                 setDocumentTypes([]);
                                                 onRemoveDocumentType?.({ id: type.id });
                                             }, className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type.id))) })] })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !editorName.trim() || documentTypes.length === 0, className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));

package/dist/editors/document-editor/editor.js

@@ -25,5 +25,5 @@ export default function Editor() {
     const onConfirm = useCallback(() => {
         dispatch(actions.setEditorStatus({ status: "CONFIRMED" }));
     }, [dispatch]);
-    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(DocumentEditorForm, { status: document.state.global.status, editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm })] }));
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(DocumentEditorForm, { status: document.state.global.status, editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm })] }));
 }

package/dist/editors/processor-editor/components/ProcessorEditorForm.js

@@ -42,7 +42,7 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
         onRemoveDocumentType?.(id);
     };
     const canConfirm = processorName.trim() && processorType && documentTypes.length > 0;
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { id: "processor-name", type: "text", value: processorName, onChange: (e) => setProcessorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter processor name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-type", className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { id: "processor-type", value: processorType, onChange: (e) => setProcessorType(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "document-types", value: selectedDocumentType, onChange: (e) => {
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { id: "processor-name", type: "text", value: processorName, onChange: (e) => setProcessorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter processor name" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-type", className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { id: "processor-type", value: processorType, onChange: (e) => setProcessorType(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, children: [_jsx("option", { value: "", children: "Select type..." }), _jsx("option", { value: "analytics", children: "Analytics" }), _jsx("option", { value: "relational", children: "Relational Database" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "document-types", value: selectedDocumentType, onChange: (e) => {
                                     const selectedValue = e.target.value;
                                     if (selectedValue &&
                                         !documentTypes.some((dt) => dt.documentType === selectedValue)) {

package/dist/editors/processor-editor/editor.js

@@ -29,5 +29,5 @@ export default function Editor() {
     const onRemoveDocumentType = useCallback((id) => {
         dispatch(actions.removeDocumentType({ id }));
     }, [dispatch]);
-    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(ProcessorEditorForm, { onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, status: document.state.global.status, processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], onConfirm: onConfirm })] }));
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(ProcessorEditorForm, { onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, status: document.state.global.status, processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], onConfirm: onConfirm })] }));
 }

package/dist/editors/subgraph-editor/components/SubgraphEditorForm.js

@@ -25,5 +25,5 @@ export const SubgraphEditorForm = ({ subgraphName: initialSubgraphName = "", sta
             onConfirm?.();
         }
     };
-    return (_jsxs("div", { className: "space-y-6 bg-white p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Subgraph Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "subgraph-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Subgraph Name" }), _jsx("input", { id: "subgraph-name", type: "text", value: subgraphName, onChange: (e) => setSubgraphName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter subgraph name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !subgraphName.trim(), className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));
+    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Subgraph Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "subgraph-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Subgraph Name" }), _jsx("input", { id: "subgraph-name", type: "text", value: subgraphName, onChange: (e) => setSubgraphName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}`, placeholder: "Enter subgraph name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !subgraphName.trim(), className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));
 };

package/dist/editors/subgraph-editor/editor.js

@@ -17,5 +17,5 @@ export default function Editor() {
     const onConfirm = useCallback(() => {
         dispatch(actions.setSubgraphStatus({ status: "CONFIRMED" }));
     }, [dispatch]);
-    return (_jsxs("div", { children: [_jsx(DocumentToolbar, {}), _jsx(SubgraphEditorForm, { subgraphName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm })] }));
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(SubgraphEditorForm, { subgraphName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm })] }));
 }

package/dist/editors/vetra-drive-app/DriveExplorer.js

@@ -3,5 +3,5 @@ import { DriveHeader } from "./components/DriveHeader.js";
 import { ModuleSpecificationsSection } from "./components/ModuleSpecificationsSection.js";
 import { PackageInformationSection } from "./components/PackageInformationSection.js";
 export const DriveExplorer = ({ driveId, driveName, driveUrl, documentModels = [], editors = [], apps = [], subgraphs = [], processors = [], codegenProcessors = [], onAddDocumentModel, onAddEditor, onAddApp, onAddSubgraph, onAddProcessor, onAddCodegenProcessor, packageDocumentId, onAddPackageDocument, onOpenPackageDocument, onOpenDocument, onDelete, }) => {
-    return (_jsxs("div", { className: "min-h-screen bg-white", children: [_jsx(DriveHeader, { driveId: driveId, driveName: driveName, driveUrl: driveUrl }), _jsxs("div", { className: "mx-6 mt-6 bg-white", children: [_jsx(PackageInformationSection, { className: "mb-6", packageDocumentId: packageDocumentId, onAddPackageDocument: onAddPackageDocument, onOpenPackageDocument: onOpenPackageDocument }), _jsx(ModuleSpecificationsSection, { documentModels: documentModels, editors: editors, apps: apps, subgraphs: subgraphs, processors: processors, codegenProcessors: codegenProcessors, onAddDocumentModel: onAddDocumentModel, onAddEditor: onAddEditor, onAddApp: onAddApp, onAddSubgraph: onAddSubgraph, onAddProcessor: onAddProcessor, onAddCodegenProcessor: onAddCodegenProcessor, onOpenDocument: onOpenDocument, onDelete: onDelete })] })] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(DriveHeader, { driveId: driveId, driveName: driveName, driveUrl: driveUrl }), _jsxs("div", { className: "mx-6 mt-6", children: [_jsx(PackageInformationSection, { className: "mb-6", packageDocumentId: packageDocumentId, onAddPackageDocument: onAddPackageDocument, onOpenPackageDocument: onOpenPackageDocument }), _jsx(ModuleSpecificationsSection, { documentModels: documentModels, editors: editors, apps: apps, subgraphs: subgraphs, processors: processors, codegenProcessors: codegenProcessors, onAddDocumentModel: onAddDocumentModel, onAddEditor: onAddEditor, onAddApp: onAddApp, onAddSubgraph: onAddSubgraph, onAddProcessor: onAddProcessor, onAddCodegenProcessor: onAddCodegenProcessor, onOpenDocument: onOpenDocument, onDelete: onDelete })] })] }));
 };

package/dist/editors/vetra-drive-app/components/DriveHeader.js

@@ -56,5 +56,5 @@ export const DriveHeader = ({ driveId, driveName, driveUrl, }) => {
             return "";
         }
     }, [driveUrl]);
-    return (_jsx("div", { className: "bg-white px-6 py-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(VetraIcon, { width: 20, height: 20 }), _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Vetra Studio Drive" }), _jsxs("div", { className: "relative", ref: infoMenuRef, children: [_jsx("button", { "aria-label": "Drive information", "aria-expanded": isInfoMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleInfoMenu, children: _jsx(InfoIcon, { className: "text-gray-500" }) }), isInfoMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex flex-col items-start gap-2 rounded-lg bg-white p-3 shadow-lg", children: [_jsx(DriveInfoItem, { label: "Name", value: driveName }), _jsx(DriveInfoItem, { label: "Drive ID", value: driveId })] }))] }), driveUrl && (_jsxs("div", { className: "relative", ref: shareMenuRef, children: [_jsx("button", { "aria-label": "Share drive", "aria-expanded": isShareMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleShareMenu, children: _jsx(ShareIcon, { width: 16, height: 16, stroke: "#343839" }) }), isShareMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex w-max flex-col gap-4 rounded-lg bg-white p-4 shadow-lg", children: [_jsx(ShareMenuItem, { label: "Copy the Drive URL", url: driveUrl }), _jsx(ShareMenuItem, { label: "Share this Drive directly in Connect", url: shareUrl })] }))] }))] }), _jsxs("a", { href: "https://academy.vetra.io/", target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 underline transition-colors hover:text-gray-700", children: [_jsx(ExternalLinkIcon, { fill: "#111827" }), "Vetra Academy"] })] }) }));
+    return (_jsx("div", { className: "bg-gray-50 px-6 py-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(VetraIcon, { width: 20, height: 20 }), _jsx("h1", { className: "text-lg font-semibold text-gray-900", children: "Vetra Studio Drive" }), _jsxs("div", { className: "relative", ref: infoMenuRef, children: [_jsx("button", { "aria-label": "Drive information", "aria-expanded": isInfoMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleInfoMenu, children: _jsx(InfoIcon, { className: "text-gray-500" }) }), isInfoMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex flex-col items-start gap-2 rounded-lg bg-white p-3 shadow-lg", children: [_jsx(DriveInfoItem, { label: "Name", value: driveName }), _jsx(DriveInfoItem, { label: "Drive ID", value: driveId })] }))] }), driveUrl && (_jsxs("div", { className: "relative", ref: shareMenuRef, children: [_jsx("button", { "aria-label": "Share drive", "aria-expanded": isShareMenuOpen, className: "rounded-full p-1 transition-colors hover:bg-gray-100", onClick: toggleShareMenu, children: _jsx(ShareIcon, { width: 16, height: 16, stroke: "#343839" }) }), isShareMenuOpen && (_jsxs("div", { role: "menu", className: "absolute left-0 top-full z-10 mt-2 flex w-max flex-col gap-4 rounded-lg bg-white p-4 shadow-lg", children: [_jsx(ShareMenuItem, { label: "Copy the Drive URL", url: driveUrl }), _jsx(ShareMenuItem, { label: "Share this Drive directly in Connect", url: shareUrl })] }))] }))] }), _jsxs("a", { href: "https://academy.vetra.io/", target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-2 text-sm text-gray-900 underline transition-colors hover:text-gray-700", children: [_jsx(ExternalLinkIcon, { fill: "#111827" }), "Vetra Academy"] })] }) }));
 };

package/dist/editors/vetra-drive-app/editor.js

@@ -41,7 +41,7 @@ export function BaseEditor(props) {
         }
     }, [packageNode]);
     const showDocumentEditor = !!children;
-    return showDocumentEditor ? (children) : (_jsx("div", { style: { height: "100%" }, className: "bg-white after:pointer-events-none after:absolute after:inset-0 after:bg-blue-500 after:opacity-0 after:transition after:content-['']", children: _jsx(DriveExplorer, { driveId: driveId, driveName: driveName, driveUrl: driveUrl, documentModels: docModelsNodes, editors: docEditorsNodes, apps: docAppsNodes, subgraphs: docSubgraphsNodes, processors: docProcessorsNodes, codegenProcessors: [], onAddDocumentModel: () => onCreateDocument(DOCUMENT_TYPES.documentModel), onAddEditor: () => onCreateDocument(DOCUMENT_TYPES.documentEditor), onAddApp: () => onCreateDocument(DOCUMENT_TYPES.documentApp), onAddSubgraph: () => onCreateDocument(DOCUMENT_TYPES.documentSubgraph), onAddProcessor: () => onCreateDocument(DOCUMENT_TYPES.documentProcessor), onAddCodegenProcessor: () => console.log("add codegen processor"), packageDocumentId: packageDocumentId, onAddPackageDocument: onCreatePackageFile, onOpenPackageDocument: onOpenPackageDocument, onOpenDocument: (node) => setSelectedNode(node), onDelete: onDeleteDocument }) }));
+    return showDocumentEditor ? (children) : (_jsx("div", { style: { height: "100%" }, className: "bg-gray-50 p-6 after:pointer-events-none after:absolute after:inset-0 after:bg-blue-500 after:opacity-0 after:transition after:content-['']", children: _jsx(DriveExplorer, { driveId: driveId, driveName: driveName, driveUrl: driveUrl, documentModels: docModelsNodes, editors: docEditorsNodes, apps: docAppsNodes, subgraphs: docSubgraphsNodes, processors: docProcessorsNodes, codegenProcessors: [], onAddDocumentModel: () => onCreateDocument(DOCUMENT_TYPES.documentModel), onAddEditor: () => onCreateDocument(DOCUMENT_TYPES.documentEditor), onAddApp: () => onCreateDocument(DOCUMENT_TYPES.documentApp), onAddSubgraph: () => onCreateDocument(DOCUMENT_TYPES.documentSubgraph), onAddProcessor: () => onCreateDocument(DOCUMENT_TYPES.documentProcessor), onAddCodegenProcessor: () => console.log("add codegen processor"), packageDocumentId: packageDocumentId, onAddPackageDocument: onCreatePackageFile, onOpenPackageDocument: onOpenPackageDocument, onOpenDocument: (node) => setSelectedNode(node), onDelete: onDeleteDocument }) }));
 }
 export default function Editor(props) {
     useSetPHDriveEditorConfig(editorConfig);

package/dist/editors/vetra-package/components/MetaForm.js

@@ -20,7 +20,7 @@ export const MetaForm = (props) => {
     useDebounce(publisherUrl, onPublisherUrlChange, 300);
     useDebounce(githubRepository, onGithubRepositoryChange, 300);
     useDebounce(npmPackage, onNpmPackageChange, 300);
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-6 bg-white p-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Name" }), _jsx("input", { id: "package-name", type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), _jsx("textarea", { id: "package-description", rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-category", className: "mb-2 block text-sm font-medium text-gray-700", children: "Category" }), _jsxs("select", { id: "package-category", value: category, onChange: (e) => {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-6 p-6 lg:grid-cols-3", children: [_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Name" }), _jsx("input", { id: "package-name", type: "text", value: name, onChange: (e) => setName(e.target.value), className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "package-description", className: "mb-2 block text-sm font-medium text-gray-700", children: "Description" }), _jsx("textarea", { id: "package-description", rows: 6, value: description, onChange: (e) => setDescription(e.target.value), className: "w-full resize-none rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500" })] })] }), _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { htmlFor: "package-category", className: "mb-2 block text-sm font-medium text-gray-700", children: "Category" }), _jsxs("select", { id: "package-category", value: category, onChange: (e) => {
                                     const newValue = e.target.value;
                                     setCategory(newValue);
                                     onCategoryChange?.(newValue);

package/dist/editors/vetra-package/editor.js

@@ -65,5 +65,5 @@ export default function Editor(props) {
     const onRemoveKeyword = useCallback((id) => {
         dispatch(actions.removePackageKeyword({ id }));
     }, []);
-    return (_jsxs("div", { children: [displayToolbar && _jsx(DocumentToolbar, {}), _jsx(MetaForm, { name: document.state.global.name ?? "", description: document.state.global.description ?? "", category: document.state.global.category ?? "", publisher: document.state.global.author.name ?? "", publisherUrl: document.state.global.author.website ?? "", githubRepository: document.state.global.githubUrl ?? "", npmPackage: document.state.global.npmUrl ?? "", keywords: document.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword })] }));
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [displayToolbar && _jsx(DocumentToolbar, {}), _jsx(MetaForm, { name: document.state.global.name ?? "", description: document.state.global.description ?? "", category: document.state.global.category ?? "", publisher: document.state.global.author.name ?? "", publisherUrl: document.state.global.author.website ?? "", githubRepository: document.state.global.githubUrl ?? "", npmPackage: document.state.global.npmUrl ?? "", keywords: document.state.global.keywords, onNameChange: onNameChange, onDescriptionChange: onDescriptionChange, onCategoryChange: onCategoryChange, onPublisherChange: onPublisherChange, onPublisherUrlChange: onPublisherUrlChange, onGithubRepositoryChange: onGithubRepositoryChange, onNpmPackageChange: onNpmPackageChange, onAddKeyword: onAddKeyword, onRemoveKeyword: onRemoveKeyword })] }));
 }

package/dist/processors/codegen/__tests__/codegen-processor-e2e.test.js

@@ -1,7 +1,7 @@
 import path from "path";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { USE_TS_MORPH, USE_VERSIONING, } from "../document-handlers/generators/constants.js";
-import { CodegenProcessor } from "../index.js";
+import { CodegenProcessorLegacy } from "../index.legacy.js";
 const defaultManifest = {
     name: "",
     description: "",
@@ -55,7 +55,7 @@ vi.mock("../logger.js", () => ({
         error: vi.fn(),
     },
 }));
-describe("CodegenProcessor E2E Tests", () => {
+describe("CodegenProcessorLegacy E2E Tests", () => {
     let processor;
     let mockConfig;
     beforeEach(async () => {
@@ -68,7 +68,7 @@ describe("CodegenProcessor E2E Tests", () => {
             CURRENT_WORKING_DIR: process.cwd(),
         };
         // Create a REAL processor instance (not mocked)
-        processor = new CodegenProcessor();
+        processor = new CodegenProcessorLegacy();
         // Reset all codegen function mocks to resolve successfully
         const codegen = await import("@powerhousedao/codegen");
         vi.mocked(codegen.generateEditor).mockResolvedValue();
@@ -108,12 +108,12 @@ describe("CodegenProcessor E2E Tests", () => {
             await vi.runAllTimersAsync();
             const generateEditorArgs = [
                 {
-                    name: "Test Editor",
+                    ...mockConfig.PH_CONFIG,
+                    editorName: "Test Editor",
                     documentTypes: [
                         "powerhouse/document-model",
                         "powerhouse/budget-statement",
                     ],
-                    config: mockConfig.PH_CONFIG,
                     editorId: "test-editor",
                     useTsMorph: USE_TS_MORPH,
                 },
@@ -202,7 +202,7 @@ describe("CodegenProcessor E2E Tests", () => {
             const strand = {
                 documentId: "test-doc-1",
                 documentType: "powerhouse/document-model",
-                state: validState,
+                state: { global: validState },
             };
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
@@ -236,7 +236,7 @@ describe("CodegenProcessor E2E Tests", () => {
             const strand = {
                 documentId: "test-doc-1",
                 documentType: "powerhouse/document-model",
-                state: invalidState,
+                state: { global: invalidState },
             };
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
@@ -261,7 +261,7 @@ describe("CodegenProcessor E2E Tests", () => {
             const strand = {
                 documentId: "test-doc-1",
                 documentType: "powerhouse/document-model",
-                state: validState,
+                state: { global: validState },
             };
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
@@ -290,7 +290,7 @@ describe("CodegenProcessor E2E Tests", () => {
             };
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
-            expect(generateProcessor).toHaveBeenCalledWith("Test Processor", "analytics", ["powerhouse/document-model", "powerhouse/budget-statement"], mockConfig.PH_CONFIG);
+            expect(generateProcessor).toHaveBeenCalledWith("Test Processor", "analytics", ["powerhouse/document-model", "powerhouse/budget-statement"], mockConfig.PH_CONFIG.skipFormat);
         });
         it("should map relational type to relationalDb when processing processor strand", async () => {
             const { generateProcessor } = await import("@powerhousedao/codegen");
@@ -309,7 +309,7 @@ describe("CodegenProcessor E2E Tests", () => {
             };
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
-            expect(generateProcessor).toHaveBeenCalledWith("Test Processor", "relationalDb", ["powerhouse/document-model"], mockConfig.PH_CONFIG);
+            expect(generateProcessor).toHaveBeenCalledWith("Test Processor", "relationalDb", ["powerhouse/document-model"], mockConfig.PH_CONFIG.skipFormat);
         });
         it("should not call generateProcessor for unsupported processor type", async () => {
             const { generateProcessor } = await import("@powerhousedao/codegen");
@@ -366,10 +366,10 @@ describe("CodegenProcessor E2E Tests", () => {
             await vi.runAllTimersAsync();
             const generateDriveEditorArgs = [
                 {
-                    name: "Test App",
-                    config: mockConfig.PH_CONFIG,
-                    appId: "test-app",
-                    allowedDocumentTypes: "",
+                    driveEditorName: "Test App",
+                    ...mockConfig.PH_CONFIG,
+                    driveEditorId: "test-app",
+                    allowedDocumentTypes: [],
                     isDragAndDropEnabled: false,
                     useTsMorph: USE_TS_MORPH,
                 },
@@ -404,10 +404,13 @@ describe("CodegenProcessor E2E Tests", () => {
             await processor.onStrands([strand]);
             await vi.runAllTimersAsync();
             expect(generateDriveEditor).toHaveBeenCalledWith({
-                name: "Test App",
-                config: mockConfig.PH_CONFIG,
-                appId: "test-app",
-                allowedDocumentTypes: "powerhouse/document-model,powerhouse/budget-statement",
+                driveEditorName: "Test App",
+                ...mockConfig.PH_CONFIG,
+                driveEditorId: "test-app",
+                allowedDocumentTypes: [
+                    "powerhouse/document-model",
+                    "powerhouse/budget-statement",
+                ],
                 isDragAndDropEnabled: true,
                 useTsMorph: USE_TS_MORPH,
             });
@@ -557,9 +560,9 @@ describe("CodegenProcessor E2E Tests", () => {
             await processor.onStrands(strands);
             await vi.runAllTimersAsync();
             expect(generateEditor).toHaveBeenCalledWith({
-                name: "Test Editor",
+                editorName: "Test Editor",
                 documentTypes: ["powerhouse/document-model"],
-                config: mockConfig.PH_CONFIG,
+                ...mockConfig.PH_CONFIG,
                 editorId: "test-editor",
                 useTsMorph: USE_TS_MORPH,
             });
@@ -596,9 +599,9 @@ describe("CodegenProcessor E2E Tests", () => {
             await vi.runAllTimersAsync();
             // Valid strand should be processed
             expect(generateEditor).toHaveBeenCalledWith({
-                name: "Test Editor",
+                editorName: "Test Editor",
                 documentTypes: ["powerhouse/document-model"],
-                config: mockConfig.PH_CONFIG,
+                ...mockConfig.PH_CONFIG,
                 editorId: "test-editor",
                 useTsMorph: USE_TS_MORPH,
             });

package/dist/processors/codegen/document-handlers/generators/app-generator.js

@@ -43,10 +43,10 @@ export class AppGenerator extends BaseDocumentGen {
                 const appId = kebabCase(state.name);
                 // Generate the drive editor using the codegen function
                 await generateDriveEditor({
-                    name: state.name,
-                    config: this.config.PH_CONFIG,
-                    appId: appId,
-                    allowedDocumentTypes: state.allowedDocumentTypes?.join(","),
+                    ...this.config.PH_CONFIG,
+                    driveEditorName: state.name,
+                    driveEditorId: appId,
+                    allowedDocumentTypes: state.allowedDocumentTypes ?? [],
                     isDragAndDropEnabled: state.isDragAndDropEnabled,
                     useTsMorph: USE_TS_MORPH,
                 });

package/dist/processors/codegen/document-handlers/generators/document-editor-generator.js

@@ -48,9 +48,9 @@ export class DocumentEditorGenerator extends BaseDocumentGen {
             const editorId = kebabCase(state.name);
             // Generate the editor using the codegen function
             await generateEditor({
-                name: state.name,
+                ...this.config.PH_CONFIG,
+                editorName: state.name,
                 documentTypes: documentTypes,
-                config: this.config.PH_CONFIG,
                 editorId: editorId,
                 useTsMorph: USE_TS_MORPH,
             });

package/dist/processors/codegen/document-handlers/generators/document-model-generator.d.ts

@@ -5,6 +5,10 @@ import { BaseDocumentGen } from "../base-document-gen.js";
  */
 export declare class DocumentModelGenerator extends BaseDocumentGen {
     readonly supportedDocumentTypes = "powerhouse/document-model";
+    /**
+     * Extract the global state from the full document state
+     */
+    private extractGlobalState;
     /**
      * Validate if this document model strand should be processed
      */

package/dist/processors/codegen/document-handlers/generators/document-model-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-model-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/document-model-generator.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAGhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,eAAe;IACzD,QAAQ,CAAC,sBAAsB,+BAA+B;IAE9D;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IAiCnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CA4DjE"}
+{"version":3,"file":"document-model-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/document-model-generator.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAMhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,eAAe;IACzD,QAAQ,CAAC,sBAAsB,+BAA+B;IAE9D;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAY1B;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IAiCnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CAqEjE"}

package/dist/processors/codegen/document-handlers/generators/document-model-generator.js

@@ -8,6 +8,18 @@ import { backupDocument } from "./utils.js";
  */
 export class DocumentModelGenerator extends BaseDocumentGen {
     supportedDocumentTypes = "powerhouse/document-model";
+    /**
+     * Extract the global state from the full document state
+     */
+    extractGlobalState(strand) {
+        const fullState = strand.state;
+        if (!fullState) {
+            return undefined;
+        }
+        // The state is the full document state with {auth, document, local, global, header}
+        // We need the global property which contains the DocumentModelGlobalState
+        return fullState.global;
+    }
     /**
      * Validate if this document model strand should be processed
      */
@@ -16,58 +28,62 @@ export class DocumentModelGenerator extends BaseDocumentGen {
         if (!super.shouldProcess(strand)) {
             return false;
         }
-        // Validate document model state
-        const state = strand.state;
-        if (!state) {
-            logger.debug(`>>> No state found for document model: ${strand.documentId}`);
+        // Extract the global state from the full document state
+        const globalState = this.extractGlobalState(strand);
+        if (!globalState) {
+            logger.debug(`>>> No global state found for document model: ${strand.documentId}`);
             return false;
         }
-        const validationResult = validateDocumentModelState(state);
+        const validationResult = validateDocumentModelState(globalState);
         if (!validationResult.isValid) {
             const errorList = validationResult.errors
                 .map((error) => `  - ${error}`)
                 .join("\n");
-            logger.info(`⚠️  Skipped code generation for '${state.name || strand.documentId}' due to validation errors:\n${errorList}`);
+            logger.info(`⚠️  Skipped code generation for '${globalState.name || strand.documentId}' due to validation errors:\n${errorList}`);
             return false;
         }
-        logger.info(`Document model ${state.name} is valid, proceeding with code generation`);
+        logger.info(`Document model ${globalState.name} is valid, proceeding with code generation`);
         return true;
     }
     async generate(strand) {
-        const state = strand.state;
+        const globalState = this.extractGlobalState(strand);
+        if (!globalState) {
+            logger.error(`❌ No global state found for document model: ${strand.documentId}`);
+            return;
+        }
         // Validation is already done in shouldProcess, so we can proceed directly
-        logger.debug(`🔄 Starting code generation for document model: ${state.name}`);
+        logger.debug(`🔄 Starting code generation for document model: ${globalState.name}`);
         try {
             await generateFromDocument({
-                documentModelState: state,
+                documentModelState: globalState,
                 config: this.config.PH_CONFIG,
                 useTsMorph: USE_TS_MORPH,
                 useVersioning: USE_VERSIONING,
             });
-            logger.info(`✅ Code generation completed successfully for: ${state.name}`);
+            logger.info(`✅ Code generation completed successfully for: ${globalState.name}`);
             // Update the manifest with the new document model
             try {
-                logger.debug(`🔄 Updating manifest with document model: ${state.name} (ID: ${state.id})`);
+                logger.debug(`🔄 Updating manifest with document model: ${globalState.name} (ID: ${globalState.id})`);
                 generateManifest({
                     documentModels: [
                         {
-                            id: state.id,
-                            name: state.name,
+                            id: globalState.id,
+                            name: globalState.name,
                         },
                     ],
                 }, this.config.CURRENT_WORKING_DIR);
-                logger.debug(`✅ Manifest updated successfully for document model: ${state.name}`);
+                logger.debug(`✅ Manifest updated successfully for document model: ${globalState.name}`);
             }
             catch (manifestError) {
-                logger.error(`⚠️ Failed to update manifest for document model ${state.name}:`, manifestError);
+                logger.error(`⚠️ Failed to update manifest for document model ${globalState.name}:`, manifestError);
                 // Don't throw here - code generation was successful
             }
             // Backup the document
-            const extension = state.extension?.replace(/^\.+|\.+$/g, "") || "";
-            await backupDocument(strand.document, this.config.CURRENT_WORKING_DIR, extension, state.name);
+            const extension = globalState.extension?.replace(/^\.+|\.+$/g, "") || "";
+            await backupDocument(strand.document, this.config.CURRENT_WORKING_DIR, extension, globalState.name);
         }
         catch (error) {
-            logger.error(`❌ Error during code generation for ${state.name}:`, error);
+            logger.error(`❌ Error during code generation for ${globalState.name}:`, error);
             // Don't throw - let codegen continue with other documents
             return;
         }

package/dist/processors/codegen/document-handlers/generators/processor-generator.js

@@ -63,7 +63,7 @@ export class ProcessorGenerator extends BaseDocumentGen {
                 // Extract document types from the state
                 const documentTypes = state.documentTypes.map((dt) => dt.documentType);
                 // Generate the processor using the codegen function
-                await generateProcessor(state.name, processorType, documentTypes, this.config.PH_CONFIG);
+                await generateProcessor(state.name, processorType, documentTypes, this.config.PH_CONFIG.skipFormat);
                 logger.info(`✅ Processor generation completed successfully for: ${state.name}`);
                 // Backup the document
                 await backupDocument(strand.document, this.config.CURRENT_WORKING_DIR, undefined, state.name);

package/dist/processors/codegen/factory.d.ts

@@ -1,4 +1,5 @@
-import type { IProcessorHostModule, ProcessorRecord } from "document-drive";
+import type { ProcessorRecord } from "@powerhousedao/reactor";
+import type { IProcessorHostModule } from "document-drive";
 import type { PHDocumentHeader } from "document-model";
 export declare const codegenProcessorFactory: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => ProcessorRecord[];
 //# sourceMappingURL=factory.d.ts.map

package/dist/processors/codegen/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../processors/codegen/factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAgCvD,eAAO,MAAM,uBAAuB,GACjC,QAAQ,oBAAoB,MAC5B,aAAa,gBAAgB,KAAG,eAAe,EAsC/C,CAAC"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../processors/codegen/factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAgCvD,eAAO,MAAM,uBAAuB,GACjC,QAAQ,oBAAoB,MAC5B,aAAa,gBAAgB,KAAG,eAAe,EAsC/C,CAAC"}

package/dist/processors/codegen/factory.legacy.d.ts

@@ -0,0 +1,4 @@
+import type { IProcessorHostModule, ProcessorRecord } from "document-drive";
+import type { PHDocumentHeader } from "document-model";
+export declare const codegenProcessorFactoryLegacy: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => ProcessorRecord[];
+//# sourceMappingURL=factory.legacy.d.ts.map

package/dist/processors/codegen/factory.legacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.legacy.d.ts","sourceRoot":"","sources":["../../../processors/codegen/factory.legacy.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAgCvD,eAAO,MAAM,6BAA6B,GACvC,QAAQ,oBAAoB,MAC5B,aAAa,gBAAgB,KAAG,eAAe,EAsC/C,CAAC"}

package/dist/processors/codegen/factory.legacy.js

@@ -0,0 +1,53 @@
+import { VETRA_PROCESSOR_CONFIG_KEY } from "@powerhousedao/config";
+import { CodegenProcessorLegacy } from "./index.legacy.js";
+import { logger } from "./logger.js";
+/**
+ * Determines if a drive header matches the Vetra drive criteria.
+ * @param driveHeader - The drive header to check
+ * @param explicitDriveId - Optional explicit drive ID from config (if set, uses exact match)
+ * @returns true if the drive is a Vetra drive, false otherwise
+ */
+function isDriveVetra(driveHeader, driveIdFromConfig) {
+    // If explicit drive ID is configured, use exact match
+    if (driveIdFromConfig) {
+        return (driveHeader.slug === driveIdFromConfig ||
+            driveHeader.id === driveIdFromConfig);
+    }
+    // Otherwise, check if slug/id matches Vetra pattern
+    // Matches "vetra" exactly or IDs starting with "vetra-" (case-insensitive)
+    const matchesPattern = (identifier) => {
+        const lower = identifier.toLowerCase();
+        return lower === "vetra" || lower.startsWith("vetra-");
+    };
+    return matchesPattern(driveHeader.slug) || matchesPattern(driveHeader.id);
+}
+export const codegenProcessorFactoryLegacy = (module) => (driveHeader) => {
+    // Create the processor
+    const processorsConfig = module.config ?? new Map();
+    const vetraConfig = processorsConfig.get(VETRA_PROCESSOR_CONFIG_KEY);
+    // Check if this drive should use the Vetra processor
+    if (!isDriveVetra(driveHeader, vetraConfig?.driveId)) {
+        logger.info(`Drive ${driveHeader.slug} is not a Vetra drive, skipping codegen processor`);
+        return [];
+    }
+    logger.info(`Drive ${driveHeader.slug} is a Vetra drive, using codegen processor (legacy)`);
+    const processor = new CodegenProcessorLegacy(vetraConfig?.interactive);
+    return [
+        {
+            processor,
+            filter: {
+                branch: ["main"],
+                documentId: ["*"],
+                documentType: [
+                    "powerhouse/document-model",
+                    "powerhouse/package",
+                    "powerhouse/document-editor",
+                    "powerhouse/subgraph",
+                    "powerhouse/processor",
+                    "powerhouse/app",
+                ],
+                scope: ["global"],
+            },
+        },
+    ];
+};

package/dist/processors/codegen/index.d.ts

@@ -1,8 +1,8 @@
-import type { InternalTransmitterUpdate, IProcessor } from "document-drive";
+import type { IProcessor, OperationWithContext } from "@powerhousedao/reactor";
 export declare class CodegenProcessor implements IProcessor {
     private manager;
     constructor(interactiveMode?: boolean);
-    onStrands(strands: InternalTransmitterUpdate[]): Promise<void>;
+    onOperations(operations: OperationWithContext[]): Promise<void>;
     onDisconnect(): Promise<void>;
     setInteractiveMode(enabled: boolean): void;
     isInteractive(): boolean;

package/dist/processors/codegen/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../processors/codegen/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAQ5E,qBAAa,gBAAiB,YAAW,UAAU;IACjD,OAAO,CAAC,OAAO,CAAyB;gBAE5B,eAAe,UAAQ;IAoB7B,SAAS,CAAC,OAAO,EAAE,yBAAyB,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAqC9D,YAAY;IAGX,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI1C,aAAa,IAAI,OAAO;IAIxB,uBAAuB,IAAI,OAAO;CAG1C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../processors/codegen/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAS/E,qBAAa,gBAAiB,YAAW,UAAU;IACjD,OAAO,CAAC,OAAO,CAAyB;gBAE5B,eAAe,UAAQ;IAkB7B,YAAY,CAAC,UAAU,EAAE,oBAAoB,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;IAiC/D,YAAY;IAGX,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAI1C,aAAa,IAAI,OAAO;IAIxB,uBAAuB,IAAI,OAAO;CAG1C"}