cortex-react-components 3.2.2 → 4.0.2

package/dist/components/DigitalColleagues/Pages/dashboardpage.mjs

@@ -1,78 +0,0 @@
-"use client";
-"use strict";
-import {
-  Home
-} from "../../../chunk-G7SFQSC7.mjs";
-import "../../../chunk-CQKCEXF2.mjs";
-import "../../../chunk-X6UI73UN.mjs";
-import "../../../chunk-EKQB7NJA.mjs";
-import "../../../chunk-5MMSWFVA.mjs";
-import "../../../chunk-XGHUG2WQ.mjs";
-import "../../../chunk-EMDTCDYI.mjs";
-import "../../../chunk-WHCZTD2K.mjs";
-import "../../../chunk-UQI2O3WS.mjs";
-import "../../../chunk-QE3XE3LW.mjs";
-import "../../../chunk-QPO45D6F.mjs";
-import "../../../chunk-6R3QP53O.mjs";
-import "../../../chunk-HK2DQNBU.mjs";
-import "../../../chunk-VMDVXNP5.mjs";
-import "../../../chunk-RJZMTP7J.mjs";
-import "../../../chunk-YOKF4FEM.mjs";
-import "../../../chunk-XDV7AVPQ.mjs";
-import "../../../chunk-TP5AUT7W.mjs";
-import "../../../chunk-UYUP2DAL.mjs";
-import "../../../chunk-V4I6U2SE.mjs";
-import "../../../chunk-L3SZS7PC.mjs";
-import "../../../chunk-V2BZ7RE7.mjs";
-import "../../../chunk-EQYJUXKZ.mjs";
-import "../../../chunk-QUGB53Z3.mjs";
-import "../../../chunk-IWSATDRG.mjs";
-import "../../../chunk-ZFUPXIGR.mjs";
-import "../../../chunk-2O772NVT.mjs";
-import "../../../chunk-2WSYMVQW.mjs";
-import "../../../chunk-CR4DEGH3.mjs";
-import "../../../chunk-3DZ4U2OB.mjs";
-import "../../../chunk-V6YEUAIH.mjs";
-import "../../../chunk-G4WW3ZTX.mjs";
-import "../../../chunk-JCFLPLDK.mjs";
-import "../../../chunk-IBQBZNEA.mjs";
-import "../../../chunk-3VKPPG4Z.mjs";
-import "../../../chunk-T2CLUB2R.mjs";
-import "../../../chunk-6V75REDA.mjs";
-import "../../../chunk-B2NSGNGK.mjs";
-import "../../../chunk-WMIXALIT.mjs";
-import "../../../chunk-EMGZSA3M.mjs";
-import "../../../chunk-5RNAHIY3.mjs";
-import "../../../chunk-C3RENDHG.mjs";
-import "../../../chunk-3L3SCQC4.mjs";
-import "../../../chunk-PDHMPRPW.mjs";
-import "../../../chunk-4UJUWE3A.mjs";
-import "../../../chunk-7CVOGGH6.mjs";
-import "../../../chunk-W5ROY7BH.mjs";
-import "../../../chunk-3BYULUMU.mjs";
-import "../../../chunk-DNKWV24K.mjs";
-import "../../../chunk-BG5JSVXF.mjs";
-import "../../../chunk-EQHAE4MP.mjs";
-import "../../../chunk-SG5TVUD2.mjs";
-import "../../../chunk-23N4BX45.mjs";
-import "../../../chunk-6MKCSIL2.mjs";
-import "../../../chunk-AEFGMCK3.mjs";
-import "../../../chunk-7GPVQAMX.mjs";
-import "../../../chunk-HJCCUR2K.mjs";
-import "../../../chunk-EPR27OQG.mjs";
-import "../../../chunk-R7D7RJIE.mjs";
-import "../../../chunk-YMZ2OUK6.mjs";
-import "../../../chunk-EN2UUKLU.mjs";
-import "../../../chunk-I6LSWXZW.mjs";
-import "../../../chunk-BXLYIIII.mjs";
-import "../../../chunk-JHOP4BOK.mjs";
-import "../../../chunk-ZSBTDL4H.mjs";
-import "../../../chunk-KZPGX6CG.mjs";
-import "../../../chunk-OZ77QF4K.mjs";
-import "../../../chunk-I4MTJN23.mjs";
-import "../../../chunk-G3DHYJLD.mjs";
-import "../../../chunk-HGJGZHAE.mjs";
-import "../../../chunk-6DZX6EAA.mjs";
-export {
-  Home as default
-};

