@powerhousedao/vetra 5.0.0-staging.9 → 5.0.0

package/dist/editors/components/StatusPill.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export const StatusPill = ({ status, label }) => {
-    return (_jsx("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${status === 'confirmed'
+    return (_jsx("div", { className: `rounded-full px-3 py-1 text-xs font-medium ${status === "confirmed"
             ? "bg-green-100 text-green-800"
             : "bg-yellow-100 text-yellow-800"}`, children: label }));
 };
-//# sourceMappingURL=StatusPill.js.map

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

@@ -1,2 +1,2 @@
-export * from './StatusPill.js';
+export * from "./StatusPill.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/components/index.js

@@ -1,2 +1 @@
-export * from './StatusPill.js';
-//# sourceMappingURL=index.js.map
+export * from "./StatusPill.js";

package/dist/editors/document-editor/components/DocumentEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,mDAAmD,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqLhE,CAAC"}
+{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,mDAAmD,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmKhE,CAAC"}

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

@@ -1,34 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useReactor } from "@powerhousedao/reactor-browser";
 import { useEffect, useState } from "react";
 import { StatusPill } from "../../components/index.js";
-import { useDebounce } from "../../hooks/index.js";
+import { useAvailableDocumentTypes, useDebounce } from "../../hooks/index.js";
 export const DocumentEditorForm = ({ editorName: initialEditorName = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onEditorNameChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
     const [editorName, setEditorName] = useState(initialEditorName);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
     const [selectedDocumentType, setSelectedDocumentType] = useState("");
     const [isConfirmed, setIsConfirmed] = useState(false);
-    const [availableDocumentTypes, setAvailableDocumentTypes] = useState([]);
-    // Get available document types from reactor
-    const reactor = useReactor();
-    useEffect(() => {
-        async function loadData() {
-            const driveDocs = await reactor?.getDocuments("vetra");
-            if (!driveDocs) {
-                return;
-            }
-            const docTypes = (await Promise.all(driveDocs.map(async (docId) => {
-                const document = await reactor?.getDocument(docId);
-                if (document?.header.documentType === "powerhouse/document-model") {
-                    const documentModel = document;
-                    return documentModel.state.global.id;
-                }
-                return null;
-            }))).filter((e) => e !== null);
-            setAvailableDocumentTypes(docTypes);
-        }
-        void loadData();
-    }, [reactor]);
+    // Get available document types from the hook (vetra drive only for document editor)
+    const availableDocumentTypes = useAvailableDocumentTypes(true);
     // Use the debounce hook for name changes
     useDebounce(editorName, onEditorNameChange, 300);
     // Update local state when initial values change
@@ -52,12 +32,12 @@ 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && availableDocumentTypes.length > 0 && (_jsxs("select", { value: selectedDocumentType, onChange: (e) => {
+    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 && availableDocumentTypes.length > 0 && (_jsxs("select", { id: "supported-document-types", value: selectedDocumentType, onChange: (e) => {
                                     const selectedValue = e.target.value;
                                     if (selectedValue) {
                                         // Remove existing document type if any
-                                        if (documentTypes.length > 0) {
-                                            const existingType = documentTypes[0];
+                                        const existingType = documentTypes.at(0);
+                                        if (existingType) {
                                             onRemoveDocumentType?.({ id: existingType.id });
                                         }
                                         // Add the new document type
@@ -78,4 +58,3 @@ export const DocumentEditorForm = ({ editorName: initialEditorName = "", documen
                                                 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" }) }))] }));
 };
-//# sourceMappingURL=DocumentEditorForm.js.map

package/dist/editors/document-editor/config.d.ts

@@ -0,0 +1,3 @@
+import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
+export declare const editorConfig: PHDocumentEditorConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/editors/document-editor/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export const editorConfig = {
+    isExternalControlsEnabled: false,
+};

package/dist/editors/document-editor/editor.d.ts

@@ -1,4 +1,2 @@
-import type { EditorProps } from "document-model";
-export type IProps = EditorProps;
-export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+export declare function Editor(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=editor.d.ts.map

package/dist/editors/document-editor/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AASlD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAqC3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAYA,wBAAgB,MAAM,4CA8CrB"}

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

@@ -1,19 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DocumentToolbar } from "@powerhousedao/design-system";
+import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback } from "react";
 import { actions } from "../../document-models/document-editor/index.js";
+import { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
 import { DocumentEditorForm } from "./components/DocumentEditorForm.js";
-export default function Editor(props) {
-    const { document: initialDocument } = props;
-    const [document, dispatch] = useDocumentById(initialDocument.header.id);
-    const unsafeCastOfDocument = document;
+import { editorConfig } from "./config.js";
+export function Editor() {
+    useSetPHDocumentEditorConfig(editorConfig);
+    const [document, dispatch] = useSelectedDocumentEditorDocument();
     const onEditorNameChange = useCallback((name) => {
-        if (!unsafeCastOfDocument.state.global.name && !name)
+        if (!document.state.global.name && !name)
             return;
-        if (name === unsafeCastOfDocument.state.global.name)
+        if (name === document.state.global.name)
             return;
         dispatch(actions.setEditorName({ name }));
-    }, [unsafeCastOfDocument.state.global.name, dispatch]);
+    }, [document.state.global.name, dispatch]);
     const onAddDocumentType = useCallback((input) => {
         dispatch(actions.addDocumentType(input));
     }, [dispatch]);
@@ -23,6 +25,5 @@ export default function Editor(props) {
     const onConfirm = useCallback(() => {
         dispatch(actions.setEditorStatus({ status: "CONFIRMED" }));
     }, [dispatch]);
-    return (_jsx("div", { children: _jsx(DocumentEditorForm, { status: unsafeCastOfDocument.state.global.status, editorName: unsafeCastOfDocument.state.global.name ?? "", documentTypes: unsafeCastOfDocument.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm }) }));
+    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 })] }));
 }
-//# sourceMappingURL=editor.js.map

package/dist/editors/document-editor/editor.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/document-editor/editor.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,374 @@
+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 { useSelectedDocumentEditorDocument } from "../hooks/useVetraDocument.js";
+import { Editor } from "./editor.js";
+vi.mock("../hooks/useVetraDocument.js", () => ({
+    useSelectedDocumentEditorDocument: vi.fn(),
+}));
+vi.mock("../hooks/useAvailableDocumentTypes.js", () => ({
+    useAvailableDocumentTypes: vi.fn(() => [
+        "powerhouse/document-model",
+        "powerhouse/budget-statement",
+        "powerhouse/project-tracker",
+    ]),
+}));
+describe("DocumentEditor Editor", () => {
+    let mockDispatch;
+    beforeEach(() => {
+        mockDispatch = vi.fn();
+        vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+            {
+                state: {
+                    global: {
+                        name: "",
+                        status: "DRAFT",
+                        documentTypes: [],
+                    },
+                },
+            },
+            mockDispatch,
+        ]);
+    });
+    describe("Core Rendering", () => {
+        it("should render all main form sections and labels", () => {
+            render(_jsx(Editor, {}));
+            expect(screen.getByText("Editor Configuration")).toBeInTheDocument();
+            expect(screen.getByText("Editor Name")).toBeInTheDocument();
+            expect(screen.getByText("Supported Document Types")).toBeInTheDocument();
+            expect(screen.getByText("Confirm")).toBeInTheDocument();
+        });
+        it("should display existing editor data when document has values", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            expect(screen.getByDisplayValue("test-editor")).toBeInTheDocument();
+            // Check that the document type appears in the list (not just in dropdown)
+            const documentTypeElements = screen.getAllByText("powerhouse/document-model");
+            expect(documentTypeElements.length).toBeGreaterThan(0);
+        });
+    });
+    describe("Editor Name Input", () => {
+        it("should dispatch setEditorName when name changes (debounced)", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.type(nameInput, "new-editor");
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_EDITOR_NAME",
+                    input: { name: "new-editor" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should dispatch when clearing a non-empty field", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "existing-editor",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.clear(nameInput);
+            await waitFor(() => {
+                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                    type: "SET_EDITOR_NAME",
+                    input: { name: "" },
+                }));
+            }, { timeout: 500 });
+        });
+        it("should NOT dispatch when typing identical value without clearing", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            // Simulate user selecting all text and typing the same value
+            await user.tripleClick(nameInput); // Select all
+            await user.type(nameInput, "test");
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+        it("should NOT dispatch when both old and new values are empty", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            await user.click(nameInput);
+            await user.tab();
+            await waitFor(() => {
+                expect(mockDispatch).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe("Document Types Management", () => {
+        it("should add document type from dropdown", async () => {
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            await user.selectOptions(select, "powerhouse/document-model");
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_DOCUMENT_TYPE",
+                input: expect.objectContaining({
+                    documentType: "powerhouse/document-model",
+                    id: expect.any(String),
+                }),
+            }));
+        });
+        it("should replace existing document type when adding new one", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            await user.selectOptions(select, "powerhouse/budget-statement");
+            // Should first remove the existing type
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "REMOVE_DOCUMENT_TYPE",
+                input: { id: "dt-1" },
+            }));
+            // Then add the new type
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "ADD_DOCUMENT_TYPE",
+                input: expect.objectContaining({
+                    documentType: "powerhouse/budget-statement",
+                    id: expect.any(String),
+                }),
+            }));
+        });
+        it("should remove document type", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            // Get all instances of the document type text (dropdown + list)
+            const documentModelElements = screen.getAllByText("powerhouse/document-model");
+            // The second one should be in the list (first is in dropdown)
+            const listItem = documentModelElements[1];
+            const removeButton = listItem.parentElement?.querySelector("button");
+            if (removeButton) {
+                await user.click(removeButton);
+            }
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "REMOVE_DOCUMENT_TYPE",
+                input: { id: "dt-1" },
+            }));
+        });
+        it("should display existing document type", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            // Check that the document type appears (it will be in both dropdown and list)
+            const documentTypeElements = screen.getAllByText("powerhouse/document-model");
+            expect(documentTypeElements.length).toBeGreaterThan(0);
+        });
+        it("should show available document types in dropdown", () => {
+            render(_jsx(Editor, {}));
+            const select = screen.getByLabelText("Supported Document Types");
+            const options = Array.from(select.querySelectorAll("option")).map((opt) => opt.value);
+            expect(options).toContain("powerhouse/document-model");
+            expect(options).toContain("powerhouse/budget-statement");
+            expect(options).toContain("powerhouse/project-tracker");
+        });
+    });
+    describe("Confirm Button", () => {
+        it("should dispatch setEditorStatus when confirm clicked", async () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            const user = userEvent.setup();
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            await user.click(confirmButton);
+            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
+                type: "SET_EDITOR_STATUS",
+                input: { status: "CONFIRMED" },
+            }));
+        });
+        it("should be disabled when editor name is empty", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeDisabled();
+        });
+        it("should be disabled when no document types selected", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.getByText("Confirm");
+            expect(confirmButton).toBeDisabled();
+        });
+        it("should be hidden when status is CONFIRMED", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "CONFIRMED",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const confirmButton = screen.queryByText("Confirm");
+            expect(confirmButton).not.toBeInTheDocument();
+        });
+    });
+    describe("Read-only Mode", () => {
+        it("should disable form fields when status is CONFIRMED", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "CONFIRMED",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            expect(nameInput).toBeDisabled();
+            // Document types dropdown should not be visible in read-only mode
+            const select = screen.queryByLabelText("Supported Document Types");
+            expect(select).not.toBeInTheDocument();
+            // Remove button should not be visible
+            const removeButtons = screen.queryAllByText("×");
+            expect(removeButtons).toHaveLength(0);
+        });
+        it("should enable form fields when status is DRAFT", () => {
+            vi.mocked(useSelectedDocumentEditorDocument).mockReturnValue([
+                {
+                    state: {
+                        global: {
+                            name: "test-editor",
+                            status: "DRAFT",
+                            documentTypes: [
+                                { id: "dt-1", documentType: "powerhouse/document-model" },
+                            ],
+                        },
+                    },
+                },
+                mockDispatch,
+            ]);
+            render(_jsx(Editor, {}));
+            const nameInput = screen.getByLabelText("Editor Name");
+            expect(nameInput).not.toBeDisabled();
+            // Document types dropdown should be visible
+            const select = screen.getByLabelText("Supported Document Types");
+            expect(select).toBeInTheDocument();
+            // Remove button should be visible
+            const removeButtons = screen.queryAllByText("×");
+            expect(removeButtons.length).toBeGreaterThan(0);
+        });
+    });
+});

