@powerhousedao/vetra 6.0.0-dev.8 → 6.0.0-dev.81

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

@@ -2,8 +2,10 @@
 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;
+    setName: (name: string | {
+        name: string;
+    }) => import("document-model").SetNameAction;
+    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;;;;gBAAmmN,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CAD53O,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAOvE,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,sDAAsD,CAAC;AAM9D,sDAAsD;AACtD,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAEnC,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,GAChE,CAAC,SAAS,EAAE,SAAS,CAAC,CAIzB;AAED,uDAAuD;AACvD,wBAAgB,iCAAiC,IAAI;IACnD,sBAAsB;IACtB,gBAAgB,CAAC,oBAAoB,CAAC;CACvC,CAIA;AAED,qEAAqE;AACrE,wBAAgB,yCAAyC,yCAGxD;AAED,sEAAsE;AACtE,wBAAgB,0CAA0C,yCAGzD"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAOvE,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,sDAAsD,CAAC;AAM9D,sDAAsD;AACtD,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAEnC,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,GAChE,CAAC,SAAS,EAAE,SAAS,CAAC,CAIzB;AAED,uDAAuD;AACvD,wBAAgB,iCAAiC,IAAI;IACnD,sBAAsB;IACtB,gBAAgB,CAAC,oBAAoB,CAAC;CACvC,CAKA;AAED,qEAAqE;AACrE,wBAAgB,yCAAyC,yCAGxD;AAED,sEAAsE;AACtE,wBAAgB,0CAA0C,yCAGzD"}

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

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAQlG,4DAA4D;AAC5D,eAAO,MAAM,cAAc,EAAE,mBAAmB,CAAC,qBAAqB,CAKrE,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-models/subgraph-module/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAQlG,4DAA4D;AAC5D,eAAO,MAAM,cAAc,EAAE,mBAAmB,CAAC,qBAAqB,CAMrE,CAAC"}

package/dist/document-models/subgraph-module/module.js