package/dist/components/DigitalColleagues/README-document-edit.js

@@ -1,2 +0,0 @@
-// src/components/DigitalColleagues/README-document-edit.md
-var README_document_edit_default = "# Document Edit Component\n\nThe `DocumentEdit` component provides a comprehensive editing interface for knowledge documents with enhanced metadata management and intelligent suggestions.\n\n## Key Features\n\n### \u{1F3F7}\uFE0F Smart Metadata Management\n- **Editable Key-Value Pairs**: Add, edit, and remove metadata fields dynamically\n- **Context-based Suggestions**: Field names suggested from knowledge contexts and existing documents\n- **Value Autocomplete**: Common values suggested for known metadata fields\n- **Visual Guidance**: Shows which fields are commonly used for organization\n\n### \u{1F517} Knowledge Context Integration\n- **Context-aware Fields**: Suggests metadata keys based on knowledge context grouping rules\n- **Organizational Alignment**: Helps maintain consistency with existing document organization\n- **Cross-document Learning**: Learns from existing documents to suggest appropriate values\n\n### \u{1F4DD} Enhanced Editing Experience\n- **Streamlined Interface**: Clean, intuitive design focused on content creation\n- **Rich Metadata**: Support for flexible metadata schemas\n- **Format Support**: Works with markdown, MDX, rich text, and plain text formats\n- **Real-time Validation**: Immediate feedback on changes\n\n## Usage\n\n### Basic Usage\n\n```tsx\nimport { DocumentEdit } from './document-edit'\n\nconst document = {\n  id: '1',\n  title: 'My Document',\n  description: 'Document description',\n  format: 'markdown',\n  metadata: { category: 'Development' },\n  content: '# Hello World',\n  createdAt: new Date()\n}\n\n<DocumentEdit\n  document={document}\n  onSave={(updatedDocument) => console.log('Saved:', updatedDocument)}\n  onCancel={() => console.log('Cancelled')}\n/>\n```\n\n### With Knowledge Context Support\n\n```tsx\nimport { DocumentEdit } from './document-edit'\n\nconst knowledgeContexts = [\n  {\n    id: 'development',\n    label: 'Development Docs',\n    menuConfig: {\n      groupBy: ['category', 'team', 'difficulty'],\n      sortBy: 'updatedAt'\n    }\n  }\n]\n\nconst availableDocuments = [\n  // ... existing documents for learning metadata patterns\n]\n\n<DocumentEdit\n  document={document}\n  onSave={handleSave}\n  onCancel={handleCancel}\n  availableDocuments={availableDocuments}\n  knowledgeContexts={knowledgeContexts}\n/>\n```\n\n## Props\n\n### DocumentEditProps\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `document` | `KnowledgeDocument` | - | The document to edit |\n| `onSave` | `(document: KnowledgeDocument) => void` | - | Callback when document is saved |\n| `onCancel` | `() => void` | - | Callback when editing is cancelled |\n| `availableDocuments` | `KnowledgeDocument[]` | `[]` | Existing documents for metadata suggestions |\n| `knowledgeContexts` | `KnowledgeContext[]` | `[]` | Knowledge contexts for field suggestions |\n\n## Metadata Features\n\n### Suggested Fields\n\nThe component automatically suggests metadata field names based on:\n\n1. **Knowledge Context Grouping**: Fields used in `menuConfig.groupBy` arrays\n2. **Existing Documents**: Fields found in `metadata` of available documents\n3. **Common Patterns**: Frequently used organizational fields\n\nCommon suggested fields include:\n- `category` - Document category (Development, Design, Management, etc.)\n- `type` - Document type (Guide, Reference, Tutorial, etc.)\n- `team` - Responsible team (Frontend, Backend, DevOps, etc.)\n- `difficulty` - Complexity level (Beginner, Intermediate, Advanced)\n- `project` - Associated project name\n- `priority` - Priority level (High, Medium, Low)\n\n### Value Suggestions\n\nWhen editing metadata values:\n- **Dropdown Selection**: Shows common values for known fields\n- **Custom Input**: Option to enter custom values\n- **Learning System**: Builds suggestions from existing document metadata\n\n### Visual Feedback\n\n- **Context Hints**: Shows which fields come from knowledge contexts\n- **Value Previews**: Displays common values for each field\n- **Empty State**: Helpful guidance when no metadata exists yet\n\n## Integration Examples\n\n### With Document Browser\n\n```tsx\nfunction KnowledgeManager() {\n  const [selectedDocument, setSelectedDocument] = useState(null)\n  const [isEditing, setIsEditing] = useState(false)\n\n  return (\n    <div className=\"flex h-screen\">\n      <KnowledgeBrowser\n        documents={documents}\n        contexts={knowledgeContexts}\n        onDocumentClick={setSelectedDocument}\n      />\n      \n      {isEditing ? (\n        <DocumentEdit\n          document={selectedDocument}\n          availableDocuments={documents}\n          knowledgeContexts={knowledgeContexts}\n          onSave={(doc) => {\n            updateDocument(doc)\n            setIsEditing(false)\n          }}\n          onCancel={() => setIsEditing(false)}\n        />\n      ) : (\n        <DocumentPreview\n          document={selectedDocument}\n          onEdit={() => setIsEditing(true)}\n        />\n      )}\n    </div>\n  )\n}\n```\n\n### Custom Metadata Schema\n\n```tsx\n// Define your organization's metadata schema\nconst metadataSchema = {\n  category: ['Development', 'Design', 'Management', 'Operations'],\n  priority: ['Critical', 'High', 'Medium', 'Low'],\n  team: ['Frontend', 'Backend', 'DevOps', 'Design', 'Product'],\n  status: ['Draft', 'Review', 'Approved', 'Published', 'Archived']\n}\n\n// Use with pre-populated documents that follow your schema\nconst documentsWithSchema = documents.map(doc => ({\n  ...doc,\n  metadata: {\n    ...doc.metadata,\n    category: doc.metadata?.category || 'Development',\n    priority: doc.metadata?.priority || 'Medium'\n  }\n}))\n```\n\n## Best Practices\n\n### Metadata Consistency\n1. **Define Schema Early**: Establish common metadata fields for your organization\n2. **Use Knowledge Contexts**: Align metadata with how documents are organized\n3. **Provide Examples**: Include sample documents with good metadata\n4. **Regular Review**: Periodically review and standardize metadata usage\n\n### User Experience\n1. **Progressive Enhancement**: Start with basic fields, add more as needed\n2. **Clear Labels**: Use descriptive field names that users understand\n3. **Helpful Defaults**: Pre-populate common fields when possible\n4. **Validation**: Provide feedback for required or invalid fields\n\n### Performance\n1. **Lazy Loading**: Load available documents only when needed\n2. **Debounced Suggestions**: Avoid excessive API calls for suggestions\n3. **Efficient Filtering**: Optimize metadata value lookups\n4. **Caching**: Cache frequently used metadata patterns\n\n## Migration from Tags\n\nIf migrating from a tag-based system:\n\n```tsx\n// Convert tags to metadata\nfunction convertTagsToMetadata(document) {\n  const metadata = { ...document.metadata }\n  \n  if (document.tags) {\n    // Convert common tag patterns to structured metadata\n    document.tags.forEach(tag => {\n      if (['beginner', 'intermediate', 'advanced'].includes(tag)) {\n        metadata.difficulty = tag\n      } else if (['frontend', 'backend', 'devops'].includes(tag)) {\n        metadata.team = tag\n      } else if (['guide', 'reference', 'tutorial'].includes(tag)) {\n        metadata.type = tag\n      }\n      // Add remaining tags as topics or keywords array\n      else {\n        metadata.topics = metadata.topics || []\n        metadata.topics.push(tag)\n      }\n    })\n  }\n  \n  return { ...document, metadata }\n}\n```\n\n## Related Components\n\n- **DocumentPreview**: For viewing documents with metadata display\n- **KnowledgeBrowser**: For browsing documents organized by metadata\n- **KnowledgeSearch**: For searching documents by metadata fields\n- **KnowledgeView**: For complete knowledge management interfaces\n";

