cortex-react-components 3.2.2 → 4.0.2

package/dist/components/{Foundary → Foundry}/Views/ColleaguesView.js

@@ -32,14 +32,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/Foundary/Views/ColleaguesView.tsx
+// src/components/Foundry/Views/ColleaguesView.tsx
 var ColleaguesView_exports = {};
 __export(ColleaguesView_exports, {
   default: () => ColleaguesView
 });
 module.exports = __toCommonJS(ColleaguesView_exports);
-var import_react14 = require("react");
-var import_lucide_react11 = require("lucide-react");
+var import_react17 = require("react");
+var import_lucide_react13 = require("lucide-react");
 
 // src/utils/cn.ts
 var import_clsx = require("clsx");
@@ -2960,7 +2960,7 @@ function NavigationTabs({
   );
 }
 
-// src/components/Foundary/colleague-card.tsx
+// src/components/Foundry/colleague-card.tsx
 var import_react2 = require("react");
 var import_lucide_react3 = require("lucide-react");
 
@@ -3022,7 +3022,7 @@ function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
-// src/components/Foundary/colleague-card.tsx
+// src/components/Foundry/colleague-card.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function ColleagueCard({
   colleague,
@@ -3139,7 +3139,7 @@ function ColleagueCard({
   ] });
 }
 
-// src/components/Foundary/colleague-form.tsx
+// src/components/Foundry/colleague-form.tsx
 var import_react4 = require("react");
 var import_lucide_react5 = require("lucide-react");
 
@@ -3174,7 +3174,7 @@ var Textarea = React8.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-// src/components/Foundary/knowledge-search.tsx
+// src/components/Foundry/knowledge-search.tsx
 var import_react3 = require("react");
 var import_lucide_react4 = require("lucide-react");
 
@@ -3213,7 +3213,7 @@ var ScrollBar = React9.forwardRef(({ className, orientation = "vertical", ...pro
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// src/components/Foundary/knowledge-search.tsx
+// src/components/Foundry/knowledge-search.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function KnowledgeSearch({
   selectedDocuments,
@@ -3331,7 +3331,7 @@ function KnowledgeSearch({
   ] });
 }
 
-// src/components/Foundary/colleague-form.tsx
+// src/components/Foundry/colleague-form.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function ColleagueForm({
   colleague,
@@ -3796,7 +3796,7 @@ function UserSelection({
             }
           )
         ] }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "container grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredUsers.map((user) => {
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "container grid gap-4 md:grid-cols-2 lg:grid-cols-3 mt-4", children: filteredUsers.map((user) => {
           if (!user || !user.id) return null;
           return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             import_react6.motion.div,
@@ -3843,7 +3843,7 @@ function UserSelection({
   ) }) });
 }
 
-// src/components/Foundary/foundary-clone.tsx
+// src/components/Foundry/foundary-clone.tsx
 var import_react7 = require("react");
 var import_lucide_react7 = require("lucide-react");
 var import_react8 = require("motion/react");
@@ -3927,7 +3927,7 @@ function DigitalColleagueClone({
             }
           )
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3 mt-4", children: filteredColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           import_react8.motion.div,
           {
             layout: true,
@@ -3997,17 +3997,37 @@ function DigitalColleagueClone({
   ) }) });
 }
 
-// src/components/Foundary/colleague-type-selection.tsx
+// src/components/Foundry/digital-colleague-selection.tsx
+var import_react9 = require("react");
 var import_lucide_react8 = require("lucide-react");
