@powerhousedao/network-admin 0.0.56 → 0.0.58

package/dist/editors/builders/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builders/editor.tsx"],"names":[],"mappings":"AA4BA,0CAA0C;AAC1C,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsR7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builders/editor.tsx"],"names":[],"mappings":"AAgJA,0CAA0C;AAC1C,MAAM,CAAC,OAAO,UAAU,MAAM,4CAkT7B"}

package/dist/editors/builders/editor.js

@@ -2,9 +2,71 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentToolbar } from "@powerhousedao/design-system/connect";
 import { useSelectedBuildersDocument } from "../../document-models/builders/hooks.js";
 import { actions as buildersActions } from "../../document-models/builders/actions.js";
-import { setSelectedNode, useParentFolderForSelectedNode, useDocumentsInSelectedDrive, useDrives, useGetDocuments, } from "@powerhousedao/reactor-browser";
-import { useMemo, useCallback } from "react";
+import { setSelectedNode, useParentFolderForSelectedNode, useDrives, useGetDocuments, } from "@powerhousedao/reactor-browser";
+import { useMemo, useCallback, useState, useEffect } from "react";
 import { ObjectSetTable, PHIDInput, } from "@powerhousedao/document-engineering";
+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.
+ */
+function BuilderPHIDInput({ initialPhid, options, onSave, fetchOptionsCallback, }) {
+    const [inputText, setInputText] = useState("");
+    const [hasSaved, setHasSaved] = useState(false);
+    useEffect(() => {
+        setInputText("");
+        setHasSaved(false);
+    }, [initialPhid]);
+    const findPhidByInput = useCallback((input) => {
+        const trimmed = input.trim();
+        if (!trimmed)
+            return null;
+        const lowerInput = trimmed.toLowerCase();
+        const exactMatchByName = options.find((opt) => opt.label.toLowerCase() === lowerInput);
+        if (exactMatchByName)
+            return exactMatchByName.id;
+        const partialMatchByName = options.find((opt) => opt.label.toLowerCase().startsWith(lowerInput));
+        if (partialMatchByName)
+            return partialMatchByName.id;
+        const containsMatches = options.filter((opt) => opt.label.toLowerCase().includes(lowerInput));
+        if (containsMatches.length === 1)
+            return containsMatches[0].id;
+        const matchById = options.find((opt) => opt.id.toLowerCase() === lowerInput);
+        if (matchById)
+            return matchById.id;
+        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]);
+    const isKnownPhid = useCallback((value) => {
+        return options.some((opt) => opt.id === value);
+    }, [options]);
+    const savePhid = useCallback((phid) => {
+        if (!hasSaved && phid && phid !== initialPhid) {
+            setHasSaved(true);
+            onSave(phid);
+        }
+    }, [hasSaved, initialPhid, onSave]);
+    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) => {
+            if (isKnownPhid(newValue)) {
+                savePhid(newValue);
+            }
+        }, onInput: (e) => {
+            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 }));
+}
 /** Implement your editor behavior here */
 export default function Editor() {
     const [doc, dispatch] = useSelectedBuildersDocument();
@@ -35,11 +97,11 @@ export default function Editor() {
     }, [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(() => {
-        if (!builderProfileDocuments)
-            return new Map();
+    // Create a map of PHID to document for quick lookup (local drives)
+    const localBuilderProfileMap = 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);
@@ -47,10 +109,13 @@ export default function Editor() {
         });
         return map;
     }, [builderProfileDocuments]);
-    // Helper function to get builder profile documents from all drives
+    // Fetch remote profiles as fallback for builders 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,
@@ -59,26 +124,54 @@ export default function Editor() {
                 title: name,
             };
         });