package/dist/components/DigitalColleagues/README-document-edit.mjs

@@ -1,7 +0,0 @@
-import "../../chunk-6DZX6EAA.mjs";
-
-// src/components/DigitalColleagues/README-document-edit.md
-var README_document_edit_default = "# Document Edit Component\n\nThe `DocumentEdit` component provides a comprehensive editing interface for knowledge documents with enhanced metadata management and intelligent suggestions.\n\n## Key Features\n\n### \u{1F3F7}\uFE0F Smart Metadata Management\n- **Editable Key-Value Pairs**: Add, edit, and remove metadata fields dynamically\n- **Context-based Suggestions**: Field names suggested from knowledge contexts and existing documents\n- **Value Autocomplete**: Common values suggested for known metadata fields\n- **Visual Guidance**: Shows which fields are commonly used for organization\n\n### \u{1F517} Knowledge Context Integration\n- **Context-aware Fields**: Suggests metadata keys based on knowledge context grouping rules\n- **Organizational Alignment**: Helps maintain consistency with existing document organization\n- **Cross-document Learning**: Learns from existing documents to suggest appropriate values\n\n### \u{1F4DD} Enhanced Editing Experience\n- **Streamlined Interface**: Clean, intuitive design focused on content creation\n- **Rich Metadata**: Support for flexible metadata schemas\n- **Format Support**: Works with markdown, MDX, rich text, and plain text formats\n- **Real-time Validation**: Immediate feedback on changes\n\n## Usage\n\n### Basic Usage\n\n```tsx\nimport { DocumentEdit } from './document-edit'\n\nconst document = {\n  id: '1',\n  title: 'My Document',\n  description: 'Document description',\n  format: 'markdown',\n  metadata: { category: 'Development' },\n  content: '# Hello World',\n  createdAt: new Date()\n}\n\n<DocumentEdit\n  document={document}\n  onSave={(updatedDocument) => console.log('Saved:', updatedDocument)}\n  onCancel={() => console.log('Cancelled')}\n/>\n```\n\n### With Knowledge Context Support\n\n```tsx\nimport { DocumentEdit } from './document-edit'\n\nconst knowledgeContexts = [\n  {\n    id: 'development',\n    label: 'Development Docs',\n    menuConfig: {\n      groupBy: ['category', 'team', 'difficulty'],\n      sortBy: 'updatedAt'\n    }\n  }\n]\n\nconst availableDocuments = [\n  // ... existing documents for learning metadata patterns\n]\n\n<DocumentEdit\n  document={document}\n  onSave={handleSave}\n  onCancel={handleCancel}\n  availableDocuments={availableDocuments}\n  knowledgeContexts={knowledgeContexts}\n/>\n```\n\n## Props\n\n### DocumentEditProps\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `document` | `KnowledgeDocument` | - | The document to edit |\n| `onSave` | `(document: KnowledgeDocument) => void` | - | Callback when document is saved |\n| `onCancel` | `() => void` | - | Callback when editing is cancelled |\n| `availableDocuments` | `KnowledgeDocument[]` | `[]` | Existing documents for metadata suggestions |\n| `knowledgeContexts` | `KnowledgeContext[]` | `[]` | Knowledge contexts for field suggestions |\n\n## Metadata Features\n\n### Suggested Fields\n\nThe component automatically suggests metadata field names based on:\n\n1. **Knowledge Context Grouping**: Fields used in `menuConfig.groupBy` arrays\n2. **Existing Documents**: Fields found in `metadata` of available documents\n3. **Common Patterns**: Frequently used organizational fields\n\nCommon suggested fields include:\n- `category` - Document category (Development, Design, Management, etc.)\n- `type` - Document type (Guide, Reference, Tutorial, etc.)\n- `team` - Responsible team (Frontend, Backend, DevOps, etc.)\n- `difficulty` - Complexity level (Beginner, Intermediate, Advanced)\n- `project` - Associated project name\n- `priority` - Priority level (High, Medium, Low)\n\n### Value Suggestions\n\nWhen editing metadata values:\n- **Dropdown Selection**: Shows common values for known fields\n- **Custom Input**: Option to enter custom values\n- **Learning System**: Builds suggestions from existing document metadata\n\n### Visual Feedback\n\n- **Context Hints**: Shows which fields come from knowledge contexts\n- **Value Previews**: Displays common values for each field\n- **Empty State**: Helpful guidance when no metadata exists yet\n\n## Integration Examples\n\n### With Document Browser\n\n```tsx\nfunction KnowledgeManager() {\n  const [selectedDocument, setSelectedDocument] = useState(null)\n  const [isEditing, setIsEditing] = useState(false)\n\n  return (\n    <div className=\"flex h-screen\">\n      <KnowledgeBrowser\n        documents={documents}\n        contexts={knowledgeContexts}\n        onDocumentClick={setSelectedDocument}\n      />\n      \n      {isEditing ? (\n        <DocumentEdit\n          document={selectedDocument}\n          availableDocuments={documents}\n          knowledgeContexts={knowledgeContexts}\n          onSave={(doc) => {\n            updateDocument(doc)\n            setIsEditing(false)\n          }}\n          onCancel={() => setIsEditing(false)}\n        />\n      ) : (\n        <DocumentPreview\n          document={selectedDocument}\n          onEdit={() => setIsEditing(true)}\n        />\n      )}\n    </div>\n  )\n}\n```\n\n### Custom Metadata Schema\n\n```tsx\n// Define your organization's metadata schema\nconst metadataSchema = {\n  category: ['Development', 'Design', 'Management', 'Operations'],\n  priority: ['Critical', 'High', 'Medium', 'Low'],\n  team: ['Frontend', 'Backend', 'DevOps', 'Design', 'Product'],\n  status: ['Draft', 'Review', 'Approved', 'Published', 'Archived']\n}\n\n// Use with pre-populated documents that follow your schema\nconst documentsWithSchema = documents.map(doc => ({\n  ...doc,\n  metadata: {\n    ...doc.metadata,\n    category: doc.metadata?.category || 'Development',\n    priority: doc.metadata?.priority || 'Medium'\n  }\n}))\n```\n\n## Best Practices\n\n### Metadata Consistency\n1. **Define Schema Early**: Establish common metadata fields for your organization\n2. **Use Knowledge Contexts**: Align metadata with how documents are organized\n3. **Provide Examples**: Include sample documents with good metadata\n4. **Regular Review**: Periodically review and standardize metadata usage\n\n### User Experience\n1. **Progressive Enhancement**: Start with basic fields, add more as needed\n2. **Clear Labels**: Use descriptive field names that users understand\n3. **Helpful Defaults**: Pre-populate common fields when possible\n4. **Validation**: Provide feedback for required or invalid fields\n\n### Performance\n1. **Lazy Loading**: Load available documents only when needed\n2. **Debounced Suggestions**: Avoid excessive API calls for suggestions\n3. **Efficient Filtering**: Optimize metadata value lookups\n4. **Caching**: Cache frequently used metadata patterns\n\n## Migration from Tags\n\nIf migrating from a tag-based system:\n\n```tsx\n// Convert tags to metadata\nfunction convertTagsToMetadata(document) {\n  const metadata = { ...document.metadata }\n  \n  if (document.tags) {\n    // Convert common tag patterns to structured metadata\n    document.tags.forEach(tag => {\n      if (['beginner', 'intermediate', 'advanced'].includes(tag)) {\n        metadata.difficulty = tag\n      } else if (['frontend', 'backend', 'devops'].includes(tag)) {\n        metadata.team = tag\n      } else if (['guide', 'reference', 'tutorial'].includes(tag)) {\n        metadata.type = tag\n      }\n      // Add remaining tags as topics or keywords array\n      else {\n        metadata.topics = metadata.topics || []\n        metadata.topics.push(tag)\n      }\n    })\n  }\n  \n  return { ...document, metadata }\n}\n```\n\n## Related Components\n\n- **DocumentPreview**: For viewing documents with metadata display\n- **KnowledgeBrowser**: For browsing documents organized by metadata\n- **KnowledgeSearch**: For searching documents by metadata fields\n- **KnowledgeView**: For complete knowledge management interfaces\n";
-export {
-  README_document_edit_default as default
-};

