cortex-react-components 3.2.2 → 4.0.2

package/package.json

@@ -2,7 +2,7 @@
   "name": "cortex-react-components",
   "author": "Cortex Reply",
   "private": false,
-  "version": "3.2.2",
+  "version": "4.0.2",
   "description": "A library of React components with styles. Designed to seamlessly integrate with React and Next.js.",
   "license": "MPL-2.0",
   "main": "./dist/index.js",
@@ -28,7 +28,10 @@
     },
     "./globals.css": "./dist/globals.css"
   },
-  "repository": "github:cortex-reply/react-components",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cortex-reply/react-components.git"
+  },
   "sideEffects": false,
   "files": [
     "dist/**"

package/dist/chunk-5MMSWFVA.mjs

@@ -1,364 +0,0 @@
-"use client";
-"use strict";
-
-import {
-  EditableField
-} from "./chunk-ZFUPXIGR.mjs";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-EMGZSA3M.mjs";
-import {
-  Textarea
-} from "./chunk-4UJUWE3A.mjs";
-import {
-  Input
-} from "./chunk-YMZ2OUK6.mjs";
-import {
-  Button
-} from "./chunk-I6LSWXZW.mjs";
-
-// src/components/DigitalColleagues/document-edit.tsx
-import { motion } from "motion/react";
-import {
-  File,
-  FileText,
-  Save,
-  X,
-  Plus,
-  Type,
-  ChevronDown,
-  ChevronRight,
-  Info
-} from "lucide-react";
-import { useState, useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DocumentEdit({
-  document,
-  onSave,
-  onCancel,
-  availableDocuments = [],
-  knowledgeContexts = []
-}) {
-  const [editedDocument, setEditedDocument] = useState({
-    ...document,
-    updatedAt: /* @__PURE__ */ new Date()
-  });
-  const [isMetadataExpanded, setIsMetadataExpanded] = useState(false);
-  const [metadataFields, setMetadataFields] = useState(() => {
-    const fields = [];
-    let idCounter = 0;
-    const contextKeys = /* @__PURE__ */ new Set();
-    knowledgeContexts.forEach((context) => {
-      context.menuConfig.groupBy.forEach((key) => contextKeys.add(key));
-    });
-    contextKeys.forEach((key) => {
-      fields.push({
-        id: `context_field_${idCounter++}`,
-        key,
-        value: document.metadata?.[key] ? String(document.metadata[key]) : "",
-        isContextKey: true
-      });
-    });
-    if (document.metadata) {
-      Object.entries(document.metadata).forEach(([key, value]) => {
-        if (!contextKeys.has(key)) {
-          fields.push({
-            id: `existing_field_${idCounter++}`,
-            key,
-            value: String(value),
-            isContextKey: false
-          });
-        }
-      });
-    }
-    return fields;
-  });
-  const formatIcon = (format) => {
-    switch (format) {
-      case "markdown":
-      case "mdx":
-        return /* @__PURE__ */ jsx(FileText, { className: "h-6 w-6 text-primary" });
-      case "richtext":
-        return /* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-success" });
-      case "text":
-        return /* @__PURE__ */ jsx(Type, { className: "h-6 w-6 text-muted-foreground" });
-      default:
-        return /* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-muted-foreground" });
-    }
-  };
-  const formatBadgeColor = (format) => {
-    switch (format) {
-      case "markdown":
-        return "bg-primary/10 text-primary border-primary/20";
-      case "mdx":
-        return "bg-secondary/10 text-secondary border-secondary/20";
-      case "richtext":
-        return "bg-success/10 text-success border-success/20";
-      case "text":
-        return "bg-muted/50 text-muted-foreground border-muted-foreground/20";
-      default:
-        return "bg-muted text-muted-foreground border-border";
-    }
-  };
-  const getSuggestedMetadataKeys = () => {
-    const keysFromDocuments = /* @__PURE__ */ new Set();
-    availableDocuments.forEach((doc) => {
-      if (doc.metadata) {
-        Object.keys(doc.metadata).forEach((key) => keysFromDocuments.add(key));
-      }
-    });
-    return {
-      documentKeys: Array.from(keysFromDocuments).sort()
-    };
-  };
-  const getSuggestedValues = (key) => {
-    const values = /* @__PURE__ */ new Set();
-    availableDocuments.forEach((doc) => {
-      if (doc.metadata?.[key]) {
-        values.add(String(doc.metadata[key]));
-      }
-    });
-    return Array.from(values).sort();
-  };
-  const suggestedKeys = getSuggestedMetadataKeys();
-  const handleSave = () => {
-    onSave(editedDocument);
-  };
-  useEffect(() => {
-    const metadata = metadataFields.filter((field) => field.key.trim() !== "" && field.value.trim() !== "").reduce(
-      (acc, field) => ({
-        ...acc,
-        [field.key]: field.value
-      }),
-      {}
-    );
-    setEditedDocument((prev) => ({
-      ...prev,
-      metadata: Object.keys(metadata).length > 0 ? metadata : void 0
-    }));
-  }, [metadataFields]);
-  const handleMetadataKeyChange = (fieldId, newKey) => {
-    setMetadataFields(
-      (prev) => prev.map((field) => field.id === fieldId ? { ...field, key: newKey } : field)
-    );
-  };
-  const handleMetadataValueChange = (fieldId, newValue) => {
-    setMetadataFields(
-      (prev) => prev.map((field) => field.id === fieldId ? { ...field, value: newValue } : field)
-    );
-  };
-  const handleMetadataValueSelect = (fieldId, value) => {
-    if (value === "__custom__") {
-      handleMetadataValueChange(fieldId, "");
-    } else {
-      handleMetadataValueChange(fieldId, value);
-    }
-  };
-  const handleAddMetadataField = () => {
-    const newField = {
-      id: `field_${Date.now()}`,
-      key: "",
-      value: "",
-      isContextKey: false
-    };
-    setMetadataFields((prev) => [...prev, newField]);
-  };
-  const handleRemoveMetadataField = (fieldId) => {
-    setMetadataFields((prev) => prev.filter((field) => field.id !== fieldId));
-  };
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 20 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.3 },
-      className: "h-full flex flex-col",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-card p-8 pb-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-3 rounded-xl bg-muted border border-border", children: formatIcon(editedDocument.format) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 mb-2 leading-tight", children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
-                    EditableField,
-                    {
-                      fieldName: "title",
-                      value: editedDocument.title,
-                      label: "",
-                      onSave: (fieldName, value) => setEditedDocument((prev) => ({ ...prev, title: value })),
-                      className: "[&>div:last-child]:text-2xl [&>div:last-child]:font-bold [&>div:last-child]:leading-tight [&>div:last-child]:text-foreground [&>div:last-child]:p-0 [&>div:last-child]:border-0 [&>div:last-child]:hover:bg-muted/30 [&>div:last-child]:min-h-0"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: `inline-flex items-center px-3 py-1 rounded-full text-sm font-medium border ${formatBadgeColor(
-                        editedDocument.format
-                      )} flex-shrink-0 mt-1`,
-                      children: editedDocument.format.toUpperCase()
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
-                  EditableField,
-                  {
-                    fieldName: "description",
-                    value: editedDocument.description || "Click to add description...",
-                    label: "",
-                    multiline: true,
-                    onSave: (fieldName, value) => setEditedDocument((prev) => ({ ...prev, description: value })),
-                    className: "[&>div:last-child]:text-muted-foreground [&>div:last-child]:text-lg [&>div:last-child]:leading-relaxed [&>div:last-child]:p-0 [&>div:last-child]:border-0 [&>div:last-child]:hover:bg-muted/30 [&>div:last-child]:min-h-0"
-                  }
-                ) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setIsMetadataExpanded(!isMetadataExpanded),
-                  className: "gap-2",
-                  children: [
-                    /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-                    "Metadata",
-                    metadataFields.filter(
-                      (field) => field.key.trim() !== "" && field.value.trim() !== ""
-                    ).length > 0 && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center w-5 h-5 text-xs font-medium bg-primary/10 text-primary rounded-full", children: metadataFields.filter(
-                      (field) => field.key.trim() !== "" && field.value.trim() !== ""
-                    ).length }),
-                    isMetadataExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onCancel, className: "gap-2", children: [
-                /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-                "Cancel"
-              ] }),
-              /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: handleSave, className: "gap-2", children: [
-                /* @__PURE__ */ jsx(Save, { className: "h-4 w-4" }),
-                "Save Changes"
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              initial: false,
-              animate: {
-                height: isMetadataExpanded ? "auto" : 0,
-                opacity: isMetadataExpanded ? 1 : 0
-              },
-              transition: { duration: 0.2, ease: "easeInOut" },
-              className: "overflow-hidden",
-              children: /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t border-border mt-4", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
-                  /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-                    "Document Metadata"
-                  ] }),
-                  /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "outline",
-                      size: "sm",
-                      onClick: handleAddMetadataField,
-                      className: "gap-1 h-8",
-                      children: [
-                        /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
-                        "Add Field"
-                      ]
-                    }
-                  )
-                ] }),
-                suggestedKeys.documentKeys.length > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground mb-3", children: [
-                  "Additional from documents: ",
-                  suggestedKeys.documentKeys.slice(0, 4).join(", "),
-                  suggestedKeys.documentKeys.length > 4 && ` +${suggestedKeys.documentKeys.length - 4} more`
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-lg p-4 border border-border", children: metadataFields.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2", children: metadataFields.map((field) => {
-                  const suggestedValues = getSuggestedValues(field.key);
-                  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
-                    /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        value: field.key,
-                        onChange: (e) => handleMetadataKeyChange(field.id, e.target.value),
-                        placeholder: "Key",
-                        className: `w-32 h-8 text-sm ${field.isContextKey ? "bg-primary/5 border-primary/30" : ""}`,
-                        list: `metadata-keys-${field.id}`,
-                        disabled: field.isContextKey
-                      }
-                    ),
-                    /* @__PURE__ */ jsx("datalist", { id: `metadata-keys-${field.id}`, children: suggestedKeys.documentKeys.map((suggestedKey) => /* @__PURE__ */ jsx("option", { value: suggestedKey }, suggestedKey)) }),
-                    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: "=" }),
-                    suggestedValues.length > 0 ? /* @__PURE__ */ jsxs(
-                      Select,
-                      {
-                        value: field.value || "",
-                        onValueChange: (newValue) => handleMetadataValueSelect(field.id, newValue),
-                        children: [
-                          /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1 h-8 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Value" }) }),
-                          /* @__PURE__ */ jsxs(SelectContent, { children: [
-                            suggestedValues.map((suggestedValue) => /* @__PURE__ */ jsx(SelectItem, { value: suggestedValue, children: suggestedValue }, suggestedValue)),
-                            /* @__PURE__ */ jsx(SelectItem, { value: "__custom__", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: "Custom..." }) })
-                          ] })
-                        ]
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      Input,
-                      {
-                        value: field.value || "",
-                        onChange: (e) => handleMetadataValueChange(field.id, e.target.value),
-                        placeholder: "Value",
-                        className: "flex-1 h-8 text-sm"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        type: "button",
-                        variant: "ghost",
-                        size: "sm",
-                        onClick: () => handleRemoveMetadataField(field.id),
-                        className: "h-8 w-8 p-0 text-muted-foreground hover:text-destructive",
-                        children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                      }
-                    )
-                  ] }, field.id);
-                }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-4", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "No metadata fields" }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: 'Click "Add Field" to create metadata' })
-                ] }) })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "p-8", children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-foreground mb-4", children: "Content" }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: editedDocument.content || "",
-              onChange: (e) => setEditedDocument((prev) => ({ ...prev, content: e.target.value })),
-              placeholder: "Document content...",
-              className: "min-h-[400px] font-mono text-sm",
-              style: { resize: "vertical" }
-            }
-          )
-        ] }) })
-      ]
-    }
-  );
-}
-
-export {
-  DocumentEdit
-};

