@powerhousedao/vetra 6.2.0-dev.27 → 6.2.0-dev.28

package/dist/{editor-DnG2Zzet.js → editor-CtN1Sy88.js}

@@ -1,7 +1,7 @@
 import { _ as setEditorName, g as removeDocumentType, m as addDocumentType, v as setEditorStatus } from "./utils-D0ejTHeY.js";
 import { s as useSelectedDocumentEditorDocument } from "./document-editor-5gSBaTUM.js";
 import { StatusPill } from "./editors/components/index.js";
-import { n as useAvailableDocumentTypes, t as useDebounce } from "./hooks-Btogj1f0.js";
+import { n as useAvailableDocumentTypes, t as useDebounce } from "./hooks-D_8Uwk1s.js";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { Suspense, useCallback, useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
@@ -172,4 +172,4 @@ function Editor() {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-DnG2Zzet.js.map
+//# sourceMappingURL=editor-CtN1Sy88.js.map

package/dist/{editor-DnG2Zzet.js.map → editor-CtN1Sy88.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-DnG2Zzet.js","names":[],"sources":["../editors/document-editor/components/DocumentEditorForm.tsx","../editors/document-editor/config.ts","../editors/document-editor/editor.tsx"],"sourcesContent":["import { Suspense, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type {\n  AddDocumentTypeInput,\n  DocumentTypeItem,\n  RemoveDocumentTypeInput,\n} from \"../../../document-models/document-editor/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface DocumentEditorFormProps {\n  editorName?: string;\n  documentTypes?: DocumentTypeItem[];\n  status?: string;\n  onEditorNameChange?: (name: string) => void;\n  onAddDocumentType?: (input: AddDocumentTypeInput) => void;\n  onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;\n  onConfirm?: () => void;\n}\n\nfunction DocumentTypeSelectUI(\n  props: React.SelectHTMLAttributes<HTMLSelectElement>,\n) {\n  return (\n    <select\n      id=\"supported-document-types\"\n      className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n      {...props}\n    >\n      <option value=\"\">Select a document type</option>\n      {props.children}\n    </select>\n  );\n}\n\nfunction DocumentTypeSelect({\n  documentTypes,\n  setDocumentTypes,\n  onAddDocumentType,\n  onRemoveDocumentType,\n}: {\n  setDocumentTypes: (documentTypes: DocumentTypeItem[]) => void;\n} & Pick<\n  DocumentEditorFormProps,\n  \"documentTypes\" | \"onAddDocumentType\" | \"onRemoveDocumentType\"\n>) {\n  // Get available document types from the hook (vetra drive only for document editor)\n  const availableDocumentTypes = useAvailableDocumentTypes(true);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n\n  return (\n    <DocumentTypeSelectUI\n      value={selectedDocumentType}\n      onChange={(e) => {\n        const selectedValue = e.target.value;\n        if (selectedValue) {\n          // Remove existing document type if any\n\n          const existingType = documentTypes?.at(0);\n          if (existingType) {\n            onRemoveDocumentType?.({ id: existingType.id });\n          }\n\n          // Add the new document type\n          const newTypeInput: AddDocumentTypeInput = {\n            id: Date.now().toString(), // Generate a unique ID\n            documentType: selectedValue,\n          };\n          const newType: DocumentTypeItem = {\n            id: newTypeInput.id,\n            documentType: newTypeInput.documentType,\n          };\n          setDocumentTypes([newType]); // Replace with single item array\n          onAddDocumentType?.(newTypeInput);\n        }\n        setSelectedDocumentType(\"\");\n      }}\n    >\n      {availableDocumentTypes.map((docType) => (\n        <option key={docType} value={docType}>\n          {docType}\n        </option>\n      ))}\n    </DocumentTypeSelectUI>\n  );\n}\n\nexport const DocumentEditorForm: React.FC<DocumentEditorFormProps> = ({\n  editorName: initialEditorName = \"\",\n  documentTypes: initialDocumentTypes = [],\n  status = \"DRAFT\",\n  onEditorNameChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onConfirm,\n}) => {\n  const [editorName, setEditorName] = useState(initialEditorName);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(editorName, onEditorNameChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setEditorName(initialEditorName);\n  }, [initialEditorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (editorName.trim() && documentTypes.length > 0) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Editor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Editor Name Field */}\n      <div>\n        <label\n          htmlFor=\"editor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Editor Name\n        </label>\n        <input\n          id=\"editor-name\"\n          type=\"text\"\n          value={editorName}\n          onChange={(e) => setEditorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        />\n      </div>\n\n      {/* Supported Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"supported-document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Supported Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <Suspense fallback={<DocumentTypeSelectUI />}>\n              <DocumentTypeSelect\n                documentTypes={documentTypes}\n                setDocumentTypes={setDocumentTypes}\n                onAddDocumentType={onAddDocumentType}\n                onRemoveDocumentType={onRemoveDocumentType}\n              />\n            </Suspense>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => {\n                      setDocumentTypes([]);\n                      onRemoveDocumentType?.({ id: type.id });\n                    }}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!editorName.trim() || documentTypes.length === 0}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport { useSelectedDocumentEditorDocument } from \"../../document-models/document-editor/index.js\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setEditorName,\n  setEditorStatus,\n  type AddDocumentTypeInput,\n  type RemoveDocumentTypeInput,\n} from \"../../document-models/document-editor/index.js\";\nimport { DocumentEditorForm } from \"./components/DocumentEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDocumentEditorDocument();\n\n  const onEditorNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setEditorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (input: AddDocumentTypeInput) => {\n      dispatch(addDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (input: RemoveDocumentTypeInput) => {\n      dispatch(removeDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setEditorStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <DocumentEditorForm\n        status={document.state.global.status}\n        editorName={document.state.global.name ?? \"\"}\n        documentTypes={document.state.global.documentTypes}\n        onEditorNameChange={onEditorNameChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor-CtN1Sy88.js","names":[],"sources":["../editors/document-editor/components/DocumentEditorForm.tsx","../editors/document-editor/config.ts","../editors/document-editor/editor.tsx"],"sourcesContent":["import { Suspense, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type {\n  AddDocumentTypeInput,\n  DocumentTypeItem,\n  RemoveDocumentTypeInput,\n} from \"../../../document-models/document-editor/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface DocumentEditorFormProps {\n  editorName?: string;\n  documentTypes?: DocumentTypeItem[];\n  status?: string;\n  onEditorNameChange?: (name: string) => void;\n  onAddDocumentType?: (input: AddDocumentTypeInput) => void;\n  onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;\n  onConfirm?: () => void;\n}\n\nfunction DocumentTypeSelectUI(\n  props: React.SelectHTMLAttributes<HTMLSelectElement>,\n) {\n  return (\n    <select\n      id=\"supported-document-types\"\n      className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n      {...props}\n    >\n      <option value=\"\">Select a document type</option>\n      {props.children}\n    </select>\n  );\n}\n\nfunction DocumentTypeSelect({\n  documentTypes,\n  setDocumentTypes,\n  onAddDocumentType,\n  onRemoveDocumentType,\n}: {\n  setDocumentTypes: (documentTypes: DocumentTypeItem[]) => void;\n} & Pick<\n  DocumentEditorFormProps,\n  \"documentTypes\" | \"onAddDocumentType\" | \"onRemoveDocumentType\"\n>) {\n  // Get available document types from the hook (vetra drive only for document editor)\n  const availableDocumentTypes = useAvailableDocumentTypes(true);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n\n  return (\n    <DocumentTypeSelectUI\n      value={selectedDocumentType}\n      onChange={(e) => {\n        const selectedValue = e.target.value;\n        if (selectedValue) {\n          // Remove existing document type if any\n\n          const existingType = documentTypes?.at(0);\n          if (existingType) {\n            onRemoveDocumentType?.({ id: existingType.id });\n          }\n\n          // Add the new document type\n          const newTypeInput: AddDocumentTypeInput = {\n            id: Date.now().toString(), // Generate a unique ID\n            documentType: selectedValue,\n          };\n          const newType: DocumentTypeItem = {\n            id: newTypeInput.id,\n            documentType: newTypeInput.documentType,\n          };\n          setDocumentTypes([newType]); // Replace with single item array\n          onAddDocumentType?.(newTypeInput);\n        }\n        setSelectedDocumentType(\"\");\n      }}\n    >\n      {availableDocumentTypes.map((docType) => (\n        <option key={docType} value={docType}>\n          {docType}\n        </option>\n      ))}\n    </DocumentTypeSelectUI>\n  );\n}\n\nexport const DocumentEditorForm: React.FC<DocumentEditorFormProps> = ({\n  editorName: initialEditorName = \"\",\n  documentTypes: initialDocumentTypes = [],\n  status = \"DRAFT\",\n  onEditorNameChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onConfirm,\n}) => {\n  const [editorName, setEditorName] = useState(initialEditorName);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(editorName, onEditorNameChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setEditorName(initialEditorName);\n  }, [initialEditorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (editorName.trim() && documentTypes.length > 0) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Editor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Editor Name Field */}\n      <div>\n        <label\n          htmlFor=\"editor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Editor Name\n        </label>\n        <input\n          id=\"editor-name\"\n          type=\"text\"\n          value={editorName}\n          onChange={(e) => setEditorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        />\n      </div>\n\n      {/* Supported Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"supported-document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Supported Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <Suspense fallback={<DocumentTypeSelectUI />}>\n              <DocumentTypeSelect\n                documentTypes={documentTypes}\n                setDocumentTypes={setDocumentTypes}\n                onAddDocumentType={onAddDocumentType}\n                onRemoveDocumentType={onRemoveDocumentType}\n              />\n            </Suspense>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => {\n                      setDocumentTypes([]);\n                      onRemoveDocumentType?.({ id: type.id });\n                    }}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!editorName.trim() || documentTypes.length === 0}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport { useSelectedDocumentEditorDocument } from \"../../document-models/document-editor/index.js\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setEditorName,\n  setEditorStatus,\n  type AddDocumentTypeInput,\n  type RemoveDocumentTypeInput,\n} from \"../../document-models/document-editor/index.js\";\nimport { DocumentEditorForm } from \"./components/DocumentEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDocumentEditorDocument();\n\n  const onEditorNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setEditorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (input: AddDocumentTypeInput) => {\n      dispatch(addDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (input: RemoveDocumentTypeInput) => {\n      dispatch(removeDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setEditorStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <DocumentEditorForm\n        status={document.state.global.status}\n        editorName={document.state.global.name ?? \"\"}\n        documentTypes={document.state.global.documentTypes}\n        onEditorNameChange={onEditorNameChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{editor-xCnDas6c.js → editor-De5XaIXa.js}

@@ -1,6 +1,6 @@
 import { C as setPackageCategory, D as setPackageNpmUrl, E as setPackageName, S as setPackageAuthorWebsite, T as setPackageGithubUrl, _ as addPackageKeyword, w as setPackageDescription, x as setPackageAuthorName, y as removePackageKeyword } from "./module-1hr_ne9w.js";
-import { t as useDebounce } from "./hooks-Btogj1f0.js";
-import { t as useSelectedDriveVetraPackage } from "./useVetraDocument-tpjMF571.js";
+import { t as useDebounce } from "./hooks-D_8Uwk1s.js";
+import { t as useSelectedDriveVetraPackage } from "./useVetraDocument-BpPD6DKR.js";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -304,4 +304,4 @@ function Editor(props) {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-xCnDas6c.js.map
+//# sourceMappingURL=editor-De5XaIXa.js.map

package/dist/{editor-xCnDas6c.js.map → editor-De5XaIXa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-xCnDas6c.js","names":[],"sources":["../editors/vetra-package/components/MetaForm.tsx","../editors/vetra-package/config.ts","../editors/vetra-package/editor.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { Keyword } from \"../../../document-models/vetra-package/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nexport interface MetaFormProps {\n  name: string;\n  description: string;\n  category: string;\n  publisher: string;\n  publisherUrl: string;\n  githubRepository: string;\n  npmPackage: string;\n  keywords: Keyword[];\n  onNameChange?: (name: string) => void;\n  onDescriptionChange?: (description: string) => void;\n  onCategoryChange?: (category: string) => void;\n  onPublisherChange?: (publisher: string) => void;\n  onPublisherUrlChange?: (publisherUrl: string) => void;\n  onGithubRepositoryChange?: (githubRepository: string) => void;\n  onNpmPackageChange?: (npmPackage: string) => void;\n  onAddKeyword?: (keyword: { id: string; label: string }) => void;\n  onRemoveKeyword?: (id: string) => void;\n}\n\nexport const MetaForm: React.FC<MetaFormProps> = (props) => {\n  const {\n    name: initialName,\n    description: initialDescription,\n    category: initialCategory,\n    publisher: initialPublisher,\n    publisherUrl: initialPublisherUrl,\n    githubRepository: initialGithubRepository,\n    npmPackage: initialNpmPackage,\n    keywords: initialKeywords,\n    onNameChange,\n    onDescriptionChange,\n    onCategoryChange,\n    onPublisherChange,\n    onPublisherUrlChange,\n    onGithubRepositoryChange,\n    onNpmPackageChange,\n    onAddKeyword,\n    onRemoveKeyword,\n  } = props;\n\n  const [name, setName] = useState(initialName);\n  const [description, setDescription] = useState(initialDescription);\n  const [category, setCategory] = useState(initialCategory);\n  const [publisher, setPublisher] = useState(initialPublisher);\n  const [publisherUrl, setPublisherUrl] = useState(initialPublisherUrl);\n  const [githubRepository, setGithubRepository] = useState(\n    initialGithubRepository,\n  );\n  const [npmPackage, setNpmPackage] = useState(initialNpmPackage);\n\n  // Keywords state\n  const [keywords, setKeywords] = useState<Keyword[]>(initialKeywords);\n  const [keywordInput, setKeywordInput] = useState(\"\");\n\n  // Use the debounce hook with callbacks\n  useDebounce(name, onNameChange, 300);\n  useDebounce(description, onDescriptionChange, 300);\n  useDebounce(publisher, onPublisherChange, 300);\n  useDebounce(publisherUrl, onPublisherUrlChange, 300);\n  useDebounce(githubRepository, onGithubRepositoryChange, 300);\n  useDebounce(npmPackage, onNpmPackageChange, 300);\n\n  return (\n    <div className=\"grid grid-cols-1 gap-6 p-6 lg:grid-cols-3\">\n      {/* Left Column */}\n      <div className=\"space-y-6\">\n        {/* Name Field */}\n        <div>\n          <label\n            htmlFor=\"package-name\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Name\n          </label>\n          <input\n            id=\"package-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Description Field */}\n        <div>\n          <label\n            htmlFor=\"package-description\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Description\n          </label>\n          <textarea\n            id=\"package-description\"\n            rows={6}\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            className=\"w-full resize-none rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n      </div>\n\n      {/* Middle Column */}\n      <div className=\"space-y-6\">\n        {/* Category Field */}\n        <div>\n          <label\n            htmlFor=\"package-category\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Category\n          </label>\n          <select\n            id=\"package-category\"\n            value={category}\n            onChange={(e) => {\n              const newValue = e.target.value;\n              setCategory(newValue);\n              onCategoryChange?.(newValue);\n            }}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          >\n            <option value=\"\">Not selected</option>\n            <option value=\"Productivity\">Productivity</option>\n            <option value=\"Governance\">Governance</option>\n            <option value=\"Project Management\">Project Management</option>\n            <option value=\"Finance\">Finance</option>\n            <option value=\"Legal\">Legal</option>\n            <option value=\"People & Culture\">People & Culture</option>\n            <option value=\"Engineering\">Engineering</option>\n          </select>\n        </div>\n\n        {/* Publisher Field */}\n        <div>\n          <label\n            htmlFor=\"package-publisher\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Publisher\n          </label>\n          <input\n            id=\"package-publisher\"\n            type=\"text\"\n            value={publisher}\n            onChange={(e) => setPublisher(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Publisher URL Field */}\n        <div>\n          <label\n            htmlFor=\"package-publisher-url\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Publisher URL\n          </label>\n          <input\n            id=\"package-publisher-url\"\n            type=\"text\"\n            value={publisherUrl}\n            onChange={(e) => setPublisherUrl(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Keywords Field */}\n        <div>\n          <label\n            htmlFor=\"package-keywords\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Keywords\n          </label>\n          <div className=\"space-y-2\">\n            <input\n              id=\"package-keywords\"\n              type=\"text\"\n              value={keywordInput}\n              onChange={(e) => setKeywordInput(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && keywordInput.trim()) {\n                  e.preventDefault();\n                  const newKeyword = {\n                    id: Date.now().toString(), // Generate a unique ID\n                    label: keywordInput.trim(),\n                  };\n                  setKeywords([...keywords, newKeyword]);\n                  onAddKeyword?.(newKeyword);\n                  setKeywordInput(\"\");\n                }\n              }}\n              placeholder=\"Type a keyword and press Enter\"\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n            />\n            <div className=\"flex min-h-[80px] flex-wrap gap-2 rounded-md border border-border p-3\">\n              {keywords.map((keyword) => (\n                <span\n                  key={keyword.id}\n                  className=\"inline-flex items-center rounded-sm border border-info bg-info/10 px-2 py-0.5 text-xs text-info\"\n                >\n                  {keyword.label}\n                  <button\n                    onClick={() => {\n                      setKeywords(keywords.filter((k) => k.id !== keyword.id));\n                      onRemoveKeyword?.(keyword.id);\n                    }}\n                    className=\"ml-1 text-info hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Right Column */}\n      <div className=\"space-y-6\">\n        {/* Github Repository Field */}\n        <div>\n          <label\n            htmlFor=\"package-github\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Github Repository\n          </label>\n          <input\n            id=\"package-github\"\n            type=\"text\"\n            value={githubRepository}\n            onChange={(e) => setGithubRepository(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* NPM-package Field */}\n        <div>\n          <label\n            htmlFor=\"package-npm\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            NPM-package\n          </label>\n          <input\n            id=\"package-npm\"\n            type=\"text\"\n            value={npmPackage}\n            onChange={(e) => setNpmPackage(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Version Field */}\n        <div>\n          <label\n            htmlFor=\"package-version\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Version\n          </label>\n          <input\n            id=\"package-version\"\n            type=\"text\"\n            placeholder=\"1.0.0-dev\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* License Field */}\n        <div>\n          <label\n            htmlFor=\"package-license\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            License\n          </label>\n          <input\n            id=\"package-license\"\n            type=\"text\"\n            placeholder=\"AGPL-3.0-only\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Install with Field */}\n        <div>\n          <label\n            htmlFor=\"package-install\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Install with:\n          </label>\n          <input\n            id=\"package-install\"\n            type=\"text\"\n            placeholder=\"@powerhousedao/todo-demo-package\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport {\n  addPackageKeyword,\n  removePackageKeyword,\n  setPackageAuthorName,\n  setPackageAuthorWebsite,\n  setPackageCategory,\n  setPackageDescription,\n  setPackageGithubUrl,\n  setPackageName,\n  setPackageNpmUrl,\n} from \"../../document-models/vetra-package/index.js\";\nimport { useSelectedDriveVetraPackage } from \"../hooks/useVetraDocument.js\";\nimport { MetaForm } from \"./components/MetaForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport type EditorProps = {\n  displayToolbar?: boolean;\n};\n\nexport default function Editor(props: EditorProps) {\n  const { displayToolbar = true } = props;\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDriveVetraPackage();\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setPackageName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onDescriptionChange = useCallback(\n    (description: string) => {\n      if (!document.state.global.description && !description) return;\n      if (description === document.state.global.description) return;\n\n      dispatch(setPackageDescription({ description }));\n    },\n    [document.state.global.description, dispatch],\n  );\n\n  const onCategoryChange = useCallback(\n    (category: string) => {\n      if (!document.state.global.category && !category) return;\n      if (category === document.state.global.category) return;\n\n      dispatch(setPackageCategory({ category }));\n    },\n    [document.state.global.category, dispatch],\n  );\n\n  const onPublisherChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.author.name && !name) return;\n      if (name === document.state.global.author.name) return;\n\n      dispatch(setPackageAuthorName({ name }));\n    },\n    [document.state.global.author.name, dispatch],\n  );\n\n  const onPublisherUrlChange = useCallback(\n    (website: string) => {\n      if (!document.state.global.author.website && !website) return;\n      if (website === document.state.global.author.website) return;\n\n      dispatch(setPackageAuthorWebsite({ website }));\n    },\n    [document.state.global.author.website, dispatch],\n  );\n\n  const onGithubRepositoryChange = useCallback(\n    (url: string) => {\n      if (!document.state.global.githubUrl && !url) return;\n      if (url === document.state.global.githubUrl) return;\n\n      dispatch(setPackageGithubUrl({ url }));\n    },\n    [document.state.global.githubUrl, dispatch],\n  );\n\n  const onNpmPackageChange = useCallback(\n    (url: string) => {\n      if (!document.state.global.npmUrl && !url) return;\n      if (url === document.state.global.npmUrl) return;\n\n      dispatch(setPackageNpmUrl({ url }));\n    },\n    [document.state.global.npmUrl, dispatch],\n  );\n\n  const onAddKeyword = useCallback(\n    (keyword: { id: string; label: string }) => {\n      dispatch(addPackageKeyword(keyword));\n    },\n    [dispatch],\n  );\n\n  const onRemoveKeyword = useCallback(\n    (id: string) => {\n      dispatch(removePackageKeyword({ id }));\n    },\n    [dispatch],\n  );\n\n  return (\n    <div className=\"bg-background p-6\">\n      {displayToolbar && <DocumentToolbar />}\n      <MetaForm\n        name={document.state.global.name ?? \"\"}\n        description={document.state.global.description ?? \"\"}\n        category={document.state.global.category ?? \"\"}\n        publisher={document.state.global.author.name ?? \"\"}\n        publisherUrl={document.state.global.author.website ?? \"\"}\n        githubRepository={document.state.global.githubUrl ?? \"\"}\n        npmPackage={document.state.global.npmUrl ?? \"\"}\n        keywords={document.state.global.keywords}\n        onNameChange={onNameChange}\n        onDescriptionChange={onDescriptionChange}\n        onCategoryChange={onCategoryChange}\n        onPublisherChange={onPublisherChange}\n        onPublisherUrlChange={onPublisherUrlChange}\n        onGithubRepositoryChange={onGithubRepositoryChange}\n        onNpmPackageChange={onNpmPackageChange}\n        onAddKeyword={onAddKeyword}\n        onRemoveKeyword={onRemoveKeyword}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAwBA,MAAa,YAAqC,UAAU;CAC1D,MAAM,EACJ,MAAM,aACN,aAAa,oBACb,UAAU,iBACV,WAAW,kBACX,cAAc,qBACd,kBAAkB,yBAClB,YAAY,mBACZ,UAAU,iBACV,cACA,qBACA,kBACA,mBACA,sBACA,0BACA,oBACA,cACA,oBACE;CAEJ,MAAM,CAAC,MAAM,WAAW,SAAS,YAAY;CAC7C,MAAM,CAAC,aAAa,kBAAkB,SAAS,mBAAmB;CAClE,MAAM,CAAC,UAAU,eAAe,SAAS,gBAAgB;CACzD,MAAM,CAAC,WAAW,gBAAgB,SAAS,iBAAiB;CAC5D,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CACrE,MAAM,CAAC,kBAAkB,uBAAuB,SAC9C,wBACD;CACD,MAAM,CAAC,YAAY,iBAAiB,SAAS,kBAAkB;CAG/D,MAAM,CAAC,UAAU,eAAe,SAAoB,gBAAgB;CACpE,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;AAGpD,aAAY,MAAM,cAAc,IAAI;AACpC,aAAY,aAAa,qBAAqB,IAAI;AAClD,aAAY,WAAW,mBAAmB,IAAI;AAC9C,aAAY,cAAc,sBAAsB,IAAI;AACpD,aAAY,kBAAkB,0BAA0B,IAAI;AAC5D,aAAY,YAAY,oBAAoB,IAAI;AAEhD,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,qBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eACX;KAEO,CAAA,EACR,oBAAC,SAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,QAAQ,EAAE,OAAO,MAAM;KACxC,WAAU;KACV,CAAA,CACE,EAAA,CAAA,EAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;KACE,SAAQ;KACR,WAAU;eACX;KAEO,CAAA,EACR,oBAAC,YAAD;KACE,IAAG;KACH,MAAM;KACN,OAAO;KACP,WAAW,MAAM,eAAe,EAAE,OAAO,MAAM;KAC/C,WAAU;KACV,CAAA,CACE,EAAA,CAAA,CACF;;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,qBAAC,UAAD;MACE,IAAG;MACH,OAAO;MACP,WAAW,MAAM;OACf,MAAM,WAAW,EAAE,OAAO;AAC1B,mBAAY,SAAS;AACrB,0BAAmB,SAAS;;MAE9B,WAAU;gBARZ;OAUE,oBAAC,UAAD;QAAQ,OAAM;kBAAG;QAAqB,CAAA;OACtC,oBAAC,UAAD;QAAQ,OAAM;kBAAe;QAAqB,CAAA;OAClD,oBAAC,UAAD;QAAQ,OAAM;kBAAa;QAAmB,CAAA;OAC9C,oBAAC,UAAD;QAAQ,OAAM;kBAAqB;QAA2B,CAAA;OAC9D,oBAAC,UAAD;QAAQ,OAAM;kBAAU;QAAgB,CAAA;OACxC,oBAAC,UAAD;QAAQ,OAAM;kBAAQ;QAAc,CAAA;OACpC,oBAAC,UAAD;QAAQ,OAAM;kBAAmB;QAAyB,CAAA;OAC1D,oBAAC,UAAD;QAAQ,OAAM;kBAAc;QAAoB,CAAA;OACzC;QACL,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO;MACP,WAAW,MAAM,aAAa,EAAE,OAAO,MAAM;MAC7C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO;MACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;MAChD,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,SAAD;OACE,IAAG;OACH,MAAK;OACL,OAAO;OACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;OAChD,YAAY,MAAM;AAChB,YAAI,EAAE,QAAQ,WAAW,aAAa,MAAM,EAAE;AAC5C,WAAE,gBAAgB;SAClB,MAAM,aAAa;UACjB,IAAI,KAAK,KAAK,CAAC,UAAU;UACzB,OAAO,aAAa,MAAM;UAC3B;AACD,qBAAY,CAAC,GAAG,UAAU,WAAW,CAAC;AACtC,wBAAe,WAAW;AAC1B,yBAAgB,GAAG;;;OAGvB,aAAY;OACZ,WAAU;OACV,CAAA,EACF,oBAAC,OAAD;OAAK,WAAU;iBACZ,SAAS,KAAK,YACb,qBAAC,QAAD;QAEE,WAAU;kBAFZ,CAIG,QAAQ,OACT,oBAAC,UAAD;SACE,eAAe;AACb,sBAAY,SAAS,QAAQ,MAAM,EAAE,OAAO,QAAQ,GAAG,CAAC;AACxD,4BAAkB,QAAQ,GAAG;;SAE/B,WAAU;mBACX;SAEQ,CAAA,CACJ;UAbA,QAAQ,GAaR,CACP;OACE,CAAA,CACF;QACF,EAAA,CAAA;KACF;;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO;MACP,WAAW,MAAM,oBAAoB,EAAE,OAAO,MAAM;MACpD,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,OAAO;MACP,WAAW,MAAM,cAAc,EAAE,OAAO,MAAM;MAC9C,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,aAAY;MACZ,UAAA;MACA,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,aAAY;MACZ,UAAA;MACA,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;MACE,SAAQ;MACR,WAAU;gBACX;MAEO,CAAA,EACR,oBAAC,SAAD;MACE,IAAG;MACH,MAAK;MACL,aAAY;MACZ,UAAA;MACA,WAAU;MACV,CAAA,CACE,EAAA,CAAA;KACF;;GACF;;;;;ACpTV,MAAa,eAAuC,EAClD,2BAA2B,OAC5B;;;ACkBD,SAAwB,OAAO,OAAoB;CACjD,MAAM,EAAE,iBAAiB,SAAS;AAClC,8BAA6B,aAAa;CAC1C,MAAM,CAAC,UAAU,YAAY,8BAA8B;CAE3D,MAAM,eAAe,aAClB,SAAiB;AAChB,MAAI,CAAC,SAAS,MAAM,OAAO,QAAQ,CAAC,KAAM;AAC1C,MAAI,SAAS,SAAS,MAAM,OAAO,KAAM;AAEzC,WAAS,eAAe,EAAE,MAAM,CAAC,CAAC;IAEpC,CAAC,SAAS,MAAM,OAAO,MAAM,SAAS,CACvC;CAED,MAAM,sBAAsB,aACzB,gBAAwB;AACvB,MAAI,CAAC,SAAS,MAAM,OAAO,eAAe,CAAC,YAAa;AACxD,MAAI,gBAAgB,SAAS,MAAM,OAAO,YAAa;AAEvD,WAAS,sBAAsB,EAAE,aAAa,CAAC,CAAC;IAElD,CAAC,SAAS,MAAM,OAAO,aAAa,SAAS,CAC9C;CAED,MAAM,mBAAmB,aACtB,aAAqB;AACpB,MAAI,CAAC,SAAS,MAAM,OAAO,YAAY,CAAC,SAAU;AAClD,MAAI,aAAa,SAAS,MAAM,OAAO,SAAU;AAEjD,WAAS,mBAAmB,EAAE,UAAU,CAAC,CAAC;IAE5C,CAAC,SAAS,MAAM,OAAO,UAAU,SAAS,CAC3C;CAED,MAAM,oBAAoB,aACvB,SAAiB;AAChB,MAAI,CAAC,SAAS,MAAM,OAAO,OAAO,QAAQ,CAAC,KAAM;AACjD,MAAI,SAAS,SAAS,MAAM,OAAO,OAAO,KAAM;AAEhD,WAAS,qBAAqB,EAAE,MAAM,CAAC,CAAC;IAE1C,CAAC,SAAS,MAAM,OAAO,OAAO,MAAM,SAAS,CAC9C;CAED,MAAM,uBAAuB,aAC1B,YAAoB;AACnB,MAAI,CAAC,SAAS,MAAM,OAAO,OAAO,WAAW,CAAC,QAAS;AACvD,MAAI,YAAY,SAAS,MAAM,OAAO,OAAO,QAAS;AAEtD,WAAS,wBAAwB,EAAE,SAAS,CAAC,CAAC;IAEhD,CAAC,SAAS,MAAM,OAAO,OAAO,SAAS,SAAS,CACjD;CAED,MAAM,2BAA2B,aAC9B,QAAgB;AACf,MAAI,CAAC,SAAS,MAAM,OAAO,aAAa,CAAC,IAAK;AAC9C,MAAI,QAAQ,SAAS,MAAM,OAAO,UAAW;AAE7C,WAAS,oBAAoB,EAAE,KAAK,CAAC,CAAC;IAExC,CAAC,SAAS,MAAM,OAAO,WAAW,SAAS,CAC5C;CAED,MAAM,qBAAqB,aACxB,QAAgB;AACf,MAAI,CAAC,SAAS,MAAM,OAAO,UAAU,CAAC,IAAK;AAC3C,MAAI,QAAQ,SAAS,MAAM,OAAO,OAAQ;AAE1C,WAAS,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAErC,CAAC,SAAS,MAAM,OAAO,QAAQ,SAAS,CACzC;CAED,MAAM,eAAe,aAClB,YAA2C;AAC1C,WAAS,kBAAkB,QAAQ,CAAC;IAEtC,CAAC,SAAS,CACX;CAED,MAAM,kBAAkB,aACrB,OAAe;AACd,WAAS,qBAAqB,EAAE,IAAI,CAAC,CAAC;IAExC,CAAC,SAAS,CACX;AAED,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,kBAAkB,oBAAC,iBAAD,EAAmB,CAAA,EACtC,oBAAC,UAAD;GACE,MAAM,SAAS,MAAM,OAAO,QAAQ;GACpC,aAAa,SAAS,MAAM,OAAO,eAAe;GAClD,UAAU,SAAS,MAAM,OAAO,YAAY;GAC5C,WAAW,SAAS,MAAM,OAAO,OAAO,QAAQ;GAChD,cAAc,SAAS,MAAM,OAAO,OAAO,WAAW;GACtD,kBAAkB,SAAS,MAAM,OAAO,aAAa;GACrD,YAAY,SAAS,MAAM,OAAO,UAAU;GAC5C,UAAU,SAAS,MAAM,OAAO;GAClB;GACO;GACH;GACC;GACG;GACI;GACN;GACN;GACG;GACjB,CAAA,CACE"}
+{"version":3,"file":"editor-De5XaIXa.js","names":[],"sources":["../editors/vetra-package/components/MetaForm.tsx","../editors/vetra-package/config.ts","../editors/vetra-package/editor.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { Keyword } from \"../../../document-models/vetra-package/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nexport interface MetaFormProps {\n  name: string;\n  description: string;\n  category: string;\n  publisher: string;\n  publisherUrl: string;\n  githubRepository: string;\n  npmPackage: string;\n  keywords: Keyword[];\n  onNameChange?: (name: string) => void;\n  onDescriptionChange?: (description: string) => void;\n  onCategoryChange?: (category: string) => void;\n  onPublisherChange?: (publisher: string) => void;\n  onPublisherUrlChange?: (publisherUrl: string) => void;\n  onGithubRepositoryChange?: (githubRepository: string) => void;\n  onNpmPackageChange?: (npmPackage: string) => void;\n  onAddKeyword?: (keyword: { id: string; label: string }) => void;\n  onRemoveKeyword?: (id: string) => void;\n}\n\nexport const MetaForm: React.FC<MetaFormProps> = (props) => {\n  const {\n    name: initialName,\n    description: initialDescription,\n    category: initialCategory,\n    publisher: initialPublisher,\n    publisherUrl: initialPublisherUrl,\n    githubRepository: initialGithubRepository,\n    npmPackage: initialNpmPackage,\n    keywords: initialKeywords,\n    onNameChange,\n    onDescriptionChange,\n    onCategoryChange,\n    onPublisherChange,\n    onPublisherUrlChange,\n    onGithubRepositoryChange,\n    onNpmPackageChange,\n    onAddKeyword,\n    onRemoveKeyword,\n  } = props;\n\n  const [name, setName] = useState(initialName);\n  const [description, setDescription] = useState(initialDescription);\n  const [category, setCategory] = useState(initialCategory);\n  const [publisher, setPublisher] = useState(initialPublisher);\n  const [publisherUrl, setPublisherUrl] = useState(initialPublisherUrl);\n  const [githubRepository, setGithubRepository] = useState(\n    initialGithubRepository,\n  );\n  const [npmPackage, setNpmPackage] = useState(initialNpmPackage);\n\n  // Keywords state\n  const [keywords, setKeywords] = useState<Keyword[]>(initialKeywords);\n  const [keywordInput, setKeywordInput] = useState(\"\");\n\n  // Use the debounce hook with callbacks\n  useDebounce(name, onNameChange, 300);\n  useDebounce(description, onDescriptionChange, 300);\n  useDebounce(publisher, onPublisherChange, 300);\n  useDebounce(publisherUrl, onPublisherUrlChange, 300);\n  useDebounce(githubRepository, onGithubRepositoryChange, 300);\n  useDebounce(npmPackage, onNpmPackageChange, 300);\n\n  return (\n    <div className=\"grid grid-cols-1 gap-6 p-6 lg:grid-cols-3\">\n      {/* Left Column */}\n      <div className=\"space-y-6\">\n        {/* Name Field */}\n        <div>\n          <label\n            htmlFor=\"package-name\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Name\n          </label>\n          <input\n            id=\"package-name\"\n            type=\"text\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Description Field */}\n        <div>\n          <label\n            htmlFor=\"package-description\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Description\n          </label>\n          <textarea\n            id=\"package-description\"\n            rows={6}\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            className=\"w-full resize-none rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n      </div>\n\n      {/* Middle Column */}\n      <div className=\"space-y-6\">\n        {/* Category Field */}\n        <div>\n          <label\n            htmlFor=\"package-category\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Category\n          </label>\n          <select\n            id=\"package-category\"\n            value={category}\n            onChange={(e) => {\n              const newValue = e.target.value;\n              setCategory(newValue);\n              onCategoryChange?.(newValue);\n            }}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          >\n            <option value=\"\">Not selected</option>\n            <option value=\"Productivity\">Productivity</option>\n            <option value=\"Governance\">Governance</option>\n            <option value=\"Project Management\">Project Management</option>\n            <option value=\"Finance\">Finance</option>\n            <option value=\"Legal\">Legal</option>\n            <option value=\"People & Culture\">People & Culture</option>\n            <option value=\"Engineering\">Engineering</option>\n          </select>\n        </div>\n\n        {/* Publisher Field */}\n        <div>\n          <label\n            htmlFor=\"package-publisher\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Publisher\n          </label>\n          <input\n            id=\"package-publisher\"\n            type=\"text\"\n            value={publisher}\n            onChange={(e) => setPublisher(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Publisher URL Field */}\n        <div>\n          <label\n            htmlFor=\"package-publisher-url\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Publisher URL\n          </label>\n          <input\n            id=\"package-publisher-url\"\n            type=\"text\"\n            value={publisherUrl}\n            onChange={(e) => setPublisherUrl(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Keywords Field */}\n        <div>\n          <label\n            htmlFor=\"package-keywords\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Keywords\n          </label>\n          <div className=\"space-y-2\">\n            <input\n              id=\"package-keywords\"\n              type=\"text\"\n              value={keywordInput}\n              onChange={(e) => setKeywordInput(e.target.value)}\n              onKeyDown={(e) => {\n                if (e.key === \"Enter\" && keywordInput.trim()) {\n                  e.preventDefault();\n                  const newKeyword = {\n                    id: Date.now().toString(), // Generate a unique ID\n                    label: keywordInput.trim(),\n                  };\n                  setKeywords([...keywords, newKeyword]);\n                  onAddKeyword?.(newKeyword);\n                  setKeywordInput(\"\");\n                }\n              }}\n              placeholder=\"Type a keyword and press Enter\"\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n            />\n            <div className=\"flex min-h-[80px] flex-wrap gap-2 rounded-md border border-border p-3\">\n              {keywords.map((keyword) => (\n                <span\n                  key={keyword.id}\n                  className=\"inline-flex items-center rounded-sm border border-info bg-info/10 px-2 py-0.5 text-xs text-info\"\n                >\n                  {keyword.label}\n                  <button\n                    onClick={() => {\n                      setKeywords(keywords.filter((k) => k.id !== keyword.id));\n                      onRemoveKeyword?.(keyword.id);\n                    }}\n                    className=\"ml-1 text-info hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                </span>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Right Column */}\n      <div className=\"space-y-6\">\n        {/* Github Repository Field */}\n        <div>\n          <label\n            htmlFor=\"package-github\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Github Repository\n          </label>\n          <input\n            id=\"package-github\"\n            type=\"text\"\n            value={githubRepository}\n            onChange={(e) => setGithubRepository(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* NPM-package Field */}\n        <div>\n          <label\n            htmlFor=\"package-npm\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            NPM-package\n          </label>\n          <input\n            id=\"package-npm\"\n            type=\"text\"\n            value={npmPackage}\n            onChange={(e) => setNpmPackage(e.target.value)}\n            className=\"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Version Field */}\n        <div>\n          <label\n            htmlFor=\"package-version\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Version\n          </label>\n          <input\n            id=\"package-version\"\n            type=\"text\"\n            placeholder=\"1.0.0-dev\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* License Field */}\n        <div>\n          <label\n            htmlFor=\"package-license\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            License\n          </label>\n          <input\n            id=\"package-license\"\n            type=\"text\"\n            placeholder=\"AGPL-3.0-only\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n\n        {/* Install with Field */}\n        <div>\n          <label\n            htmlFor=\"package-install\"\n            className=\"mb-2 block text-sm font-medium text-foreground\"\n          >\n            Install with:\n          </label>\n          <input\n            id=\"package-install\"\n            type=\"text\"\n            placeholder=\"@powerhousedao/todo-demo-package\"\n            disabled\n            className=\"w-full cursor-not-allowed rounded-md border border-border bg-background px-3 py-2 text-foreground placeholder:text-muted-foreground disabled:disabled-effect\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport {\n  addPackageKeyword,\n  removePackageKeyword,\n  setPackageAuthorName,\n  setPackageAuthorWebsite,\n  setPackageCategory,\n  setPackageDescription,\n  setPackageGithubUrl,\n  setPackageName,\n  setPackageNpmUrl,\n} from \"../../document-models/vetra-package/index.js\";\nimport { useSelectedDriveVetraPackage } from \"../hooks/useVetraDocument.js\";\nimport { MetaForm } from \"./components/MetaForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport type EditorProps = {\n  displayToolbar?: boolean;\n};\n\nexport default function Editor(props: EditorProps) {\n  const { displayToolbar = true } = props;\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDriveVetraPackage();\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setPackageName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onDescriptionChange = useCallback(\n    (description: string) => {\n      if (!document.state.global.description && !description) return;\n      if (description === document.state.global.description) return;\n\n      dispatch(setPackageDescription({ description }));\n    },\n    [document.state.global.description, dispatch],\n  );\n\n  const onCategoryChange = useCallback(\n    (category: string) => {\n      if (!document.state.global.category && !category) return;\n      if (category === document.state.global.category) return;\n\n      dispatch(setPackageCategory({ category }));\n    },\n    [document.state.global.category, dispatch],\n  );\n\n  const onPublisherChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.author.name && !name) return;\n      if (name === document.state.global.author.name) return;\n\n      dispatch(setPackageAuthorName({ name }));\n    },\n    [document.state.global.author.name, dispatch],\n  );\n\n  const onPublisherUrlChange = useCallback(\n    (website: string) => {\n      if (!document.state.global.author.website && !website) return;\n      if (website === document.state.global.author.website) return;\n\n      dispatch(setPackageAuthorWebsite({ website }));\n    },\n    [document.state.global.author.website, dispatch],\n  );\n\n  const onGithubRepositoryChange = useCallback(\n    (url: string) => {\n      if (!document.state.global.githubUrl && !url) return;\n      if (url === document.state.global.githubUrl) return;\n\n      dispatch(setPackageGithubUrl({ url }));\n    },\n    [document.state.global.githubUrl, dispatch],\n  );\n\n  const onNpmPackageChange = useCallback(\n    (url: string) => {\n      if (!document.state.global.npmUrl && !url) return;\n      if (url === document.state.global.npmUrl) return;\n\n      dispatch(setPackageNpmUrl({ url }));\n    },\n    [document.state.global.npmUrl, dispatch],\n  );\n\n  const onAddKeyword = useCallback(\n    (keyword: { id: string; label: string }) => {\n      dispatch(addPackageKeyword(keyword));\n    },\n    [dispatch],\n  );\n\n  const onRemoveKeyword = useCallback(\n    (id: string) => {\n      dispatch(removePackageKeyword({ id }));\n    },\n    [dispatch],\n  );\n\n  return (\n    <div className=\"bg-background p-6\">\n      {displayToolbar && <DocumentToolbar />}\n      <MetaForm\n        name={document.state.global.name ?? \"\"}\n        description={document.state.global.description ?? \"\"}\n        category={document.state.global.category ?? \"\"}\n        publisher={document.state.global.author.name ?? \"\"}\n        publisherUrl={document.state.global.author.website ?? \"\"}\n        githubRepository={document.state.global.githubUrl ?? \"\"}\n        npmPackage={document.state.global.npmUrl ?? \"\"}\n        keywords={document.state.global.keywords}\n        onNameChange={onNameChange}\n        onDescriptionChange={onDescriptionChange}\n        onCategoryChange={onCategoryChange}\n        onPublisherChange={onPublisherChange}\n        onPublisherUrlChange={onPublisherUrlChange}\n        onGithubRepositoryChange={onGithubRepositoryChange}\n        onNpmPackageChange={onNpmPackageChange}\n        onAddKeyword={onAddKeyword}\n        onRemoveKeyword={onRemoveKeyword}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{editor-CVCLxUhe.js → editor-bA5TTxfU.js}

@@ -1,7 +1,7 @@
 import { b as setAppStatus, g as addDocumentType, h as setDragAndDropEnabled, v as removeDocumentType, x as setDocumentTypes, y as setAppName } from "./utils-B4KdjDnp.js";
 import { s as useSelectedAppModuleDocument } from "./app-module-dG7ug7Cm.js";
 import { StatusPill } from "./editors/components/index.js";
-import { t as useDebounce } from "./hooks-Btogj1f0.js";
+import { t as useDebounce } from "./hooks-D_8Uwk1s.js";
 import { useDocumentTypesInSelectedDrive, useSetPHDocumentEditorConfig, useSupportedDocumentTypesInReactor } from "@powerhousedao/reactor-browser";
 import { useCallback, useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
@@ -197,4 +197,4 @@ function Editor() {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-CVCLxUhe.js.map
+//# sourceMappingURL=editor-bA5TTxfU.js.map

package/dist/{editor-CVCLxUhe.js.map → editor-bA5TTxfU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-CVCLxUhe.js","names":[],"sources":["../editors/app-editor/components/AppEditorForm.tsx","../editors/app-editor/config.ts","../editors/app-editor/editor.tsx"],"sourcesContent":["import {\n  useDocumentTypesInSelectedDrive,\n  useSupportedDocumentTypesInReactor,\n} from \"@powerhousedao/reactor-browser\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setAppName,\n  setAppStatus,\n  setDocumentTypes,\n  setDragAndDropEnabled,\n} from \"@powerhousedao/vetra/document-models/app-module\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useSelectedAppModuleDocument } from \"../../../document-models/app-module/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nconst ALL_IN_DRIVE = \"all-in-drive\";\nconst ALL_IN_REACTOR = \"all-in-reactor\";\nconst ALLOW_ANY = \"allow-any\";\n\nexport const AppEditorForm = () => {\n  const [document, dispatch] = useSelectedAppModuleDocument();\n  const documentName = document.state.global.name;\n  const status = document.state.global.status;\n  const isDragAndDropEnabled = document.state.global.isDragAndDropEnabled;\n  const allowedDocumentTypes = document.state.global.allowedDocumentTypes;\n  const [appName, handleSetAppName] = useState(documentName);\n  const [isConfirmed, setIsConfirmed] = useState(status === \"CONFIRMED\");\n  const documentTypesInSelectedDrive = useDocumentTypesInSelectedDrive();\n  const supportedDocumentTypesInReactor = useSupportedDocumentTypesInReactor();\n  const [selectedDocumentTypes, setSelectedDocumentTypes] = useState(\n    allowedDocumentTypes ?? [],\n  );\n\n  // Use the debounce hook for name changes\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === documentName) return;\n      console.log(\"onNameChange\", name);\n      dispatch(setAppName({ name }));\n    },\n    [documentName, dispatch],\n  );\n\n  useDebounce(appName, onNameChange, 300);\n\n  const onConfirm = () => {\n    dispatch(setAppStatus({ status: \"CONFIRMED\" }));\n  };\n\n  const onDragAndDropToggle = (enabled: boolean) => {\n    if (enabled === isDragAndDropEnabled) return;\n    dispatch(setDragAndDropEnabled({ enabled }));\n  };\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (appName.trim()) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm();\n    }\n  };\n\n  const handleAddDocumentType = (documentType: string) => {\n    if (!documentType || selectedDocumentTypes.includes(documentType)) return;\n    setSelectedDocumentTypes([...selectedDocumentTypes, documentType]);\n    dispatch(addDocumentType({ documentType }));\n  };\n\n  const handleRemoveDocumentType = (documentType: string) => {\n    setSelectedDocumentTypes(\n      selectedDocumentTypes.filter((dt) => dt !== documentType),\n    );\n    dispatch(removeDocumentType({ documentType }));\n  };\n\n  const handleAddAllDocumentTypesInDrive = () => {\n    const newDocumentTypes = [\n      ...new Set([\n        ...selectedDocumentTypes,\n        ...(documentTypesInSelectedDrive ?? []),\n      ]),\n    ];\n    setSelectedDocumentTypes(newDocumentTypes);\n    dispatch(setDocumentTypes({ documentTypes: newDocumentTypes }));\n  };\n\n  const handleAddAllDocumentTypesInReactor = () => {\n    const newDocumentTypes = [\n      ...new Set([\n        ...selectedDocumentTypes,\n        ...(supportedDocumentTypesInReactor ?? []),\n      ]),\n    ];\n    setSelectedDocumentTypes(newDocumentTypes);\n    dispatch(setDocumentTypes({ documentTypes: newDocumentTypes }));\n  };\n\n  const handleAllowAnyDocumentType = () => {\n    setSelectedDocumentTypes([]);\n    dispatch(setDocumentTypes({ documentTypes: [] }));\n  };\n\n  const handleDocumentTypeSelection = (selectedValue: string) => {\n    if (selectedValue === ALL_IN_DRIVE) {\n      handleAddAllDocumentTypesInDrive();\n    } else if (selectedValue === ALL_IN_REACTOR) {\n      handleAddAllDocumentTypesInReactor();\n    } else if (selectedValue === ALLOW_ANY) {\n      handleAllowAnyDocumentType();\n    } else {\n      handleAddDocumentType(selectedValue);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          App Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* App Name Field */}\n      <div>\n        <label\n          htmlFor=\"app-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          App Name\n        </label>\n        <input\n          id=\"app-name\"\n          type=\"text\"\n          value={appName}\n          onChange={(e) => handleSetAppName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n          placeholder=\"Enter app name\"\n        />\n      </div>\n\n      {/* Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <select\n              onChange={(e) => handleDocumentTypeSelection(e.target.value)}\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n            >\n              <option>Select a document type to add</option>\n              <option>--- Vetra drive document types ---</option>\n              <option value={ALL_IN_DRIVE}>\n                Add all document types in Vetra drive\n              </option>\n              {documentTypesInSelectedDrive\n                ?.filter((dt) => !selectedDocumentTypes.includes(dt))\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n              <option>--- Reactor document types ---</option>\n              <option value={ALL_IN_REACTOR}>\n                Add all document types in Reactor\n              </option>\n              {supportedDocumentTypesInReactor\n                ?.filter((dt) => !selectedDocumentTypes.includes(dt))\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n              <option>--- Allow any document type ---</option>\n              <option value={ALLOW_ANY}>Allow any document type</option>\n            </select>\n          )}\n          <div className=\"space-y-1\">\n            {selectedDocumentTypes.length > 0 ? (\n              selectedDocumentTypes.map((type) => (\n                <div key={type} className=\"flex items-center py-1\">\n                  <span className=\"text-sm text-foreground\">{type}</span>\n                  {!isReadOnly && (\n                    <button\n                      onClick={() => handleRemoveDocumentType(type)}\n                      className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                    >\n                      ×\n                    </button>\n                  )}\n                </div>\n              ))\n            ) : (\n              <span className=\"text-sm text-foreground\">All documents (*)</span>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Drag and Drop Settings */}\n      <div>\n        <h3 className=\"mb-4 text-base font-medium text-foreground\">\n          Drag and Drop Settings\n        </h3>\n\n        {/* Enable/Disable Switch */}\n        <div className=\"mb-4\">\n          <label htmlFor=\"drag-and-drop-enabled\" className=\"flex items-center\">\n            <input\n              id=\"drag-and-drop-enabled\"\n              type=\"checkbox\"\n              checked={isDragAndDropEnabled}\n              onChange={(e) => onDragAndDropToggle(e.target.checked)}\n              disabled={isReadOnly}\n              className={twMerge(\n                \"mr-2 size-4 rounded-sm border-border text-info focus:ring-ring\",\n                isReadOnly ? \"cursor-not-allowed\" : \"\",\n              )}\n            />\n            <span className=\"text-sm font-medium text-foreground\">\n              Enable drag and drop\n            </span>\n          </label>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!appName.trim()}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { AppEditorForm } from \"./components/AppEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <AppEditorForm />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor-bA5TTxfU.js","names":[],"sources":["../editors/app-editor/components/AppEditorForm.tsx","../editors/app-editor/config.ts","../editors/app-editor/editor.tsx"],"sourcesContent":["import {\n  useDocumentTypesInSelectedDrive,\n  useSupportedDocumentTypesInReactor,\n} from \"@powerhousedao/reactor-browser\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setAppName,\n  setAppStatus,\n  setDocumentTypes,\n  setDragAndDropEnabled,\n} from \"@powerhousedao/vetra/document-models/app-module\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useSelectedAppModuleDocument } from \"../../../document-models/app-module/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nconst ALL_IN_DRIVE = \"all-in-drive\";\nconst ALL_IN_REACTOR = \"all-in-reactor\";\nconst ALLOW_ANY = \"allow-any\";\n\nexport const AppEditorForm = () => {\n  const [document, dispatch] = useSelectedAppModuleDocument();\n  const documentName = document.state.global.name;\n  const status = document.state.global.status;\n  const isDragAndDropEnabled = document.state.global.isDragAndDropEnabled;\n  const allowedDocumentTypes = document.state.global.allowedDocumentTypes;\n  const [appName, handleSetAppName] = useState(documentName);\n  const [isConfirmed, setIsConfirmed] = useState(status === \"CONFIRMED\");\n  const documentTypesInSelectedDrive = useDocumentTypesInSelectedDrive();\n  const supportedDocumentTypesInReactor = useSupportedDocumentTypesInReactor();\n  const [selectedDocumentTypes, setSelectedDocumentTypes] = useState(\n    allowedDocumentTypes ?? [],\n  );\n\n  // Use the debounce hook for name changes\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === documentName) return;\n      console.log(\"onNameChange\", name);\n      dispatch(setAppName({ name }));\n    },\n    [documentName, dispatch],\n  );\n\n  useDebounce(appName, onNameChange, 300);\n\n  const onConfirm = () => {\n    dispatch(setAppStatus({ status: \"CONFIRMED\" }));\n  };\n\n  const onDragAndDropToggle = (enabled: boolean) => {\n    if (enabled === isDragAndDropEnabled) return;\n    dispatch(setDragAndDropEnabled({ enabled }));\n  };\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (appName.trim()) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm();\n    }\n  };\n\n  const handleAddDocumentType = (documentType: string) => {\n    if (!documentType || selectedDocumentTypes.includes(documentType)) return;\n    setSelectedDocumentTypes([...selectedDocumentTypes, documentType]);\n    dispatch(addDocumentType({ documentType }));\n  };\n\n  const handleRemoveDocumentType = (documentType: string) => {\n    setSelectedDocumentTypes(\n      selectedDocumentTypes.filter((dt) => dt !== documentType),\n    );\n    dispatch(removeDocumentType({ documentType }));\n  };\n\n  const handleAddAllDocumentTypesInDrive = () => {\n    const newDocumentTypes = [\n      ...new Set([\n        ...selectedDocumentTypes,\n        ...(documentTypesInSelectedDrive ?? []),\n      ]),\n    ];\n    setSelectedDocumentTypes(newDocumentTypes);\n    dispatch(setDocumentTypes({ documentTypes: newDocumentTypes }));\n  };\n\n  const handleAddAllDocumentTypesInReactor = () => {\n    const newDocumentTypes = [\n      ...new Set([\n        ...selectedDocumentTypes,\n        ...(supportedDocumentTypesInReactor ?? []),\n      ]),\n    ];\n    setSelectedDocumentTypes(newDocumentTypes);\n    dispatch(setDocumentTypes({ documentTypes: newDocumentTypes }));\n  };\n\n  const handleAllowAnyDocumentType = () => {\n    setSelectedDocumentTypes([]);\n    dispatch(setDocumentTypes({ documentTypes: [] }));\n  };\n\n  const handleDocumentTypeSelection = (selectedValue: string) => {\n    if (selectedValue === ALL_IN_DRIVE) {\n      handleAddAllDocumentTypesInDrive();\n    } else if (selectedValue === ALL_IN_REACTOR) {\n      handleAddAllDocumentTypesInReactor();\n    } else if (selectedValue === ALLOW_ANY) {\n      handleAllowAnyDocumentType();\n    } else {\n      handleAddDocumentType(selectedValue);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          App Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* App Name Field */}\n      <div>\n        <label\n          htmlFor=\"app-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          App Name\n        </label>\n        <input\n          id=\"app-name\"\n          type=\"text\"\n          value={appName}\n          onChange={(e) => handleSetAppName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n          placeholder=\"Enter app name\"\n        />\n      </div>\n\n      {/* Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <select\n              onChange={(e) => handleDocumentTypeSelection(e.target.value)}\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n            >\n              <option>Select a document type to add</option>\n              <option>--- Vetra drive document types ---</option>\n              <option value={ALL_IN_DRIVE}>\n                Add all document types in Vetra drive\n              </option>\n              {documentTypesInSelectedDrive\n                ?.filter((dt) => !selectedDocumentTypes.includes(dt))\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n              <option>--- Reactor document types ---</option>\n              <option value={ALL_IN_REACTOR}>\n                Add all document types in Reactor\n              </option>\n              {supportedDocumentTypesInReactor\n                ?.filter((dt) => !selectedDocumentTypes.includes(dt))\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n              <option>--- Allow any document type ---</option>\n              <option value={ALLOW_ANY}>Allow any document type</option>\n            </select>\n          )}\n          <div className=\"space-y-1\">\n            {selectedDocumentTypes.length > 0 ? (\n              selectedDocumentTypes.map((type) => (\n                <div key={type} className=\"flex items-center py-1\">\n                  <span className=\"text-sm text-foreground\">{type}</span>\n                  {!isReadOnly && (\n                    <button\n                      onClick={() => handleRemoveDocumentType(type)}\n                      className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                    >\n                      ×\n                    </button>\n                  )}\n                </div>\n              ))\n            ) : (\n              <span className=\"text-sm text-foreground\">All documents (*)</span>\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* Drag and Drop Settings */}\n      <div>\n        <h3 className=\"mb-4 text-base font-medium text-foreground\">\n          Drag and Drop Settings\n        </h3>\n\n        {/* Enable/Disable Switch */}\n        <div className=\"mb-4\">\n          <label htmlFor=\"drag-and-drop-enabled\" className=\"flex items-center\">\n            <input\n              id=\"drag-and-drop-enabled\"\n              type=\"checkbox\"\n              checked={isDragAndDropEnabled}\n              onChange={(e) => onDragAndDropToggle(e.target.checked)}\n              disabled={isReadOnly}\n              className={twMerge(\n                \"mr-2 size-4 rounded-sm border-border text-info focus:ring-ring\",\n                isReadOnly ? \"cursor-not-allowed\" : \"\",\n              )}\n            />\n            <span className=\"text-sm font-medium text-foreground\">\n              Enable drag and drop\n            </span>\n          </label>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!appName.trim()}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { AppEditorForm } from \"./components/AppEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <AppEditorForm />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{editor-CAVHtR-v.js → editor-fNaLqnMc.js}

@@ -1,7 +1,7 @@
 import { g as setSubgraphStatus, h as setSubgraphName } from "./utils-BiV3cs9Y.js";
 import { StatusPill } from "./editors/components/index.js";
-import { t as useDebounce } from "./hooks-Btogj1f0.js";
-import { r as useSelectedSubgraphModuleDocument } from "./useVetraDocument-tpjMF571.js";
+import { t as useDebounce } from "./hooks-D_8Uwk1s.js";
+import { r as useSelectedSubgraphModuleDocument } from "./useVetraDocument-BpPD6DKR.js";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { useCallback, useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
@@ -88,4 +88,4 @@ function Editor() {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-CAVHtR-v.js.map
+//# sourceMappingURL=editor-fNaLqnMc.js.map

package/dist/{editor-CAVHtR-v.js.map → editor-fNaLqnMc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-CAVHtR-v.js","names":[],"sources":["../editors/subgraph-editor/components/SubgraphEditorForm.tsx","../editors/subgraph-editor/config.ts","../editors/subgraph-editor/editor.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nexport interface SubgraphEditorFormProps {\n  subgraphName?: string;\n  status?: string;\n  onNameChange?: (name: string) => void;\n  onConfirm?: () => void;\n}\n\nexport const SubgraphEditorForm: React.FC<SubgraphEditorFormProps> = ({\n  subgraphName: initialSubgraphName = \"\",\n  status = \"DRAFT\",\n  onNameChange,\n  onConfirm,\n}) => {\n  const [subgraphName, setSubgraphName] = useState(initialSubgraphName);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(subgraphName, onNameChange, 300);\n\n  // Update local state when initialSubgraphName changes\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setSubgraphName(initialSubgraphName);\n  }, [initialSubgraphName]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (subgraphName.trim()) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Subgraph Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Subgraph Name Field */}\n      <div>\n        <label\n          htmlFor=\"subgraph-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Subgraph Name\n        </label>\n        <input\n          id=\"subgraph-name\"\n          type=\"text\"\n          value={subgraphName}\n          onChange={(e) => setSubgraphName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n          placeholder=\"Enter subgraph name\"\n        />\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!subgraphName.trim()}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport {\n  setSubgraphName,\n  setSubgraphStatus,\n} from \"@powerhousedao/vetra/document-models/subgraph-module\";\nimport { useCallback } from \"react\";\nimport { useSelectedSubgraphModuleDocument } from \"../hooks/useVetraDocument.js\";\nimport { SubgraphEditorForm } from \"./components/SubgraphEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedSubgraphModuleDocument();\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === document.state.global.name) return;\n      dispatch(setSubgraphName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setSubgraphStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <SubgraphEditorForm\n        subgraphName={document.state.global.name ?? \"\"}\n        status={document.state.global.status}\n        onNameChange={onNameChange}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,MAAa,sBAAyD,EACpE,cAAc,sBAAsB,IACpC,SAAS,SACT,cACA,gBACI;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;AAGrD,aAAY,cAAc,cAAc,IAAI;AAG5C,iBAAgB;AAEd,kBAAgB,oBAAoB;IACnC,CAAC,oBAAoB,CAAC;AAGzB,iBAAgB;AACd,MAAI,WAAW,QAEb,gBAAe,MAAM;IAEtB,CAAC,OAAO,CAAC;CAGZ,MAAM,aAAa,eAAe,WAAW;CAE7C,MAAM,sBAAsB;AAC1B,MAAI,aAAa,MAAM,EAAE;AACvB,kBAAe,KAAK;AACpB,gBAAa;;;AAIjB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAsC;KAE/C,CAAA,EACL,oBAAC,YAAD;KACE,QAAQ,WAAW,cAAc,cAAc;KAC/C,OAAO,WAAW,cAAc,cAAc;KAC9C,CAAA,CACE;;GAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cACX;IAEO,CAAA,EACR,oBAAC,SAAD;IACE,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;IAChD,UAAU;IACV,WAAW,QACT,wMACA,aAAa,gCAAgC,GAC9C;IACD,aAAY;IACZ,CAAA,CACE,EAAA,CAAA;GAGL,CAAC,cACA,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD;IACE,SAAS;IACT,UAAU,CAAC,aAAa,MAAM;IAC9B,WAAU;cACX;IAEQ,CAAA,EACL,CAAA;GAEJ;;;;;AC5FV,MAAa,eAAuC,EAClD,2BAA2B,OAC5B;;;ACOD,SAAwB,SAAS;AAC/B,8BAA6B,aAAa;CAC1C,MAAM,CAAC,UAAU,YAAY,mCAAmC;CAEhE,MAAM,eAAe,aAClB,SAAiB;AAChB,MAAI,SAAS,SAAS,MAAM,OAAO,KAAM;AACzC,WAAS,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAErC,CAAC,SAAS,MAAM,OAAO,MAAM,SAAS,CACvC;CAED,MAAM,YAAY,kBAAkB;AAClC,WAAS,kBAAkB,EAAE,QAAQ,aAAa,CAAC,CAAC;IACnD,CAAC,SAAS,CAAC;AAEd,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,iBAAD,EAAmB,CAAA,EACnB,oBAAC,oBAAD;GACE,cAAc,SAAS,MAAM,OAAO,QAAQ;GAC5C,QAAQ,SAAS,MAAM,OAAO;GAChB;GACH;GACX,CAAA,CACE"}
+{"version":3,"file":"editor-fNaLqnMc.js","names":[],"sources":["../editors/subgraph-editor/components/SubgraphEditorForm.tsx","../editors/subgraph-editor/config.ts","../editors/subgraph-editor/editor.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useDebounce } from \"../../hooks/index.js\";\n\nexport interface SubgraphEditorFormProps {\n  subgraphName?: string;\n  status?: string;\n  onNameChange?: (name: string) => void;\n  onConfirm?: () => void;\n}\n\nexport const SubgraphEditorForm: React.FC<SubgraphEditorFormProps> = ({\n  subgraphName: initialSubgraphName = \"\",\n  status = \"DRAFT\",\n  onNameChange,\n  onConfirm,\n}) => {\n  const [subgraphName, setSubgraphName] = useState(initialSubgraphName);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(subgraphName, onNameChange, 300);\n\n  // Update local state when initialSubgraphName changes\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setSubgraphName(initialSubgraphName);\n  }, [initialSubgraphName]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (subgraphName.trim()) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Subgraph Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Subgraph Name Field */}\n      <div>\n        <label\n          htmlFor=\"subgraph-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Subgraph Name\n        </label>\n        <input\n          id=\"subgraph-name\"\n          type=\"text\"\n          value={subgraphName}\n          onChange={(e) => setSubgraphName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n          placeholder=\"Enter subgraph name\"\n        />\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!subgraphName.trim()}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport {\n  setSubgraphName,\n  setSubgraphStatus,\n} from \"@powerhousedao/vetra/document-models/subgraph-module\";\nimport { useCallback } from \"react\";\nimport { useSelectedSubgraphModuleDocument } from \"../hooks/useVetraDocument.js\";\nimport { SubgraphEditorForm } from \"./components/SubgraphEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedSubgraphModuleDocument();\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === document.state.global.name) return;\n      dispatch(setSubgraphName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setSubgraphStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <SubgraphEditorForm\n        subgraphName={document.state.global.name ?? \"\"}\n        status={document.state.global.status}\n        onNameChange={onNameChange}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,MAAa,sBAAyD,EACpE,cAAc,sBAAsB,IACpC,SAAS,SACT,cACA,gBACI;CACJ,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CACrE,MAAM,CAAC,aAAa,kBAAkB,SAAS,MAAM;AAGrD,aAAY,cAAc,cAAc,IAAI;AAG5C,iBAAgB;AAEd,kBAAgB,oBAAoB;IACnC,CAAC,oBAAoB,CAAC;AAGzB,iBAAgB;AACd,MAAI,WAAW,QAEb,gBAAe,MAAM;IAEtB,CAAC,OAAO,CAAC;CAGZ,MAAM,aAAa,eAAe,WAAW;CAE7C,MAAM,sBAAsB;AAC1B,MAAI,aAAa,MAAM,EAAE;AACvB,kBAAe,KAAK;AACpB,gBAAa;;;AAIjB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;eAAsC;KAE/C,CAAA,EACL,oBAAC,YAAD;KACE,QAAQ,WAAW,cAAc,cAAc;KAC/C,OAAO,WAAW,cAAc,cAAc;KAC9C,CAAA,CACE;;GAGN,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,SAAD;IACE,SAAQ;IACR,WAAU;cACX;IAEO,CAAA,EACR,oBAAC,SAAD;IACE,IAAG;IACH,MAAK;IACL,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,MAAM;IAChD,UAAU;IACV,WAAW,QACT,wMACA,aAAa,gCAAgC,GAC9C;IACD,aAAY;IACZ,CAAA,CACE,EAAA,CAAA;GAGL,CAAC,cACA,oBAAC,OAAD,EAAA,UACE,oBAAC,UAAD;IACE,SAAS;IACT,UAAU,CAAC,aAAa,MAAM;IAC9B,WAAU;cACX;IAEQ,CAAA,EACL,CAAA;GAEJ;;;;;AC5FV,MAAa,eAAuC,EAClD,2BAA2B,OAC5B;;;ACOD,SAAwB,SAAS;AAC/B,8BAA6B,aAAa;CAC1C,MAAM,CAAC,UAAU,YAAY,mCAAmC;CAEhE,MAAM,eAAe,aAClB,SAAiB;AAChB,MAAI,SAAS,SAAS,MAAM,OAAO,KAAM;AACzC,WAAS,gBAAgB,EAAE,MAAM,CAAC,CAAC;IAErC,CAAC,SAAS,MAAM,OAAO,MAAM,SAAS,CACvC;CAED,MAAM,YAAY,kBAAkB;AAClC,WAAS,kBAAkB,EAAE,QAAQ,aAAa,CAAC,CAAC;IACnD,CAAC,SAAS,CAAC;AAEd,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,iBAAD,EAAmB,CAAA,EACnB,oBAAC,oBAAD;GACE,cAAc,SAAS,MAAM,OAAO,QAAQ;GAC5C,QAAQ,SAAS,MAAM,OAAO;GAChB;GACH;GACX,CAAA,CACE"}

package/dist/{editor-B560eld_.js → editor-saGUzfCl.js}

@@ -1,7 +1,7 @@
 import { _ as removeDocumentType, b as setProcessorStatus, h as addProcessorApp, m as addDocumentType, v as removeProcessorApp, x as setProcessorType, y as setProcessorName } from "./utils-CkWB3DRk.js";
 import { StatusPill } from "./editors/components/index.js";
-import { n as useAvailableDocumentTypes, t as useDebounce } from "./hooks-Btogj1f0.js";
-import { n as useSelectedProcessorModuleDocument } from "./useVetraDocument-tpjMF571.js";
+import { n as useAvailableDocumentTypes, t as useDebounce } from "./hooks-D_8Uwk1s.js";
+import { n as useSelectedProcessorModuleDocument } from "./useVetraDocument-BpPD6DKR.js";
 import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
 import { PROCESSOR_APPS } from "@powerhousedao/shared/processors";
 import { useCallback, useEffect, useState } from "react";
@@ -241,4 +241,4 @@ function Editor() {
 //#endregion
 export { Editor as default };
 
-//# sourceMappingURL=editor-B560eld_.js.map
+//# sourceMappingURL=editor-saGUzfCl.js.map

package/dist/{editor-B560eld_.js.map → editor-saGUzfCl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-B560eld_.js","names":[],"sources":["../editors/processor-editor/components/ProcessorEditorForm.tsx","../editors/processor-editor/config.ts","../editors/processor-editor/editor.tsx"],"sourcesContent":["import {\n  PROCESSOR_APPS,\n  type ProcessorApp,\n  type ProcessorApps,\n} from \"@powerhousedao/shared/processors\";\nimport { useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { DocumentTypeItem } from \"../../../document-models/processor-module/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface ProcessorEditorFormProps {\n  processorName?: string;\n  processorType?: string;\n  documentTypes?: DocumentTypeItem[];\n  processorApps?: ProcessorApps;\n  status?: string;\n  onNameChange?: (name: string) => void;\n  onTypeChange?: (type: string) => void;\n  onAddDocumentType?: (id: string, documentType: string) => void;\n  onRemoveDocumentType?: (id: string) => void;\n  onAddProcessorApp?: (processorApp: ProcessorApp) => void;\n  onRemoveProcessorApp?: (processorApp: ProcessorApp) => void;\n  onConfirm?: () => void;\n}\n\nexport const ProcessorEditorForm: React.FC<ProcessorEditorFormProps> = ({\n  processorName: initialProcessorName = \"\",\n  processorType: initialProcessorType = \"\",\n  documentTypes: initialDocumentTypes = [],\n  processorApps: initialProcessorApps = [],\n  status = \"DRAFT\",\n  onNameChange,\n  onTypeChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onAddProcessorApp,\n  onRemoveProcessorApp,\n  onConfirm,\n}) => {\n  const [processorName, setProcessorName] = useState(initialProcessorName);\n  const [processorType, setProcessorType] = useState(initialProcessorType);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n  const [processorApps, setProcessorApps] = useState(initialProcessorApps);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Get available document types from the hook (combines reactor and vetra drive)\n  const availableDocumentTypes = useAvailableDocumentTypes();\n\n  // Use the debounce hook for name and type changes\n  useDebounce(processorName, onNameChange, 300);\n  useDebounce(processorType, onTypeChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorName(initialProcessorName);\n  }, [initialProcessorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorType(initialProcessorType);\n  }, [initialProcessorType]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorApps(initialProcessorApps);\n  }, [initialProcessorApps]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (\n      processorName.trim() &&\n      processorType &&\n      documentTypes.length > 0 &&\n      processorApps.length > 0\n    ) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  const handleRemoveDocumentType = (id: string) => {\n    setDocumentTypes(documentTypes.filter((dt) => dt.id !== id));\n    onRemoveDocumentType?.(id);\n  };\n\n  const canConfirm =\n    !!processorName.trim() &&\n    !!processorType &&\n    documentTypes.length > 0 &&\n    processorApps.length > 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Processor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Processor Name Field */}\n      <div>\n        <label\n          htmlFor=\"processor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Processor Name\n        </label>\n        <input\n          id=\"processor-name\"\n          type=\"text\"\n          value={processorName}\n          onChange={(e) => setProcessorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly\n              ? \"cursor-not-allowed bg-muted text-muted-foreground\"\n              : \"\",\n          )}\n          placeholder=\"Enter processor name\"\n        />\n      </div>\n\n      {/* Processor Type Dropdown */}\n      <div>\n        <label\n          htmlFor=\"processor-type\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Type\n        </label>\n        <select\n          id=\"processor-type\"\n          value={processorType}\n          onChange={(e) => setProcessorType(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        >\n          <option value=\"\">Select type...</option>\n          <option value=\"analytics\">Analytics</option>\n          <option value=\"relational\">Relational Database</option>\n        </select>\n      </div>\n\n      {/* Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && availableDocumentTypes.length > 0 && (\n            <select\n              id=\"document-types\"\n              value={selectedDocumentType}\n              onChange={(e) => {\n                const selectedValue = e.target.value;\n                if (\n                  selectedValue &&\n                  !documentTypes.some((dt) => dt.documentType === selectedValue)\n                ) {\n                  const id = Date.now().toString();\n                  const newType: DocumentTypeItem = {\n                    id,\n                    documentType: selectedValue,\n                  };\n                  setDocumentTypes([...documentTypes, newType]);\n                  onAddDocumentType?.(id, selectedValue);\n                }\n                setSelectedDocumentType(\"\");\n              }}\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n            >\n              <option value=\"\">Select a document type to add</option>\n              {availableDocumentTypes\n                .filter(\n                  (docType) =>\n                    !documentTypes.some((dt) => dt.documentType === docType),\n                )\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n            </select>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => handleRemoveDocumentType(type.id)}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      {/* Processor Apps Field */}\n      <div>\n        <label\n          htmlFor=\"processor-apps\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Processor Apps\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <>\n              {PROCESSOR_APPS.map((processorApp) => (\n                <div key={processorApp} className=\"flex gap-1\">\n                  <input\n                    type=\"checkbox\"\n                    name={processorApp}\n                    id={processorApp}\n                    checked={processorApps.includes(processorApp)}\n                    onChange={(event) => {\n                      const isChecked = event.target.checked;\n                      if (isChecked) {\n                        setProcessorApps((processorApps) => [\n                          ...new Set([...processorApps, processorApp]),\n                        ]);\n                        onAddProcessorApp?.(processorApp);\n                      } else {\n                        if (processorApps.length > 1) {\n                          setProcessorApps((processorApps) =>\n                            processorApps.filter((p) => p !== processorApp),\n                          );\n                          onRemoveProcessorApp?.(processorApp);\n                        }\n                      }\n                    }}\n                  />\n                  <label htmlFor={processorApp} className=\"text-foreground\">\n                    {processorApp}\n                  </label>\n                </div>\n              ))}\n            </>\n          )}\n          <div className=\"space-y-1\">\n            {isReadOnly &&\n              processorApps.map((processorApp) => (\n                <span key={processorApp} className=\"text-sm text-foreground\">\n                  {processorApp}\n                </span>\n              ))}\n          </div>\n        </div>\n      </div>\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!canConfirm}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport type {\n  ProcessorApp,\n  ProcessorApps,\n} from \"@powerhousedao/shared/processors\";\nimport { useCallback } from \"react\";\nimport {\n  addDocumentType,\n  addProcessorApp,\n  removeDocumentType,\n  removeProcessorApp,\n  setProcessorName,\n  setProcessorStatus,\n  setProcessorType,\n} from \"../../document-models/processor-module/index.js\";\nimport { useSelectedProcessorModuleDocument } from \"../hooks/useVetraDocument.js\";\nimport { ProcessorEditorForm } from \"./components/ProcessorEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedProcessorModuleDocument();\n\n  const onConfirm = useCallback(() => {\n    // Dispatch all actions at once\n    dispatch([setProcessorStatus({ status: \"CONFIRMED\" })]);\n  }, [dispatch]);\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === document.state.global.name) return;\n      dispatch(setProcessorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onTypeChange = useCallback(\n    (type: string) => {\n      if (type === document.state.global.type) return;\n      dispatch(setProcessorType({ type }));\n    },\n    [document.state.global.type, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (id: string, documentType: string) => {\n      dispatch(addDocumentType({ id, documentType }));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (id: string) => {\n      dispatch(removeDocumentType({ id }));\n    },\n    [dispatch],\n  );\n\n  const onAddProcessorApp = useCallback(\n    (processorApp: ProcessorApp) => {\n      dispatch(addProcessorApp({ processorApp }));\n    },\n    [dispatch],\n  );\n\n  const onRemoveProcessorApp = useCallback(\n    (processorApp: ProcessorApp) => {\n      dispatch(removeProcessorApp({ processorApp }));\n    },\n    [dispatch],\n  );\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <ProcessorEditorForm\n        onNameChange={onNameChange}\n        onTypeChange={onTypeChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onAddProcessorApp={onAddProcessorApp}\n        onRemoveProcessorApp={onRemoveProcessorApp}\n        status={document.state.global.status}\n        processorName={document.state.global.name ?? \"\"}\n        processorType={document.state.global.type ?? \"\"}\n        documentTypes={document.state.global.documentTypes ?? []}\n        processorApps={document.state.global.processorApps as ProcessorApps}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor-saGUzfCl.js","names":[],"sources":["../editors/processor-editor/components/ProcessorEditorForm.tsx","../editors/processor-editor/config.ts","../editors/processor-editor/editor.tsx"],"sourcesContent":["import {\n  PROCESSOR_APPS,\n  type ProcessorApp,\n  type ProcessorApps,\n} from \"@powerhousedao/shared/processors\";\nimport { useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { DocumentTypeItem } from \"../../../document-models/processor-module/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface ProcessorEditorFormProps {\n  processorName?: string;\n  processorType?: string;\n  documentTypes?: DocumentTypeItem[];\n  processorApps?: ProcessorApps;\n  status?: string;\n  onNameChange?: (name: string) => void;\n  onTypeChange?: (type: string) => void;\n  onAddDocumentType?: (id: string, documentType: string) => void;\n  onRemoveDocumentType?: (id: string) => void;\n  onAddProcessorApp?: (processorApp: ProcessorApp) => void;\n  onRemoveProcessorApp?: (processorApp: ProcessorApp) => void;\n  onConfirm?: () => void;\n}\n\nexport const ProcessorEditorForm: React.FC<ProcessorEditorFormProps> = ({\n  processorName: initialProcessorName = \"\",\n  processorType: initialProcessorType = \"\",\n  documentTypes: initialDocumentTypes = [],\n  processorApps: initialProcessorApps = [],\n  status = \"DRAFT\",\n  onNameChange,\n  onTypeChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onAddProcessorApp,\n  onRemoveProcessorApp,\n  onConfirm,\n}) => {\n  const [processorName, setProcessorName] = useState(initialProcessorName);\n  const [processorType, setProcessorType] = useState(initialProcessorType);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n  const [processorApps, setProcessorApps] = useState(initialProcessorApps);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Get available document types from the hook (combines reactor and vetra drive)\n  const availableDocumentTypes = useAvailableDocumentTypes();\n\n  // Use the debounce hook for name and type changes\n  useDebounce(processorName, onNameChange, 300);\n  useDebounce(processorType, onTypeChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorName(initialProcessorName);\n  }, [initialProcessorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorType(initialProcessorType);\n  }, [initialProcessorType]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setProcessorApps(initialProcessorApps);\n  }, [initialProcessorApps]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (\n      processorName.trim() &&\n      processorType &&\n      documentTypes.length > 0 &&\n      processorApps.length > 0\n    ) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  const handleRemoveDocumentType = (id: string) => {\n    setDocumentTypes(documentTypes.filter((dt) => dt.id !== id));\n    onRemoveDocumentType?.(id);\n  };\n\n  const canConfirm =\n    !!processorName.trim() &&\n    !!processorType &&\n    documentTypes.length > 0 &&\n    processorApps.length > 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Processor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Processor Name Field */}\n      <div>\n        <label\n          htmlFor=\"processor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Processor Name\n        </label>\n        <input\n          id=\"processor-name\"\n          type=\"text\"\n          value={processorName}\n          onChange={(e) => setProcessorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly\n              ? \"cursor-not-allowed bg-muted text-muted-foreground\"\n              : \"\",\n          )}\n          placeholder=\"Enter processor name\"\n        />\n      </div>\n\n      {/* Processor Type Dropdown */}\n      <div>\n        <label\n          htmlFor=\"processor-type\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Type\n        </label>\n        <select\n          id=\"processor-type\"\n          value={processorType}\n          onChange={(e) => setProcessorType(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        >\n          <option value=\"\">Select type...</option>\n          <option value=\"analytics\">Analytics</option>\n          <option value=\"relational\">Relational Database</option>\n        </select>\n      </div>\n\n      {/* Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && availableDocumentTypes.length > 0 && (\n            <select\n              id=\"document-types\"\n              value={selectedDocumentType}\n              onChange={(e) => {\n                const selectedValue = e.target.value;\n                if (\n                  selectedValue &&\n                  !documentTypes.some((dt) => dt.documentType === selectedValue)\n                ) {\n                  const id = Date.now().toString();\n                  const newType: DocumentTypeItem = {\n                    id,\n                    documentType: selectedValue,\n                  };\n                  setDocumentTypes([...documentTypes, newType]);\n                  onAddDocumentType?.(id, selectedValue);\n                }\n                setSelectedDocumentType(\"\");\n              }}\n              className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n            >\n              <option value=\"\">Select a document type to add</option>\n              {availableDocumentTypes\n                .filter(\n                  (docType) =>\n                    !documentTypes.some((dt) => dt.documentType === docType),\n                )\n                .map((docType) => (\n                  <option key={docType} value={docType}>\n                    {docType}\n                  </option>\n                ))}\n            </select>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => handleRemoveDocumentType(type.id)}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n      {/* Processor Apps Field */}\n      <div>\n        <label\n          htmlFor=\"processor-apps\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Processor Apps\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <>\n              {PROCESSOR_APPS.map((processorApp) => (\n                <div key={processorApp} className=\"flex gap-1\">\n                  <input\n                    type=\"checkbox\"\n                    name={processorApp}\n                    id={processorApp}\n                    checked={processorApps.includes(processorApp)}\n                    onChange={(event) => {\n                      const isChecked = event.target.checked;\n                      if (isChecked) {\n                        setProcessorApps((processorApps) => [\n                          ...new Set([...processorApps, processorApp]),\n                        ]);\n                        onAddProcessorApp?.(processorApp);\n                      } else {\n                        if (processorApps.length > 1) {\n                          setProcessorApps((processorApps) =>\n                            processorApps.filter((p) => p !== processorApp),\n                          );\n                          onRemoveProcessorApp?.(processorApp);\n                        }\n                      }\n                    }}\n                  />\n                  <label htmlFor={processorApp} className=\"text-foreground\">\n                    {processorApp}\n                  </label>\n                </div>\n              ))}\n            </>\n          )}\n          <div className=\"space-y-1\">\n            {isReadOnly &&\n              processorApps.map((processorApp) => (\n                <span key={processorApp} className=\"text-sm text-foreground\">\n                  {processorApp}\n                </span>\n              ))}\n          </div>\n        </div>\n      </div>\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!canConfirm}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport type {\n  ProcessorApp,\n  ProcessorApps,\n} from \"@powerhousedao/shared/processors\";\nimport { useCallback } from \"react\";\nimport {\n  addDocumentType,\n  addProcessorApp,\n  removeDocumentType,\n  removeProcessorApp,\n  setProcessorName,\n  setProcessorStatus,\n  setProcessorType,\n} from \"../../document-models/processor-module/index.js\";\nimport { useSelectedProcessorModuleDocument } from \"../hooks/useVetraDocument.js\";\nimport { ProcessorEditorForm } from \"./components/ProcessorEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedProcessorModuleDocument();\n\n  const onConfirm = useCallback(() => {\n    // Dispatch all actions at once\n    dispatch([setProcessorStatus({ status: \"CONFIRMED\" })]);\n  }, [dispatch]);\n\n  const onNameChange = useCallback(\n    (name: string) => {\n      if (name === document.state.global.name) return;\n      dispatch(setProcessorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onTypeChange = useCallback(\n    (type: string) => {\n      if (type === document.state.global.type) return;\n      dispatch(setProcessorType({ type }));\n    },\n    [document.state.global.type, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (id: string, documentType: string) => {\n      dispatch(addDocumentType({ id, documentType }));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (id: string) => {\n      dispatch(removeDocumentType({ id }));\n    },\n    [dispatch],\n  );\n\n  const onAddProcessorApp = useCallback(\n    (processorApp: ProcessorApp) => {\n      dispatch(addProcessorApp({ processorApp }));\n    },\n    [dispatch],\n  );\n\n  const onRemoveProcessorApp = useCallback(\n    (processorApp: ProcessorApp) => {\n      dispatch(removeProcessorApp({ processorApp }));\n    },\n    [dispatch],\n  );\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <ProcessorEditorForm\n        onNameChange={onNameChange}\n        onTypeChange={onTypeChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onAddProcessorApp={onAddProcessorApp}\n        onRemoveProcessorApp={onRemoveProcessorApp}\n        status={document.state.global.status}\n        processorName={document.state.global.name ?? \"\"}\n        processorType={document.state.global.type ?? \"\"}\n        documentTypes={document.state.global.documentTypes ?? []}\n        processorApps={document.state.global.processorApps as ProcessorApps}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/editors/hooks/index.js

@@ -1,2 +1,2 @@
-import { n as useAvailableDocumentTypes, t as useDebounce } from "../../hooks-Btogj1f0.js";
+import { n as useAvailableDocumentTypes, t as useDebounce } from "../../hooks-D_8Uwk1s.js";
 export { useAvailableDocumentTypes, useDebounce };

package/dist/editors/index.js

@@ -1,2 +1,2 @@
-import { a as DocumentEditorEditor, i as ProcessorModuleEditor, n as VetraDriveApp, o as AppEditor, r as SubgraphModuleEditor, t as VetraPackageEditor } from "../module-DySsSIQV.js";
+import { a as DocumentEditorEditor, i as ProcessorModuleEditor, n as VetraDriveApp, o as AppEditor, r as SubgraphModuleEditor, t as VetraPackageEditor } from "../module-BhsG8kkn.js";
 export { AppEditor, DocumentEditorEditor, ProcessorModuleEditor, SubgraphModuleEditor, VetraDriveApp, VetraPackageEditor };

package/dist/{factory-DcPyqWkY.js → factory-B6hBnFAf.js}

@@ -1,4 +1,4 @@
-import { t as logger } from "./logger-CYkStoEb.js";
+import { t as logger } from "./logger-DLnGUZk9.js";
 import { VETRA_PROCESSOR_CONFIG_KEY } from "@powerhousedao/config";
 //#region processors/codegen/factory.ts
 /**
@@ -26,7 +26,7 @@ const codegenFactoryBuilder = (module) => {
 		const [{ buildTsMorphProject }, { getConfig }, { CodegenProcessor }] = await Promise.all([
 			import("@powerhousedao/codegen/utils"),
 			import("@powerhousedao/config/node"),
-			import("./processor-BfQ_DU7u.js").then((n) => n.n)
+			import("./processor-D2z8Eq93.js").then((n) => n.n)
 		]);
 		const config = getConfig();
 		const cwd = process.cwd();
@@ -51,4 +51,4 @@ const codegenFactoryBuilder = (module) => {
 //#endregion
 export { codegenFactoryBuilder as t };
 
-//# sourceMappingURL=factory-DcPyqWkY.js.map
+//# sourceMappingURL=factory-B6hBnFAf.js.map

package/dist/{factory-DcPyqWkY.js.map → factory-B6hBnFAf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"factory-DcPyqWkY.js","names":[],"sources":["../processors/codegen/factory.ts"],"sourcesContent":["import type { VetraProcessorConfigType } from \"@powerhousedao/config\";\nimport { VETRA_PROCESSOR_CONFIG_KEY } from \"@powerhousedao/config\";\nimport type {\n  IProcessorHostModule,\n  ProcessorFactoryBuilder,\n  ProcessorRecord,\n} from \"@powerhousedao/reactor-browser\";\nimport type { PHDocumentHeader } from \"@powerhousedao/shared/document-model\";\nimport { logger } from \"./logger.js\";\n\n/**\n * Determines if a drive header matches the Vetra drive criteria.\n * @param driveHeader - The drive header to check\n * @param explicitDriveId - Optional explicit drive ID from config (if set, uses exact match)\n * @returns true if the drive is a Vetra drive, false otherwise\n */\nfunction isDriveVetra(\n  driveHeader: PHDocumentHeader,\n  driveIdFromConfig?: string,\n): boolean {\n  // If explicit drive ID is configured, use exact match\n  if (driveIdFromConfig) {\n    return (\n      driveHeader.slug === driveIdFromConfig ||\n      driveHeader.id === driveIdFromConfig\n    );\n  }\n\n  // Otherwise, check if slug/id matches Vetra pattern\n  // Matches \"vetra\" exactly or IDs starting with \"vetra-\" (case-insensitive)\n  const matchesPattern = (identifier: string): boolean => {\n    const lower = identifier.toLowerCase();\n    return lower === \"vetra\" || lower.startsWith(\"vetra-\");\n  };\n\n  return matchesPattern(driveHeader.slug) || matchesPattern(driveHeader.id);\n}\n\nexport const codegenFactoryBuilder: ProcessorFactoryBuilder = (\n  module: IProcessorHostModule,\n) => {\n  return async (driveHeader: PHDocumentHeader): Promise<ProcessorRecord[]> => {\n    const processorsConfig = module.config ?? new Map<string, unknown>();\n    const vetraConfig = processorsConfig.get(VETRA_PROCESSOR_CONFIG_KEY) as\n      | VetraProcessorConfigType\n      | undefined;\n\n    // Exit early if it's not a vetra drive\n    if (!isDriveVetra(driveHeader, vetraConfig?.driveId)) {\n      logger.debug(\n        `Drive ${driveHeader.slug} is not a Vetra drive, skipping codegen processor`,\n      );\n      return [];\n    }\n\n    logger.info(\n      `Drive ${driveHeader.slug} is a Vetra drive, using codegen processor`,\n    );\n\n    // Lazy-load codegen only once a Vetra drive is confirmed.\n    const [{ buildTsMorphProject }, { getConfig }, { CodegenProcessor }] =\n      await Promise.all([\n        import(\"@powerhousedao/codegen/utils\"),\n        import(\"@powerhousedao/config/node\"),\n        import(\"./processor.js\"),\n      ]);\n\n    const config = getConfig();\n    const cwd = process.cwd();\n\n    /* Use one instance of ts-morph project, which handles race conditions */\n    const project = buildTsMorphProject(cwd);\n    const processor = new CodegenProcessor(\n      project,\n      config,\n      cwd,\n      vetraConfig?.interactive,\n    );\n    return [\n      {\n        processor,\n        filter: {\n          branch: [\"main\"],\n          documentId: [\"*\"],\n          documentType: [\n            \"powerhouse/document-model\",\n            \"powerhouse/package\",\n            \"powerhouse/document-editor\",\n            \"powerhouse/subgraph\",\n            \"powerhouse/processor\",\n            \"powerhouse/app\",\n          ],\n          scope: [\"global\"],\n        },\n      },\n    ];\n  };\n};\n"],"mappings":";;;;;;;;;AAgBA,SAAS,aACP,aACA,mBACS;AAET,KAAI,kBACF,QACE,YAAY,SAAS,qBACrB,YAAY,OAAO;CAMvB,MAAM,kBAAkB,eAAgC;EACtD,MAAM,QAAQ,WAAW,aAAa;AACtC,SAAO,UAAU,WAAW,MAAM,WAAW,SAAS;;AAGxD,QAAO,eAAe,YAAY,KAAK,IAAI,eAAe,YAAY,GAAG;;AAG3E,MAAa,yBACX,WACG;AACH,QAAO,OAAO,gBAA8D;EAE1E,MAAM,eADmB,OAAO,0BAAU,IAAI,KAAsB,EAC/B,IAAI,2BAA2B;AAKpE,MAAI,CAAC,aAAa,aAAa,aAAa,QAAQ,EAAE;AACpD,UAAO,MACL,SAAS,YAAY,KAAK,mDAC3B;AACD,UAAO,EAAE;;AAGX,SAAO,KACL,SAAS,YAAY,KAAK,4CAC3B;EAGD,MAAM,CAAC,EAAE,uBAAuB,EAAE,aAAa,EAAE,sBAC/C,MAAM,QAAQ,IAAI;GAChB,OAAO;GACP,OAAO;GACP,OAAO,2BAAA,MAAA,MAAA,EAAA,EAAA;GACR,CAAC;EAEJ,MAAM,SAAS,WAAW;EAC1B,MAAM,MAAM,QAAQ,KAAK;AAUzB,SAAO,CACL;GACE,WARc,IAAI,iBADN,oBAAoB,IAAI,EAGtC,QACA,KACA,aAAa,YACd;GAIG,QAAQ;IACN,QAAQ,CAAC,OAAO;IAChB,YAAY,CAAC,IAAI;IACjB,cAAc;KACZ;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO,CAAC,SAAS;IAClB;GACF,CACF"}
+{"version":3,"file":"factory-B6hBnFAf.js","names":[],"sources":["../processors/codegen/factory.ts"],"sourcesContent":["import type { VetraProcessorConfigType } from \"@powerhousedao/config\";\nimport { VETRA_PROCESSOR_CONFIG_KEY } from \"@powerhousedao/config\";\nimport type {\n  IProcessorHostModule,\n  ProcessorFactoryBuilder,\n  ProcessorRecord,\n} from \"@powerhousedao/reactor-browser\";\nimport type { PHDocumentHeader } from \"@powerhousedao/shared/document-model\";\nimport { logger } from \"./logger.js\";\n\n/**\n * Determines if a drive header matches the Vetra drive criteria.\n * @param driveHeader - The drive header to check\n * @param explicitDriveId - Optional explicit drive ID from config (if set, uses exact match)\n * @returns true if the drive is a Vetra drive, false otherwise\n */\nfunction isDriveVetra(\n  driveHeader: PHDocumentHeader,\n  driveIdFromConfig?: string,\n): boolean {\n  // If explicit drive ID is configured, use exact match\n  if (driveIdFromConfig) {\n    return (\n      driveHeader.slug === driveIdFromConfig ||\n      driveHeader.id === driveIdFromConfig\n    );\n  }\n\n  // Otherwise, check if slug/id matches Vetra pattern\n  // Matches \"vetra\" exactly or IDs starting with \"vetra-\" (case-insensitive)\n  const matchesPattern = (identifier: string): boolean => {\n    const lower = identifier.toLowerCase();\n    return lower === \"vetra\" || lower.startsWith(\"vetra-\");\n  };\n\n  return matchesPattern(driveHeader.slug) || matchesPattern(driveHeader.id);\n}\n\nexport const codegenFactoryBuilder: ProcessorFactoryBuilder = (\n  module: IProcessorHostModule,\n) => {\n  return async (driveHeader: PHDocumentHeader): Promise<ProcessorRecord[]> => {\n    const processorsConfig = module.config ?? new Map<string, unknown>();\n    const vetraConfig = processorsConfig.get(VETRA_PROCESSOR_CONFIG_KEY) as\n      | VetraProcessorConfigType\n      | undefined;\n\n    // Exit early if it's not a vetra drive\n    if (!isDriveVetra(driveHeader, vetraConfig?.driveId)) {\n      logger.debug(\n        `Drive ${driveHeader.slug} is not a Vetra drive, skipping codegen processor`,\n      );\n      return [];\n    }\n\n    logger.info(\n      `Drive ${driveHeader.slug} is a Vetra drive, using codegen processor`,\n    );\n\n    // Lazy-load codegen only once a Vetra drive is confirmed.\n    const [{ buildTsMorphProject }, { getConfig }, { CodegenProcessor }] =\n      await Promise.all([\n        import(\"@powerhousedao/codegen/utils\"),\n        import(\"@powerhousedao/config/node\"),\n        import(\"./processor.js\"),\n      ]);\n\n    const config = getConfig();\n    const cwd = process.cwd();\n\n    /* Use one instance of ts-morph project, which handles race conditions */\n    const project = buildTsMorphProject(cwd);\n    const processor = new CodegenProcessor(\n      project,\n      config,\n      cwd,\n      vetraConfig?.interactive,\n    );\n    return [\n      {\n        processor,\n        filter: {\n          branch: [\"main\"],\n          documentId: [\"*\"],\n          documentType: [\n            \"powerhouse/document-model\",\n            \"powerhouse/package\",\n            \"powerhouse/document-editor\",\n            \"powerhouse/subgraph\",\n            \"powerhouse/processor\",\n            \"powerhouse/app\",\n          ],\n          scope: [\"global\"],\n        },\n      },\n    ];\n  };\n};\n"],"mappings":";;;;;;;;;AAgBA,SAAS,aACP,aACA,mBACS;AAET,KAAI,kBACF,QACE,YAAY,SAAS,qBACrB,YAAY,OAAO;CAMvB,MAAM,kBAAkB,eAAgC;EACtD,MAAM,QAAQ,WAAW,aAAa;AACtC,SAAO,UAAU,WAAW,MAAM,WAAW,SAAS;;AAGxD,QAAO,eAAe,YAAY,KAAK,IAAI,eAAe,YAAY,GAAG;;AAG3E,MAAa,yBACX,WACG;AACH,QAAO,OAAO,gBAA8D;EAE1E,MAAM,eADmB,OAAO,0BAAU,IAAI,KAAsB,EAC/B,IAAI,2BAA2B;AAKpE,MAAI,CAAC,aAAa,aAAa,aAAa,QAAQ,EAAE;AACpD,UAAO,MACL,SAAS,YAAY,KAAK,mDAC3B;AACD,UAAO,EAAE;;AAGX,SAAO,KACL,SAAS,YAAY,KAAK,4CAC3B;EAGD,MAAM,CAAC,EAAE,uBAAuB,EAAE,aAAa,EAAE,sBAC/C,MAAM,QAAQ,IAAI;GAChB,OAAO;GACP,OAAO;GACP,OAAO,2BAAA,MAAA,MAAA,EAAA,EAAA;GACR,CAAC;EAEJ,MAAM,SAAS,WAAW;EAC1B,MAAM,MAAM,QAAQ,KAAK;AAUzB,SAAO,CACL;GACE,WARc,IAAI,iBADN,oBAAoB,IAAI,EAGtC,QACA,KACA,aAAa,YACd;GAIG,QAAQ;IACN,QAAQ,CAAC,OAAO;IAChB,YAAY,CAAC,IAAI;IACjB,cAAc;KACZ;KACA;KACA;KACA;KACA;KACA;KACD;IACD,OAAO,CAAC,SAAS;IAClB;GACF,CACF"}

package/dist/{factory-BkA-IvkR.js → factory-Cn0UwIFB.js}

@@ -1,4 +1,4 @@
-import { t as logger } from "./logger-CYkStoEb.js";
+import { t as logger } from "./logger-DLnGUZk9.js";
 //#region processors/vetra-read-model/migrations.ts
 async function up(db) {
 	await db.schema.createTable("vetra_package").addColumn("document_id", "varchar(255)", (col) => col.primaryKey()).addColumn("name", "varchar(255)").addColumn("description", "text").addColumn("category", "varchar(255)").addColumn("author_name", "varchar(255)").addColumn("author_website", "varchar(512)").addColumn("keywords", "text").addColumn("github_url", "varchar(512)").addColumn("npm_url", "varchar(512)").addColumn("drive_id", "varchar(255)").addColumn("last_operation_index", "integer", (col) => col.notNull()).addColumn("last_operation_hash", "varchar(255)", (col) => col.notNull()).addColumn("last_operation_timestamp", "timestamptz", (col) => col.notNull()).addColumn("created_at", "timestamptz", (col) => col.notNull().defaultTo("now()")).addColumn("updated_at", "timestamptz", (col) => col.notNull().defaultTo("now()")).ifNotExists().execute();
@@ -76,4 +76,4 @@ const vetraReadModelFactoryBuilder = (module) => {
 //#endregion
 export { VetraReadModelProcessor as n, vetraReadModelFactoryBuilder as t };
 
-//# sourceMappingURL=factory-BkA-IvkR.js.map
+//# sourceMappingURL=factory-Cn0UwIFB.js.map