package/dist/components/DigitalColleagues/README-document-preview.js

@@ -1,2 +0,0 @@
-// src/components/DigitalColleagues/README-document-preview.md
-var README_document_preview_default = "# Document Preview Component\n\nThe `DocumentPreview` component displays knowledge documents with support for multiple file formats and custom renderers.\n\n## Supported Formats\n\n- **Markdown** (`.md`) - Standard markdown with basic formatting\n- **MDX** (`.mdx`) - Markdown with embedded React components  \n- **RichText** - PayloadCMS rich text content\n- **Text** (`.txt`) - Plain text with preserved formatting\n\n## Usage\n\n### Basic Usage\n\n```tsx\nimport { DocumentPreview } from './document-preview'\n\nconst document = {\n  id: '1',\n  title: 'My Document',\n  format: 'markdown',\n  content: '# Hello World\\n\\nThis is **bold** text.',\n  createdAt: new Date()\n}\n\n<DocumentPreview document={document} />\n```\n\n### With Custom Renderers\n\n```tsx\nimport { DocumentPreview } from './document-preview'\nimport ReactMarkdown from 'react-markdown'\nimport { RichText } from '@payloadcms/richtext-lexical/react'\n\nconst customRenderers = {\n  markdown: (content: string) => (\n    <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n      <ReactMarkdown>{content}</ReactMarkdown>\n    </div>\n  ),\n  \n  richtext: (content: string) => {\n    const richTextData = JSON.parse(content)\n    return (\n      <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n        <RichText data={richTextData} />\n      </div>\n    )\n  },\n  \n  text: (content: string) => (\n    <pre className=\"whitespace-pre-wrap font-mono text-sm\">\n      {content}\n    </pre>\n  )\n}\n\n<DocumentPreview\n  document={document}\n  renderers={customRenderers}\n  editable={true}\n  onDocumentUpdate={(updatedDoc) => console.log('Updated:', updatedDoc)}\n/>\n```\n\n## Available Dependencies\n\nThe project already includes these useful dependencies for rendering:\n\n- `@mdx-js/react` - For MDX rendering\n- `@payloadcms/richtext-lexical` - For PayloadCMS RichText\n- `@tailwindcss/typography` - For typography styling\n\n## Custom Renderer Examples\n\n### React Markdown\n\n```bash\nnpm install react-markdown remark-gfm rehype-highlight\n```\n\n```tsx\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdownRenderer = (content: string) => (\n  <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm]}\n      rehypePlugins={[rehypeHighlight]}\n    >\n      {content}\n    </ReactMarkdown>\n  </div>\n)\n```\n\n### MDX with next-mdx-remote\n\n```bash\nnpm install next-mdx-remote\n```\n\n```tsx\nimport { MDXRemote } from 'next-mdx-remote'\nimport { serialize } from 'next-mdx-remote/serialize'\n\nconst mdxRenderer = async (content: string) => {\n  const mdxSource = await serialize(content)\n  return (\n    <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n      <MDXRemote {...mdxSource} />\n    </div>\n  )\n}\n```\n\n### PayloadCMS RichText\n\n```tsx\nimport { RichText } from '@payloadcms/richtext-lexical/react'\n\nconst richTextRenderer = (content: string) => {\n  try {\n    const richTextData = JSON.parse(content)\n    return (\n      <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n        <RichText data={richTextData} />\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"text-red-500 text-sm\">\n        Error parsing RichText content: {error.message}\n      </div>\n    )\n  }\n}\n```\n\n## Props\n\n### DocumentPreview Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `document` | `KnowledgeDocument` | - | The document to display |\n| `editable` | `boolean` | `true` | Whether the document can be edited |\n| `renderers` | `DocumentRenderers` | - | Custom renderers for different formats |\n| `onDocumentUpdate` | `(doc: KnowledgeDocument) => void` | - | Callback when document is updated |\n\n### DocumentRenderers Type\n\n```tsx\ninterface DocumentRenderers {\n  markdown?: (content: string) => ReactNode\n  mdx?: (content: string) => ReactNode\n  richtext?: (content: string) => ReactNode\n  text?: (content: string) => ReactNode\n}\n```\n\n### KnowledgeDocument Type\n\n```tsx\ninterface KnowledgeDocument {\n  id: string\n  title: string\n  description?: string\n  metadata?: Record<string, any>\n  content?: string\n  format: 'markdown' | 'mdx' | 'richtext' | 'text'\n  tags?: string[]\n  createdAt: Date\n  updatedAt?: Date\n}\n```\n\n## Default Renderers\n\nIf no custom renderers are provided, the component uses built-in default renderers:\n\n- **Markdown**: Basic HTML conversion with support for headings, bold, italic, and code\n- **Text**: Monospace font with preserved whitespace\n- **RichText**: Placeholder with raw content display\n- **MDX**: Placeholder with basic markdown rendering\n\n## Styling\n\nThe component uses Tailwind CSS classes and supports dark mode through CSS variables. Key styling features:\n\n- Responsive design\n- Typography classes from `@tailwindcms/typography`\n- Dark mode support\n- Smooth animations with Framer Motion\n- Consistent spacing and borders\n\n## Examples\n\nCheck out the Storybook stories for interactive examples:\n\n- `MarkdownWithCustomRenderer` - Markdown with enhanced rendering\n- `TextFormat` - Plain text documents\n- `RichTextFormat` - PayloadCMS rich content\n- `MDXFormat` - MDX with React components\n- `AllFormatsComparison` - Side-by-side format comparison\n";

