cortex-react-components 2.20.1 → 2.22.0

package/dist/chunk-PE5L5LZL.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{a as $}from"./chunk-V4W2JDQB.mjs";import{a as O}from"./chunk-FT3AE7L2.mjs";import{a as H}from"./chunk-L5JPAKPM.mjs";import{motion as h}from"motion/react";import{ChevronRight as U,File as M,FileText as K,Search as A}from"lucide-react";import{useState as b,useMemo as P,useEffect as Q}from"react";import{Fragment as T,jsx as e,jsxs as r}from"react/jsx-runtime";function j({label:f,documents:s,children:d,level:u,onDocumentClick:w,selectedDocumentId:g,showDocumentCount:y=!0}){let[c,a]=b(u===0),N=d&&Object.keys(d).length>0,v=s.length+(d?Object.values(d).reduce((t,n)=>t+n.documents.length,0):0),D=t=>{switch(t){case"markdown":case"mdx":return e(K,{className:"h-3.5 w-3.5 text-muted-foreground"});case"richText":return e(M,{className:"h-3.5 w-3.5 text-muted-foreground"});default:return e(M,{className:"h-3.5 w-3.5 text-muted-foreground"})}},x=t=>{let n=["bg-primary","bg-secondary","bg-accent","bg-chart-1"];return n[t%n.length]};return r("div",{className:"space-y-1",children:[(N||s.length>0)&&r(h.div,{className:`group flex items-center gap-3 p-3 rounded-xl cursor-pointer transition-all duration-200 ${c?"bg-card shadow-sm border border-border":"hover:bg-muted/50 hover:shadow-sm"}`,style:{marginLeft:`${u*20}px`},onClick:()=>a(!c),whileHover:{scale:1.01},whileTap:{scale:.99},children:[e("div",{className:`w-1 h-6 rounded-full ${x(u)}`}),e(h.div,{animate:{rotate:c?90:0},transition:{duration:.2},className:"flex-shrink-0",children:e(U,{className:"h-4 w-4 text-muted-foreground"})}),r("div",{className:"flex-1 flex items-center justify-between min-w-0",children:[e("div",{className:"flex items-center gap-2 min-w-0",children:e("span",{className:"font-medium text-foreground truncate",children:f})}),y&&v>0&&e("div",{className:"flex-shrink-0 ml-2",children:e("span",{className:"inline-flex items-center justify-center w-6 h-6 text-xs font-medium bg-muted text-muted-foreground rounded-full",children:v})})]})]}),e(h.div,{initial:!1,animate:{height:c?"auto":0,opacity:c?1:0},transition:{duration:.2,ease:"easeInOut"},className:"overflow-hidden",children:r("div",{className:"pt-2 space-y-1",children:[s.map((t,n)=>r(h.div,{initial:{opacity:0,x:-10},animate:{opacity:1,x:0},transition:{delay:n*.05,duration:.2},className:`group flex items-center gap-3 p-2.5 mx-2 rounded-lg cursor-pointer transition-all duration-150 ${g===t.id?"bg-primary/10 border-l-2 border-primary shadow-sm":"hover:bg-muted/50 hover:translate-x-1"}`,style:{marginLeft:`${u*20+20}px`},onClick:()=>w?.(t),whileHover:{scale:1.01},whileTap:{scale:.99},children:[e("div",{className:"flex-shrink-0",children:D(t.format)}),r("div",{className:"flex-1 min-w-0",children:[e("p",{className:`text-sm truncate transition-colors ${g===t.id?"text-primary font-medium":"text-foreground group-hover:text-foreground"}`,children:t.title}),t.description&&e("p",{className:"text-xs text-muted-foreground truncate mt-0.5",children:t.description})]}),t.tags&&t.tags.length>0&&e("div",{className:"flex-shrink-0",children:e("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:t.tags[0]})})]},t.id)),d&&Object.entries(d).map(([t,n])=>e(j,{label:t,documents:n.documents,children:n.children,level:u+1,onDocumentClick:w,selectedDocumentId:g,showDocumentCount:y},t))]})})]})}function Z({documents:f,menuConfig:s,onDocumentClick:d,onDocumentShare:u,onDocumentUpdate:w,selectedDocumentId:g,className:y,editable:c=!0}){let[a,N]=b(""),[v,D]=b(null),[x,t]=b(f);Q(()=>{t(f)},[f]);let n=P(()=>a?x.filter(o=>o.title.toLowerCase().includes(a.toLowerCase())||o.description?.toLowerCase().includes(a.toLowerCase())||o.tags?.some(l=>l.toLowerCase().includes(a.toLowerCase()))||Object.values(o.metadata||{}).some(l=>String(l).toLowerCase().includes(a.toLowerCase()))):x,[x,a]),S=P(()=>{let o=(l,L)=>{if(L.length===0)return{};let[E,...B]=L;return l.reduce((i,C)=>{let F=C.metadata?.[E]||"Uncategorized",m=String(F);if(i[m]||(i[m]={documents:[],children:{}}),B.length===0)i[m].documents.push(C);else{let k=o([C],B),p=Object.keys(k)[0];p&&(i[m].children||(i[m].children={}),i[m].children[p]?i[m].children[p].documents.push(...k[p].documents):i[m].children[p]=k[p])}return i},{})};return o(n,s.groupBy)},[n,s.groupBy]),I=o=>{D(o),d?.(o)};return r("div",{className:`flex h-full ${y||""}`,children:[r("div",{className:"w-1/3 border-r border-border bg-muted/20",children:[e("div",{className:"p-6 border-b border-border",children:r("div",{className:"relative",children:[e("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e(A,{className:"h-4 w-4 text-muted-foreground"})}),e(H,{placeholder:"Search knowledge base...",value:a,onChange:o=>N(o.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"})]})}),e(O,{className:"h-[calc(100%-100px)]",children:e("div",{className:"p-4 space-y-3",children:s.groupBy.length===0?e(T,{children:e(j,{label:"Document",documents:n,level:0,onDocumentClick:I,selectedDocumentId:g,showDocumentCount:s.showDocumentCount},"Document")}):r(T,{children:[Object.entries(S).map(([o,l])=>e(j,{label:o,documents:l.documents,children:l.children,level:0,onDocumentClick:I,selectedDocumentId:g,showDocumentCount:s.showDocumentCount},o)),Object.keys(S).length===0&&r(h.div,{initial:{opacity:0},animate:{opacity:1},className:"text-center text-muted-foreground py-12",children:[e("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-muted flex items-center justify-center",children:e(K,{className:"h-8 w-8 text-muted-foreground"})}),e("p",{className:"text-sm font-medium",children:"No documents found"}),e("p",{className:"text-xs mt-1",children:"Try adjusting your search terms"})]})]})})})]}),e("div",{className:"flex-1 bg-background overflow-scroll",children:v?e($,{document:v,onDocumentUpdate:w,editable:c}):e("div",{className:"h-full flex items-center justify-center text-center",children:r(h.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4},className:"max-w-sm",children:[e("div",{className:"w-20 h-20 mx-auto mb-6 rounded-full bg-primary/10 flex items-center justify-center",children:e(K,{className:"h-10 w-10 text-primary"})}),e("h3",{className:"text-xl font-semibold text-foreground mb-2",children:"Select a document"}),e("p",{className:"text-muted-foreground leading-relaxed",children:"Choose any document from the knowledge base to view its content and details"})]})})})]})}export{Z as a};

package/dist/chunk-V4W2JDQB.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{a as w}from"./chunk-TZCRIKIJ.mjs";import{a as N}from"./chunk-N6CZEXLZ.mjs";import{a as b,c as v,e as h}from"./chunk-3UMMMQEH.mjs";import{b as m}from"./chunk-ZUA4KNIR.mjs";import{a as x}from"./chunk-MDJREBVI.mjs";import{motion as y}from"motion/react";import{File as k,FileText as D,Edit3 as z,Type as X,ChevronDown as F,ChevronRight as U,Info as R}from"lucide-react";import{useEffect as $,useState as c}from"react";import*as T from"@radix-ui/react-dialog";import A from"react-markdown";import G from"remark-gfm";import{Fragment as H,jsx as e,jsxs as o}from"react/jsx-runtime";var K=s=>e(A,{remarkPlugins:[G],components:{h1:({children:t})=>e("h1",{className:"text-2xl font-bold",children:t}),h2:({children:t})=>e("h2",{className:"text-xl font-bold",children:t}),h3:({children:t})=>e("h3",{className:"text-lg font-bold",children:t}),h4:({children:t})=>e("h4",{className:"text-base font-bold",children:t}),ol:({children:t})=>e("ol",{className:"list-decimal",children:t}),ul:({children:t})=>e("ul",{className:"list-disc",children:t}),li:({children:t})=>e("li",{className:"ml-4",children:t}),p:({children:t})=>e("p",{className:"mb-4",children:t}),a:({children:t,href:n})=>e("a",{href:n,className:"text-blue-500",children:t}),img:({src:t,alt:n})=>e("img",{src:t,alt:n,className:"mb-4"}),blockquote:({children:t})=>e("blockquote",{className:"border-l-4 border-gray-300 pl-4 mb-4",children:t})},children:s}),C=s=>e("div",{className:"whitespace-pre-wrap font-mono text-sm leading-relaxed",children:s}),J=s=>e("div",{className:"prose prose-slate dark:prose-invert max-w-none",children:s&&e(N,{value:JSON.stringify(s),editable:!1,name:"richTextContent"})}),Z=s=>o("div",{className:"prose prose-slate dark:prose-invert max-w-none",children:[e("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:o("p",{className:"text-blue-800 dark:text-blue-200 text-sm",children:[e("strong",{children:"MDX Renderer:"})," This is a placeholder. Integrate with @mdx-js/react for full MDX rendering."]})}),K(s)]});function de({document:s,onDocumentUpdate:t,editable:n=!0,mode:u="view",renderers:P,availableDocuments:M=[],knowledgeContexts:O=[]}){let[E,l]=c(!1),[i,j]=c(!1),[r,g]=c(s);$(()=>{g(s)},[s]);let L=a=>{switch(a){case"markdown":case"mdx":return e(D,{className:"h-6 w-6 text-primary"});case"richText":return e(k,{className:"h-6 w-6 text-success"});case"text":return e(X,{className:"h-6 w-6 text-muted-foreground"});default:return e(k,{className:"h-6 w-6 text-muted-foreground"})}},I=a=>{switch(a){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"}},S=(a,d)=>{let q={markdown:K,mdx:Z,text:C},p=P?.[d]||q[d];if(d==="richText"&&typeof a=="object")return J(a);if(p&&typeof a=="string")return p(a);if(typeof a=="string")return C(a)},B=a=>{l(!1),t?.(a),g(a)},f=()=>{l(!1)};return o(H,{children:[e(b,{open:E||u==="create",onOpenChange:a=>!a&&f(),children:o(v,{children:[e(h,{}),e(T.Content,{className:x("fixed inset-0 z-50 bg-background p-0 m-0 border-0","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"),children:e(w,{mode:u==="create"?"create":"edit",document:r,onSave:B,onCancel:f,availableDocuments:M,knowledgeContexts:O})})]})}),o(y.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},className:"h-full flex flex-col",children:[o("div",{className:"border-b border-border bg-card p-8 pb-6",children:[o("div",{className:"flex items-start justify-between gap-4",children:[e("div",{className:"flex items-start gap-4 flex-1 min-w-0",children:o("div",{className:"flex-1 min-w-0",children:[o("h1",{className:"text-2xl font-bold text-foreground mb-2 leading-tight",children:[r.title,e("span",{className:`inline-flex ml-4 items-center px-3 py-1 rounded-full text-sm font-medium border ${I(r.format)}`,children:r.format.toUpperCase()})]}),r.description&&e("p",{className:"text-muted-foreground text-lg leading-relaxed",children:r.description})]})}),o("div",{className:"items-center gap-2 flex-shrink-0 hidden lg:flex",children:[r.metadata&&Object.keys(r.metadata).length>0&&o(m,{variant:"ghost",size:"sm",onClick:()=>j(!i),className:"gap-2",children:[e(R,{className:"h-4 w-4"}),"Metadata",i?e(F,{className:"h-4 w-4"}):e(U,{className:"h-4 w-4"})]}),n&&o(m,{variant:"outline",size:"sm",onClick:()=>l(!0),className:"gap-2",children:[e(z,{className:"h-4 w-4"}),"Edit"]})]})]}),r.metadata&&Object.keys(r.metadata).length>0&&e(y.div,{initial:!1,animate:{height:i?"auto":0,opacity:i?1:0},transition:{duration:.2,ease:"easeInOut"},className:"overflow-hidden",children:o("div",{className:"pt-4 border-t border-border mt-4",children:[o("h3",{className:"text-sm font-semibold text-foreground mb-3 flex items-center gap-2",children:[e(R,{className:"h-4 w-4"}),"Document Metadata"]}),e("div",{className:"bg-muted rounded-lg p-4 border border-border",children:e("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(r.metadata).map(([a,d])=>o("div",{className:"flex flex-col gap-1",children:[e("span",{className:"text-muted-foreground font-medium text-xs uppercase tracking-wide",children:a.replace(/([A-Z])/g," $1").trim()}),e("span",{className:"text-foreground font-medium",children:String(d)})]},a))})})]})})]}),e("div",{className:"flex-1 ",children:e("div",{className:"py-4 h-full",children:e("div",{className:"space-y-4",children:r.content||r.richTextContent?e("div",{className:"relative",children:e("div",{className:"bg-background px-8 overflow-hidden h-full flex-1",children:S(r.format==="richText"?r.richTextContent:r.content,r.format)})}):o("div",{className:"text-center p-12 bg-muted rounded-xl border-2 border-dashed border-border",children:[e("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-background flex items-center justify-center",children:e(D,{className:"h-8 w-8 text-muted-foreground"})}),e("h4",{className:"text-foreground font-medium mb-1",children:"No content available"}),e("p",{className:"text-muted-foreground text-sm",children:"This document doesn't have preview content"})]})})})})]})]})}export{de as a};