@powerhousedao/builder-team-admin 0.0.3 → 0.0.4

package/dist/editors/builder-team-admin/components/overview/ProfileHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/ProfileHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gEAAgE,CAAC;AAE7G,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAClD,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,iBAAiB,EAAE,EAAE,kBAAkB,kDA2DtE"}
+{"version":3,"file":"ProfileHeader.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/ProfileHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gEAAgE,CAAC;AAE7G,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,sBAAsB,GAAG,IAAI,CAAC;CAClD,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,iBAAiB,EAAE,EAAE,kBAAkB,kDAuDtE"}

package/dist/editors/builder-team-admin/components/overview/ProfileHeader.js

@@ -14,11 +14,11 @@ export function ProfileHeader({ builderProfileDoc }) {
         .join("")
         .slice(0, 2)
         .toUpperCase();
-    return (_jsxs("div", { className: "relative overflow-hidden rounded-2xl bg-gradient-to-br from-slate-50 via-indigo-50/40 to-blue-50/30 p-8 border border-slate-200/60", children: [_jsx("div", { className: "absolute -right-16 -top-16 h-48 w-48 rounded-full bg-gradient-to-br from-indigo-200/30 to-blue-200/30 blur-2xl" }), _jsx("div", { className: "absolute -bottom-12 -left-12 h-32 w-32 rounded-full bg-gradient-to-br from-slate-200/40 to-indigo-200/30 blur-xl" }), _jsxs("div", { className: "relative z-10 flex items-center gap-6", children: [_jsxs("div", { className: "relative", children: [icon ? (_jsx("img", { src: icon, alt: displayName, className: "h-20 w-20 rounded-2xl object-cover shadow-lg shadow-slate-300/50 ring-4 ring-white/80", onError: (e) => {
-                                    e.currentTarget.style.display = "none";
-                                    const fallback = e.currentTarget.nextElementSibling;
-                                    if (fallback) {
-                                        fallback.style.display = "flex";
-                                    }
-                                } })) : null, _jsx("div", { className: `h-20 w-20 rounded-2xl bg-gradient-to-br from-indigo-500 to-blue-600 shadow-lg shadow-indigo-400/30 ring-4 ring-white/80 ${icon ? "hidden" : "flex"} items-center justify-center`, children: _jsx("span", { className: "text-2xl font-bold text-white", children: initials }) })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight text-slate-900", children: displayName }), slug && (_jsxs("p", { className: "mt-1 text-base font-medium text-slate-500", children: ["@", slug] }))] })] })] }));
+    return (_jsx("div", { className: "overflow-hidden rounded-2xl bg-gradient-to-br from-slate-50 via-indigo-50/40 to-blue-50/30 p-8 border border-slate-200/60", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsxs("div", { className: "relative", children: [icon ? (_jsx("img", { src: icon, alt: displayName, className: "h-20 w-20 rounded-2xl object-cover shadow-lg shadow-slate-300/50 ring-4 ring-white/80", onError: (e) => {
+                                e.currentTarget.style.display = "none";
+                                const fallback = e.currentTarget.nextElementSibling;
+                                if (fallback) {
+                                    fallback.style.display = "flex";
+                                }
+                            } })) : null, _jsx("div", { className: `h-20 w-20 rounded-2xl bg-gradient-to-br from-indigo-500 to-blue-600 shadow-lg shadow-indigo-400/30 ring-4 ring-white/80 ${icon ? "hidden" : "flex"} items-center justify-center`, children: _jsx("span", { className: "text-2xl font-bold text-white", children: initials }) })] }), _jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold tracking-tight text-slate-900", children: displayName }), slug && (_jsxs("p", { className: "mt-1 text-base font-medium text-slate-500", children: ["@", slug] }))] })] }) }));
 }

package/dist/editors/builder-team-admin/components/overview/TeamMembersOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamMembersOverview.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/TeamMembersOverview.tsx"],"names":[],"mappings":"AAWA,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACpC,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,GACb,EAAE,wBAAwB,2CAwF1B"}
+{"version":3,"file":"TeamMembersOverview.d.ts","sourceRoot":"","sources":["../../../../../editors/builder-team-admin/components/overview/TeamMembersOverview.tsx"],"names":[],"mappings":"AAYA,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;CACpC,CAAC;AAIF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,YAAY,GACb,EAAE,wBAAwB,2CAqH1B"}

package/dist/editors/builder-team-admin/components/overview/TeamMembersOverview.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
+import { useMemo, useCallback, useState } from "react";
 import { useDrives, useGetDocuments } from "@powerhousedao/reactor-browser";
+import { useRemoteBuilderProfiles } from "../../hooks/useRemoteBuilderProfiles.js";
 const MAX_VISIBLE_MEMBERS = 6;
 /**
  * Displays team members as a horizontal row of avatar cards.
@@ -28,8 +29,8 @@ export function TeamMembersOverview({ contributors, }) {
     }, [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(() => {
+    // Create a map of PHID to document for quick lookup (local drives)
+    const localBuilderProfileMap = useMemo(() => {
         const map = new Map();
         for (const doc of builderProfileDocuments) {
             if (doc.header.documentType === "powerhouse/builder-profile") {
@@ -38,17 +39,30 @@ export function TeamMembersOverview({ contributors, }) {
         }
         return map;
     }, [builderProfileDocuments]);
-    // Helper function to get builder profile data by PHID
+    // Fetch remote profiles as fallback for contributors not found locally
+    const { profileMap: remoteProfileMap } = useRemoteBuilderProfiles(localBuilderProfileMap);
+    // Helper function to get builder profile data by PHID (local first, then remote fallback)
     const getBuilderProfileByPhid = useCallback((phid) => {
-        const doc = builderProfileMap.get(phid);
-        if (!doc)
-            return null;
-        return {
-            phid,
-            name: doc.state.global.name || "Unknown",
-            icon: doc.state.global.icon || null,
-        };
-    }, [builderProfileMap]);
+        // Try local first
+        const localDoc = localBuilderProfileMap.get(phid);
+        if (localDoc) {
+            return {
+                phid,
+                name: localDoc.state.global.name || "Unknown",
+                icon: localDoc.state.global.icon || null,
+            };
+        }
+        // Fall back to remote
+        const remoteProfile = remoteProfileMap.get(phid);
+        if (remoteProfile) {
+            return {
+                phid,
+                name: remoteProfile.state?.name || "Unknown",
+                icon: remoteProfile.state?.icon || null,
+            };
+        }
+        return null;
+    }, [localBuilderProfileMap, remoteProfileMap]);
     // Map contributors to team member data
     const teamMembers = useMemo(() => {
         if (!contributors)
@@ -58,12 +72,16 @@ export function TeamMembersOverview({ contributors, }) {
             .filter((member) => member !== null);
     }, [contributors, getBuilderProfileByPhid]);
     const contributorCount = contributors?.length ?? 0;
+    const [isExpanded, setIsExpanded] = useState(false);
     if (contributorCount === 0) {
         return _jsx(TeamMembersEmptyState, {});
     }
-    const visibleMembers = teamMembers.slice(0, MAX_VISIBLE_MEMBERS);
+    const hasOverflow = contributorCount > MAX_VISIBLE_MEMBERS;
+    const visibleMembers = isExpanded
+        ? teamMembers
+        : teamMembers.slice(0, MAX_VISIBLE_MEMBERS);
     const overflowCount = contributorCount - MAX_VISIBLE_MEMBERS;
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-lg font-semibold text-slate-900", children: "Team Members" }), _jsx("span", { className: "inline-flex items-center justify-center rounded-full bg-indigo-100 px-2.5 py-0.5 text-sm font-medium text-indigo-700", children: contributorCount })] }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [visibleMembers.map((member) => (_jsx(MemberCard, { member: member }, member.phid))), overflowCount > 0 && _jsx(OverflowIndicator, { count: overflowCount })] })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-lg font-semibold text-slate-900", children: "Team Members" }), _jsx("span", { className: "inline-flex items-center justify-center rounded-full bg-indigo-100 px-2.5 py-0.5 text-sm font-medium text-indigo-700", children: contributorCount })] }), _jsxs("div", { className: "flex flex-wrap gap-4", children: [visibleMembers.map((member) => (_jsx(MemberCard, { member: member }, member.phid))), hasOverflow && !isExpanded && (_jsx(OverflowIndicator, { count: overflowCount, onClick: () => setIsExpanded(true) })), hasOverflow && isExpanded && (_jsx(CollapseIndicator, { onClick: () => setIsExpanded(false) }))] })] }));
 }
 /**
  * Individual team member card with avatar and name.
@@ -84,10 +102,16 @@ function MemberCard({ member }) {
                         } })) : null, _jsx("div", { className: `h-14 w-14 rounded-full bg-gradient-to-br from-slate-400 to-slate-500 ring-2 ring-white shadow-md ${member.icon ? "hidden" : "flex"} items-center justify-center transition-transform group-hover:scale-105`, children: _jsx("span", { className: "text-sm font-semibold text-white", children: initials }) })] }), _jsx("span", { className: "max-w-[80px] truncate text-xs font-medium text-slate-600", children: member.name })] }));
 }
 /**
- * Overflow indicator showing remaining member count.
+ * Overflow indicator showing remaining member count. Clickable to expand.
+ */
+function OverflowIndicator({ count, onClick, }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: "flex flex-col items-center gap-2 group cursor-pointer", title: "Click to show all members", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-slate-100 ring-2 ring-white shadow-sm transition-all group-hover:bg-indigo-100 group-hover:ring-indigo-200", children: _jsxs("span", { className: "text-sm font-semibold text-slate-500 group-hover:text-indigo-600", children: ["+", count] }) }), _jsx("span", { className: "text-xs font-medium text-slate-400 group-hover:text-indigo-500", children: "show all" })] }));
+}
+/**
+ * Collapse indicator to hide extra members. Clickable to collapse.
  */
-function OverflowIndicator({ count }) {
-    return (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-slate-100 ring-2 ring-white shadow-sm", children: _jsxs("span", { className: "text-sm font-semibold text-slate-500", children: ["+", count] }) }), _jsx("span", { className: "text-xs font-medium text-slate-400", children: "more" })] }));
+function CollapseIndicator({ onClick }) {
+    return (_jsxs("button", { type: "button", onClick: onClick, className: "flex flex-col items-center gap-2 group cursor-pointer", title: "Click to show less", children: [_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-slate-100 ring-2 ring-white shadow-sm transition-all group-hover:bg-slate-200", children: _jsx("svg", { className: "h-5 w-5 text-slate-500 group-hover:text-slate-700", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 15l7-7 7 7" }) }) }), _jsx("span", { className: "text-xs font-medium text-slate-400 group-hover:text-slate-600", children: "show less" })] }));
 }
 /**
  * Empty state when no team members have been added.

package/dist/editors/builder-team-admin/components/team-members.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-members.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/team-members.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,mBAAmB,CAAC,EAAE,IAAA,2CAwRrC"}
+{"version":3,"file":"team-members.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/components/team-members.tsx"],"names":[],"mappings":"AAmKA,wBAAgB,mBAAmB,CAAC,EAAE,IAAA,2CA0TrC"}

package/dist/editors/builder-team-admin/components/team-members.js

@@ -1,8 +1,90 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
+import { useMemo, useCallback, useState, useEffect } from "react";
 import { useDocumentsInSelectedDrive, useDrives, useGetDocuments, useDocumentById, } from "@powerhousedao/reactor-browser";
 import { ObjectSetTable, PHIDInput, } from "@powerhousedao/document-engineering";
 import { actions as builderProfileActions } from "@powerhousedao/builder-profile/document-models/builder-profile";
+import { useRemoteBuilderProfiles } from "../hooks/useRemoteBuilderProfiles.js";
+/**
+ * Wrapper component for PHIDInput that properly tracks selected PHID
+ * and handles saving on blur/enter with the correct PHID value.
+ *
+ * Key insight from the PHIDInput library:
+ * - onChange is called with the PHID value when user selects from dropdown (click or Enter on highlighted item)
+ * - After dropdown selection, the input is re-focused so onBlur doesn't fire
+ * - Therefore we must save immediately in onChange when a valid PHID is selected
+ */
+function ContributorPHIDInput({ initialPhid, options, onSave, fetchOptionsCallback, }) {
+    // Track the current input text for manual entry lookup
+    const [inputText, setInputText] = useState("");
+    // Track if we already saved to prevent duplicate saves
+    const [hasSaved, setHasSaved] = useState(false);
+    // Reset state when initialPhid changes (switching between rows)
+    useEffect(() => {
+        setInputText("");
+        setHasSaved(false);
+    }, [initialPhid]);
+    // Find PHID by name or return the input if it looks like a PHID
+    const findPhidByInput = useCallback((input) => {
+        const trimmed = input.trim();
+        if (!trimmed)
+            return null;
+        const lowerInput = trimmed.toLowerCase();
+        // Check if input matches a profile name exactly (case-insensitive)
+        const exactMatchByName = options.find((opt) => opt.label.toLowerCase() === lowerInput);
+        if (exactMatchByName)
+            return exactMatchByName.id;
+        // Check if input matches a profile name partially (first match that starts with input)
+        const partialMatchByName = options.find((opt) => opt.label.toLowerCase().startsWith(lowerInput));
+        if (partialMatchByName)
+            return partialMatchByName.id;
+        // Check if only one option contains the input (unambiguous match)
+        const containsMatches = options.filter((opt) => opt.label.toLowerCase().includes(lowerInput));
+        if (containsMatches.length === 1)
+            return containsMatches[0].id;
+        // Check if input matches a profile ID
+        const matchById = options.find((opt) => opt.id.toLowerCase() === lowerInput);
+        if (matchById)
+            return matchById.id;
+        // If input looks like a UUID, return it directly
+        const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+        if (uuidRegex.test(trimmed))
+            return trimmed;
+        return null;
+    }, [options]);
+    // Check if a value is a known PHID from options
+    const isKnownPhid = useCallback((value) => {
+        return options.some((opt) => opt.id === value);
+    }, [options]);
+    // Save a PHID value (with duplicate prevention)
+    const savePhid = useCallback((phid) => {
+        if (!hasSaved && phid && phid !== initialPhid) {
+            setHasSaved(true);
+            onSave(phid);
+        }
+    }, [hasSaved, initialPhid, onSave]);
+    // Handle blur - try to save based on inputText
+    const handleBlur = useCallback(() => {
+        if (hasSaved)
+            return;
+        if (inputText) {
+            const foundPhid = findPhidByInput(inputText);
+            if (foundPhid) {
+                savePhid(foundPhid);
+            }
+        }
+    }, [hasSaved, inputText, findPhidByInput, savePhid]);
+    return (_jsx(PHIDInput, { value: initialPhid, onChange: (newValue) => {
+            // onChange is called when user selects from dropdown (click or Enter on highlighted item)
+            // The newValue is the PHID. Save immediately if it's a valid known PHID.
+            if (isKnownPhid(newValue)) {
+                savePhid(newValue);
+            }
+        }, onInput: (e) => {
+            // Track the raw input text for manual entry lookup on blur
+            const target = e.target;
+            setInputText(target.value);
+        }, onBlur: handleBlur, placeholder: "Enter PHID or search by name", className: "w-full", variant: "withValueAndTitle", initialOptions: options, fetchOptionsCallback: fetchOptionsCallback }));
+}
 export function ContributorsSection({}) {
     const drives = useDrives();
     const documentsInSelectedDrive = useDocumentsInSelectedDrive();
@@ -37,8 +119,8 @@ export function ContributorsSection({}) {
     }, [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(() => {
+    // Create a map of PHID to document for quick lookup (local drives)
+    const localBuilderProfileMap = useMemo(() => {
         const map = new Map();
         if (!builderProfileDocuments)
             return map;
@@ -49,10 +131,13 @@ export function ContributorsSection({}) {
         });
         return map;
     }, [builderProfileDocuments]);
-    // Helper function to get builder profile documents from all drives
+    // Fetch remote profiles as fallback for contributors not found locally
+    const { profileMap: remoteProfileMap, allProfiles: remoteProfiles } = useRemoteBuilderProfiles(localBuilderProfileMap);
+    // Helper function to get builder profile documents from all drives (local + remote)
     const getBuilderProfiles = useCallback(() => {
-        return builderProfileNodesWithDriveId.map(({ node }) => {
-            const doc = builderProfileMap.get(node.id);
+        // Start with local profiles
+        const profileOptions = builderProfileNodesWithDriveId.map(({ node }) => {
+            const doc = localBuilderProfileMap.get(node.id);
             const name = doc?.state?.global?.name || node.name || node.id;
             return {
                 id: node.id,
@@ -61,18 +146,43 @@ export function ContributorsSection({}) {
                 title: name,
             };
         });
-    }, [builderProfileNodesWithDriveId, builderProfileMap]);
-    // Helper function to get builder profile data by PHID from all drives
+        // Add remote profiles that aren't already in local
+        const localIds = new Set(profileOptions.map((p) => p.id));
+        for (const remoteProfile of remoteProfiles) {
+            if (!localIds.has(remoteProfile.id)) {
+                const name = remoteProfile.state?.name || remoteProfile.id;
+                profileOptions.push({
+                    id: remoteProfile.id,
+                    label: name,
+                    value: remoteProfile.id,
+                    title: name,
+                });
+            }
+        }
+        return profileOptions;
+    }, [builderProfileNodesWithDriveId, localBuilderProfileMap, remoteProfiles]);
+    // Helper function to get builder profile data by PHID (local first, then remote fallback)
     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]);
+        // Try local first
+        const localDoc = localBuilderProfileMap.get(phid);
+        if (localDoc) {
+            return {
+                name: localDoc.state.global?.name || localDoc.header.id,
+                slug: localDoc.state.global?.slug || localDoc.header.id,
+                icon: localDoc.state.global?.icon || null,
+            };
+        }
+        // Fall back to remote
+        const remoteProfile = remoteProfileMap.get(phid);
+        if (remoteProfile) {
+            return {
+                name: remoteProfile.state?.name || remoteProfile.id,
+                slug: remoteProfile.state?.slug || remoteProfile.id,
+                icon: remoteProfile.state?.icon || null,
+            };
+        }
+        return null;
+    }, [localBuilderProfileMap, remoteProfileMap]);
     const contributorData = useMemo(() => {
         return contributors.map((phid) => {
             const profile = getBuilderProfileByPhid(phid);
@@ -106,39 +216,38 @@ export function ContributorsSection({}) {
                 }
                 return false;
             },
-            renderCellEditor: (value, onChange, context) => (_jsx(PHIDInput, { value: value || "", onChange: (newValue) => {
-                    onChange(newValue);
-                }, onBlur: (e) => {
-                    const newValue = e.target.value;
-                    const currentValue = value || "";
+            renderCellEditor: (_value, _onChange, context) => {
+                const currentPhid = context.row.phid || "";
+                const handleSave = (phidValue) => {
                     // If a PHID is entered and it's different from current value
-                    if (newValue && newValue !== currentValue) {
-                        const existingContributor = contributors.find((contributor) => contributor === newValue);
+                    if (phidValue && phidValue !== currentPhid) {
+                        const existingContributor = contributors.find((contributor) => contributor === phidValue);
                         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) {
+                            if (currentPhid && currentPhid !== phidValue) {
                                 dispatch(builderProfileActions.removeContributor({
-                                    contributorPHID: context.row.phid,
+                                    contributorPHID: currentPhid,
                                 }));
                             }
                             // Add the new contributor
                             dispatch(builderProfileActions.addContributor({
-                                contributorPHID: newValue,
+                                contributorPHID: phidValue,
                             }));
                         }
                     }
-                }, placeholder: "Enter PHID", className: "w-full", variant: "withValueAndTitle", initialOptions: getBuilderProfiles(), fetchOptionsCallback: (userInput) => {
+                };
+                const fetchOptions = (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()) ||
+                    const filteredProfiles = builderProfiles.filter((profile) => profile.label.toLowerCase().includes(userInput.toLowerCase()) ||
                         profile.id.toLowerCase().includes(userInput.toLowerCase()));
                     return Promise.resolve(filteredProfiles);
-                } })),
+                };
+                return (_jsx(ContributorPHIDInput, { initialPhid: currentPhid, options: getBuilderProfiles(), onSave: handleSave, fetchOptionsCallback: fetchOptions }, `phid-input-${currentPhid || Date.now()}`));
+            },
             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)" }));

package/dist/editors/builder-team-admin/hooks/useRemoteBuilderProfiles.d.ts

@@ -0,0 +1,20 @@
+import { type RemoteBuilderProfile } from "../utils/graphql-client.js";
+interface UseRemoteBuilderProfilesResult {
+    /** Map of PHID to remote builder profile data */
+    profileMap: Map<string, RemoteBuilderProfile>;
+    /** All available remote profiles for selection */
+    allProfiles: RemoteBuilderProfile[];
+    /** Whether remote data is currently loading */
+    isLoading: boolean;
+    /** Manually refetch all available profiles */
+    refetchAll: () => Promise<void>;
+}
+/**
+ * Hook for fetching builder profiles from remote Switchboard drives.
+ * Used as a fallback when local drives don't have the builder profile documents.
+ *
+ * @param localProfileMap - Map of PHIDs that are already resolved locally (to avoid using remote data for those)
+ */
+export declare function useRemoteBuilderProfiles(localProfileMap: Map<string, unknown>): UseRemoteBuilderProfilesResult;
+export {};
+//# sourceMappingURL=useRemoteBuilderProfiles.d.ts.map

package/dist/editors/builder-team-admin/hooks/useRemoteBuilderProfiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteBuilderProfiles.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/hooks/useRemoteBuilderProfiles.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,UAAU,8BAA8B;IACtC,iDAAiD;IACjD,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC9C,kDAAkD;IAClD,WAAW,EAAE,oBAAoB,EAAE,CAAC;IACpC,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CACtC,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GACpC,8BAA8B,CA8DhC"}

package/dist/editors/builder-team-admin/hooks/useRemoteBuilderProfiles.js

@@ -0,0 +1,57 @@
+import { useState, useEffect, useCallback, useRef } from "react";
+import { fetchAllRemoteBuilderProfiles, } from "../utils/graphql-client.js";
+/**
+ * Hook for fetching builder profiles from remote Switchboard drives.
+ * Used as a fallback when local drives don't have the builder profile documents.
+ *
+ * @param localProfileMap - Map of PHIDs that are already resolved locally (to avoid using remote data for those)
+ */
+export function useRemoteBuilderProfiles(localProfileMap) {
+    const [profileMap, setProfileMap] = useState(new Map());
+    const [allProfiles, setAllProfiles] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    // Track if we've already started fetching to avoid duplicate requests
+    const isFetchingRef = useRef(false);
+    const hasFetchedRef = useRef(false);
+    // Fetch all available profiles
+    const refetchAll = useCallback(async () => {
+        // Prevent concurrent fetches
+        if (isFetchingRef.current) {
+            return;
+        }
+        isFetchingRef.current = true;
+        setIsLoading(true);
+        try {
+            const profiles = await fetchAllRemoteBuilderProfiles();
+            hasFetchedRef.current = true;
+            setAllProfiles(profiles);
+            // Build profile map
+            const newMap = new Map();
+            profiles.forEach((profile) => {
+                newMap.set(profile.id, profile);
+            });
+            setProfileMap(newMap);
+        }
+        catch (error) {
+            console.warn("[useRemoteBuilderProfiles] Failed to fetch profiles:", error);
+        }
+        finally {
+            setIsLoading(false);
+            isFetchingRef.current = false;
+        }
+    }, []);
+    // Auto-fetch all profiles on mount
+    useEffect(() => {
+        if (!hasFetchedRef.current && !isFetchingRef.current) {
+            void refetchAll();
+        }
+    }, [refetchAll]);
+    // Filter out profiles that exist locally from the returned allProfiles
+    const filteredAllProfiles = allProfiles.filter((profile) => !localProfileMap.has(profile.id));
+    return {
+        profileMap,
+        allProfiles: filteredAllProfiles,
+        isLoading,
+        refetchAll,
+    };
+}

package/dist/editors/builder-team-admin/utils/graphql-client.d.ts

@@ -0,0 +1,41 @@
+/**
+ * GraphQL client utility for fetching remote builder profiles from Switchboard.
+ * This is used as a fallback when local drives don't have the builder profile documents.
+ */
+export interface RemoteBuilderProfile {
+    id: string;
+    state: {
+        name: string | null;
+        slug: string | null;
+        icon: string | null;
+    };
+}
+/**
+ * Fetches all available remote drives
+ */
+export declare function fetchRemoteDrives(): Promise<string[]>;
+/**
+ * Fetches drive ID by slug
+ */
+export declare function fetchDriveIdBySlug(slug: string): Promise<string | null>;
+/**
+ * Fetches all builder profiles from a specific drive
+ */
+export declare function fetchBuilderProfilesFromDrive(driveId: string, options?: {
+    silent?: boolean;
+}): Promise<RemoteBuilderProfile[]>;
+/**
+ * Fetches a single builder profile by document ID
+ */
+export declare function fetchBuilderProfileById(docId: string, driveId?: string): Promise<RemoteBuilderProfile | null>;
+/**
+ * Fetches all builder profiles from all available remote drives.
+ * This aggregates profiles from multiple drives into a single list.
+ */
+export declare function fetchAllRemoteBuilderProfiles(): Promise<RemoteBuilderProfile[]>;
+/**
+ * Fetches multiple builder profiles by their IDs.
+ * Tries to find them across all available remote drives.
+ */
+export declare function fetchRemoteBuilderProfilesByIds(phids: string[]): Promise<Map<string, RemoteBuilderProfile>>;
+//# sourceMappingURL=graphql-client.d.ts.map

package/dist/editors/builder-team-admin/utils/graphql-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-client.d.ts","sourceRoot":"","sources":["../../../../editors/builder-team-admin/utils/graphql-client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAuHH,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;KACrB,CAAC;CACH;AAcD;;GAEG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAG3D;AAED;;GAEG;AACH,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAM7E;AAED;;GAEG;AACH,wBAAsB,6BAA6B,CACjD,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAC7B,OAAO,CAAC,oBAAoB,EAAE,CAAC,CAOjC;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAMtC;AAED;;;GAGG;AACH,wBAAsB,6BAA6B,IAAI,OAAO,CAC5D,oBAAoB,EAAE,CACvB,CA8BA;AAED;;;GAGG;AACH,wBAAsB,+BAA+B,CACnD,KAAK,EAAE,MAAM,EAAE,GACd,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAiC5C"}

package/dist/editors/builder-team-admin/utils/graphql-client.js

@@ -0,0 +1,180 @@
+/**
+ * GraphQL client utility for fetching remote builder profiles from Switchboard.
+ * This is used as a fallback when local drives don't have the builder profile documents.
+ */
+function getGraphQLUrl() {
+    if (typeof window === "undefined") {
+        return "http://localhost:4001/graphql";
+    }
+    if (!window.document.baseURI.includes("localhost")) {
+        return window.document.baseURI + "/graphql";
+    }
+    return "http://localhost:4001/graphql";
+}
+async function graphqlRequest(query, variables, options) {
+    try {
+        const response = await fetch(getGraphQLUrl(), {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({ query, variables }),
+        });
+        if (!response.ok) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] Request failed:", response.status, response.statusText);
+            }
+            return null;
+        }
+        const result = (await response.json());
+        // Return data even if there are errors - partial data might still be useful
+        // Only treat as full failure if there's no data at all
+        if (result.errors?.length && !result.data) {
+            if (!options?.silent) {
+                console.warn("[graphql-client] GraphQL errors:", result.errors);
+            }
+            return null;
+        }
+        return result.data ?? null;
+    }
+    catch (error) {
+        // Silently fail - this is a fallback mechanism
+        if (!options?.silent) {
+            console.warn("[graphql-client] Request error:", error);
+        }
+        return null;
+    }
+}
+// Query to get all available drives
+const GET_DRIVES_QUERY = `
+  query GetDrives {
+    drives
+  }
+`;
+// Query to get drive ID by slug
+const GET_DRIVE_ID_BY_SLUG_QUERY = `
+  query GetDriveIdBySlug($slug: String!) {
+    driveIdBySlug(slug: $slug)
+  }
+`;
+// Query to get builder profile documents from a drive
+const GET_BUILDER_PROFILES_QUERY = `
+  query GetBuilderProfiles($driveId: String!) {
+    BuilderProfile {
+      getDocuments(driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+// Query to get a single builder profile by ID
+const GET_BUILDER_PROFILE_QUERY = `
+  query GetBuilderProfile($docId: PHID!, $driveId: PHID) {
+    BuilderProfile {
+      getDocument(docId: $docId, driveId: $driveId) {
+        id
+        state {
+          name
+          slug
+          icon
+        }
+      }
+    }
+  }
+`;
+/**
+ * Fetches all available remote drives
+ */
+export async function fetchRemoteDrives() {
+    const data = await graphqlRequest(GET_DRIVES_QUERY);
+    return data?.drives ?? [];
+}
+/**
+ * Fetches drive ID by slug
+ */
+export async function fetchDriveIdBySlug(slug) {
+    const data = await graphqlRequest(GET_DRIVE_ID_BY_SLUG_QUERY, { slug });
+    return data?.driveIdBySlug ?? null;
+}
+/**
+ * Fetches all builder profiles from a specific drive
+ */
+export async function fetchBuilderProfilesFromDrive(driveId, options) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILES_QUERY, { driveId }, options);
+    return data?.BuilderProfile?.getDocuments ?? [];
+}
+/**
+ * Fetches a single builder profile by document ID
+ */
+export async function fetchBuilderProfileById(docId, driveId) {
+    const data = await graphqlRequest(GET_BUILDER_PROFILE_QUERY, { docId, driveId });
+    return data?.BuilderProfile?.getDocument ?? null;
+}
+/**
+ * Fetches all builder profiles from all available remote drives.
+ * This aggregates profiles from multiple drives into a single list.
+ */
+export async function fetchAllRemoteBuilderProfiles() {
+    try {
+        const drives = await fetchRemoteDrives();
+        if (!drives.length) {
+            return [];
+        }
+        // Fetch profiles from all drives in parallel (silent to avoid console spam)
+        const profilePromises = drives.map((driveSlug) => fetchBuilderProfilesFromDrive(driveSlug, { silent: true }).catch(() => []));
+        const profileArrays = await Promise.all(profilePromises);
+        // Flatten and dedupe by ID
+        const profileMap = new Map();
+        for (const profiles of profileArrays) {
+            for (const profile of profiles) {
+                if (!profileMap.has(profile.id)) {
+                    profileMap.set(profile.id, profile);
+                }
+            }
+        }
+        return Array.from(profileMap.values());
+    }
+    catch {
+        return [];
+    }
+}
+/**
+ * Fetches multiple builder profiles by their IDs.
+ * Tries to find them across all available remote drives.
+ */
+export async function fetchRemoteBuilderProfilesByIds(phids) {
+    if (!phids.length) {
+        return new Map();
+    }
+    try {
+        // First, get all profiles from all drives
+        const allProfiles = await fetchAllRemoteBuilderProfiles();
+        // Filter to only the ones we need
+        const result = new Map();
+        for (const profile of allProfiles) {
+            if (phids.includes(profile.id)) {
+                result.set(profile.id, profile);
+            }
+        }
+        // For any missing profiles, try direct fetch
+        const missingPhids = phids.filter((phid) => !result.has(phid));
+        if (missingPhids.length > 0) {
+            const directFetches = missingPhids.map(async (phid) => {
+                const profile = await fetchBuilderProfileById(phid);
+                if (profile) {
+                    result.set(phid, profile);
+                }
+            });
+            await Promise.all(directFetches);
+        }
+        return result;
+    }
+    catch {
+        return new Map();
+    }
+}

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@powerhousedao/builder-team-admin",
     "description": "Builder Team Admin drive that holds a teams profile and its relevant document models.",
-    "version": "0.0.3",
+    "version": "0.0.4",
     "license": "AGPL-3.0-only",
     "type": "module",
     "files": [
@@ -62,7 +62,7 @@
         "service-unstartup": "bash ./node_modules/@powerhousedao/ph-cli/dist/scripts/service-unstartup.sh"
     },
     "dependencies": {
-        "@powerhousedao/builder-profile": "^0.0.6",
+        "@powerhousedao/builder-profile": "0.0.7",
         "@powerhousedao/builder-tools": "^5.1.0",
         "@powerhousedao/common": "^5.1.0",
         "@powerhousedao/design-system": "^5.1.0",

package/dist/style.css

@@ -140,7 +140,6 @@
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --blur-sm: 8px;
-    --blur-xl: 24px;
     --blur-2xl: 40px;
     --blur-3xl: 64px;
     --default-transition-duration: 150ms;
@@ -319,9 +318,6 @@
   .inset-0 {
     inset: calc(var(--spacing) * 0);
   }
-  .-top-16 {
-    top: calc(var(--spacing) * -16);
-  }
   .-top-20 {
     top: calc(var(--spacing) * -20);
   }
@@ -331,9 +327,6 @@
   .top-full {
     top: 100%;
   }
-  .-right-16 {
-    right: calc(var(--spacing) * -16);
-  }
   .-right-20 {
     right: calc(var(--spacing) * -20);
   }
@@ -343,18 +336,12 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
-  .-bottom-12 {
-    bottom: calc(var(--spacing) * -12);
-  }
   .-bottom-16 {
     bottom: calc(var(--spacing) * -16);
   }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
-  .-left-12 {
-    left: calc(var(--spacing) * -12);
-  }
   .-left-16 {
     left: calc(var(--spacing) * -16);
   }
@@ -505,9 +492,6 @@
   .h-20 {
     height: calc(var(--spacing) * 20);
   }
-  .h-32 {
-    height: calc(var(--spacing) * 32);
-  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
@@ -1062,13 +1046,6 @@
     --tw-gradient-from: var(--color-blue-700);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-indigo-200\/30 {
-    --tw-gradient-from: color-mix(in srgb, oklch(87% 0.065 274.039) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-from: color-mix(in oklab, var(--color-indigo-200) 30%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .from-indigo-300\/20 {
     --tw-gradient-from: color-mix(in srgb, oklch(78.5% 0.115 274.713) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1084,13 +1061,6 @@
     --tw-gradient-from: var(--color-slate-50);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .from-slate-200\/40 {
-    --tw-gradient-from: color-mix(in srgb, hsl(210 9% 48%) 40%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-from: color-mix(in oklab, var(--color-slate-200) 40%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .from-slate-400 {
     --tw-gradient-from: var(--color-slate-400);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1118,13 +1088,6 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-blue-200\/30 {
-    --tw-gradient-to: color-mix(in srgb, hsl(209 97% 85%) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-to: color-mix(in oklab, var(--color-blue-200) 30%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-blue-600 {
     --tw-gradient-to: var(--color-blue-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -1136,13 +1099,6 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .to-indigo-200\/30 {
-    --tw-gradient-to: color-mix(in srgb, oklch(87% 0.065 274.039) 30%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-to: color-mix(in oklab, var(--color-indigo-200) 30%, transparent);
-    }
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .to-indigo-400\/20 {
     --tw-gradient-to: color-mix(in srgb, oklch(67.3% 0.182 276.935) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1568,10 +1524,6 @@
     --tw-blur: blur(var(--blur-3xl));
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .blur-xl {
-    --tw-blur: blur(var(--blur-xl));
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
@@ -1656,6 +1608,48 @@
       }
     }
   }
+  .group-hover\:bg-indigo-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-indigo-100);
+      }
+    }
+  }
+  .group-hover\:bg-slate-200 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--color-slate-200);
+      }
+    }
+  }
+  .group-hover\:text-indigo-500 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-indigo-500);
+      }
+    }
+  }
+  .group-hover\:text-indigo-600 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-indigo-600);
+      }
+    }
+  }
+  .group-hover\:text-slate-600 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-slate-600);
+      }
+    }
+  }
+  .group-hover\:text-slate-700 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        color: var(--color-slate-700);
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -1663,6 +1657,13 @@
       }
     }
   }
+  .group-hover\:ring-indigo-200 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        --tw-ring-color: var(--color-indigo-200);
+      }
+    }
+  }
   .last-of-type\:text-gray-800 {
     &:last-of-type {
       color: var(--color-gray-800);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/builder-team-admin",
   "description": "Builder Team Admin drive that holds a teams profile and its relevant document models.",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -62,7 +62,7 @@
     "service-unstartup": "bash ./node_modules/@powerhousedao/ph-cli/dist/scripts/service-unstartup.sh"
   },
   "dependencies": {
-    "@powerhousedao/builder-profile": "^0.0.6",
+    "@powerhousedao/builder-profile": "0.0.7",
     "@powerhousedao/builder-tools": "^5.1.0",
     "@powerhousedao/common": "^5.1.0",
     "@powerhousedao/design-system": "^5.1.0",