it-data-nexus-ui-library 2.4.19 → 2.5.0

package/dist/components/Charts/NexusBarChart.mjs

@@ -1 +1 @@
-import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t}from"react";import{useTheme as s,alpha as e}from"@mui/material/styles";import{getChartColours as i}from"../../theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{BarChart as a}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function l({slotProps:l,slots:m,title:n,description:c,actions:d,isLoading:f,isError:h,errorMessage:x,paperSx:u,...y}){const g=s(),C=i(g.palette.mode),j=t().replace(/:/g,""),z="horizontal"===y.layout,O=C.map((o,r)=>({id:`${j}bg${r}`,color:o}));return o(p,{title:n,description:c,actions:d,isLoading:f,isError:h,errorMessage:x,paperSx:u,children:o(a,{colors:O.map(({id:o})=>`url(#${o})`),...y,grid:{vertical:!0,horizontal:!0},slots:m,slotProps:{...l,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...l?.tooltip}},children:o("defs",{children:O.map(({id:t,color:s})=>r("linearGradient",z?{id:t,x1:"0",y1:"0",x2:"1",y2:"0",children:[o("stop",{offset:"0%",stopColor:e(s,.15)}),o("stop",{offset:"100%",stopColor:s,stopOpacity:1})]}:{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s,stopOpacity:1}),o("stop",{offset:"100%",stopColor:e(s,.15)})]},t))})})})}export{l as NexusBarChart};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t}from"react";import{useTheme as e,alpha as i}from"@mui/material/styles";import{getChartColours as s}from"../../theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{BarChart as a}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function l({slotProps:l,slots:d,title:n,titleHidden:m,description:c,actions:f,isLoading:h,isError:x,errorMessage:u,paperSx:y,...g}){const C=e(),j=s(C.palette.mode),z=t().replace(/:/g,""),O="horizontal"===g.layout,$=j.map((o,r)=>({id:`${z}bg${r}`,color:o}));return o(p,{title:n,titleHidden:m,description:c,actions:f,isLoading:h,isError:x,errorMessage:u,paperSx:y,children:o(a,{colors:$.map(({id:o})=>`url(#${o})`),...g,grid:{vertical:!0,horizontal:!0},slots:d,slotProps:{...l,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...l?.tooltip}},children:o("defs",{children:$.map(({id:t,color:e})=>r("linearGradient",O?{id:t,x1:"0",y1:"0",x2:"1",y2:"0",children:[o("stop",{offset:"0%",stopColor:i(e,.15)}),o("stop",{offset:"100%",stopColor:e,stopOpacity:1})]}:{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:e,stopOpacity:1}),o("stop",{offset:"100%",stopColor:i(e,.15)})]},t))})})})}export{l as NexusBarChart};

package/dist/components/NexusChat/ChatComponents/EmptyState.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as r}from"../../_Primitives/Box.mjs";import{Chip as i}from"../../_Primitives/Chip.mjs";import{H3 as l,Body1 as n}from"../../Typography.mjs";import m from"./ChatAvatar.mjs";import s from"./SuggestedPrompts.mjs";const o=({title:o,description:p,dataSources:a,prompts:c,avatarIcon:x,onSelect:f})=>e(r,{sx:{display:"flex",flex:1,flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2,px:2,py:6},children:[t(m,{size:"lg",icon:x}),e(r,{sx:{textAlign:"center",display:"flex",flexDirection:"column",gap:.5},children:[t(l,{children:o}),t(n,{children:p})]}),a&&a.length>0&&t(r,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",gap:.75,mt:1},children:a.map(e=>t(i,{label:e,size:"small"},e))}),c.length>0&&e(r,{sx:{mt:2},children:[t(n,{sx:{mb:1},children:"Try asking:"}),t(s,{prompts:c,onSelect:f})]})]});export{o as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Box as r}from"../../_Primitives/Box.mjs";import{Stack as i}from"../../_Primitives/Stack.mjs";import{Chip as n}from"../../_Primitives/Chip.mjs";import{H2 as m,H3 as o}from"../../Typography.mjs";import s from"./SuggestedPrompts.mjs";const l=({title:l,description:c,dataSources:p,prompts:a,onSelect:d})=>e(i,{direction:"column",sx:{alignItems:"center",justifyContent:"center",gap:3,p:2,flex:1},children:[e(i,{direction:"column",sx:{alignItems:"center",justifyContent:"center",gap:2},children:[t(m,{children:l}),t(o,{sx:{color:"text.secondary",textAlign:"center"},children:c})]}),p&&p.length>0&&t(r,{sx:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",gap:.75,mt:1},children:p.map(e=>t(n,{label:e,size:"small"},e))}),a.length>0&&t(r,{sx:{mt:2},children:t(s,{prompts:a,onSelect:d})})]});export{l as default};