package/dist/editors/document-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YASpB,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,MAAM,EAAE,YAOpB,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,13 +1,10 @@
-import Editor from "./editor.js";
+import { Editor } from "./editor.js";
 export const module = {
     Component: Editor,
     documentTypes: ["powerhouse/document-editor"],
     config: {
         id: "document-editor-editor",
-        disableExternalControls: true,
-        documentToolbarEnabled: true,
-        showSwitchboardLink: true,
+        name: "Document Editor Editor",
     },
 };
 export default module;
-//# sourceMappingURL=index.js.map

package/dist/editors/hooks/index.d.ts

@@ -1,2 +1,3 @@
+export { useAvailableDocumentTypes } from "./useAvailableDocumentTypes.js";
 export { useDebounce } from "./useDebounce.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/editors/hooks/index.js

@@ -1,2 +1,2 @@
+export { useAvailableDocumentTypes } from "./useAvailableDocumentTypes.js";
 export { useDebounce } from "./useDebounce.js";
-//# sourceMappingURL=index.js.map

package/dist/editors/hooks/useAvailableDocumentTypes.d.ts

@@ -0,0 +1,2 @@
+export declare function useAvailableDocumentTypes(onlyDocumentTypesFromDriveDocuments?: boolean): string[];
+//# sourceMappingURL=useAvailableDocumentTypes.d.ts.map