-var import_react9 = require("motion/react");
+var import_react10 = require("motion/react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-function ColleagueTypeSelection({
-  onSelectHuman,
-  onSelectDigital,
-  onCancel
+function DigitalColleagueSelection({
+  digitalColleagues,
+  onColleagueSelect,
+  onCancel,
+  selectedColleagueId
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react9.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    import_react9.motion.div,
+  const [searchTerm, setSearchTerm] = (0, import_react9.useState)("");
+  const [statusFilter, setStatusFilter] = (0, import_react9.useState)("all");
+  const filteredColleagues = (0, import_react9.useMemo)(() => {
+    return digitalColleagues.filter((colleague) => {
+      const matchesSearch = colleague?.name.toLowerCase().includes(searchTerm.toLowerCase()) || colleague.jobDescription?.toLowerCase().includes(searchTerm.toLowerCase()) || colleague.workInstructions?.toLowerCase().includes(searchTerm.toLowerCase());
+      return matchesSearch;
+    });
+  }, [digitalColleagues, searchTerm, statusFilter]);
+  const handleColleagueSelect = (colleague) => {
+    onColleagueSelect(colleague);
+  };
+  const formatDate = (date) => {
+    return new Intl.DateTimeFormat("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }).format(date);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react10.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    import_react10.motion.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
@@ -4020,75 +4040,283 @@ function ColleagueTypeSelection({
             "Back"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { className: "text-3xl font-bold", children: "Add Colleague" }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground", children: "Choose the type of colleague to add" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h1", { className: "text-3xl font-bold", children: "Add Existing Digital Colleague" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground", children: "Select a digital colleague to add to your team" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-6 md:grid-cols-2 max-w-4xl mx-auto", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col md:flex-row gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_react9.motion.div,
+            Input,
+            {
+              placeholder: "Search by name, job description, or capabilities...",
+              value: searchTerm,
+              onChange: (e) => setSearchTerm(e.target.value),
+              className: "pl-9"
+            }
+          )
+        ] }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "space-y-4 mt-4", children: filteredColleagues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardContent, { className: "pt-6 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-12 w-12 mx-auto mb-4 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-lg font-medium mb-2", children: "No digital colleagues found" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground", children: searchTerm ? "Try adjusting your search criteria" : "No digital colleagues available to add" })
+        ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: filteredColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_react10.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            animate: { opacity: 1, y: 0 },
+            exit: { opacity: 0, y: -20 },
+            transition: { duration: 0.2 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              Card,
+              {
+                className: "cursor-pointer transition-all hover:shadow-lg hover:border-primary/50",
+                onClick: () => handleColleagueSelect(colleague),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardHeader, { className: "pb-3", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Avatar, { className: "h-12 w-12 flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AvatarFallback, { className: "bg-purple-100", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-6 w-6 text-purple-600" }) }) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 min-w-0 overflow-hidden", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardTitle, { className: "text-base truncate", children: colleague?.name }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground truncate", children: colleague.jobDescription || "Digital Colleague" })
+                    ] })
+                  ] }) }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardContent, { className: "space-y-3", children: [
+                    colleague.model && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-4 w-4 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground truncate", children: typeof colleague.model === "object" ? colleague.model.name : colleague.model })
+                    ] }),
+                    colleague.capabilities && colleague.capabilities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+                      colleague.capabilities.slice(0, 3).map((cap, index) => {
+                        const capName = typeof cap === "object" && cap.value && typeof cap.value === "object" && "name" in cap.value ? String(cap.value.name) : "Capability";
+                        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Badge, { variant: "secondary", className: "text-xs", children: capName }, index);
+                      }),
+                      colleague.capabilities.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
+                        "+",
+                        colleague.capabilities.length - 3
+                      ] })
+                    ] }),
+                    colleague.workInstructions && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground line-clamp-2", children: colleague.workInstructions }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { className: "w-full", variant: "outline", size: "sm", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.UserPlus, { className: "h-4 w-4 mr-2" }),
+                      "Add to Team"
+                    ] }) })
+                  ] })
+                ]
+              }
+            )
+          },
+          colleague.id
+        )) }) })
+      ]
+    },
+    "colleague-selection"
+  ) }) });
+}
+
+// src/components/Foundry/add-colleague-to-team-form.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_react11 = require("motion/react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function AddColleagueToTeamForm({
+  colleague,
+  team,
+  onSave,
+  onCancel,
+  isLoading = false
+}) {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    onSave(colleague, team.id);
+  };
+  const isColleagueAlreadyMember = () => {
+    if (!team.members) return false;
+    return team.members.some(
+      (member) => member.relationTo === "digital-colleagues" && (typeof member.value === "number" && member.value === colleague.id || typeof member.value === "object" && member.value.id === colleague.id)
+    );
+  };
+  const alreadyMember = isColleagueAlreadyMember();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react11.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    import_react11.motion.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      transition: { duration: 0.2 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Button, { variant: "ghost", onClick: onCancel, className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" }),
+            "Back"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { className: "text-3xl font-bold", children: "Add to Team" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-muted-foreground", children: "Confirm adding this digital colleague to your team" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Card, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardHeader, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Avatar, { className: "h-16 w-16", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AvatarFallback, { className: "bg-purple-100", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Bot, { className: "h-8 w-8 text-purple-600" }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-xl font-semibold", children: colleague.name }),
+                colleague.jobDescription && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground", children: colleague.jobDescription }),
+                colleague.model && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Bot, { className: "h-4 w-4 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground", children: typeof colleague.model === "object" ? colleague.model.name : colleague.model })
+                ] }),
+                colleague.capabilities && colleague.capabilities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-wrap gap-1 mt-2", children: [
+                  colleague.capabilities.slice(0, 5).map((cap, index) => {
+                    const capName = typeof cap === "object" && cap.value && typeof cap.value === "object" && "name" in cap.value ? String(cap.value.name) : "Capability";
+                    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Badge, { variant: "secondary", className: "text-xs", children: capName }, index);
+                  }),
+                  colleague.capabilities.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
+                    "+",
+                    colleague.capabilities.length - 5,
+                    " more"
+                  ] })
+                ] })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Card, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardHeader, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTitle, { className: "text-lg", children: "Team" }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground", children: "This colleague will be added to the following team" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "p-4 border rounded-lg bg-primary/5 border-primary", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex-shrink-0 mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "h-10 w-10 rounded-full bg-blue-100 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Users, { className: "h-5 w-5 text-blue-600" }) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-base font-semibold", children: team.name }),
+                  alreadyMember && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Badge, { variant: "secondary", className: "text-xs", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Check, { className: "h-3 w-3 mr-1" }),
+                    "Already a member"
+                  ] })
+                ] }),
+                team.description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: team.description }),
+                team.members && team.members.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-xs text-muted-foreground mt-2", children: [
+                  team.members.length,
+                  " current member",
+                  team.members.length !== 1 ? "s" : ""
+                ] })
+              ] })
+            ] }) }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-end gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isLoading, children: "Cancel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              Button,
+              {
+                type: "submit",
+                disabled: isLoading || alreadyMember,
+                className: "gap-2",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Users, { className: "h-4 w-4" }),
+                  alreadyMember ? "Already in Team" : "Add to Team"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    },
+    "add-colleague-to-team"
+  ) }) });
+}
+
+// src/components/Foundry/colleague-type-selection.tsx
+var import_lucide_react10 = require("lucide-react");
+var import_react12 = require("motion/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function ColleagueTypeSelection({
+  onSelectHuman,
+  onSelectDigital,
+  onCancel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    import_react12.motion.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      transition: { duration: 0.2 },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { variant: "ghost", onClick: onCancel, className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.ChevronLeft, { className: "h-4 w-4" }),
+            "Back"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { className: "text-3xl font-bold", children: "Add Colleague" }),
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-muted-foreground", children: "Choose the type of colleague to add" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "grid gap-6 md:grid-cols-2 max-w-4xl mx-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_react12.motion.div,
             {
               whileHover: { scale: 1.02 },
               whileTap: { scale: 0.98 },
               transition: { type: "spring", stiffness: 300, damping: 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                 Card,
                 {
                   className: "cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",
                   onClick: onSelectHuman,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardHeader, { className: "text-center pb-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.User, { className: "h-8 w-8 text-blue-600" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardTitle, { className: "text-xl", children: "Add Human Colleague" })
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CardHeader, { className: "text-center pb-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.User, { className: "h-8 w-8 text-blue-600" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardTitle, { className: "text-xl", children: "Add Human Colleague" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardContent, { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground mb-4", children: "Select from existing users in your organization to add as team members." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-2 text-sm", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Users, { className: "h-4 w-4 text-blue-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Browse existing users" })
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CardContent, { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-muted-foreground mb-4", children: "Select from existing users in your organization to add as team members." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-2 text-sm", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Users, { className: "h-4 w-4 text-blue-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Browse existing users" })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.User, { className: "h-4 w-4 text-blue-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Import user details automatically" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.User, { className: "h-4 w-4 text-blue-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Import user details automatically" })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { className: "mt-6 w-full", onClick: onSelectHuman, children: "Select User" })
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "mt-6 w-full", onClick: onSelectHuman, children: "Select User" })
                     ] })
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_react9.motion.div,
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_react12.motion.div,
             {
               whileHover: { scale: 1.02 },
               whileTap: { scale: 0.98 },
               transition: { type: "spring", stiffness: 300, damping: 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                 Card,
                 {
                   className: "cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",
                   onClick: onSelectDigital,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardHeader, { className: "text-center pb-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mx-auto w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-8 w-8 text-purple-600" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardTitle, { className: "text-xl", children: "Add Digital Colleague" })
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CardHeader, { className: "text-center pb-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mx-auto w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Bot, { className: "h-8 w-8 text-purple-600" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CardTitle, { className: "text-xl", children: "Add Digital Colleague" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CardContent, { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-muted-foreground mb-4", children: "Clone an existing digital colleague or create a new AI assistant for your team." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-2 text-sm", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Bot, { className: "h-4 w-4 text-purple-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Clone existing colleagues" })
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(CardContent, { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-muted-foreground mb-4", children: "Clone an existing digital colleague or create a new AI assistant for your team." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-2 text-sm", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Bot, { className: "h-4 w-4 text-purple-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Clone existing colleagues" })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Users, { className: "h-4 w-4 text-purple-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: "Create from templates" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Users, { className: "h-4 w-4 text-purple-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: "Create from templates" })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { className: "mt-6 w-full", onClick: onSelectDigital, children: "Add Digital Colleague" })
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { className: "mt-6 w-full", onClick: onSelectDigital, children: "Add Digital Colleague" })
                     ] })
                   ]
                 }