package/dist/components/NexusChat/ChatHistoryButtonBase.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"@mui/icons-material/ChatBubbleOutlined";import t from"@mui/icons-material/DeleteForeverOutlined";import{Body1 as i,Caption as n}from"../Typography.mjs";import{GhostButton as a}from"../Buttons/GhostButton.mjs";import{Box as s}from"../_Primitives/Box.mjs";import{IconButton as l}from"../Buttons/IconButton.mjs";import{colours as m}from"../../theme/tokens.mjs";const d=(e,o)=>{const t=o?.trim();if(!t)return e;const i=new RegExp(`(${(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t)})`,"ig");return e.split(i).map((e,o)=>{if(!e)return null;return e.toLowerCase()===t.toLowerCase()?r(s,{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}-${o}`):e})},p=({conversation:p,isActive:c,highlightQuery:u,onSelectConversation:b,onDeleteConversation:h,deleteConversationTitle:g,formatMessageCount:x,showMessageCount:f=!1,sx:y})=>{const v=(e=>"number"==typeof e.messageCount?e.messageCount:Array.isArray(e.messages)?e.messages.length:0)(p);return e(s,{sx:[{position:"relative",mb:.25,"&:hover .delete-button":{visibility:"visible"}},...Array.isArray(y)?y:y?[y]:[]],children:[e(a,{onClick:()=>b(p.id),sx:{width:"100%",display:"flex",alignItems:"center",gap:1.25,borderRadius:1,px:1.5,py:1.25,pr:4.5,backgroundColor:c?e=>"dark"===e.palette.mode?m.black:m.white:"transparent",backgroundImage:"none",opacity:1,border:"1px solid",borderColor:c?m.primaryGreenActive:"transparent","&:hover":{backgroundColor:c?e=>"dark"===e.palette.mode?m.black:m.white:"action.hover",backgroundImage:"none"},"&:focus-visible":{boxShadow:e=>`0 0 0 2px ${e.palette.primary.main}`}},children:[r(o,{sx:{fontSize:14,color:c?m.primaryGreenActive:"text.disabled"}}),e(s,{sx:{flex:1,minWidth:0},children:[r(i,{component:"span",sx:{display:"block",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:c?"text.primary":"text.secondary"},children:d(p.title,u)}),f&&r(n,{noWrap:!0,sx:{display:"block"},children:x(v)})]})]}),r(s,{sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)"},children:r(l,{className:"delete-button",title:g,ariaLabel:g,onClick:e=>{e.stopPropagation(),h&&Promise.resolve(h(p.id))},disabled:!h,sx:{visibility:"hidden"},children:r(t,{sx:{fontSize:14,color:c?"error.main":"text.disabled"}})})})]})};export{p as ChatHistoryButtonBase};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"@mui/icons-material/ChatBubbleOutlined";import t from"@mui/icons-material/DeleteForeverOutlined";import{Body1 as i,Caption as n}from"../Typography.mjs";import{GhostButton as s}from"../Buttons/GhostButton.mjs";import{Box as a}from"../_Primitives/Box.mjs";import{IconButton as l}from"../Buttons/IconButton.mjs";import{colours as m}from"../../theme/tokens.mjs";const p=(e,o)=>{const t=o?.trim();if(!t)return e;const i=new RegExp(`(${(e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t)})`,"ig");return e.split(i).map((e,o)=>{if(!e)return null;return e.toLowerCase()===t.toLowerCase()?r(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}-${o}`):e})},d=({conversation:d,isActive:c,highlightQuery:u,onSelectConversation:b,onDeleteConversation:g,deleteConversationTitle:h,formatMessageCount:x,showMessageCount:f=!1,sx:y})=>{const v=(e=>"number"==typeof e.messageCount?e.messageCount:Array.isArray(e.messages)?e.messages.length:0)(d);return e(a,{sx:[{position:"relative",mb:.25,"&:hover .delete-button":{visibility:"visible"}},...Array.isArray(y)?y:y?[y]:[]],children:[e(s,{onClick:()=>b(d.id),sx:{width:"100%",display:"flex",alignItems:"center",gap:1.25,borderRadius:1,px:1.5,py:1.25,pr:4.5,backgroundColor:e=>e.palette.background.paper,backgroundImage:"none",opacity:1,border:"1px solid",borderColor:c?m.primaryGreenActive:"transparent","&:hover":{backgroundColor:e=>e.palette.background.paper,backgroundImage:"none"},"&:focus-visible":{boxShadow:e=>`0 0 0 2px ${e.palette.primary.main}`}},children:[r(o,{sx:{fontSize:14,color:c?m.primaryGreenActive:"text.disabled"}}),e(a,{sx:{flex:1,minWidth:0},children:[r(i,{component:"span",sx:{display:"block",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:c?"text.primary":"text.secondary"},children:p(d.title,u)}),f&&r(n,{noWrap:!0,sx:{display:"block"},children:x(v)})]})]}),r(a,{sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)"},children:r(l,{className:"delete-button",title:h,ariaLabel:h,onClick:e=>{e.stopPropagation(),g&&Promise.resolve(g(d.id))},disabled:!g,sx:{visibility:"hidden"},children:r(t,{sx:{fontSize:14,color:c?"error.main":"text.disabled"}})})})]})};export{d as ChatHistoryButtonBase};

package/dist/components/NexusChat/ChatInput.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useId as o,useState as i}from"react";import r from"@mui/icons-material/Send";import l from"@mui/icons-material/Stop";import{Box as n}from"../_Primitives/Box.mjs";import{IconButton as a}from"../Buttons/IconButton.mjs";import{Paper as s}from"../_Primitives/Paper.mjs";import{TextField as m}from"../_Primitives/TextField.mjs";import{colours as d}from"../../theme/tokens.mjs";const p=({onSend:p,disabled:c=!1,placeholder:u="Ask about campaigns, competitors, performance…",maxRows:f=5,sendButtonTitle:h="Send message",isStreaming:b=!1,onStop:x,stopButtonTitle:g="Stop generating",actions:v,value:S,onChange:y,inputRef:j,label:k="Message"})=>{const w=o(),[z,B]=i(""),R=void 0!==S,I=R?S:z,P=e=>{R?y?.(e):B(e)},C=d.jadeLight,T=d.black,D=()=>{const e=I.trim();e&&!c&&(p(e),P(""))};return e(n,{component:"form",onSubmit:e=>{e.preventDefault(),b||D()},sx:{display:"flex",alignItems:"center",gap:1},children:[t("label",{htmlFor:w,style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:0},children:k}),e(s,{variant:"outlined",sx:{display:"flex",flex:1,alignItems:"center",gap:1,px:1.5,py:.75,borderRadius:2,borderColor:"text.jades"},children:[t(m,{variant:"standard",fullWidth:!0,multiline:!0,minRows:1,maxRows:f,value:I,onChange:e=>P(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),b||D())},placeholder:u,disabled:c,inputRef:j,slotProps:{htmlInput:{id:w,"aria-label":u},input:{disableUnderline:!0}},sx:{"& .MuiInputBase-input":{p:.5,fontSize:"0.875rem",color:"text.primary",resize:"none","&::placeholder":{color:"text.disabled",opacity:1}}}}),v,t(a,b&&x?{type:"button",title:g,onClick:x,variant:"filled",size:"small",sx:{flexShrink:0,bgcolor:"error.main",color:"error.contrastText","&:hover":{bgcolor:"error.dark"}},children:t(l,{sx:{fontSize:13}})}:{type:"submit",title:h,disabled:!I.trim()||c,variant:"filled",size:"small",sx:{flexShrink:0,bgcolor:C,color:T,"&:hover":{bgcolor:d.jade},"&.Mui-disabled":{bgcolor:C,color:T,opacity:.4}},children:t(r,{sx:{fontSize:13}})})]})]})};export{p as ChatInput};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useId as o,useState as i}from"react";import r from"@mui/icons-material/Send";import l from"@mui/icons-material/Stop";import{Box as n}from"../_Primitives/Box.mjs";import{IconButton as a}from"../Buttons/IconButton.mjs";import{Paper as s}from"../_Primitives/Paper.mjs";import{TextField as m}from"../_Primitives/TextField.mjs";import{colours as d}from"../../theme/tokens.mjs";const p=({onSend:p,disabled:c=!1,placeholder:u="Ask about campaigns, performance…",maxRows:f=5,sendButtonTitle:h="Send message",isStreaming:b=!1,onStop:x,stopButtonTitle:g="Stop generating",actions:v,value:S,onChange:y,inputRef:j,label:k="Message"})=>{const w=o(),[z,B]=i(""),R=void 0!==S,I=R?S:z,P=e=>{R?y?.(e):B(e)},C=d.jadeLight,T=d.black,D=()=>{const e=I.trim();e&&!c&&(p(e),P(""))};return e(n,{component:"form",onSubmit:e=>{e.preventDefault(),b||D()},sx:{display:"flex",alignItems:"center",gap:1},children:[t("label",{htmlFor:w,style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap",border:0},children:k}),e(s,{variant:"outlined",sx:{display:"flex",flex:1,alignItems:"center",gap:1,px:1.5,py:.75,borderRadius:2,borderColor:"text.jades"},children:[t(m,{variant:"standard",fullWidth:!0,multiline:!0,minRows:1,maxRows:f,value:I,onChange:e=>P(e.target.value),onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||(e.preventDefault(),b||D())},placeholder:u,disabled:c,inputRef:j,slotProps:{htmlInput:{id:w,"aria-label":u},input:{disableUnderline:!0}},sx:{"& .MuiInputBase-input":{p:.5,fontSize:"0.875rem",color:"text.primary",resize:"none","&::placeholder":{color:"text.disabled",opacity:1}}}}),v,t(a,b&&x?{type:"button",title:g,onClick:x,variant:"filled",size:"small",sx:{flexShrink:0,bgcolor:"error.main",color:"error.contrastText","&:hover":{bgcolor:"error.dark"}},children:t(l,{sx:{fontSize:13}})}:{type:"submit",title:h,disabled:!I.trim()||c,variant:"filled",size:"small",sx:{flexShrink:0,bgcolor:C,color:T,"&:hover":{bgcolor:d.jade},"&.Mui-disabled":{bgcolor:C,color:T,opacity:.4}},children:t(r,{sx:{fontSize:13}})})]})]})};export{p as ChatInput};

package/dist/components/NexusChat/NexusChatDialog.mjs

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as i}from"react/jsx-runtime";import{useState as n}from"react";import{useTheme as t,useMediaQuery as r,Popover as l}from"@mui/material";import s from"@mui/icons-material/CloseFullscreen";import m from"@mui/icons-material/ExpandLess";import a from"@mui/icons-material/ExpandMore";import c from"@mui/icons-material/GridView";import p from"@mui/icons-material/History";import{ChatHistory as d}from"./ChatHistory.mjs";import{ChatInput as h}from"./ChatInput.mjs";import{Dialog as f}from"../_Primitives/Dialog.mjs";import{Box as x}from"../_Primitives/Box.mjs";import{Stack as u}from"../_Primitives/Stack.mjs";import{Paper as g}from"../_Primitives/Paper.mjs";import{IconButton as C}from"../Buttons/IconButton.mjs";import{AiChip as v}from"../AiChip.mjs";import{Caption as w,H1 as b,H2 as y}from"../Typography.mjs";import{AgentChatWindowHeader as S}from"./AgentChatWindowHeader.mjs";import"@mui/icons-material/Check";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/Download";import"@mui/material/styles";import"../../theme/tokens.mjs";import"./ChatComponents/ChatAvatar.mjs";import{chatWindowMarkdownComponents as j}from"./ChatComponents/MarkdownContent.mjs";import"@mui/icons-material/CheckCircle";import"@mui/icons-material/OpenInNew";import"../Code.mjs";import"@mui/icons-material/ThumbUp";import"@mui/icons-material/ThumbDown";import k from"./ChatComponents/SuggestedPrompts.mjs";import z from"./ChatComponents/MessageList.mjs";import I from"./WidgetParts/WidgetInput.mjs";function D({open:D,onClose:T,title:H="Ask Nexus",subtitle:P="Ready to help",placeholder:A,suggestedPrompts:E=[],showAiChip:O=!0,isTyping:N,messages:W,streamingText:B,liveTraceEvents:L,showActivity:R=!1,onSend:_,onStop:M,background:U,followUpPrompts:X,followUpLabel:$="Suggested follow-ups:",topOffset:F,conversations:G,activeConversationId:V,onSelectConversation:Y,onDeleteConversation:q,onNewConversation:J}){const K=t(),Q=r(K.breakpoints.down("md")),[Z,ee]=n(!0),[oe,ie]=n(!1),[ne,te]=n(!1),[re,le]=n(null),se=W.length>0||N,me=se&&X&&X.length>0,ae=!Q||Z,ce=void 0!==G;return e(f,{open:D,fullScreen:!0,onClose:T,sx:F?{top:`${F}px`}:void 0,children:o(x,{sx:{display:"flex",flexDirection:"column",height:F?`calc(100vh - ${F}px)`:"100vh",overflow:"hidden"},children:[o(x,{sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden"},children:[ce&&e(x,{sx:{display:{xs:"none",md:"flex"},flexDirection:"column",minHeight:0,flexShrink:0},children:e(d,{conversations:G,activeConversationId:V??null,onSelectConversation:Y??(()=>{}),onDeleteConversation:q,onNewConversation:J,isCollapsed:ne,onToggleCollapse:()=>te(e=>!e)})}),o(x,{sx:{display:"flex",flexDirection:"column",flex:1,minHeight:0,overflow:"hidden"},children:[o(x,{sx:{position:"relative",flexShrink:0},children:[e(S,{title:H,subtitle:P,showAiChip:!1,actions:Q?e(u,{}):o(u,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[O&&e(v,{}),e(C,{title:"Close full view",size:"small",onClick:T,children:e(s,{sx:{fontSize:16}})})]})}),Q&&o(u,{direction:"row",sx:{position:"absolute",top:6,right:4,alignItems:"center"},children:[ce&&e(C,{title:"Chat history",size:"small",onClick:()=>ie(e=>!e),children:e(p,{sx:{fontSize:18}})}),e(C,{title:"Close full view",size:"small",onClick:T,children:e(s,{sx:{fontSize:16}})})]})]}),o(x,{sx:{flex:1,minHeight:0,position:"relative",display:"flex",flexDirection:"column",overflow:"hidden"},children:[U&&e(x,{sx:{position:"absolute",inset:0,zIndex:0,overflow:"hidden",pointerEvents:"none"},children:U}),se?o(x,{sx:{position:"relative",zIndex:1,flex:1,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:[e(g,{sx:{borderRadius:0,border:"none",flex:1,minHeight:0,display:"flex",flexDirection:"column",overflowY:"auto"},children:e(z,{messages:W,isTyping:N,streamingText:B,liveTraceEvents:L,showActivity:R,markdownComponents:j})}),me&&o(x,{sx:{bgcolor:"background.paper",borderTop:"1px solid",borderColor:"divider",px:2,pt:1,pb:ae?.5:1,flexShrink:0},children:[o(u,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",mb:ae?.75:0},children:[e(w,{children:$}),Q&&e(C,{size:"small",onClick:()=>ee(e=>!e),title:Z?"Collapse suggestions":"Expand suggestions",children:e(Z?a:m,{sx:{fontSize:16}})})]}),ae&&e(k,{prompts:X,onSelect:_})]}),e(g,{sx:{borderRadius:0,border:"none"},children:e(I,{placeholder:A,isStreaming:N,onStop:M,onSend:_})})]}):o(g,{sx:{borderRadius:0,border:"none",flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",px:2,pb:4},children:[o(u,{direction:"column",sx:{gap:4,alignItems:"center"},children:[e(b,{children:H}),e(y,{sx:{color:"text.secondary"},children:P})]}),e(x,{sx:{mt:10,width:"70%",minWidth:"min(40vw, 100%)"},children:e(h,{onSend:_,isStreaming:N,onStop:M,placeholder:A,actions:E.length>0?o(i,{children:[e(C,{title:"Open prompt gallery",ariaLabel:"Open prompt gallery",size:"small",sx:{color:"text.jades"},onClick:e=>le(e.currentTarget),children:e(c,{sx:{fontSize:18}})}),e(l,{open:Boolean(re),anchorEl:re,onClose:()=>le(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"},children:e(x,{sx:{p:2,maxWidth:360},children:e(k,{prompts:E,onSelect:e=>{le(null),_(e)}})})})]}):void 0})})]})]})]})]}),ce&&Q&&o(i,{children:[oe&&e(x,{onClick:()=>ie(!1),sx:{position:"absolute",inset:0,zIndex:9,bgcolor:"rgba(0,0,0,0.45)"}}),e(x,{sx:{position:"absolute",top:0,left:0,bottom:0,width:288,zIndex:10,bgcolor:"background.paper",boxShadow:4,display:"flex",flexDirection:"column",overflow:"hidden",transform:oe?"translateX(0)":"translateX(-100%)",transition:"transform 0.25s ease"},children:e(d,{conversations:G,activeConversationId:V??null,onSelectConversation:e=>{Y?.(e),ie(!1)},onDeleteConversation:q,onNewConversation:J?()=>{J(),ie(!1)}:void 0,onClose:()=>ie(!1)})})]})]})})}export{D as NexusChatDialog};
+import{jsx as e,jsxs as o,Fragment as i}from"react/jsx-runtime";import{useState as n}from"react";import{useTheme as t,useMediaQuery as r,Popover as l}from"@mui/material";import s from"@mui/icons-material/CloseFullscreen";import m from"@mui/icons-material/ExpandLess";import a from"@mui/icons-material/ExpandMore";import p from"@mui/icons-material/GridView";import c from"@mui/icons-material/History";import{ChatHistory as d}from"./ChatHistory.mjs";import{ChatInput as h}from"./ChatInput.mjs";import{Dialog as f}from"../_Primitives/Dialog.mjs";import{Box as x}from"../_Primitives/Box.mjs";import{Stack as u}from"../_Primitives/Stack.mjs";import{Paper as g}from"../_Primitives/Paper.mjs";import{IconButton as C}from"../Buttons/IconButton.mjs";import{AiChip as v}from"../AiChip.mjs";import{Caption as w,H1 as b,H2 as y}from"../Typography.mjs";import{AgentChatWindowHeader as S}from"./AgentChatWindowHeader.mjs";import"@mui/icons-material/Check";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/Download";import"@mui/material/styles";import"../../theme/tokens.mjs";import"./ChatComponents/ChatAvatar.mjs";import{chatWindowMarkdownComponents as j}from"./ChatComponents/MarkdownContent.mjs";import"@mui/icons-material/CheckCircle";import"@mui/icons-material/OpenInNew";import"../Code.mjs";import"@mui/icons-material/ThumbUp";import"@mui/icons-material/ThumbDown";import k from"./ChatComponents/SuggestedPrompts.mjs";import z from"./ChatComponents/MessageList.mjs";import I from"./WidgetParts/WidgetInput.mjs";function D({open:D,onClose:T,title:H="Ask Nexus",subtitle:P="Ready to help",placeholder:A,suggestedPrompts:E=[],showAiChip:O=!0,isTyping:N,messages:W,streamingText:B,liveTraceEvents:L,showActivity:R=!1,onSend:_,onStop:M,background:U,followUpPrompts:X,followUpLabel:$="Suggested follow-ups:",topOffset:F,conversations:G,activeConversationId:V,onSelectConversation:Y,onDeleteConversation:q,onNewConversation:J}){const K=t(),Q=r(K.breakpoints.down("md")),[Z,ee]=n(!0),[oe,ie]=n(!1),[ne,te]=n(!1),[re,le]=n(null),se=W.length>0||N,me=se&&X&&X.length>0,ae=!Q||Z,pe=void 0!==G;return e(f,{open:D,fullScreen:!0,onClose:T,sx:F?{top:`${F}px`}:void 0,children:o(x,{sx:{display:"flex",flexDirection:"column",height:F?`calc(100vh - ${F}px)`:"100vh",overflow:"hidden"},children:[o(x,{sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden"},children:[pe&&e(x,{sx:{display:{xs:"none",md:"flex"},flexDirection:"column",minHeight:0,flexShrink:0},children:e(d,{conversations:G,activeConversationId:V??null,onSelectConversation:Y??(()=>{}),onDeleteConversation:q,onNewConversation:J,isCollapsed:ne,onToggleCollapse:()=>te(e=>!e)})}),o(x,{sx:{display:"flex",flexDirection:"column",flex:1,minHeight:0,overflow:"hidden"},children:[o(x,{sx:{position:"relative",flexShrink:0},children:[e(S,{title:H,subtitle:P,showAiChip:!1,actions:Q?e(u,{}):o(u,{direction:"row",spacing:1,sx:{alignItems:"center"},children:[O&&e(v,{}),e(C,{title:"Close full view",size:"small",onClick:T,children:e(s,{sx:{fontSize:16}})})]})}),Q&&o(u,{direction:"row",sx:{position:"absolute",top:6,right:4,alignItems:"center"},children:[pe&&e(C,{title:"Chat history",size:"small",onClick:()=>ie(e=>!e),children:e(c,{sx:{fontSize:18}})}),e(C,{title:"Close full view",size:"small",onClick:T,children:e(s,{sx:{fontSize:16}})})]})]}),o(x,{sx:{flex:1,minHeight:0,position:"relative",display:"flex",flexDirection:"column",overflow:"hidden"},children:[U&&e(x,{sx:{position:"absolute",inset:0,zIndex:0,overflow:"hidden",pointerEvents:"none"},children:U}),se?o(x,{sx:{position:"relative",zIndex:1,flex:1,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:[e(g,{elevation:0,sx:{borderRadius:0,border:"none",p:0,backgroundColor:"transparent",flex:1,minHeight:0,display:"flex",flexDirection:"column",overflowY:"auto"},children:e(z,{messages:W,isTyping:N,streamingText:B,liveTraceEvents:L,showActivity:R,markdownComponents:j})}),me&&o(x,{sx:{bgcolor:"background.paper",borderTop:"1px solid",borderColor:"divider",px:2,pt:1,pb:ae?.5:1,flexShrink:0},children:[o(u,{direction:"row",sx:{alignItems:"center",justifyContent:"space-between",mb:ae?.75:0},children:[e(w,{children:$}),Q&&e(C,{size:"small",onClick:()=>ee(e=>!e),title:Z?"Collapse suggestions":"Expand suggestions",children:e(Z?a:m,{sx:{fontSize:16}})})]}),ae&&e(k,{prompts:X,onSelect:_})]}),e(g,{elevation:0,sx:{borderRadius:0,border:"none",p:0},children:e(I,{placeholder:A,isStreaming:N,onStop:M,onSend:_})})]}):o(g,{sx:{borderRadius:0,border:"none",flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",px:2,pb:4},children:[o(u,{direction:"column",sx:{gap:4,alignItems:"center"},children:[e(b,{children:H}),e(y,{sx:{color:"text.secondary"},children:P})]}),e(x,{sx:{mt:10,width:"70%",minWidth:"min(40vw, 100%)"},children:e(h,{onSend:_,isStreaming:N,onStop:M,placeholder:A,actions:E.length>0?o(i,{children:[e(C,{title:"Open prompt gallery",ariaLabel:"Open prompt gallery",size:"small",sx:{color:"text.jades"},onClick:e=>le(e.currentTarget),children:e(p,{sx:{fontSize:18}})}),e(l,{open:Boolean(re),anchorEl:re,onClose:()=>le(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"bottom",horizontal:"left"},children:e(x,{sx:{p:2,maxWidth:360},children:e(k,{prompts:E,onSelect:e=>{le(null),_(e)}})})})]}):void 0})})]})]})]})]}),pe&&Q&&o(i,{children:[oe&&e(x,{onClick:()=>ie(!1),sx:{position:"absolute",inset:0,zIndex:9,bgcolor:"rgba(0,0,0,0.45)"}}),e(x,{sx:{position:"absolute",top:0,left:0,bottom:0,width:288,zIndex:10,bgcolor:"background.paper",boxShadow:4,display:"flex",flexDirection:"column",overflow:"hidden",transform:oe?"translateX(0)":"translateX(-100%)",transition:"transform 0.25s ease"},children:e(d,{conversations:G,activeConversationId:V??null,onSelectConversation:e=>{Y?.(e),ie(!1)},onDeleteConversation:q,onNewConversation:J?()=>{J(),ie(!1)}:void 0,onClose:()=>ie(!1)})})]})]})})}export{D as NexusChatDialog};

package/dist/components/NexusChat/NexusChatWidget.mjs

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{FABButton as o}from"./FABButton.mjs";import{GlassPaper as i}from"../GlassPaper.mjs";import a from"./WidgetParts/WidgetBody.mjs";import n from"./WidgetParts/WidgetHeader.mjs";import r from"./WidgetParts/WidgetInput.mjs";const m=["Summarise my latest data","What changed this week?","Show me the key trends","Help me understand my metrics"];function l({title:l="Ask Nexus",subtitle:d="Ready to help",fabLabel:p="Ask Nexus",avatarIcon:c,placeholder:x,emptyTitle:u="Ask Nexus",emptyDescription:g="Ask me anything about your data and I'll help you find answers.",dataSources:h,suggestedPrompts:f=m,isOpen:y,isTyping:v,messages:b,streamingText:S,liveTraceEvents:w,showActivity:T=!1,onOpen:P,onClose:A,onSend:I,onStop:W,onExpandToFullPage:j,hideFab:k=!1,placement:B="bottom-right"}){if(k)return null;return e(t,{children:[y&&e(i,{elevation:8,sx:{boxShadow:e=>e.shadows[2],borderRadius:3,position:"fixed",bottom:{xs:16,sm:24},..."bottom-left"===B?{left:{xs:16,sm:24}}:{right:{xs:16,sm:24}},zIndex:e=>e.zIndex.appBar+50,display:"flex",flexDirection:"column",width:{xs:"calc(100vw - 32px)",sm:380},maxHeight:{xs:"min(560px, calc(100dvh - 88px))",sm:"min(520px, calc(100dvh - 104px))"},overflow:"hidden",p:0,"& > div":{display:"flex",flexDirection:"column",flex:1,minHeight:0}},children:[s(n,{title:l,subtitle:d,onExpandToFullPage:j,onClose:A,avatarIcon:c}),s(a,{avatarIcon:c,isTyping:v,liveTraceEvents:w,messages:b,showActivity:T,streamingText:S,emptyTitle:u,emptyDescription:g,dataSources:h,suggestedPrompts:f,onSend:I}),s(r,{placeholder:x,isStreaming:v,onStop:W,onSend:I})]}),!y&&s(o,{onOpen:P,fabLabel:p,placement:B})]})}export{l as NexusChatWidget};
+import{jsxs as e,Fragment as t,jsx as s}from"react/jsx-runtime";import{FABButton as o}from"./FABButton.mjs";import{Paper as i}from"../_Primitives/Paper.mjs";import a from"./WidgetParts/WidgetBody.mjs";import n from"./WidgetParts/WidgetHeader.mjs";import r from"./WidgetParts/WidgetInput.mjs";const m=["Summarise my latest data","What changed this week?","Show me the key trends","Help me understand my metrics"];function d({title:d="Ask Nexus",subtitle:l="Ready to help",fabLabel:p="Ask Nexus",avatarIcon:c,placeholder:x,emptyTitle:h="Ask Nexus",emptyDescription:u="Ask me anything about your data and I'll help you find answers.",dataSources:g,suggestedPrompts:f=m,isOpen:y,isTyping:v,messages:b,streamingText:S,liveTraceEvents:w,showActivity:T=!1,onOpen:P,onClose:A,onSend:I,onStop:W,onExpandToFullPage:j,hideFab:k=!1,placement:B="bottom-right"}){if(k)return null;return e(t,{children:[y&&e(i,{elevation:8,sx:{boxShadow:e=>e.shadows[2],borderRadius:3,position:"fixed",bottom:{xs:16,sm:24},..."bottom-left"===B?{left:{xs:16,sm:24}}:{right:{xs:16,sm:24}},zIndex:e=>e.zIndex.appBar+50,display:"flex",flexDirection:"column",width:{xs:"calc(100vw - 32px)",sm:380},height:{xs:"min(560px, calc(100dvh - 88px))",sm:"min(520px, calc(100dvh - 104px))"},overflow:"hidden",p:0},children:[s(n,{title:d,subtitle:l,onExpandToFullPage:j,onClose:A,avatarIcon:c}),s(a,{avatarIcon:c,isTyping:v,liveTraceEvents:w,messages:b,showActivity:T,streamingText:S,emptyTitle:h,emptyDescription:u,dataSources:g,suggestedPrompts:f,onSend:I}),s(r,{placeholder:x,isStreaming:v,onStop:W,onSend:I})]}),!y&&s(o,{onOpen:P,fabLabel:p,placement:B})]})}export{d as NexusChatWidget};

package/dist/components/NexusChat/WidgetParts/WidgetBody.mjs

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Box as i}from"../../_Primitives/Box.mjs";import"react";import"@mui/icons-material/Check";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/Download";import"@mui/material";import"@mui/material/styles";import"../../../theme/tokens.mjs";import"../ChatComponents/ChatAvatar.mjs";import"react-markdown";import"remark-gfm";import"../../Typography.mjs";import"../../Code.mjs";import"@mui/icons-material/ExpandMore";import"@mui/icons-material/ExpandLess";import"@mui/icons-material/CheckCircle";import"@mui/icons-material/OpenInNew";import"@mui/icons-material/ThumbUp";import"@mui/icons-material/ThumbDown";import m from"../ChatComponents/MessageList.mjs";import e from"../ChatComponents/EmptyState.mjs";const o=({avatarIcon:o,isTyping:r,liveTraceEvents:a,messages:s,showActivity:n,streamingText:p,emptyTitle:c,emptyDescription:l,dataSources:u,suggestedPrompts:h,onSend:d})=>{const g=s.length>0||r;return t(i,{sx:{flex:1,minHeight:0,display:"flex",flexDirection:"column",overflowY:"auto"},children:g?t(m,{messages:s,isTyping:r,streamingText:p,liveTraceEvents:a,avatarIcon:o,showActivity:n,compact:!0}):t(e,{title:c,description:l,dataSources:u,prompts:h.slice(0,4),avatarIcon:o,onSelect:d})})};export{o as default};
+import{jsx as t}from"react/jsx-runtime";import{Box as i}from"../../_Primitives/Box.mjs";import"react";import"@mui/icons-material/Check";import"@mui/icons-material/ContentCopy";import"@mui/icons-material/Download";import"@mui/material";import"@mui/material/styles";import"../../../theme/tokens.mjs";import"../ChatComponents/ChatAvatar.mjs";import"react-markdown";import"remark-gfm";import"../../Typography.mjs";import"../../Code.mjs";import"@mui/icons-material/ExpandMore";import"@mui/icons-material/ExpandLess";import"@mui/icons-material/CheckCircle";import"@mui/icons-material/OpenInNew";import"@mui/icons-material/ThumbUp";import"@mui/icons-material/ThumbDown";import m from"../ChatComponents/MessageList.mjs";import e from"../ChatComponents/EmptyState.mjs";const o=({avatarIcon:o,isTyping:r,liveTraceEvents:a,messages:s,showActivity:n,streamingText:p,emptyTitle:c,emptyDescription:l,dataSources:u,suggestedPrompts:h,onSend:d})=>{const g=s.length>0||r;return t(i,{sx:{flex:"1 1 0",minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:g?t(m,{messages:s,isTyping:r,streamingText:p,liveTraceEvents:a,avatarIcon:o,showActivity:n,compact:!0}):t(e,{title:c,description:l,dataSources:u,prompts:h.slice(0,4),avatarIcon:o,onSelect:d})})};export{o as default};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.4.19";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.5.0";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -397,7 +397,7 @@ interface EmptyStateProps {
     avatarIcon?: React.ReactNode;
     onSelect: (prompt: string) => void;
 }
-declare const EmptyState: ({ title, description, dataSources, prompts, avatarIcon, onSelect, }: EmptyStateProps) => react.JSX.Element;
+declare const EmptyState: ({ title, description, dataSources, prompts, onSelect, }: EmptyStateProps) => react.JSX.Element;
 
 interface SourceCitationsProps {
     sources: string[];
@@ -1205,7 +1205,7 @@ type NexusLineChartProps = Omit<LineChartProps, "colors"> & ChartAsyncProps & {
 declare function NexusLineChart({ sx, xAxis, grid, series, slots, slotProps, children, title, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusLineChartProps): react.JSX.Element;
 
 type NexusBarChartProps = Omit<BarChartProps, "colors"> & ChartAsyncProps;
-declare function NexusBarChart({ slotProps, slots, title, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusBarChartProps): react.JSX.Element;
+declare function NexusBarChart({ slotProps, slots, title, titleHidden, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusBarChartProps): react.JSX.Element;
 
 type NexusPieChartProps = Omit<PieChartProps, "colors"> & ChartAsyncProps;
 declare function NexusPieChart({ slotProps, slots, title, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusPieChartProps): react.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "it-data-nexus-ui-library",
-  "version": "2.4.19",
+  "version": "2.5.0",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",