@powerhousedao/builder-profile 0.0.5 → 0.0.7

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

@@ -1,7 +1,89 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
+import { useMemo, useCallback, useState, useEffect } from "react";
 import { useDrives, useGetDocuments } from "@powerhousedao/reactor-browser";
 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.
+ *
+ * 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({ contributors, onAddContributor, onRemoveContributor, }) {
     const drives = useDrives();
     // Map all builder profile FileNodes from all drives with their driveId
@@ -24,8 +106,8 @@ export function ContributorsSection({ contributors, onAddContributor, onRemoveCo
     }, [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;
@@ -36,10 +118,13 @@ export function ContributorsSection({ contributors, onAddContributor, onRemoveCo
         });
         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,
@@ -48,18 +133,43 @@ export function ContributorsSection({ contributors, onAddContributor, onRemoveCo
                 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);
@@ -89,35 +199,34 @@ export function ContributorsSection({ contributors, onAddContributor, onRemoveCo
                 }
                 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) {
-                                onRemoveContributor(context.row.phid);
+                            if (currentPhid && currentPhid !== phidValue) {
+                                onRemoveContributor(currentPhid);
                             }
                             // Add the new contributor
-                            onAddContributor(newValue);
+                            onAddContributor(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-profile/components/markdown-editor.d.ts

@@ -0,0 +1,12 @@
+export type MarkdownEditorMode = "preview" | "edit" | "live";
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: (value: string) => void;
+    height?: number;
+    label?: string;
+    labelClassName?: string;
+}
+export declare function MarkdownEditor({ value, onChange, onBlur, height, label, labelClassName, }: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=markdown-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../../editors/builder-profile/components/markdown-editor.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAY,EACZ,KAAiB,EACjB,cAAqD,GACtD,EAAE,mBAAmB,2CA2LrB"}

package/dist/editors/builder-profile/components/markdown-editor.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import remarkGfm from "remark-gfm";
+import rehypeSlug from "rehype-slug";
+import { useLocalStorage } from "usehooks-ts";
+// Custom preview renderer to make links open in new tabs and ensure proper list rendering
+const previewOptions = {
+    components: {
+        a: ({ ...props }) => (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" })),
+    },
+    rehypePlugins: [rehypeSlug],
+    remarkPlugins: [remarkGfm],
+};
+export function MarkdownEditor({ value, onChange, onBlur, height = 350, label = "Content", labelClassName = "text-sm leading-4 mb-3 font-medium", }) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+    const [MDEditor, setMDEditor] = useState(null);
+    const [contentValue, setContentValue] = useState(" ");
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [loadError, setLoadError] = useState(null);
+    const [viewMarkdownMode, setViewMarkdownMode] = useLocalStorage("markdown-editor-view-mode", "live");
+    // Ensure we have a valid mode for the editor
+    const editorMode = viewMarkdownMode || "live";
+    // Load the MDEditor component dynamically
+    useEffect(() => {
+        // Use a more robust dynamic import approach
+        const loadEditor = async () => {
+            try {
+                const module = await import("@uiw/react-md-editor");
+                setMDEditor(() => module.default);
+                setIsLoaded(true);
+                setLoadError(null);
+            }
+            catch (error) {
+                console.error("Failed to load MDEditor:", error);
+                setLoadError(error instanceof Error ? error.message : "Failed to load editor");
+                setIsLoaded(true);
+            }
+        };
+        // Add a small delay to ensure DOM is ready
+        const timer = setTimeout(loadEditor, 0);
+        return () => clearTimeout(timer);
+    }, []);
+    // Update contentValue when value prop changes
+    useEffect(() => {
+        if (isLoaded) {
+            const stringValue = typeof value === "string" ? value : "";
+            const safeValue = stringValue.trim() || " ";
+            setContentValue(safeValue);
+        }
+    }, [value, isLoaded]);
+    useEffect(() => {
+        if (!MDEditor)
+            return;
+        const handleViewButtonClick = () => {
+            const buttonLive = document.querySelector("button[data-name='live']");
+            const buttonEdit = document.querySelector("button[data-name='edit']");
+            const buttonPreview = document.querySelector("button[data-name='preview']");
+            const liveLi = buttonLive?.closest("li");
+            const editLi = buttonEdit?.closest("li");
+            const previewLi = buttonPreview?.closest("li");
+            if (previewLi && previewLi.classList.contains("active")) {
+                setViewMarkdownMode("preview");
+            }
+            if (editLi && editLi.classList.contains("active")) {
+                setViewMarkdownMode("edit");
+            }
+            if (liveLi && liveLi.classList.contains("active")) {
+                setViewMarkdownMode("live");
+            }
+        };
+        document.addEventListener("click", handleViewButtonClick, true);
+        return () => {
+            document.removeEventListener("click", handleViewButtonClick, true);
+        };
+    }, [MDEditor, setViewMarkdownMode]);
+    // Handle content changes
+    const handleContentChange = (newValue) => {
+        if (newValue !== undefined) {
+            const stringValue = typeof newValue === "string" ? newValue : "";
+            // Only replace completely empty strings with a space, preserve all other content
+            const safeValue = stringValue === "" ? " " : stringValue;
+            setContentValue(safeValue);
+            onChange(newValue); // Keep the original value for the parent component
+        }
+    };
+    // Handle content blur
+    const handleContentBlur = (e) => {
+        if (onBlur) {
+            onBlur(e.target.value);
+        }
+    };
+    return (_jsxs("div", { className: "w-full", children: [_jsx("style", { children: `
+          .w-md-editor-preview ul {
+            list-style-type: disc !important;
+            padding-left: 2em !important;
+          }
+
+          .w-md-editor-preview ol {
+            list-style-type: decimal !important;
+            padding-left: 2em !important;
+          }
+
+          /* Ensure proper table styling */
+          .w-md-editor-preview table {
+            border-collapse: collapse;
+            width: 100%;
+            margin: 1em 0;
+          }
+
+          .w-md-editor-preview th,
+          .w-md-editor-preview td {
+            border: 1px solid #ddd;
+            padding: 8px;
+            text-align: left;
+          }
+
+          .w-md-editor-preview th {
+            background-color: #f5f5f5;
+          }
+         
+        .w-md-editor-text-pre code, .w-md-editor-text-pre div {
+            font-size: 16px !important;
+            line-height: 24px !important;
+          }
+          .w-md-editor-text-input {
+            font-size: 16px !important;
+            line-height: 24px !important;
+          }
+            
+        ` }), label && _jsx("p", { className: labelClassName, children: label }), !isLoaded && (_jsx("div", { className: "w-full border border-gray-300 rounded-md p-3 bg-white", style: { height: `${height}px` }, children: _jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-500", children: "Loading editor..." }) })), isLoaded && loadError && (_jsx("div", { className: "w-full border border-red-300 rounded-md p-3 bg-red-50", style: { height: `${height}px` }, children: _jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center text-red-600", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Failed to load markdown editor" }), _jsx("p", { className: "text-xs text-red-500", children: loadError }), _jsx("textarea", { className: "w-full h-full mt-2 p-2 border border-gray-300 rounded text-sm", placeholder: "Fallback text editor - write your content here...", value: value, onChange: (e) => onChange(e.target.value), onBlur: (e) => onBlur?.(e.target.value) })] }) })), isLoaded && MDEditor && (_jsx("div", { "data-color-mode": "light", className: "w-full", children: _jsx(MDEditor, { height: height, value: contentValue, onChange: handleContentChange, onBlur: handleContentBlur, previewOptions: previewOptions, enableScroll: true, preview: editorMode, textareaProps: {
+                        placeholder: "Write your content here...",
+                    } }) }))] }));
+}

package/dist/editors/builder-profile/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builder-profile/editor.tsx"],"names":[],"mappings":"AAuCA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAugB7B"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/builder-profile/editor.tsx"],"names":[],"mappings":"AAwCA,MAAM,CAAC,OAAO,UAAU,MAAM,4CAmgB7B"}

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

@@ -12,6 +12,7 @@ import { LinksSection } from "./components/LinksSection.js";
 import { ContributorsSection } from "./components/ContributorsSection.js";
 import { ProfilePreview } from "./components/ProfilePreview.js";
 import { ImageUrlInput } from "./components/ImageUrlInput.js";
+import { MarkdownEditor } from "./components/markdown-editor.js";
 const STATUS_OPTIONS = [
     { value: "ACTIVE", label: "Active", color: "bg-emerald-500" },
     { value: "INACTIVE", label: "Inactive", color: "bg-slate-400" },
@@ -242,9 +243,5 @@ export default function Editor() {
                                                     }
                                                 }, children: [_jsx("option", { value: "", disabled: true, children: "Select status..." }), STATUS_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] })] }), _jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Profile Type" }), _jsxs("div", { className: "type-toggle", children: [_jsx("button", { type: "button", onClick: () => handleTypeChange("INDIVIDUAL"), className: state?.type === "INDIVIDUAL" ? "active" : "", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx(User, { size: 16 }), "Individual"] }) }), _jsx("button", { type: "button", onClick: () => handleTypeChange("TEAM"), className: state?.type === "TEAM" ? "active" : "", children: _jsxs("span", { className: "flex items-center justify-center gap-2", children: [_jsx(Users, { size: 16 }), "Team"] }) })] }), _jsx("p", { className: "field-hint", children: state?.type === "TEAM"
                                                     ? "Teams can add contributors to their profile"
