@powerhousedao/vetra-builder-package 0.0.17 → 0.0.19

package/dist/document-models/builder-team/src/tests/profile.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/builder-team/src/tests/profile.test.js

@@ -0,0 +1,56 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import utils from "../../gen/utils.js";
+import { z, } from "../../gen/schema/index.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/profile/creators.js";
+describe("Profile Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it("should handle setLogo operation", () => {
+        const input = generateMock(z.SetLogoInputSchema());
+        const updatedDocument = reducer(document, creators.setLogo(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_LOGO");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setTeamName operation", () => {
+        const input = generateMock(z.SetTeamNameInputSchema());
+        const updatedDocument = reducer(document, creators.setTeamName(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_TEAM_NAME");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setSlug operation", () => {
+        const input = generateMock(z.SetSlugInputSchema());
+        const updatedDocument = reducer(document, creators.setSlug(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_SLUG");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setDescription operation", () => {
+        const input = generateMock(z.SetDescriptionInputSchema());
+        const updatedDocument = reducer(document, creators.setDescription(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_DESCRIPTION");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle setSocials operation", () => {
+        const input = generateMock(z.SetSocialsInputSchema());
+        const updatedDocument = reducer(document, creators.setSocials(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("SET_SOCIALS");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

package/dist/document-models/builder-team/src/tests/spaces.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};

package/dist/document-models/builder-team/src/tests/spaces.test.js

@@ -0,0 +1,40 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect, beforeEach } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import utils from "../../gen/utils.js";
+import { z, } from "../../gen/schema/index.js";
+import { reducer } from "../../gen/reducer.js";
+import * as creators from "../../gen/spaces/creators.js";
+describe("Spaces Operations", () => {
+    let document;
+    beforeEach(() => {
+        document = utils.createDocument();
+    });
+    it("should handle addSpace operation", () => {
+        const input = generateMock(z.AddSpaceInputSchema());
+        const updatedDocument = reducer(document, creators.addSpace(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("ADD_SPACE");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle updateSpaceInfo operation", () => {
+        const input = generateMock(z.UpdateSpaceInfoInputSchema());
+        const updatedDocument = reducer(document, creators.updateSpaceInfo(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("UPDATE_SPACE_INFO");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+    it("should handle removeSpace operation", () => {
+        const input = generateMock(z.RemoveSpaceInputSchema());
+        const updatedDocument = reducer(document, creators.removeSpace(input));
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("REMOVE_SPACE");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

package/dist/document-models/builder-team/src/utils.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/document-models/builder-team/src/utils.js

@@ -0,0 +1 @@
+export {};

package/dist/document-models/index.d.ts

@@ -1,2 +1,2 @@
 export {};
-export { module as BuilderAccount } from "./builder-account/index.js";
+export { module as BuilderTeam } from "./builder-team/index.js";

package/dist/document-models/index.js

@@ -1 +1 @@
-export { module as BuilderAccount } from "./builder-account/index.js";
+export { module as BuilderTeam } from "./builder-team/index.js";

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

@@ -0,0 +1,8 @@
+import type { BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+interface HeaderProps {
+    profile: BuilderTeamDocument['state']['global']['profile'];
+    isEditingProfile: boolean;
+    onToggleEdit: () => void;
+}
+export declare function Header({ profile, isEditingProfile, onToggleEdit }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/document-engineering";
+export function Header({ profile, isEditingProfile, onToggleEdit }) {
+    return (_jsx("div", { className: "bg-white shadow-sm border-b", children: _jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: _jsx("div", { className: "py-6", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: profile.logo ? (_jsx("img", { className: "w-12 h-12 rounded-lg object-cover", src: profile.logo, alt: "Logo" })) : (_jsx("div", { className: "w-12 h-12 bg-blue-600 rounded-lg flex items-center justify-center", children: _jsx("svg", { className: "w-6 h-6 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }) })) }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold text-gray-900", children: profile.name || "Builder Account" }), _jsx("p", { className: "text-sm text-gray-500", children: profile.slug ? `@${profile.slug}` : "Manage your builder profile and packages" })] })] }), _jsx("div", { className: "flex items-center space-x-3", children: _jsx(Button, { color: "light", onClick: onToggleEdit, children: isEditingProfile ? "Cancel" : "Edit Profile" }) })] }) }) }) }));
+}

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

@@ -0,0 +1,14 @@
+import type { BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+interface MemberProfileData {
+    phid: string;
+    ethAddress: string;
+    name: string;
+    profileImage?: string;
+}
+interface MembersSectionProps {
+    members: BuilderTeamDocument["state"]["global"]["members"];
+    onAddMember: (profileData: MemberProfileData) => boolean;
+    onRemoveMember: (id: string) => void;
+}
+export declare function MembersSection({ members, onAddMember, onRemoveMember, }: MembersSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, PHIDField } from "@powerhousedao/document-engineering";
+import { useState } from "react";
+import { GraphQLClient } from "graphql-request";
+import { config } from "../config.js";
+const graphqlClient = new GraphQLClient(config.renownGraphqlEndpoint);
+const SEARCH_PROFILES_QUERY = `
+  query ($input: GetProfilesInput!) {
+    getProfiles(input: $input) {
+      documentId
+      ethAddress
+      updatedAt
+      userImage
+      username
+    }
+  }
+`;
+export function MembersSection({ members, onAddMember, onRemoveMember, }) {
+    const [selectedProfile, setSelectedProfile] = useState(null);
+    // Cache of profiles from the last search to avoid refetching on select
+    const [profilesCache, setProfilesCache] = useState(new Map());
+    const handleAddMember = () => {
+        if (selectedProfile) {
+            const success = onAddMember({
+                phid: selectedProfile.documentId,
+                ethAddress: selectedProfile.ethAddress,
+                name: selectedProfile.username,
+                profileImage: selectedProfile.userImage,
+            });
+            if (success) {
+                setSelectedProfile(null);
+            }
+        }
+    };
+    return (_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Team Members" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage team access" })] }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-3", children: [_jsx(PHIDField, { name: "memberProfile", label: "Search for team member", value: selectedProfile?.documentId ?? undefined, initialOptions: selectedProfile
+                                            ? [
+                                                {
+                                                    value: selectedProfile.documentId,
+                                                    title: selectedProfile.username,
+                                                    description: selectedProfile.ethAddress,
+                                                    path: {
+                                                        text: `${config.renownProfileBasePath}/${selectedProfile.username}`,
+                                                        url: `${config.renownProfileBasePath}/${selectedProfile.username}`,
+                                                    },
+                                                },
+                                            ]
+                                            : [], allowUris: false, autoComplete: true, fetchOptionsCallback: async (userInput) => {
+                                            const data = await graphqlClient.request(SEARCH_PROFILES_QUERY, {
+                                                input: {
+                                                    driveId: "renown-profiles",
+                                                    searchString: userInput,
+                                                },
+                                            });
+                                            // Update the cache with the search results
+                                            const newCache = new Map(profilesCache);
+                                            data.getProfiles.forEach((profile) => {
+                                                newCache.set(profile.documentId, {
+                                                    documentId: profile.documentId,
+                                                    ethAddress: profile.ethAddress,
+                                                    username: profile.username,
+                                                    userImage: profile.userImage,
+                                                });
+                                            });
+                                            setProfilesCache(newCache);
+                                            return data.getProfiles.map((profile) => ({
+                                                id: profile.documentId,
+                                                title: profile.username,
+                                                value: profile.documentId,
+                                                description: profile.ethAddress,
+                                                path: {
+                                                    text: `${config.renownProfileBasePath}/${profile.username}`,
+                                                    url: `${config.renownProfileBasePath}/${profile.username}`,
+                                                },
+                                            }));
+                                        }, fetchSelectedOptionCallback: async (value) => {
+                                            // First check cache
+                                            const cachedProfile = profilesCache.get(value);
+                                            if (cachedProfile) {
+                                                setSelectedProfile(cachedProfile);
+                                                return {
+                                                    title: cachedProfile.username,
+                                                    value: cachedProfile.documentId,
+                                                    description: cachedProfile.ethAddress,
+                                                    path: {
+                                                        text: `${config.renownProfileBasePath}/${cachedProfile.username}`,
+                                                        url: `${config.renownProfileBasePath}/${cachedProfile.username}`,
+                                                    },
+                                                };
+                                            }
+                                            // If not in cache, fetch by searching for the documentId
+                                            // Note: This is a fallback that may not work perfectly
+                                            // Ideally the API would support querying by documentId directly
+                                            const data = await graphqlClient.request(SEARCH_PROFILES_QUERY, {
+                                                input: {
+                                                    driveId: "renown-profiles",
+                                                    searchString: value,
+                                                },
+                                            });
+                                            const profile = data.getProfiles.find((p) => p.documentId === value) ||
+                                                data.getProfiles[0];
+                                            if (!profile) {
+                                                return;
+                                            }
+                                            const profileData = {
+                                                documentId: profile.documentId,
+                                                ethAddress: profile.ethAddress,
+                                                username: profile.username,
+                                                userImage: profile.userImage,
+                                            };
+                                            setSelectedProfile(profileData);
+                                            // Update cache
+                                            const newCache = new Map(profilesCache);
+                                            newCache.set(profile.documentId, profileData);
+                                            setProfilesCache(newCache);
+                                            return {
+                                                title: profile.username,
+                                                value: profile.documentId,
+                                                description: profile.ethAddress,
+                                                path: {
+                                                    text: `${config.renownProfileBasePath}/${profile.username}`,
+                                                    url: `${config.renownProfileBasePath}/${profile.username}`,
+                                                },
+                                            };
+                                        }, onChange: (value) => {
+                                            if (!value) {
+                                                setSelectedProfile(null);
+                                                return;
+                                            }
+                                            // Use cached profile data if available
+                                            const profile = profilesCache.get(value);
+                                            if (profile) {
+                                                setSelectedProfile(profile);
+                                            }
+                                        }, variant: "withValueTitleAndDescription", required: false, viewMode: "edition", placeholder: "Enter username or ENS name" }), _jsx("div", { className: "flex justify-end", children: _jsx(Button, { onClick: handleAddMember, disabled: !selectedProfile, children: "Add Member" }) })] }) }), _jsx("div", { className: "space-y-2", children: members.length > 0 ? (members.map((member) => (_jsxs("div", { className: "flex items-center justify-between p-2 bg-gray-50 rounded border hover:bg-gray-100 transition-colors cursor-pointer", onClick: () => {
+                                    if (member.phid) {
+                                        const profile = {
+                                            documentId: member.phid,
+                                            ethAddress: member.ethAddress || "",
+                                            username: member.name || member.ethAddress || "",
+                                            userImage: member.profileImage ?? undefined,
+                                        };
+                                        setSelectedProfile(profile);
+                                        // Update cache
+                                        const newCache = new Map(profilesCache);
+                                        newCache.set(member.phid, profile);
+                                        setProfilesCache(newCache);
+                                    }
+                                }, children: [_jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [member.profileImage ? (_jsx("img", { src: member.profileImage, alt: member.name || "Profile", className: "w-10 h-10 rounded-full object-cover flex-shrink-0" })) : (_jsx("div", { className: "w-10 h-10 rounded-full bg-gray-300 flex items-center justify-center flex-shrink-0", children: _jsx("span", { className: "text-gray-600 text-sm font-medium", children: (member.name || member.ethAddress || "?")[0].toUpperCase() }) })), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-gray-900", children: member.name || "Unknown" }), _jsx("div", { className: "text-xs font-mono text-gray-500 truncate", children: member.ethAddress }), member.phid && member.name && (_jsxs("a", { href: `${config.renownProfileBasePath}/${member.name}`, className: "text-xs text-blue-600 hover:text-blue-800 hover:underline", onClick: (e) => e.stopPropagation(), children: [config.renownProfileBasePath, "/", member.name] }))] })] }), _jsx(Button, { color: "red", size: "sm", onClick: (e) => {
+                                            e.stopPropagation();
+                                            onRemoveMember(member.id);
+                                        }, children: "Remove" })] }, member.id)))) : (_jsx("p", { className: "text-sm text-gray-500", children: "No team members added yet" })) })] }) })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { VetraPackageInfo } from "../../../document-models/builder-team/index.js";
+interface PackageFormProps {
+    spaceId: string;
+    onSave: (spaceId: string, packageInfo: VetraPackageInfo | null) => boolean;
+    onCancel: () => void;
+}
+export declare function PackageForm({ spaceId, onSave, onCancel }: PackageFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, PHIDField, } from "@powerhousedao/document-engineering";
+import { GraphQLClient } from "graphql-request";
+import { useState } from "react";
+import { config } from "../config.js";
+const graphqlClient = new GraphQLClient(config.vetraGraphqlEndpoint);
+const SEARCH_PACKAGES_QUERY = `
+  query SearchPackages($search: String!) {
+    vetraPackages(search: $search) {
+      authorName
+      name
+      githubUrl
+      documentId
+      description
+    }
+  }
+`;
+const SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY = `
+  query SearchPackagesByDocumentId($documentIds: [PHID!]) {
+    vetraPackages(documentId_in: $documentIds) {
+      authorName
+      name
+      githubUrl
+      documentId
+      description
+    }
+  }
+`;
+export function PackageForm({ spaceId, onSave, onCancel }) {
+    const [selectedPhid, setSelectedPhid] = useState("");
+    const [packageInfo, setPackageInfo] = useState(null);
+    const handleSave = () => {
+        if (onSave(spaceId, packageInfo)) {
+            setSelectedPhid("");
+            setPackageInfo(null);
+        }
+    };
+    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: _jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Add Package" }) }), _jsx("div", { className: "p-6", children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(PHIDField, { name: "packageId", label: "Package Name", value: selectedPhid, onChange: (phid) => {
+                                    setSelectedPhid(phid);
+                                    // Fetch the full package info when a selection is made
+                                    if (phid) {
+                                        graphqlClient
+                                            .request(SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY, {
+                                            documentIds: [phid],
+                                        })
+                                            .then((data) => {
+                                            if (data.vetraPackages.length > 0) {
+                                                const pkg = data.vetraPackages[0];
+                                                setPackageInfo({
+                                                    id: "", // Will be set by handleAddPackage
+                                                    phid: pkg.documentId,
+                                                    title: pkg.name,
+                                                    description: pkg.description,
+                                                    github: pkg.githubUrl || null,
+                                                    npm: null,
+                                                    vetraDriveUrl: null,
+                                                });
+                                            }
+                                        });
+                                    }
+                                }, allowUris: true, autoComplete: true, initialOptions: [], fetchOptionsCallback: async (userInput) => {
+                                    const data = await graphqlClient.request(SEARCH_PACKAGES_QUERY, { search: userInput });
+                                    const options = data.vetraPackages.map((pkg) => ({
+                                        id: pkg.documentId,
+                                        title: pkg.name,
+                                        value: pkg.documentId,
+                                        description: pkg.description,
+                                        path: {
+                                            text: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                            url: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                        },
+                                    }));
+                                    console.log(options);
+                                    return options;
+                                }, fetchSelectedOptionCallback: async (value) => {
+                                    const data = await graphqlClient.request(SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY, {
+                                        documentIds: [value],
+                                    });
+                                    const options = data.vetraPackages.map((pkg) => ({
+                                        id: pkg.documentId,
+                                        title: pkg.name,
+                                        value: pkg.documentId,
+                                        description: pkg.description,
+                                        path: {
+                                            text: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                            url: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                        },
+                                    }));
+                                    const entry = options[0];
+                                    return entry;
+                                }, variant: "withValueTitleAndDescription", required: true, viewMode: "edition", placeholder: "Enter package name" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: !selectedPhid || !spaceId, children: "Add Package" })] })] }) }) })] }));
+}

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

