cortex-react-components 3.2.2 → 4.0.2

package/dist/chunk-X6UI73UN.mjs

@@ -1,262 +0,0 @@
-"use client";
-"use strict";
-
-import {
-  DocumentPreview
-} from "./chunk-EKQB7NJA.mjs";
-import {
-  ScrollArea
-} from "./chunk-PDHMPRPW.mjs";
-import {
-  Input
-} from "./chunk-YMZ2OUK6.mjs";
-
-// src/components/DigitalColleagues/knowledge-browser.tsx
-import { motion } from "motion/react";
-import { ChevronRight, File, FileText, Search } from "lucide-react";
-import { useState, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function MenuItem({
-  label,
-  documents,
-  children,
-  level,
-  onDocumentClick,
-  selectedDocumentId,
-  showDocumentCount = true
-}) {
-  const [isExpanded, setIsExpanded] = useState(level === 0);
-  const hasChildren = children && Object.keys(children).length > 0;
-  const totalDocuments = documents.length + (children ? Object.values(children).reduce((acc, child) => acc + child.documents.length, 0) : 0);
-  const formatDocumentIcon = (format) => {
-    switch (format) {
-      case "markdown":
-      case "mdx":
-        return /* @__PURE__ */ jsx(FileText, { className: "h-3.5 w-3.5 text-muted-foreground" });
-      case "richtext":
-        return /* @__PURE__ */ jsx(File, { className: "h-3.5 w-3.5 text-muted-foreground" });
-      default:
-        return /* @__PURE__ */ jsx(File, { className: "h-3.5 w-3.5 text-muted-foreground" });
-    }
-  };
-  const getCategoryColor = (level2) => {
-    const colors = [
-      "bg-primary",
-      "bg-secondary",
-      "bg-accent",
-      "bg-chart-1"
-    ];
-    return colors[level2 % colors.length];
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    (hasChildren || documents.length > 0) && /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        className: `group flex items-center gap-3 p-3 rounded-xl cursor-pointer transition-all duration-200 ${isExpanded ? "bg-card shadow-sm border border-border" : "hover:bg-muted/50 hover:shadow-sm"}`,
-        style: { marginLeft: `${level * 20}px` },
-        onClick: () => setIsExpanded(!isExpanded),
-        whileHover: { scale: 1.01 },
-        whileTap: { scale: 0.99 },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: `w-1 h-6 rounded-full ${getCategoryColor(level)}` }),
-          /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              animate: { rotate: isExpanded ? 90 : 0 },
-              transition: { duration: 0.2 },
-              className: "flex-shrink-0",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-between min-w-0", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 min-w-0", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground truncate", children: label }) }),
-            showDocumentCount && totalDocuments > 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 ml-2", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center justify-center w-6 h-6 text-xs font-medium bg-muted text-muted-foreground rounded-full", children: totalDocuments }) })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        initial: false,
-        animate: {
-          height: isExpanded ? "auto" : 0,
-          opacity: isExpanded ? 1 : 0
-        },
-        transition: { duration: 0.2, ease: "easeInOut" },
-        className: "overflow-hidden",
-        children: /* @__PURE__ */ jsxs("div", { className: "pt-2 space-y-1", children: [
-          documents.map((doc, index) => /* @__PURE__ */ jsxs(
-            motion.div,
-            {
-              initial: { opacity: 0, x: -10 },
-              animate: { opacity: 1, x: 0 },
-              transition: { delay: index * 0.05, duration: 0.2 },
-              className: `group flex items-center gap-3 p-2.5 mx-2 rounded-lg cursor-pointer transition-all duration-150 ${selectedDocumentId === doc.id ? "bg-primary/10 border-l-2 border-primary shadow-sm" : "hover:bg-muted/50 hover:translate-x-1"}`,
-              style: { marginLeft: `${level * 20 + 20}px` },
-              onClick: () => onDocumentClick?.(doc),
-              whileHover: { scale: 1.01 },
-              whileTap: { scale: 0.99 },
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: formatDocumentIcon(doc.format) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsx("p", { className: `text-sm truncate transition-colors ${selectedDocumentId === doc.id ? "text-primary font-medium" : "text-foreground group-hover:text-foreground"}`, children: doc.title }),
-                  doc.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: doc.description })
-                ] }),
-                doc.tags && doc.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-1 rounded-md text-xs font-medium bg-muted text-muted-foreground group-hover:bg-muted/80 transition-colors", children: doc.tags[0] }) })
-              ]
-            },
-            doc.id
-          )),
-          children && Object.entries(children).map(([childLabel, childData]) => /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              label: childLabel,
-              documents: childData.documents,
-              children: childData.children,
-              level: level + 1,
-              onDocumentClick,
-              selectedDocumentId,
-              showDocumentCount
-            },
-            childLabel
-          ))
-        ] })
-      }
-    )
-  ] });
-}
-function KnowledgeBrowser({
-  documents,
-  menuConfig,
-  onDocumentClick,
-  onDocumentShare,
-  onDocumentUpdate,
-  selectedDocumentId,
-  className,
-  editable = true
-}) {
-  const [searchQuery, setSearchQuery] = useState("");
-  const [selectedDocument, setSelectedDocument] = useState(null);
-  const filteredDocuments = useMemo(() => {
-    if (!searchQuery) return documents;
-    return documents.filter(
-      (doc) => doc.title.toLowerCase().includes(searchQuery.toLowerCase()) || doc.description?.toLowerCase().includes(searchQuery.toLowerCase()) || doc.tags?.some((tag) => tag.toLowerCase().includes(searchQuery.toLowerCase())) || Object.values(doc.metadata || {}).some(
-        (value) => String(value).toLowerCase().includes(searchQuery.toLowerCase())
-      )
-    );
-  }, [documents, searchQuery]);
-  const hierarchy = useMemo(() => {
-    const buildHierarchy = (docs, groupKeys) => {
-      if (groupKeys.length === 0) {
-        return {};
-      }
-      const [currentKey, ...remainingKeys] = groupKeys;
-      const grouped = docs.reduce((acc, doc) => {
-        const value = doc.metadata?.[currentKey] || "Uncategorized";
-        const key = String(value);
-        if (!acc[key]) {
-          acc[key] = { documents: [], children: {} };
-        }
-        if (remainingKeys.length === 0) {
-          acc[key].documents.push(doc);
-        } else {
-          const childHierarchy = buildHierarchy([doc], remainingKeys);
-          const childKey = Object.keys(childHierarchy)[0];
-          if (childKey) {
-            if (!acc[key].children) acc[key].children = {};
-            if (!acc[key].children[childKey]) {
-              acc[key].children[childKey] = childHierarchy[childKey];
-            } else {
-              acc[key].children[childKey].documents.push(...childHierarchy[childKey].documents);
-            }
-          }
-        }
-        return acc;
-      }, {});
-      return grouped;
-    };
-    if (!menuConfig.groupBy || menuConfig.groupBy.length === 0) {
-      return {
-        "All Documents": {
-          documents: filteredDocuments,
-          children: {}
-        }
-      };
-    }
-    return buildHierarchy(filteredDocuments, menuConfig.groupBy);
-  }, [filteredDocuments, menuConfig.groupBy]);
-  const handleDocumentClick = (document) => {
-    setSelectedDocument(document);
-    onDocumentClick?.(document);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: `flex h-full ${className || ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "w-1/3 border-r border-border bg-muted/20", children: [
-      /* @__PURE__ */ jsx("div", { className: "p-6 border-b border-border", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            placeholder: "Search knowledge base...",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
-            className: "pl-10 bg-background/80 border-border focus:border-primary/50 focus:ring-primary/20 rounded-xl h-11 text-sm placeholder:text-muted-foreground"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsx(ScrollArea, { className: "h-[calc(100%-100px)]", children: /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", children: [
-        Object.entries(hierarchy).map(([label, data]) => /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            label,
-            documents: data.documents,
-            children: data.children,
-            level: 0,
-            onDocumentClick: handleDocumentClick,
-            selectedDocumentId,
-            showDocumentCount: menuConfig.showDocumentCount
-          },
-          label
-        )),
-        Object.keys(hierarchy).length === 0 && /* @__PURE__ */ jsxs(
-          motion.div,
-          {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            className: "text-center text-muted-foreground py-12",
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 text-muted-foreground" }) }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "No documents found" }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs mt-1", children: "Try adjusting your search terms" })
-            ]
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 bg-background", children: selectedDocument ? /* @__PURE__ */ jsx(
-      DocumentPreview,
-      {
-        document: selectedDocument,
-        onDocumentUpdate,
-        editable
-      }
-    ) : /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-center", children: /* @__PURE__ */ jsxs(
-      motion.div,
-      {
-        initial: { opacity: 0, y: 20 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.4 },
-        className: "max-w-sm",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "w-20 h-20 mx-auto mb-6 rounded-full bg-primary/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(FileText, { className: "h-10 w-10 text-primary" }) }),
-          /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-foreground mb-2", children: "Select a document" }),
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground leading-relaxed", children: "Choose any document from the knowledge base to view its content and details" })
-        ]
-      }
-    ) }) })
-  ] });
-}
-
-export {
-  KnowledgeBrowser
-};