sage-nexus-ui 1.9.1 → 1.9.2

package/dist/components/ChatHistory.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Caption as t}from"./Typography.mjs";import{Box as r}from"./Box.mjs";import{Stack as n}from"./Stack.mjs";import{ChatHistoryHeader as i}from"./ChatHistoryHeader.mjs";import{ChatHistoryButtonBase as a}from"./ChatHistoryButtonBase.mjs";const s=({conversations:s,activeConversationId:c,onSelectConversation:l,onDeleteConversation:h,onNewConversation:m,onSearchChange:d,title:C="Chat history",emptyText:v="No conversations yet",newChatTitle:p="New chat",deleteConversationTitle:y="Delete conversation",searchPlaceholder:f="Search chat histories",searchDebounceMs:x=300,width:g=288,sx:u,formatMessageCount:w=e=>`${e} messages`})=>e(n,{direction:"column",sx:[{width:g,borderRight:1,borderColor:"divider",minWidth:0},...Array.isArray(u)?u:u?[u]:[]],children:[o(i,{title:C,newChatTitle:p,onNewConversation:m,onSearchChange:d,searchPlaceholder:f,searchDebounceMs:x}),o(r,{component:"nav","aria-label":C,sx:{flex:1,overflowY:"auto",p:1},children:0===s.length?o(t,{sx:{display:"block",textAlign:"center",py:4},children:v}):s.map(e=>{const t=e.id===c;return o(a,{conversation:e,isActive:t,onSelectConversation:l,onDeleteConversation:h,deleteConversationTitle:y,formatMessageCount:w},e.id)})})]});export{s as ChatHistory};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useCallback as r}from"react";import{Caption as n}from"./Typography.mjs";import{Box as i}from"./Box.mjs";import{Stack as a}from"./Stack.mjs";import{ChatHistoryHeader as s}from"./ChatHistoryHeader.mjs";import{ChatHistoryButtonBase as c}from"./ChatHistoryButtonBase.mjs";const h=({conversations:h,activeConversationId:l,onSelectConversation:m,onDeleteConversation:d,onNewConversation:C,onSearchChange:v,title:p="Chat history",emptyText:y="No conversations yet",newChatTitle:f="New chat",deleteConversationTitle:g="Delete conversation",searchPlaceholder:u="Search chat histories",searchDebounceMs:x=300,width:w=288,sx:b,formatMessageCount:j=e=>`${e} messages`})=>{const[S,T]=t(""),D=r(e=>{T(e),v?.(e)},[v]);return e(a,{direction:"column",sx:[{width:w,borderRight:1,borderColor:"divider",minWidth:0},...Array.isArray(b)?b:b?[b]:[]],children:[o(s,{title:p,newChatTitle:f,onNewConversation:C,onSearchChange:D,searchPlaceholder:u,searchDebounceMs:x}),o(i,{component:"nav","aria-label":p,sx:{flex:1,overflowY:"auto",p:1},children:0===h.length?o(n,{sx:{display:"block",textAlign:"center",py:4},children:y}):h.map(e=>{const t=e.id===l;return o(c,{conversation:e,isActive:t,highlightQuery:S,onSelectConversation:m,onDeleteConversation:d,deleteConversationTitle:g,formatMessageCount:j},e.id)})})]})};export{h as ChatHistory};

