@powerhousedao/vetra 4.1.0-dev.19 → 4.1.0-dev.21

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useDebounce } from "../../hooks/index.js";
+import { StatusPill } from "../../components/index.js";
+export const AppEditorForm = ({ appName: initialAppName = "", status = "DRAFT", onNameChange, onConfirm }) => {
+    const [appName, setAppName] = useState(initialAppName);
+    const [isConfirmed, setIsConfirmed] = useState(false);
+    // Use the debounce hook for name changes
+    useDebounce(appName, onNameChange, 300);
+    // Update local state when initialAppName changes
+    useEffect(() => {
+        setAppName(initialAppName);
+    }, [initialAppName]);
+    // Reset confirmation state if status changes back to DRAFT
+    useEffect(() => {
+        if (status === "DRAFT") {
+            setIsConfirmed(false);
+        }
+    }, [status]);
+    // Check if form should be read-only
+    const isReadOnly = isConfirmed || status === "CONFIRMED";
+    const handleConfirm = () => {
+        if (appName.trim()) {
+            setIsConfirmed(true); // Immediate UI update
+            onConfirm?.();
+        }
+    };
+    return (_jsxs("div", { className: "space-y-6 p-6 bg-white", 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", { className: "block text-sm font-medium text-gray-700 mb-2", children: "App Name" }), _jsx("input", { type: "text", value: appName, onChange: (e) => setAppName(e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent ${isReadOnly ? 'bg-gray-100 cursor-not-allowed' : ''}`, placeholder: "Enter app name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !appName.trim(), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Confirm" }) }))] }));
+};
+//# sourceMappingURL=AppEditorForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppEditorForm.js","sourceRoot":"","sources":["../../../../editors/app-editor/components/AppEditorForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AASvD,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,OAAO,EAAE,cAAc,GAAG,EAAE,EAC5B,MAAM,GAAG,OAAO,EAChB,YAAY,EACZ,SAAS,EACV,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,yCAAyC;IACzC,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;IAExC,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,oCAAoC;IACpC,MAAM,UAAU,GAAG,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;IAEzD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;YACnB,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB;YAC5C,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,mCAAmC,kCAAuB,EACxE,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EACtD,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,GACrD,IACE,EAGN,0BACE,gBAAO,SAAS,EAAC,8CAA8C,yBAEvD,EACR,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,mIACT,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAClD,EAAE,EACF,WAAW,EAAC,gBAAgB,GAC5B,IACE,EAGL,CAAC,UAAU,IAAI,CACd,wBACE,iBACE,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EACzB,SAAS,EAAC,wLAAwL,wBAG3L,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import type { EditorProps } from "document-model";
+import { type AppModuleDocument } from "../../document-models/app-module/index.js";
+export type IProps = EditorProps<AppModuleDocument>;
+export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,2CAA2C,CAAC;AAInD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;AAEpD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAsB3C"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { actions, } from "../../document-models/app-module/index.js";
+import { AppEditorForm } from "./components/AppEditorForm.js";
+import { useCallback } from "react";
+export default function Editor(props) {
+    const { document, dispatch } = props;
+    const onNameChange = useCallback((name) => {
+        if (name === document.state.global.name)
+            return;
+        dispatch(actions.setAppName({ name }));
+    }, [document.state.global.name, dispatch]);
+    const onConfirm = useCallback(() => {
+        dispatch(actions.setAppStatus({ status: "CONFIRMED" }));
+    }, [dispatch]);
+    return (_jsx("div", { children: _jsx(AppEditorForm, { appName: document.state.global.name ?? "", status: document.state.global.status, onNameChange: onNameChange, onConfirm: onConfirm }) }));
+}
+//# sourceMappingURL=editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../editors/app-editor/editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,OAAO,GACR,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAa;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,IAAI,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAChD,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,wBACE,KAAC,aAAa,IACZ,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EACzC,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EACpC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editors/app-editor/index.d.ts

@@ -0,0 +1,5 @@
+import type { EditorModule } from "document-model";
+import type { AppModuleDocument } from "../../document-models/app-module/index.js";
+export declare const module: EditorModule<AppModuleDocument>;
+export default module;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAGnF,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,iBAAiB,CASlD,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../editors/app-editor/index.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,MAAM,CAAC,MAAM,MAAM,GAAoC;IACrD,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,CAAC,gBAAgB,CAAC;IACjC,MAAM,EAAE;QACN,EAAE,EAAE,mBAAmB;QACvB,uBAAuB,EAAE,IAAI;QAC7B,sBAAsB,EAAE,IAAI;QAC5B,mBAAmB,EAAE,IAAI;KAC1B;CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,6 @@
+export interface StatusPillProps {
+    status: 'draft' | 'confirmed';
+    label: string;
+}
+export declare const StatusPill: React.FC<StatusPillProps>;
+//# sourceMappingURL=StatusPill.d.ts.map

package/dist/editors/components/StatusPill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../editors/components/StatusPill.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAahD,CAAC"}

package/dist/editors/components/StatusPill.js

@@ -0,0 +1,7 @@
+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'
+            ? "bg-green-100 text-green-800"
+            : "bg-yellow-100 text-yellow-800"}`, children: label }));
+};
+//# sourceMappingURL=StatusPill.js.map

package/dist/editors/components/StatusPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.js","sourceRoot":"","sources":["../../../editors/components/StatusPill.tsx"],"names":[],"mappings":";AAKA,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,MAAM,EACN,KAAK,EACN,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAE,8CACd,MAAM,KAAK,WAAW;YACpB,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,+BACN,EAAE,YACC,KAAK,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/editors/components/index.js

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

package/dist/editors/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../editors/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

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

@@ -1,12 +1,12 @@
-import type { DocumentTypeItem, AddDocumentTypeInput, RemoveDocumentTypeInput } from "../../../document-models/document-editor/index.js";
+import type { AddDocumentTypeInput, DocumentTypeItem, RemoveDocumentTypeInput } from "../../../document-models/document-editor/index.js";
 export interface DocumentEditorFormProps {
     editorName?: string;
-    editorId?: string;
     documentTypes?: DocumentTypeItem[];
+    status?: string;
     onEditorNameChange?: (name: string) => void;
-    onEditorIdChange?: (id: string) => void;
     onAddDocumentType?: (input: AddDocumentTypeInput) => void;
     onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;
+    onConfirm?: () => void;
 }
 export declare const DocumentEditorForm: React.FC<DocumentEditorFormProps>;
 //# sourceMappingURL=DocumentEditorForm.d.ts.map

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":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAEzI,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyGhE,CAAC"}
+{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAIzI,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,CA4IhE,CAAC"}

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

@@ -1,15 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useState } from "react";
+import { StatusPill } from "../../components/index.js";
 import { useDebounce } from "../../hooks/index.js";
-export const DocumentEditorForm = ({ editorName: initialEditorName = "", editorId: initialEditorId = "", documentTypes: initialDocumentTypes = [], onEditorNameChange, onEditorIdChange, onAddDocumentType, onRemoveDocumentType }) => {
+export const DocumentEditorForm = ({ editorName: initialEditorName = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onEditorNameChange, onAddDocumentType, onRemoveDocumentType, onConfirm }) => {
     const [editorName, setEditorName] = useState(initialEditorName);
-    const [editorId, setEditorId] = useState(initialEditorId);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
     const [documentTypeInput, setDocumentTypeInput] = useState("");
-    // Use the debounce hook with callbacks
+    const [isConfirmed, setIsConfirmed] = useState(false);
+    // Use the debounce hook for name changes
     useDebounce(editorName, onEditorNameChange, 300);
-    useDebounce(editorId, onEditorIdChange, 300);
-    return (_jsxs("div", { className: "space-y-6 p-6 bg-white", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Atlas Exploratory" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Editor Name" }), _jsx("input", { type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Editor ID" }), _jsx("input", { type: "text", value: editorId, onChange: (e) => setEditorId(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" }), _jsx("p", { className: "mt-1 text-xs text-gray-500", children: "This ID will be used to reference the document throughout your code" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [_jsx("input", { type: "text", value: documentTypeInput, onChange: (e) => setDocumentTypeInput(e.target.value), onKeyDown: (e) => {
+    // Update local state when initial values change
+    useEffect(() => {
+        setEditorName(initialEditorName);
+    }, [initialEditorName]);
+    useEffect(() => {
+        setDocumentTypes(initialDocumentTypes);
+    }, [initialDocumentTypes]);
+    // Reset confirmation state if status changes back to DRAFT
+    useEffect(() => {
+        if (status === "DRAFT") {
+            setIsConfirmed(false);
+        }
+    }, [status]);
+    // Check if form should be read-only
+    const isReadOnly = isConfirmed || status === "CONFIRMED";
+    const handleConfirm = () => {
+        if (editorName.trim() && documentTypes.length > 0) {
+            setIsConfirmed(true); // Immediate UI update
+            onConfirm?.();
+        }
+    };
+    return (_jsxs("div", { className: "space-y-6 p-6 bg-white", 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: "block text-sm font-medium text-gray-700 mb-2", children: "Editor Name" }), _jsx("input", { type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent ${isReadOnly ? 'bg-gray-100 cursor-not-allowed' : ''}` })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx("input", { type: "text", value: documentTypeInput, onChange: (e) => setDocumentTypeInput(e.target.value), onKeyDown: (e) => {
                                     if (e.key === 'Enter' && documentTypeInput.trim()) {
                                         e.preventDefault();
                                         const newTypeInput = {
@@ -26,9 +47,9 @@ export const DocumentEditorForm = ({ editorName: initialEditorName = "", editorI
                                         }
                                         setDocumentTypeInput('');
                                     }
-                                }, placeholder: "Type a document type and press Enter", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" }), _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 }), _jsx("button", { onClick: () => {
+                                }, placeholder: "Type a document type and press Enter", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" })), _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(documentTypes.filter((dt) => dt.id !== type.id));
                                                 onRemoveDocumentType?.({ id: type.id });
-                                            }, className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" })] }, 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: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Confirm" }) }))] }));
 };
 //# sourceMappingURL=DocumentEditorForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditorForm.js","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DocumentEditorForm.js","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"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"}

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":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,gDAAgD,CAAC;AAIxD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAwC3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,gDAAgD,CAAC;AAIxD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAiC3C"}

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