-    }, [builderProfileNodesWithDriveId, builderProfileMap]);
-    // Helper function to get builder profile data by PHID from all drives
-    const getBuilderProfileByPhid = (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,
-        };
-    };
+        // 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) => {
+        // 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 builders = useMemo(() => {
-        return doc?.state.global.builders.map((phid) => ({
-            phid: phid,
-            name: getBuilderProfileByPhid(phid)?.name || "",
-            slug: getBuilderProfileByPhid(phid)?.slug || "",
-            icon: getBuilderProfileByPhid(phid)?.icon || null,
-        }));
-    }, [doc, builderProfileMap]);
+        return (doc?.state.global.builders.map((phid) => {
+            const profile = getBuilderProfileByPhid(phid);
+            return {
+                phid: phid,
+                name: profile?.name || "",
+                slug: profile?.slug || "",
+                icon: profile?.icon || null,
+            };
+        }) || []);
+    }, [doc, getBuilderProfileByPhid]);
     const columns = useMemo(() => [
         {
             field: "phid",
@@ -89,9 +182,9 @@ export default function Editor() {
             onSave: (newValue, context) => {
                 const currentId = context.row.phid || "";
                 if (newValue !== currentId && newValue && currentId) {
-                    // First remove the old agent
+                    // First remove the old builder
                     dispatch(buildersActions.removeBuilder({ builderPhid: currentId }));
-                    // Then add the new agent with the new PHID
+                    // Then add the new builder with the new PHID
                     dispatch(buildersActions.addBuilder({
                         builderPhid: newValue,
                     }));
@@ -99,48 +192,38 @@ export default function Editor() {
                 }
                 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 builderProfile = getBuilderProfileByPhid(newValue);
-                        const existingBuilder = builders?.find((builder) => builder?.phid === newValue);
+                    if (phidValue && phidValue !== currentPhid) {
+                        const existingBuilder = builders.find((builder) => builder.phid === phidValue);
                         if (!existingBuilder) {
                             // 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(buildersActions.removeBuilder({
-                                    builderPhid: context.row.phid,
-                                }));
-                            }
-                            if (builderProfile) {
-                                // Create new agent with data from builder profile
-                                dispatch(buildersActions.addBuilder({
-                                    builderPhid: newValue,
-                                }));
-                            }
-                            else {
-                                // Manual PHID entry - create agent with empty data that user can fill
-                                dispatch(buildersActions.addBuilder({
-                                    builderPhid: newValue,
+                                    builderPhid: currentPhid,
                                 }));
                             }
+                            // Add the new builder
+                            dispatch(buildersActions.addBuilder({
+                                builderPhid: phidValue,
+                            }));
                         }
                     }
-                }, placeholder: "Enter PHID", className: "w-full", variant: "withValueAndTitle", initialOptions: getBuilderProfiles(), fetchOptionsCallback: async (userInput) => {
+                };
+                const fetchOptions = (userInput) => {
                     const builderProfiles = getBuilderProfiles();
                     // Filter profiles based on user input
                     if (!userInput.trim()) {
-                        return builderProfiles;
+                        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 filteredProfiles;
-                } })),
+                    return Promise.resolve(filteredProfiles);
+                };
+                return (_jsx(BuilderPHIDInput, { 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 builder (enter or click outside to save)" }));
@@ -174,30 +257,28 @@ export default function Editor() {
             editable: false,
             align: "center",
             width: 150,
-            renderCell: (value, context) => {
+            renderCell: (_value, context) => {
                 if (!context.row.icon) {
                     return null;
                 }
-                return (_jsx("div", { className: "text-center", children: _jsx("img", { src: context.row.icon, alt: "Agent icon", className: "w-10 h-10 rounded-sm mx-auto object-cover", onError: (e) => {
+                return (_jsx("div", { className: "text-center", children: _jsx("img", { src: context.row.icon, alt: "Builder icon", className: "w-10 h-10 rounded-sm mx-auto object-cover", onError: (e) => {
                             e.currentTarget.style.display = "none";
-                            e.currentTarget.nextElementSibling?.classList.remove("hidden");
                         } }) }));
             },
         },
-    ], [builders, builderProfileMap, getBuilderProfiles]);
-    return (_jsxs("div", { className: "w-full bg-gray-50", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-2 max-w-4xl mx-auto min-h-screen", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm text-center", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Builders" }) }), _jsx("div", { className: "mt-4 bg-white", children: _jsx(ObjectSetTable, { columns: columns, data: builders || [], allowRowSelection: true, onDelete: (data) => {
+    ], [builders, getBuilderProfiles, dispatch]);
+    return (_jsxs("div", { className: "w-full bg-gray-50", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-2 max-w-4xl mx-auto min-h-screen", children: [_jsx("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm text-center", children: _jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Builders" }) }), _jsx("div", { className: "mt-4 bg-white", children: _jsx(ObjectSetTable, { columns: columns, data: builders, allowRowSelection: true, onDelete: (data) => {
                                 if (data.length > 0) {
                                     data.forEach((d) => {
                                         dispatch(buildersActions.removeBuilder({ builderPhid: d.phid }));
                                     });
                                 }
                             }, onAdd: (data) => {
-                                // Only add if we have a title (name) - PHID will be handled by the PHIDInput onChange
-                                if (data.title) {
-                                    // Generate a temporary ID if no PHID is provided
-                                    const tempId = data.id || `temp-${Date.now()}`;
+                                // Only add if we have a PHID
+                                const phid = data.id;
+                                if (phid) {
                                     dispatch(buildersActions.addBuilder({
-                                        builderPhid: tempId,
+                                        builderPhid: phid,
                                     }));
                                 }
                             } }) })] })] }));

package/dist/editors/builders/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/builders/hooks/useRemoteBuilderProfiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRemoteBuilderProfiles.d.ts","sourceRoot":"","sources":["../../../../editors/builders/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/builders/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/builders/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/builders/utils/graphql-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-client.d.ts","sourceRoot":"","sources":["../../../../editors/builders/utils/graphql-client.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAmIH,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/builders/utils/graphql-client.js

@@ -0,0 +1,189 @@
+/**
+ * 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";
+    }
+    const baseURI = window.document.baseURI;
+    if (baseURI.includes("localhost")) {
+        return "http://localhost:4001/graphql";
+    }
+    // Determine the appropriate Switchboard URL based on environment
+    if (baseURI.includes("-dev.")) {
+        return "https://switchboard-dev.powerhouse.xyz/graphql";
+    }
+    if (baseURI.includes("-staging.")) {
+        return "https://switchboard-staging.powerhouse.xyz/graphql";
+    }
+    // Production environment
+    return "https://switchboard.powerhouse.xyz/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/editors/network-admin/components/DriveExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqDlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkpBtD"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmDlD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkpBtD"}

package/dist/editors/network-admin/components/DriveExplorer.js

@@ -3,7 +3,6 @@ import { useState, useEffect, useMemo, useCallback, useRef } from "react";
 import { Sidebar, SidebarProvider, Button, } from "@powerhousedao/document-engineering";
 import { setSelectedNode, useSelectedDrive, useSelectedFolder, useUserPermissions, useDocumentsInSelectedDrive, useFileNodesInSelectedDrive, useNodeActions, useSelectedDocument, showDeleteNodeModal, addDocument, dispatchActions, } from "@powerhousedao/reactor-browser";
 import { CreateDocumentModal } from "@powerhousedao/design-system/connect";
-import {} from "document-drive";
 import {} from "document-model";
 import { PaymentIcon } from "./icons/PaymentIcon.js";
 import { RfpIcon } from "./icons/RfpIcon.js";
@@ -11,7 +10,6 @@ import { SowIcon } from "./icons/SowIcon.js";
 import { WorkstreamIcon } from "./icons/WorkstreamIcon.js";
 import { Earth } from "lucide-react";
 import { editClientInfo, editWorkstream, } from "../../../document-models/workstream/gen/creators.js";
-import Builders from "./builders.js";
 const WorkstreamStatusEnums = [
     "RFP_DRAFT",
     "PREWORK_RFC",

package/dist/scripts/sow-mirror/mirror_sow_state.js

@@ -120,6 +120,7 @@ function generateActions(remoteState, localState) {
                 scope: "global",
                 input: {
                     id: deliverable.id,
+                    icon: deliverable.icon || undefined,
                     owner: deliverable.owner || undefined,
                     title: deliverable.title,
                     code: deliverable.code,

package/dist/style.css

@@ -380,9 +380,6 @@
   .grid {
     display: grid;
   }
-  .hidden {
-    display: none;
-  }
   .inline {
     display: inline;
   }
@@ -2597,6 +2594,9 @@
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
+  .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -3150,6 +3150,12 @@
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
   }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
   .text-amber-600 {
     color: var(--color-amber-600);
   }
@@ -3376,6 +3382,13 @@
       }
     }
   }
+  .hover\:text-indigo-700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-indigo-700);
+      }
+    }
+  }
   .hover\:text-red-600 {
     &:hover {
       @media (hover: hover) {
@@ -3420,6 +3433,11 @@
       border-color: var(--color-indigo-500);
     }
   }
+  .focus\:border-red-500 {
+    &:focus {
+      border-color: var(--color-red-500);
+    }
+  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3441,6 +3459,11 @@
       --tw-ring-color: var(--color-indigo-500);
     }
   }
+  .focus\:ring-red-500 {
+    &:focus {
+      --tw-ring-color: var(--color-red-500);
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;

package/dist/subgraphs/builders-addon/resolvers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/builders-addon/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAe5D,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAsaxE,CAAC"}
+{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/builders-addon/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAe5D,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CA0bxE,CAAC"}

package/dist/subgraphs/builders-addon/resolvers.js

@@ -49,7 +49,7 @@ export const getResolvers = (subgraph) => {
                 String(filter.status || "").toLowerCase())
             return false;
         if (filter.skills && filter.skills.length > 0) {
-            const builderSkills = (builder.skils || []).map((s) => String(s).toLowerCase());
+            const builderSkills = (builder.skills || []).map((s) => String(s).toLowerCase());
             const hasAllSkills = filter.skills.every((skill) => builderSkills.includes(String(skill).toLowerCase()));
             if (!hasAllSkills)
                 return false;
@@ -68,8 +68,8 @@ export const getResolvers = (subgraph) => {
                 const drives = await getCandidateDrives();
                 const filter = args.filter;
                 let builderDocs = [];
-                let sowDocs = [];
-                let allowedDriveIds = new Set(drives);
+                const sowDocs = [];
+                const allowedDriveIds = new Set(drives);
                 // Step 1: If networkSlug is provided, identify the network drive and valid builder PHIDs
                 if (filter?.networkSlug) {
                     allowedDriveIds.clear();
@@ -89,12 +89,17 @@ export const getResolvers = (subgraph) => {
                                 }
                             }));
                             const networkDoc = docs.find((doc) => {
-                                if (!doc || doc.header.documentType !== "powerhouse/network-profile")
+                                if (!doc ||
+                                    doc.header.documentType !== "powerhouse/network-profile")
                                     return false;
                                 const state = doc.state.global;
                                 if (!state?.name)
                                     return false;
-                                const slug = state.name.toLowerCase().trim().split(/\s+/).join("-");
+                                const slug = state.name
+                                    .toLowerCase()
+                                    .trim()
+                                    .split(/\s+/)
+                                    .join("-");
                                 return slug === targetNetworkSlug;
                             });
                             if (networkDoc) {
@@ -136,7 +141,10 @@ export const getResolvers = (subgraph) => {
                         builderDocs = (await Promise.all(builderPhids.map(async (phid) => {
                             try {
                                 const doc = await reactor.getDocument(phid);
-                                return doc.header.documentType === "powerhouse/builder-profile" ? doc : null;
+                                return doc.header.documentType ===
+                                    "powerhouse/builder-profile"
+                                    ? doc
+                                    : null;
                             }
                             catch {
                                 return null;
@@ -255,7 +263,8 @@ export const getResolvers = (subgraph) => {
                                         project.scope.deliverableSetStatus ||
                                         "DRAFT",
                                     progress: project.scope.progress ?? null,
-                                    deliverablesCompleted: project.scope.deliverablesCompleted ?? {
+                                    deliverablesCompleted: project.scope
+                                        .deliverablesCompleted ?? {
                                         total: 0,
                                         completed: 0,
                                     },
@@ -308,7 +317,12 @@ export const getResolvers = (subgraph) => {
                     const icon = String(state?.icon ?? "");
                     const description = String(state?.description ?? state?.slug ?? "");
                     const type = state?.type ?? "INDIVIDUAL";
-                    const skils = Array.isArray(state?.skils) ? state.skils : [];
+                    // Document model uses 'skils' (typo), but GraphQL schema uses 'skills'
+                    const skills = Array.isArray(state?.skils)
+                        ? state.skils
+                        : Array.isArray(state?.skills)
+                            ? state.skills
+                            : [];
                     const scopes = Array.isArray(state?.scopes) ? state.scopes : [];
                     const links = Array.isArray(state?.links) ? state.links : [];
                     const contributors = Array.isArray(state?.contributors)
@@ -325,7 +339,7 @@ export const getResolvers = (subgraph) => {
                         type,
                         contributors,
                         status: state?.status ?? null,
-                        skils,
+                        skills,
                         scopes,
                         links,
                         projects: projectsByOwner.get(doc.header.id) || [],

package/dist/subgraphs/builders-addon/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../subgraphs/builders-addon/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,YAgNpB,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../subgraphs/builders-addon/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,YA6MpB,CAAC"}

package/dist/subgraphs/builders-addon/schema.js

@@ -21,9 +21,6 @@ export const schema = gql `
     networkSlug: String
   }
 
-
-
-
   ## Builder Profile Schema
   type BuilderProfileState {
     id: PHID
@@ -36,7 +33,7 @@ export const schema = gql `
     type: teamType!
     contributors: [PHID!]!
     status: BuilderStatus
-    skils: [BuilderSkill!]!
+    skills: [BuilderSkill!]!
     scopes: [BuilderScope!]!
     links: [BuilderLink!]!
     projects: [BuilderProject!]!
@@ -84,7 +81,7 @@ export const schema = gql `
     label: String
   }
 
-  type Builder {
+  type Builder @key(fields: "id") {
     id: PHID
     code: String
     slug: String
@@ -95,7 +92,7 @@ export const schema = gql `
     type: teamType!
     contributors: [Builder!]!
     status: BuilderStatus
-    skils: [BuilderSkill!]!
+    skills: [BuilderSkill!]!
     scopes: [BuilderScope!]!
     links: [BuilderLink!]!
   }

package/dist/subgraphs/networks/resolvers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/networks/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,eAAO,MAAM,YAAY,GACvB,UAAU,YAAY,KACrB,MAAM,CAAC,MAAM,EAAE,OAAO,CAuMxB,CAAC"}
+{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/networks/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,eAAO,MAAM,YAAY,GACvB,UAAU,YAAY,KACrB,MAAM,CAAC,MAAM,EAAE,OAAO,CAiNxB,CAAC"}

package/dist/subgraphs/networks/resolvers.js

@@ -79,7 +79,8 @@ export const getResolvers = (subgraph) => {
                         }
                     }));
                     contributorDocs.forEach((doc) => {
-                        if (doc && doc.header.documentType === "powerhouse/builder-profile") {
+                        if (doc &&
+                            doc.header.documentType === "powerhouse/builder-profile") {
                             builderProfileMap.set(doc.header.id, doc);
                         }
                     });
@@ -154,7 +155,8 @@ export const getResolvers = (subgraph) => {
         Builder: {
             contributors: (parent) => {
                 // Resolve contributor PHIDs to Builder objects
-                if (!parent._contributorPhids || parent._contributorPhids.length === 0) {
+                if (!parent._contributorPhids ||
+                    parent._contributorPhids.length === 0) {
                     return [];
                 }
                 if (!getBuilderProfileByPhid) {

package/dist/subgraphs/networks/schema.js

@@ -54,7 +54,7 @@ export const schema = gql `
     type: teamType!
     contributors: [Builder!]!
     status: BuilderStatus
-    skils: [BuilderSkill!]!
+    skills: [BuilderSkill!]!
     scopes: [BuilderScope!]!
     links: [BuilderLink!]!
   }

package/dist/subgraphs/workstreams/resolvers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/workstreams/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAuC5D,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAk7BxE,CAAC"}
+{"version":3,"file":"resolvers.d.ts","sourceRoot":"","sources":["../../../subgraphs/workstreams/resolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAuC5D,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,KAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CA27BxE,CAAC"}

package/dist/subgraphs/workstreams/resolvers.js

@@ -171,8 +171,7 @@ export const getResolvers = (subgraph) => {
                     }
                 }));
                 nestedContributorDocs.forEach((doc) => {
-                    if (doc &&
-                        doc.header.documentType === "powerhouse/builder-profile") {
+                    if (doc && doc.header.documentType === "powerhouse/builder-profile") {
                         builderProfileMap.set(doc.header.id, doc);
                     }
                 });
@@ -785,11 +784,13 @@ export const getResolvers = (subgraph) => {
         SOW_Project: {
             projectOwner: (parent) => {
                 // Handle null, undefined, or empty string cases
-                if (parent?.projectOwner === null || parent?.projectOwner === undefined) {
+                if (parent?.projectOwner === null ||
+                    parent?.projectOwner === undefined) {
                     return null;
                 }
                 // Check if it's an empty string
-                if (typeof parent.projectOwner === "string" && parent.projectOwner.trim() === "") {
+                if (typeof parent.projectOwner === "string" &&
+                    parent.projectOwner.trim() === "") {
                     return null;
                 }
                 if (!getBuilderProfileByPhid)
@@ -803,7 +804,8 @@ export const getResolvers = (subgraph) => {
         Builder: {
             contributors: (parent) => {
                 // Resolve contributor PHIDs to Builder objects
-                if (!parent._contributorPhids || parent._contributorPhids.length === 0) {
+                if (!parent._contributorPhids ||
+                    parent._contributorPhids.length === 0) {
                     return [];
                 }
                 if (!getBuilderProfileByPhid) {

package/dist/subgraphs/workstreams/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../subgraphs/workstreams/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,YAwgBpB,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../subgraphs/workstreams/schema.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,MAAM,EAAE,YAsgBpB,CAAC"}

package/dist/subgraphs/workstreams/schema.js

@@ -21,7 +21,6 @@ export const schema = gql `
     workstream_title: String
     workstream_status: WorkstreamStatus
     sow_phid: PHID
-    roadmap_oid: PHID
     final_milestone_target: DateTime
     initial_proposal_status: ProposalStatus
     initial_proposal_author: PHID
@@ -458,7 +457,6 @@ export const schema = gql `
     paymentTerms: PT_PaymentTermsState
   }
 
-
   # ==========================
   # Builder (typed)
   # ==========================
@@ -473,7 +471,7 @@ export const schema = gql `
     type: teamType!
     contributors: [Builder!]!
     status: BuilderStatus
-    skils: [BuilderSkill!]!
+    skills: [BuilderSkill!]!
     scopes: [BuilderScope!]!
     links: [BuilderLink!]!
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/network-admin",
   "description": "Network Admin package for Powerhouse",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "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.9",
     "@powerhousedao/builder-tools": "^5.0.12",
     "@powerhousedao/common": "^5.0.12",
     "@powerhousedao/design-system": "^5.0.12",

package/dist/editors/network-admin/components/builders.d.ts

@@ -1,2 +0,0 @@
-export default function Builders(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=builders.d.ts.map

package/dist/editors/network-admin/components/builders.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"builders.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/builders.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAQ/B"}

package/dist/editors/network-admin/components/builders.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function Builders() {
-    return (_jsx("div", { className: "w-full h-full p-6 overflow-auto", children: _jsx("div", { className: "max-w-7xl mx-auto", children: _jsx("h1", { className: "text-2xl font-bold", children: "Builders" }) }) }));
-}