@@ -4102,98 +4330,134 @@ function ColleagueTypeSelection({
   ) }) });
 }
 
-// src/components/Foundary/foundary-options.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_react10 = require("motion/react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+// src/components/Foundry/foundary-options.tsx
+var import_lucide_react11 = require("lucide-react");
+var import_react13 = require("motion/react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function DigitalColleagueOptions({
   onCloneExisting,
+  onAddExisting,
   onCreateNew,
   onCancel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-    import_react10.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react13.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    import_react13.motion.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.2 },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Button, { variant: "ghost", onClick: onCancel, className: "gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.ChevronLeft, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { variant: "ghost", onClick: onCancel, className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.ChevronLeft, { className: "h-4 w-4" }),
             "Back"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { className: "text-3xl font-bold", children: "Add Digital Colleague" }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-muted-foreground", children: "Choose how to create your digital colleague" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { className: "text-3xl font-bold", children: "Add Digital Colleague" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground", children: "Choose how to create your digital colleague" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-6 md:grid-cols-2 max-w-4xl mx-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_react10.motion.div,
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "grid gap-6 md:grid-cols-3 max-w-6xl mx-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_react13.motion.div,
+            {
+              whileHover: { scale: 1.02 },
+              whileTap: { scale: 0.98 },
+              transition: { type: "spring", stiffness: 300, damping: 20 },
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+                Card,
+                {
+                  className: "cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",
+                  onClick: onAddExisting,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "text-center pb-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.UserPlus, { className: "h-8 w-8 text-purple-600" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-xl", children: "Add Existing" })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground mb-4", children: "Add an already configured digital colleague directly to your team." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-2 text-sm", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Bot, { className: "h-4 w-4 text-purple-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Fully configured" })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.UserPlus, { className: "h-4 w-4 text-purple-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Ready to use" })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { className: "mt-6 w-full", onClick: onAddExisting, children: "Browse & Add" })
+                    ] })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_react13.motion.div,
             {
               whileHover: { scale: 1.02 },
               whileTap: { scale: 0.98 },
               transition: { type: "spring", stiffness: 300, damping: 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 Card,
                 {
                   className: "cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",
                   onClick: onCloneExisting,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardHeader, { className: "text-center pb-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mx-auto w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Copy, { className: "h-8 w-8 text-blue-600" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTitle, { className: "text-xl", children: "Clone Existing" })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "text-center pb-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Copy, { className: "h-8 w-8 text-blue-600" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-xl", children: "Clone Existing" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardContent, { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-muted-foreground mb-4", children: "Start with an existing digital colleague and customize it for your needs." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2 text-sm", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Bot, { className: "h-4 w-4 text-blue-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Pre-configured capabilities" })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground mb-4", children: "Start with an existing digital colleague and customize it for your needs." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-2 text-sm", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Bot, { className: "h-4 w-4 text-blue-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Pre-configured capabilities" })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Copy, { className: "h-4 w-4 text-blue-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Inherit knowledge base" })
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Copy, { className: "h-4 w-4 text-blue-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Inherit knowledge base" })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { className: "mt-6 w-full", onClick: onCloneExisting, children: "Browse & Clone" })
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { className: "mt-6 w-full", onClick: onCloneExisting, children: "Browse & Clone" })
                     ] })
                   ]
                 }
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            import_react10.motion.div,
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            import_react13.motion.div,
             {
               whileHover: { scale: 1.02 },
               whileTap: { scale: 0.98 },
               transition: { type: "spring", stiffness: 300, damping: 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                 Card,
                 {
                   className: "cursor-pointer transition-all hover:shadow-lg border-2 hover:border-primary/50",
                   onClick: onCreateNew,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardHeader, { className: "text-center pb-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Sparkles, { className: "h-8 w-8 text-green-600" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTitle, { className: "text-xl", children: "Create New" })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "text-center pb-4", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Sparkles, { className: "h-8 w-8 text-green-600" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-xl", children: "Create New" })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardContent, { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-muted-foreground mb-4", children: "Build a completely new digital colleague from scratch with custom specifications." }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "space-y-2 text-sm", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Plus, { className: "h-4 w-4 text-green-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Custom job description" })
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground mb-4", children: "Build a completely new digital colleague from scratch with custom specifications." }),
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-2 text-sm", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Custom job description" })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Sparkles, { className: "h-4 w-4 text-green-600" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Define unique capabilities" })
+                        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-2 justify-center", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Sparkles, { className: "h-4 w-4 text-green-600" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: "Define unique capabilities" })
                         ] })
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { className: "mt-6 w-full", onClick: onCreateNew, children: "Create from Scratch" })
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { className: "mt-6 w-full", onClick: onCreateNew, children: "Create from Scratch" })
                     ] })
                   ]
                 }