@@ -3,6 +3,7 @@ import { defaultBaseState } from "document-model/core";
 import { actions, documentModel, reducer, utils, } from "@powerhousedao/vetra/document-models/subgraph-module";
 /** Document model module for the Todo List document type */
 export const SubgraphModule = {
+    version: 1,
     reducer,
     actions,
     utils,

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

@@ -10,8 +10,10 @@ export declare const actions: {
     removePackageKeyword: (input: import("./index.js").RemovePackageKeywordInput) => import("./index.js").RemovePackageKeywordAction;
     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;
+    setName: (name: string | {
+        name: string;
+    }) => import("document-model").SetNameAction;
+    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;;;;gBAAwjI,CAAC,eAAe,CAAC;gBAAkE,CAAC,eAAe,CAAC;iBAAmE,CAAC,aAAa,CAAC,eAAe,CAAC;;;;gBAAqS,CAAC;CAD93O,CAAC"}

package/dist/document-models/vetra-package/gen/schema/zod.js

@@ -13,7 +13,7 @@ export function AuthorSchema() {
     return z.object({
         __typename: z.literal("Author").optional(),
         name: z.string().nullish(),
-        website: z.string().url().nullish(),
+        website: z.url().nullish(),
     });
 }
 export function KeywordSchema() {
@@ -31,7 +31,7 @@ export function RemovePackageKeywordInputSchema() {
 export function SetPackageAuthorInputSchema() {
     return z.object({
         name: z.string().nullish(),
-        website: z.string().url().nullish(),
+        website: z.url().nullish(),
     });
 }
 export function SetPackageAuthorNameInputSchema() {
@@ -41,7 +41,7 @@ export function SetPackageAuthorNameInputSchema() {
 }
 export function SetPackageAuthorWebsiteInputSchema() {
     return z.object({
-        website: z.string().url(),
+        website: z.url(),
     });
 }
 export function SetPackageCategoryInputSchema() {
@@ -56,7 +56,7 @@ export function SetPackageDescriptionInputSchema() {
 }
 export function SetPackageGithubUrlInputSchema() {
     return z.object({
-        url: z.string().url(),
+        url: z.url(),
     });
 }
 export function SetPackageNameInputSchema() {
@@ -66,7 +66,7 @@ export function SetPackageNameInputSchema() {
 }
 export function SetPackageNpmUrlInputSchema() {
     return z.object({
-        url: z.string().url(),
+        url: z.url(),
     });
 }
 export function VetraPackageStateSchema() {
@@ -75,9 +75,9 @@ export function VetraPackageStateSchema() {
         author: z.lazy(() => AuthorSchema()),
         category: z.string().nullish(),
         description: z.string().nullish(),
-        githubUrl: z.string().url().nullish(),
+        githubUrl: z.url().nullish(),
         keywords: z.array(z.lazy(() => KeywordSchema())),
         name: z.string().nullish(),
-        npmUrl: z.string().url().nullish(),
+        npmUrl: z.url().nullish(),
     });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAOvE,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,oDAAoD,CAAC;AAM5D,oDAAoD;AACpD,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAEnC,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,GAC5D,CAAC,SAAS,EAAE,SAAS,CAAC,CAIzB;AAED,qDAAqD;AACrD,wBAAgB,+BAA+B,IAAI;IACjD,oBAAoB;IACpB,gBAAgB,CAAC,kBAAkB,CAAC;CACrC,CAIA;AAED,mEAAmE;AACnE,wBAAgB,uCAAuC,uCAGtD;AAED,oEAAoE;AACpE,wBAAgB,wCAAwC,uCAGvD"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAOvE,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,oDAAoD,CAAC;AAM5D,oDAAoD;AACpD,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAEnC,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,GAC5D,CAAC,SAAS,EAAE,SAAS,CAAC,CAIzB;AAED,qDAAqD;AACrD,wBAAgB,+BAA+B,IAAI;IACjD,oBAAoB;IACpB,gBAAgB,CAAC,kBAAkB,CAAC;CACrC,CAKA;AAED,mEAAmE;AACnE,wBAAgB,uCAAuC,uCAGtD;AAED,oEAAoE;AACpE,wBAAgB,wCAAwC,uCAGvD"}

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

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAQ9F,4DAA4D;AAC5D,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,mBAAmB,CAKjE,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../document-models/vetra-package/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AAQ9F,4DAA4D;AAC5D,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,mBAAmB,CAMjE,CAAC"}

package/dist/document-models/vetra-package/module.js

@@ -3,6 +3,7 @@ import { defaultBaseState } from "document-model/core";
 import { actions, documentModel, reducer, utils, } from "@powerhousedao/vetra/document-models/vetra-package";
 /** Document model module for the Todo List document type */
 export const VetraPackage = {
+    version: 1,
     reducer,
     actions,
     utils,

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.d.ts

@@ -1,13 +1,17 @@
+import { type ProcessorApp, type ProcessorApps } from "@powerhousedao/shared/processors";
 import type { DocumentTypeItem } from "../../../document-models/processor-module/index.js";
 export interface ProcessorEditorFormProps {
     processorName?: string;
     processorType?: string;
     documentTypes?: DocumentTypeItem[];
+    processorApps?: ProcessorApps;
     status?: string;
     onNameChange?: (name: string) => void;
     onTypeChange?: (type: string) => void;
     onAddDocumentType?: (id: string, documentType: string) => void;
     onRemoveDocumentType?: (id: string) => void;
+    onAddProcessorApp?: (processorApp: ProcessorApp) => void;
+    onRemoveProcessorApp?: (processorApp: ProcessorApp) => void;
     onConfirm?: () => void;
 }
 export declare const ProcessorEditorForm: React.FC<ProcessorEditorFormProps>;

package/dist/editors/processor-editor/components/ProcessorEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqMlE,CAAC"}
+{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,aAAa,EACnB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AAI3F,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsQlE,CAAC"}

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

@@ -1,12 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PROCESSOR_APPS, } from "@powerhousedao/shared/processors";
 import { useEffect, useState } from "react";
 import { StatusPill } from "../../components/index.js";
 import { useAvailableDocumentTypes, useDebounce } from "../../hooks/index.js";
-export const ProcessorEditorForm = ({ processorName: initialProcessorName = "", processorType: initialProcessorType = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onNameChange, onTypeChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
+export const ProcessorEditorForm = ({ processorName: initialProcessorName = "", processorType: initialProcessorType = "", documentTypes: initialDocumentTypes = [], processorApps: initialProcessorApps = [], status = "DRAFT", onNameChange, onTypeChange, onAddDocumentType, onRemoveDocumentType, onAddProcessorApp, onRemoveProcessorApp, onConfirm, }) => {
     const [processorName, setProcessorName] = useState(initialProcessorName);
     const [processorType, setProcessorType] = useState(initialProcessorType);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
     const [selectedDocumentType, setSelectedDocumentType] = useState("");
+    const [processorApps, setProcessorApps] = useState(initialProcessorApps);
     const [isConfirmed, setIsConfirmed] = useState(false);
     // Get available document types from the hook (combines reactor and vetra drive)
     const availableDocumentTypes = useAvailableDocumentTypes();
@@ -23,6 +25,9 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
     useEffect(() => {
         setDocumentTypes(initialDocumentTypes);
     }, [initialDocumentTypes]);
+    useEffect(() => {
+        setProcessorApps(initialProcessorApps);
+    }, [initialProcessorApps]);
     // Reset confirmation state if status changes back to DRAFT
     useEffect(() => {
         if (status === "DRAFT") {
@@ -32,7 +37,10 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
     // Check if form should be read-only
     const isReadOnly = isConfirmed || status === "CONFIRMED";
     const handleConfirm = () => {
-        if (processorName.trim() && processorType && documentTypes.length > 0) {
+        if (processorName.trim() &&
+            processorType &&
+            documentTypes.length > 0 &&
+            processorApps.length > 0) {
             setIsConfirmed(true); // Immediate UI update
             onConfirm?.();
         }
@@ -41,8 +49,11 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
         setDocumentTypes(documentTypes.filter((dt) => dt.id !== id));
         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) => {
+    const canConfirm = !!processorName.trim() &&
+        !!processorType &&
+        documentTypes.length > 0 &&
+        processorApps.length > 0;
+    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)) {
@@ -57,5 +68,20 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
                                     setSelectedDocumentType("");
                                 }, 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", { value: "", children: "Select a document type to add" }), availableDocumentTypes
                                         .filter((docType) => !documentTypes.some((dt) => dt.documentType === docType))
-                                        .map((docType) => (_jsx("option", { value: docType, children: docType }, docType)))] })), _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: () => handleRemoveDocumentType(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: !canConfirm, 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" }) }))] }));
+                                        .map((docType) => (_jsx("option", { value: docType, children: docType }, docType)))] })), _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: () => handleRemoveDocumentType(type.id), className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type.id))) })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "processor-apps", className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Apps" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx(_Fragment, { children: PROCESSOR_APPS.map((processorApp) => (_jsxs("div", { className: "flex gap-1", children: [_jsx("input", { type: "checkbox", name: processorApp, id: processorApp, checked: processorApps.includes(processorApp), onChange: (event) => {
+                                                const isChecked = event.target.checked;
+                                                if (isChecked) {
+                                                    setProcessorApps((processorApps) => [
+                                                        ...new Set([...processorApps, processorApp]),
+                                                    ]);
+                                                    onAddProcessorApp?.(processorApp);
+                                                }
+                                                else {
+                                                    if (processorApps.length > 1) {
+                                                        setProcessorApps((processorApps) => processorApps.filter((p) => p !== processorApp));
+                                                        onRemoveProcessorApp?.(processorApp);
+                                                    }
+                                                }
+                                            } }), _jsx("label", { htmlFor: processorApp, children: processorApp })] }, processorApp))) })), _jsx("div", { className: "space-y-1", children: isReadOnly &&
+                                    processorApps.map((processorApp) => (_jsx("span", { className: "text-sm text-gray-700", children: processorApp }, processorApp))) })] })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !canConfirm, 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/processor-editor/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAuD7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAwE7B"}

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

@@ -29,5 +29,11 @@ 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 })] }));
+    const onAddProcessorApp = useCallback((processorApp) => {
+        dispatch(actions.addProcessorApp({ processorApp }));
+    }, [dispatch]);
+    const onRemoveProcessorApp = useCallback((processorApp) => {
+        dispatch(actions.removeProcessorApp({ processorApp }));
+    }, [dispatch]);
+    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(ProcessorEditorForm, { onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onAddProcessorApp: onAddProcessorApp, onRemoveProcessorApp: onRemoveProcessorApp, status: document.state.global.status, processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], processorApps: document.state.global.processorApps, onConfirm: onConfirm })] }));
 }