@powerhousedao/vetra-builder-package 0.0.16 → 0.0.18

package/dist/editors/builder-team-editor/components/SpaceItem.d.ts

@@ -0,0 +1,21 @@
+import { type VetraBuilderSpace, type VetraPackageInfo } from "document-models/builder-team/index.js";
+interface SpaceItemProps {
+    space: VetraBuilderSpace;
+    isEditing: boolean;
+    editingSpaceTitle: string;
+    editingSpaceDescription: string;
+    editingPackageId: string | null;
+    onEdit: () => void;
+    onDelete: () => void;
+    onSaveEdit: () => boolean;
+    onCancelEdit: () => void;
+    onSetEditingTitle: (title: string) => void;
+    onSetEditingDescription: (description: string) => void;
+    onAddPackage: (spaceId: string) => void;
+    onEditPackage: (packageId: string) => void;
+    onDeletePackage: (packageId: string) => void;
+    onSavePackage: (packageInfo: VetraPackageInfo) => void;
+    onCancelPackageEdit: () => void;
+}
+export declare function SpaceItem({ space, isEditing, editingSpaceTitle, editingSpaceDescription, editingPackageId, onEdit, onDelete, onSaveEdit, onCancelEdit, onSetEditingTitle, onSetEditingDescription, onAddPackage, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }: SpaceItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editors/builder-team-editor/components/SpaceItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, StringField } from "@powerhousedao/document-engineering";
+import { PackageItem } from "./PackageItem.js";
+function EditSpaceForm({ title, description, onTitleChange, onDescriptionChange, onSave, onCancel, }) {
+    return (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "editingSpaceTitle", label: "Space Title", value: title, onChange: (e) => onTitleChange(e.target.value), placeholder: "Enter space title" }), _jsx(StringField, { name: "editingSpaceDescription", label: "Description (optional)", value: description, onChange: (e) => onDescriptionChange(e.target.value), placeholder: "Enter space description" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: onSave, disabled: !title.trim(), children: "Save Changes" })] })] }) }));
+}
+export function SpaceItem({ space, isEditing, editingSpaceTitle, editingSpaceDescription, editingPackageId, onEdit, onDelete, onSaveEdit, onCancelEdit, onSetEditingTitle, onSetEditingDescription, onAddPackage, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }) {
+    if (isEditing) {
+        return (_jsx("div", { className: "border border-gray-200 rounded-lg p-4", children: _jsx(EditSpaceForm, { title: editingSpaceTitle, description: editingSpaceDescription, onTitleChange: onSetEditingTitle, onDescriptionChange: onSetEditingDescription, onSave: onSaveEdit, onCancel: onCancelEdit }) }));
+    }
+    return (_jsxs("div", { className: "border border-gray-200 rounded-lg p-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-md font-medium text-gray-900", children: space.title }), space.description && (_jsx("p", { className: "text-sm text-gray-500 mt-1", children: space.description })), _jsxs("p", { className: "text-xs text-gray-400 mt-1", children: [space.packages.length, " package", space.packages.length !== 1 ? "s" : ""] })] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx(Button, { color: "light", size: "sm", onClick: onEdit, children: "Edit" }), _jsx(Button, { color: "light", size: "sm", onClick: () => onAddPackage(space.id), children: "Add Package" }), _jsx(Button, { color: "red", size: "sm", onClick: onDelete, children: "Delete" })] })] }), space.packages.length > 0 && (_jsx("div", { className: "mt-4 space-y-2", children: space.packages.map((pkg) => (_jsx(PackageItem, { pkg: pkg, isEditing: editingPackageId === pkg.id, onEdit: () => onEditPackage(pkg.id), onDelete: () => onDeletePackage(pkg.id), onSave: (selectedPackage) => onSavePackage(selectedPackage), onCancel: onCancelPackageEdit }, pkg.id))) }))] }));
+}

package/dist/editors/builder-team-editor/components/SpacesSection.d.ts

