@powerhousedao/builder-profile 0.0.3 → 0.0.4

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

@@ -1,138 +1,250 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { TextInput, Textarea, Icon } from "@powerhousedao/document-engineering";
-import { toast, ToastContainer, DocumentToolbar } from "@powerhousedao/design-system/connect";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TextInput, Textarea } from "@powerhousedao/document-engineering";
+import { User, Users, Settings, FileText, Copy, Info } from "lucide-react";
+import { toast, ToastContainer, DocumentToolbar, } from "@powerhousedao/design-system/connect";
 import { actions } from "../../document-models/builder-profile/index.js";
-import { useCallback, useState, useEffect, useRef } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import { useSelectedBuilderProfileDocument } from "../../document-models/builder-profile/hooks.js";
-import { setSelectedNode, useParentFolderForSelectedNode } from "@powerhousedao/reactor-browser";
-// Image Modal Component
-function ImageModal({ isOpen, onClose, imageUrl, imageAlt, }) {
-    const [imageLoaded, setImageLoaded] = useState(false);
-    const [imageDimensions, setImageDimensions] = useState({
-        width: 0,
-        height: 0,
-    });
-    if (!isOpen)
-        return null;
-    const handleImageLoad = (e) => {
-        const img = e.target;
-        setImageDimensions({ width: img.naturalWidth, height: img.naturalHeight });
-        setImageLoaded(true);
-    };
-    // Calculate modal size based on image dimensions with padding
-    const getModalSize = () => {
-        if (!imageLoaded)
-            return { width: "auto", height: "auto" };
-        const maxWidth = Math.min(imageDimensions.width + 100, window.innerWidth * 0.8);
-        const maxHeight = Math.min(imageDimensions.height + 100, window.innerHeight * 0.8);
-        return {
-            width: `${maxWidth}px`,
-            height: `${maxHeight}px`,
-        };
-    };
-    return (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center backdrop-blur-sm", onClick: onClose, children: _jsxs("div", { className: "relative bg-gray-900 rounded-lg shadow-2xl border-2 border-gray-700", style: getModalSize(), children: [_jsx("button", { onClick: onClose, className: "absolute -top-3 -right-3 z-10 w-8 h-8 bg-gray-800 hover:bg-gray-900 rounded-full flex items-center justify-center text-white transition-all duration-200 shadow-lg", children: _jsx(Icon, { name: "ArrowLeft", size: 16 }) }), _jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: _jsx("img", { src: imageUrl, alt: imageAlt, className: `max-w-full max-h-full object-contain rounded-lg ${imageLoaded ? "opacity-100" : "opacity-0"} transition-opacity duration-200`, onClick: (e) => e.stopPropagation(), onLoad: handleImageLoad }) })] }) }));
-}
-// Image URL input component with preview
-function ImageUrlInput({ label, value, onChange, placeholder, fileSize = "200KB", }) {
-    const [imageError, setImageError] = useState(false);
-    const [isModalOpen, setIsModalOpen] = useState(false);
-    // Reset image error when value changes
-    useEffect(() => {
-        setImageError(false);
-    }, [value]);
-    const handleImageClick = () => {
-        if (value &&
-            !imageError &&
-            (value.startsWith("http://") || value.startsWith("https://"))) {
-            setIsModalOpen(true);
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "block text-sm font-medium text-gray-700", children: label }), _jsxs("div", { className: "border border-gray-300 rounded-lg p-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("div", { className: "flex items-center space-x-3", children: [_jsx("div", { className: `flex-shrink-0 w-12 h-12 bg-gray-100 rounded border flex items-center justify-center overflow-hidden ${value &&
-                                                !imageError &&
-                                                (value.startsWith("http://") || value.startsWith("https://"))
-                                                ? "cursor-pointer hover:opacity-80 transition-opacity duration-200"
-                                                : ""}`, onClick: handleImageClick, children: value &&
-                                                !imageError &&
-                                                (value.startsWith("http://") ||
-                                                    value.startsWith("https://")) ? (_jsx("img", { src: value, alt: `${label} preview`, className: "w-full h-full object-cover", onError: () => setImageError(true), onLoad: () => setImageError(false) })) : (_jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" })) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsxs("div", { className: "text-xs text-gray-500", children: ["File Type: jpg | File Size: ", value ? fileSize : "0KB", imageError && value && (_jsx("div", { className: "text-red-500 mt-1", children: "\u26A0 Failed to load image" })), value &&
-                                                        !imageError &&
-                                                        (value.startsWith("http://") ||
-                                                            value.startsWith("https://")) && (_jsx("div", { className: "text-blue-600 mt-1", children: "\uD83D\uDCA1 Click image to view full size" }))] }) })] }) }), _jsx("div", { className: "mt-3", children: _jsx(TextInput, { className: "w-full", defaultValue: value || "", onBlur: (e) => {
-                                        if (e.target.value !== value) {
-                                            onChange(e.target.value);
-                                        }
-                                    }, placeholder: placeholder || "Enter image URL" }) })] })] }), _jsx(ImageModal, { isOpen: isModalOpen, onClose: () => setIsModalOpen(false), imageUrl: value, imageAlt: `${label} full size` })] }));
-}
+import { setSelectedNode, useParentFolderForSelectedNode, } from "@powerhousedao/reactor-browser";
+import { SkillsSection } from "./components/SkillsSection.js";
+import { ScopesSection } from "./components/ScopesSection.js";
+import { LinksSection } from "./components/LinksSection.js";
+import { ContributorsSection } from "./components/ContributorsSection.js";
+import { ProfilePreview } from "./components/ProfilePreview.js";
+import { ImageUrlInput } from "./components/ImageUrlInput.js";
+const STATUS_OPTIONS = [
+    { value: "ACTIVE", label: "Active", color: "bg-emerald-500" },
+    { value: "INACTIVE", label: "Inactive", color: "bg-slate-400" },
+    { value: "ON_HOLD", label: "On Hold", color: "bg-amber-500" },
+    { value: "COMPLETED", label: "Completed", color: "bg-sky-500" },
+    { value: "ARCHIVED", label: "Archived", color: "bg-slate-300" },
+];
 export default function Editor() {
-    // Getting dispatch from selected document
     const [doc, dispatch] = useSelectedBuilderProfileDocument();
     const state = doc?.state.global;
-    // Get the parent folder node for the currently selected node
     const parentFolder = useParentFolderForSelectedNode();
-    // Set the selected node to the parent folder node (close the editor)
     function handleClose() {
         setSelectedNode(parentFolder?.id);
     }
-    // Track if we've already attempted to generate an ID
     const idGeneratedRef = useRef(false);
     // Auto-generate ID if not present (only once)
     useEffect(() => {
         if (!state?.id && !idGeneratedRef.current && dispatch) {
-            idGeneratedRef.current = true; // Mark as attempted
+            idGeneratedRef.current = true;
             dispatch(actions.updateProfile({
                 id: doc.header.id,
             }));
         }
-    }, [state?.id, dispatch]);
+    }, [state?.id, dispatch, doc?.header.id]);
+    // Format date as "09 DEC 2025 10:52:30"
+    const formatLastModified = (isoString) => {
+        const date = new Date(isoString);
+        const day = date.getDate().toString().padStart(2, "0");
+        const months = [
+            "JAN",
+            "FEB",
+            "MAR",
+            "APR",
+            "MAY",
+            "JUN",
+            "JUL",
+            "AUG",
+            "SEP",
+            "OCT",
+            "NOV",
+            "DEC",
+        ];
+        const month = months[date.getMonth()];
+        const year = date.getFullYear();
+        const hours = date.getHours().toString().padStart(2, "0");
+        const minutes = date.getMinutes().toString().padStart(2, "0");
+        const seconds = date.getSeconds().toString().padStart(2, "0");
+        return `${day} ${month} ${year} ${hours}:${minutes}:${seconds}`;
+    };
     // Generate slug from name
     const generateSlug = useCallback((name) => {
         return name
             .toLowerCase()
             .trim()
-            .replace(/[^a-z0-9\s-]/g, "") // Remove special characters except spaces and hyphens
-            .replace(/\s+/g, "-") // Replace spaces with hyphens
-            .replace(/-+/g, "-") // Replace multiple hyphens with single hyphen
-            .replace(/^-|-$/g, ""); // Remove leading/trailing hyphens
+            .replace(/[^a-z0-9\s-]/g, "")
+            .replace(/\s+/g, "-")
+            .replace(/-+/g, "-")
+            .replace(/^-|-$/g, "");
     }, []);
-    // Handle field changes using the UPDATE_PROFILE operation
+    // Handle basic profile field changes
     const handleFieldChange = useCallback((field, value) => {
         if (!dispatch) {
-            console.error("Dispatch function not available");
             toast(`Failed to update ${field} - no dispatch function`, {
                 type: "error",
             });
             return;
         }
-        // If updating name and value is not empty, also update slug
         if (field === "name" && value && value.trim()) {
             const slug = generateSlug(value);
-            dispatch(actions.updateProfile({
-                name: value,
-                slug: slug,
-            }));
+            dispatch(actions.updateProfile({ name: value, slug }));
         }
         else {
-            // Only update the changed field along with id
-            const updateAction = actions.updateProfile({
-                [field]: value,
-            });
-            dispatch(updateAction);
+            dispatch(actions.updateProfile({ [field]: value }));
         }
     }, [dispatch, generateSlug]);
-    return (_jsxs("div", { className: "w-full bg-gray-50 min-h-screen", children: [_jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "p-6 max-w-4xl mx-auto", children: [_jsxs("div", { className: "bg-white rounded-lg p-6 mb-6 shadow-sm", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900 mb-2", children: "Builder Profile" }), _jsx("p", { className: "text-gray-600", children: "Create and manage your builder profile information" })] }), state && (state.name || state.icon || state.description) && (_jsxs("div", { className: "bg-white rounded-lg p-6 shadow-sm mb-6", children: [_jsx("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: "Profile Preview" }), _jsx("div", { className: "border border-gray-200 rounded-lg p-4", children: _jsxs("div", { className: "flex items-start space-x-4", children: [_jsx("div", { className: "flex-shrink-0", children: state.icon ? (_jsx("img", { src: state.icon, alt: "Profile icon", className: "w-16 h-16 rounded-full object-cover border-2 border-gray-200" })) : (_jsx("div", { className: "w-16 h-16 rounded-full bg-gray-200 flex items-center justify-center", children: _jsx(Icon, { name: "Image", size: 24, className: "text-gray-400" }) })) }), _jsxs("div", { className: "flex-1", children: [_jsx("h4", { className: "text-lg font-semibold text-gray-900", children: state.name || "Unnamed Builder" }), state.slug && (_jsxs("p", { className: "text-sm text-gray-500 mb-2", children: ["@", state.slug] })), state.description && (_jsx("p", { className: "text-gray-700", children: state.description }))] })] }) })] })), _jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Builder ID:" }), _jsxs("div", { className: "text-sm text-gray-500 flex items-center", children: [_jsx("span", { className: "mr-2", children: doc?.header.id }), _jsx("button", { type: "button", className: "ml-1 p-1 rounded transition active:bg-gray-400 hover:bg-gray-200", title: "Copy Builder ID", onClick: () => {
-                                                        navigator.clipboard.writeText(doc?.header.id || "");
-                                                        toast("Copied Builder ID!", {
-                                                            type: "success",
-                                                        });
-                                                    }, children: _jsx(Icon, { name: "Copy", size: 16, className: "text-gray-400" }) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Builder Name:" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
-                                                if (e.target.value !== state?.name) {
-                                                    handleFieldChange("name", e.target.value);
-                                                }
-                                            }, placeholder: "Enter your name" })] }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Profile Slug:" }), _jsx(TextInput, { className: "w-full", value: state?.slug || "", onChange: (e) => {
-                                                handleFieldChange("slug", e.target.value);
-                                            }, placeholder: "your-profile-slug" }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Used for your profile URL (lowercase, no spaces)" })] }), _jsx(ImageUrlInput, { label: "Profile Icon:", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "BuilderIcon.jpg", fileSize: "200KB" }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Description:" }), _jsx(Textarea, { className: "w-full", defaultValue: state?.description || "", onBlur: (e) => {
-                                                if (e.target.value !== state?.description) {
-                                                    handleFieldChange("description", e.target.value);
-                                                }
-                                            }, placeholder: "Tell us about yourself as a builder...", rows: 4, autoExpand: true })] })] }) }), _jsx(ToastContainer, { position: "bottom-right" })] })] }));
+    // Handle status change
+    const handleStatusChange = useCallback((status) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.updateProfile({ status }));
+    }, [dispatch]);
+    // Handle type change
+    const handleTypeChange = useCallback((type) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.updateProfile({ type }));
+    }, [dispatch]);
+    // Skill handlers
+    const handleAddSkill = useCallback((skill) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.addSkill({ skill }));
+    }, [dispatch]);
+    const handleRemoveSkill = useCallback((skill) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.removeSkill({ skill }));
+    }, [dispatch]);
+    // Scope handlers
+    const handleAddScope = useCallback((scope) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.addScope({ scope }));
+    }, [dispatch]);
+    const handleRemoveScope = useCallback((scope) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.removeScope({ scope }));
+    }, [dispatch]);
+    // Link handlers
+    const handleAddLink = useCallback((link) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.addLink({ id: link.id, url: link.url, label: link.label }));
+    }, [dispatch]);
+    const handleEditLink = useCallback((link) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.editLink({ id: link.id, url: link.url, label: link.label }));
+    }, [dispatch]);
+    const handleRemoveLink = useCallback((id) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.removeLink({ id }));
+    }, [dispatch]);
+    // Contributor handlers
+    const handleAddContributor = useCallback((contributorPHID) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.addContributor({ contributorPHID }));
+    }, [dispatch]);
+    const handleRemoveContributor = useCallback((contributorPHID) => {
+        if (!dispatch)
+            return;
+        dispatch(actions.removeContributor({ contributorPHID }));
+    }, [dispatch]);
+    return (_jsxs("div", { className: "w-full min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100", children: [_jsx("style", { children: `
+          .builder-editor input, .builder-editor textarea, .builder-editor select {
+            font-family: 'SF Pro Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+          }
+          .builder-editor .section-card {
+            background: white;
+            border: 1px solid rgba(0, 0, 0, 0.06);
+            border-radius: 16px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.02);
+            transition: box-shadow 0.2s ease, transform 0.2s ease;
+          }
+          .builder-editor .section-card:hover {
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.04);
+          }
+          .builder-editor .field-label {
+            font-size: 0.8125rem;
+            font-weight: 600;
+            color: #374151;
+            letter-spacing: -0.01em;
+            margin-bottom: 0.5rem;
+            display: block;
+          }
+          .builder-editor .field-hint {
+            font-size: 0.75rem;
+            color: #9CA3AF;
+            margin-top: 0.375rem;
+            letter-spacing: -0.01em;
+          }
+          .builder-editor .meta-value {
+            font-family: 'SF Mono', 'Monaco', 'Inconsolata', monospace;
+            font-size: 0.8125rem;
+            color: #6B7280;
+            background: #F9FAFB;
+            padding: 0.5rem 0.75rem;
+            border-radius: 8px;
+            border: 1px solid #E5E7EB;
+          }
+          .builder-editor .type-toggle {
+            display: flex;
+            background: #F3F4F6;
+            border-radius: 10px;
+            padding: 4px;
+            gap: 4px;
+          }
+          .builder-editor .type-toggle button {
+            flex: 1;
+            padding: 0.625rem 1rem;
+            font-size: 0.875rem;
+            font-weight: 500;
+            border-radius: 8px;
+            border: none;
+            cursor: pointer;
+            transition: all 0.2s ease;
+            color: #6B7280;
+            background: transparent;
+          }
+          .builder-editor .type-toggle button.active {
+            background: white;
+            color: #111827;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+          }
+          .builder-editor .type-toggle button:not(.active):hover {
+            color: #374151;
+            background: rgba(255, 255, 255, 0.5);
+          }
+          .builder-editor .status-select {
+            appearance: none;
+            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+            background-position: right 0.75rem center;
+            background-repeat: no-repeat;
+            background-size: 1.25em 1.25em;
+            padding-right: 2.5rem;
+          }
+        ` }), _jsx(DocumentToolbar, { document: doc, onClose: handleClose }), _jsxs("div", { className: "builder-editor p-6 max-w-4xl mx-auto space-y-6 pb-12", children: [_jsx("div", { className: "section-card p-8", children: _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold text-slate-900 tracking-tight", children: "Builder Profile" }), _jsx("p", { className: "text-slate-500 mt-1 text-sm", children: "Configure your builder identity and capabilities" })] }) }), state && _jsx(ProfilePreview, { state: state }), _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-slate-100 flex items-center justify-center", children: _jsx(Info, { size: 18, className: "text-slate-600" }) }), "Metadata"] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Builder ID" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("code", { className: "meta-value flex-1 truncate", children: doc?.header.id }), _jsx("button", { type: "button", className: "p-2 rounded-lg border border-slate-200 hover:bg-slate-50 transition-colors", title: "Copy Builder ID", onClick: () => {
+                                                            void navigator.clipboard.writeText(doc?.header.id || "");
+                                                            toast("Copied Builder ID!", { type: "success" });
+                                                        }, children: _jsx(Copy, { size: 16, className: "text-slate-500" }) })] })] }), _jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Last Modified" }), _jsx("div", { className: "meta-value", children: state?.lastModified
+                                                    ? formatLastModified(state.lastModified)
+                                                    : "Never modified" })] })] })] }), _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-indigo-50 flex items-center justify-center", children: _jsx(User, { size: 18, className: "text-indigo-600" }) }), "Identity"] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Builder Name" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.name || "", onBlur: (e) => {
+                                                    if (e.target.value !== state?.name) {
+                                                        handleFieldChange("name", e.target.value);
+                                                    }
+                                                }, placeholder: "Enter your name or team name" })] }), _jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Code" }), _jsx(TextInput, { className: "w-full", defaultValue: state?.code || "", onBlur: (e) => {
+                                                    if (e.target.value !== state?.code) {
+                                                        handleFieldChange("code", e.target.value);
+                                                    }
+                                                }, placeholder: "Short identifier" }), _jsx("p", { className: "field-hint", children: "Unique code for quick reference" })] }), _jsxs("div", { className: "md:col-span-2", children: [_jsx("label", { className: "field-label", children: "Profile Slug" }), _jsx(TextInput, { className: "w-full", value: state?.slug || "", onChange: (e) => {
+                                                    handleFieldChange("slug", e.target.value);
+                                                }, placeholder: "your-profile-slug" }), _jsx("p", { className: "field-hint", children: "Auto-generated from name. Lowercase, hyphens only." })] }), _jsx("div", { className: "md:col-span-2", children: _jsx(ImageUrlInput, { label: "Profile Image", value: state?.icon || "", onChange: (value) => handleFieldChange("icon", value), placeholder: "https://example.com/avatar.jpg" }) })] })] }), _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-amber-50 flex items-center justify-center", children: _jsx(Settings, { size: 18, className: "text-amber-600" }) }), "Status & Type"] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { children: [_jsx("label", { className: "field-label", children: "Current Status" }), _jsxs("select", { className: "status-select w-full px-4 py-2.5 border border-slate-200 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 bg-white", value: state?.status || "", onChange: (e) => {
+                                                    if (e.target.value) {
+                                                        handleStatusChange(e.target.value);
+                                                    }
+                                                }, 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?.skilss || [], 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/module.js

@@ -4,7 +4,7 @@ export const BuilderProfile = {
     Component: lazy(() => import("./editor.js")),
     documentTypes: ["powerhouse/builder-profile"],
     config: {
-        id: "builder-profile-editor",
+        id: "builder-profile",
         name: "builder-profile",
     },
 };

package/dist/editors/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * This is a scaffold file meant for customization.
- * Delete the file and run the code generator again to have it reset
- */
 export { BuilderProfile } from "./builder-profile/module.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/editors/index.js

@@ -1,5 +1 @@
-/**
- * This is a scaffold file meant for customization.
- * Delete the file and run the code generator again to have it reset
- */
 export { BuilderProfile } from "./builder-profile/module.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import manifestJson from "./powerhouse.manifest.json" with { type: "json" };
-import * as documentModelsExports from './document-models/index.js';
-import * as editorsExports from './editors/index.js';
+import * as documentModelsExports from "./document-models/index.js";
+import * as editorsExports from "./editors/index.js";
 export const manifest = manifestJson;
 export const documentModels = Object.values(documentModelsExports);
 export const editors = Object.values(editorsExports);

package/dist/powerhouse.manifest.json

@@ -1,12 +1,17 @@
 {
-    "name": "",
-    "description": "",
-    "category": "",
+    "name": "powerhouse/builder-profile",
+    "description": "builder profile",
+    "category": "Project Management",
     "publisher": {
         "name": "",
         "url": ""
     },
-    "documentModels": [],
+    "documentModels": [
+        {
+            "id": "powerhouse/builder-profile",
+            "name": "Builder Profile"
+        }
+    ],
     "editors": [],
     "apps": [],
     "subgraphs": [],