package/dist/chunk-7TDXZ32Q.mjs

@@ -1,197 +0,0 @@
-"use client";
-"use strict";
-
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger
-} from "./chunk-C3RENDHG.mjs";
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage
-} from "./chunk-DNKWV24K.mjs";
-import {
-  Badge
-} from "./chunk-BG5JSVXF.mjs";
-import {
-  Card,
-  CardContent,
-  CardHeader
-} from "./chunk-EQHAE4MP.mjs";
-import {
-  Button
-} from "./chunk-I6LSWXZW.mjs";
-import {
-  cn
-} from "./chunk-KZPGX6CG.mjs";
-
-// src/components/DigitalColleagues/colleague-card.tsx
-import { useState } from "react";
-import {
-  MoreHorizontal,
-  Mail,
-  Phone,
-  MapPin,
-  Clock,
-  Settings,
-  Trash2,
-  Edit,
-  User,
-  Bot
-} from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ColleagueCard({
-  colleague,
-  onEdit,
-  onDelete,
-  onViewDetails,
-  showActions = true,
-  compact = false,
-  className
-}) {
-  const [isExpanded, setIsExpanded] = useState(false);
-  const getStatusColor = (status) => {
-    switch (status) {
-      case "active":
-        return "bg-green-500";
-      case "inactive":
-        return "bg-gray-500";
-      default:
-        return "bg-gray-500";
-    }
-  };
-  const getStatusText = (status) => {
-    switch (status) {
-      case "active":
-        return "Active";
-      case "inactive":
-        return "Inactive";
-      default:
-        return "Unknown";
-    }
-  };
-  const formatLastActive = (date) => {
-    if (!date) return "Never";
-    const now = /* @__PURE__ */ new Date();
-    const diffInMinutes = Math.floor((now.getTime() - date.getTime()) / (1e3 * 60));
-    if (diffInMinutes < 1) return "Just now";
-    if (diffInMinutes < 60) return `${diffInMinutes}m ago`;
-    if (diffInMinutes < 1440) return `${Math.floor(diffInMinutes / 60)}h ago`;
-    return `${Math.floor(diffInMinutes / 1440)}d ago`;
-  };
-  return /* @__PURE__ */ jsxs(Card, { className: cn("hover:shadow-md transition-shadow", compact && "p-2", className), children: [
-    /* @__PURE__ */ jsx(CardHeader, { className: cn("pb-3", compact && "pb-2"), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(Avatar, { className: cn("h-12 w-12", compact && "h-8 w-8"), children: [
-          /* @__PURE__ */ jsx(AvatarImage, { src: "/placeholder.svg", alt: colleague.name }),
-          /* @__PURE__ */ jsx(AvatarFallback, { children: colleague.name.split(" ").map((n) => n[0]).join("") })
-        ] }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("h3", { className: cn("font-semibold text-sm truncate", compact && "text-xs"), children: colleague.name }),
-            colleague.type === "digital" ? /* @__PURE__ */ jsx(Bot, { className: cn("h-4 w-4 text-blue-500", compact && "h-3 w-3") }) : /* @__PURE__ */ jsx(User, { className: cn("h-4 w-4 text-green-500", compact && "h-3 w-3") })
-          ] }),
-          /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground truncate", compact && "text-xs"), children: colleague.type === "human" ? colleague.role : colleague.description }),
-          !compact && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
-            colleague.type === "human" && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: colleague.department }),
-            colleague.type === "digital" && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-              "v",
-              colleague.version
-            ] }),
-            /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: getStatusText(colleague.status) })
-          ] })
-        ] })
-      ] }),
-      showActions && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8", compact && "h-6 w-6"), children: /* @__PURE__ */ jsx(MoreHorizontal, { className: cn("h-4 w-4", compact && "h-3 w-3") }) }) }),
-        /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", children: [
-          colleague.type === "digital" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => onViewDetails?.(colleague), children: [
-              /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4 mr-2" }),
-              "View Details"
-            ] }),
-            /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => onEdit?.(colleague), children: [
-              /* @__PURE__ */ jsx(Edit, { className: "h-4 w-4 mr-2" }),
-              "Edit"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(
-            DropdownMenuItem,
-            {
-              onClick: () => onDelete?.(colleague.id),
-              className: "text-destructive focus:text-destructive",
-              children: [
-                /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
-                colleague.type === "digital" ? "Delete" : "Remove from team"
-              ]
-            }
-          )
-        ] })
-      ] })
-    ] }) }),
-    !compact && /* @__PURE__ */ jsxs(CardContent, { className: "pt-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm", children: [
-        colleague.type === "human" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Mail, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: colleague.email })
-        ] }),
-        colleague.type === "human" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          colleague.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(Phone, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx("span", { children: colleague.phone })
-          ] }),
-          colleague.location && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(MapPin, { className: "h-3 w-3" }),
-            /* @__PURE__ */ jsx("span", { children: colleague.location })
-          ] })
-        ] }),
-        colleague.type === "digital" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Settings, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            "v",
-            colleague.version
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            "Last active: ",
-            formatLastActive(colleague.lastActive)
-          ] })
-        ] })
-      ] }),
-      colleague.type === "human" && colleague.skills && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
-        colleague.skills.slice(0, isExpanded ? colleague.skills.length : 3).map((skill) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: skill }, skill)),
-        colleague.skills.length > 3 && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            className: "h-5 px-2 text-xs",
-            onClick: () => setIsExpanded(!isExpanded),
-            children: isExpanded ? "Show less" : `+${colleague.skills.length - 3} more`
-          }
-        )
-      ] }) }),
-      colleague.type === "digital" && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
-        colleague.capabilities.slice(0, isExpanded ? colleague.capabilities.length : 2).map((capability) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs", children: capability }, capability)),
-        colleague.capabilities.length > 2 && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            className: "h-5 px-2 text-xs",
-            onClick: () => setIsExpanded(!isExpanded),
-            children: isExpanded ? "Show less" : `+${colleague.capabilities.length - 2} more`
-          }
-        )
-      ] }) })
-    ] })
-  ] });
-}
-
-export {
-  ColleagueCard
-};