@powerhousedao/vetra 6.0.0-dev.4 → 6.0.0-dev.40

package/dist/document-models/app-module/actions.d.ts

@@ -7,7 +7,7 @@ export declare const actions: {
     removeDocumentType: (input: import("./index.js").RemoveDocumentTypeInput) => import("./index.js").RemoveDocumentTypeAction;
     setDocumentTypes: (input: import("./index.js").SetDocumentTypesInput) => import("./index.js").SetDocumentTypesAction;
     setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
+    undo: (count?: number, scope?: string) => import("document-model").UndoAction;
     redo: (count?: number, scope?: string) => import("document-model").RedoAction;
     prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
     loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {

package/dist/document-models/app-module/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/app-module/actions.ts"],"names":[],"mappings":"AAGA,+CAA+C;AAE/C,eAAO,MAAM,OAAO;4BAKV,sDAAiC;iBAA2P,2CAAsB;mBAAwK,6CAAwB;sBAAiL,gDAA2B;yBAA6L,mDAA8B;uBAAoM,iDAA4B;;eAAsuL,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADp1O,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/app-module/actions.ts"],"names":[],"mappings":"AAGA,+CAA+C;AAE/C,eAAO,MAAM,OAAO;4BAKV,sDAAiC;iBAA2P,2CAAsB;mBAAwK,6CAAwB;sBAAiL,gDAA2B;yBAA6L,mDAA8B;uBAAoM,iDAA4B;;gBAAuuL,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADr1O,CAAC"}

package/dist/document-models/app-module/src/tests/base-operations.test.js

@@ -2,9 +2,9 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { addDocumentType, reducer, removeDocumentType, setAppName, setAppStatus, utils, isAppModuleDocument, setDocumentTypes, SetAppNameInputSchema, SetAppStatusInputSchema, AddDocumentTypeInputSchema, RemoveDocumentTypeInputSchema, SetDocumentTypesInputSchema, } from "@powerhousedao/vetra/document-models/app-module";
+import { generateMock } from "@powerhousedao/common/utils";
+import { addDocumentType, AddDocumentTypeInputSchema, isAppModuleDocument, reducer, removeDocumentType, RemoveDocumentTypeInputSchema, setAppName, SetAppNameInputSchema, setAppStatus, SetAppStatusInputSchema, setDocumentTypes, SetDocumentTypesInputSchema, utils, } from "@powerhousedao/vetra/document-models/app-module";
 import { beforeEach, describe, expect, it } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {

package/dist/document-models/app-module/src/tests/dnd-operations.test.js

@@ -2,7 +2,7 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { generateMock } from "@powerhousedao/codegen";
+import { generateMock } from "@powerhousedao/common/utils";
 import { reducer, setDragAndDropEnabled, SetDragAndDropEnabledInputSchema, utils, } from "@powerhousedao/vetra/document-models/app-module";
 import { beforeEach, describe, expect, it } from "vitest";
 describe("DndOperations Operations", () => {

package/dist/document-models/document-editor/actions.d.ts

@@ -5,7 +5,7 @@ export declare const actions: {
     removeDocumentType: (input: import("./index.js").RemoveDocumentTypeInput) => import("./index.js").RemoveDocumentTypeAction;
     setEditorStatus: (input: import("./index.js").SetEditorStatusInput) => import("./index.js").SetEditorStatusAction;
     setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
+    undo: (count?: number, scope?: string) => import("document-model").UndoAction;
     redo: (count?: number, scope?: string) => import("document-model").RedoAction;
     prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
     loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {

package/dist/document-models/document-editor/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/document-editor/actions.ts"],"names":[],"mappings":"AAGA,oDAAoD;AAEpD,eAAO,MAAM,OAAO;oBACsQ,8CAAyB;sBAAoL,gDAA2B;yBAA6L,mDAA8B;sBAAmM,gDAA2B;;eAA+9L,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADn0O,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/document-editor/actions.ts"],"names":[],"mappings":"AAGA,oDAAoD;AAEpD,eAAO,MAAM,OAAO;oBACsQ,8CAAyB;sBAAoL,gDAA2B;yBAA6L,mDAA8B;sBAAmM,gDAA2B;;gBAAg+L,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADp0O,CAAC"}

package/dist/document-models/document-editor/src/tests/base-operations.test.js

@@ -2,9 +2,9 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { addDocumentType, reducer, removeDocumentType, setEditorName, setEditorStatus, utils, isDocumentEditorDocument, SetEditorNameInputSchema, AddDocumentTypeInputSchema, RemoveDocumentTypeInputSchema, SetEditorStatusInputSchema, } from "@powerhousedao/vetra/document-models/document-editor";
+import { generateMock } from "@powerhousedao/common/utils";
+import { addDocumentType, AddDocumentTypeInputSchema, isDocumentEditorDocument, reducer, removeDocumentType, RemoveDocumentTypeInputSchema, setEditorName, SetEditorNameInputSchema, setEditorStatus, SetEditorStatusInputSchema, utils, } from "@powerhousedao/vetra/document-models/document-editor";
 import { beforeEach, describe, expect, it } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {

package/dist/document-models/processor-module/actions.d.ts

@@ -6,7 +6,7 @@ export declare const actions: {
     removeDocumentType: (input: import("./index.js").RemoveDocumentTypeInput) => import("./index.js").RemoveDocumentTypeAction;
     setProcessorStatus: (input: import("./index.js").SetProcessorStatusInput) => import("./index.js").SetProcessorStatusAction;
     setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
+    undo: (count?: number, scope?: string) => import("document-model").UndoAction;
     redo: (count?: number, scope?: string) => import("document-model").RedoAction;
     prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
     loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {

package/dist/document-models/processor-module/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/processor-module/actions.ts"],"names":[],"mappings":"AAGA,qDAAqD;AAErD,eAAO,MAAM,OAAO;uBAC4W,iDAA4B;uBAA8L,iDAA4B;sBAA6L,gDAA2B;yBAA6L,mDAA8B;yBAAsM,mDAA8B;;eAA4oL,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADl0O,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/processor-module/actions.ts"],"names":[],"mappings":"AAGA,qDAAqD;AAErD,eAAO,MAAM,OAAO;uBAC4W,iDAA4B;uBAA8L,iDAA4B;sBAA6L,gDAA2B;yBAA6L,mDAA8B;yBAAsM,mDAA8B;;gBAA6oL,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADn0O,CAAC"}

package/dist/document-models/processor-module/src/tests/base-operations.test.js

@@ -2,9 +2,9 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { addDocumentType, reducer, removeDocumentType, setProcessorName, setProcessorStatus, setProcessorType, utils, isProcessorModuleDocument, SetProcessorNameInputSchema, SetProcessorTypeInputSchema, AddDocumentTypeInputSchema, RemoveDocumentTypeInputSchema, SetProcessorStatusInputSchema, } from "@powerhousedao/vetra/document-models/processor-module";
+import { generateMock } from "@powerhousedao/common/utils";
+import { addDocumentType, AddDocumentTypeInputSchema, isProcessorModuleDocument, reducer, removeDocumentType, RemoveDocumentTypeInputSchema, setProcessorName, SetProcessorNameInputSchema, setProcessorStatus, SetProcessorStatusInputSchema, setProcessorType, SetProcessorTypeInputSchema, utils, } from "@powerhousedao/vetra/document-models/processor-module";
 import { beforeEach, describe, expect, it } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {

package/dist/document-models/subgraph-module/actions.d.ts

@@ -3,7 +3,7 @@ export declare const actions: {
     setSubgraphName: (input: import("./index.js").SetSubgraphNameInput) => import("./index.js").SetSubgraphNameAction;
     setSubgraphStatus: (input: import("./index.js").SetSubgraphStatusInput) => import("./index.js").SetSubgraphStatusAction;
     setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
+    undo: (count?: number, scope?: string) => import("document-model").UndoAction;
     redo: (count?: number, scope?: string) => import("document-model").RedoAction;
     prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
     loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {

package/dist/document-models/subgraph-module/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/actions.ts"],"names":[],"mappings":"AAGA,oDAAoD;AAEpD,eAAO,MAAM,OAAO;sBACwG,gDAA2B;wBAA4L,kDAA6B;;eAA0iN,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADn0O,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/actions.ts"],"names":[],"mappings":"AAGA,oDAAoD;AAEpD,eAAO,MAAM,OAAO;sBACwG,gDAA2B;wBAA4L,kDAA6B;;gBAA2iN,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADp0O,CAAC"}

package/dist/document-models/subgraph-module/src/tests/base-operations.test.js

@@ -2,9 +2,9 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { reducer, setSubgraphName, setSubgraphStatus, utils, isSubgraphModuleDocument, SetSubgraphNameInputSchema, SetSubgraphStatusInputSchema, } from "@powerhousedao/vetra/document-models/subgraph-module";
+import { generateMock } from "@powerhousedao/common/utils";
+import { isSubgraphModuleDocument, reducer, setSubgraphName, SetSubgraphNameInputSchema, setSubgraphStatus, SetSubgraphStatusInputSchema, utils, } from "@powerhousedao/vetra/document-models/subgraph-module";
 import { beforeEach, describe, expect, it } from "vitest";
-import { generateMock } from "@powerhousedao/codegen";
 describe("BaseOperations Operations", () => {
     let document;
     beforeEach(() => {

package/dist/document-models/vetra-package/actions.d.ts

@@ -11,7 +11,7 @@ export declare const actions: {
     setPackageGithubUrl: (input: import("./index.js").SetPackageGithubUrlInput) => import("./index.js").SetPackageGithubUrlAction;
     setPackageNpmUrl: (input: import("./index.js").SetPackageNpmUrlInput) => import("./index.js").SetPackageNpmUrlAction;
     setName: (name: string) => import("document-model").SetNameAction;
-    undo: (skip?: number, scope?: string) => import("document-model").UndoAction;
+    undo: (count?: number, scope?: string) => import("document-model").UndoAction;
     redo: (count?: number, scope?: string) => import("document-model").RedoAction;
     prune: (start?: number, end?: number, scope?: string) => import("document-model").SchemaPruneAction;
     loadState: <TState extends import("document-model").PHBaseState = import("document-model").PHBaseState>(state: TState & {

package/dist/document-models/vetra-package/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/actions.ts"],"names":[],"mappings":"AAGA,kDAAkD;AAElD,eAAO,MAAM,OAAO;qBACs0B,+CAA0B;4BAA6L,sDAAiC;yBAA+M,mDAA8B;uBAAoM,iDAA4B;2BAAkM,qDAAgC;8BAAkN,wDAAmC;wBAAqN,kDAA6B;2BAAqM,qDAAgC;0BAA6M,oDAA+B;uBAAwM,iDAA4B;;eAA+/H,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADr0O,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/actions.ts"],"names":[],"mappings":"AAGA,kDAAkD;AAElD,eAAO,MAAM,OAAO;qBACs0B,+CAA0B;4BAA6L,sDAAiC;yBAA+M,mDAA8B;uBAAoM,iDAA4B;2BAAkM,qDAAgC;8BAAkN,wDAAmC;wBAAqN,kDAA6B;2BAAqM,qDAAgC;0BAA6M,oDAA+B;uBAAwM,iDAA4B;;gBAAggI,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CADt0O,CAAC"}

package/dist/document-models/vetra-package/src/tests/base-operations.test.js

@@ -2,7 +2,7 @@
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
-import { generateMock } from "@powerhousedao/codegen";
+import { generateMock } from "@powerhousedao/common/utils";
 import { addPackageKeyword, AddPackageKeywordInputSchema, isVetraPackageDocument, reducer, removePackageKeyword, RemovePackageKeywordInputSchema, setPackageAuthor, SetPackageAuthorInputSchema, setPackageAuthorName, SetPackageAuthorNameInputSchema, setPackageAuthorWebsite, SetPackageAuthorWebsiteInputSchema, setPackageCategory, SetPackageCategoryInputSchema, setPackageDescription, SetPackageDescriptionInputSchema, setPackageGithubUrl, SetPackageGithubUrlInputSchema, setPackageName, SetPackageNameInputSchema, setPackageNpmUrl, SetPackageNpmUrlInputSchema, utils, } from "@powerhousedao/vetra/document-models/vetra-package";
 import { beforeEach, describe, expect, it } from "vitest";
 describe("BaseOperations Operations", () => {

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,17 @@ 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({
+                processorName: "Test Processor",
+                processorType: "analytics",
+                documentTypes: [
+                    "powerhouse/document-model",
+                    "powerhouse/budget-statement",
+                ],
+                skipFormat: mockConfig.PH_CONFIG.skipFormat,
+                processorApps: ["connect", "switchboard"],
+                useTsMorph: USE_TS_MORPH,
+            });
         });
         it("should map relational type to relationalDb when processing processor strand", async () => {
             const { generateProcessor } = await import("@powerhousedao/codegen");
@@ -309,7 +319,14 @@ 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({
+                processorName: "Test Processor",
+                processorType: "relationalDb",
+                documentTypes: ["powerhouse/document-model"],
+                skipFormat: mockConfig.PH_CONFIG.skipFormat,
+                useTsMorph: USE_TS_MORPH,
+                processorApps: ["connect", "switchboard"],
+            });
         });
         it("should not call generateProcessor for unsupported processor type", async () => {
             const { generateProcessor } = await import("@powerhousedao/codegen");
@@ -366,10 +383,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 +421,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 +577,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 +616,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/app-generator.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,YAAa,SAAQ,eAAe;IAC/C,QAAQ,CAAC,sBAAsB,oBAAoB;IAEnD;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IA4BnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CA8EjE"}
+{"version":3,"file":"app-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/app-generator.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,YAAa,SAAQ,eAAe;IAC/C,QAAQ,CAAC,sBAAsB,oBAAoB;IAEnD;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IA4BnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CAuFjE"}

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

@@ -3,7 +3,7 @@ import { kebabCase } from "change-case";
 import { logger } from "../../logger.js";
 import { BaseDocumentGen } from "../base-document-gen.js";
 import { USE_TS_MORPH } from "./constants.js";
-import { backupDocument } from "./utils.js";
+import { minimalBackupDocument } from "./utils.js";
 /**
  * Generator for app documents
  */
@@ -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,
                 });
@@ -70,7 +70,13 @@ export class AppGenerator extends BaseDocumentGen {
                     // Don't throw here - drive editor generation was successful
                 }
                 // Backup the document
-                await backupDocument(strand.document, this.config.CURRENT_WORKING_DIR);
+                await minimalBackupDocument({
+                    documentId: strand.documentId,
+                    documentType: strand.documentType,
+                    branch: strand.branch,
+                    state: strand.state,
+                    name: state.name,
+                }, this.config.CURRENT_WORKING_DIR);
             }
             catch (error) {
                 logger.error(`❌ Error during drive editor generation for app ${state.name}:`, error);

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

@@ -1,3 +1,4 @@
 export declare const USE_TS_MORPH = true;
 export declare const USE_VERSIONING = false;
+export declare const TEMP_HARDCODED_PROCESSOR_APPS: readonly ["connect", "switchboard"];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,OAAO,CAAC;AACjC,eAAO,MAAM,cAAc,QAAQ,CAAC;AACpC,eAAO,MAAM,6BAA6B,qCAAiB,CAAC"}

package/dist/processors/codegen/document-handlers/generators/constants.js

@@ -1,2 +1,4 @@
+import { PROCESSOR_APPS } from "shared";
 export const USE_TS_MORPH = true;
 export const USE_VERSIONING = false;
+export const TEMP_HARDCODED_PROCESSOR_APPS = PROCESSOR_APPS;

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

@@ -1 +1 @@
-{"version":3,"file":"document-editor-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/document-editor-generator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAGhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,eAAe;IAC1D,QAAQ,CAAC,sBAAsB,gCAAgC;IAE/D;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IAuCnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CA0EjE"}
+{"version":3,"file":"document-editor-generator.d.ts","sourceRoot":"","sources":["../../../../../processors/codegen/document-handlers/generators/document-editor-generator.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAMhE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,eAAe;IAC1D,QAAQ,CAAC,sBAAsB,gCAAgC;IAE/D;;OAEG;IACH,aAAa,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO;IAuCnD,QAAQ,CAAC,MAAM,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;CA8EjE"}