cortex-react-components 2.17.6 → 2.18.1

package/package.json

@@ -2,7 +2,7 @@
   "name": "cortex-react-components",
   "author": "Cortex Reply",
   "private": false,
-  "version": "2.17.6",
+  "version": "2.18.1",
   "description": "A library of React components with styles. Designed to seamlessly integrate with React and Next.js.",
   "license": "MPL-2.0",
   "main": "./dist/index.js",
@@ -94,8 +94,8 @@
     "vitest": "^2.1.8"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.29",
-    "@ai-sdk/react": "^2.0.42",
+    "@ai-sdk/openai": "^2.0.38",
+    "@ai-sdk/react": "^2.0.56",
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.3.1",
     "@headlessui/react": "^2.2.0",
@@ -124,7 +124,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@tailwindcss/typography": "^0.5.15",
-    "ai": "^5.0.42",
+    "ai": "^5.0.56",
     "bson-objectid": "^2.0.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -149,6 +149,7 @@
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-animated": "^2.0.0",
     "tailwindcss-intersect": "^2.1.0",
+    "use-stick-to-bottom": "^1.1.1",
     "yup": "^1.6.1",
     "zod": "^4.0.17"
   },

package/dist/chunk-SMDC36XJ.mjs

@@ -1 +0,0 @@
-import{a as _}from"./chunk-6OCLRAHU.mjs";import{a as Q,b as X,c as j}from"./chunk-5Y6FKL5W.mjs";import{a as Y,b as Z,c as ee,d as te,e as ae}from"./chunk-UGBDJDPW.mjs";import{a as G}from"./chunk-3BG2SCNC.mjs";import{a as R}from"./chunk-SIL7AP7H.mjs";import{a as q}from"./chunk-2LINLX4S.mjs";import{a as V}from"./chunk-DBY4SXQI.mjs";import{a as J}from"./chunk-I2PVJQQR.mjs";import{d as P}from"./chunk-Q2DPE66H.mjs";import{a as K}from"./chunk-FT3AE7L2.mjs";import{a as U}from"./chunk-L5JPAKPM.mjs";import{b as d}from"./chunk-ZUA4KNIR.mjs";import{a as h,c as x}from"./chunk-SOLZ4VQH.mjs";import{b as W}from"./chunk-CSBGSBEU.mjs";import{a as f,b as y,c as N,e as v}from"./chunk-YO3GQYRJ.mjs";import{a as p}from"./chunk-MDJREBVI.mjs";import{useRef as E,useEffect as se,useState as ie}from"react";import*as u from"motion/react-client";import{Send as he,Bot as M,User as xe,Menu as be,Paperclip as Ce,X as we,FileText as ke,Image as Te,File as Ie,Download as De,ExternalLink as Ae}from"lucide-react";import{jsx as e,jsxs as s}from"react/jsx-runtime";function Xe({messages:b,input:B,isTyping:C=!1,currentSessionTitle:Pe,capabilities:F,fileUploads:w,isDragOver:oe,enableFileUpload:S,onInputChange:re,addToolResult:k,onSendMessage:le,onKeyPress:ne,onFileUpload:L,onRemoveFile:de,onDragOver:T,className:me}){let I=E(null),ce=E(null),$=E(null),[c,g]=ie(!1),[z,Re]=ie({path:[],selectedItems:[],filters:{}});se(()=>{I.current?.scrollIntoView({behavior:"smooth"})},[b]),se(()=>{c&&setTimeout(()=>{I.current?.scrollIntoView({behavior:"smooth"})},100)},[c]);let H=()=>P(z),ue=()=>{let t=[];return F.forEach(r=>{r.actions&&r.actions.forEach(l=>{t.push({label:l.label,action:()=>D(l.id,{path:[r],selectedItems:[],filters:{}})})}),r.children&&r.children.forEach(l=>{l.type==="list"&&l.data&&t.push({label:`View ${l.name}`,action:()=>g(!0)})})}),t.slice(0,5)},D=(t,r)=>{console.log("Capability action:",t,r);let l=`Executing ${t} with context: ${JSON.stringify(r.path.map(i=>i.name))}`;g(!1)},Ee=P({path:[],selectedItems:[],filters:{}}),pe=t=>{L(t.target.files),t.target.files&&(t.target.value="")},fe=t=>{t.preventDefault(),T(!0)},ve=t=>{t.preventDefault(),T(!1)},ge=t=>{t.preventDefault(),T(!1),L(t.dataTransfer.files)},ye=t=>{if(t===0)return"0 Bytes";let r=1024,l=["Bytes","KB","MB","GB"],i=Math.floor(Math.log(t)/Math.log(r));return parseFloat((t/Math.pow(r,i)).toFixed(2))+" "+l[i]},O=t=>t.startsWith("image/")?e(Te,{className:"h-4 w-4"}):t.startsWith("text/")?e(ke,{className:"h-4 w-4"}):e(Ie,{className:"h-4 w-4"}),Ne=t=>{let r=t.role==="assistant",l=t.role==="user";return s("div",{className:p("flex my-2 items-start gap-3",l?"flex-row-reverse":""),children:[e(h,{className:"h-8 w-8 shrink-0",children:e(x,{className:p(l?"bg-primary text-primary-foreground":"bg-gradient-to-br from-purple-600 to-blue-600 text-white"),children:l?e(xe,{className:"h-4 w-4"}):e(M,{className:"h-4 w-4"})})}),e("div",{className:p("max-w-[80%] rounded-2xl px-4 py-3 shadow-sm",l?"bg-primary text-primary-foreground":"bg-muted"),children:t.parts.map((i,o)=>{if(i.type==="text")return e(_,{id:t.id,content:i.text},`${t.id}-text`);if(i.type==="file"){let a=i;return e("div",{className:"mb-2 p-2 bg-background/50 rounded-lg",children:s("div",{className:"flex items-center gap-2",children:[O(a.mediaType||"application/octet-stream"),e("div",{className:"flex-1 min-w-0",children:e("p",{className:"text-sm font-medium truncate",children:a.filename||a.url?.split("/").pop()||"File"})}),a.url&&e(d,{variant:"ghost",size:"sm",onClick:()=>window.open(a.url,"_blank"),className:"h-8 w-8 p-0",children:e(De,{className:"h-4 w-4"})})]})},o)}if(i.type.startsWith("tool-")){let a=i,m=i.type.replace("tool-","");if(m==="task")switch(a.state){case"input-available":return e("div",{className:"text-sm opacity-70",children:"Loading task..."},o);case"output-available":return e("div",{className:"mb-2",children:e(J,{data:{id:a.output?.id||a.input?.id,fetchLatest:!1,taskData:a.output||a.input}})},o);case"output-error":return s("div",{className:"text-sm text-red-500",children:["Error: ",a.errorText]},o);default:return null}if(i.type==="tool-requestEndpointLogin")return e("div",{className:"mb-2",children:e(R,{toolPart:a,index:o,addToolResult:k??(()=>{})})},o);if(i.type==="tool-authenticate")return e("div",{className:"mb-2",children:e(R,{toolPart:a,index:o,addToolResult:k??(()=>{})})},o);if(i.type==="tool-requestApproval")return e("div",{className:"mb-2",children:e(G,{toolPart:a,index:o,addToolResult:k??(()=>{})})},o);if(m==="artefact")switch(a.state){case"input-available":return e("div",{className:"text-sm opacity-70",children:"Loading artefact..."},o);case"output-available":return e("div",{className:"mb-2",children:e(V,{artefact:a.output?.description||"",taskId:a.output?.id||a.input?.id,taskData:a.output||a.input})},o);case"output-error":return s("div",{className:"text-sm text-red-500",children:["Error: ",a.errorText]},o);default:return null}return e("div",{className:"mb-2",children:s(f,{className:"w-full max-w-md",children:[e(y,{children:e(N,{className:"text-lg",children:m})}),s(v,{children:[a.state==="input-available"&&s("p",{className:"text-sm",children:["Processing ",m,"..."]}),a.state==="output-available"&&e("pre",{className:"text-sm",children:JSON.stringify(a.output,null,2)}),a.state==="output-error"&&s("p",{className:"text-sm text-red-500",children:["Error: ",a.errorText]})]})]})},o)}if(i.type.startsWith("data-")){let a=i,m=i.type.replace("data-","");return m==="reference"?e("div",{className:"mb-2",children:e(f,{className:"w-full",children:e(v,{className:"p-4",children:e("div",{className:"space-y-2",children:a.data?.references?.map((n,A)=>s("div",{className:"flex items-center gap-2 p-2 rounded-md bg-muted/50",children:[e(W,{variant:"outline",children:n.type||"link"}),s("div",{className:"flex-1 min-w-0",children:[e("p",{className:"text-sm font-medium truncate",children:n.title}),n.description&&e("p",{className:"text-xs text-muted-foreground truncate",children:n.description})]}),n.url&&e(d,{variant:"ghost",size:"sm",onClick:()=>window.open(n.url,"_blank"),className:"h-8 w-8 p-0",children:e(Ae,{className:"h-4 w-4"})})]},A))})})})},o):m==="menu"?e("div",{className:"mb-2",children:s(f,{className:"w-full",children:[e(y,{children:e(N,{className:"text-lg",children:a.data?.title})}),e(v,{children:e("div",{className:"space-y-2",children:a.data?.items?.map((n,A)=>e(d,{variant:"outline",className:"w-full justify-start",onClick:n.action,children:s("div",{className:"text-left",children:[e("p",{className:"font-medium",children:n.label}),n.description&&e("p",{className:"text-xs text-muted-foreground",children:n.description})]})},A))})})]})},o):e("div",{className:"mb-2",children:s(f,{className:"w-full max-w-md",children:[e(y,{children:e(N,{className:"text-lg",children:m})}),e(v,{children:e("pre",{className:"text-sm",children:JSON.stringify(a.data,null,2)})})]})},o)}if(i.type==="reasoning")return s(Q,{className:"w-full",isStreaming:status==="streaming"&&o===t.parts.length-1&&t.id===b.at(-1)?.id,children:[e(X,{}),e(j,{children:i.text})]},`${t.id}-${o}`);if(i.type==="dynamic-tool")return s(Y,{defaultOpen:!0,children:[e(Z,{type:`tool-${i.toolName}`,state:i.state}),s(ee,{children:[e(te,{input:i.input}),e(ae,{output:i.output,errorText:i.errorText})]})]},`${t.id}-${o}`)})})]})};return s("div",{className:`h-full flex flex-col shadow-sm max-w-4xl mx-auto ${me||""}`,children:[s(K,{ref:ce,className:"flex-1 p-4 bg-background border-0",onDragOver:fe,onDragLeave:ve,onDrop:ge,children:[s("div",{className:p("space-y-4",oe&&"ring-2 ring-primary ring-offset-2 bg-primary/5"),children:[e(u.animate,{children:b.map(t=>e(u.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:p("flex gap-3",t.role==="user"?"flex-row-reverse":"flex-row"),children:Ne(t)},t.id))}),c&&s(u.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},className:"flex gap-3",children:[e(h,{className:"h-8 w-8",children:e(x,{className:"bg-gradient-to-br from-purple-600 to-blue-600 text-white",children:e(M,{className:"h-4 w-4"})})}),e("div",{className:"flex-1 bg-muted rounded-2xl px-4 py-3 shadow-sm",children:e(q,{capabilities:F,isOpen:c,onToggle:()=>g(!c),onActionSelect:D,className:"w-full"})})]}),C&&s(u.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},className:"flex gap-3",children:[e(h,{className:"h-8 w-8",children:e(x,{className:"bg-gradient-to-br from-purple-600 to-blue-600 text-white",children:e(M,{className:"h-4 w-4"})})}),e("div",{className:"bg-muted rounded-2xl px-4 py-3 shadow-sm",children:s("div",{className:"flex space-x-1",children:[e("div",{className:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce"}),e("div",{className:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce",style:{animationDelay:"0.1s"}}),e("div",{className:"w-2 h-2 bg-muted-foreground/50 rounded-full animate-bounce",style:{animationDelay:"0.2s"}})]})})]})]}),e("div",{ref:I})]}),w.length>0&&e("div",{className:"p-4 border-t bg-muted/10",children:e("div",{className:"flex flex-wrap gap-2",children:w.map(t=>s("div",{className:"flex items-center gap-2 bg-background rounded-lg p-2 border",children:[O(t.file.type),e("span",{className:"text-sm font-medium",children:t.file.name}),e("span",{className:"text-xs text-muted-foreground",children:ye(t.file.size)}),e(d,{variant:"ghost",size:"sm",onClick:()=>de(t.id),className:"h-6 w-6 p-0",children:e(we,{className:"h-4 w-4"})})]},t.id))})}),s("div",{className:"border rounded-2xl p-4 bg-muted/20",children:[s("div",{className:"flex gap-3",children:[e(U,{value:B,onChange:t=>re(t.target.value),onKeyPress:ne,placeholder:"How can I help you today?",className:"flex-1 rounded-2xl bg-background shadow-sm",disabled:C}),S&&e(d,{variant:"outline",size:"icon",onClick:()=>$.current?.click(),className:"rounded-2xl h-10 w-10 shadow-sm",children:e(Ce,{className:"h-4 w-4"})}),e(d,{onClick:le,disabled:!B.trim()&&w.length===0||C,size:"icon",className:"rounded-2xl h-10 w-10 shadow-sm",children:e(he,{className:"h-4 w-4"})})]}),s("div",{className:"flex items-center gap-3 mt-3",children:[s(d,{onClick:()=>g(!c),variant:"outline",size:"sm",className:"rounded-full text-xs flex-shrink-0",children:[e(be,{className:"h-3 w-3 mr-1"}),c?"Hide":"Show"," Capabilities"]}),s("div",{className:"flex flex-wrap gap-2 overflow-hidden",children:[H().map((t,r)=>e(d,{variant:"default",size:"sm",className:"rounded-full text-xs bg-accent hover:bg-accent/80",onClick:()=>D(t.id,z),children:t.label},`context-${t.id}`)),H().length===0&&ue().map((t,r)=>e(d,{variant:"outline",size:"sm",className:"rounded-full text-xs",onClick:t.action,children:t.label},`suggestion-${r}`))]})]}),S&&e("input",{ref:$,type:"file",multiple:!0,onChange:pe,className:"hidden"})]})]})}export{Xe as a};