-                                                    : "Individual profiles represent a single builder" })] })] })] }), _jsxs("div", { className: "section-card p-6", children: [_jsxs("h3", { className: "text-lg font-semibold text-slate-900 mb-6 flex items-center gap-2", children: [_jsx("span", { className: "w-8 h-8 rounded-lg bg-emerald-50 flex items-center justify-center", children: _jsx(FileText, { size: 18, className: "text-emerald-600" }) }), "About"] }), _jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Description" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
-                                            if (e.target.value !== state?.description) {
-                                                handleFieldChange("description", e.target.value);
-                                            }
-                                        }, placeholder: "Describe your expertise, focus areas, and what you bring to the ecosystem...", rows: 4, autoExpand: true }), _jsx("p", { className: "field-hint", children: "A compelling description helps others understand your capabilities" })] })] }), _jsx(SkillsSection, { skills: state?.skils || [], onAddSkill: handleAddSkill, onRemoveSkill: handleRemoveSkill }), _jsx(ScopesSection, { scopes: state?.scopes || [], onAddScope: handleAddScope, onRemoveScope: handleRemoveScope }), _jsx(LinksSection, { links: state?.links || [], onAddLink: handleAddLink, onEditLink: handleEditLink, onRemoveLink: handleRemoveLink }), state?.type === "TEAM" && (_jsx(ContributorsSection, { contributors: state.contributors, onAddContributor: handleAddContributor, onRemoveContributor: handleRemoveContributor })), _jsx(ToastContainer, { position: "bottom-right" })] })] }));
+                                                    : "Individual profiles represent a single builder" })] })] })] }), _jsxs("div", { className: "section-card p-6", children: [_jsxs("h3", { className: "text-lg font-semibold text-slate-900 mb-6 flex items-center gap-2", children: [_jsx("span", { className: "w-8 h-8 rounded-lg bg-emerald-50 flex items-center justify-center", children: _jsx(FileText, { size: 18, className: "text-emerald-600" }) }), "About"] }), _jsxs("div", { children: [_jsx(MarkdownEditor, { label: "What is the builder profile about?", height: 350, value: state?.description || "", onChange: () => { }, onBlur: (value) => handleFieldChange("description", value) }), _jsx("p", { className: "field-hint", children: "A compelling description helps others understand your capabilities" })] })] }), _jsx(SkillsSection, { skills: state?.skils || [], onAddSkill: handleAddSkill, onRemoveSkill: handleRemoveSkill }), _jsx(ScopesSection, { scopes: state?.scopes || [], onAddScope: handleAddScope, onRemoveScope: handleRemoveScope }), _jsx(LinksSection, { links: state?.links || [], onAddLink: handleAddLink, onEditLink: handleEditLink, onRemoveLink: handleRemoveLink }), state?.type === "TEAM" && (_jsx(ContributorsSection, { contributors: state.contributors, onAddContributor: handleAddContributor, onRemoveContributor: handleRemoveContributor })), _jsx(ToastContainer, { position: "bottom-right" })] })] }));
 }

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

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

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