@@ -4207,17 +4471,17 @@ function DigitalColleagueOptions({
   ) }) });
 }
 
-// src/components/Foundary/Views/ColleaguesView.tsx
-var import_react15 = require("motion/react");
+// src/components/Foundry/Views/ColleaguesView.tsx
+var import_react18 = require("motion/react");
 
 // src/components/Heros/DashboardHero/DashboardHero.tsx
-var import_react12 = require("react");
-var import_react13 = require("motion/react");
+var import_react15 = require("react");
+var import_react16 = require("motion/react");
 
 // src/hooks/use-local-storage.ts
-var import_react11 = require("react");
+var import_react14 = require("react");
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = (0, import_react11.useState)(() => {
+  const [storedValue, setStoredValue] = (0, import_react14.useState)(() => {
     if (typeof window === "undefined") return initialValue;
     try {
       const item = window.localStorage.getItem(key);
@@ -4226,16 +4490,17 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (value) => {
+  const setValue = (0, import_react14.useCallback)((value) => {
     try {
-      setStoredValue(value);
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
       if (typeof window !== "undefined") {
-        window.localStorage.setItem(key, JSON.stringify(value));
+        window.localStorage.setItem(key, JSON.stringify(valueToStore));
       }
     } catch (error) {
     }
-  };
-  (0, import_react11.useEffect)(() => {
+  }, [key, storedValue]);
+  (0, import_react14.useEffect)(() => {
     setValue(storedValue);
   }, []);
   return [storedValue, setValue];
@@ -4243,8 +4508,8 @@ function useLocalStorage(key, initialValue) {
 
 // src/components/Heros/DashboardHero/DashboardHero.tsx
 var import_fa = require("react-icons/fa");
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function DashboardHero({
   title,
   description,
@@ -4260,23 +4525,23 @@ function DashboardHero({
     `hero-section-minimized-${title.replace(/\s+/g, "-").toLowerCase()}`,
     !secondaryAction && !description ? true : false
   );
-  const [actionsMenuOpen, setActionsMenuOpen] = (0, import_react12.useState)(false);
+  const [actionsMenuOpen, setActionsMenuOpen] = (0, import_react15.useState)(false);
   const shouldBeMinimized = !secondaryAction && !description || minimized;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-    import_react13.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    import_react16.motion.div,
     {
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.5 },
       className: `overflow-hidden rounded-3xl ${gradient} p-8 text-white ${className || ""}`,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3", children: [
-            badge && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Badge, { className: "bg-white/20 text-white hover:bg-white/30 rounded-xl", children: badge }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h2", { className: "text-3xl font-bold m-0", children: title })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+            badge && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Badge, { className: "bg-white/20 text-white hover:bg-white/30 rounded-xl", children: badge }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "text-3xl font-bold m-0", children: title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-3", children: [
-            shouldBeMinimized && primaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-3", children: [
+            shouldBeMinimized && primaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               Button,
               {
                 className: "rounded-2xl bg-white text-indigo-700 hover:bg-white/90",
@@ -4284,39 +4549,39 @@ function DashboardHero({
                 children: primaryAction.label
               }
             ),
-            shouldBeMinimized && (secondaryAction || tertiaryAction) && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenu, { open: actionsMenuOpen, onOpenChange: setActionsMenuOpen, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            shouldBeMinimized && (secondaryAction || tertiaryAction) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DropdownMenu, { open: actionsMenuOpen, onOpenChange: setActionsMenuOpen, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "rounded-2xl bg-white/20 text-white hover:bg-white/30 p-2",
                   "aria-label": "More actions",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.EllipsisVertical, { size: 20 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react12.EllipsisVertical, { size: 20 })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuContent, { align: "end", className: "w-48", children: [
-                secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuItem, { onClick: secondaryAction.onClick, children: secondaryAction.label }),
-                tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuItem, { onClick: tertiaryAction.onClick, children: tertiaryAction.label })
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DropdownMenuContent, { align: "end", className: "w-48", children: [
+                secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuItem, { onClick: secondaryAction.onClick, children: secondaryAction.label }),
+                tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DropdownMenuItem, { onClick: tertiaryAction.onClick, children: tertiaryAction.label })
               ] })
             ] }),
-            (secondaryAction || description) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            (secondaryAction || description) && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
               "button",
               {
                 "aria-label": minimized ? "Expand hero section" : "Minimize hero section",
                 className: "rounded-full bg-white/20 hover:bg-white/30 p-1 text-white transition-colors",
                 onClick: () => setMinimized(!minimized),
                 style: { lineHeight: 0 },
-                children: minimized ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_fa.FaChevronDown, { size: 22 }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_fa.FaChevronUp, { size: 22 })
+                children: minimized ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_fa.FaChevronDown, { size: 22 }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_fa.FaChevronUp, { size: 22 })
               }
             )
           ] })
         ] }),