package/dist/chunk-UGBDJDPW.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{a as n}from"./chunk-ZN7NNMB7.mjs";import{a as i,b as d,c}from"./chunk-YNCJATT7.mjs";import{b as m}from"./chunk-CSBGSBEU.mjs";import{a as s}from"./chunk-MDJREBVI.mjs";import{CheckCircleIcon as u,ChevronDownIcon as g,CircleIcon as f,ClockIcon as x,WrenchIcon as v,XCircleIcon as C}from"lucide-react";import{jsx as e,jsxs as r}from"react/jsx-runtime";var w=({className:t,...o})=>e(i,{className:s("not-prose mb-4 w-full rounded-md border",t),...o}),P=t=>{let o={"input-streaming":"Pending","input-available":"Running","output-available":"Completed","output-error":"Error"};return r(m,{className:"gap-1.5 rounded-full text-xs",variant:"secondary",children:[{"input-streaming":e(f,{className:"size-4"}),"input-available":e(x,{className:"size-4 animate-pulse"}),"output-available":e(u,{className:"size-4 text-green-600"}),"output-error":e(C,{className:"size-4 text-red-600"})}[t],o[t]]})},h=({className:t,type:o,state:a,...l})=>r(d,{className:s("flex w-full items-center justify-between gap-4 p-3",t),...l,children:[r("div",{className:"flex items-center gap-2",children:[e(v,{className:"size-4 text-muted-foreground"}),e("span",{className:"font-medium text-sm",children:o}),P(a)]}),e(g,{className:"size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180"})]}),U=({className:t,...o})=>e(c,{className:s("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in",t),...o}),z=({className:t,input:o,...a})=>r("div",{className:s("space-y-2 overflow-hidden p-4",t),...a,children:[e("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:"Parameters"}),e("div",{className:"rounded-md bg-muted/50",children:e(n,{code:JSON.stringify(o,null,2),language:"json"})})]}),O=({className:t,output:o,errorText:a,...l})=>{if(!(o||a))return null;let p=e("div",{children:o});return typeof o=="object"?p=e(n,{code:JSON.stringify(o,null,2),language:"json"}):typeof o=="string"&&(p=e(n,{code:o,language:"json"})),r("div",{className:s("space-y-2 p-4",t),...l,children:[e("h4",{className:"font-medium text-muted-foreground text-xs uppercase tracking-wide",children:a?"Error":"Result"}),r("div",{className:s("overflow-x-auto rounded-md text-xs [&_table]:w-full",a?"bg-destructive/10 text-destructive":"bg-muted/50 text-foreground"),children:[a&&e("div",{children:a}),p]})]})};export{w as a,h as b,U as c,z as d,O as e};

package/dist/chunk-ZN7NNMB7.mjs

@@ -1,4 +0,0 @@
-"use client";
-"use strict";
-
-import{b as l}from"./chunk-ZUA4KNIR.mjs";import{a as d}from"./chunk-MDJREBVI.mjs";import{CheckIcon as f,CopyIcon as v}from"lucide-react";import{createContext as y,useContext as b,useState as k}from"react";import{Prism as c}from"react-syntax-highlighter";import{oneDark as x,oneLight as B}from"react-syntax-highlighter/dist/esm/styles/prism";import{jsx as o,jsxs as N}from"react/jsx-runtime";var m=y({code:""}),I=({code:e,language:r,showLineNumbers:t=!1,className:i,children:n,...a})=>o(m.Provider,{value:{code:e},children:o("div",{className:d("relative w-full overflow-hidden rounded-md border bg-background text-foreground",i),...a,children:N("div",{className:"relative",children:[o(c,{className:"overflow-hidden dark:hidden",codeTagProps:{className:"font-mono text-sm"},customStyle:{margin:0,padding:"1rem",fontSize:"0.875rem",background:"hsl(var(--background))",color:"hsl(var(--foreground))"},language:r,lineNumberStyle:{color:"hsl(var(--muted-foreground))",paddingRight:"1rem",minWidth:"2.5rem"},showLineNumbers:t,style:B,children:e}),o(c,{className:"hidden overflow-hidden dark:block",codeTagProps:{className:"font-mono text-sm"},customStyle:{margin:0,padding:"1rem",fontSize:"0.875rem",background:"hsl(var(--background))",color:"hsl(var(--foreground))"},language:r,lineNumberStyle:{color:"hsl(var(--muted-foreground))",paddingRight:"1rem",minWidth:"2.5rem"},showLineNumbers:t,style:x,children:e}),n&&o("div",{className:"absolute top-2 right-2 flex items-center gap-2",children:n})]})})}),z=({onCopy:e,onError:r,timeout:t=2e3,children:i,className:n,...a})=>{let[p,s]=k(!1),{code:u}=b(m),g=async()=>{if(typeof window>"u"||!navigator.clipboard.writeText){r?.(new Error("Clipboard API not available"));return}try{await navigator.clipboard.writeText(u),s(!0),e?.(),setTimeout(()=>s(!1),t)}catch(C){r?.(C)}},h=p?f:v;return o(l,{className:d("shrink-0",n),onClick:g,size:"icon",variant:"ghost",...a,children:i??o(h,{size:14})})};export{I as a,z as b};

package/dist/components/Chat/ChatCardArtefact.mjs

@@ -1 +0,0 @@
-import{a}from"../../chunk-DBY4SXQI.mjs";import"../../chunk-YO3GQYRJ.mjs";import"../../chunk-EGEO3FNE.mjs";import"../../chunk-MDJREBVI.mjs";import"../../chunk-ZWHGOTSF.mjs";import"../../chunk-Q3G5UAAD.mjs";import"../../chunk-XGRRLABA.mjs";import"../../chunk-YEKQJ4YC.mjs";export{a as ChatCardArtefact};

package/dist/components/Chat/ChatCardTask.mjs

@@ -1 +0,0 @@
-import{a}from"../../chunk-I2PVJQQR.mjs";import"../../chunk-LTTO57ZK.mjs";import"../../chunk-CSBGSBEU.mjs";import"../../chunk-YO3GQYRJ.mjs";import"../../chunk-EGEO3FNE.mjs";import"../../chunk-MDJREBVI.mjs";import"../../chunk-ZWHGOTSF.mjs";import"../../chunk-Q3G5UAAD.mjs";import"../../chunk-XGRRLABA.mjs";import"../../chunk-YEKQJ4YC.mjs";export{a as ChatCardTask};