@powerhousedao/builder-profile 0.0.2 → 0.0.4

package/dist/document-models/builder-profile/src/reducers/builders.d.ts

@@ -0,0 +1,3 @@
+import type { BuilderProfileBuildersOperations } from "@powerhousedao/builder-profile/document-models/builder-profile";
+export declare const builderProfileBuildersOperations: BuilderProfileBuildersOperations;
+//# sourceMappingURL=builders.d.ts.map

package/dist/document-models/builder-profile/src/reducers/builders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builders.d.ts","sourceRoot":"","sources":["../../../../../document-models/builder-profile/src/reducers/builders.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,gEAAgE,CAAC;AAEvH,eAAO,MAAM,gCAAgC,EAAE,gCAyG5C,CAAC"}

package/dist/document-models/builder-profile/src/reducers/builders.js

@@ -0,0 +1,108 @@
+export const builderProfileBuildersOperations = {
+    updateProfileOperation(state, action) {
+        if (action.input.id)
+            state.id = action.input.id;
+        if (action.input.code)
+            state.code = action.input.code;
+        if (action.input.slug)
+            state.slug = action.input.slug;
+        if (action.input.name)
+            state.name = action.input.name;
+        if (action.input.icon)
+            state.icon = action.input.icon;
+        if (action.input.description)
+            state.description = action.input.description;
+        if (action.input.status)
+            state.status = action.input.status;
+        if (action.input.type)
+            state.type = action.input.type;
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    addSkillOperation(state, action) {
+        if (action.input.skill) {
+            if (!state.skilss.includes(action.input.skill)) {
+                state.skilss.push(action.input.skill);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    removeSkillOperation(state, action) {
+        if (action.input.skill) {
+            const index = state.skilss.indexOf(action.input.skill);
+            if (index !== -1) {
+                state.skilss.splice(index, 1);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    addScopeOperation(state, action) {
+        if (action.input.scope) {
+            if (!state.scopes.includes(action.input.scope)) {
+                state.scopes.push(action.input.scope);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    removeScopeOperation(state, action) {
+        if (action.input.scope) {
+            const index = state.scopes.indexOf(action.input.scope);
+            if (index !== -1) {
+                state.scopes.splice(index, 1);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    addLinkOperation(state, action) {
+        const newLink = {
+            id: action.input.id,
+            url: action.input.url,
+            label: action.input.label || null,
+        };
+        state.links.push(newLink);
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    editLinkOperation(state, action) {
+        const linkIndex = state.links.findIndex((link) => link.id === action.input.id);
+        if (linkIndex !== -1) {
+            if (action.input.url)
+                state.links[linkIndex].url = action.input.url;
+            if (action.input.label)
+                state.links[linkIndex].label = action.input.label;
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    removeLinkOperation(state, action) {
+        const linkIndex = state.links.findIndex((link) => link.id === action.input.id);
+        if (linkIndex !== -1) {
+            state.links.splice(linkIndex, 1);
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    addContributorOperation(state, action) {
+        if (action.input.contributorPHID) {
+            if (!state.contributors.includes(action.input.contributorPHID)) {
+                state.contributors.push(action.input.contributorPHID);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+    removeContributorOperation(state, action) {
+        if (action.input.contributorPHID) {
+            const index = state.contributors.indexOf(action.input.contributorPHID);
+            if (index !== -1) {
+                state.contributors.splice(index, 1);
+            }
+        }
+        // Convert UTC timestamp (ms) to ISO string for storage
+        state.lastModified = new Date(action.timestampUtcMs).toISOString();
+    },
+};

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

@@ -0,0 +1,6 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+export {};
+//# sourceMappingURL=builders.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"builders.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/builder-profile/src/tests/builders.test.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

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

@@ -0,0 +1,19 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
+import { describe, it, expect } from "vitest";
+import { generateMock } from "@powerhousedao/codegen";
+import { reducer, utils, isBuilderProfileDocument, updateProfile, UpdateProfileInputSchema, } from "@powerhousedao/builder-profile/document-models/builder-profile";
+describe("Builders Operations", () => {
+    it("should handle updateProfile operation", () => {
+        const document = utils.createDocument();
+        const input = generateMock(UpdateProfileInputSchema());
+        const updatedDocument = reducer(document, updateProfile(input));
+        expect(isBuilderProfileDocument(updatedDocument)).toBe(true);
+        expect(updatedDocument.operations.global).toHaveLength(1);
+        expect(updatedDocument.operations.global[0].action.type).toBe("UPDATE_PROFILE");
+        expect(updatedDocument.operations.global[0].action.input).toStrictEqual(input);
+        expect(updatedDocument.operations.global[0].index).toEqual(0);
+    });
+});

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

@@ -1,3 +1,7 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
 /**
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones

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

@@ -1 +1 @@
-{"version":3,"file":"document-model.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/builder-profile/src/tests/document-model.test.ts"],"names":[],"mappings":"AAAA;;;GAGG"}
+{"version":3,"file":"document-model.test.d.ts","sourceRoot":"","sources":["../../../../../document-models/builder-profile/src/tests/document-model.test.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH;;;GAGG"}

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

@@ -1,18 +1,104 @@
+/**
+ * This is a scaffold file meant for customization:
+ * - change it by adding new tests or modifying the existing ones
+ */
 /**
  * This is a scaffold file meant for customization:
  * - change it by adding new tests or modifying the existing ones
  */
 import { describe, it, expect } from "vitest";
-import utils, { initialGlobalState, initialLocalState, } from "../../gen/utils.js";
-describe("Builder Profile Document Model", () => {
-    it("should create a new Builder Profile document", () => {
+import { utils, initialGlobalState, initialLocalState, builderProfileDocumentType, isBuilderProfileDocument, assertIsBuilderProfileDocument, isBuilderProfileState, assertIsBuilderProfileState, } from "@powerhousedao/builder-profile/document-models/builder-profile";
+import { ZodError } from "zod";
+describe("BuilderProfile Document Model", () => {
+    it("should create a new BuilderProfile document", () => {
         const document = utils.createDocument();
         expect(document).toBeDefined();
-        expect(document.header.documentType).toBe("powerhouse/builder-profile");
+        expect(document.header.documentType).toBe(builderProfileDocumentType);
     });
-    it("should create a new Builder Profile document with a valid initial state", () => {
+    it("should create a new BuilderProfile document with a valid initial state", () => {
         const document = utils.createDocument();
         expect(document.state.global).toStrictEqual(initialGlobalState);
         expect(document.state.local).toStrictEqual(initialLocalState);
+        expect(isBuilderProfileDocument(document)).toBe(true);
+        expect(isBuilderProfileState(document.state)).toBe(true);
+    });
+    it("should reject a document that is not a BuilderProfile document", () => {
+        const wrongDocumentType = utils.createDocument();
+        wrongDocumentType.header.documentType = "the-wrong-thing-1234";
+        try {
+            expect(assertIsBuilderProfileDocument(wrongDocumentType)).toThrow();
+            expect(isBuilderProfileDocument(wrongDocumentType)).toBe(false);
+        }
+        catch (error) {
+            expect(error).toBeInstanceOf(ZodError);
+        }
     });
+    const wrongState = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    wrongState.state.global = {
+        ...{ notWhat: "you want" },
+    };
+    try {
+        expect(isBuilderProfileState(wrongState.state)).toBe(false);
+        expect(assertIsBuilderProfileState(wrongState.state)).toThrow();
+        expect(isBuilderProfileDocument(wrongState)).toBe(false);
+        expect(assertIsBuilderProfileDocument(wrongState)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
+    const wrongInitialState = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    wrongInitialState.initialState.global = {
+        ...{ notWhat: "you want" },
+    };
+    try {
+        expect(isBuilderProfileState(wrongInitialState.state)).toBe(false);
+        expect(assertIsBuilderProfileState(wrongInitialState.state)).toThrow();
+        expect(isBuilderProfileDocument(wrongInitialState)).toBe(false);
+        expect(assertIsBuilderProfileDocument(wrongInitialState)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
+    const missingIdInHeader = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    delete missingIdInHeader.header.id;
+    try {
+        expect(isBuilderProfileDocument(missingIdInHeader)).toBe(false);
+        expect(assertIsBuilderProfileDocument(missingIdInHeader)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
+    const missingNameInHeader = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    delete missingNameInHeader.header.name;
+    try {
+        expect(isBuilderProfileDocument(missingNameInHeader)).toBe(false);
+        expect(assertIsBuilderProfileDocument(missingNameInHeader)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
+    const missingCreatedAtUtcIsoInHeader = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    delete missingCreatedAtUtcIsoInHeader.header.createdAtUtcIso;
+    try {
+        expect(isBuilderProfileDocument(missingCreatedAtUtcIsoInHeader)).toBe(false);
+        expect(assertIsBuilderProfileDocument(missingCreatedAtUtcIsoInHeader)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
+    const missingLastModifiedAtUtcIsoInHeader = utils.createDocument();
+    // @ts-expect-error - we are testing the error case
+    delete missingLastModifiedAtUtcIsoInHeader.header.lastModifiedAtUtcIso;
+    try {
+        expect(isBuilderProfileDocument(missingLastModifiedAtUtcIsoInHeader)).toBe(false);
+        expect(assertIsBuilderProfileDocument(missingLastModifiedAtUtcIsoInHeader)).toThrow();
+    }
+    catch (error) {
+        expect(error).toBeInstanceOf(ZodError);
+    }
 });

package/dist/document-models/builder-profile/utils.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderProfilePHState } from "./gen/types.js";
+/** Utils for the BuilderProfile document model */
+export declare const utils: {
+    fileExtension: string;
+    createState: import("document-model").CreateState<BuilderProfilePHState>;
+    createDocument: import("document-model").CreateDocument<BuilderProfilePHState>;
+    loadFromInput: import("document-model").LoadFromInput<BuilderProfilePHState>;
+    saveToFileHandle: import("document-model").SaveToFileHandle;
+    isStateOfType: import("document-model").IsStateOfType<BuilderProfilePHState>;
+    assertIsStateOfType: import("document-model").AssertIsStateOfType<BuilderProfilePHState>;
+    isDocumentOfType: import("document-model").IsDocumentOfType<BuilderProfilePHState>;
+    assertIsDocumentOfType: import("document-model").AssertIsDocumentOfType<BuilderProfilePHState>;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/document-models/builder-profile/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../document-models/builder-profile/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAI5D,kDAAkD;AAClD,eAAO,MAAM,KAAK;;;;;;;;;;CAGmC,CAAC"}

package/dist/document-models/builder-profile/utils.js

@@ -0,0 +1,7 @@
+import { utils as genUtils } from "./gen/utils.js";
+import * as customUtils from "./src/utils.js";
+/** Utils for the BuilderProfile document model */
+export const utils = {
+    ...genUtils,
+    ...customUtils,
+};

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

@@ -0,0 +1,3 @@
+import type { DocumentModelModule } from "document-model";
+export declare const documentModels: DocumentModelModule<any>[];
+//# sourceMappingURL=document-models.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document-models.d.ts","sourceRoot":"","sources":["../../document-models/document-models.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG1D,eAAO,MAAM,cAAc,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAEpD,CAAC"}

package/dist/document-models/document-models.js

@@ -0,0 +1,4 @@
+import { BuilderProfile } from "./builder-profile/module.js";
+export const documentModels = [
+    BuilderProfile,
+];

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

@@ -1,3 +1,2 @@
-export {};
-export { module as BuilderProfile } from "./builder-profile/index.js";
+export { BuilderProfile } from "./builder-profile/module.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../document-models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC;AACV,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../document-models/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/document-models/index.js

@@ -1 +1 @@
-export { module as BuilderProfile } from "./builder-profile/index.js";
+export { BuilderProfile } from "./builder-profile/module.js";

package/dist/editors/builder-profile/components/ContributorsSection.d.ts

@@ -0,0 +1,8 @@
+interface ContributorsSectionProps {
+    contributors: string[];
+    onAddContributor: (contributorPHID: string) => void;
+    onRemoveContributor: (contributorPHID: string) => void;
+}
+export declare function ContributorsSection({ contributors, onAddContributor, onRemoveContributor, }: ContributorsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContributorsSection.d.ts.map

package/dist/editors/builder-profile/components/ContributorsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContributorsSection.d.ts","sourceRoot":"","sources":["../../../../editors/builder-profile/components/ContributorsSection.tsx"],"names":[],"mappings":"AAyBA,UAAU,wBAAwB;IAChC,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,gBAAgB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,mBAAmB,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD;AAED,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,GACpB,EAAE,wBAAwB,2CA+O1B"}

package/dist/editors/builder-profile/components/ContributorsSection.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback } from "react";
+import { useDrives, useGetDocuments } from "@powerhousedao/reactor-browser";
+import { ObjectSetTable, PHIDInput, } from "@powerhousedao/document-engineering";
+export function ContributorsSection({ contributors, onAddContributor, onRemoveContributor, }) {
+    const drives = useDrives();
+    // Map all builder profile FileNodes from all drives with their driveId
+    const builderProfileNodesWithDriveId = useMemo(() => {
+        if (!drives)
+            return [];
+        return drives.flatMap((drive) => {
+            const builderProfileNodes = drive.state.global.nodes.filter((node) => node.kind === "file" &&
+                "documentType" in node &&
+                node.documentType === "powerhouse/builder-profile");
+            return builderProfileNodes.map((node) => ({
+                node,
+                driveId: drive.header.id,
+            }));
+        });
+    }, [drives]);
+    // Get all unique builder PHIDs from the nodes
+    const builderPhids = useMemo(() => {
+        return builderProfileNodesWithDriveId.map(({ node }) => node.id);
+    }, [builderProfileNodesWithDriveId]);
+    // Fetch all builder profile documents from all drives
+    const builderProfileDocuments = useGetDocuments(builderPhids);
+    // Create a map of PHID to document for quick lookup
+    const builderProfileMap = useMemo(() => {
+        const map = new Map();
+        if (!builderProfileDocuments)
+            return map;
+        builderProfileDocuments.forEach((doc) => {
+            if (doc.header.documentType === "powerhouse/builder-profile") {
+                map.set(doc.header.id, doc);
+            }
+        });
+        return map;
+    }, [builderProfileDocuments]);
+    // Helper function to get builder profile documents from all drives
+    const getBuilderProfiles = useCallback(() => {
+        return builderProfileNodesWithDriveId.map(({ node }) => {
+            const doc = builderProfileMap.get(node.id);
+            const name = doc?.state?.global?.name || node.name || node.id;
+            return {
+                id: node.id,
+                label: name,
+                value: node.id,
+                title: name,
+            };
+        });
+    }, [builderProfileNodesWithDriveId, builderProfileMap]);
+    // Helper function to get builder profile data by PHID from all drives
+    const getBuilderProfileByPhid = useCallback((phid) => {
+        const doc = builderProfileMap.get(phid);
+        if (!doc)
+            return null;
+        return {
+            name: doc.state.global?.name || doc.header.id,
+            slug: doc.state.global?.slug || doc.header.id,
+            icon: doc.state.global?.icon || null,
+        };
+    }, [builderProfileMap]);
+    const contributorData = useMemo(() => {
+        return contributors.map((phid) => {
+            const profile = getBuilderProfileByPhid(phid);
+            return {
+                phid: phid,
+                name: profile?.name || "",
+                slug: profile?.slug || "",
+                icon: profile?.icon || null,
+            };
+        });
+    }, [contributors, getBuilderProfileByPhid]);
+    const columns = useMemo(() => [
+        {
+            field: "phid",
+            title: "PHID",
+            editable: true,
+            align: "center",
+            width: 200,
+            onSave: (newValue, context) => {
+                const currentId = context.row.phid || "";
+                if (newValue !== currentId && newValue && currentId) {
+                    // First remove the old contributor
+                    onRemoveContributor(currentId);
+                    // Then add the new contributor with the new PHID
+                    onAddContributor(newValue);
+                    return true;
+                }
+                return false;
+            },
+            renderCellEditor: (value, onChange, context) => (_jsx(PHIDInput, { value: value || "", onChange: (newValue) => {
+                    onChange(newValue);
+                }, onBlur: (e) => {
+                    const newValue = e.target.value;
+                    const currentValue = value || "";
+                    // If a PHID is entered and it's different from current value
+                    if (newValue && newValue !== currentValue) {
+                        const existingContributor = contributors.find((contributor) => contributor === newValue);
+                        if (!existingContributor) {
+                            // If we're editing an existing row (has an ID), remove the old one first
+                            if (context.row.phid && context.row.phid !== newValue) {
+                                onRemoveContributor(context.row.phid);
+                            }
+                            // Add the new contributor
+                            onAddContributor(newValue);
+                        }
+                    }
+                }, placeholder: "Enter PHID", className: "w-full", variant: "withValueAndTitle", initialOptions: getBuilderProfiles(), fetchOptionsCallback: (userInput) => {
+                    const builderProfiles = getBuilderProfiles();
+                    // Filter profiles based on user input
+                    if (!userInput.trim()) {
+                        return Promise.resolve(builderProfiles);
+                    }
+                    const filteredProfiles = builderProfiles.filter((profile) => profile.label
+                        .toLowerCase()
+                        .includes(userInput.toLowerCase()) ||
+                        profile.id.toLowerCase().includes(userInput.toLowerCase()));
+                    return Promise.resolve(filteredProfiles);
+                } })),
+            renderCell: (value) => {
+                if (value === "" || !value) {
+                    return (_jsx("div", { className: "font-light italic text-gray-500 text-center", children: "+ Double-click to add new contributor (enter or click outside to save)" }));
+                }
+                return _jsx("div", { className: "text-center font-mono text-sm", children: value });
+            },
+        },
+        {
+            field: "name",
+            title: "Name",
+            editable: false,
+            align: "center",
+            width: 200,
+            renderCell: (value) => {
+                return _jsx("div", { className: "text-center", children: value });
+            },
+        },
+        {
+            field: "slug",
+            title: "Slug",
+            editable: false,
+            align: "center",
+            width: 200,
+            renderCell: (value) => {
+                return _jsx("div", { className: "text-center", children: value });
+            },
+        },
+        {
+            field: "icon",
+            title: "Icon",
+            editable: false,
+            align: "center",
+            width: 150,
+            renderCell: (_value, context) => {
+                if (!context.row.icon) {
+                    return null;
+                }
+                return (_jsx("div", { className: "text-center", children: _jsx("img", { src: context.row.icon, alt: "Contributor icon", className: "w-10 h-10 rounded-sm mx-auto object-cover", onError: (e) => {
+                            e.currentTarget.style.display = "none";
+                        } }) }));
+            },
+        },
+    ], [contributors, getBuilderProfiles, onAddContributor, onRemoveContributor]);
+    return (_jsxs("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Contributors" }), _jsx("p", { className: "text-sm text-gray-600 mb-4", children: "Add team members to your builder profile. Search for existing builder profiles by name or PHID." }), _jsx(ObjectSetTable, { columns: columns, data: contributorData, allowRowSelection: true, onDelete: (data) => {
+                    if (data.length > 0) {
+                        data.forEach((d) => {
+                            onRemoveContributor(d.phid);
+                        });
+                    }
+                }, onAdd: (data) => {
+                    // Only add if we have a PHID
+                    const phid = data.id;
+                    if (phid) {
+                        onAddContributor(phid);
+                    }
+                } })] }));
+}

package/dist/editors/builder-profile/components/ImageUrlInput.d.ts

@@ -0,0 +1,9 @@
+interface ImageUrlInputProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+export declare function ImageUrlInput({ label, value, onChange, placeholder, }: ImageUrlInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageUrlInput.d.ts.map

package/dist/editors/builder-profile/components/ImageUrlInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUrlInput.d.ts","sourceRoot":"","sources":["../../../../editors/builder-profile/components/ImageUrlInput.tsx"],"names":[],"mappings":"AA0EA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE,kBAAkB,2CA4FpB"}

package/dist/editors/builder-profile/components/ImageUrlInput.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { TextInput, Icon } from "@powerhousedao/document-engineering";
+function ImageModal({ isOpen, onClose, imageUrl, imageAlt }) {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const [imageDimensions, setImageDimensions] = useState({
+        width: 0,
+        height: 0,
+    });
+    if (!isOpen)
+        return null;
+    const handleImageLoad = (e) => {
+        const img = e.target;
+        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
+        setImageLoaded(true);
+    };
+    const getModalSize = () => {
+        if (!imageLoaded)
+            return { width: "auto", height: "auto" };
+        const maxWidth = Math.min(imageDimensions.width + 100, window.innerWidth * 0.8);
+        const maxHeight = Math.min(imageDimensions.height + 100, window.innerHeight * 0.8);
+        return {
+            width: `${maxWidth}px`,
+            height: `${maxHeight}px`,
+        };
+    };
+    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative bg-gray-900 rounded-lg shadow-2xl border-2 border-gray-700", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -top-3 -right-3 z-10 w-8 h-8 bg-gray-800 hover:bg-gray-900 rounded-full flex items-center justify-center text-white transition-all duration-200 shadow-lg", children: _jsx(Icon, { name: "Xmark", size: 16 }) }), _jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-w-full max-h-full object-contain rounded-lg ${imageLoaded ? "opacity-100" : "opacity-0"} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
+}
+export function ImageUrlInput({ label, value, onChange, placeholder, }) {
+    const [imageError, setImageError] = useState(false);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    useEffect(() => {
+        setImageError(false);
+    }, [value]);
+    const handleImageClick = () => {
+        if (value &&
+            !imageError &&
+            (value.startsWith("http://") || value.startsWith("https://"))) {
+            setIsModalOpen(true);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value &&
+                                                !imageError &&
+                                                (value.startsWith("http://") || value.startsWith("https://"))
+                                                ? "cursor-pointer hover:opacity-80 transition-opacity duration-200"
+                                                : ""}`, onClick: handleImageClick, children: value &&
+                                                !imageError &&
+                                                (value.startsWith("http://") ||
+                                                    value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "text-xs text-gray-500", children: [imageError && value && (_jsx("div", { className: "text-red-500", children: "Failed to load image" })), value &&
+                                                        !imageError &&
+                                                        (value.startsWith("http://") ||
+                                                            value.startsWith("https://")) && (_jsx("div", { className: "text-blue-600", children: "Click image to view full size" }))] }) })] }) }), _jsx("div", { className: "mt-3", children: _jsx(TextInput, { className: "w-full", defaultValue: value || "", onBlur: (e) => {
+                                        if (e.target.value !== value) {
+                                            onChange(e.target.value);
+                                        }
+                                    }, placeholder: placeholder || "Enter image URL" }) })] })] }), _jsx(ImageModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), imageUrl: value, imageAlt: `${label} full size` })] }));
+}

package/dist/editors/builder-profile/components/LinksSection.d.ts

@@ -0,0 +1,18 @@
+import type { BuilderLink } from "../../../document-models/builder-profile/gen/types.js";
+interface LinksSectionProps {
+    links: BuilderLink[];
+    onAddLink: (link: {
+        id: string;
+        url: string;
+        label?: string;
+    }) => void;
+    onEditLink: (link: {
+        id: string;
+        url: string;
+        label?: string;
+    }) => void;
+    onRemoveLink: (id: string) => void;
+}
+export declare function LinksSection({ links, onAddLink, onEditLink, onRemoveLink, }: LinksSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LinksSection.d.ts.map

package/dist/editors/builder-profile/components/LinksSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksSection.d.ts","sourceRoot":"","sources":["../../../../editors/builder-profile/components/LinksSection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uDAAuD,CAAC;AAEzF,UAAU,iBAAiB;IACzB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAYD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,UAAU,EACV,YAAY,GACb,EAAE,iBAAiB,2CAgOnB"}