@@ -0,0 +1,22 @@
+import type { BuilderTeamDocument, VetraPackageInfo } from "../../../document-models/builder-team/index.js";
+interface SpacesSectionProps {
+    spaces: BuilderTeamDocument["state"]["global"]["spaces"];
+    editingSpaceId: string | null;
+    editingSpaceTitle: string;
+    editingSpaceDescription: string;
+    editingPackageId: string | null;
+    onAddSpace: (title: string, description: string) => boolean;
+    onDeleteSpace: (spaceId: string) => void;
+    onStartEditingSpace: (spaceId: string) => void;
+    onSaveSpaceEdit: () => boolean;
+    onCancelSpaceEdit: () => void;
+    onSetEditingSpaceTitle: (title: string) => void;
+    onSetEditingSpaceDescription: (description: string) => void;
+    onAddPackageToSpace: (spaceId: string) => void;
+    onEditPackage: (packageId: string) => void;
+    onDeletePackage: (packageId: string) => void;
+    onSavePackage: (packageInfo: VetraPackageInfo) => void;
+    onCancelPackageEdit: () => void;
+}
+export declare function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }: SpacesSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/editors/builder-team-editor/components/SpacesSection.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/document-engineering";
+import { useState } from "react";
+import { SpaceForm } from "./SpaceForm.js";
+import { SpaceItem } from "./SpaceItem.js";
+export function SpacesSection({ spaces, editingSpaceId, editingSpaceTitle, editingSpaceDescription, editingPackageId, onAddSpace, onDeleteSpace, onStartEditingSpace, onSaveSpaceEdit, onCancelSpaceEdit, onSetEditingSpaceTitle, onSetEditingSpaceDescription, onAddPackageToSpace, onEditPackage, onDeletePackage, onSavePackage, onCancelPackageEdit, }) {
+    const [isAddingSpace, setIsAddingSpace] = useState(false);
+    const handleAddSpace = (title, description) => {
+        if (onAddSpace(title, description)) {
+            setIsAddingSpace(false);
+        }
+    };
+    return (_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsx("div", { className: "px-6 py-4 border-b border-gray-200", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Spaces" }), _jsx("p", { className: "text-sm text-gray-500", children: "Organize your packages into spaces" })] }), _jsx(Button, { onClick: () => setIsAddingSpace(true), children: "Add Space" })] }) }), _jsxs("div", { className: "p-6", children: [isAddingSpace && (_jsx(SpaceForm, { onSave: handleAddSpace, onCancel: () => setIsAddingSpace(false) })), _jsx("div", { className: "space-y-4", children: spaces.length > 0 ? (spaces.map((space) => (_jsx(SpaceItem, { space: space, isEditing: editingSpaceId === space.id, editingSpaceTitle: editingSpaceTitle, editingSpaceDescription: editingSpaceDescription, editingPackageId: editingPackageId, onEdit: () => onStartEditingSpace(space.id), onDelete: () => onDeleteSpace(space.id), onSaveEdit: onSaveSpaceEdit, onCancelEdit: onCancelSpaceEdit, onSetEditingTitle: onSetEditingSpaceTitle, onSetEditingDescription: onSetEditingSpaceDescription, onAddPackage: onAddPackageToSpace, onEditPackage: onEditPackage, onDeletePackage: onDeletePackage, onSavePackage: onSavePackage, onCancelPackageEdit: onCancelPackageEdit }, space.id)))) : (_jsx("div", { className: "text-center py-8 text-gray-500", children: _jsx("p", { children: "No spaces created yet. Create a space to organize your packages." }) })) })] })] }));
+}

package/dist/editors/builder-team-editor/config.d.ts

@@ -0,0 +1,6 @@
+export declare const config: {
+    renownGraphqlEndpoint: string;
+    vetraGraphqlEndpoint: string;
+    renownProfileBasePath: string;
+    vetraPackageBasePath: string;
+};

package/dist/editors/builder-team-editor/config.js

@@ -0,0 +1,11 @@
+const getEnvVar = (key, defaultValue) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+    const value = process.env[key];
+    return typeof value === "string" ? value : defaultValue;
+};
+export const config = {
+    renownGraphqlEndpoint: getEnvVar("VETRA_RENOWN_GRAPHQL_ENDPOINT", "https://switchboard.renown-staging.vetra.io/graphql"),
+    vetraGraphqlEndpoint: getEnvVar("VETRA_VETRA_GRAPHQL_ENDPOINT", "https://switchboard.staging.vetra.io/graphql"),
+    renownProfileBasePath: getEnvVar("VETRA_RENOWN_PROFILE_BASE_PATH", "phd://renown-staging.vetra.to/"),
+    vetraPackageBasePath: getEnvVar("VETRA_VETRA_PACKAGE_BASE_PATH", "phd://staging.vetra.to/"),
+};

package/dist/editors/builder-team-editor/editor.d.ts

@@ -0,0 +1,3 @@
+import type { EditorProps } from "document-model";
+export type IProps = EditorProps;
+export declare function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/builder-team-editor/editor.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSelectedDocument } from "@powerhousedao/reactor-browser";
+import { useState } from "react";
+import { actions } from "../../document-models/builder-team/index.js";
+import { Header } from "./components/Header.js";
+import { ProfileSection } from "./components/ProfileSection.js";
+import { SpacesSection } from "./components/SpacesSection.js";
+import { PackageForm } from "./components/PackageForm.js";
+import { MembersSection } from "./components/MembersSection.js";
+import { QuickStats } from "./components/QuickStats.js";
+import { useProfileHandlers } from "./hooks/useProfileHandlers.js";
+import { useSpaceHandlers } from "./hooks/useSpaceHandlers.js";
+import { usePackageHandlers } from "./hooks/usePackageHandlers.js";
+import { useMemberHandlers } from "./hooks/useMemberHandlers.js";
+import { generateNanoId } from "../../utils/nano-id.js";
+export function Editor(props) {
+    const [document, dispatch] = useSelectedDocument();
+    const typedDocument = document;
+    // Local UI state
+    const [isEditingProfile, setIsEditingProfile] = useState(false);
+    const [isAddingPackage, setIsAddingPackage] = useState(false);
+    const [selectedSpaceForPackage, setSelectedSpaceForPackage] = useState("");
+    const { state: { global }, } = typedDocument;
+    const { profile, spaces, members } = global;
+    // Custom hooks for handlers
+    const profileHandlers = useProfileHandlers(profile, dispatch);
+    const spaceHandlers = useSpaceHandlers(spaces, dispatch);
+    const packageHandlers = usePackageHandlers(spaces, dispatch);
+    const memberHandlers = useMemberHandlers(dispatch);
+    // Wrapper handlers for components
+    const handleAddPackageToSpace = (spaceId) => {
+        setSelectedSpaceForPackage(spaceId);
+        setIsAddingPackage(true);
+    };
+    const handleSavePackage = (spaceId, packageInfo) => {
+        if (!packageInfo) {
+            return false;
+        }
+        // Create the package first with a generated ID
+        const id = generateNanoId();
+        dispatch(actions.addPackage({ id, spaceId }));
+        // Update the package with full info from the PHID selection
+        dispatch(actions.updatePackageInfo({
+            id,
+            phid: packageInfo.phid,
+            title: packageInfo.title,
+            description: packageInfo.description,
+            github: packageInfo.github,
+            npm: packageInfo.npm,
+            vetraDriveUrl: packageInfo.vetraDriveUrl,
+        }));
+        setIsAddingPackage(false);
+        setSelectedSpaceForPackage("");
+        return true;
+    };
+    const handleCancelAddPackage = () => {
+        setIsAddingPackage(false);
+        setSelectedSpaceForPackage("");
+    };
+    return (_jsxs("div", { className: "html-defaults-container min-h-screen bg-gray-50", children: [_jsx(Header, { profile: profile, isEditingProfile: isEditingProfile, onToggleEdit: () => setIsEditingProfile(!isEditingProfile) }), _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8", children: _jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", children: [_jsxs("div", { className: "lg:col-span-2 space-y-8", children: [_jsx(ProfileSection, { profile: profile, isEditing: isEditingProfile, onSetProfileName: profileHandlers.handleSetProfileName, onSetSlug: profileHandlers.handleSetSlug, onSetDescription: profileHandlers.handleSetProfileDescription, onSetLogo: profileHandlers.handleSetLogo, onUpdateSocials: profileHandlers.handleUpdateSocials, onClose: () => setIsEditingProfile(false) }), _jsx(SpacesSection, { spaces: spaces, editingSpaceId: spaceHandlers.editingSpaceId, editingSpaceTitle: spaceHandlers.editingSpaceTitle, editingSpaceDescription: spaceHandlers.editingSpaceDescription, editingPackageId: packageHandlers.editingPackageId, onAddSpace: spaceHandlers.handleAddSpace, onDeleteSpace: spaceHandlers.handleDeleteSpace, onStartEditingSpace: spaceHandlers.handleStartEditingSpace, onSaveSpaceEdit: spaceHandlers.handleSaveSpaceEdit, onCancelSpaceEdit: spaceHandlers.handleCancelSpaceEdit, onSetEditingSpaceTitle: spaceHandlers.setEditingSpaceTitle, onSetEditingSpaceDescription: spaceHandlers.setEditingSpaceDescription, onAddPackageToSpace: handleAddPackageToSpace, onEditPackage: packageHandlers.handleStartEditingPackage, onDeletePackage: packageHandlers.handleDeletePackage, onSavePackage: (packageInfo) => {
+                                        // Update the package with info
+                                        dispatch(actions.updatePackageInfo({
+                                            id: packageInfo.id,
+                                            phid: packageInfo.phid,
+                                            title: packageInfo.title,
+                                            description: packageInfo.description,
+                                            github: packageInfo.github,
+                                            npm: packageInfo.npm,
+                                            vetraDriveUrl: packageInfo.vetraDriveUrl,
+                                        }));
+                                        packageHandlers.handleCancelPackageEdit();
+                                    }, onCancelPackageEdit: packageHandlers.handleCancelPackageEdit }), isAddingPackage && (_jsx(PackageForm, { spaceId: selectedSpaceForPackage, onSave: handleSavePackage, onCancel: handleCancelAddPackage }))] }), _jsxs("div", { className: "space-y-6", children: [_jsx(MembersSection, { members: members, onAddMember: memberHandlers.handleAddMember, onRemoveMember: memberHandlers.handleRemoveMember }), _jsx(QuickStats, { spaces: spaces, members: members })] })] }) })] }));
+}