-        !shouldBeMinimized && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "max-w-[600px] text-white/80", children: description }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-wrap gap-3", children: [
-              primaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        !shouldBeMinimized && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-col gap-6 md:flex-row md:items-center md:justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "max-w-[600px] text-white/80", children: description }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex flex-wrap gap-3", children: [
+              primaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   className: "rounded-2xl bg-white text-indigo-700 hover:bg-white/90",
@@ -4324,7 +4589,7 @@ function DashboardHero({
                   children: primaryAction.label
                 }
               ),
-              secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              secondaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   variant: "outline",
@@ -4333,7 +4598,7 @@ function DashboardHero({
                   children: secondaryAction.label
                 }
               ),
-              tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              tertiaryAction && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                 Button,
                 {
                   variant: "outline",
@@ -4344,7 +4609,7 @@ function DashboardHero({
               )
             ] })
           ] }),
-          children && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "hidden lg:block", children })
+          children && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "hidden lg:block", children })
         ] })
       ]
     }
@@ -4357,35 +4622,38 @@ function cn2(...inputs) {
   return twMerge((0, import_clsx2.clsx)(inputs));
 }
 
-// src/components/Foundary/Views/ColleaguesView.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+// src/components/Foundry/Views/ColleaguesView.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function ColleaguesView({
   initialColleagues,
   onColleagueAdd,
   onColleagueEdit,
   onColleagueDelete,
