@flowfuse/flowfuse/frontend/dist/app/39.aabcfa36578b85cd171f.js

An open source low-code development platform

"use strict";(self.webpackChunk_flowfuse_flowfuse=self.webpackChunk_flowfuse_flowfuse||[]).push([[39,650],{33039:function(e,t,s){s.d(t,{default:function(){return S}});var o=s(41425);const a={ref:"drawer",class:"ff-expert-drawer","data-el":"expert-drawer",tabindex:"-1"},n={class:"header"},r={key:0,class:"agent-mode"},l={class:"header-actions"},i=["title"];var c=s(9600),d=s(99455),m=s(20563),u=s(10810),p=s(18779),h=s(46650),g=s(96836),f=s(96825),v=s(28409),k={name:"ExpertDrawer",components:{ToggleButtonGroup:p.A,ExpertPanel:h.default,XIcon:c.A,LockClosedIcon:d.A,LockOpenIcon:m.A},inject:["togglePinWithWidth","shouldAllowPinning"],computed:{...(0,u.aH)(v.W,["rightDrawer"]),...(0,u.aH)(f.i,["agentMode"]),...(0,u.aH)(g.n,["features"]),agentModeButtons(){return[{title:"Support",value:"support-agent"},{title:"Insights",value:"insights-agent"}]},isInsightsModeEnabled(){return!!this.features.expertInsights},isPinned(){return this.rightDrawer.fixed},agentModeWrapper:{get(){return this.agentMode},set(e){this.setAgentMode(e)}}},mounted(){setTimeout(()=>{this.$refs.drawer?.focus()},350)},methods:{...(0,u.i0)(v.W,["closeRightDrawer"]),...(0,u.i0)(f.i,["setAgentMode"]),closeDrawer(){this.closeRightDrawer()},togglePin(){this.togglePinWithWidth()}}},S=(0,s(66262).A)(k,[["render",function(e,t,s,c,d,m){const u=(0,o.resolveComponent)("toggle-button-group"),p=(0,o.resolveComponent)("LockClosedIcon"),h=(0,o.resolveComponent)("LockOpenIcon"),g=(0,o.resolveComponent)("XIcon"),f=(0,o.resolveComponent)("ExpertPanel");return(0,o.openBlock)(),(0,o.createElementBlock)("div",a,[(0,o.createElementVNode)("div",n,[t[3]||(t[3]=(0,o.createElementVNode)("div",{class:"flex items-center gap-1.5"},[(0,o.createElementVNode)("img",{src:"/ff-minimal-red.svg",alt:"FlowFuse",class:"w-5 h-5 flex-shrink-0"}),(0,o.createElementVNode)("h2",{class:"title"},"Expert")],-1)),m.isInsightsModeEnabled?((0,o.openBlock)(),(0,o.createElementBlock)("div",r,[(0,o.createVNode)(u,{modelValue:m.agentModeWrapper,"onUpdate:modelValue":t[0]||(t[0]=e=>m.agentModeWrapper=e),buttons:m.agentModeButtons,usesLinks:!1,"visually-hide-title":!0},null,8,["modelValue","buttons"])])):(0,o.createCommentVNode)("v-if",!0),(0,o.createElementVNode)("div",l,[m.shouldAllowPinning()?((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:0,class:(0,o.normalizeClass)(["header-button pin-button",{"is-pinned":m.isPinned}]),title:m.isPinned?"Unpin drawer":"Pin drawer open","data-el":"expert-drawer-pin-button",onClick:t[1]||(t[1]=(...e)=>m.togglePin&&m.togglePin(...e))},[m.isPinned?((0,o.openBlock)(),(0,o.createBlock)(p,{key:0,class:"ff-icon"})):((0,o.openBlock)(),(0,o.createBlock)(h,{key:1,class:"ff-icon"}))],10,i)):(0,o.createCommentVNode)("v-if",!0),(0,o.createElementVNode)("button",{class:"header-button",title:"Close Expert","data-el":"expert-drawer-close-button",onClick:t[2]||(t[2]=(...e)=>m.closeDrawer&&m.closeDrawer(...e))},[(0,o.createVNode)(g,{class:"ff-icon"})])])]),(0,o.createVNode)(f)],512)}],["__scopeId","data-v-e10aae06"]])},46650:function(e,t,s){s.r(t),s.d(t,{default:function(){return $s}});var o=s(41425);const a={class:"ff-expert"},n={ref:"scrollAnchor",class:"scroll-anchor"};var r=s(10810);const l={class:"action-buttons"},i=["disabled"],c={class:"right-buttons"},d=["placeholder","disabled"],m={class:"actions"},u={class:"left overflow-hidden"},p={class:"right"},h=["disabled"];var g=s(4048);const f={class:"capabilities-selector"},v={style:{"min-width":"300px"}},k={class:"flex flex-col gap-1 flex-1 min-w-0"},S={class:"truncate",style:{"line-height":"16px"}},C={key:0,class:"text-gray-400 text-sm truncate leading-4"},b={class:"tool-count-badge self-start",title:"Tools"};var w=s(20487),x=s(46437),y=s(97782),V=s(63391),B={name:"CapabilitiesSelector",components:{FfCheckbox:x.A,ListboxOption:w.h7,FfListbox:y.A},computed:{...(0,r.aH)(V.W,["selectedCapabilities","capabilities"]),hasCapabilities(){return this.capabilities&&this.capabilities.length>0},capabilitiesHandler:{get(){return this.selectedCapabilities},set(e){this.setSelectedCapabilities(e)}}},methods:{...(0,r.i0)(V.W,["setSelectedCapabilities"]),onCheckboxClick(e){const t=e=>`${e.instance}::${e.mcpServerUrl}`,s=this.selectedCapabilities||[],o=s.some(s=>t(s)===t(e));this.capabilitiesHandler=o?s.filter(s=>t(s)!==t(e)):[...s,e]},getResourceTooltip(e){return[["MCP Server:",e.mcpServerName],["Instance:",e.instanceName],e.title?["Title:",e.title]:[],e.description?["Description:",e.description]:[],e.tools?.length?["Tools:",...e.tools.map(e=>e.name)]:null,e.resources?.length?["Resources:",...e.resources.map(e=>e.name)]:null,e.resourceTemplates?.length?["Resource Templates:",...e.resourceTemplates.map(e=>e.name)]:null].filter(Boolean).map(e=>e.join("\n")).join("\n\n")}}},N=s(66262),E=(0,N.A)(B,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("ff-checkbox"),i=(0,o.resolveComponent)("ListboxOption"),c=(0,o.resolveComponent)("ff-listbox");return(0,o.openBlock)(),(0,o.createElementBlock)("div",f,[(0,o.createVNode)(c,{modelValue:r.capabilitiesHandler,"onUpdate:modelValue":t[0]||(t[0]=e=>r.capabilitiesHandler=e),options:e.capabilities,disabled:!r.hasCapabilities,"return-model":"",multiple:"","label-key":"name","value-key":["instance","mcpServerUrl"],placeholder:"Resources","open-above":"","options-min-width":280,"align-right":""},{options:(0,o.withCtx)(({options:e})=>[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(e,e=>((0,o.openBlock)(),(0,o.createBlock)(i,{key:e.mcpServerName,as:"template",value:e,class:"ff-option ff-team-selection-option","data-option":e.mcpServerName,title:r.getResourceTooltip(e)},{default:(0,o.withCtx)(({active:t,selected:s})=>[(0,o.createElementVNode)("li",v,[(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["ff-option-content flex truncate justify-start !items-start !gap-2 !p-2",{active:t}]),"data-click-exclude":"right-drawer"},[(0,o.createElementVNode)("div",null,[(0,o.createVNode)(l,{modelValue:s,onClick:(0,o.withModifiers)(t=>r.onCheckboxClick(e),["stop","prevent"])},null,8,["modelValue","onClick"])]),(0,o.createElementVNode)("div",k,[(0,o.createElementVNode)("span",S,(0,o.toDisplayString)(e.title),1),e.title?((0,o.openBlock)(),(0,o.createElementBlock)("p",C,(0,o.toDisplayString)(e.mcpServerName),1)):(0,o.createCommentVNode)("v-if",!0)]),(0,o.createElementVNode)("span",b,(0,o.toDisplayString)(e.toolCount),1)],2)])]),_:2},1032,["value","data-option","title"]))),128))]),_:1},8,["modelValue","options","disabled"])])}]]);const I={class:"context-selector-container"};var A=s(22511);const T=["title"],M={class:"text"},P={class:"icon-wrapper"};var _=s(88353),O=s(24487),L={name:"DefaultChip",components:{XIcon:_.default,PlusIcon:O.default},props:{modelValue:{type:Boolean,required:!1,default:!0},text:{type:String,required:!1,default:""},title:{type:String,required:!1,default:""}},emits:["toggle"],methods:{pluralize:A.td}},R=(0,N.A)(L,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("XIcon"),i=(0,o.resolveComponent)("PlusIcon");return(0,o.openBlock)(),(0,o.createElementBlock)("div",{class:(0,o.normalizeClass)(["chip",{active:s.modelValue}]),title:s.title,onClick:t[0]||(t[0]=t=>e.$emit("toggle"))},[(0,o.createElementVNode)("div",M,[(0,o.renderSlot)(e.$slots,"text",{},()=>[(0,o.createElementVNode)("span",null,(0,o.toDisplayString)(s.text),1)],!0)]),t[1]||(t[1]=(0,o.createElementVNode)("span",{class:"separator"},null,-1)),(0,o.createElementVNode)("div",P,[s.modelValue?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,class:"ff-icon ff-icon-sm"})):((0,o.openBlock)(),(0,o.createBlock)(i,{key:1,class:"ff-icon ff-icon-sm"}))])],10,T)}],["__scopeId","data-v-bb1b17f2"]]),U=s(78721),F={name:"ContextChip",components:{DefaultChip:R},props:{contextItem:{type:Object,required:!1,default:()=>({})}},computed:{...(0,r.aH)(U.u,["getSelectedContext"]),selectedContext(){return this.getSelectedContext},text(){return this.contextItem.name||"Unnamed Context"},title(){return this.contextItem.title||`Include ${this.contextItem.name} in context`}},methods:{...(0,r.i0)(U.u,["setSelectedContext"]),pluralize:A.td,toggleSelection(){const e=this.selectedContext.filter(e=>e.name!==this.contextItem.name);this.setSelectedContext(e)}}},D=(0,N.A)(F,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("default-chip");return(0,o.openBlock)(),(0,o.createBlock)(l,{modelValue:!!s.contextItem,text:r.text,title:r.title,onToggle:r.toggleSelection},null,8,["modelValue","text","title","onToggle"])}]]);const $=["title"];var H={name:"DebugChip",components:{DefaultChip:R},props:{modelValue:{type:Boolean,required:!1,default:!0}},emits:["update:modelValue"],computed:{...(0,r.aH)(U.u,["debugLog"]),selectedCounter(){return this.debugLog.length},selectionTitle(){const e={};return this.debugLog.forEach(t=>{e[t.type]=(e[t.type]??0)+1}),`Selected Logs: \n${this.debugLog.map((e,t)=>{const s=(e=e||{}).level||"",o="debug"!==s?s:"",a=e.metadata?.topic||"",n=e.source?.name||e.source?.id||e.metadata?.path||"",r=e.metadata?.format||"",l=e.source?.type||"",i=e.metadata?.property||"",c=[];return n&&c.push(`node: ${n}`),a&&c.push(`topic: ${a}`),o&&l&&c.push(`${l} : (${o})`),i&&(r?c.push(`property: ${i} ${r}`):c.push(`property: ${i}`)),`${t+1}: ${c.join(", ")}`}).join("\n")}`}},methods:{...(0,r.i0)(U.u,["resetDebugLogContext"]),pluralize:A.td,toggleSelection(){this.$emit("update:modelValue",!this.modelValue),this.resetDebugLogContext()}}},z=(0,N.A)(H,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("default-chip");return(0,o.openBlock)(),(0,o.createBlock)(l,{class:"flow-selection-button",modelValue:s.modelValue,onToggle:r.toggleSelection},{text:(0,o.withCtx)(()=>[t[0]||(t[0]=(0,o.createElementVNode)("span",null,"Debug",-1)),(0,o.createElementVNode)("span",{class:"counter italic",title:r.selectionTitle},"( "+(0,o.toDisplayString)(r.selectedCounter)+" "+(0,o.toDisplayString)(r.pluralize("log",r.selectedCounter))+" )",9,$)]),_:1},8,["modelValue","onToggle"])}]]);const q=["title"];var W={name:"SelectionChip",components:{DefaultChip:R},props:{modelValue:{type:Boolean,required:!1,default:!0}},emits:["update:modelValue"],computed:{...(0,r.aH)(U.u,["selectedNodes"]),filteredSelectedNodes(){return this.selectedNodes.filter(e=>!["global-config"].includes(e.type))},selectedCounter(){return this.filteredSelectedNodes.length},selectionTitle(){const e={};return this.filteredSelectedNodes.forEach(t=>{e[t.type]=(e[t.type]??0)+1}),`Selected nodes: \n${Object.keys(e).map(t=>`${e[t]} x ${t}`).join("\n")}`}},methods:{...(0,r.i0)(U.u,["setSelectedNodes"]),pluralize:A.td,toggleSelection(){this.$emit("update:modelValue",!this.modelValue),this.setSelectedNodes([])}}},j=(0,N.A)(W,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("default-chip");return(0,o.openBlock)(),(0,o.createBlock)(l,{class:"flow-selection-button",modelValue:s.modelValue,onToggle:r.toggleSelection},{text:(0,o.withCtx)(()=>[t[0]||(t[0]=(0,o.createElementVNode)("span",null,"Selection",-1)),(0,o.createElementVNode)("span",{class:"counter italic",title:r.selectionTitle},"( "+(0,o.toDisplayString)(r.selectedCounter)+" "+(0,o.toDisplayString)(r.pluralize("node",r.selectedCounter))+" )",9,q)]),_:1},8,["modelValue","onToggle"])}]]);const G={class:"context-selector mr-2"};var K=s(52769),J=s(59270),X=s(34242),Y=s(28810),Z={name:"ContextSelectorButton",components:{PaperClipIcon:K.default},data(){return{selectedContextItems:[]}},computed:{...(0,r.aH)(U.u,["availableContextOptions","getSelectedContext"]),hasContextOptions(){return this.contextOptions?.length>0},hasSelection(){return this.selectedContext?.length>0},selectedContext(){return this.getSelectedContext},contextOptions:{get(){return this.availableContextOptions.map(e=>{let t=J.default;return"CubeIcon"===e.menuIcon?t=X.default:"ViewListIcon"===e.menuIcon&&(t=Y.default),{...e,icon:t}})}}},methods:{pluralize:A.td,...(0,r.i0)(U.u,["setSelectedContext"]),selectItem(e){if(e.onSelectAction)(0,U.u)()[e.onSelectAction]();else{const t=e=>({value:e.value,name:e.name,label:e.label,icon:e.icon}),s=t(e),o=this.selectedContext||[];if(o.some(e=>e.value===s.value))return;this.setSelectedContext([...o,s].filter(Boolean))}}}},Q=(0,N.A)(Z,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("PaperClipIcon"),i=(0,o.resolveComponent)("ff-listbox");return(0,o.openBlock)(),(0,o.createElementBlock)("div",G,[(0,o.createVNode)(i,{modelValue:n.selectedContextItems,"onUpdate:modelValue":t[0]||(t[0]=e=>n.selectedContextItems=e),class:(0,o.normalizeClass)(["context-selector",r.hasSelection?"active":""]),options:r.contextOptions,disabled:!r.hasContextOptions,"hide-chevron":!0,"icon-only":!0,"return-model":"","label-key":"label",placeholder:"Context","open-above":"","options-min-width":250,"align-right":"",onOptionSelected:r.selectItem},{icon:(0,o.withCtx)(()=>[(0,o.createVNode)(l,{class:"icon ff-icon ff-icon-sm"})]),_:1},8,["modelValue","class","options","disabled","onOptionSelected"])])}]]),ee=s(96825),te={name:"ContextSelector",components:{ContextChip:D,DebugChip:z,SelectionChip:j,ContextSelectorButton:Q},computed:{...(0,r.aH)(U.u,["getSelectedContext","hasDebugLogsSelected","hasUserSelection"]),...(0,r.aH)(ee.i,["isInsightsAgent"]),selectedContext(){return this.isInsightsAgent?[]:this.getSelectedContext},selectedContextFiltered(){return this.selectedContext.filter(e=>!1!==e.showAsChip)}},methods:{horizontalScrolling(e){const t=e.currentTarget;0!==e.deltaY&&(e.preventDefault(),t.scrollLeft+=e.deltaY/2)}}},se=(0,N.A)(te,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("context-selector-button"),i=(0,o.resolveComponent)("context-chip"),c=(0,o.resolveComponent)("debug-chip"),d=(0,o.resolveComponent)("selection-chip");return(0,o.openBlock)(),(0,o.createElementBlock)("div",I,[e.isInsightsAgent?(0,o.createCommentVNode)("v-if",!0):((0,o.openBlock)(),(0,o.createBlock)(l,{key:0})),(0,o.createElementVNode)("div",{class:"chips-container",onWheel:t[0]||(t[0]=(...e)=>r.horizontalScrolling&&r.horizontalScrolling(...e))},[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(r.selectedContextFiltered,(e,t)=>((0,o.openBlock)(),(0,o.createBlock)(i,{key:t,contextItem:e},null,8,["contextItem"]))),128)),e.hasDebugLogsSelected&&!e.isInsightsAgent?((0,o.openBlock)(),(0,o.createBlock)(c,{key:0})):(0,o.createCommentVNode)("v-if",!0),e.hasUserSelection&&!e.isInsightsAgent?((0,o.openBlock)(),(0,o.createBlock)(d,{key:1})):(0,o.createCommentVNode)("v-if",!0)],32)])}],["__scopeId","data-v-104983ce"]]),oe=s(28409),ae={name:"ExpertChatInput",components:{CapabilitiesSelector:E,ContextSelector:se,ResizeBar:g.A},inject:{togglePinWithWidth:{from:"togglePinWithWidth",default:()=>()=>{}}},emits:["send","stop"],setup(){const{startResize:e,heightStyle:t,bindResizer:s,isResizing:a}=function(){const e=(0,o.ref)(window.innerWidth),t=(0,o.ref)(window.innerHeight),s=(0,o.ref)(0),a=(0,o.ref)(0),n=(0,o.ref)(0),r=(0,o.ref)(0),l=(0,o.ref)(0),i=(0,o.ref)(1),c=(0,o.ref)(1),d=(0,o.ref)(!1);let m=0,u=0,p=0,h=0;const g=(0,o.ref)(0),f=(0,o.ref)(0);function v(){d.value=!1,document.removeEventListener("mousemove",k),document.removeEventListener("mouseup",v)}function k(o){if(d.value){const l=o.clientX-m,i=o.clientY-u,c=p+l,d=h-i;g.value=Math.min(Math.max(s.value,c),e.value-n.value),f.value=Math.min(Math.max(a.value,d),t.value-r.value)}}return{heightStyle:(0,o.computed)(()=>t.value<l.value?`${Math.min(f.value,t.value)}px`:`${Math.min(f.value,t.value*c.value)}px`),widthStyle:(0,o.computed)(()=>e.value<l.value?`${Math.min(g.value,e.value)}px`:`${Math.min(g.value,e.value*i.value)}px`),isResizing:(0,o.computed)(()=>d.value),startResize:function(e){d.value=!0,m=e.clientX,u=e.clientY,p=g.value,h=f.value,document.addEventListener("mousemove",k),document.addEventListener("mouseup",v)},stopResize:v,bindResizer:function({component:e=null,initialWidth:t=0,initialHeight:o=0,minWidth:d,minHeight:m,maxViewportMarginX:u,maxViewportMarginY:p,mobileBreakpoint:h=640,maxWidthRatio:v,maxHeightRatio:k}={}){let S=t,C=o;if(e){const s=e.$el||e;if(s&&s.getBoundingClientRect){const e=s.getBoundingClientRect();S=t||e.width,C=o||e.height}}f.value=C,g.value=S,s.value=d,a.value=m,n.value=u,r.value=p,l.value=h??0,i.value=v??1,c.value=k??1},setWidth:function(e){g.value=e},setHeight:function(e){f.value=e}}}();return{startResize:e,bindResizer:s,heightStyle:t,isInputResizing:a}},data(){return{inputText:"",includeSelection:!0,isTextareaFocused:!1}},computed:{...(0,r.aH)(U.u,["isImmersiveInstance","isImmersiveDevice"]),...(0,r.aH)(oe.W,["rightDrawer"]),...(0,r.aH)(ee.i,["messages","isSessionExpired","isInsightsAgent","hasSelectedCapabilities","hasMessages","isWaitingForResponse"]),isInputDisabled(){return!!this.isSessionExpired||!!this.isWaitingForResponse||this.isInsightsAgent&&!this.hasSelectedCapabilities},isDrawerPinned(){return this.rightDrawer.fixed},canSend(){return this.inputText.trim().length>0&&!this.isInputDisabled},placeholderText(){return this.isInsightsAgent&&!this.hasSelectedCapabilities?"Select a resource to get started":this.isInsightsAgent?"Tell us what you want to know about":"Tell us what you need help with"},isImmersive(){return this.isImmersiveDevice||this.isImmersiveInstance}},mounted(){this.bindResizer({component:this.$refs.resizeTarget,maxHeightRatio:.9,minHeight:120,maxViewportMarginY:80})},methods:{...(0,r.i0)(U.u,["resetContextSelection"]),...(0,r.i0)(ee.i,["startOver","handleQuery","handleMessageResponse"]),async handleSend(){if(!this.canSend)return;const e=this.inputText.trim();this.isDrawerPinned||0!==this.messages.length||this.togglePinWithWidth(),this.handleQuery({query:e}).then(e=>this.handleMessageResponse(e)).then(()=>{this.$nextTick(()=>{this.$refs.textarea.focus()})}).catch(e=>e),this.inputText=""},handleStop(){this.$emit("stop")},handleStartOver(){this.hasMessages&&(this.inputText="",this.isInsightsAgent||this.resetContextSelection(),this.startOver())},handleKeydown(e){"Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.handleSend())}}},ne=(0,N.A)(ae,[["render",function(e,t,s,a,n,r){const g=(0,o.resolveComponent)("resize-bar"),f=(0,o.resolveComponent)("capabilities-selector"),v=(0,o.resolveComponent)("context-selector");return(0,o.openBlock)(),(0,o.createElementBlock)("div",{ref:"resizeTarget",class:"ff-expert-input",style:(0,o.normalizeStyle)({height:a.heightStyle})},[(0,o.createVNode)(g,{"is-resizing":a.isInputResizing,direction:"horizontal",onMousedown:a.startResize},null,8,["is-resizing","onMousedown"]),(0,o.createCommentVNode)(" Action buttons row "),(0,o.createElementVNode)("div",l,[(0,o.createElementVNode)("button",{type:"button",class:"btn-start-over",disabled:e.isWaitingForResponse&&!e.isSessionExpired,onClick:t[0]||(t[0]=(...e)=>r.handleStartOver&&r.handleStartOver(...e))}," Start over ",8,i),(0,o.createElementVNode)("div",c,[e.isInsightsAgent?((0,o.openBlock)(),(0,o.createBlock)(f,{key:0})):(0,o.createCommentVNode)("v-if",!0)])]),(0,o.createElementVNode)("div",{class:(0,o.normalizeClass)(["input-wrapper",{focused:n.isTextareaFocused}])},[(0,o.createCommentVNode)(" Textarea "),(0,o.withDirectives)((0,o.createElementVNode)("textarea",{ref:"textarea","onUpdate:modelValue":t[1]||(t[1]=e=>n.inputText=e),class:"chat-input",placeholder:r.placeholderText,disabled:r.isInputDisabled,onKeydown:t[2]||(t[2]=(...e)=>r.handleKeydown&&r.handleKeydown(...e)),onFocus:t[3]||(t[3]=e=>n.isTextareaFocused=!0),onBlur:t[4]||(t[4]=e=>n.isTextareaFocused=!1)},null,40,d),[[o.vModelText,n.inputText]]),(0,o.createElementVNode)("div",m,[(0,o.createElementVNode)("div",u,[r.isImmersive&&!e.isInsightsAgent?((0,o.openBlock)(),(0,o.createBlock)(v,{key:0})):(0,o.createCommentVNode)("v-if",!0)]),(0,o.createElementVNode)("div",p,[e.isWaitingForResponse&&!e.isSessionExpired?((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:0,type:"button",class:"btn-stop",onClick:t[5]||(t[5]=(...e)=>r.handleStop&&r.handleStop(...e))}," Stop ")):e.isSessionExpired?(0,o.createCommentVNode)("v-if",!0):((0,o.openBlock)(),(0,o.createElementBlock)("button",{key:1,type:"button",class:"btn-send",disabled:!r.canSend,onClick:t[6]||(t[6]=(...e)=>r.handleSend&&r.handleSend(...e))}," Send ",8,h))])])],2)],4)}],["__scopeId","data-v-f0b60522"]]);const re={ref:"messagesWrapper",class:"messages-wrapper"},le={class:"flex flex-col gap-3"},ie={key:0},ce={class:"ff-expert-loading"},de={key:0,class:"loading-message"};var me=s(2e3),ue={name:"ExpertLoadingIndicator",data(){return{showMessage:!1,currentMessageIndex:0,messageVariants:{[me.C]:["Ingesting the docs...","Reading the blog...","Searching through FlowFuse knowledge base","Analyzing your question...","Finding the best answer..."],[me.q]:["Connecting to MCP resources...","Querying your Node-RED instances...","Instructing MCP tooling...","Ingesting responses...","Gathering insights...","Considering instructions...","Processing user response..."],transfer:["Catching up with new context...","Syncing your conversation...","Loading existing history...","Preparing your chat..."]},messageTimer:null,rotationTimer:null}},computed:{...(0,r.aH)(ee.i,["loadingVariant","inFlightUpdates"]),messages(){return this.inFlightUpdates.length>0?this.inFlightUpdates:this.messageVariants[this.loadingVariant]},currentMessage(){return this.messages[this.currentMessageIndex]}},mounted(){this.messageTimer=setTimeout(()=>{this.showMessage=!0,this.rotationTimer=setInterval(()=>{this.currentMessageIndex=(this.currentMessageIndex+1)%this.messages.length},3e3)},5e3)},beforeUnmount(){this.messageTimer&&clearTimeout(this.messageTimer),this.rotationTimer&&clearInterval(this.rotationTimer)}},pe=(0,N.A)(ue,[["render",function(e,t,s,a,n,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",ce,[t[0]||(t[0]=(0,o.createElementVNode)("div",{class:"loading-dots"},[(0,o.createElementVNode)("div",{class:"loading-dot"}),(0,o.createElementVNode)("div",{class:"loading-dot"}),(0,o.createElementVNode)("div",{class:"loading-dot"})],-1)),n.showMessage?((0,o.openBlock)(),(0,o.createElementBlock)("div",de,(0,o.toDisplayString)(r.currentMessage),1)):(0,o.createCommentVNode)("v-if",!0)])}],["__scopeId","data-v-5555e77c"]]);const he={class:"flex flex-col gap-3"};var ge=s(99900);const fe={class:"guide-badge"};var ve={name:"AnswerBadge",props:{kind:{required:!0,type:String}},computed:{title(){return"resources"===this.kind?"Resources":"Setup Guide"}}},ke=(0,N.A)(ve,[["render",function(e,t,s,a,n,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",fe,[(0,o.createElementVNode)("span",null,(0,o.toDisplayString)(r.title),1)])}],["__scopeId","data-v-0d393a03"]]);const Se={key:0,class:"guide-header"},Ce={class:"guide-title"},be={key:0,class:"guide-summary"},we=["innerHTML"];var xe=s(50011),ye=s(69510),Ve=s(92753),Be=s(27402),Ne=s(85262),Ee=s(95387),Ie=s(69359),Ae=s(60023);xe.A.registerLanguage("bash",ye.A),xe.A.registerLanguage("shell",ye.A),xe.A.registerLanguage("css",Ve.A),xe.A.registerLanguage("javascript",Ee.A),xe.A.registerLanguage("js",Ee.A),xe.A.registerLanguage("json",Be.A),xe.A.registerLanguage("python",Ne.A),xe.A.registerLanguage("py",Ne.A),xe.A.registerLanguage("typescript",Ee.A),xe.A.registerLanguage("ts",Ee.A),xe.A.registerLanguage("xml",Ie.A),xe.A.registerLanguage("html",Ie.A);const Te='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>',Me=Te;function Pe({delayMs:e=30,splitRegex:t=/\s+/,joinWith:s=" "}={}){const a=(0,o.ref)(""),n=(0,o.ref)(!1);let r=null,l=[],i=0;const c=()=>{r&&clearTimeout(r),r=null,n.value=!1,l=[],i=0};return(0,o.onBeforeUnmount)(c),{text:a,isStreaming:n,stream:(d="")=>(c(),a.value="",l=String(d).trim().split(t).filter(Boolean),i=0,n.value=!0,new Promise(t=>{const c=async()=>n.value?i>=l.length?(await(0,o.nextTick)(),n.value=!1,t()):(a.value+=(a.value?s:"")+l[i],i+=1,void(r=setTimeout(c,e))):t();c()})),stop:c}}var _e={name:"StreamableContent",props:{modelValue:{type:Object,required:!1,default:null,validate(e,t){return t.string||e?!(!e||"object"!=typeof e)&&"string"==typeof e.streamable&&"boolean"==typeof e.streamed:(console.warn("StreamableContent: string prop is required when modelValue is null"),!1)}},string:{required:!1,type:String,default:null,validator(e,t){return!(!t.modelValue&&!e&&(console.warn("StreamableContent: string prop is required when modelValue is null"),1))}},shouldStream:{required:!1,type:Boolean,default:!0},richContent:{type:Boolean,required:!1,default:!1}},emits:["streaming-complete","update:modelValue"],setup(){const{stream:e,text:t,isStreaming:s}=Pe({delayMs:30}),{markedInstance:o}=function(){const e=new Ae.Dz({breaks:!0,gfm:!0});return e.use({renderer:{code({text:e,lang:t}){const s=t?t.split(/\s/)[0].toLowerCase():"";let o;return o=s&&xe.A.getLanguage(s)?xe.A.highlight(e,{language:s}).value:xe.A.highlightAuto(e).value,`<div class="ff-code-block"><div class="ff-code-block--header">${s?`<span class="ff-code-block--lang">${s}</span>`:""}<button class="ff-code-block--copy">${Te}</button></div><pre><code class="hljs">${o.replace(/\n/g,"&#10;")}</code></pre></div>`}}}),{markedInstance:e}}();return{stream:e,streamedText:t,isStreaming:s,sanitize:A.aj,markedInstance:o}},computed:{...(0,r.aH)(U.u,["supportedActions"]),rawText(){const e=this.modelValue?this.modelValue.streamable:this.string;return this.richContent?this.markedInstance.parse(e||""):e},text(){const e=this.shouldStream?this.streamedText:this.rawText;return this.sanitize(e,{supportedActions:this.supportedActions,targetBlank:!0,appendQueryParameters:{utm_source:"flowfuse-expert",utm_medium:"assistant",utm_campaign:"expert-chat"}})}},watch:{isStreaming(e){e||(this.$emit("streaming-complete"),this.modelValue&&this.$emit("update:modelValue",{...this.modelValue,streamed:!0}))}},mounted(){this.shouldStream&&this.stream(this.rawText)},methods:{handleClick(e){const t=e.target.closest(".ff-code-block--copy");if(!t)return;const s=t.closest(".ff-code-block")?.querySelector("pre code");s&&navigator.clipboard.writeText(s.textContent||"").then(()=>{t.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/></svg>',setTimeout(()=>{t.innerHTML=Me},2e3)}).catch(()=>{const e=document.createElement("textarea");e.value=s.textContent||"",e.style.position="fixed",e.style.left="-999999px",document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)})}}},Oe=(0,N.A)(_e,[["render",function(e,t,s,a,n,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",(0,o.mergeProps)({class:"streamable-content"},(0,o.toHandlers)(s.richContent?{click:r.handleClick}:{},!0)),[s.richContent?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[(0,o.createCommentVNode)(" eslint-disable-next-line vue/no-v-html "),((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:r.text,innerHTML:r.text},null,8,we))],64)):((0,o.openBlock)(),(0,o.createElementBlock)("span",{key:r.text},(0,o.toDisplayString)(r.text),1))],16)}],["__scopeId","data-v-6d840c9e"]]),Le={name:"GuideHeader",components:{StreamableContent:Oe},props:{title:{type:String,required:!0},summary:{type:[String,null],required:!1,default:null},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],data(){return{streamableSummary:{streamable:this.summary,streamed:!1},streamableTitle:{streamable:this.title,streamed:!1}}},watch:{streamableSummary(e){e.streamed&&this.$emit("streaming-complete")},streamableTitle(e){!this.summary&&e.streamed&&this.$emit("streaming-complete")}}},Re=(0,N.A)(Le,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content");return(0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[(0,o.createCommentVNode)(" Title and Summary "),s.title?((0,o.openBlock)(),(0,o.createElementBlock)("div",Se,[(0,o.createElementVNode)("h3",Ce,[(0,o.createVNode)(l,{modelValue:n.streamableTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.streamableTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),s.summary?((0,o.openBlock)(),(0,o.createElementBlock)("p",be,[!s.shouldStream||n.streamableTitle.streamed?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,modelValue:n.streamableSummary,"onUpdate:modelValue":t[1]||(t[1]=e=>n.streamableSummary=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])):(0,o.createCommentVNode)("v-if",!0)])):(0,o.createCommentVNode)("v-if",!0)])):(0,o.createCommentVNode)("v-if",!0)],2112)}],["__scopeId","data-v-7abfce85"]]),Ue={name:"MessageBubble",props:{type:{required:!0,type:String},variant:{required:!1,type:String,default:null}},computed:{isAiMessage(){return"ai"===this.type},isHumanMessage(){return"human"===this.type},isSystemMessage(){return"system"===this.type}}},Fe=(0,N.A)(Ue,[["render",function(e,t,s,a,n,r){return(0,o.openBlock)(),(0,o.createElementBlock)("div",{class:(0,o.normalizeClass)(["message-bubble flex flex-col gap-1",{"ai-message":r.isAiMessage,"human-message":r.isHumanMessage,"system-message":r.isSystemMessage,[`system-${s.variant}`]:s.variant}])},[(0,o.renderSlot)(e.$slots,"default",{},void 0,!0)],2)}],["__scopeId","data-v-7581575e"]]);const De={class:"guide-flows"},$e={class:"section-title"},He={key:0,class:"resources-grid"};function ze({intervalMs:e=350,shallow:t=!1}={}){const s=(0,o.ref)([]),a=(0,o.ref)([]),{doWhile:n}=(0,ge.A)(),r=(0,o.ref)(!1);async function l(o=[]){s.value=t?o.map(m):o,await n(()=>s.value.length!==a.value.length,async()=>{if(!Array.isArray(s.value)||0===s.value.length)return;const e=m(s.value[a.value.length]),o=c(),n=t?!!o?.streamed:Object.values(o??{}).every(e=>e.streamed);o?n&&a.value.push(e):a.value.push(e),a.value.length===s.value.length&&(r.value=!0)},{intervalMs:e})}function i(e){e.value=e,a.value=e.map(m),r.value=!1}function c(){return a.value[a.value.length-1]}function d(e,s){t?a.value[e].streamed=!0:a.value[e][s].streamed=!0}function m(e={}){return t?{...e,streamed:!1}:Object.fromEntries(Object.entries(e).map(([e,t])=>[e,{streamable:t,streamed:!1}]))}return{addItemsSequentially:l,addItems:i,initStreamer:async function(e,{shouldStream:t=!1}={}){if(!t)return i(e),Promise.resolve();await l(e)},hasFinishedStreaming:r,items:s,getLastVisibleItem:c,setSubItemStreamedState:d,updateCardStreamingState:function(e,t){Object.keys(e).forEach(e=>{d(t,e)})},visibleItems:a}}const qe={class:"flex flex-col gap-3 p-3 bg-white border border-gray-200 rounded-lg"},We={class:"flex items-start gap-2"},je={class:"flex-1 flex flex-col gap-1 min-w-0"},Ge={class:"flex items-start justify-between gap-2"},Ke={class:"text-sm font-medium text-gray-900 overflow-hidden text-ellipsis whitespace-nowrap flex-1 min-w-0"},Je={class:"flex items-start gap-2 flex-shrink-0 -mt-1"},Xe={key:0,class:"text-xs text-gray-500 overflow-hidden text-ellipsis whitespace-nowrap"};var Ye=s(50602),Ze=s(40839),Qe=s(37262),et=s(46097),tt={name:"StandardResourceCard",components:{StreamableContent:Oe,TextCopier:Qe.A,FlowViewer:et.A,ChevronUpIcon:Ye.A,ChevronDownIcon:Ze.A},props:{flow:{type:Object,required:!0},shouldStream:{type:Boolean,required:!1,default:!1}},emits:["streaming-complete"],data(){return{flowsExpanded:!0,flowTitle:this.flow.title,flowUrl:this.flow.url,flowMetadata:this.flow.metadata}},computed:{...(0,r.aH)(ee.i,["canImportFlows"]),flowsJson(){return this.flowMetadata?JSON.stringify(this.flowMetadata.streamable.flows,null,2):""}},watch:{flowMetadata(e){e.streamed&&this.$emit("streaming-complete")}},methods:{...(0,r.i0)(U.u,["sendFlowsToImport"]),importFlows(){this.sendFlowsToImport(this.flowsJson)},completeStreaming(){this.flowMetadata&&(this.flowMetadata.streamed=!0),this.$emit("streaming-complete")}}},st={name:"ListFlows",components:{StreamableContent:Oe,FlowResourceCard:(0,N.A)(tt,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content"),i=(0,o.resolveComponent)("chevron-down-icon"),c=(0,o.resolveComponent)("chevron-up-icon"),d=(0,o.resolveComponent)("text-copier"),m=(0,o.resolveComponent)("ff-button"),u=(0,o.resolveComponent)("flow-viewer");return(0,o.openBlock)(),(0,o.createElementBlock)("div",qe,[(0,o.createElementVNode)("div",We,[t[4]||(t[4]=(0,o.createStaticVNode)('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" class="flex-shrink-0 w-4 h-4 mt-0.5" data-v-494f7aa0><rect width="24" height="24" fill="gray" rx="4" data-v-494f7aa0></rect><g clip-path="url(#a)" data-v-494f7aa0><path fill="#fff" d="M0 12v-1.647c5.09 0 5.81-.9 6.44-1.695.72-.9 1.46-1.6 3.88-1.6v1.648c-1.76 0-2.04.354-2.51.948C6.79 10.937 5.5 12 0 12Z" data-v-494f7aa0></path><path fill="#fff" d="M8.6 16.941c-2.9 0-3.47-1.513-3.88-2.614C4.25 13.072 3.85 12 0 12v-1.647c4.67 0 5.67 1.618 6.34 3.419.38 1.015.57 1.522 2.26 1.522v1.647Z" data-v-494f7aa0></path><path fill="#fff" d="M16.78 19H9.9c-.95 0-1.72-.737-1.72-1.647v-2.47c0-.91.77-1.648 1.72-1.648h6.88c.95 0 1.72.738 1.72 1.647v2.47c0 .91-.77 1.648-1.72 1.648Zm0-4.118H9.9v2.47h6.88v-2.47Zm1.5-4.117H11.4c-.95 0-1.72-.738-1.72-1.647v-2.47c0-.91.77-1.648 1.72-1.648h6.88c.95 0 1.72.737 1.72 1.647v2.47c0 .91-.77 1.648-1.72 1.648Zm0-4.118H11.4v2.47h6.88v-2.47Z" data-v-494f7aa0></path></g><defs data-v-494f7aa0><clipPath id="a" data-v-494f7aa0><path fill="#fff" d="M0 5h20v14H0z" data-v-494f7aa0></path></clipPath></defs></svg>',1)),(0,o.createElementVNode)("div",je,[(0,o.createElementVNode)("div",Ge,[(0,o.createElementVNode)("div",Ke,[(0,o.createVNode)(l,{modelValue:n.flowTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.flowTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),(0,o.createElementVNode)("div",Je,[(0,o.createElementVNode)("button",{class:"text-gray-600 hover:text-indigo-600 hover:bg-indigo-50 flex items-center transition-colors duration-200 rounded px-2 py-1",onClick:t[1]||(t[1]=e=>n.flowsExpanded=!n.flowsExpanded)},[t[2]||(t[2]=(0,o.createElementVNode)("span",null,"Preview",-1)),n.flowsExpanded?((0,o.openBlock)(),(0,o.createBlock)(i,{key:0,class:"h-4 w-4"})):(0,o.createCommentVNode)("v-if",!0),n.flowsExpanded?(0,o.createCommentVNode)("v-if",!0):((0,o.openBlock)(),(0,o.createBlock)(c,{key:1,class:"h-4 w-4"}))]),e.canImportFlows?((0,o.openBlock)(),(0,o.createBlock)(m,{key:1,size:"small",kind:"secondary",onClick:r.importFlows},{default:(0,o.withCtx)(()=>[...t[3]||(t[3]=[(0,o.createTextVNode)("Import",-1)])]),_:1},8,["onClick"])):((0,o.openBlock)(),(0,o.createBlock)(d,{key:0,text:r.flowsJson,showText:!1},null,8,["text"]))])]),n.flowMetadata?((0,o.openBlock)(),(0,o.createElementBlock)("div",Xe,[!s.shouldStream||n.flowTitle.streamed?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,string:n.flowMetadata.streamable.category,"should-stream":s.shouldStream,onStreamingComplete:r.completeStreaming},null,8,["string","should-stream","onStreamingComplete"])):(0,o.createCommentVNode)("v-if",!0)])):(0,o.createCommentVNode)("v-if",!0)])]),n.flowMetadata?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,class:(0,o.normalizeClass)(["flex overflow-auto ml-8 max-h-[500px] flex-col relative",{hidden:n.flowsExpanded}])},[n.flowsExpanded?(0,o.createCommentVNode)("v-if",!0):((0,o.openBlock)(),(0,o.createBlock)(u,{key:0,flow:s.flow.metadata.streamable.flows},null,8,["flow"]))],2)):(0,o.createCommentVNode)("v-if",!0)])}],["__scopeId","data-v-494f7aa0"]])},props:{flows:{type:Array,required:!0},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(){const{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}=ze();return{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}},data(){return{streamingTitle:{streamable:"Related Flows",streamed:!1}}},async mounted(){const e=this.flows.map(e=>({title:e.title,url:e.url,metadata:e.metadata}));await this.initStreamer(e,{shouldStream:this.shouldStream}),this.$emit("streaming-complete")}},ot=(0,N.A)(st,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content"),i=(0,o.resolveComponent)("FlowResourceCard");return(0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[(0,o.createCommentVNode)(" Resources Section "),(0,o.createElementVNode)("div",De,[(0,o.createElementVNode)("h4",$e,[(0,o.createVNode)(l,{modelValue:n.streamingTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.streamingTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),n.streamingTitle.streamed?((0,o.openBlock)(),(0,o.createElementBlock)("div",He,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(a.visibleItems,(e,t)=>((0,o.openBlock)(),(0,o.createBlock)(i,{key:t,flow:e,"should-stream":s.shouldStream,onStreamingComplete:s=>a.updateCardStreamingState(e,t)},null,8,["flow","should-stream","onStreamingComplete"]))),128))])):(0,o.createCommentVNode)("v-if",!0)])],2112)}],["__scopeId","data-v-61196fe4"]]);const at={class:"guide-steps"},nt={class:"section-title"},rt={class:"steps-list"},lt={class:"step-number"},it={class:"step-content"},ct={class:"step-title"},dt={key:0,class:"step-detail"};var mt={name:"GuideStepsList",components:{StreamableContent:Oe},props:{steps:{required:!0,type:Array},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(){const{initStreamer:e,visibleItems:t}=ze();return{initStreamer:e,visibleItems:t}},async mounted(){await this.initStreamer(this.steps,{shouldStream:this.shouldStream}),this.$emit("streaming-complete")}},ut=(0,N.A)(mt,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content");return(0,o.openBlock)(),(0,o.createElementBlock)("div",at,[(0,o.createElementVNode)("h4",nt,[(0,o.createVNode)(l,{string:"Steps:","should-stream":s.shouldStream},null,8,["should-stream"])]),(0,o.createElementVNode)("ol",rt,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(a.visibleItems,(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)("li",{key:t,class:"step-item"},[(0,o.createElementVNode)("div",lt,(0,o.toDisplayString)(t+1),1),(0,o.createElementVNode)("div",it,[(0,o.createElementVNode)("h5",ct,[(0,o.createVNode)(l,{modelValue:e.title,"onUpdate:modelValue":t=>e.title=t,"should-stream":s.shouldStream},null,8,["modelValue","onUpdate:modelValue","should-stream"])]),!s.shouldStream||e.title.streamed?((0,o.openBlock)(),(0,o.createElementBlock)("p",dt,[(0,o.createVNode)(l,{modelValue:e.detail,"onUpdate:modelValue":t=>e.detail=t,"should-stream":s.shouldStream},null,8,["modelValue","onUpdate:modelValue","should-stream"])])):(0,o.createCommentVNode)("v-if",!0)])]))),128))])])}],["__scopeId","data-v-2c3d62df"]]);const pt={class:"issues"};var ht={name:"IssuesList",components:{StreamableContent:Oe,ExclamationIcon:s(7437).A},props:{issues:{type:Array,required:!0},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(){const{initStreamer:e,setSubItemStreamedState:t,visibleItems:s,items:o}=ze();return{initStreamer:e,setSubItemStreamedState:t,visibleItems:s,items:o,sanitize:A.aj}},data(){return{streamedTitle:{streamable:"Issues",streamed:!1}}},async mounted(){const e=this.issues.map(e=>({content:e}));await this.initStreamer(e,{shouldStream:this.shouldStream}),this.$emit("streaming-complete")}},gt=(0,N.A)(ht,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("exclamation-icon"),i=(0,o.resolveComponent)("streamable-content");return(0,o.openBlock)(),(0,o.createElementBlock)("div",pt,[(0,o.createElementVNode)("h4",null,[(0,o.createVNode)(l,{class:"ff-icon"}),(0,o.createVNode)(i,{modelValue:n.streamedTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.streamedTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),(0,o.createElementVNode)("ul",null,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(a.visibleItems,(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)("li",{key:t},[(0,o.createVNode)(i,{"rich-content":!0,string:e.content.streamable,"should-stream":s.shouldStream,onStreamingComplete:e=>a.setSubItemStreamedState(t,"content")},null,8,["string","should-stream","onStreamingComplete"])]))),128))])])}],["__scopeId","data-v-0f1ffd8a"]]);const ft={class:"guide-packages"},vt={class:"section-title"},kt={key:0,class:"packages-list"},St=["href"],Ct=["src"],bt={class:"package-info"},wt={class:"package-text"},xt=["title"],yt={class:"package-url"},Vt={class:"package-actions"};var Bt={name:"PackageResourceCard",components:{StreamableContent:Oe},props:{nodePackage:{type:Object,required:!0},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(e){const t=(0,o.computed)(()=>{const t=e.nodePackage;return"object"==typeof t?t.id.streamable||t.name.streamable:t}),s=(0,o.computed)(()=>{const s=e.nodePackage;return s?s.url.streamable||s.metadata?.streamable?.source||s.metadata?.streamable?.url||`https://flows.nodered.org/node/${t.value}`:"https://flows.nodered.org/"});return{packageName:t,packageUrl:s}},data(){return{streamablePackageName:{streamable:this.packageName,streamed:!1},streamablePackageUrl:{streamable:this.packageUrl,streamed:!1}}},computed:{...(0,r.aH)(ee.i,["canManagePalette"]),...(0,r.aH)(U.u,["palette"]),packageFaviconUrl(){const e=this.nodePackage.metadata?.streamable?.source||this.nodePackage.url.streamable;try{return`https://www.google.com/s2/favicons?domain=${new URL(e).hostname}`}catch(e){return"flows.nodered.org"}},isCorePackage(){return"core-node"===this.nodePackage.type.streamable||this.packageName.startsWith("node-red:")},isPackageInstalled(){const e=this.nodePackage;return!!this.palette?.[e.id.streamable]},urlWithUTMTracking(){const e=this.packageUrl;try{const t=new URL(e);return t.searchParams.set("utm_source","flowfuse-expert"),t.searchParams.set("utm_medium","assistant"),t.searchParams.set("utm_campaign","expert-chat"),t.toString()}catch(t){return e}}},watch:{streamablePackageUrl(e){e.streamed&&this.$emit("streaming-complete")}},methods:{...(0,r.i0)(U.u,["installNodePackage","manageNodePackage"]),handleImageError(e){e.target.style.display="none"},installPackage(){this.installNodePackage(this.packageName)},managePackage(){this.manageNodePackage(this.packageName)}}},Nt={name:"ListPackages",components:{StreamableContent:Oe,PackageResourceCard:(0,N.A)(Bt,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content"),i=(0,o.resolveComponent)("ff-button");return(0,o.openBlock)(),(0,o.createElementBlock)("a",{href:r.urlWithUTMTracking,target:"_blank",rel:"noopener noreferrer",class:"package-card"},[(0,o.createElementVNode)("img",{src:r.packageFaviconUrl,alt:"Node-RED",class:"package-favicon",onError:t[0]||(t[0]=(...e)=>r.handleImageError&&r.handleImageError(...e))},null,40,Ct),(0,o.createElementVNode)("div",bt,[(0,o.createElementVNode)("div",wt,[(0,o.createElementVNode)("div",{class:"package-name",title:a.packageName},[(0,o.createVNode)(l,{modelValue:n.streamablePackageName,"onUpdate:modelValue":t[1]||(t[1]=e=>n.streamablePackageName=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])],8,xt),(0,o.createElementVNode)("div",yt,[!s.shouldStream||n.streamablePackageName.streamed?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,modelValue:n.streamablePackageUrl,"onUpdate:modelValue":t[2]||(t[2]=e=>n.streamablePackageUrl=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])):(0,o.createCommentVNode)("v-if",!0)])]),(0,o.createElementVNode)("div",Vt,[e.canManagePalette&&!r.isCorePackage?((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:0},[r.isPackageInstalled?((0,o.openBlock)(),(0,o.createBlock)(i,{key:0,class:"w-20",size:"small",kind:"secondary",onClick:t[3]||(t[3]=(0,o.withModifiers)(e=>r.managePackage(s.nodePackage),["stop","prevent"]))},{default:(0,o.withCtx)(()=>[...t[5]||(t[5]=[(0,o.createTextVNode)("Manage ",-1)])]),_:1})):((0,o.openBlock)(),(0,o.createBlock)(i,{key:1,class:"w-20",size:"small",kind:"secondary",onClick:t[4]||(t[4]=(0,o.withModifiers)(e=>r.installPackage(s.nodePackage),["stop","prevent"]))},{default:(0,o.withCtx)(()=>[...t[6]||(t[6]=[(0,o.createTextVNode)("Install ",-1)])]),_:1}))],64)):(0,o.createCommentVNode)("v-if",!0)])])],8,St)}],["__scopeId","data-v-7fd2175a"]])},props:{packages:{required:!0,type:Array},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(){const{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}=ze();return{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}},data(){return{packagesTitle:{streamable:"Required Node Packages",streamed:!1}}},async mounted(){const e=this.packages.map(e=>({id:e.id,name:e.name,title:e.title,url:e.url,type:e.type,metadata:e.metadata,hostname:e.hostname}));await this.initStreamer(e,{shouldStream:this.shouldStream}),this.$emit("streaming-complete")}},Et=(0,N.A)(Nt,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content"),i=(0,o.resolveComponent)("PackageResourceCard");return(0,o.openBlock)(),(0,o.createElementBlock)("div",ft,[(0,o.createElementVNode)("h4",vt,[(0,o.createVNode)(l,{modelValue:n.packagesTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.packagesTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),!s.shouldStream||n.packagesTitle.streamed?((0,o.openBlock)(),(0,o.createElementBlock)("div",kt,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(a.visibleItems,(e,t)=>((0,o.openBlock)(),(0,o.createBlock)(i,{key:t,nodePackage:e,"should-stream":s.shouldStream,onStreamingComplete:s=>a.updateCardStreamingState(e,t)},null,8,["nodePackage","should-stream","onStreamingComplete"]))),128))])):(0,o.createCommentVNode)("v-if",!0)])}],["__scopeId","data-v-4052c5aa"]]);const It={key:0,class:"guide-resources"},At={class:"section-title"},Tt={key:0,class:"resources-grid"},Mt=["href"],Pt=["src","alt"],_t={class:"resource-info"},Ot=["title"],Lt={key:0,class:"resource-url"};var Rt={name:"StandardResourceCard",components:{StreamableContent:Oe},props:{resource:{type:Object,required:!0},shouldStream:{type:Boolean,required:!1,default:!1}},emits:["streaming-complete"],data(){return{resourceUrl:this.resource.metadata?.streamable.source||this.resource.streamable.url,resourceTitle:{...this.resource.title},resourceMetadataSource:this.resource.metadata?.source}},computed:{favIconUrl(){const e=this.resourceUrl;try{return`https://www.google.com/s2/favicons?domain=${new URL(e).hostname}`}catch(e){return""}},urlWithUtmTracking(){const e=this.resourceUrl;try{const t=new URL(e);return t.searchParams.set("utm_source","flowfuse-expert"),t.searchParams.set("utm_medium","assistant"),t.searchParams.set("utm_campaign","expert-chat"),t.toString()}catch(t){return e}}},watch:{resourceTitle(e){e.streamed&&this.$emit("streaming-complete")}},methods:{handleImageError(e){e.target.style.display="none"}}},Ut={name:"ListResources",components:{StreamableContent:Oe,StandardResourceCard:(0,N.A)(Rt,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content");return(0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[(0,o.createCommentVNode)(" todo clean resource.url references after transitioning to v4 api "),(0,o.createElementVNode)("a",{href:r.urlWithUtmTracking,target:"_blank",rel:"noopener noreferrer",class:"resource-card"},[(0,o.createElementVNode)("img",{src:r.favIconUrl,alt:s.resource.type,class:"resource-icon",onError:t[0]||(t[0]=(...e)=>r.handleImageError&&r.handleImageError(...e))},null,40,Pt),(0,o.createElementVNode)("div",_t,[(0,o.createElementVNode)("div",{class:"resource-title",title:n.resourceTitle.streamable},[(0,o.createVNode)(l,{modelValue:n.resourceTitle,"onUpdate:modelValue":t[1]||(t[1]=e=>n.resourceTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])],8,Ot),!s.shouldStream||n.resourceTitle.streamed?((0,o.openBlock)(),(0,o.createElementBlock)("div",Lt,[n.resourceMetadataSource?((0,o.openBlock)(),(0,o.createBlock)(l,{key:0,modelValue:n.resourceMetadataSource,"onUpdate:modelValue":t[2]||(t[2]=e=>n.resourceMetadataSource=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])):s.resource.url?((0,o.openBlock)(),(0,o.createBlock)(l,{key:1,string:n.resourceUrl,"should-stream":s.shouldStream},null,8,["string","should-stream"])):(0,o.createCommentVNode)("v-if",!0)])):(0,o.createCommentVNode)("v-if",!0)])],8,Mt)],2112)}],["__scopeId","data-v-e5b6b04e"]])},props:{resources:{type:Array,required:!0},shouldStream:{type:Boolean,default:!1}},emits:["streaming-complete"],setup(){const{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}=ze();return{initStreamer:e,updateCardStreamingState:t,visibleItems:s,items:o}},data(){return{resourceTitle:{streamable:"Related Resources",streamed:!1}}},async mounted(){const e=this.resources.map(e=>({title:e.title,url:e.url,metadata:e.metadata}));await this.initStreamer(e,{shouldStream:this.shouldStream}),this.$emit("streaming-complete")}},Ft=(0,N.A)(Ut,[["render",function(e,t,s,a,n,r){const l=(0,o.resolveComponent)("streamable-content"),i=(0,o.resolveComponent)("StandardResourceCard");return s.resources&&s.resources.length>0?((0,o.openBlock)(),(0,o.createElementBlock)("div",It,[(0,o.createElementVNode)("h4",At,[(0,o.createVNode)(l,{modelValue:n.resourceTitle,"onUpdate:modelValue":t[0]||(t[0]=e=>n.resourceTitle=e),"should-stream":s.shouldStream},null,8,["modelValue","should-stream"])]),!s.shouldStream||n.resourceTitle.streamed?((0,o.openBlock)(),(0,o.createElementBlock)("div",Tt,[((0,o.openBlock)(!0),(0,o.createElementBlock)(o.Fragment,null,(0,o.renderList)(a.visibleItems,(e,t)=>((0,o.openBlock)(),(0,o.createBlock)(i,{key:t,resource:e,"should-stream":s.shouldStream,onStreamingComplete:s=>a.updateCardStreamingState(e,t)},null,8,["resource","should-stream","onStreamingComplete"]))),128))])):(0,o.createCommentVNode)("v-if",!0)])):(0,o.createCommentVNode)("v-if",!0)}],["__scopeId","data-v-3c3ee9c0"]]),Dt={name:"RichContent",components:{StreamableContent:Oe},props:{content:{required:!0,type:String},messa