@@ -4,27 +4,20 @@ import { DocumentEditorForm } from "./components/DocumentEditorForm.js";
 import { useCallback } from "react";
 export default function Editor(props) {
     const { document, dispatch } = props;
-    console.log(">>>>> document:", document.state.global);
     const onEditorNameChange = useCallback((name) => {
-        if (!document.state.global.name && !name)
-            return;
         if (name === document.state.global.name)
             return;
         dispatch(actions.setEditorName({ name }));
     }, [document.state.global.name, dispatch]);
-    const onEditorIdChange = useCallback((id) => {
-        if (!document.state.global.id && !id)
-            return;
-        if (id === document.state.global.id)
-            return;
-        dispatch(actions.setEditorId({ id }));
-    }, [document.state.global.id, dispatch]);
     const onAddDocumentType = useCallback((input) => {
         dispatch(actions.addDocumentType(input));
     }, [dispatch]);
     const onRemoveDocumentType = useCallback((input) => {
         dispatch(actions.removeDocumentType(input));
     }, [dispatch]);
-    return (_jsx("div", { children: _jsx(DocumentEditorForm, { editorName: document.state.global.name ?? "", editorId: document.state.global.id ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onEditorIdChange: onEditorIdChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType }) }));
+    const onConfirm = useCallback(() => {
+        dispatch(actions.setEditorStatus({ status: "CONFIRMED" }));
+    }, [dispatch]);
+    return (_jsx("div", { children: _jsx(DocumentEditorForm, { editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, status: document.state.global.status, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm }) }));
 }
 //# sourceMappingURL=editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAIL,OAAO,GACR,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAa;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEtD,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QACtD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO;QACjD,IAAI,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAEhD,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAClD,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE;YAAE,OAAO;QAC7C,IAAI,EAAE,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YAAE,OAAO;QAE5C,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAA2B,EAAE,EAAE;QACpE,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAA8B,EAAE,EAAE;QAC1E,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,wBACE,KAAC,kBAAkB,IACjB,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC5C,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EACxC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,EAClD,kBAAkB,EAAE,kBAAkB,EACtC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,GAC1C,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAIL,OAAO,GACR,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAa;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QACtD,IAAI,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAChD,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAA2B,EAAE,EAAE;QACpE,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,KAA8B,EAAE,EAAE;QAC1E,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,wBACE,KAAC,kBAAkB,IACjB,UAAU,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC5C,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,EAClD,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EACpC,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,GACpB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editors/index.d.ts