package/dist/editors/hooks/useAvailableDocumentTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailableDocumentTypes.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useAvailableDocumentTypes.ts"],"names":[],"mappings":"AAYA,wBAAgB,yBAAyB,CACvC,mCAAmC,UAAQ,GAC1C,MAAM,EAAE,CAkBV"}

package/dist/editors/hooks/useAvailableDocumentTypes.js

@@ -0,0 +1,18 @@
+import { useDocumentsInSelectedDrive, useSupportedDocumentTypesInReactor, } from "@powerhousedao/reactor-browser";
+function isDocumentModelDocument(document) {
+    return document.header.documentType === "powerhouse/document-model";
+}
+export function useAvailableDocumentTypes(onlyDocumentTypesFromDriveDocuments = false) {
+    const supportedDocumentTypes = useSupportedDocumentTypesInReactor() ?? [];
+    const documents = useDocumentsInSelectedDrive() ?? [];
+    const documentModelDocumentsInSelectedDrive = documents.filter(isDocumentModelDocument);
+    const documentTypesFromDocumentModelDocuments = documentModelDocumentsInSelectedDrive.map((doc) => doc.state.global.id);
+    if (onlyDocumentTypesFromDriveDocuments)
+        return [...new Set(documentTypesFromDocumentModelDocuments)];
+    return [
+        ...new Set([
+            ...supportedDocumentTypes,
+            ...documentTypesFromDocumentModelDocuments,
+        ]),
+    ];
+}