+  onColleagueAddToTeam,
   compactView = false,
   departments = ["Design", "Engineering", "Marketing", "Product", "Sales", "Operations"],
   className,
   availableUsers = [],
   existingDigitalColleagues = [],
+  currentTeam,
   availableKnowledgeDocuments = [],
   availableCapabilities = [],
   availableModels = []
 }) {
-  const [colleagues, setColleagues] = (0, import_react14.useState)(initialColleagues || []);
-  const [searchTerm, setSearchTerm] = (0, import_react14.useState)("");
-  const [departmentFilter, setDepartmentFilter] = (0, import_react14.useState)("all");
-  const [statusFilter, setStatusFilter] = (0, import_react14.useState)("all");
-  const [activeTab, setActiveTab] = (0, import_react14.useState)("all");
-  const [editingColleague, setEditingColleague] = (0, import_react14.useState)(null);
-  const [viewingColleague, setViewingColleague] = (0, import_react14.useState)(null);
-  (0, import_react14.useEffect)(() => {
+  const [colleagues, setColleagues] = (0, import_react17.useState)(initialColleagues || []);
+  const [searchTerm, setSearchTerm] = (0, import_react17.useState)("");
+  const [departmentFilter, setDepartmentFilter] = (0, import_react17.useState)("all");
+  const [statusFilter, setStatusFilter] = (0, import_react17.useState)("all");
+  const [activeTab, setActiveTab] = (0, import_react17.useState)("all");
+  const [editingColleague, setEditingColleague] = (0, import_react17.useState)(null);
+  const [viewingColleague, setViewingColleague] = (0, import_react17.useState)(null);
+  const [selectedColleagueForTeam, setSelectedColleagueForTeam] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
     setColleagues(initialColleagues || []);
   }, [initialColleagues]);
   const safeAvailableUsers = Array.isArray(availableUsers) ? availableUsers : [];
   const safeExistingDigitalColleagues = Array.isArray(existingDigitalColleagues) ? existingDigitalColleagues : [];
-  const [currentView, setCurrentView] = (0, import_react14.useState)("main");
+  const [currentView, setCurrentView] = (0, import_react17.useState)("main");
   const filteredColleagues = colleagues.filter((colleague) => {
     if (!colleague || !colleague?.name) return false;
     const matchesSearch = colleague?.name.toLowerCase().includes(searchTerm.toLowerCase()) || colleague.type === "human" && // (colleague.email?.toLowerCase().includes(searchTerm.toLowerCase()) ||
@@ -4451,6 +4719,27 @@ function ColleaguesView({
     onColleagueAdd?.({ ...clonedColleague, type: "digital" });
     setCurrentView("main");
   };
+  const handleDigitalColleagueSelect = (selectedColleague) => {
+    if (!selectedColleague || !selectedColleague.id) {
+      console.error(
+        "Invalid selected colleague provided to handleDigitalColleagueSelect:",
+        selectedColleague
+      );
+      return;
+    }
+    setSelectedColleagueForTeam(selectedColleague);
+    setCurrentView("addToTeam");
+  };
+  const handleAddColleagueToTeam = (colleague, teamId) => {
+    onColleagueAddToTeam?.(colleague, teamId);
+    setColleagues((prev) => [...prev, { ...colleague, type: "digital" }]);
+    setSelectedColleagueForTeam(null);
+    setCurrentView("main");
+  };
+  const handleCancelAddToTeam = () => {
+    setSelectedColleagueForTeam(null);
+    setCurrentView("digitalSelection");
+  };
   const handleCreateNewDigital = () => {
     setEditingColleague(null);
     setCurrentView("form");
@@ -4501,7 +4790,7 @@ function ColleaguesView({
     setStatusFilter("all");
   };
   if (currentView === "typeSelection") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ColleagueTypeSelection,
       {
         onSelectHuman: () => setCurrentView("userSelection"),
@@ -4513,7 +4802,7 @@ function ColleaguesView({
   if (currentView === "userSelection") {
     return (
       // <h1>User selection</h1>
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         UserSelection,
         {
           users: safeAvailableUsers,
@@ -4524,17 +4813,43 @@ function ColleaguesView({
     );
   }
   if (currentView === "digitalOptions") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       DigitalColleagueOptions,
       {
+        onAddExisting: () => setCurrentView("digitalSelection"),
         onCloneExisting: () => setCurrentView("digitalClone"),
         onCreateNew: handleCreateNewDigital,
         onCancel: () => setCurrentView("typeSelection")
       }
     );
   }
+  if (currentView === "digitalSelection") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      DigitalColleagueSelection,
+      {
+        digitalColleagues: safeExistingDigitalColleagues,
+        onColleagueSelect: handleDigitalColleagueSelect,
+        onCancel: () => setCurrentView("digitalOptions")
+      }
+    );
+  }
+  if (currentView === "addToTeam") {
+    if (!selectedColleagueForTeam || !currentTeam) {
+      setCurrentView("digitalSelection");
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      AddColleagueToTeamForm,
+      {
+        colleague: selectedColleagueForTeam,
+        team: currentTeam,
+        onSave: handleAddColleagueToTeam,
+        onCancel: handleCancelAddToTeam
+      }
+    );
+  }
   if (currentView === "digitalClone") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       DigitalColleagueClone,
       {
         digitalColleagues: safeExistingDigitalColleagues,
@@ -4544,7 +4859,7 @@ function ColleaguesView({
     );
   }
   if (currentView === "form") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ColleagueForm,
       {
         colleague: editingColleague || void 0,
@@ -4557,7 +4872,7 @@ function ColleaguesView({
     );
   }
   if (currentView === "view") {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       ColleagueForm,
       {
         colleague: viewingColleague || void 0,
@@ -4570,15 +4885,15 @@ function ColleaguesView({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react15.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_react15.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react18.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react18.motion.div,
     {
       initial: { opacity: 0, y: 10 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -10 },
       transition: { duration: 0.2 },
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           DashboardHero,
           {
             title: "Colleagues",
@@ -4590,42 +4905,42 @@ function ColleaguesView({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-sm font-medium", children: "Total Colleagues" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Users, { className: "h-4 w-4 text-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { className: "text-sm font-medium", children: "Total Colleagues" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Users, { className: "h-4 w-4 text-muted-foreground" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-2xl font-bold", children: colleagues.length }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-muted-foreground", children: "0 active" })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-2xl font-bold", children: colleagues.length }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: "0 active" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-sm font-medium", children: "Human Members" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.User, { className: "h-4 w-4 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { className: "text-sm font-medium", children: "Human Members" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.User, { className: "h-4 w-4 text-muted-foreground" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-2xl font-bold", children: colleagues.filter((c) => c.type === "human").length }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-muted-foreground", children: "active" })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-2xl font-bold", children: colleagues.filter((c) => c.type === "human").length }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: "active" })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Card, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardTitle, { className: "text-sm font-medium", children: "Digital Colleagues" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Bot, { className: "h-4 w-4 text-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { className: "text-sm font-medium", children: "Digital Colleagues" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Bot, { className: "h-4 w-4 text-muted-foreground" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(CardContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-2xl font-bold", children: colleagues.filter((c) => c.type === "digital").length }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-xs text-muted-foreground", children: "0 active" })
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-2xl font-bold", children: colleagues.filter((c) => c.type === "digital").length }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-xs text-muted-foreground", children: "0 active" })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               Input,
               {
                 placeholder: "Search colleagues...",
@@ -4635,28 +4950,28 @@ function ColleaguesView({
               }
             )
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Select, { value: departmentFilter, onValueChange: setDepartmentFilter, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectTrigger, { className: "w-full md:w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, { placeholder: "Department" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: "all", children: "All Departments" }),
-              departments.map((dept) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: dept, children: dept }, dept))
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select, { value: departmentFilter, onValueChange: setDepartmentFilter, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectTrigger, { className: "w-full md:w-[180px]", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, { placeholder: "Department" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: "all", children: "All Departments" }),
+              departments.map((dept) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: dept, children: dept }, dept))
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectTrigger, { className: "w-full md:w-[140px]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValue, { placeholder: "Status" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: "all", children: "All Status" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: "active", children: "Active" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItem, { value: "inactive", children: "Inactive" })
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Select, { value: statusFilter, onValueChange: setStatusFilter, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectTrigger, { className: "w-full md:w-[140px]", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectValue, { placeholder: "Status" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: "all", children: "All Status" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: "active", children: "Active" }),
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectItem, { value: "inactive", children: "Inactive" })
             ] })
           ] }),
-          (searchTerm || departmentFilter !== "all" || statusFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Filter, { className: "h-4 w-4" }),
+          (searchTerm || departmentFilter !== "all" || statusFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Filter, { className: "h-4 w-4" }),
             "Clear"
           ] })
         ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             NavigationTabs,
             {
               activeTab,
@@ -4670,11 +4985,11 @@ function ColleaguesView({
               gridCols: 3
             }
           ),
-          activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: `grid gap-4 ${compactView ? "grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,
-              children: filteredColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              children: filteredColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 ColleagueCard,
                 {
                   colleague,
@@ -4688,11 +5003,11 @@ function ColleaguesView({
               ))
             }
           ),
-          activeTab === "human" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          activeTab === "human" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: `grid gap-4 ${compactView ? "grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,
-              children: humanColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              children: humanColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 ColleagueCard,
                 {
                   colleague,
@@ -4705,11 +5020,11 @@ function ColleaguesView({
               ))
             }
           ),
-          activeTab === "digital" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          activeTab === "digital" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "div",
             {
               className: `grid gap-4 ${compactView ? "grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`,
-              children: digitalColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+              children: digitalColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                 ColleagueCard,
                 {
                   colleague,
@@ -4724,12 +5039,12 @@ function ColleaguesView({
             }
           )
         ] }),
-        filteredColleagues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-center py-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Users, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No colleagues found" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || departmentFilter !== "all" || statusFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by adding your first colleague." }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Button, { onClick: handleAddColleague, className: "gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4" }),
+        filteredColleagues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-center py-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Users, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No colleagues found" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || departmentFilter !== "all" || statusFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by adding your first colleague." }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Button, { onClick: handleAddColleague, className: "gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react13.Plus, { className: "h-4 w-4" }),
             "Add Colleague"
           ] })
         ] }) }) })