package/dist/components/DigitalColleagues/README-document-preview.mjs

@@ -1,7 +0,0 @@
-import "../../chunk-6DZX6EAA.mjs";
-
-// src/components/DigitalColleagues/README-document-preview.md
-var README_document_preview_default = "# Document Preview Component\n\nThe `DocumentPreview` component displays knowledge documents with support for multiple file formats and custom renderers.\n\n## Supported Formats\n\n- **Markdown** (`.md`) - Standard markdown with basic formatting\n- **MDX** (`.mdx`) - Markdown with embedded React components  \n- **RichText** - PayloadCMS rich text content\n- **Text** (`.txt`) - Plain text with preserved formatting\n\n## Usage\n\n### Basic Usage\n\n```tsx\nimport { DocumentPreview } from './document-preview'\n\nconst document = {\n  id: '1',\n  title: 'My Document',\n  format: 'markdown',\n  content: '# Hello World\\n\\nThis is **bold** text.',\n  createdAt: new Date()\n}\n\n<DocumentPreview document={document} />\n```\n\n### With Custom Renderers\n\n```tsx\nimport { DocumentPreview } from './document-preview'\nimport ReactMarkdown from 'react-markdown'\nimport { RichText } from '@payloadcms/richtext-lexical/react'\n\nconst customRenderers = {\n  markdown: (content: string) => (\n    <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n      <ReactMarkdown>{content}</ReactMarkdown>\n    </div>\n  ),\n  \n  richtext: (content: string) => {\n    const richTextData = JSON.parse(content)\n    return (\n      <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n        <RichText data={richTextData} />\n      </div>\n    )\n  },\n  \n  text: (content: string) => (\n    <pre className=\"whitespace-pre-wrap font-mono text-sm\">\n      {content}\n    </pre>\n  )\n}\n\n<DocumentPreview\n  document={document}\n  renderers={customRenderers}\n  editable={true}\n  onDocumentUpdate={(updatedDoc) => console.log('Updated:', updatedDoc)}\n/>\n```\n\n## Available Dependencies\n\nThe project already includes these useful dependencies for rendering:\n\n- `@mdx-js/react` - For MDX rendering\n- `@payloadcms/richtext-lexical` - For PayloadCMS RichText\n- `@tailwindcss/typography` - For typography styling\n\n## Custom Renderer Examples\n\n### React Markdown\n\n```bash\nnpm install react-markdown remark-gfm rehype-highlight\n```\n\n```tsx\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdownRenderer = (content: string) => (\n  <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm]}\n      rehypePlugins={[rehypeHighlight]}\n    >\n      {content}\n    </ReactMarkdown>\n  </div>\n)\n```\n\n### MDX with next-mdx-remote\n\n```bash\nnpm install next-mdx-remote\n```\n\n```tsx\nimport { MDXRemote } from 'next-mdx-remote'\nimport { serialize } from 'next-mdx-remote/serialize'\n\nconst mdxRenderer = async (content: string) => {\n  const mdxSource = await serialize(content)\n  return (\n    <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n      <MDXRemote {...mdxSource} />\n    </div>\n  )\n}\n```\n\n### PayloadCMS RichText\n\n```tsx\nimport { RichText } from '@payloadcms/richtext-lexical/react'\n\nconst richTextRenderer = (content: string) => {\n  try {\n    const richTextData = JSON.parse(content)\n    return (\n      <div className=\"prose prose-slate dark:prose-invert max-w-none\">\n        <RichText data={richTextData} />\n      </div>\n    )\n  } catch (error) {\n    return (\n      <div className=\"text-red-500 text-sm\">\n        Error parsing RichText content: {error.message}\n      </div>\n    )\n  }\n}\n```\n\n## Props\n\n### DocumentPreview Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `document` | `KnowledgeDocument` | - | The document to display |\n| `editable` | `boolean` | `true` | Whether the document can be edited |\n| `renderers` | `DocumentRenderers` | - | Custom renderers for different formats |\n| `onDocumentUpdate` | `(doc: KnowledgeDocument) => void` | - | Callback when document is updated |\n\n### DocumentRenderers Type\n\n```tsx\ninterface DocumentRenderers {\n  markdown?: (content: string) => ReactNode\n  mdx?: (content: string) => ReactNode\n  richtext?: (content: string) => ReactNode\n  text?: (content: string) => ReactNode\n}\n```\n\n### KnowledgeDocument Type\n\n```tsx\ninterface KnowledgeDocument {\n  id: string\n  title: string\n  description?: string\n  metadata?: Record<string, any>\n  content?: string\n  format: 'markdown' | 'mdx' | 'richtext' | 'text'\n  tags?: string[]\n  createdAt: Date\n  updatedAt?: Date\n}\n```\n\n## Default Renderers\n\nIf no custom renderers are provided, the component uses built-in default renderers:\n\n- **Markdown**: Basic HTML conversion with support for headings, bold, italic, and code\n- **Text**: Monospace font with preserved whitespace\n- **RichText**: Placeholder with raw content display\n- **MDX**: Placeholder with basic markdown rendering\n\n## Styling\n\nThe component uses Tailwind CSS classes and supports dark mode through CSS variables. Key styling features:\n\n- Responsive design\n- Typography classes from `@tailwindcms/typography`\n- Dark mode support\n- Smooth animations with Framer Motion\n- Consistent spacing and borders\n\n## Examples\n\nCheck out the Storybook stories for interactive examples:\n\n- `MarkdownWithCustomRenderer` - Markdown with enhanced rendering\n- `TextFormat` - Plain text documents\n- `RichTextFormat` - PayloadCMS rich content\n- `MDXFormat` - MDX with React components\n- `AllFormatsComparison` - Side-by-side format comparison\n";
-export {
-  README_document_preview_default as default
-};