package/dist/editors/hooks/useDebounce.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,QAUjG"}
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useDebounce.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAC1C,KAAK,EAAE,MAAM,QAWd"}

package/dist/editors/hooks/useDebounce.js

@@ -17,4 +17,3 @@ export function useDebounce(value, callback, delay) {
         return () => clearTimeout(timer);
     }, [value, callback, delay]);
 }
-//# sourceMappingURL=useDebounce.js.map

package/dist/editors/hooks/useVetraDocument.d.ts

@@ -0,0 +1,17 @@
+import type { AppModuleAction, AppModuleDocument } from "../../document-models/app-module/index.js";
+import { type DocumentEditorDocument } from "../../document-models/document-editor/index.js";
+import type { ProcessorModuleDocument } from "../../document-models/processor-module/index.js";
+import type { SubgraphModuleDocument } from "../../document-models/subgraph-module/index.js";
+import type { VetraPackageDocument } from "../../document-models/vetra-package/index.js";
+export declare function useAppModuleDocument(documentId: string | undefined | null): never[] | [AppModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<AppModuleAction>];
+export declare function useSelectedAppModuleDocument(): never[] | [AppModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<AppModuleAction>];
+export declare function useDocumentEditorDocument(documentId: string | undefined | null): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/gen/actions.js").DocumentEditorBaseOperationsAction>];
+export declare function useSelectedDocumentEditorDocument(): never[] | [DocumentEditorDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/document-editor/gen/actions.js").DocumentEditorBaseOperationsAction>];
+export declare function useProcessorModuleDocument(documentId: string | undefined | null): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/gen/actions.js").ProcessorModuleBaseOperationsAction>];
+export declare function useSelectedProcessorModuleDocument(): never[] | [ProcessorModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/processor-module/gen/actions.js").ProcessorModuleBaseOperationsAction>];
+export declare function useSubgraphModuleDocument(documentId: string | undefined | null): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/gen/actions.js").SubgraphModuleBaseOperationsAction>];
+export declare function useSelectedSubgraphModuleDocument(): never[] | [SubgraphModuleDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/subgraph-module/gen/actions.js").SubgraphModuleBaseOperationsAction>];
+export declare function useVetraPackageDocument(documentId: string | undefined | null): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
+export declare function useSelectedVetraPackageDocument(): [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
+export declare function useSelectedDriveVetraPackage(): never[] | [VetraPackageDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<import("../../document-models/vetra-package/gen/actions.js").VetraPackageBaseOperationsAction>];
+//# sourceMappingURL=useVetraDocument.d.ts.map

package/dist/editors/hooks/useVetraDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVetraDocument.d.ts","sourceRoot":"","sources":["../../../editors/hooks/useVetraDocument.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,uBAAuB,EACxB,MAAM,iDAAiD,CAAC;AACzD,OAAO,KAAK,EAEV,sBAAsB,EACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,KAAK,EAEV,oBAAoB,EACrB,MAAM,8CAA8C,CAAC;AAOtD,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,6GAKzE;AAED,wBAAgB,4BAA4B,8GAG3C;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,oMAMtC;AAED,wBAAgB,iCAAiC,qMAGhD;AAED,wBAAgB,0BAA0B,CACxC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,uMAMtC;AAED,wBAAgB,kCAAkC,wMAGjD;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,oMAMtC;AAED,wBAAgB,iCAAiC,qMAGhD;AAED,wBAAgB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,8LAK5E;AAED,wBAAgB,+BAA+B,qLAI9C;AAED,wBAAgB,4BAA4B,+LAQ3C"}