@@ -0,0 +1,11 @@
+import { type VetraPackageInfo } from "document-models/builder-team";
+interface PackageItemProps {
+    pkg: VetraPackageInfo;
+    isEditing: boolean;
+    onEdit: () => void;
+    onDelete: () => void;
+    onSave: (selectedPackage: VetraPackageInfo) => void;
+    onCancel: () => void;
+}
+export declare function PackageItem({ pkg, isEditing, onEdit, onDelete, onSave, onCancel, }: PackageItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, PHIDField, } from "@powerhousedao/document-engineering";
+import { GraphQLClient } from "graphql-request";
+import { useState } from "react";
+import { config } from "../config.js";
+const graphqlClient = new GraphQLClient(config.vetraGraphqlEndpoint);
+const SEARCH_PACKAGES_QUERY = `
+  query SearchPackages($search: String!) {
+    vetraPackages(search: $search) {
+      authorName
+      name
+      githubUrl
+      documentId
+      npmUrl
+      documentId
+      description
+    }
+  }
+`;
+const SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY = `
+  query SearchPackagesByDocumentId($documentIds: [PHID!]) {
+    vetraPackages(documentId_in: $documentIds) {
+      authorName
+      name
+      githubUrl
+      documentId
+      npmUrl
+      documentId
+      description
+    }
+  }
+`;
+export function PackageItem({ pkg, isEditing, onEdit, onDelete, onSave, onCancel, }) {
+    const [packages, setPackages] = useState([]);
+    const [displayedPkg, setDisplayedPkg] = useState(pkg);
+    const [selectedPackage, setSelectedPackage] = useState(pkg);
+    const handleSave = () => {
+        onSave(selectedPackage);
+    };
+    if (isEditing) {
+        return (_jsx("div", { className: "p-3 bg-gray-50 rounded border", children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-3", children: [_jsx(PHIDField, { name: "packageName", label: "Package Name", initialOptions: [displayedPkg].map((p) => ({
+                                value: displayedPkg.phid ?? "",
+                                description: displayedPkg.description ?? "",
+                                path: {
+                                    text: `${config.vetraPackageBasePath}/${displayedPkg.title}`,
+                                    url: `${config.vetraPackageBasePath}/${displayedPkg.title}`,
+                                },
+                                title: displayedPkg.title ?? "",
+                            })), value: displayedPkg.phid ?? undefined, allowUris: true, autoComplete: true, fetchOptionsCallback: async (userInput) => {
+                                const data = await graphqlClient.request(SEARCH_PACKAGES_QUERY, { search: userInput });
+                                const options = data.vetraPackages.map((pkg) => ({
+                                    id: pkg.documentId,
+                                    title: pkg.name,
+                                    value: pkg.documentId,
+                                    description: pkg.description,
+                                    path: {
+                                        text: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                        url: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                    },
+                                }));
+                                console.log(options);
+                                return options;
+                            }, fetchSelectedOptionCallback: async (value) => {
+                                const data = await graphqlClient.request(SEARCH_PACKAGES_BY_DOCUMENT_ID_QUERY, {
+                                    documentIds: [value],
+                                });
+                                const pkg = data.vetraPackages[0];
+                                if (!pkg) {
+                                    return;
+                                }
+                                const newSelectedPackage = {
+                                    ...pkg,
+                                    github: pkg.githubUrl,
+                                    npm: pkg.npmUrl,
+                                    phid: pkg.documentId,
+                                    vetraDriveUrl: pkg.vetraDriveUrl,
+                                    title: pkg.name,
+                                    id: selectedPackage.id,
+                                    description: pkg.description,
+                                };
+                                setSelectedPackage(newSelectedPackage);
+                                setDisplayedPkg(newSelectedPackage);
+                                // Update the entry immediately when refresh is clicked
+                                // onSave(newSelectedPackage);
+                                return {
+                                    title: pkg.name,
+                                    value: pkg.documentId,
+                                    description: pkg.description,
+                                    path: {
+                                        text: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                        url: `${config.vetraPackageBasePath}/${pkg.name}`,
+                                    },
+                                };
+                            }, onSelect: (e) => {
+                                console.log(e.target);
+                            }, variant: "withValueTitleAndDescription", required: true, viewMode: "edition", placeholder: "Enter package name" }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: !selectedPackage, children: "Save Changes" })] })] }) }) }));
+    }
+    return (_jsx("div", { className: "p-3 bg-gray-50 rounded border", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "font-medium text-gray-900", children: displayedPkg.title }), displayedPkg.description && (_jsx("p", { className: "text-sm text-gray-500", children: displayedPkg.description })), displayedPkg.phid && displayedPkg.title && (_jsxs("a", { href: `${config.vetraPackageBasePath}/${displayedPkg.title}`, className: "text-xs text-blue-600 hover:text-blue-800 hover:underline block mt-1", children: [config.vetraPackageBasePath, "/", displayedPkg.title] }))] }), _jsxs("div", { className: "flex space-x-2", children: [_jsx(Button, { color: "light", size: "sm", onClick: onEdit, children: "Edit" }), _jsx(Button, { color: "red", size: "sm", onClick: onDelete, children: "Remove" })] })] }) }));
+}

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