package/dist/components/ChatHistoryButtonBase.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"@mui/icons-material/ChatBubbleOutlined";import r from"@mui/icons-material/DeleteForeverOutlined";import{Body1 as i,Caption as n}from"./Typography.mjs";import{Box as a}from"./Box.mjs";import{IconButton as l}from"./IconButton.mjs";import{colours as s}from"../theme/tokens.mjs";const m=({conversation:m,isActive:d,onSelectConversation:p,onDeleteConversation:c,deleteConversationTitle:b,formatMessageCount:x})=>{const u=(e=>"number"==typeof e.messageCount?e.messageCount:Array.isArray(e.messages)?e.messages.length:0)(m);return e(a,{component:"div",role:"button",tabIndex:0,onClick:()=>p(m.id),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p(m.id))},sx:{width:"100%",display:"flex",alignItems:"center",gap:1.25,borderRadius:1,px:1.5,py:1.25,textAlign:"left",backgroundColor:d?e=>"dark"===e.palette.mode?s.black:s.white:"transparent",backgroundImage:"none",opacity:1,position:"relative",zIndex:1,border:"1px solid",borderColor:d?s.primaryGreenActive:"transparent",cursor:"pointer",outline:"none","&:hover":{backgroundColor:d?e=>"dark"===e.palette.mode?s.black:s.white:"action.hover",backgroundImage:"none"},"&:focus-visible":{boxShadow:e=>`0 0 0 2px ${e.palette.primary.main}`},mb:.25},children:[o(t,{sx:{fontSize:14,color:d?s.primaryGreenActive:"text.disabled"}}),e(a,{sx:{flex:1,minWidth:0},children:[o(i,{component:"span",sx:{display:"block",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:d?"text.primary":"text.secondary"},children:m.title}),o(n,{noWrap:!0,sx:{display:"block"},children:x(u)})]}),o(l,{title:b,ariaLabel:b,onClick:e=>{e.stopPropagation(),c&&Promise.resolve(c(m.id))},disabled:!c,children:o(r,{sx:{fontSize:14,color:d?"error.main":"text.disabled"}})})]})};export{m as ChatHistoryButtonBase};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import r from"@mui/icons-material/ChatBubbleOutlined";import t from"@mui/icons-material/DeleteForeverOutlined";import{Body1 as n,Caption as i}from"./Typography.mjs";import{Box as a}from"./Box.mjs";import{IconButton as l}from"./IconButton.mjs";import{colours as s}from"../theme/tokens.mjs";const m=(e,r)=>{const t=r?.trim();if(!t)return e;const n=new RegExp(`(${(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t)})`,"ig");return e.split(n).map((e,r)=>{if(!e)return null;return e.toLowerCase()===t.toLowerCase()?o(a,{component:"mark",sx:{backgroundColor:e=>"dark"===e.palette.mode?"rgba(255, 214, 10, 0.35)":"rgba(255, 214, 10, 0.45)",color:"inherit",borderRadius:.5,px:.25,py:0},children:e},`${e}-${r}`):e})},p=({conversation:p,isActive:d,highlightQuery:c,onSelectConversation:u,onDeleteConversation:b,deleteConversationTitle:g,formatMessageCount:x})=>{const h=(e=>"number"==typeof e.messageCount?e.messageCount:Array.isArray(e.messages)?e.messages.length:0)(p);return e(a,{component:"div",role:"button",tabIndex:0,onClick:()=>u(p.id),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u(p.id))},sx:{width:"100%",display:"flex",alignItems:"center",gap:1.25,borderRadius:1,px:1.5,py:1.25,textAlign:"left",backgroundColor:d?e=>"dark"===e.palette.mode?s.black:s.white:"transparent",backgroundImage:"none",opacity:1,position:"relative",zIndex:1,border:"1px solid",borderColor:d?s.primaryGreenActive:"transparent",cursor:"pointer",outline:"none","&:hover":{backgroundColor:d?e=>"dark"===e.palette.mode?s.black:s.white:"action.hover",backgroundImage:"none"},"&:focus-visible":{boxShadow:e=>`0 0 0 2px ${e.palette.primary.main}`},mb:.25},children:[o(r,{sx:{fontSize:14,color:d?s.primaryGreenActive:"text.disabled"}}),e(a,{sx:{flex:1,minWidth:0},children:[o(n,{component:"span",sx:{display:"block",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:d?"text.primary":"text.secondary"},children:m(p.title,c)}),o(i,{noWrap:!0,sx:{display:"block"},children:x(h)})]}),o(l,{title:g,ariaLabel:g,onClick:e=>{e.stopPropagation(),b&&Promise.resolve(b(p.id))},disabled:!b,children:o(t,{sx:{fontSize:14,color:d?"error.main":"text.disabled"}})})]})};export{p as ChatHistoryButtonBase};

package/dist/components/NexusChatWidget/AgentActivity/AgentActivityHeader.mjs

