cortex-react-components 3.3.0 → 4.0.2

package/dist/chunk-EKQB7NJA.mjs

@@ -1,194 +0,0 @@
-"use client";
-"use strict";
-
-import {
-  DocumentEdit
-} from "./chunk-5MMSWFVA.mjs";
-import {
-  Button
-} from "./chunk-I6LSWXZW.mjs";
-
-// src/components/DigitalColleagues/document-preview.tsx
-import { motion } from "motion/react";
-import { File, FileText, Edit3, Type, ChevronDown, ChevronRight, Info } from "lucide-react";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultMarkdownRenderer = (content) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: "prose prose-slate dark:prose-invert max-w-none",
-    dangerouslySetInnerHTML: {
-      __html: content.replace(/\n/g, "<br>").replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>").replace(/\*(.*?)\*/g, "<em>$1</em>").replace(/`(.*?)`/g, '<code class="bg-muted px-1 py-0.5 rounded text-sm">$1</code>').replace(/^# (.*$)/gm, '<h1 class="text-2xl font-bold mb-4">$1</h1>').replace(/^## (.*$)/gm, '<h2 class="text-xl font-semibold mb-3">$1</h2>').replace(/^### (.*$)/gm, '<h3 class="text-lg font-medium mb-2">$1</h3>')
-    }
-  }
-);
-var defaultTextRenderer = (content) => /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap font-mono text-sm leading-relaxed", children: content });
-var defaultRichTextRenderer = (content) => /* @__PURE__ */ jsxs("div", { className: "prose prose-slate dark:prose-invert max-w-none", children: [
-  /* @__PURE__ */ jsx("div", { className: "bg-amber-50 dark:bg-amber-950/20 border border-amber-200 dark:border-amber-800 rounded-lg p-4 mb-4", children: /* @__PURE__ */ jsxs("p", { className: "text-amber-800 dark:text-amber-200 text-sm", children: [
-    /* @__PURE__ */ jsx("strong", { children: "RichText Renderer:" }),
-    " This is a placeholder. Integrate with @payloadcms/richtext-lexical for full rendering."
-  ] }) }),
-  /* @__PURE__ */ jsx("pre", { className: "text-sm", children: content })
-] });
-var defaultMDXRenderer = (content) => /* @__PURE__ */ jsxs("div", { className: "prose prose-slate dark:prose-invert max-w-none", children: [
-  /* @__PURE__ */ jsx("div", { className: "bg-blue-50 dark:bg-blue-950/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-4", children: /* @__PURE__ */ jsxs("p", { className: "text-blue-800 dark:text-blue-200 text-sm", children: [
-    /* @__PURE__ */ jsx("strong", { children: "MDX Renderer:" }),
-    " This is a placeholder. Integrate with @mdx-js/react for full MDX rendering."
-  ] }) }),
-  defaultMarkdownRenderer(content)
-] });
-function DocumentPreview({
-  document,
-  onDocumentUpdate,
-  editable = true,
-  renderers,
-  availableDocuments = [],
-  knowledgeContexts = []
-}) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [isMetadataExpanded, setIsMetadataExpanded] = useState(false);
-  const formatIcon = (format) => {
-    switch (format) {
-      case "markdown":
-      case "mdx":
-        return /* @__PURE__ */ jsx(FileText, { className: "h-6 w-6 text-primary" });
-      case "richtext":
-        return /* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-success" });
-      case "text":
-        return /* @__PURE__ */ jsx(Type, { className: "h-6 w-6 text-muted-foreground" });
-      default:
-        return /* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-muted-foreground" });
-    }
-  };
-  const formatBadgeColor = (format) => {
-    switch (format) {
-      case "markdown":
-        return "bg-primary/10 text-primary border-primary/20";
-      case "mdx":
-        return "bg-secondary/10 text-secondary border-secondary/20";
-      case "richtext":
-        return "bg-success/10 text-success border-success/20";
-      case "text":
-        return "bg-muted/50 text-muted-foreground border-muted-foreground/20";
-      default:
-        return "bg-muted text-muted-foreground border-border";
-    }
-  };
-  const renderContent = (content, format) => {
-    const defaultRenderers = {
-      markdown: defaultMarkdownRenderer,
-      mdx: defaultMDXRenderer,
-      richtext: defaultRichTextRenderer,
-      text: defaultTextRenderer
-    };
-    const renderer = renderers?.[format] || defaultRenderers[format];
-    if (renderer) {
-      return renderer(content);
-    }
-    return defaultTextRenderer(content);
-  };
-  const handleSave = (updatedDocument) => {
-    setIsEditing(false);
-    onDocumentUpdate?.(updatedDocument);
-  };
-  const handleCancel = () => {
-    setIsEditing(false);
-  };
-  if (isEditing) {
-    return /* @__PURE__ */ jsx(
-      DocumentEdit,
-      {
-        document,
-        onSave: handleSave,
-        onCancel: handleCancel,
-        availableDocuments,
-        knowledgeContexts
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 20 },
-      animate: { opacity: 1, y: 0 },
-      transition: { duration: 0.3 },
-      className: "h-full flex flex-col",
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "border-b border-border bg-card p-8 pb-6", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 mb-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4 flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 p-3 rounded-xl bg-muted border border-border", children: formatIcon(document.format) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-bold text-foreground mb-2 leading-tight", children: [
-                  document.title,
-                  /* @__PURE__ */ jsx("span", { className: `inline-flex ml-4 items-center px-3 py-1 rounded-full text-sm font-medium border ${formatBadgeColor(document.format)}`, children: document.format.toUpperCase() })
-                ] }),
-                document.description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-lg leading-relaxed", children: document.description })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              document.metadata && Object.keys(document.metadata).length > 0 && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => setIsMetadataExpanded(!isMetadataExpanded),
-                  className: "gap-2",
-                  children: [
-                    /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-                    "Metadata",
-                    isMetadataExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
-                  ]
-                }
-              ),
-              editable && /* @__PURE__ */ jsxs(
-                Button,
-                {
-                  variant: "outline",
-                  size: "sm",
-                  onClick: () => setIsEditing(true),
-                  className: "gap-2",
-                  children: [
-                    /* @__PURE__ */ jsx(Edit3, { className: "h-4 w-4" }),
-                    "Edit"
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          document.metadata && Object.keys(document.metadata).length > 0 && /* @__PURE__ */ jsx(
-            motion.div,
-            {
-              initial: false,
-              animate: {
-                height: isMetadataExpanded ? "auto" : 0,
-                opacity: isMetadataExpanded ? 1 : 0
-              },
-              transition: { duration: 0.2, ease: "easeInOut" },
-              className: "overflow-hidden",
-              children: /* @__PURE__ */ jsxs("div", { className: "pt-4 border-t border-border mt-4", children: [
-                /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-foreground mb-3 flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Info, { className: "h-4 w-4" }),
-                  "Document Metadata"
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-lg p-4 border border-border", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-x-6 gap-y-2 text-sm", children: Object.entries(document.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-medium text-xs uppercase tracking-wide", children: key.replace(/([A-Z])/g, " $1").trim() }),
-                  /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", children: String(value) })
-                ] }, key)) }) })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "p-8", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: document.content ? /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx("div", { className: "bg-card border border-border rounded-xl p-6 overflow-hidden", children: renderContent(document.content, document.format) }) }) : /* @__PURE__ */ jsxs("div", { className: "text-center py-12 bg-muted rounded-xl border-2 border-dashed border-border", children: [
-          /* @__PURE__ */ jsx("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-background flex items-center justify-center", children: /* @__PURE__ */ jsx(FileText, { className: "h-8 w-8 text-muted-foreground" }) }),
-          /* @__PURE__ */ jsx("h4", { className: "text-foreground font-medium mb-1", children: "No content available" }),
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: "This document doesn't have preview content" })
-        ] }) }) }) })
-      ]
-    }
-  );
-}
-
-export {
-  DocumentPreview
-};