@@ -0,0 +1,17 @@
+import type { BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+interface ProfileSectionProps {
+    profile: BuilderTeamDocument['state']['global']['profile'];
+    isEditing: boolean;
+    onSetProfileName: (name: string) => void;
+    onSetSlug: (slug: string) => void;
+    onSetDescription: (description: string) => void;
+    onSetLogo: (logoUrl: string) => void;
+    onUpdateSocials: (socials: {
+        github?: string | null;
+        website?: string | null;
+        x?: string | null;
+    }) => void;
+    onClose: () => void;
+}
+export declare function ProfileSection({ profile, isEditing, onSetProfileName, onSetSlug, onSetDescription, onSetLogo, onUpdateSocials, onClose, }: ProfileSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, StringField, UrlField } from "@powerhousedao/document-engineering";
+export function ProfileSection({ profile, isEditing, onSetProfileName, onSetSlug, onSetDescription, onSetLogo, onUpdateSocials, onClose, }) {
+    return (_jsxs("div", { className: "bg-white rounded-lg shadow-sm border", children: [_jsxs("div", { className: "px-6 py-4 border-b border-gray-200", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Profile Information" }), _jsx("p", { className: "text-sm text-gray-500", children: "Manage your builder profile details" })] }), _jsx("div", { className: "p-6", children: isEditing ? (_jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-6", children: [_jsx(StringField, { name: "profileName", label: "Profile Name", value: profile.name, onChange: (e) => onSetProfileName(e.target.value), placeholder: "Enter your profile name", description: "Your public display name" }), _jsx(StringField, { name: "slug", label: "Slug", value: profile.slug, onChange: (e) => onSetSlug(e.target.value), placeholder: "your-slug", description: "Unique identifier for your profile (used in URLs)" }), _jsx(StringField, { name: "description", label: "Description", value: profile.description || "", onChange: (e) => onSetDescription(e.target.value), placeholder: "Tell us about yourself and your work", description: "Brief description of your work and interests" }), _jsx(UrlField, { name: "logo", label: "Logo URL", value: profile.logo || "", onChange: (e) => onSetLogo(e.target.value), placeholder: "https://example.com/logo.png", description: "URL to your profile logo image" }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-md font-medium text-gray-900", children: "Social Links" }), _jsx(UrlField, { name: "github", label: "GitHub", value: profile.socials.github || "", onChange: (e) => onUpdateSocials({ ...profile.socials, github: e.target.value }), placeholder: "https://github.com/username" }), _jsx(UrlField, { name: "website", label: "Website", value: profile.socials.website || "", onChange: (e) => onUpdateSocials({ ...profile.socials, website: e.target.value }), placeholder: "https://your-website.com" }), _jsx(UrlField, { name: "x", label: "X (Twitter)", value: profile.socials.xProfile || "", onChange: (e) => onUpdateSocials({ ...profile.socials, x: e.target.value }), placeholder: "https://x.com/username" })] }), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx(Button, { color: "light", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: onClose, children: "Save Changes" })] })] }) })) : (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Name" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.name || "Not set" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Slug" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.slug ? `@${profile.slug}` : "Not set" })] })] }), profile.description && (_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Description" }), _jsx("p", { className: "mt-1 text-sm text-gray-900", children: profile.description })] })), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: "Social Links" }), _jsxs("div", { className: "mt-2 flex space-x-4", children: [profile.socials.github && (_jsx("a", { href: profile.socials.github, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "GitHub" })), profile.socials.website && (_jsx("a", { href: profile.socials.website, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "Website" })), profile.socials.xProfile && (_jsx("a", { href: profile.socials.xProfile, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800", children: "X (Twitter)" })), !profile.socials.github && !profile.socials.website && !profile.socials.xProfile && (_jsx("span", { className: "text-gray-500 text-sm", children: "No social links added" }))] })] })] })) })] }));
+}

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

@@ -0,0 +1,7 @@
+import type { BuilderTeamDocument } from "../../../document-models/builder-team/index.js";
+interface QuickStatsProps {
+    spaces: BuilderTeamDocument['state']['global']['spaces'];
+    members: BuilderTeamDocument['state']['global']['members'];
+}
+export declare function QuickStats({ spaces, members }: QuickStatsProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function QuickStats({ spaces, members }) {
+    const totalPackages = spaces.reduce((total, space) => total + space.packages.length, 0);
+    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: _jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Quick Stats" }) }), _jsx("div", { className: "p-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Spaces" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: spaces.length })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Total Packages" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: totalPackages })] }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx("span", { className: "text-sm text-gray-500", children: "Team Members" }), _jsx("span", { className: "text-sm font-medium text-gray-900", children: members.length })] })] }) })] }));
+}

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

@@ -0,0 +1,9 @@
+interface SpaceFormProps {
+    initialTitle?: string;
+    initialDescription?: string;
+    onSave: (title: string, description: string) => void;
+    onCancel: () => void;
+    saveButtonText?: string;
+}
+export declare function SpaceForm({ initialTitle, initialDescription, onSave, onCancel, saveButtonText, }: SpaceFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Form, StringField } from "@powerhousedao/document-engineering";
+import { useState } from "react";
+export function SpaceForm({ initialTitle = "", initialDescription = "", onSave, onCancel, saveButtonText = "Add Space", }) {
+    const [title, setTitle] = useState(initialTitle);
+    const [description, setDescription] = useState(initialDescription);
+    const handleSave = () => {
+        onSave(title, description);
+    };
+    return (_jsx("div", { className: "p-4 bg-gray-50 rounded-lg", children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), children: _jsxs("div", { className: "space-y-4", children: [_jsx(StringField, { name: "spaceTitle", label: "Space Title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Enter space title" }), _jsx(StringField, { name: "spaceDescription", label: "Description (optional)", value: description, onChange: (e) => setDescription(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: handleSave, disabled: !title.trim(), children: saveButtonText })] })] }) }) }));
+}