@@ -1 +1 @@
-import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Body1 as o}from"../../Typography.mjs";import{Box as r}from"../../Box.mjs";import{ButtonBase as n}from"../../ButtonBase.mjs";import{Chip as s}from"../../Chip.mjs";import{LoadingSpinnerNexus as t}from"../../LoadingSpinnerNexus.mjs";import{Stack as m}from"../../Stack.mjs";import{colours as l}from"../../../theme/tokens.mjs";import a from"@mui/icons-material/CheckCircle";import c from"@mui/icons-material/ExpandMore";import p from"@mui/icons-material/ExpandLess";const d=({isStreaming:d,thinkingSteps:x,kbSearches:f,toolCalls:h,isExpanded:g,setIsExpanded:j})=>i(n,{onClick:()=>j(i=>!i),sx:{width:"100%"},children:e(m,{direction:"column",spacing:1,sx:{width:"100%"},children:[e(m,{direction:"row",sx:{justifyContent:"space-between"},children:[e(m,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[d?i(t,{variant:"small"}):i(a,{sx:{color:l.jade,fontSize:16}}),i(o,{children:d?"Agent is typing...":"Response generated"})]}),i(r,g?{sx:{display:"inline-flex",color:"text.secondary"},children:i(p,{sx:{fontSize:14}})}:{sx:{display:"inline-flex",color:"text.secondary"},children:i(c,{sx:{fontSize:14}})})]}),e(m,{direction:"row",spacing:1,children:[x>0&&i(s,{size:"small",label:`${x} thinking`}),f>0&&i(s,{size:"small",label:`${f} KB`}),h>0&&i(s,{size:"small",label:`${h} tools`})]})]})});export{d as default};
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Body1 as o}from"../../Typography.mjs";import{Box as r}from"../../Box.mjs";import{ButtonBase as n}from"../../ButtonBase.mjs";import{Chip as s}from"../../Chip.mjs";import{LoadingSpinnerNexus as t}from"../../LoadingSpinnerNexus.mjs";import{Stack as m}from"../../Stack.mjs";import{colours as l}from"../../../theme/tokens.mjs";import a from"@mui/icons-material/CheckCircle";import c from"@mui/icons-material/ExpandMore";import d from"@mui/icons-material/ExpandLess";const p=({isStreaming:p,thinkingSteps:x,kbSearches:f,toolCalls:h,isExpanded:g,setIsExpanded:j})=>i(n,{onClick:()=>j(i=>!i),sx:{width:"100%"},children:e(m,{direction:"column",spacing:1,sx:{width:"100%"},children:[e(m,{direction:"row",sx:{justifyContent:"space-between"},children:[e(m,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[p?i(t,{variant:"small"}):i(a,{sx:{color:l.jade,fontSize:16}}),i(o,{children:p?"Agent is working...":"Response generated"})]}),i(r,g?{sx:{display:"inline-flex",color:"text.secondary"},children:i(d,{sx:{fontSize:14}})}:{sx:{display:"inline-flex",color:"text.secondary"},children:i(c,{sx:{fontSize:14}})})]}),e(m,{direction:"row",spacing:1,children:[x>0&&i(s,{size:"small",label:`${x} thinking`}),f>0&&i(s,{size:"small",label:`${f} KB`}),h>0&&i(s,{size:"small",label:`${h} tools`})]})]})});export{p as default};

package/dist/components/NexusChatWidget/ChatComponents/StreamingBubble.mjs