@@ -3,4 +3,5 @@ export { module as VetraDriveApp } from "./vetra-drive-app/index.js";
 export { module as VetraPackage } from "./vetra-package/index.js";
 export { module as SubgraphEditor } from "./subgraph-editor/index.js";
 export { module as ProcessorEditor } from "./processor-editor/index.js";
+export { module as AppEditor } from "./app-editor/index.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/editors/index.js

@@ -3,4 +3,5 @@ export { module as VetraDriveApp } from "./vetra-drive-app/index.js";
 export { module as VetraPackage } from "./vetra-package/index.js";
 export { module as SubgraphEditor } from "./subgraph-editor/index.js";
 export { module as ProcessorEditor } from "./processor-editor/index.js";
+export { module as AppEditor } from "./app-editor/index.js";
 //# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -3,7 +3,12 @@ export interface ProcessorEditorFormProps {
     processorName?: string;
     processorType?: string;
     documentTypes?: DocumentTypeItem[];
-    onConfirm?: (name: string, type: string, documentTypes: DocumentTypeItem[]) => void;
+    status?: string;
+    onNameChange?: (name: string) => void;
+    onTypeChange?: (type: string) => void;
+    onAddDocumentType?: (id: string, documentType: string) => void;
+    onRemoveDocumentType?: (id: string) => void;
+    onConfirm?: () => void;
 }
 export declare const ProcessorEditorForm: React.FC<ProcessorEditorFormProps>;
 //# sourceMappingURL=ProcessorEditorForm.d.ts.map

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,EACV,gBAAgB,EAEjB,MAAM,oDAAoD,CAAC;AAE5D,MAAM,WAAW,wBAAwB;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,aAAa,EAAE,gBAAgB,EAAE,KAC9B,IAAI,CAAC;CACX;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkKlE,CAAC"}
+{"version":3,"file":"ProcessorEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAEjB,MAAM,oDAAoD,CAAC;AAI5D,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,CAwLlE,CAAC"}

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

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-export const ProcessorEditorForm = ({ processorName: initialProcessorName = "", processorType: initialProcessorType = "", documentTypes: initialDocumentTypes = [], onConfirm, }) => {
+import { useDebounce } from "../../hooks/index.js";
+import { StatusPill } from "../../components/index.js";
+export const ProcessorEditorForm = ({ processorName: initialProcessorName = "", processorType: initialProcessorType = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onNameChange, onTypeChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
     const [processorName, setProcessorName] = useState(initialProcessorName);
     const [processorType, setProcessorType] = useState(initialProcessorType);
     const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
     const [documentTypeInput, setDocumentTypeInput] = useState("");
-    // Check if the form should be in read-only mode
-    const isReadOnly = initialProcessorName !== "" &&
-        initialProcessorType !== "" &&
-        initialDocumentTypes.length > 0;
+    const [isConfirmed, setIsConfirmed] = useState(false);
+    // Use the debounce hook for name and type changes
+    useDebounce(processorName, onNameChange, 300);
+    useDebounce(processorType, onTypeChange, 300);
     // Update local state when initial values change
     useEffect(() => {
         setProcessorName(initialProcessorName);
@@ -19,32 +21,41 @@ export const ProcessorEditorForm = ({ processorName: initialProcessorName = "",
     useEffect(() => {
         setDocumentTypes(initialDocumentTypes);
     }, [initialDocumentTypes]);
+    // Reset confirmation state if status changes back to DRAFT
+    useEffect(() => {
+        if (status === "DRAFT") {
+            setIsConfirmed(false);
+        }
+    }, [status]);
+    // Check if form should be read-only
+    const isReadOnly = isConfirmed || status === "CONFIRMED";
     const handleConfirm = () => {
         if (processorName.trim() && processorType && documentTypes.length > 0) {
-            onConfirm?.(processorName.trim(), processorType, documentTypes);
+            setIsConfirmed(true); // Immediate UI update
+            onConfirm?.();
         }
     };
     const handleAddDocumentType = () => {
         if (documentTypeInput.trim()) {
-            const newTypeInput = {
-                id: Date.now().toString(),
-                documentType: documentTypeInput.trim(),
-            };
-            if (!documentTypes.some((dt) => dt.documentType === newTypeInput.documentType)) {
+            const id = Date.now().toString();
+            const documentType = documentTypeInput.trim();
+            if (!documentTypes.some((dt) => dt.documentType === documentType)) {
                 const newType = {
-                    id: newTypeInput.id,
-                    documentType: newTypeInput.documentType,
+                    id,
+                    documentType,
                 };
                 setDocumentTypes([...documentTypes, newType]);
+                onAddDocumentType?.(id, documentType);
             }
             setDocumentTypeInput("");
         }
     };
     const handleRemoveDocumentType = (id) => {
         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: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Processor Configuration" }), _jsxs("div", { children: [_jsx("label", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Processor Name" }), _jsx("input", { 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx("input", { type: "text", value: documentTypeInput, onChange: (e) => setDocumentTypeInput(e.target.value), onKeyDown: (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: "Processor 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: "Processor Name" }), _jsx("input", { 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Type" }), _jsxs("select", { 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", { className: "mb-2 block text-sm font-medium text-gray-700", children: "Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx("input", { type: "text", value: documentTypeInput, onChange: (e) => setDocumentTypeInput(e.target.value), onKeyDown: (e) => {
                                     if (e.key === "Enter") {
                                         e.preventDefault();
                                         handleAddDocumentType();

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

@@ -1 +1 @@
-{"version":3,"file":"ProcessorEditorForm.js","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProcessorEditorForm.js","sourceRoot":"","sources":["../../../../editors/processor-editor/components/ProcessorEditorForm.tsx"],"names":[],"mappings":"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"}

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":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,uBAAuB,EAG7B,MAAM,iDAAiD,CAAC;AAIzD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA2B3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,uBAAuB,EAG7B,MAAM,iDAAiD,CAAC;AAIzD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,uBAAuB,CAAC,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAwC3C"}

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

@@ -4,14 +4,25 @@ import { ProcessorEditorForm } from "./components/ProcessorEditorForm.js";
 import { useCallback } from "react";
 export default function Editor(props) {
     const { document, dispatch } = props;
-    const onConfirm = useCallback((name, type, documentTypes) => {
-        // Dispatch all actions at once
+    const onNameChange = useCallback((name) => {
+        if (name === document.state.global.name)
+            return;
         dispatch(actions.setProcessorName({ name }));
+    }, [document.state.global.name, dispatch]);
+    const onTypeChange = useCallback((type) => {
+        if (type === document.state.global.type)
+            return;
         dispatch(actions.setProcessorType({ type }));
-        documentTypes.forEach((dt) => {
-            dispatch(actions.addDocumentType({ id: dt.id, documentType: dt.documentType }));
-        });
+    }, [document.state.global.type, dispatch]);
+    const onAddDocumentType = useCallback((id, documentType) => {
+        dispatch(actions.addDocumentType({ id, documentType }));
     }, [dispatch]);
-    return (_jsx("div", { children: _jsx(ProcessorEditorForm, { processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], onConfirm: onConfirm }) }));
+    const onRemoveDocumentType = useCallback((id) => {
+        dispatch(actions.removeDocumentType({ id }));
+    }, [dispatch]);
+    const onConfirm = useCallback(() => {
+        dispatch(actions.setProcessorStatus({ status: "CONFIRMED" }));
+    }, [dispatch]);
+    return (_jsx("div", { children: _jsx(ProcessorEditorForm, { processorName: document.state.global.name ?? "", processorType: document.state.global.type ?? "", documentTypes: document.state.global.documentTypes ?? [], status: document.state.global.status, onNameChange: onNameChange, onTypeChange: onTypeChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm }) }));
 }
 //# sourceMappingURL=editor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,OAAO,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAa;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAY,EAAE,IAAY,EAAE,aAAiC,EAAE,EAAE;QAChE,+BAA+B;QAC/B,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7C,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7C,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC3B,QAAQ,CACN,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,CACtE,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,wBACE,KAAC,mBAAmB,IAClB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC/C,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC/C,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,IAAI,EAAE,EACxD,SAAS,EAAE,SAAS,GACpB,GACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../editors/processor-editor/editor.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,OAAO,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAa;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,IAAI,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAChD,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE;QAChD,IAAI,IAAI,KAAK,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;YAAE,OAAO;QAChD,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,YAAoB,EAAE,EAAE;QACzE,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QACtD,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,wBACE,KAAC,mBAAmB,IAClB,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC/C,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAC/C,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,IAAI,EAAE,EACxD,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EACpC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,iBAAiB,EAAE,iBAAiB,EACpC,oBAAoB,EAAE,oBAAoB,EAC1C,SAAS,EAAE,SAAS,GACpB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editors/subgraph-editor/components/SubgraphEditorForm.d.ts

@@ -1,6 +1,8 @@
 export interface SubgraphEditorFormProps {
     subgraphName?: string;
-    onConfirm?: (name: string) => void;
+    status?: string;
+    onNameChange?: (name: string) => void;
+    onConfirm?: () => void;
 }
 export declare const SubgraphEditorForm: React.FC<SubgraphEditorFormProps>;
 //# sourceMappingURL=SubgraphEditorForm.d.ts.map

package/dist/editors/subgraph-editor/components/SubgraphEditorForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubgraphEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/subgraph-editor/components/SubgraphEditorForm.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuDhE,CAAC"}
+{"version":3,"file":"SubgraphEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/subgraph-editor/components/SubgraphEditorForm.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2EhE,CAAC"}

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

@@ -1,18 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-export const SubgraphEditorForm = ({ subgraphName: initialSubgraphName = "", onConfirm }) => {
+import { useDebounce } from "../../hooks/index.js";
+import { StatusPill } from "../../components/index.js";
+export const SubgraphEditorForm = ({ subgraphName: initialSubgraphName = "", status = "DRAFT", onNameChange, onConfirm }) => {
     const [subgraphName, setSubgraphName] = useState(initialSubgraphName);
-    // Check if the name is already set (read-only mode)
-    const isReadOnly = initialSubgraphName !== "";
+    const [isConfirmed, setIsConfirmed] = useState(false);
+    // Use the debounce hook for name changes
+    useDebounce(subgraphName, onNameChange, 300);
     // Update local state when initialSubgraphName changes
     useEffect(() => {
         setSubgraphName(initialSubgraphName);
     }, [initialSubgraphName]);
+    // Reset confirmation state if status changes back to DRAFT
+    useEffect(() => {
+        if (status === "DRAFT") {
+            setIsConfirmed(false);
+        }
+    }, [status]);
+    // Check if form should be read-only
+    const isReadOnly = isConfirmed || status === "CONFIRMED";
     const handleConfirm = () => {
         if (subgraphName.trim()) {
-            onConfirm?.(subgraphName.trim());
+            setIsConfirmed(true); // Immediate UI update
+            onConfirm?.();
         }
     };
-    return (_jsxs("div", { className: "space-y-6 p-6 bg-white", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Subgraph Configuration" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Subgraph Name" }), _jsx("input", { type: "text", value: subgraphName, onChange: (e) => setSubgraphName(e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent ${isReadOnly ? 'bg-gray-100 cursor-not-allowed' : ''}`, placeholder: "Enter subgraph name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !subgraphName.trim(), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Confirm" }) }))] }));
+    return (_jsxs("div", { className: "space-y-6 p-6 bg-white", 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", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Subgraph Name" }), _jsx("input", { type: "text", value: subgraphName, onChange: (e) => setSubgraphName(e.target.value), disabled: isReadOnly, className: `w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent ${isReadOnly ? 'bg-gray-100 cursor-not-allowed' : ''}`, placeholder: "Enter subgraph name" })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !subgraphName.trim(), className: "px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:bg-gray-300 disabled:cursor-not-allowed", children: "Confirm" }) }))] }));
 };
 //# sourceMappingURL=SubgraphEditorForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubgraphEditorForm.js","sourceRoot":"","sources":["../../../../editors/subgraph-editor/components/SubgraphEditorForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,YAAY,EAAE,mBAAmB,GAAG,EAAE,EACtC,SAAS,EACV,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAEtE,oDAAoD;IACpD,MAAM,UAAU,GAAG,mBAAmB,KAAK,EAAE,CAAC;IAE9C,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;YACxB,SAAS,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,aAAI,SAAS,EAAC,mCAAmC,uCAA4B,EAG7E,0BACE,gBAAO,SAAS,EAAC,8CAA8C,8BAEvD,EACR,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,mIACT,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAClD,EAAE,EACF,WAAW,EAAC,qBAAqB,GACjC,IACE,EAGL,CAAC,UAAU,IAAI,CACd,wBACE,iBACE,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,EAC9B,SAAS,EAAC,wLAAwL,wBAG3L,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SubgraphEditorForm.js","sourceRoot":"","sources":["../../../../editors/subgraph-editor/components/SubgraphEditorForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AASvD,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,YAAY,EAAE,mBAAmB,GAAG,EAAE,EACtC,MAAM,GAAG,OAAO,EAChB,YAAY,EACZ,SAAS,EACV,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,yCAAyC;IACzC,WAAW,CAAC,YAAY,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC;IAE7C,sDAAsD;IACtD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;YACvB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,oCAAoC;IACpC,MAAM,UAAU,GAAG,WAAW,IAAI,MAAM,KAAK,WAAW,CAAC;IAEzD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC;YACxB,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB;YAC5C,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,mCAAmC,aAChD,aAAI,SAAS,EAAC,mCAAmC,uCAA4B,EAC7E,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,EACtD,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,GACrD,IACE,EAGN,0BACE,gBAAO,SAAS,EAAC,8CAA8C,8BAEvD,EACR,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,mIACT,UAAU,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAClD,EAAE,EACF,WAAW,EAAC,qBAAqB,GACjC,IACE,EAGL,CAAC,UAAU,IAAI,CACd,wBACE,iBACE,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,EAC9B,SAAS,EAAC,wLAAwL,wBAG3L,GACL,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/subgraph-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,gDAAgD,CAAC;AAIxD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAkB3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/subgraph-editor/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,EACL,KAAK,sBAAsB,EAE5B,MAAM,gDAAgD,CAAC;AAGxD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,sBAAsB,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAsB3C"}