package/dist/editors/builder-team-editor/hooks/useMemberHandlers.d.ts

@@ -0,0 +1,12 @@
+import { type DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type Action } from "document-model";
+export interface MemberProfileData {
+    phid: string;
+    ethAddress: string;
+    name: string;
+    profileImage?: string;
+}
+export declare function useMemberHandlers(dispatch: DocumentDispatch<Action>): {
+    handleAddMember: (profileData: MemberProfileData) => boolean;
+    handleRemoveMember: (id: string) => void;
+};

package/dist/editors/builder-team-editor/hooks/useMemberHandlers.js

@@ -0,0 +1,27 @@
+import { useCallback } from "react";
+import { actions } from "../../../document-models/builder-team/index.js";
+import { generateNanoId } from "../../../utils/nano-id.js";
+export function useMemberHandlers(dispatch) {
+    const handleAddMember = useCallback((profileData) => {
+        if (profileData.ethAddress.trim()) {
+            const id = generateNanoId();
+            dispatch(actions.addMember({ id }));
+            dispatch(actions.updateMemberInfo({
+                id,
+                phid: profileData.phid,
+                ethAddress: profileData.ethAddress.trim(),
+                name: profileData.name,
+                profileImage: profileData.profileImage,
+            }));
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    const handleRemoveMember = useCallback((id) => {
+        dispatch(actions.removeMember({ id }));
+    }, [dispatch]);
+    return {
+        handleAddMember,
+        handleRemoveMember,
+    };
+}

package/dist/editors/builder-team-editor/hooks/usePackageHandlers.d.ts

@@ -0,0 +1,11 @@
+import { type BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+import { type DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type Action } from "document-model";
+export declare function usePackageHandlers(spaces: BuilderTeamDocument["state"]["global"]["spaces"], dispatch: DocumentDispatch<Action>): {
+    editingPackageId: string | null;
+    handleAddPackage: (spaceId: string, name: string, description: string) => boolean;
+    handleDeletePackage: (packageId: string) => void;
+    handleStartEditingPackage: (packageId: string) => void;
+    handleSavePackageEdit: (packageId: string, name: string, description: string) => boolean;
+    handleCancelPackageEdit: () => void;
+};

package/dist/editors/builder-team-editor/hooks/usePackageHandlers.js

@@ -0,0 +1,49 @@
+import { useCallback, useState } from "react";
+import { actions, } from "../../../document-models/builder-team/index.js";
+import { generateNanoId } from "../../../utils/nano-id.js";
+export function usePackageHandlers(spaces, dispatch) {
+    const [editingPackageId, setEditingPackageId] = useState(null);
+    const handleAddPackage = useCallback((spaceId, name, description) => {
+        if (name.trim() && spaceId) {
+            const id = generateNanoId();
+            dispatch(actions.addPackage({ id, spaceId }));
+            dispatch(actions.updatePackageInfo({
+                id,
+                title: name.trim(),
+                description: description.trim() || null,
+            }));
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    const handleDeletePackage = useCallback((packageId) => {
+        dispatch(actions.removePackage({ id: packageId }));
+    }, [dispatch]);
+    const handleStartEditingPackage = useCallback((packageId) => {
+        setEditingPackageId(packageId);
+    }, []);
+    const handleSavePackageEdit = useCallback((packageId, name, description) => {
+        console.log("handleSavePackageEdit", packageId, name, description);
+        if (packageId && name.trim()) {
+            dispatch(actions.updatePackageInfo({
+                id: packageId,
+                title: name.trim(),
+                description: description.trim() || null,
+            }));
+            setEditingPackageId(null);
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    const handleCancelPackageEdit = useCallback(() => {
+        setEditingPackageId(null);
+    }, []);
+    return {
+        editingPackageId,
+        handleAddPackage,
+        handleDeletePackage,
+        handleStartEditingPackage,
+        handleSavePackageEdit,
+        handleCancelPackageEdit,
+    };
+}

package/dist/editors/builder-team-editor/hooks/useProfileHandlers.d.ts

@@ -0,0 +1,14 @@
+import { type BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+import { type Action } from "document-model";
+import { type DocumentDispatch } from "@powerhousedao/reactor-browser";
+export declare function useProfileHandlers(profile: BuilderTeamDocument["state"]["global"]["profile"], dispatch: DocumentDispatch<Action>): {
+    handleSetProfileName: (name: string) => void;
+    handleSetSlug: (slug: string) => void;
+    handleSetProfileDescription: (description: string) => void;
+    handleSetLogo: (logoUrl: string) => void;
+    handleUpdateSocials: (socials: {
+        github?: string | null;
+        website?: string | null;
+        x?: string | null;
+    }) => void;
+};

package/dist/editors/builder-team-editor/hooks/useProfileHandlers.js

@@ -0,0 +1,38 @@
+import { useCallback } from "react";
+import { actions, } from "../../../document-models/builder-team/index.js";
+export function useProfileHandlers(profile, dispatch) {
+    const handleSetProfileName = useCallback((name) => {
+        if (name.trim() && name !== profile.name) {
+            dispatch(actions.setTeamName({ name: name.trim() }));
+        }
+    }, [profile.name, dispatch]);
+    const handleSetSlug = useCallback((slug) => {
+        if (slug.trim() && slug !== profile.slug) {
+            dispatch(actions.setSlug({ slug: slug.trim() }));
+        }
+    }, [profile.slug, dispatch]);
+    const handleSetProfileDescription = useCallback((description) => {
+        if (description !== profile.description) {
+            dispatch(actions.setDescription({ description: description.trim() || null }));
+        }
+    }, [profile.description, dispatch]);
+    const handleSetLogo = useCallback((logoUrl) => {
+        if (logoUrl.trim() && logoUrl !== profile.logo) {
+            dispatch(actions.setLogo({ logo: logoUrl.trim() }));
+        }
+    }, [profile.logo, dispatch]);
+    const handleUpdateSocials = useCallback((socials) => {
+        dispatch(actions.setSocials({
+            github: socials.github?.trim() || null,
+            website: socials.website?.trim() || null,
+            xProfile: socials.x?.trim() || null,
+        }));
+    }, [dispatch]);
+    return {
+        handleSetProfileName,
+        handleSetSlug,
+        handleSetProfileDescription,
+        handleSetLogo,
+        handleUpdateSocials,
+    };
+}

package/dist/editors/builder-team-editor/hooks/useSpaceHandlers.d.ts

@@ -0,0 +1,15 @@
+import { type BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+import { type DocumentDispatch } from "@powerhousedao/reactor-browser";
+import { type Action } from "document-model";
+export declare function useSpaceHandlers(spaces: BuilderTeamDocument["state"]["global"]["spaces"], dispatch: DocumentDispatch<Action>): {
+    editingSpaceId: string | null;
+    editingSpaceTitle: string;
+    setEditingSpaceTitle: import("react").Dispatch<import("react").SetStateAction<string>>;
+    editingSpaceDescription: string;
+    setEditingSpaceDescription: import("react").Dispatch<import("react").SetStateAction<string>>;
+    handleAddSpace: (title: string, description: string) => boolean;
+    handleDeleteSpace: (spaceId: string) => void;
+    handleStartEditingSpace: (spaceId: string) => void;
+    handleSaveSpaceEdit: () => boolean;
+    handleCancelSpaceEdit: () => void;
+};

package/dist/editors/builder-team-editor/hooks/useSpaceHandlers.js

@@ -0,0 +1,82 @@
+import { useCallback, useState } from "react";
+import { actions, } from "../../../document-models/builder-team/index.js";
+import { generateNanoId } from "../../../utils/nano-id.js";
+export function useSpaceHandlers(spaces, dispatch) {
+    const [editingSpaceId, setEditingSpaceId] = useState(null);
+    const [editingSpaceTitle, setEditingSpaceTitle] = useState("");
+    const [editingSpaceDescription, setEditingSpaceDescription] = useState("");
+    const handleAddSpace = useCallback((title, description) => {
+        if (title.trim()) {
+            // Generate a nano id for the space
+            const id = generateNanoId();
+            // Create the space with the generated ID
+            dispatch(actions.addSpace({
+                id,
+            }));
+            // Update the space with title and description
+            dispatch(actions.updateSpaceInfo({
+                id,
+                title: title.trim(),
+                description: description.trim() || undefined,
+            }));
+            return true;
+        }
+        return false;
+    }, [dispatch]);
+    const handleDeleteSpace = useCallback((spaceId) => {
+        dispatch(actions.removeSpace({ id: spaceId }));
+    }, [dispatch]);
+    const handleSetSpaceTitle = useCallback((spaceId, newTitle) => {
+        if (newTitle.trim()) {
+            dispatch(actions.updateSpaceInfo({ id: spaceId, title: newTitle.trim() }));
+        }
+    }, [dispatch]);
+    const handleSetSpaceDescription = useCallback((spaceId, description) => {
+        dispatch(actions.updateSpaceInfo({
+            id: spaceId,
+            description: description.trim(),
+        }));
+    }, [dispatch]);
+    const handleStartEditingSpace = useCallback((spaceId) => {
+        const space = spaces.find((s) => s.id === spaceId);
+        if (space) {
+            setEditingSpaceId(spaceId);
+            setEditingSpaceTitle(space.title);
+            setEditingSpaceDescription(space.description || "");
+        }
+    }, [spaces]);
+    const handleSaveSpaceEdit = useCallback(() => {
+        if (editingSpaceId && editingSpaceTitle.trim()) {
+            handleSetSpaceTitle(editingSpaceId, editingSpaceTitle);
+            handleSetSpaceDescription(editingSpaceId, editingSpaceDescription);
+            setEditingSpaceId(null);
+            setEditingSpaceTitle("");
+            setEditingSpaceDescription("");
+            return true;
+        }
+        return false;
+    }, [
+        editingSpaceId,
+        editingSpaceTitle,
+        editingSpaceDescription,
+        handleSetSpaceTitle,
+        handleSetSpaceDescription,
+    ]);
+    const handleCancelSpaceEdit = useCallback(() => {
+        setEditingSpaceId(null);
+        setEditingSpaceTitle("");
+        setEditingSpaceDescription("");
+    }, []);
+    return {
+        editingSpaceId,
+        editingSpaceTitle,
+        setEditingSpaceTitle,
+        editingSpaceDescription,
+        setEditingSpaceDescription,
+        handleAddSpace,
+        handleDeleteSpace,
+        handleStartEditingSpace,
+        handleSaveSpaceEdit,
+        handleCancelSpaceEdit,
+    };
+}

package/dist/editors/builder-team-editor/index.d.ts

@@ -0,0 +1,2 @@
+import type { EditorModule } from "document-model";
+export declare const module: EditorModule;

package/dist/editors/builder-team-editor/index.js

@@ -0,0 +1,11 @@
+import { Editor } from "./editor.js";
+export const module = {
+    Component: Editor,
+    documentTypes: ["powerhouse/builder-team"],
+    config: {
+        id: "builder-team-editor",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};

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

@@ -0,0 +1,3 @@
+import type { BuilderTeamAction, BuilderTeamDocument } from "../../document-models/builder-team/index.js";
+export declare function useBuilderTeamDocument(documentId: string | null | undefined): never[] | [BuilderTeamDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<BuilderTeamAction>];
+export declare function useSelectedBuilderTeamDocument(): never[] | [BuilderTeamDocument, import("@powerhousedao/reactor-browser").DocumentDispatch<BuilderTeamAction>];

package/dist/editors/hooks/useBuilderTeamDocument.js

@@ -0,0 +1,8 @@
+import { useDocumentOfType, useSelectedDocumentId, } from "@powerhousedao/reactor-browser";
+export function useBuilderTeamDocument(documentId) {
+    return useDocumentOfType(documentId, "powerhouse/builder-team");
+}
+export function useSelectedBuilderTeamDocument() {
+    const selectedDocumentId = useSelectedDocumentId();
+    return useBuilderTeamDocument(selectedDocumentId);
+}

package/dist/editors/index.d.ts

@@ -1,3 +1,2 @@
 export {};
-export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";
-export { module as RenownProfileEditor } from "./renown-profile-editor/index.js";
+export { module as BuilderTeamEditor } from "./builder-team-editor/index.js";

package/dist/editors/index.js

@@ -1,2 +1 @@
-export { module as BuilderAccountEditor } from "./builder-account-editor/index.js";
-export { module as RenownProfileEditor } from "./renown-profile-editor/index.js";
+export { module as BuilderTeamEditor } from "./builder-team-editor/index.js";

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import type { Manifest } from "document-model";
 export declare const manifest: Manifest;
-export declare const documentModels: (import("document-model").DocumentModelModule<import("./document-models/builder-account/gen").BuilderAccountPHState> | import("document-model").DocumentModelModule<import("./document-models/renown-profile/gen").RenownProfilePHState>)[];
+export declare const documentModels: import("document-model").DocumentModelModule<import("./document-models/builder-team/gen").BuilderTeamPHState>[];
 export declare const editors: import("document-model").EditorModule[];

package/dist/powerhouse.manifest.json

@@ -1,7 +1,7 @@
 {
-    "name": "Vetra Builder Package",
+    "name": "powerhouse/vetra-builder-package",
     "description": "",
-    "category": "Engineering",
+    "category": "People & Culture",
     "publisher": {
         "name": "Powerhouse Inc.",
         "url": "https://www.powerhouse.inc"
@@ -18,6 +18,14 @@
         {
             "id": "powerhouse/renown-profile",
             "name": "RenownProfile"
+        },
+        {
+            "id": "powerhouse/builder-team",
+            "name": "BuilderTeam"
+        },
+        {
+            "id": "powerhouse/vetra/builder-team",
+            "name": "BuilderTeam"
         }
     ],
     "editors": [
@@ -27,18 +35,25 @@
             "documentTypes": [
                 "powerhouse/renown-profile"
             ]
+        },
+        {
+            "id": "builder-team-editor",
+            "name": "Builder Team Editor",
+            "documentTypes": [
+                "powerhouse/builder-team"
+            ]
         }
     ],
     "apps": [],
     "subgraphs": [
         {
-            "id": "vetra",
-            "name": "vetra",
+            "id": "vetra-builder-read-model",
+            "name": "vetra-builder-read-model",
             "documentTypes": []
         },
         {
-            "id": "renown-read-model",
-            "name": "RenownReadModel",
+            "id": "vetra-builders",
+            "name": "VetraBuilders",
             "documentTypes": []
         }
     ],

package/dist/processors/factory.d.ts

@@ -1,7 +1,3 @@
-/**
- * This file aggregates all processor factories
- * Auto-generated by codegen - DO NOT EDIT MANUALLY
- */
 import { type IProcessorHostModule, type ProcessorRecord } from "document-drive/processors/types";
 import { type PHDocumentHeader } from "document-model";
 export declare const processorFactory: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => Promise<ProcessorRecord[]>;

package/dist/processors/factory.js

@@ -1,11 +1,13 @@
-import { renownProfileProcessorFactory } from "./renown-profile/factory.js";
-import { vetraReadModelProcessorFactory } from "./vetra-read-model/factory.js";
+/*
+ * This file aggregates all processor factories
+ * Auto-generated by codegen - DO NOT EDIT MANUALLY
+ */
+import { vetraBuilderTeamRelationalDbProcessorFactory } from "./vetra-builder-relational-db-processor/factory.js";
 export const processorFactory = (module) => {
     // Initialize all processor factories once with the module
     const factories = [];
     // Add other processors here as they are generated
-    factories.push(vetraReadModelProcessorFactory(module));
-    factories.push(renownProfileProcessorFactory(module));
+    factories.push(vetraBuilderTeamRelationalDbProcessorFactory(module));
     // Return the inner function that will be called for each drive
     return async (driveHeader) => {
         const processors = [];

package/dist/processors/index.d.ts

@@ -1,5 +1,3 @@
-export { VetraReadModelProcessor } from "./vetra-read-model/index.js";
-export { vetraReadModelProcessorFactory } from "./vetra-read-model/factory.js";
 export { processorFactory } from "./factory.js";
-export * as RenownProfileProcessor from "./renown-profile/index.js";
-export { renownProfileProcessorFactory } from "./renown-profile/factory.js";
+export * as VetraBuilderRelationalDbProcessorProcessor from "./vetra-builder-relational-db-processor/index.js";
+export { vetraBuilderTeamRelationalDbProcessorFactory } from "./vetra-builder-relational-db-processor/factory.js";

package/dist/processors/index.js

@@ -1,5 +1,3 @@
-export { VetraReadModelProcessor } from "./vetra-read-model/index.js";
-export { vetraReadModelProcessorFactory } from "./vetra-read-model/factory.js";
 export { processorFactory } from "./factory.js";
-export * as RenownProfileProcessor from "./renown-profile/index.js";
-export { renownProfileProcessorFactory } from "./renown-profile/factory.js";
+export * as VetraBuilderRelationalDbProcessorProcessor from "./vetra-builder-relational-db-processor/index.js";
+export { vetraBuilderTeamRelationalDbProcessorFactory } from "./vetra-builder-relational-db-processor/factory.js";

package/dist/processors/old_vetra-builder-relational-db-processor/factory.d.ts

@@ -0,0 +1,3 @@
+import { type ProcessorRecord, type IProcessorHostModule } from "document-drive/processors/types";
+import { type PHDocumentHeader } from "document-model";
+export declare const vetraBuilderRelationalDbProcessorProcessorFactory: (module: IProcessorHostModule) => (driveHeader: PHDocumentHeader) => Promise<ProcessorRecord[]>;

package/dist/processors/old_vetra-builder-relational-db-processor/factory.js

@@ -0,0 +1,22 @@
+import { VetraBuilderRelationalDbProcessorProcessor } from "./index.js";
+export const vetraBuilderRelationalDbProcessorProcessorFactory = (module) => async (driveHeader) => {
+    // Create a namespace for the processor and the provided drive id
+    const namespace = VetraBuilderRelationalDbProcessorProcessor.getNamespace(driveHeader.id);
+    // Create a namespaced db for the processor
+    const store = await module.relationalDb.createNamespace(namespace);
+    // Create a filter for the processor
+    const filter = {
+        branch: ["main"],
+        documentId: ["*"],
+        documentType: ["powerhouse/builder-team"],
+        scope: ["global"],
+    };
+    // Create the processor
+    const processor = new VetraBuilderRelationalDbProcessorProcessor(namespace, filter, store);
+    return [
+        {
+            processor,
+            filter,
+        },
+    ];
+};

package/dist/processors/old_vetra-builder-relational-db-processor/index.d.ts

@@ -0,0 +1,9 @@
+import { RelationalDbProcessor } from "document-drive/processors/relational";
+import { type InternalTransmitterUpdate } from "document-drive/server/listener/transmitter/internal";
+import { type DB } from "./schema.js";
+export declare class VetraBuilderRelationalDbProcessorProcessor extends RelationalDbProcessor<DB> {
+    static getNamespace(driveId: string): string;
+    initAndUpgrade(): Promise<void>;
+    onStrands(strands: InternalTransmitterUpdate[]): Promise<void>;
+    onDisconnect(): Promise<void>;
+}