@@ -1 +1 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import e from"@mui/icons-material/StopCircle";import i from"../AgentActivity/AgentActivity.mjs";import{Box as o}from"../../Box.mjs";import{Stack as n}from"../../Stack.mjs";import{ButtonBase as a}from"../../ButtonBase.mjs";import{Caption as m}from"../../Typography.mjs";import s from"./ChatAvatar.mjs";import c from"./MarkdownContent.mjs";import{latestTraceLabel as l}from"./latestTraceLabel.mjs";const p=({text:p,traceEvents:d,avatarIcon:g,onAbort:f,showActivity:x=!1})=>r(n,{direction:"row",spacing:1,sx:{justifyContent:"flex-start"},children:[t(s,{icon:g,sx:{mt:.25}}),r(n,{spacing:1,children:[p?r(o,{sx:{borderRadius:" 0.25rem 1rem 1rem 1rem",border:"1px solid",borderColor:"primary.light",bgcolor:"background.default",color:"text.primary",px:1.75,py:1.25,lineHeight:1.6},children:[t(c,{content:p}),t(o,{sx:{display:"inline-block",height:16,bgcolor:"primary.main",verticalAlign:"text-bottom",animation:"pulse 1.2s ease-in-out infinite","@keyframes pulse":{"0%, 100%":{opacity:.35},"50%":{opacity:1}}}})]}):t(o,{sx:{borderRadius:"1rem 1rem 1rem 0.25rem",border:"1px solid",borderColor:"divider",bgcolor:"background.default",px:1.75,py:1.25},children:t(n,{direction:"row",spacing:1,sx:{alignItems:"center"},children:r(n,{direction:"row",spacing:.5,children:[" ",t(m,{children:d.length>0?`Agent is typing... ${l(d)}`:"Agent is typing"}),[0,150,300].map(r=>t(o,{component:"span",sx:{bgcolor:"primary.main",animation:"bounce 1s ease-in-out infinite",animationDelay:`${r}ms`,"@keyframes bounce":{"0%, 80%, 100%":{opacity:.35,transform:"translateY(0)"},"40%":{opacity:1,transform:"translateY(-1px)"}}}},r))]})})}),x&&t(i,{isStreaming:!0,traceEvents:d,defaultExpanded:!0}),f&&r(a,{onClick:f,sx:{display:"inline-flex",alignItems:"center",gap:.5,fontSize:"0.625rem",color:"text.secondary","&:hover":{color:"error.main"},borderRadius:.5,px:.5},children:[t(e,{sx:{fontSize:11}}),"Stop generating"]})]})]});export{p as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"@mui/icons-material/StopCircle";import t from"../AgentActivity/AgentActivity.mjs";import{Box as i}from"../../Box.mjs";import{Stack as n}from"../../Stack.mjs";import{ButtonBase as a}from"../../ButtonBase.mjs";import{Caption as m}from"../../Typography.mjs";import s from"./ChatAvatar.mjs";import c from"./MarkdownContent.mjs";import{latestTraceLabel as l}from"./latestTraceLabel.mjs";const p=({text:p,traceEvents:d,avatarIcon:g,onAbort:f,showActivity:x=!1})=>r(n,{direction:"row",spacing:1,sx:{justifyContent:"flex-start"},children:[e(s,{icon:g,sx:{mt:.25}}),r(n,{spacing:1,children:[p?r(i,{sx:{borderRadius:" 0.25rem 1rem 1rem 1rem",border:"1px solid",borderColor:"primary.light",bgcolor:"background.default",color:"text.primary",px:1.75,py:1.25,lineHeight:1.6},children:[e(c,{content:p}),e(i,{sx:{display:"inline-block",height:16,bgcolor:"primary.main",verticalAlign:"text-bottom",animation:"pulse 1.2s ease-in-out infinite","@keyframes pulse":{"0%, 100%":{opacity:.35},"50%":{opacity:1}}}})]}):e(i,{sx:{borderRadius:"1rem 1rem 1rem 0.25rem",border:"1px solid",borderColor:"divider",bgcolor:"background.default",px:1.75,py:1.25},children:e(n,{direction:"row",spacing:1,sx:{alignItems:"center"},children:r(n,{direction:"row",spacing:.5,children:[" ",e(m,{children:d.length>0?`Agent is working... ${l(d)}`:"Agent is working..."}),[0,150,300].map(r=>e(i,{component:"span",sx:{bgcolor:"primary.main",animation:"bounce 1s ease-in-out infinite",animationDelay:`${r}ms`,"@keyframes bounce":{"0%, 80%, 100%":{opacity:.35,transform:"translateY(0)"},"40%":{opacity:1,transform:"translateY(-1px)"}}}},r))]})})}),x&&e(t,{isStreaming:!0,traceEvents:d,defaultExpanded:!0}),f&&r(a,{onClick:f,sx:{display:"inline-flex",alignItems:"center",gap:.5,fontSize:"0.625rem",color:"text.secondary","&:hover":{color:"error.main"},borderRadius:.5,px:.5},children:[e(o,{sx:{fontSize:11}}),"Stop generating"]})]})]});export{p as default};

package/dist/components/NexusChatWidget/ChatComponents/TypingIndicator.mjs

@@ -1 +1 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Box as t}from"../../Box.mjs";import{Stack as e}from"../../Stack.mjs";import{Body2 as i}from"../../Typography.mjs";import{colours as a}from"../../../theme/tokens.mjs";import n from"./ChatAvatar.mjs";const m=({traceLabel:m,avatarIcon:s})=>r(e,{direction:"row",spacing:1,sx:{alignItems:"flex-start"},children:[o(n,{icon:s,sx:{mt:.25}}),o(t,{sx:{borderRadius:"1rem 1rem 1rem 0.25rem",border:"1px solid",borderColor:"divider",bgcolor:"background.default",px:1.75,py:1.25},children:r(e,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[o(i,{sx:{color:"text.primary",fontWeight:600,opacity:1},children:m?`Agent is typing... ${m}`:"Agent is typing"}),o(e,{direction:"row",spacing:.5,children:[0,150,300].map(r=>o(t,{component:"span",sx:{width:6,height:6,borderRadius:"50%",bgcolor:a.jade,animation:"bounce 1s ease-in-out infinite",animationDelay:`${r}ms`,"@keyframes bounce":{"0%, 80%, 100%":{opacity:.35,transform:"translateY(0)"},"40%":{opacity:1,transform:"translateY(-1px)"}}}},r))})]})})]});export{m as default};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Box as t}from"../../Box.mjs";import{Stack as e}from"../../Stack.mjs";import{Body2 as i}from"../../Typography.mjs";import{colours as a}from"../../../theme/tokens.mjs";import n from"./ChatAvatar.mjs";const m=({traceLabel:m,avatarIcon:s})=>r(e,{direction:"row",spacing:1,sx:{alignItems:"flex-start"},children:[o(n,{icon:s,sx:{mt:.25}}),o(t,{sx:{borderRadius:"1rem 1rem 1rem 0.25rem",border:"1px solid",borderColor:"divider",bgcolor:"background.default",px:1.75,py:1.25},children:r(e,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[o(i,{sx:{color:"text.primary",fontWeight:600,opacity:1},children:m?`Agent is working... ${m}`:"Agent is working..."}),o(e,{direction:"row",spacing:.5,children:[0,150,300].map(r=>o(t,{component:"span",sx:{width:6,height:6,borderRadius:"50%",bgcolor:a.jade,animation:"bounce 1s ease-in-out infinite",animationDelay:`${r}ms`,"@keyframes bounce":{"0%, 80%, 100%":{opacity:.35,transform:"translateY(0)"},"40%":{opacity:1,transform:"translateY(-1px)"}}}},r))})]})})]});export{m as default};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="1.9.1";export{o as SAGE_NEXUS_UI_VERSION};
+const o="1.9.2";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -342,12 +342,13 @@ declare const ChatHistoryHeader: ({ title, newChatTitle, onNewConversation, onSe
 interface ChatHistoryButtonBaseProps {
     conversation: ChatHistoryConversation;
     isActive: boolean;
+    highlightQuery?: string;
     onSelectConversation: (id: string) => void;
     onDeleteConversation?: (id: string) => void | Promise<boolean>;
     deleteConversationTitle: string;
     formatMessageCount: (count: number) => string;
 }
-declare const ChatHistoryButtonBase: ({ conversation, isActive, onSelectConversation, onDeleteConversation, deleteConversationTitle, formatMessageCount, }: ChatHistoryButtonBaseProps) => react_jsx_runtime.JSX.Element;
+declare const ChatHistoryButtonBase: ({ conversation, isActive, highlightQuery, onSelectConversation, onDeleteConversation, deleteConversationTitle, formatMessageCount, }: ChatHistoryButtonBaseProps) => react_jsx_runtime.JSX.Element;
 
 declare const Chip: (props: ChipProps) => react_jsx_runtime.JSX.Element;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sage-nexus-ui",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",