@copilotkit/vue 1.61.2 → 1.62.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/PARITY.md +7 -7
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +12 -11
- package/dist/styles.css +1 -1
- package/dist/{use-render-activity-message-B1YTA0pi.js → use-render-activity-message-8_HyVZWc.js} +2079 -2072
- package/dist/use-render-activity-message-8_HyVZWc.js.map +1 -0
- package/dist/use-render-activity-message-BqgmNPCz.cjs +85 -0
- package/dist/use-render-activity-message-BqgmNPCz.cjs.map +1 -0
- package/dist/v2/components/chat/CopilotChatView.vue.d.ts.map +1 -1
- package/dist/v2/components/chat/index.d.ts.map +1 -1
- package/dist/v2/hooks/use-agent.d.ts.map +1 -1
- package/dist/v2/index.cjs +1 -1
- package/dist/v2/index.d.cts +1 -0
- package/dist/v2/index.d.mts +1 -0
- package/dist/v2/index.d.ts +1 -0
- package/dist/v2/index.d.ts.map +1 -1
- package/dist/v2/index.mjs +8 -7
- package/dist/v2/providers/CopilotKitProvider.vue.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/v2/__tests__/exports.test.ts +7 -0
- package/src/v2/components/chat/CopilotChatInput.vue +1 -1
- package/src/v2/components/chat/CopilotChatSuggestionView.vue +1 -1
- package/src/v2/components/chat/CopilotChatView.vue +3 -3
- package/src/v2/hooks/__tests__/use-agent.test.ts +60 -1
- package/src/v2/hooks/use-agent.ts +4 -1
- package/src/v2/index.ts +5 -0
- package/src/v2/providers/CopilotKitProvider.vue +21 -6
- package/src/v2/providers/__tests__/CopilotKitProvider.a2ui.test.ts +78 -0
- package/dist/use-render-activity-message-9_0XvKn5.cjs +0 -85
- package/dist/use-render-activity-message-9_0XvKn5.cjs.map +0 -1
- package/dist/use-render-activity-message-B1YTA0pi.js.map +0 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";var Jn=Object.create;var Dt=Object.defineProperty;var Xn=Object.getOwnPropertyDescriptor;var Qn=Object.getOwnPropertyNames;var Yn=Object.getPrototypeOf,Zn=Object.prototype.hasOwnProperty;var eo=(t,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Qn(o))!Zn.call(t,r)&&r!==n&&Dt(t,r,{get:()=>o[r],enumerable:!(a=Xn(o,r))||a.enumerable});return t};var Pt=(t,o,n)=>(n=t!=null?Jn(Yn(t)):{},eo(o||!t||!t.__esModule?Dt(n,"default",{value:t,enumerable:!0}):n,t));const e=require("vue"),J=require("zod"),z=require("@copilotkit/shared"),It=require("zod-to-json-schema"),pe=require("@copilotkit/core"),ut=require("@a2ui/web_core/v0_9"),he=require("@a2ui/web_core/v0_9/basic_catalog"),De=require("@ag-ui/client"),oe=require("lucide-vue-next"),on=require("streamdown-vue"),an=e.defineComponent({inheritAttrs:!1,__name:"CopilotKitInspector",props:{core:{}},setup(t){const o=t,n=e.useAttrs(),a=e.shallowRef(null);let r=!0;return e.onMounted(()=>{import("@copilotkit/web-inspector").then(s=>{s.defineWebInspector?.(),r&&(a.value=s.WEB_INSPECTOR_TAG)}).catch(s=>{console.error("Failed to load CopilotKit inspector:",s)})}),e.onUnmounted(()=>{r=!1}),(s,i)=>a.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.mergeProps({key:0},e.unref(n),{".core":o.core??null}),null,48,[".core"])):e.createCommentVNode("",!0)}}),sn=Symbol("CopilotKit"),wt=Symbol("CopilotChatConfiguration"),rn=Symbol("SandboxFunctions");function be(){const t=e.inject(sn);if(!t)throw new Error("useCopilotKit must be used within CopilotKitProvider");return t}const to="2025-06-18";function no(t){const o="'self' 'wasm-unsafe-eval' 'unsafe-inline' 'unsafe-eval' blob: data: http://localhost:* https://localhost:*",n="* blob: data: http://localhost:* https://localhost:*",a=t?.length?` ${t.join(" ")}`:"",r=`${o}${a}`,s=`${n}${a}`;return`<!doctype html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8" />
|
|
5
|
+
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src * data: blob: 'unsafe-inline'; media-src * blob: data:; font-src * blob: data:; script-src ${r}; style-src * blob: data: 'unsafe-inline'; connect-src *; frame-src ${s}; base-uri 'self';" />
|
|
6
|
+
<style>html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden}*{box-sizing:border-box}iframe{background-color:transparent;border:none;padding:0;overflow:hidden;width:100%;height:100%}</style>
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<script>
|
|
10
|
+
if(window.self===window.top){throw new Error("This file must be used in an iframe.")}
|
|
11
|
+
const inner=document.createElement("iframe");
|
|
12
|
+
inner.style="width:100%;height:100%;border:none;";
|
|
13
|
+
inner.setAttribute("sandbox","allow-scripts allow-same-origin allow-forms");
|
|
14
|
+
document.body.appendChild(inner);
|
|
15
|
+
window.addEventListener("message",async(event)=>{
|
|
16
|
+
if(event.source===window.parent){
|
|
17
|
+
if(event.data&&event.data.method==="ui/notifications/sandbox-resource-ready"){
|
|
18
|
+
const{html,sandbox}=event.data.params;
|
|
19
|
+
if(typeof sandbox==="string")inner.setAttribute("sandbox",sandbox);
|
|
20
|
+
if(typeof html==="string")inner.srcdoc=html;
|
|
21
|
+
}else if(inner&&inner.contentWindow){
|
|
22
|
+
inner.contentWindow.postMessage(event.data,"*");
|
|
23
|
+
}
|
|
24
|
+
}else if(event.source===inner.contentWindow){
|
|
25
|
+
window.parent.postMessage(event.data,"*");
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
window.parent.postMessage({jsonrpc:"2.0",method:"ui/notifications/sandbox-proxy-ready",params:{}},"*");
|
|
29
|
+
<\/script>
|
|
30
|
+
</body>
|
|
31
|
+
</html>`}class oo{queues=new Map;processing=new Map;async enqueue(o,n){const a=o.threadId||"default";return new Promise((r,s)=>{let i=this.queues.get(a);i||(i=[],this.queues.set(a,i)),i.push({execute:n,resolve:r,reject:s}),this.processQueue(a,o)})}async processQueue(o,n){if(!this.processing.get(o)){this.processing.set(o,!0);try{const a=this.queues.get(o);if(!a)return;for(;a.length>0;){const r=a[0];try{await this.waitForAgentIdle(n);const s=await r.execute();r.resolve(s)}catch(s){r.reject(s instanceof Error?s:new Error(String(s)))}a.shift()}}finally{this.processing.set(o,!1)}}}cancel(o){const n=this.queues.get(o);if(n){for(const a of n)a.reject(new Error("MCPAppsRequestQueue cancelled on unmount"));n.length=0}this.queues.delete(o),this.processing.delete(o)}waitForAgentIdle(o){return new Promise((n,a)=>{if(!o.isRunning){n();return}let r=!1;const s=setTimeout(()=>{r||(r=!0,clearInterval(c),l.unsubscribe(),a(new Error("[CopilotKit] Timed out waiting for agent to become idle")))},3e4),i=()=>{r||(r=!0,clearTimeout(s),clearInterval(c),l.unsubscribe(),n())},l=o.subscribe({onRunFinalized:i,onRunFailed:i}),c=setInterval(()=>{o.isRunning||i()},500)})}}const st=new oo,ln="mcp-apps",cn=J.z.object({result:J.z.object({content:J.z.array(J.z.any()).optional(),structuredContent:J.z.any().optional(),isError:J.z.boolean().optional()}),resourceUri:J.z.string(),serverHash:J.z.string(),serverId:J.z.string().optional(),toolInput:J.z.record(J.z.string(),J.z.unknown()).optional()});function ao(t){return"id"in t&&"method"in t}function so(t){return!("id"in t)&&"method"in t}const un=e.defineComponent({name:"MCPAppsActivityRenderer",props:{activityType:{type:String,required:!0},content:{type:Object,required:!0},message:{type:Object,required:!0},agent:{type:Object,required:!1,default:void 0}},setup(t){const{copilotkit:o}=be(),n=e.ref(null),a=e.ref(null),r=e.ref(!1),s=e.ref(null),i=e.ref(!0),l=e.ref({}),c=e.ref(null),f=e.ref({inProgress:!1,promise:null,resourceUri:null}),C=y=>{a.value?.contentWindow&&a.value.contentWindow.postMessage(y,"*")},p=(y,g)=>{C({jsonrpc:"2.0",id:y,result:g})},m=(y,g,b)=>{C({jsonrpc:"2.0",id:y,error:{code:g,message:b}})},u=(y,g)=>{C({jsonrpc:"2.0",method:y,params:g||{}})};e.watch([()=>t.agent,()=>t.content],([y,g])=>{i.value=!0,s.value=null,r.value=!1,l.value={},c.value=null;const{resourceUri:b,serverHash:d,serverId:k}=g;if(f.value.inProgress&&f.value.resourceUri===b){f.value.promise?.then(w=>{w&&(c.value=w,i.value=!1)}).catch(w=>{s.value=w instanceof Error?w:new Error(String(w)),i.value=!1});return}if(!y){s.value=new Error("No agent available to fetch resource"),i.value=!1;return}f.value.inProgress=!0,f.value.resourceUri=b;const v=(async()=>{try{const R=(await st.enqueue(y,()=>y.runAgent({forwardedProps:{__proxiedMCPRequest:{serverHash:d,serverId:k,method:"resources/read",params:{uri:b}}}}))).result?.contents?.[0];if(!R)throw new Error("No resource content in response");return R}finally{f.value.inProgress=!1}})();f.value.promise=v,v.then(w=>{w&&(c.value=w,i.value=!1)}).catch(w=>{s.value=w instanceof Error?w:new Error(String(w)),i.value=!1})},{immediate:!0}),e.watch([i,c],([y,g],b,d)=>{if(y||!g)return;const k=n.value;if(!k)return;let v=!0,w=null,x=null,R=null;(async()=>{try{const I=document.createElement("iframe");R=I,I.style.width="100%",I.style.height="100px",I.style.border="none",I.style.backgroundColor="transparent",I.style.display="block",I.setAttribute("sandbox","allow-scripts allow-same-origin allow-forms");const B=new Promise(W=>{x=D=>{D.source===I.contentWindow&&D.data?.method==="ui/notifications/sandbox-proxy-ready"&&(x&&(window.removeEventListener("message",x),x=null),W())},window.addEventListener("message",x)});if(!v){x&&(window.removeEventListener("message",x),x=null);return}const j=c.value?._meta?.ui?.csp?.resourceDomains;if(I.srcdoc=no(j),a.value=I,k.appendChild(I),await B,!v)return;w=async W=>{if(W.source!==I.contentWindow)return;const D=W.data;if(!(!D||typeof D!="object"||D.jsonrpc!=="2.0")){if(ao(D))switch(D.method){case"ui/initialize":{p(D.id,{protocolVersion:to,hostInfo:{name:"CopilotKit MCP Apps Host",version:"1.0.0"},hostCapabilities:{openLinks:{},logging:{}},hostContext:{theme:"light",platform:"web"}});break}case"ui/message":{const L=t.agent;if(!L){p(D.id,{isError:!1});break}try{const G=D.params,X=G?.role||"user",T=G?.content?.filter(F=>F.type==="text"&&F.text).map(F=>F.text).join(`
|
|
32
|
+
`)||"";T&&L.addMessage({id:z.randomUUID(),role:X,content:T}),p(D.id,{isError:!1}),(G?.followUp??X==="user")&&T&&st.enqueue(L,()=>o.value.runAgent({agent:L})).catch(F=>{console.error("[MCPAppsRenderer] ui/message agent run failed:",F)})}catch(G){console.error("[CopilotKit] MCPApps ui/message handler error:",G),p(D.id,{isError:!0})}break}case"ui/open-link":{const L=D.params?.url;if(!L){m(D.id,-32602,"Missing url parameter");break}window.open(L,"_blank","noopener,noreferrer"),p(D.id,{isError:!1});break}case"tools/call":{const{serverHash:L,serverId:G}=t.content,X=t.agent;if(!L){m(D.id,-32603,"No server hash available for proxying");break}if(!X){m(D.id,-32603,"No agent available for proxying");break}try{const T=await st.enqueue(X,()=>X.runAgent({forwardedProps:{__proxiedMCPRequest:{serverHash:L,serverId:G,method:"tools/call",params:D.params}}}));p(D.id,T.result||{})}catch(T){m(D.id,-32603,String(T))}break}default:m(D.id,-32601,`Method not found: ${D.method}`)}if(so(D))switch(D.method){case"ui/notifications/initialized":v&&(r.value=!0);break;case"ui/notifications/size-changed":{const{width:L,height:G}=D.params||{};v&&(l.value={width:typeof L=="number"?L:void 0,height:typeof G=="number"?G:void 0});break}}}},window.addEventListener("message",w);const ee=g.text?g.text:g.blob?atob(g.blob):null;if(!ee)throw new Error("Resource has no text or blob content");u("ui/notifications/sandbox-resource-ready",{html:ee})}catch(I){v&&(s.value=I instanceof Error?I:new Error(String(I)))}})(),d(()=>{v=!1,x&&(window.removeEventListener("message",x),x=null),w&&window.removeEventListener("message",w),R&&(R.remove(),R=null),a.value=null})},{flush:"post"}),e.watch(l,y=>{a.value&&(y.width!==void 0&&(a.value.style.minWidth=`min(${y.width}px, 100%)`,a.value.style.width="100%"),y.height!==void 0&&(a.value.style.height=`${y.height}px`))},{deep:!0}),e.watch([r,()=>t.content.toolInput],([y,g])=>{y&&g&&u("ui/notifications/tool-input",{arguments:g})},{deep:!0}),e.watch([r,()=>t.content.result],([y,g])=>{y&&g&&u("ui/notifications/tool-result",g)},{deep:!0});const h=e.computed(()=>c.value?._meta?.ui?.prefersBorder!==!0?{}:{borderRadius:"8px",backgroundColor:"#f9f9f9",border:"1px solid #e0e0e0"});return e.onBeforeUnmount(()=>{const y=t.agent?.threadId||"default";st.cancel(y)}),()=>e.h("div",{ref:n,style:{width:"100%",height:l.value.height!==void 0?`${l.value.height}px`:"auto",minHeight:"100px",overflow:"hidden",position:"relative",...h.value}},[i.value?e.h("div",{style:{padding:"1rem",color:"#666"}},"Loading..."):null,s.value?e.h("div",{style:{color:"red",padding:"1rem"}},`Error: ${s.value.message}`):null])}}),ro="a2ui-surface",io=J.z.object({operations:J.z.array(J.z.record(J.z.string(),J.z.unknown()))});function Ct(t){return t.surfaceId??t.beginRendering?.surfaceId??t.surfaceUpdate?.surfaceId??t.dataModelUpdate?.surfaceId??t.deleteSurface?.surfaceId??t.createSurface?.surfaceId??t.updateComponents?.surfaceId??t.updateDataModel?.surfaceId??"default"}class dn extends pe.CopilotKitCore{_renderToolCalls=[];_hookRenderToolCalls=new Map;_cachedMergedRenderToolCalls=null;_renderCustomMessages=[];_renderActivityMessages=[];_interruptState=null;constructor(o){super(o),this._renderToolCalls=o.renderToolCalls??[],this._renderCustomMessages=o.renderCustomMessages??[],this._renderActivityMessages=o.renderActivityMessages??[]}get renderCustomMessages(){return this._renderCustomMessages}get renderActivityMessages(){return this._renderActivityMessages}setRenderActivityMessages(o){this._renderActivityMessages=[...o]}setRenderCustomMessages(o){this._renderCustomMessages=[...o],this.notifySubscribers(n=>{n.onRenderCustomMessagesChanged?.({copilotkit:this,renderCustomMessages:[...this.renderCustomMessages]})},"Subscriber onRenderCustomMessagesChanged error:")}get propRenderToolCalls(){return this._renderToolCalls}get renderToolCalls(){if(this._hookRenderToolCalls.size===0)return this._renderToolCalls;if(this._cachedMergedRenderToolCalls)return this._cachedMergedRenderToolCalls;const o=new Map;for(const n of this._renderToolCalls)o.set(`${n.agentId??""}:${n.name}`,n);for(const[n,a]of this._hookRenderToolCalls)o.set(n,a);return this._cachedMergedRenderToolCalls=Array.from(o.values()),this._cachedMergedRenderToolCalls}get interruptState(){return this._interruptState}setRenderToolCalls(o){this._renderToolCalls=[...o],this._cachedMergedRenderToolCalls=null,this._notifyRenderToolCallsChanged()}addHookRenderToolCall(o){const n=`${o.agentId??""}:${o.name}`;this._hookRenderToolCalls.set(n,o),this._cachedMergedRenderToolCalls=null,this._notifyRenderToolCallsChanged()}removeHookRenderToolCall(o,n){const a=`${n??""}:${o}`;this._hookRenderToolCalls.delete(a)&&(this._cachedMergedRenderToolCalls=null,this._notifyRenderToolCallsChanged())}_notifyRenderToolCallsChanged(){this.notifySubscribers(o=>{const n=o;n.onRenderToolCallsChanged&&n.onRenderToolCallsChanged({copilotkit:this,renderToolCalls:[...this.renderToolCalls]})},"Subscriber onRenderToolCallsChanged error:")}setInterruptState(o){this._interruptState=o,this.notifySubscribers(n=>{n.onInterruptStateChanged?.({copilotkit:this,interruptState:this._interruptState})},"Subscriber onInterruptStateChanged error:")}subscribe(o){return super.subscribe(o)}async waitForPendingFrameworkUpdates(){await e.nextTick()}}const zt="a2ui_operations",lo=e.defineComponent({name:"DefaultA2UILoading",setup(){const t=[.8,.6,.4];return()=>e.h("div",{class:"cpk:flex cpk:flex-col cpk:gap-3 cpk:rounded-xl cpk:border cpk:border-gray-100 cpk:bg-gray-50/50 cpk:p-5",style:{minHeight:"120px"},"data-testid":"a2ui-loading"},[e.h("div",{class:"cpk:flex cpk:items-center cpk:gap-2"},[e.h("div",{class:"cpk:h-3 cpk:w-3 cpk:rounded-full cpk:bg-gray-200",style:{animation:"cpk-a2ui-pulse 1.5s ease-in-out infinite"},"data-testid":"a2ui-loading-dot"}),e.h("span",{class:"cpk:text-xs cpk:font-medium cpk:text-gray-400"},"Generating UI...")]),e.h("div",{class:"cpk:flex cpk:flex-col cpk:gap-2"},t.map((o,n)=>e.h("div",{key:n,class:"cpk:h-3 cpk:rounded cpk:bg-gray-200/70",style:{width:`${o*100}%`,animation:`cpk-a2ui-pulse 1.5s ease-in-out ${n*.15}s infinite`},"data-testid":"a2ui-loading-bar"}))),e.h("style",{},`@keyframes cpk-a2ui-pulse {
|
|
33
|
+
0%, 100% { opacity: 0.4; }
|
|
34
|
+
50% { opacity: 1; }
|
|
35
|
+
}`)])}});function pn(t){return{activityType:"a2ui-surface",content:J.z.any(),render:e.defineComponent({name:"A2UIMessageRendererHost",props:{activityType:{type:String,required:!0},content:{type:Object,required:!0},message:{type:Object,required:!0},agent:{type:Object,required:!1,default:void 0}},setup(o){const n=e.computed(()=>Array.isArray(o.content?.[zt])?o.content[zt]:[]);return()=>n.value.length===0?t.loadingComponent?e.h(t.loadingComponent):e.h(lo):e.h(In,{activityType:"a2ui-surface",content:{operations:n.value},message:o.message,agent:o.agent,theme:t.theme,catalog:t.catalog})}})}}function ct(t){const o=t.name==="*"&&!t.args?J.z.any():t.args;return{name:t.name,args:o,render:t.render,...t.agentId?{agentId:t.agentId}:{}}}const kt="render_a2ui";function co(t,o){e.watch([()=>t.value,o],([n,a],r,s)=>{if(!a)return;const i=ct({name:kt,args:J.z.any(),render:({status:c,args:f})=>{if(c==="complete")return null;const C=f,p=C?.items;if(Array.isArray(p)&&p.length>0)return null;const m=C?.components;return Array.isArray(m)&&m.length>2?null:uo(f)}}),l=n.propRenderToolCalls;n.setRenderToolCalls([...l.filter(c=>c.name!==kt),i]),s(()=>{const c=n.propRenderToolCalls;n.setRenderToolCalls(c.filter(f=>f.name!==kt)),xt.clear()})},{immediate:!0})}const xt=new Map;function uo(t){const o=t,n=typeof o?.name=="string"?o.name:"__default__";let a=xt.get(n);a||(a={lastTime:0,lastTokens:0},xt.set(n,a));const r=Date.now();let s=a.lastTokens;if(r-a.lastTime>200){const p=JSON.stringify(t??{}).length;s=Math.round(p/4),a.lastTime=r,a.lastTokens=s}const i=s<50?0:s<200?1:s<400?2:3,l=()=>e.h("div",{style:{width:"7px",height:"7px",borderRadius:"50%",backgroundColor:"#d4d4d8",flexShrink:0}}),c=()=>e.h("div",{style:{width:"12px"}}),f=(p,m,u,h,y,g)=>e.h("div",{style:{width:`${p}px`,height:`${m}px`,borderRadius:"9999px",backgroundColor:u,...h!==void 0?{animation:`cpk-a2ui-fade 2.4s ease-in-out ${h}s infinite`}:{},...y!==void 0?{opacity:y}:{},...g?{transition:g}:{}}}),C=(p,m,u)=>e.h("div",{style:{display:"flex",alignItems:"center",gap:"6px",opacity:p?1:0,transition:`opacity 0.4s ${m}s`}},u);return e.h("div",{style:{margin:"12px 0",maxWidth:"320px"}},[e.h("div",{style:{position:"relative",overflow:"hidden",borderRadius:"12px",border:"1px solid rgba(228,228,231,0.8)",backgroundColor:"#fff",boxShadow:"0 1px 2px rgba(0,0,0,0.04)",padding:"16px 18px 14px"}},[e.h("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"12px"}},[e.h("div",{style:{display:"flex",gap:"4px"}},[l(),l(),l()]),f(64,6,"#e4e4e7",void 0,i>=1?1:.4,"opacity 0.5s")]),e.h("div",{style:{display:"grid",gap:"7px"}},[C(i>=0,0,[f(36,7,"rgba(147,197,253,0.7)",0),f(80,7,"rgba(219,234,254,0.8)",.2)]),C(i>=0,.1,[c(),l(),f(100,7,"rgba(24,24,27,0.2)",.3)]),C(i>=1,.15,[c(),f(48,7,"rgba(24,24,27,0.15)",.1),f(40,7,"rgba(153,246,228,0.6)",.5),f(56,7,"rgba(147,197,253,0.6)",.3)]),C(i>=1,.2,[c(),l(),f(60,7,"rgba(24,24,27,0.15)",.4)]),C(i>=2,.25,[f(40,7,"rgba(153,246,228,0.5)",.2),l(),f(48,7,"rgba(24,24,27,0.15)",.6),f(64,7,"rgba(147,197,253,0.5)",.1)]),C(i>=2,.3,[f(36,7,"rgba(147,197,253,0.6)",.5),f(36,7,"rgba(24,24,27,0.12)",.7)]),C(i>=3,.35,[l(),f(44,7,"rgba(24,24,27,0.18)",.3),l(),f(56,7,"rgba(153,246,228,0.5)",.8),f(48,7,"rgba(147,197,253,0.5)",.4)])]),e.h("div",{style:{pointerEvents:"none",position:"absolute",inset:"0",background:"linear-gradient(105deg, transparent 0%, transparent 40%, rgba(255,255,255,0.6) 50%, transparent 60%, transparent 100%)",backgroundSize:"250% 100%",animation:"cpk-a2ui-sweep 3s ease-in-out infinite"}})]),e.h("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",marginTop:"8px"}},[e.h("span",{style:{fontSize:"12px",color:"#a1a1aa",letterSpacing:"0.025em"}},"Building interface"),...s>0?[e.h("span",{style:{fontSize:"11px",color:"#d4d4d8",fontVariantNumeric:"tabular-nums"}},`~${s.toLocaleString()} tokens`)]:[]]),e.h("style",`
|
|
36
|
+
@keyframes cpk-a2ui-fade {
|
|
37
|
+
0%, 100% { opacity: 1; }
|
|
38
|
+
50% { opacity: 0.5; }
|
|
39
|
+
}
|
|
40
|
+
@keyframes cpk-a2ui-sweep {
|
|
41
|
+
0% { background-position: 250% 0; }
|
|
42
|
+
100% { background-position: -250% 0; }
|
|
43
|
+
}
|
|
44
|
+
`)])}function ke(t,o,n){const a=e.defineComponent({name:`A2UI_${t.name}`,props:{context:{type:Object,required:!0},buildChild:{type:Function,required:!0}},setup(r){const s=e.ref({});let i=null;const l=n?n():void 0;function c(f){i&&i.dispose(),i=new ut.GenericBinder(f,t.schema),s.value=i.snapshot,i.subscribe(C=>{s.value=C})}return c(r.context),e.watch(()=>r.context,f=>{c(f)}),e.onUnmounted(()=>{i&&(i.dispose(),i=null)}),()=>o({props:s.value,buildChild:r.buildChild,context:r.context,state:l})}});return{name:t.name,schema:t.schema,render:a}}const Ne="8px",po="16px",Je="1px solid #ccc",dt="8px",mn=t=>{switch(t){case"center":return"center";case"end":return"flex-end";case"spaceAround":return"space-around";case"spaceBetween":return"space-between";case"spaceEvenly":return"space-evenly";case"start":return"flex-start";case"stretch":return"stretch";default:return"flex-start"}},At=t=>{switch(t){case"start":return"flex-start";case"center":return"center";case"end":return"flex-end";case"stretch":return"stretch";default:return"stretch"}},Ye=()=>({margin:Ne,boxSizing:"border-box"}),mo=()=>({margin:Ne,padding:po,border:Je,borderRadius:dt,boxSizing:"border-box"});function Rt(t,o){return Array.isArray(t)?t.map(n=>{if(n&&typeof n=="object"&&"id"in n){const a=n;return o(a.id,a.basePath)}return typeof n=="string"?o(n):null}).filter(n=>n!==null):[]}let fo=0;function pt(){return`a2ui-vue-${++fo}`}const go=ke(he.TextApi,({props:t})=>{const o=t.text??"",n={...Ye(),display:"inline-block"};switch(t.variant){case"h1":return e.h("h1",{style:n},o);case"h2":return e.h("h2",{style:n},o);case"h3":return e.h("h3",{style:n},o);case"h4":return e.h("h4",{style:n},o);case"h5":return e.h("h5",{style:n},o);case"caption":return e.h("small",{style:{...n,color:"#666",textAlign:"left"}},o);default:return e.h("span",{style:n},o)}}),ho=ke(he.ImageApi,({props:t})=>{const o=a=>a==="scaleDown"?"scale-down":a||"fill",n={...Ye(),objectFit:o(t.fit),width:"100%",height:"auto",display:"block"};return t.variant==="icon"?(n.width="24px",n.height="24px"):t.variant==="avatar"?(n.width="40px",n.height="40px",n.borderRadius="50%"):t.variant==="smallFeature"?n.maxWidth="100px":t.variant==="largeFeature"?n.maxHeight="400px":t.variant==="header"&&(n.height="200px",n.objectFit="cover"),e.h("img",{src:t.url,alt:t.description||"",style:n})}),vo=ke(he.IconApi,({props:t})=>{const o=typeof t.name=="string"?t.name:t.name?.path,n={...Ye(),fontSize:"24px",width:"24px",height:"24px",display:"inline-flex",alignItems:"center",justifyContent:"center"};return e.h("span",{class:"material-symbols-outlined",style:n},o)}),ko=ke(he.VideoApi,({props:t})=>{const o={...Ye(),width:"100%",aspectRatio:"16/9"};return e.h("video",{src:t.url,controls:!0,style:o})}),bo=ke(he.AudioPlayerApi,({props:t})=>{const o={...Ye(),width:"100%"};return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%"}},[t.description?e.h("span",{style:{fontSize:"12px",color:"#666"}},t.description):null,e.h("audio",{src:t.url,controls:!0,style:o})])}),yo=ke(he.RowApi,({props:t,buildChild:o})=>e.h("div",{style:{display:"flex",flexDirection:"row",justifyContent:mn(t.justify),alignItems:At(t.align),width:"100%",margin:"0",padding:"0"}},Rt(t.children,o))),wo=ke(he.ColumnApi,({props:t,buildChild:o})=>e.h("div",{style:{display:"flex",flexDirection:"column",justifyContent:mn(t.justify),alignItems:At(t.align),width:"100%",margin:"0",padding:"0"}},Rt(t.children,o))),Co=ke(he.ListApi,({props:t,buildChild:o})=>{const n=t.direction==="horizontal",a={display:"flex",flexDirection:n?"row":"column",alignItems:At(t.align),overflowX:n?"auto":"hidden",overflowY:n?"hidden":"auto",width:"100%",margin:"0",padding:"0"};return e.h("div",{style:a},Rt(t.children,o))}),xo=ke(he.CardApi,({props:t,buildChild:o})=>{const n={...mo(),backgroundColor:"#fff",boxShadow:"0 2px 4px rgba(0,0,0,0.1)",width:"100%"};return e.h("div",{style:n},[t.child?o(t.child):null])}),So=ke(he.TabsApi,({props:t,buildChild:o,state:n})=>{const a=t.tabs||[];return e.h("div",{style:{display:"flex",flexDirection:"column",width:"100%",margin:Ne}},[e.h("div",{style:{display:"flex",borderBottom:"1px solid #ccc",marginBottom:"8px"}},a.map((r,s)=>{const i=typeof r.title=="string"?r.title:String(r.title??"");return e.h("button",{key:s,onClick:()=>{n.selectedIndex.value=s},style:{padding:"8px 16px",border:"none",background:"none",borderBottom:n.selectedIndex.value===s?"2px solid var(--a2ui-primary-color, #007bff)":"none",fontWeight:n.selectedIndex.value===s?"bold":"normal",cursor:"pointer",color:n.selectedIndex.value===s?"var(--a2ui-primary-color, #007bff)":"inherit"}},i)})),e.h("div",{style:{flex:"1"}},[a[n.selectedIndex.value]?.child?o(a[n.selectedIndex.value].child):null])])},()=>({selectedIndex:e.ref(0)})),To=ke(he.DividerApi,({props:t})=>{const o=t.axis==="vertical",n={margin:Ne,border:"none",backgroundColor:"#ccc"};return o?(n.width="1px",n.height="100%"):(n.width="100%",n.height="1px"),e.h("div",{style:n})}),Io=ke(he.ModalApi,({props:t,buildChild:o,state:n})=>e.h("div",{},[e.h("div",{onClick:()=>{n.isOpen.value=!0},style:{display:"inline-block"}},[t.trigger?o(t.trigger):null]),n.isOpen.value?e.h("div",{style:{position:"fixed",top:"0",left:"0",right:"0",bottom:"0",backgroundColor:"rgba(0,0,0,0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:"1000"},onClick:()=>{n.isOpen.value=!1}},[e.h("div",{style:{backgroundColor:"#fff",padding:"24px",borderRadius:"8px",maxWidth:"90%",maxHeight:"90%",overflow:"auto",display:"flex",flexDirection:"column"},onClick:a=>a.stopPropagation()},[e.h("div",{style:{display:"flex",justifyContent:"flex-end"}},[e.h("button",{onClick:()=>{n.isOpen.value=!1},style:{border:"none",background:"none",fontSize:"20px",cursor:"pointer",padding:"4px"}},"×")]),e.h("div",{style:{flex:"1"}},[t.content?o(t.content):null])])]):null]),()=>({isOpen:e.ref(!1)})),Ao=ke(he.ButtonApi,({props:t,buildChild:o})=>{const n={margin:Ne,padding:"8px 16px",cursor:"pointer",border:t.variant==="borderless"?"none":"1px solid #ccc",backgroundColor:t.variant==="primary"?"var(--a2ui-primary-color, #007bff)":t.variant==="borderless"?"transparent":"#fff",color:t.variant==="primary"?"#fff":"inherit",borderRadius:"4px",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"};return e.h("button",{style:n,onClick:t.action,disabled:t.isValid===!1},[t.child?o(t.child):null])}),Ro=ke(he.TextFieldApi,({props:t,state:o})=>{const n=o.id,a=t.variant==="longText",r=t.variant==="number"?"number":t.variant==="obscured"?"password":"text",s={padding:"8px",width:"100%",border:t.validationErrors&&t.validationErrors.length>0?"1px solid red":Je,borderRadius:dt,boxSizing:"border-box"},i=t.validationErrors&&t.validationErrors.length>0;return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",margin:Ne}},[t.label?e.h("label",{for:n,style:{fontSize:"14px",fontWeight:"bold"}},t.label):null,a?e.h("textarea",{id:n,style:s,value:t.value||"",onInput:l=>t.setValue(l.target.value)}):e.h("input",{id:n,type:r,style:s,value:t.value||"",onInput:l=>t.setValue(l.target.value)}),i?e.h("span",{style:{fontSize:"12px",color:"red"}},t.validationErrors[0]):null])},()=>({id:pt()})),Eo=ke(he.CheckBoxApi,({props:t,state:o})=>{const n=o.id,a=t.validationErrors&&t.validationErrors.length>0;return e.h("div",{style:{display:"flex",flexDirection:"column",margin:Ne}},[e.h("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[e.h("input",{id:n,type:"checkbox",checked:!!t.value,onChange:r=>t.setValue(r.target.checked),style:{cursor:"pointer",outline:a?"1px solid red":"none"}}),t.label?e.h("label",{for:n,style:{cursor:"pointer",color:a?"red":"inherit"}},t.label):null]),a?e.h("span",{style:{fontSize:"12px",color:"red",marginTop:"4px"}},t.validationErrors?.[0]):null])},()=>({id:pt()})),$o=ke(he.ChoicePickerApi,({props:t,context:o,state:n})=>{const a=Array.isArray(t.value)?t.value:[],r=t.variant==="mutuallyExclusive",s=l=>{if(r)t.setValue([l]);else{const c=a.includes(l)?a.filter(f=>f!==l):[...a,l];t.setValue(c)}},i=(t.options||[]).filter(l=>!t.filterable||n.filter.value===""||String(typeof l.label=="string"?l.label:"").toLowerCase().includes(n.filter.value.toLowerCase()));return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"8px",margin:Ne,width:"100%"}},[t.label?e.h("strong",{style:{fontSize:"14px"}},t.label):null,t.filterable?e.h("input",{type:"text",placeholder:"Filter options...",value:n.filter.value,onInput:l=>{n.filter.value=l.target.value},style:{padding:"4px 8px",border:Je,borderRadius:dt}}):null,e.h("div",{style:{display:"flex",flexDirection:t.displayStyle==="chips"?"row":"column",flexWrap:t.displayStyle==="chips"?"wrap":"nowrap",gap:"8px"}},i.map((l,c)=>{const f=a.includes(l.value),C=typeof l.label=="string"?l.label:String(l.label??l.value);return t.displayStyle==="chips"?e.h("button",{key:c,onClick:()=>s(l.value),style:{padding:"4px 12px",borderRadius:"16px",border:f?"1px solid var(--a2ui-primary-color, #007bff)":Je,backgroundColor:f?"var(--a2ui-primary-color, #007bff)":"#fff",color:f?"#fff":"inherit",cursor:"pointer",fontSize:"12px"}},C):e.h("label",{key:c,style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"}},[e.h("input",{type:r?"radio":"checkbox",checked:f,onChange:()=>s(l.value),name:r?`choice-${o.componentModel.id}`:void 0}),e.h("span",{style:{fontSize:"14px"}},C)])}))])},()=>({filter:e.ref("")})),Mo=ke(he.SliderApi,({props:t,state:o})=>{const n=o.id;return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",margin:Ne,width:"100%"}},[e.h("div",{style:{display:"flex",justifyContent:"space-between"}},[t.label?e.h("label",{for:n,style:{fontSize:"14px",fontWeight:"bold"}},t.label):null,e.h("span",{style:{fontSize:"12px",color:"#666"}},String(t.value))]),e.h("input",{id:n,type:"range",min:t.min??0,max:t.max,value:t.value??0,onInput:a=>t.setValue(Number(a.target.value)),style:{width:"100%",cursor:"pointer"}})])},()=>({id:pt()})),Bo=ke(he.DateTimeInputApi,({props:t,state:o})=>{const n=o.id;let a="datetime-local";t.enableDate&&!t.enableTime&&(a="date"),!t.enableDate&&t.enableTime&&(a="time");const r={padding:"8px",width:"100%",border:Je,borderRadius:dt,boxSizing:"border-box"};return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",margin:Ne}},[t.label?e.h("label",{for:n,style:{fontSize:"14px",fontWeight:"bold"}},t.label):null,e.h("input",{id:n,type:a,style:r,value:t.value||"",onInput:s=>t.setValue(s.target.value),min:typeof t.min=="string"?t.min:void 0,max:typeof t.max=="string"?t.max:void 0})])},()=>({id:pt()})),Vo=[go,ho,vo,ko,bo,yo,wo,Co,xo,So,To,Io,Ao,Ro,Eo,$o,Mo,Bo],qe=new ut.Catalog("https://a2ui.org/specification/v0_9/basic_catalog.json",Vo,he.BASIC_FUNCTIONS),Fo="A2UI Component Schema — available components for generating UI surfaces. Use these component names and properties when creating A2UI operations.";function No(t){const o=t??qe,n="https://a2ui.org/specification/v0_9/basic_catalog.json",a=[];if(a.push("Available A2UI catalog:"),o.id===n)return a.push(`- ${o.id} (basic catalog)`),a.join(`
|
|
45
|
+
`);let r=!0;for(const i of qe.components.keys())if(!o.components.has(i)){r=!1;break}const s=[];for(const i of o.components.keys())qe.components.has(i)||s.push(i);a.push(`- ${o.id}`),r?a.push(" Extends the basic catalog with all standard components plus:"):(a.push(" Custom catalog (does NOT include all basic components)."),a.push(" Custom components:"));for(const i of s){const l=o.components.get(i);if(!l)continue;const c=It.zodToJsonSchema(l.schema);a.push(` - ${i}:`),a.push(` ${JSON.stringify(c,null,2).split(`
|
|
46
|
+
`).join(`
|
|
47
|
+
`)}`)}return a.join(`
|
|
48
|
+
`)}function Oo(t){const o=t??qe,n={};for(const[a,r]of o.components){const s=It.zodToJsonSchema(r.schema,{target:"jsonSchema2019-09"});n[a]={allOf:[{$ref:"common_types.json#/$defs/ComponentCommon"},{properties:{component:{const:a},...s.properties},required:["component",...s.required??[]]}]}}return{catalogId:o.id,components:n}}function Lo(t,o){const n=e.computed(()=>No(o.catalog()));e.watch([()=>t.value,o.enabled,n],([r,s,i],l,c)=>{if(!s)return;const f=r.a2uiAgents,C=r.addContext({description:"A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.",value:i,...f?{agentIds:f}:{}});c(()=>r.removeContext(C))},{immediate:!0});const a=e.computed(()=>o.includeSchema()?JSON.stringify(Oo(o.catalog())):null);e.watch([()=>t.value,o.enabled,a],([r,s,i],l,c)=>{if(!s||!i)return;const f=r.a2uiAgents,C=f?{agentIds:f}:{},p=[];p.push(r.addContext({description:Fo,value:i,...C})),p.push(r.addContext({description:"A2UI generation guidelines — protocol rules, tool arguments, path rules, data model format, and form/two-way-binding instructions.",value:z.A2UI_DEFAULT_GENERATION_GUIDELINES,...C})),p.push(r.addContext({description:"A2UI design guidelines — visual design rules, component hierarchy tips, and action handler patterns.",value:z.A2UI_DEFAULT_DESIGN_GUIDELINES,...C})),c(()=>{for(const m of p)r.removeContext(m)})},{immediate:!0})}function fn(t){const o=t.match(/<style\b[^>]*>[\s\S]*?<\/style>/gi);return o?o.join(""):""}function gn(t){let o=t;o=o.replace(/<[^>]*$/,""),o=o.replace(/<(style|script|head)\b[^>]*>[\s\S]*?<\/\1>/gi,""),o=o.replace(/<(style|script|head)\b[^>]*>[\s\S]*$/gi,""),o=o.replace(/&[a-zA-Z0-9#]*$/,"");const n=o.match(/<body[^>]*>([\s\S]*)/i);return n&&(o=n[1],o=o.replace(/<\/body>[\s\S]*/i,"")),o}function hn(){const t=e.inject(rn,e.computed(()=>[]));return e.computed(()=>t.value)}const vn="open-generative-ui",kn=J.z.object({initialHeight:J.z.number().optional(),generating:J.z.boolean().optional(),css:J.z.string().optional(),cssComplete:J.z.boolean().optional(),html:J.z.array(J.z.string()).optional(),htmlComplete:J.z.boolean().optional(),jsFunctions:J.z.string().optional(),jsFunctionsComplete:J.z.boolean().optional(),jsExpressions:J.z.array(J.z.string()).optional(),jsExpressionsComplete:J.z.boolean().optional()}),bn=J.z.object({initialHeight:J.z.number().optional(),placeholderMessages:J.z.array(J.z.string()).optional(),css:J.z.string().optional(),html:J.z.string().optional(),jsFunctions:J.z.string().optional(),jsExpressions:J.z.array(J.z.string()).optional()});function Do(t,o){return!!(o.cssComplete&&(!t||!t.cssComplete)||o.htmlComplete||o.generating===!1||o.jsFunctions&&(!t||!t.jsFunctions)||(o.jsExpressions?.length??0)>(t?.jsExpressions?.length??0)||o.html?.length&&(!t||!t.html?.length))}function Po(t){return/<head[\s>]/i.test(t)?t:`<head></head>${t}`}function zo(t,o){const n=t.indexOf("</head>");return n!==-1?t.slice(0,n)+`<style>${o}</style>`+t.slice(n):`<head><style>${o}</style></head>${t}`}async function Ut(){const t=await import("@jetbrains/websandbox");return t.default?.default??t.default}const yn=e.defineComponent({name:"OpenGenerativeUIRenderer",props:{content:{type:Object,required:!0}},setup(t){const o=hn(),n=e.ref(null),a=e.ref(t.content),r=e.ref(t.content),s=e.ref(null),i=e.ref(null),l=e.ref(null),c=e.ref(!1),f=e.ref(!1),C=e.ref(0),p=e.ref(!1),m=e.ref([]),u=e.computed(()=>{const I={};for(const B of o.value)I[B.name]=B.handler;return I});e.watch(()=>t.content,I=>{if(r.value=I,Do(a.value,I)){s.value!==null&&(window.clearTimeout(s.value),s.value=null),a.value=I;return}s.value===null&&(s.value=window.setTimeout(()=>{a.value=r.value,s.value=null},1e3))},{immediate:!0}),e.onBeforeUnmount(()=>{s.value!==null&&window.clearTimeout(s.value)});const h=e.computed(()=>{if(!a.value.htmlComplete&&a.value.html?.length)return a.value.html.join("")}),y=e.computed(()=>h.value?gn(h.value):void 0),g=e.computed(()=>h.value?fn(h.value):""),b=e.computed(()=>a.value.htmlComplete&&a.value.html?.length?a.value.html.join(""):void 0),d=e.computed(()=>a.value.cssComplete?a.value.css:void 0),k=e.computed(()=>!!a.value.cssComplete&&!!y.value&&y.value.trim().length>0),v=e.computed(()=>!!b.value||k.value),w=e.computed(()=>`${a.value.initialHeight??200}px`),x=()=>{l.value&&(l.value.destroy(),l.value=null),f.value=!1},R=()=>{i.value&&(i.value.destroy(),i.value=null),c.value=!1,m.value=[],C.value=0,p.value=!1};e.watch([k,b,d,y,g,()=>n.value],async([I,B],j,ee)=>{if(!I||B||!n.value||l.value)return;let W=!1;try{const D=await Ut();if(W||!n.value)return;const L=D.create({},{frameContainer:n.value,frameContent:"<head></head><body></body>",allowAdditionalAttributes:""});l.value=L,L.iframe.setAttribute("data-testid","open-generative-ui-preview-sandbox"),L.iframe.style.width="100%",L.iframe.style.height="100%",L.iframe.style.border="none",L.iframe.style.backgroundColor="transparent",L.promise.then(()=>{W||!l.value||(f.value=!0,L.run("var s=document.createElement('style');s.textContent='html, body { overflow: hidden !important; }';document.head.appendChild(s);"))})}catch(D){console.error("[OpenGenerativeUI] Failed to load sandbox module:",D)}ee(()=>{W=!0})},{immediate:!0}),e.watch([y,g,d,f],([I,B,j,ee])=>{if(!l.value||!ee)return;const W=[];j&&W.push(`<style>${j}</style>`),B&&W.push(B),W.length&&l.value.run(`document.head.innerHTML = ${JSON.stringify(W.join(""))}`),I&&l.value.run(`document.body.innerHTML = ${JSON.stringify(I)}`)},{immediate:!0}),e.watch([b,d,u,()=>n.value],async([I,B,j],ee,W)=>{if(R(),!I||!n.value)return;x();let D=!1;try{const L=await Ut();if(D||!n.value)return;const G=Po(I),X=B?zo(G,B):G,T=L.create(j,{frameContainer:n.value,frameContent:X,allowAdditionalAttributes:""});i.value=T,T.iframe.setAttribute("data-testid","open-generative-ui-final-sandbox"),T.iframe.style.width="100%",T.iframe.style.height="100%",T.iframe.style.border="none",T.iframe.style.backgroundColor="transparent",T.promise.then(()=>{if(D||!i.value)return;c.value=!0,T.run("var s=document.createElement('style');s.textContent='html, body { overflow: hidden !important; }';document.head.appendChild(s);");const A=a.value.jsFunctions;A&&!p.value&&(p.value=!0,m.value.unshift(A));const F=a.value.jsExpressions;if(F?.length){const re=C.value;re<F.length&&(m.value.push(...F.slice(re)),C.value=F.length)}const H=[...m.value];m.value=[];for(const re of H)T.run(re)})}catch(L){console.error("[OpenGenerativeUI] Failed to load sandbox module:",L)}W(()=>{D=!0})},{immediate:!0}),e.watch(()=>a.value.jsFunctions,I=>{!I||p.value||(p.value=!0,c.value&&i.value?i.value.run(I):m.value.push(I))}),e.watch(()=>a.value.jsExpressions,I=>{if(!I?.length)return;const B=C.value;if(B>=I.length)return;const j=I.slice(B);if(C.value=I.length,c.value&&i.value)for(const ee of j)i.value.run(ee);else m.value.push(...j)},{deep:!0});const E=e.computed(()=>a.value.generating!==!1);return e.watch([k,b],([I,B])=>{B&&x(),I||x()},{immediate:!0}),e.onBeforeUnmount(()=>{s.value!==null&&window.clearTimeout(s.value),x(),R()}),()=>e.h("div",{ref:n,"data-testid":"open-generative-ui-renderer",style:{position:"relative",width:"100%",height:w.value,borderRadius:"8px",backgroundColor:v.value?"transparent":"#f5f5f5",border:v.value?"none":"1px solid #e0e0e0",overflow:"hidden",display:v.value?"block":"flex",alignItems:v.value?void 0:"center",justifyContent:v.value?void 0:"center"}},[v.value?null:e.h("div",{"data-testid":"open-generative-ui-placeholder"},[e.h("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",style:{animation:"ck-spin 1s linear infinite"}},[e.h("circle",{cx:"12",cy:"12",r:"10",stroke:"#e0e0e0","stroke-width":"3"}),e.h("path",{d:"M12 2a10 10 0 0 1 10 10",stroke:"#999","stroke-width":"3","stroke-linecap":"round"})]),e.h("style","@keyframes ck-spin { to { transform: rotate(360deg) } }")]),E.value?e.h("div",{"data-testid":"open-generative-ui-progress-overlay",style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,0.45)"}}):null])}}),wn=e.defineComponent({name:"OpenGenerativeUIActivityRenderer",props:{activityType:{type:String,required:!0},content:{type:Object,required:!0},message:{type:Object,required:!0},agent:{type:Object,required:!1,default:void 0}},setup(t){return()=>e.h(yn,{content:t.content})}}),Cn=e.defineComponent({name:"OpenGenerativeUIToolRenderer",props:{name:{type:String,required:!0},args:{type:Object,required:!0},status:{type:String,required:!0},result:{type:String,required:!1}},setup(t){const o=e.ref(0);return e.watch(()=>t.args.placeholderMessages,(n,a,r)=>{if(!n?.length||t.status===pe.ToolCallStatus.Complete)return;o.value=Math.max(n.length-1,0);const s=window.setInterval(()=>{o.value=(o.value+1)%Math.max(n.length,1)},5e3);r(()=>window.clearInterval(s))},{immediate:!0}),()=>{if(t.status===pe.ToolCallStatus.Complete)return null;const n=t.args.placeholderMessages;if(!n?.length)return null;const a=n[o.value]??n[0];return e.h("div",{style:{padding:"8px 12px",color:"#999",fontSize:"14px"},"data-testid":"open-generative-ui-tool-placeholder"},a)}}}),Et=Symbol("LicenseContext");function xn(){return e.ref(z.createLicenseContextValue(null))}const Uo={style:{display:"flex",gap:"8px",alignItems:"center"}},jo=["href"],_o=52,jt="--copilotkit-license-banner-offset",rt=e.defineComponent({__name:"LicenseWarningBanner",props:{type:{},featureName:{default:void 0},expiryDate:{default:void 0},graceRemaining:{default:void 0}},emits:["dismiss"],setup(t,{emit:o}){const n=t,a=o,r=e.computed(()=>{switch(n.type){case"no_license":return{severity:"info",message:"Powered by CopilotKit",actionLabel:"Get a license",actionUrl:"https://copilotkit.ai/pricing"};case"feature_unlicensed":return{severity:"warning",message:`⚠ The "${n.featureName??""}" feature requires a CopilotKit license.`,actionLabel:"Get a license",actionUrl:"https://copilotkit.ai/pricing"};case"expiring":{const p=n.graceRemaining;return{severity:"warning",message:`Your CopilotKit license expires in ${p} ${p===1?"day":"days"}. Please renew.`,actionLabel:"Renew",actionUrl:"https://dashboard.operations.copilotkit.ai"}}case"expired":return{severity:"critical",message:`Your CopilotKit license expired${n.expiryDate?` on ${n.expiryDate}`:""}. Please renew at copilotkit.ai/pricing`,actionLabel:"Renew now",actionUrl:"https://copilotkit.ai/pricing"};case"invalid":return{severity:"critical",message:"Invalid CopilotKit license token. Please check your configuration.",actionLabel:"Get a license",actionUrl:"https://copilotkit.ai/pricing"};default:return null}}),s={position:"fixed",bottom:"8px",left:"50%",transform:"translateX(-50%)",zIndex:99999,display:"inline-flex",alignItems:"center",gap:"12px",whiteSpace:"nowrap",padding:"8px 16px",fontSize:"13px",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif",borderRadius:"6px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.15)"},i=e.computed(()=>{switch(r.value?.severity){case"warning":return{backgroundColor:"#fffbeb",border:"1px solid #fbbf24",color:"#92400e"};case"critical":return{backgroundColor:"#fef2f2",border:"1px solid #fca5a5",color:"#991b1b"};default:return{backgroundColor:"#eff6ff",border:"1px solid #93c5fd",color:"#1e40af"}}}),l=e.computed(()=>({...s,...i.value})),c=e.getCurrentInstance(),f=e.computed(()=>typeof(c?.vnode.props??{}).onDismiss=="function");function C(){a("dismiss")}return e.onMounted(()=>{typeof document>"u"||document.documentElement.style.setProperty(jt,`${_o}px`)}),e.onBeforeUnmount(()=>{typeof document>"u"||document.documentElement.style.removeProperty(jt)}),(p,m)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(l.value),"data-testid":"copilot-license-banner"},[e.createElementVNode("span",null,e.toDisplayString(r.value.message),1),e.createElementVNode("div",Uo,[e.createElementVNode("a",{href:r.value.actionUrl,target:"_blank",rel:"noopener noreferrer",style:{fontWeight:600,textDecoration:"underline",color:"inherit"}},e.toDisplayString(r.value.actionLabel),9,jo),f.value?(e.openBlock(),e.createElementBlock("button",{key:0,style:{background:"none",border:"none",cursor:"pointer",color:"inherit",fontSize:"16px"},onClick:C}," × ")):e.createCommentVNode("",!0)])],4)):e.createCommentVNode("",!0)}}),_t="X-CopilotCloud-Public-Api-Key",Ho="https://api.cloud.copilotkit.ai/copilotkit/v1",Wo="frontendTools must be a stable array. If you want to dynamically add or remove tools, use `useFrontendTool` instead.",qo="humanInTheLoop must be a stable array. If you want to dynamically add or remove human-in-the-loop tools, use `useHumanInTheLoop` instead.",Ko="renderCustomMessages must be a stable array.",Go="renderActivityMessages must be a stable array.",Jo="openGenerativeUI.sandboxFunctions must be a stable array.",Xo=`When generating UI with generateSandboxedUi, follow these design principles inspired by shadcn/ui:
|
|
49
|
+
|
|
50
|
+
- Use a minimal, flat aesthetic. Avoid drop shadows and gradients — rely on subtle borders (1px solid, light gray like #e5e7eb) to define surfaces.
|
|
51
|
+
- Neutral base palette: white backgrounds, zinc/slate gray text (#09090b for headings, #71717a for secondary text). One accent color for interactive elements.
|
|
52
|
+
- Use system font stacks (system-ui, -apple-system, sans-serif) at readable sizes (14px body, 600 weight for headings). Tight line-heights.
|
|
53
|
+
- Small, consistent border-radius (6–8px). Cards and containers use border, not shadow, for separation.
|
|
54
|
+
- Buttons: solid fill for primary (dark bg, white text), outline for secondary (border + transparent bg). Subtle hover state (slight opacity or background shift).
|
|
55
|
+
- Use CSS Grid or Flexbox for layout. Ensure the UI looks good at any width.
|
|
56
|
+
- Minimal transitions (150ms) for hover/focus states only. No decorative animations.
|
|
57
|
+
- Keep the UI focused and dense — avoid excessive padding. Use compact spacing (8–12px gaps, 10–14px padding in controls).`,Qo=`Generate sandboxed UI. IMPORTANT: The generated code runs in a sandboxed iframe WITHOUT same-origin access. Do NOT use localStorage, sessionStorage, document.cookie, IndexedDB, or fetch/XMLHttpRequest to same-origin URLs. To communicate with the host application, use Websandbox.connection.remote.<functionName>(args) which returns a Promise.
|
|
58
|
+
|
|
59
|
+
You CAN use external libraries from CDNs by including <script> or <link> tags in the HTML <head> (e.g., Chart.js, D3, Three.js, x-data-spreadsheet, etc.). CDN resources load normally inside the sandbox.
|
|
60
|
+
|
|
61
|
+
PARAMETER ORDER IS CRITICAL — generate parameters in exactly this order:
|
|
62
|
+
1. initialHeight + placeholderMessages (shown to user while generating)
|
|
63
|
+
2. css (all styles FIRST — the user sees a placeholder until CSS is complete)
|
|
64
|
+
3. html (streams in live — the user watches the UI build as HTML is generated)
|
|
65
|
+
4. jsFunctions (reusable helper functions)
|
|
66
|
+
5. jsExpressions (applied one-by-one — the user sees each expression take effect)`,Yo=e.defineComponent({__name:"CopilotKitProvider",props:{runtimeUrl:{},headers:{type:[Object,Function],default:()=>({})},credentials:{},defaultThrottleMs:{},publicApiKey:{},publicLicenseKey:{},licenseToken:{},properties:{default:()=>({})},useSingleEndpoint:{type:Boolean,default:void 0},agents__unsafe_dev_only:{default:()=>({})},selfManagedAgents:{default:()=>({})},renderToolCalls:{},renderActivityMessages:{default:()=>[]},renderCustomMessages:{default:()=>[]},frontendTools:{default:()=>[]},humanInTheLoop:{default:()=>[]},openGenerativeUI:{default:void 0},showDevConsole:{type:[Boolean,String],default:!1},onError:{},a2ui:{default:void 0},inspectorDefaultAnchor:{},debug:{type:[Boolean,Object]}},setup(t){const o={},n=t,a=e.ref(!1),r=()=>{if(n.showDevConsole===!0){a.value=!0;return}if(n.showDevConsole==="auto"){if(typeof window>"u"){a.value=!1;return}const V=new Set(["localhost","127.0.0.1"]);a.value=V.has(window.location.hostname);return}a.value=!1};e.watch(()=>n.showDevConsole,r,{immediate:!0});const s=n.frontendTools,i=n.humanInTheLoop,l=n.renderCustomMessages,c=n.renderActivityMessages,f=n.openGenerativeUI?.sandboxFunctions;e.watch(()=>n.frontendTools,V=>{V!==s&&console.error(Wo)}),e.watch(()=>n.humanInTheLoop,V=>{V!==i&&console.error(qo)}),e.watch(()=>n.renderCustomMessages,V=>{V!==l&&console.error(Ko)}),e.watch(()=>n.renderActivityMessages,V=>{V!==c&&console.error(Go)}),e.watch(()=>n.openGenerativeUI?.sandboxFunctions,V=>{V!==f&&console.error(Jo)});const C=e.computed(()=>n.publicApiKey??n.publicLicenseKey),p=e.computed(()=>({...n.agents__unsafe_dev_only,...n.selfManagedAgents})),m=e.computed(()=>Object.keys(p.value).length>0),u=e.computed(()=>typeof n.headers=="function"?n.headers():n.headers),h=e.computed(()=>{const V=u.value;return!C.value||V[_t]?V:{...V,[_t]:C.value}}),y=e.computed(()=>n.runtimeUrl??(C.value?Ho:void 0));e.watch([y,C,m],([V,te,Y])=>{if(V||te||Y)return;const Te="Missing required prop: 'runtimeUrl' or 'publicApiKey' or 'publicLicenseKey'";if(process.env.NODE_ENV==="production")throw new Error(Te);console.warn(Te)},{immediate:!0});const g=e.computed(()=>{const V=[],te=[];for(const Y of n.humanInTheLoop)V.push({name:Y.name,description:Y.description,parameters:Y.parameters,followUp:Y.followUp,...Y.agentId&&{agentId:Y.agentId},handler:async()=>{console.warn(`Human-in-the-loop tool '${Y.name}' called but no interactive handler is set up.`)}}),Y.render&&te.push({name:Y.name,args:Y.parameters??J.z.any(),render:Y.render,...Y.agentId&&{agentId:Y.agentId}});return{tools:V,renderToolCalls:te}}),b=e.computed(()=>{const V=[];for(const te of n.frontendTools)V.push(te);for(const te of W.value)V.push(te);return V.push(...g.value.tools),V}),d=e.computed(()=>{const V=[...n.renderToolCalls??[]];for(const te of[...n.frontendTools,...W.value])if(te.render){const Y=te.parameters??(te.name==="*"?J.z.any():void 0);Y&&V.push({name:te.name,args:Y,render:te.render})}return V.push(...g.value.renderToolCalls),V}),k=e.computed(()=>n.renderCustomMessages??[]),v=e.ref(!1),w=e.ref(!1),x=e.ref(void 0),R=e.computed(()=>w.value||!!n.openGenerativeUI),E=e.computed(()=>!!n.a2ui?.catalog),I=e.computed(()=>v.value||E.value),B=e.computed(()=>E.value?{...n.properties,a2uiCatalogAvailable:!0}:n.properties),j=e.computed(()=>n.openGenerativeUI?.sandboxFunctions??[]),ee=(V,te)=>It.zodToJsonSchema(V,te),W=e.computed(()=>R.value?[{name:"generateSandboxedUi",description:Qo,parameters:bn,handler:async()=>"UI generated",followUp:!0,render:Cn}]:[]),D=e.computed(()=>{const V=[{activityType:ln,content:cn,render:un}];return R.value&&V.push({activityType:vn,content:kn,render:wn}),I.value&&V.unshift(pn({theme:n.a2ui?.theme??o,catalog:n.a2ui?.catalog,loadingComponent:n.a2ui?.loadingComponent})),V}),L=e.computed(()=>[...n.renderActivityMessages??[],...D.value]),G=V=>{n.defaultThrottleMs!==void 0&&(!Number.isFinite(n.defaultThrottleMs)||n.defaultThrottleMs<0)&&console.error(`CopilotKitProvider: defaultThrottleMs must be a non-negative finite number, got ${n.defaultThrottleMs}. useAgent hooks without an explicit throttleMs will fall back to unthrottled.`),V.setDefaultThrottleMs(n.defaultThrottleMs)},X=()=>{const V=new dn({runtimeUrl:y.value,runtimeTransport:n.useSingleEndpoint===!0?"single":n.useSingleEndpoint===!1?"rest":"auto",headers:h.value,credentials:n.credentials,properties:B.value,agents__unsafe_dev_only:p.value,tools:b.value,renderToolCalls:d.value,renderActivityMessages:L.value,renderCustomMessages:k.value,debug:n.debug});return G(V),V},T=e.shallowRef(X()),A=e.ref(!1),F=e.ref(new Set);e.watch(T,(V,te,Y)=>{const Te=V.subscribe({onToolExecutionStart:({toolCallId:ue})=>{F.value=new Set(F.value).add(ue)},onToolExecutionEnd:({toolCallId:ue})=>{setTimeout(()=>{const Re=new Set(F.value);Re.delete(ue),F.value=Re,e.triggerRef(T)},0)}}),Ae=V.subscribe({onRenderToolCallsChanged:()=>{e.triggerRef(T)}}),fe=V.subscribe({onRenderCustomMessagesChanged:()=>{e.triggerRef(T)}}),se=V.subscribe({onRuntimeConnectionStatusChanged:()=>{v.value=V.a2uiEnabled,w.value=V.openGenerativeUIEnabled,x.value=V.licenseStatus,e.triggerRef(T)}}),ce=V.subscribe({onError:ue=>{n.onError?.({error:ue.error,code:ue.code,context:ue.context})}});Y(()=>{Te.unsubscribe(),Ae.unsubscribe(),fe.unsubscribe(),se.unsubscribe(),ce.unsubscribe()})},{immediate:!0}),e.watch([b],([V])=>{A.value&&T.value.setTools(V)}),e.watch([d],([V])=>{A.value&&T.value.setRenderToolCalls(V)}),e.watch([k],([V])=>{A.value&&(T.value.setRenderCustomMessages(V),e.triggerRef(T))}),e.watch([L],([V])=>{A.value&&(T.value.setRenderActivityMessages(V),e.triggerRef(T))});function H(){T.value.setRuntimeUrl(y.value),T.value.setRuntimeTransport(n.useSingleEndpoint===!0?"single":n.useSingleEndpoint===!1?"rest":"auto"),T.value.setHeaders(h.value),T.value.setCredentials(n.credentials),T.value.setProperties(B.value),T.value.setAgents__unsafe_dev_only(p.value),T.value.setDebug(n.debug),G(T.value)}e.watch([()=>y.value,()=>h.value,()=>n.credentials,()=>B.value,()=>p.value,()=>n.useSingleEndpoint,()=>n.debug],()=>{A.value&&H()}),e.watch(()=>n.defaultThrottleMs,()=>{A.value&&(G(T.value),e.triggerRef(T))}),e.onMounted(()=>{H(),v.value=T.value.a2uiEnabled,w.value=T.value.openGenerativeUIEnabled,x.value=T.value.licenseStatus,A.value=!0});const re=e.computed(()=>n.a2ui?.theme),M=e.computed(()=>n.a2ui?.catalog),P=e.computed(()=>n.a2ui?.loadingComponent),U=e.computed(()=>n.a2ui?.includeSchema??!0);co(T,()=>I.value),Lo(T,{enabled:()=>I.value,catalog:()=>n.a2ui?.catalog,includeSchema:()=>n.a2ui?.includeSchema??!0});const _=e.ref([]);e.watch([R,j,()=>n.openGenerativeUI?.designSkill],([V,te,Y],Te,Ae)=>{if(!V)return;const fe=[];if(fe.push(T.value.addContext({description:"Design guidelines for the generateSandboxedUi tool. Follow these when building UI.",value:Y??Xo})),te.length>0){const se=JSON.stringify(te.map(ce=>({name:ce.name,description:ce.description,parameters:z.schemaToJsonSchema(ce.parameters,{zodToJsonSchema:ee})})));fe.push(T.value.addContext({description:"Sandbox functions available in generated sandboxed UI code. Call via Websandbox.connection.remote.<functionName>(args).",value:se}))}_.value=fe,Ae(()=>{for(const se of fe)T.value.removeContext(se)})},{immediate:!0}),e.provide(sn,{copilotkit:T,executingToolCallIds:F,a2uiTheme:re,a2uiCatalog:M,a2uiLoadingComponent:P,a2uiIncludeSchema:U}),e.provide(rn,j);const ae=e.computed(()=>z.createLicenseContextValue(x.value));e.provide(Et,ae);const le=e.computed(()=>x.value==="none"&&!C.value),de=e.computed(()=>x.value==="expired"),ge=e.computed(()=>x.value==="invalid"),ye=e.computed(()=>x.value==="expiring");return(V,te)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(V.$slots,"default"),a.value?(e.openBlock(),e.createBlock(an,{key:0,core:T.value,"default-anchor":n.inspectorDefaultAnchor},null,8,["core","default-anchor"])):e.createCommentVNode("",!0),le.value?(e.openBlock(),e.createBlock(rt,{key:1,type:"no_license"})):e.createCommentVNode("",!0),de.value?(e.openBlock(),e.createBlock(rt,{key:2,type:"expired"})):e.createCommentVNode("",!0),ge.value?(e.openBlock(),e.createBlock(rt,{key:3,type:"invalid"})):e.createCommentVNode("",!0),ye.value?(e.openBlock(),e.createBlock(rt,{key:4,type:"expiring"})):e.createCommentVNode("",!0)],64))}}),$e={chatInputPlaceholder:"Type a message...",chatInputToolbarStartTranscribeButtonLabel:"Transcribe",chatInputToolbarCancelTranscribeButtonLabel:"Cancel",chatInputToolbarFinishTranscribeButtonLabel:"Finish",chatInputToolbarAddButtonLabel:"Add photos or files",chatInputToolbarToolsButtonLabel:"Tools",assistantMessageToolbarCopyCodeLabel:"Copy",assistantMessageToolbarCopyCodeCopiedLabel:"Copied",assistantMessageToolbarCopyMessageLabel:"Copy",assistantMessageToolbarThumbsUpLabel:"Good response",assistantMessageToolbarThumbsDownLabel:"Bad response",assistantMessageToolbarReadAloudLabel:"Read aloud",assistantMessageToolbarRegenerateLabel:"Regenerate",userMessageToolbarCopyMessageLabel:"Copy",userMessageToolbarEditMessageLabel:"Edit",chatDisclaimerText:"AI can make mistakes. Please verify important information.",chatToggleOpenLabel:"Open chat",chatToggleCloseLabel:"Close chat",modalHeaderTitle:"CopilotKit Chat",welcomeMessageText:"How can I help you today?"};function Zo(t,o){const n=Object.keys(t),a=Object.keys(o);if(n.length!==a.length)return!1;for(const r of n)if(t[r]!==o[r])return!1;return!0}function Ht(t){return t!==null&&typeof t=="object"&&Object.prototype.toString.call(t)==="[object Object]"}function Sn(t){const o=e.shallowRef(e.toValue(t));return e.watch(()=>e.toValue(t),n=>{const a=o.value;a!==n&&(Ht(a)&&Ht(n)&&Zo(a,n)||(o.value=n))},{immediate:!0}),o}const mt=e.defineComponent({__name:"CopilotChatConfigurationProvider",props:{labels:{},agentId:{},threadId:{},hasExplicitThreadId:{type:Boolean,default:void 0},isModalDefaultOpen:{type:Boolean,default:void 0}},setup(t){const o=t,n=e.inject(wt,null),a=e.computed(()=>n?.value??null),r=Sn(e.computed(()=>o.labels)),s=e.computed(()=>({...$e,...a.value?.labels,...r.value})),i=e.computed(()=>o.agentId??a.value?.agentId??z.DEFAULT_AGENT_ID),l=z.randomUUID(),c=e.computed(()=>o.threadId?o.threadId:a.value?.threadId?a.value.threadId:l),f=e.computed(()=>(o.hasExplicitThreadId!==void 0?o.hasExplicitThreadId:!!o.threadId)||!!a.value?.hasExplicitThreadId),C=e.computed(()=>o.isModalDefaultOpen!==void 0),p=e.computed(()=>o.isModalDefaultOpen??!0),m=e.ref(a.value?.isModalOpen??p.value);function u(b){m.value=b}const h=e.computed(()=>C.value?m.value:a.value?.isModalOpen),y=e.computed(()=>C.value?u:a.value?.setModalOpen),g=e.computed(()=>({labels:s.value,agentId:i.value,threadId:c.value,hasExplicitThreadId:f.value,isModalOpen:h.value,setModalOpen:y.value}));return e.provide(wt,g),(b,d)=>e.renderSlot(b.$slots,"default")}});function ft(){const t=e.inject(Et,xn(),!0);return e.computed(()=>t.value)}function ve(){const t=e.inject(wt,void 0);return e.computed(()=>t?.value??null)}const Tn=e.defineComponent({name:"A2UIDeferredChild",props:{surface:{type:Object,required:!0},id:{type:String,required:!0},basePath:{type:String,required:!0}},setup(t){const o=e.ref(0),n=t.surface.componentsModel.onCreated.subscribe(s=>{s.id===t.id&&o.value++}),a=t.surface.componentsModel.onDeleted.subscribe(s=>{s===t.id&&o.value++});e.onUnmounted(()=>{n.unsubscribe(),a.unsubscribe()});function r(s,i){const l=i||t.basePath;return e.h(Tn,{key:`${s}-${l}`,surface:t.surface,id:s,basePath:l})}return()=>{o.value;const s=t.surface.componentsModel.get(t.id);if(!s)return e.h("div",{style:{padding:"12px 16px",borderRadius:"8px",background:"linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 50%, #f3f4f6 75%)",backgroundSize:"200% 100%",animation:"a2ui-shimmer 1.5s ease-in-out infinite",minHeight:"2rem"},innerHTML:"<style>@keyframes a2ui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }</style>"});const i=t.surface.catalog.components.get(s.type);if(!i)return e.h("div",{style:{color:"red"}},`Unknown component: ${s.type}`);const l=new ut.ComponentContext(t.surface,t.id,t.basePath);return e.h(i.render,{context:l,buildChild:r})}}}),ea=e.defineComponent({name:"A2uiSurface",props:{surface:{type:Object,required:!0}},setup(t){return()=>e.h(Tn,{surface:t.surface,id:"root",basePath:"/"})}}),ta=["data-activity-type","data-message-id"],na={key:0,class:"cpk:rounded-lg cpk:border cpk:border-red-200 cpk:bg-red-50 cpk:p-3 cpk:text-sm cpk:text-red-700"},oa={key:1,class:"cpk:flex cpk:min-h-0 cpk:flex-1 cpk:flex-col cpk:gap-6 cpk:overflow-auto cpk:py-6","data-testid":"a2ui-activity-renderer"},aa=["data-surface-id"],sa={class:"a2ui-surface cpk:flex cpk:flex-1"},Wt="default",In=e.defineComponent({__name:"A2UISurfaceActivityRenderer",props:{activityType:{},content:{},message:{},agent:{},theme:{},catalog:{}},setup(t){const o=t,{copilotkit:n}=be(),a=e.shallowRef(null),r=e.ref(0),s=e.ref(null);let i="";function l(){if(!a.value){const m=o.catalog??qe;a.value=new ut.MessageProcessor([m],u=>{c(u)})}return a.value}async function c(m){if(o.agent)try{n.value.setProperties({...n.value.properties??{},a2uiAction:m}),await n.value.runAgent({agent:o.agent})}finally{const{a2uiAction:u,...h}=n.value.properties??{};n.value.setProperties(h)}}function f(m){if(!m?.length)return;const u=JSON.stringify(m);if(u===i)return;i=u;const h=l();try{const y=new Map;for(const g of m){const b=Ct(g)??Wt;y.has(b)||y.set(b,[]),y.get(b).push(g)}for(const[g,b]of y){const k=h.model.getSurface(g)?b.filter(v=>!v?.createSurface):b;h.processMessages(k)}s.value=null}catch(y){console.warn("[A2UI Vue] processMessages error:",y),s.value=y instanceof Error?y.message:String(y)}r.value++}e.watch(()=>[o.content.operations,o.theme,o.catalog,o.agent],()=>{f(o.content.operations)},{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{a.value=null,i=""});const C=e.computed(()=>(o.content.operations??[]).length>0),p=e.computed(()=>{if(r.value,!a.value)return[];const m=[],u=new Map;for(const h of o.content.operations??[]){const y=Ct(h)??Wt;u.has(y)||u.set(y,[]),u.get(y).push(h)}for(const[h]of u){const y=a.value.model.getSurface(h);y&&m.push({surfaceId:h,surface:y})}return m});return(m,u)=>C.value?(e.openBlock(),e.createElementBlock("div",{key:0,"data-copilotkit":"","data-activity-type":t.activityType,"data-message-id":t.message.id},[s.value?(e.openBlock(),e.createElementBlock("div",na," A2UI render error: "+e.toDisplayString(s.value),1)):(e.openBlock(),e.createElementBlock("div",oa,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,h=>(e.openBlock(),e.createElementBlock("div",{key:h.surfaceId,class:"cpk:flex cpk:w-full cpk:flex-none cpk:flex-col cpk:gap-4","data-surface-id":h.surfaceId},[e.createElementVNode("div",sa,[e.createVNode(e.unref(ea),{surface:h.surface},null,8,["surface"])])],8,aa))),128))]))],8,ta)):e.createCommentVNode("",!0)}}),An=e.defineComponent({__name:"CopilotChatToolCallsView",props:{message:{},messages:{default:()=>[]}},setup(t){const o=t,{copilotkit:n,executingToolCallIds:a}=be(),r=ve();function s(m){return o.messages.find(u=>u.role==="tool"&&u.toolCallId===m)}function i(m){return`tool-call-${m}`}function l(m){return a.value.has(m)}function c(m){return s(m)?.content}function f(m){const u=s(m.id),h=z.partialJSONParse(m.function.arguments);if(u)return{name:m.function.name,args:h,status:pe.ToolCallStatus.Complete,result:u.content,toolCall:m,toolMessage:u};const y=l(m.id);return{name:m.function.name,args:h,status:y?pe.ToolCallStatus.Executing:pe.ToolCallStatus.InProgress,result:void 0,toolCall:m,toolMessage:void 0}}function C(m){const u=s(m.id),h=z.partialJSONParse(m.function.arguments);return u?{name:m.function.name,toolCallId:m.id,args:h,status:pe.ToolCallStatus.Complete,result:u.content}:l(m.id)?{name:m.function.name,toolCallId:m.id,args:h,status:pe.ToolCallStatus.Executing,result:void 0}:{name:m.function.name,toolCallId:m.id,args:h&&typeof h=="object"?h:{},status:pe.ToolCallStatus.InProgress,result:void 0}}function p(m){const u=n.value.renderToolCalls,h=r.value?.agentId??z.DEFAULT_AGENT_ID,y=u.filter(g=>g.name===m.function.name);return y.find(g=>g.agentId===h)??y.find(g=>!g.agentId)??y[0]??u.find(g=>g.name==="*")}return(m,u)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.message.toolCalls??[],h=>e.renderSlot(m.$slots,i(h.function.name),e.mergeProps({key:h.id,ref_for:!0},f(h)),()=>[e.renderSlot(m.$slots,"tool-call",e.mergeProps({ref_for:!0},f(h)),()=>[p(h)?e.withMemo([h.id,h.function.arguments,c(h.id),l(h.id),p(h)?.render],()=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p(h)?.render),e.mergeProps({key:0,ref_for:!0},C(h)),null,16)),u,0):e.createCommentVNode("",!0)])])),128))}});let qt=!1;function Rn(){e.onMounted(()=>{if(qt||typeof document>"u")return;qt=!0,import("katex/dist/katex.min.css").catch(()=>{console.warn("[CopilotKit] Failed to load katex styles — math content may render without formatting")})})}const ra=["data-message-id"],ia={class:"cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:-ml-[5px] cpk:-mt-[0px]"},la={class:"cpk:flex cpk:items-center cpk:gap-1"},ca=["aria-label","title"],ua=["aria-label","title"],da=["aria-label","title"],pa=["aria-label","title"],ma=["aria-label","title"],Kt="cpk:cursor-pointer cpk:p-1 cpk:text-muted-foreground cpk:transition-all cpk:hover:text-foreground cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50",Gt="cpk:absolute cpk:top-full cpk:right-0 cpk:z-10 cpk:mt-1 cpk:min-w-[120px] cpk:overflow-hidden cpk:rounded-md cpk:border cpk:border-border cpk:bg-background cpk:shadow-lg",it="cpk:w-full cpk:px-3 cpk:py-2 cpk:text-left cpk:text-sm cpk:transition-colors cpk:hover:bg-muted/40",Jt="cpk:cursor-pointer cpk:p-1 cpk:text-muted-foreground cpk:transition-all cpk:hover:text-foreground cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50",En=e.defineComponent({__name:"CopilotChatAssistantMessage",props:{message:{},messages:{default:()=>[]},isRunning:{type:Boolean,default:!1},toolbarVisible:{type:Boolean,default:!0}},emits:["thumbs-up","thumbs-down","read-aloud","regenerate"],setup(t,{emit:o}){Rn();const n=t,a=o,r=ve(),s=e.computed(()=>r.value?.labels??$e),i=e.getCurrentInstance(),l=e.ref(!1);let c=null;const f=e.computed(()=>i?.vnode.props??{}),C=["cpk:inline-flex cpk:h-8 cpk:w-8 cpk:items-center cpk:justify-center cpk:rounded-md cpk:p-0","cpk:cursor-pointer cpk:text-[rgb(93,93,93)] cpk:transition-colors cpk:hover:bg-[#E8E8E8]","cpk:hover:text-[rgb(93,93,93)] cpk:dark:text-[rgb(243,243,243)] cpk:dark:hover:bg-[#303030]","cpk:dark:hover:text-[rgb(243,243,243)] cpk:disabled:pointer-events-none cpk:disabled:opacity-50"].join(" ");function p(M,P){try{const _=new URL(M,"https://copilotkit.local").pathname.split("/").filter(Boolean).pop();if(_)return decodeURIComponent(_)}catch{return P}return P}function m(M,P){if(typeof document>"u")return;const U=document.createElement("a");U.href=M,U.download=P,U.rel="noopener noreferrer",document.body.appendChild(U),U.click(),document.body.removeChild(U)}function u(M){const P=Array.from(M.querySelectorAll("thead th")).map(_=>(_.textContent??"").trim()),U=Array.from(M.querySelectorAll("tbody tr")).map(_=>Array.from(_.querySelectorAll("td")).map(ae=>(ae.textContent??"").trim()));return{headers:P,rows:U}}function h(M,P){const U=ae=>{const le=ae.includes(P)||ae.includes('"')||ae.includes(`
|
|
67
|
+
`),de=ae.replace(/"/g,'""');return le?`"${de}"`:de},_=[];M.headers.length>0&&_.push(M.headers.map(U).join(P));for(const ae of M.rows)_.push(ae.map(U).join(P));return _.join(`
|
|
68
|
+
`)}function y(M){if(M.headers.length===0)return M.rows.map(_=>`| ${_.join(" | ")} |`).join(`
|
|
69
|
+
`);const P=`| ${M.headers.map(()=>"---").join(" | ")} |`,U=M.rows.map(_=>`| ${_.join(" | ")} |`);return[`| ${M.headers.join(" | ")} |`,P,...U].join(`
|
|
70
|
+
`)}function g(M,P,U){if(typeof document>"u")return;const _=new Blob([M],{type:U}),ae=URL.createObjectURL(_);m(ae,P),URL.revokeObjectURL(ae)}const b=e.defineComponent({name:"CopilotMarkdownImage",inheritAttrs:!1,props:{src:{type:String,default:""},alt:{type:String,default:""}},setup(M,{attrs:P}){async function U(){if(!M.src)return;const _=p(M.src,"image");try{const ae=await fetch(M.src);if(!ae.ok)throw new Error("Failed to fetch image");const le=await ae.blob(),de=URL.createObjectURL(le);m(de,_),URL.revokeObjectURL(de)}catch{m(M.src,_)}}return()=>{const _={...P,src:M.src,alt:M.alt,class:["cpk:max-w-full cpk:rounded-lg",P.class].filter(Boolean).join(" "),"data-streamdown":"image"};return delete _.className,e.h("div",{class:"cpk:group cpk:relative cpk:my-4 cpk:inline-block","data-streamdown":"image-wrapper"},[e.h("img",_),e.h("div",{class:"cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:hidden cpk:rounded-lg cpk:bg-black/10 cpk:group-hover:block"}),e.h("button",{type:"button",class:"cpk:absolute cpk:right-2 cpk:bottom-2 cpk:flex cpk:h-8 cpk:w-8 cpk:cursor-pointer cpk:items-center cpk:justify-center cpk:rounded-md cpk:border cpk:border-border cpk:bg-background/90 cpk:shadow-sm cpk:backdrop-blur-sm cpk:transition-all cpk:duration-200 cpk:hover:bg-background cpk:opacity-0 cpk:group-hover:opacity-100",title:"Download image",onClick:U},[e.h(oe.Download,{class:"cpk:size-[14px]"})])])}}}),d=e.defineComponent({name:"CopilotMarkdownTable",inheritAttrs:!1,setup(M,{attrs:P,slots:U}){const _=e.ref(null),ae=e.ref(!1),le=e.ref(!1),de=e.ref(!1);let ge=null;const ye=()=>{ae.value=!1,le.value=!1},V=()=>{ge&&clearTimeout(ge),de.value=!0,ge=setTimeout(()=>{de.value=!1,ge=null},2e3)},te=()=>_.value?_.value.querySelector("table"):null,Y=()=>{const se=te();return se?u(se):null},Te=async se=>{const ce=Y();if(!ce)return;const Re=h(ce,se==="csv"?",":" ");if(typeof navigator<"u"&&navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(Re)}catch{return}ye(),V()},Ae=se=>{const ce=Y();ce&&(se==="csv"?g(h(ce,","),"table.csv","text/csv"):g(y(ce),"table.md","text/markdown"),ye())},fe=se=>{if(!_.value)return;const ce=se.target;ce&&!_.value.contains(ce)&&ye()};return e.onMounted(()=>{typeof document<"u"&&document.addEventListener("mousedown",fe)}),e.onBeforeUnmount(()=>{ge&&clearTimeout(ge),typeof document<"u"&&document.removeEventListener("mousedown",fe)}),()=>{const se={...P,class:["cpk:w-full cpk:border-collapse cpk:border cpk:border-border",P.class].filter(Boolean).join(" "),"data-streamdown":"table"};return delete se.className,e.h("div",{ref:_,class:"cpk:my-4 cpk:flex cpk:flex-col cpk:space-y-2","data-streamdown":"table-wrapper"},[e.h("div",{class:"cpk:flex cpk:items-center cpk:justify-end cpk:gap-1"},[e.h("div",{class:"cpk:relative"},[e.h("button",{type:"button",class:Kt,title:"Copy table",onClick:()=>{ae.value=!ae.value,le.value=!1}},[de.value?e.h(oe.Check,{class:"cpk:size-[14px]"}):e.h(oe.Copy,{class:"cpk:size-[14px]"})]),ae.value?e.h("div",{class:Gt},[e.h("button",{type:"button",class:it,title:"Copy table as CSV",onClick:()=>Te("csv")},"CSV"),e.h("button",{type:"button",class:it,title:"Copy table as TSV",onClick:()=>Te("tsv")},"TSV")]):null]),e.h("div",{class:"cpk:relative"},[e.h("button",{type:"button",class:Kt,title:"Download table",onClick:()=>{le.value=!le.value,ae.value=!1}},[e.h(oe.Download,{class:"cpk:size-[14px]"})]),le.value?e.h("div",{class:Gt},[e.h("button",{type:"button",class:it,title:"Download table as CSV",onClick:()=>Ae("csv")},"CSV"),e.h("button",{type:"button",class:it,title:"Download table as Markdown",onClick:()=>Ae("markdown")},"Markdown")]):null])]),e.h("div",{class:"cpk:overflow-x-auto"},[e.h("table",se,U.default?U.default():[])])])}}}),k={javascript:"js",js:"js",typescript:"ts",ts:"ts",json:"json",vue:"vue",html:"html",css:"css",md:"md",markdown:"md",sh:"sh",bash:"sh",py:"py",python:"py",go:"go",rust:"rs",rs:"rs"},v=e.defineComponent({name:"CopilotCodeBlockCopyAction",props:{code:{type:String,default:""}},setup(M){const P=e.ref(!1);let U=null;const _=async()=>{if(M.code){if(typeof navigator<"u"&&navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(M.code)}catch{return}U&&clearTimeout(U),P.value=!0,U=setTimeout(()=>{P.value=!1,U=null},2e3)}};return e.onBeforeUnmount(()=>{U&&clearTimeout(U)}),()=>e.h("button",{type:"button",class:Jt,title:"Copy Code","data-streamdown":"code-block-copy-button",onClick:_},[P.value?e.h(oe.Check,{class:"cpk:size-[14px]"}):e.h(oe.Copy,{class:"cpk:size-[14px]"})])}}),w=e.defineComponent({name:"CopilotCodeBlockDownloadAction",props:{code:{type:String,default:""},language:{type:String,default:""}},setup(M){const P=()=>{if(!M.code)return;const U=k[M.language.toLowerCase()]??"txt";g(M.code,`file.${U}`,"text/plain")};return()=>e.h("button",{type:"button",class:Jt,title:"Download file","data-streamdown":"code-block-download-button",onClick:P},[e.h(oe.Download,{class:"cpk:size-[14px]"})])}}),x={img:b,table:d};function R(M){return M?typeof M=="string"?M:Array.isArray(M)?M.map(U=>U&&typeof U=="object"&&"type"in U&&U.type==="text"&&typeof U.text=="string"?U.text:"").filter(U=>U.length>0).join(`
|
|
71
|
+
`):"":""}const E=e.computed(()=>R(n.message.content)),I=e.computed(()=>E.value.trim().length>0);function B(M){const P=f.value[M];return Array.isArray(P)?P.length>0:!!P}const j=e.computed(()=>B("onThumbsUp")),ee=e.computed(()=>B("onThumbsDown")),W=e.computed(()=>B("onReadAloud")),D=e.computed(()=>B("onRegenerate")),L=e.computed(()=>n.messages[n.messages.length-1]?.id===n.message.id),G=e.computed(()=>n.toolbarVisible&&I.value&&!(n.isRunning&&L.value));function X(){c&&clearTimeout(c),l.value=!0,c=setTimeout(()=>{l.value=!1,c=null},2e3)}async function T(){const M=E.value;if(M&&!(typeof navigator>"u"||typeof navigator.clipboard?.writeText!="function"))try{await navigator.clipboard.writeText(M),X()}catch(P){console.error("Failed to copy to clipboard:",P)}}function A(){a("thumbs-up",n.message)}function F(){a("thumbs-down",n.message)}function H(){a("read-aloud",n.message)}function re(){a("regenerate",n.message)}return e.onBeforeUnmount(()=>{c&&clearTimeout(c)}),(M,P)=>e.renderSlot(M.$slots,"layout",{message:t.message,content:E.value,isRunning:t.isRunning,toolbarVisible:t.toolbarVisible,shouldShowToolbar:G.value,messageRenderer:M.$slots["message-renderer"]??(()=>null),toolbar:M.$slots.toolbar??(()=>null),copyButton:M.$slots["copy-button"]??(()=>null),thumbsUpButton:M.$slots["thumbs-up-button"]??(()=>null),thumbsDownButton:M.$slots["thumbs-down-button"]??(()=>null),readAloudButton:M.$slots["read-aloud-button"]??(()=>null),regenerateButton:M.$slots["regenerate-button"]??(()=>null),toolCallsView:M.$slots["tool-calls-view"]??(()=>null),onCopy:T,onThumbsUp:A,onThumbsDown:F,onReadAloud:H,onRegenerate:re},()=>[e.createElementVNode("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-assistant-message",class:"cpk:prose cpk:max-w-full cpk:break-words cpk:dark:prose-invert","data-message-id":t.message.id},M.$attrs),[e.renderSlot(M.$slots,"message-renderer",{message:t.message,content:E.value},()=>[I.value?(e.openBlock(),e.createBlock(e.unref(on.StreamMarkdown),{key:0,class:"copilot-chat-assistant-markdown",content:E.value,components:x,"code-block-actions":[e.unref(w),e.unref(v)],"code-block-show-line-numbers":!1,"code-block-hide-copy":!0,"code-block-hide-download":!0,"allowed-link-prefixes":["https://","http://","#","/","./","../"],"shiki-theme":{light:"github-light",dark:"github-dark"}},null,8,["content","code-block-actions"])):e.createCommentVNode("",!0)]),e.renderSlot(M.$slots,"tool-calls-view",{message:t.message,messages:t.messages},()=>[e.createVNode(An,{message:t.message,messages:t.messages},e.createSlots({_:2},[e.renderList(M.$slots,(U,_)=>({name:_,fn:e.withCtx(ae=>[e.renderSlot(M.$slots,_,e.normalizeProps(e.guardReactiveProps(ae)))])}))]),1032,["message","messages"])]),G.value?e.renderSlot(M.$slots,"toolbar",{key:0,message:t.message,shouldShowToolbar:G.value},()=>[e.createElementVNode("div",ia,[e.createElementVNode("div",la,[e.renderSlot(M.$slots,"copy-button",{onCopy:T,copied:l.value,label:s.value.assistantMessageToolbarCopyMessageLabel},()=>[e.createElementVNode("button",{"data-testid":"copilot-copy-button",type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.assistantMessageToolbarCopyMessageLabel,title:s.value.assistantMessageToolbarCopyMessageLabel,onClick:T},[l.value?(e.openBlock(),e.createBlock(e.unref(oe.Check),{key:0,class:"cpk:size-[18px]"})):(e.openBlock(),e.createBlock(e.unref(oe.Copy),{key:1,class:"cpk:size-[18px]"}))],10,ca)]),j.value?e.renderSlot(M.$slots,"thumbs-up-button",{key:0,onThumbsUp:A,label:s.value.assistantMessageToolbarThumbsUpLabel},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.assistantMessageToolbarThumbsUpLabel,title:s.value.assistantMessageToolbarThumbsUpLabel,onClick:A},[e.createVNode(e.unref(oe.ThumbsUp),{class:"cpk:size-[18px]"})],10,ua)]):e.createCommentVNode("",!0),ee.value?e.renderSlot(M.$slots,"thumbs-down-button",{key:1,onThumbsDown:F,label:s.value.assistantMessageToolbarThumbsDownLabel},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.assistantMessageToolbarThumbsDownLabel,title:s.value.assistantMessageToolbarThumbsDownLabel,onClick:F},[e.createVNode(e.unref(oe.ThumbsDown),{class:"cpk:size-[18px]"})],10,da)]):e.createCommentVNode("",!0),W.value?e.renderSlot(M.$slots,"read-aloud-button",{key:2,onReadAloud:H,label:s.value.assistantMessageToolbarReadAloudLabel},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.assistantMessageToolbarReadAloudLabel,title:s.value.assistantMessageToolbarReadAloudLabel,onClick:H},[e.createVNode(e.unref(oe.Volume2),{class:"cpk:size-[20px]"})],10,pa)]):e.createCommentVNode("",!0),D.value?e.renderSlot(M.$slots,"regenerate-button",{key:3,onRegenerate:re,label:s.value.assistantMessageToolbarRegenerateLabel},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.assistantMessageToolbarRegenerateLabel,title:s.value.assistantMessageToolbarRegenerateLabel,onClick:re},[e.createVNode(e.unref(oe.RefreshCw),{class:"cpk:size-[18px]"})],10,ma)]):e.createCommentVNode("",!0),e.renderSlot(M.$slots,"toolbar-items")])])]):e.createCommentVNode("",!0)],16,ra)])}});class He extends Error{constructor(o){super(o),this.name="AudioRecorderError"}}const $n=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatAudioRecorder",setup(t,{expose:o}){const n=e.useAttrs(),a=e.ref(null),r=e.ref("idle"),s=e.ref(null),i=e.ref(null),l=e.ref(null),c=e.ref(null),f=e.ref(null),C=e.ref([]),p=e.ref([]),m=e.ref(0),u=e.ref(0),h=e.ref(0);function y(){f.value!==null&&(cancelAnimationFrame(f.value),f.value=null);const v=s.value;if(v&&v.state!=="inactive")try{v.stop()}catch{}i.value&&(i.value.getTracks().forEach(x=>x.stop()),i.value=null);const w=c.value;w&&w.state!=="closed"&&w.close().catch(()=>{}),s.value=null,l.value=null,c.value=null,C.value=[],p.value=[],m.value=0,u.value=0,h.value=0}async function g(){if(r.value!=="idle")throw new He("Recorder is already active");try{const v=await navigator.mediaDevices.getUserMedia({audio:!0});i.value=v;const w=new AudioContext;c.value=w;const x=w.createMediaStreamSource(v),R=w.createAnalyser();R.fftSize=2048,x.connect(R),l.value=R;const E=MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/mp4")?"audio/mp4":"",I=E?{mimeType:E}:{},B=new MediaRecorder(v,I);s.value=B,C.value=[],B.ondataavailable=j=>{j.data.size>0&&C.value.push(j.data)},B.start(100),r.value="recording"}catch(v){throw y(),v instanceof Error&&v.name==="NotAllowedError"?new He("Microphone permission denied"):v instanceof Error&&v.name==="NotFoundError"?new He("No microphone found"):new He(v instanceof Error?v.message:"Failed to start recording")}}function b(){return new Promise((v,w)=>{const x=s.value;if(!x||r.value!=="recording"){w(new He("No active recording"));return}r.value="processing",x.onstop=()=>{const R=new Blob(C.value,{type:x.mimeType||"audio/webm"});y(),r.value="idle",v(R)},x.onerror=()=>{y(),r.value="idle",w(new He("Recording failed"))},x.stop()})}function d(v){let w=0;for(let x=0;x<v.length;x+=1){const R=(v[x]??128)/128-1;w+=R*R}return Math.sqrt(w/v.length)}function k(){const v=a.value;if(!v)return;const w=v.getContext("2d");if(!w)return;const x=v.getBoundingClientRect(),R=window.devicePixelRatio||1;(v.width!==x.width*R||v.height!==x.height*R)&&(v.width=x.width*R,v.height=x.height*R,w.scale(R,R));const E=2,B=E+1,j=Math.floor(x.width/B)+2;if(l.value&&r.value==="recording"){p.value.length===0&&(p.value=Array.from({length:j},()=>0)),h.value<1&&(h.value=Math.min(1,h.value+.03)),m.value+=1/3;const G=l.value.fftSize,X=new Uint8Array(G);l.value.getByteTimeDomainData(X);const T=d(X),H=T>u.value?.12:.08;u.value+=(T-u.value)*H,m.value>=B&&(m.value-=B,p.value.push(u.value),p.value.length>j&&(p.value=p.value.slice(-j)))}w.clearRect(0,0,x.width,x.height);const ee=window.getComputedStyle(v);w.fillStyle=ee.color,w.globalAlpha=h.value;const W=x.height/2,D=x.height/2-2,L=12;for(let G=0;G<p.value.length;G+=1){const X=p.value[G]??0,T=Math.min(X*4,1),A=Math.max(2,T*D*2),F=x.width-(p.value.length-G)*B-m.value,H=W-A/2;if(F+E<=0||F>=x.width)continue;let re=1;F<L?re=Math.max(0,F/L):F>x.width-L&&(re=Math.max(0,(x.width-F)/L)),w.globalAlpha=h.value*re,w.fillRect(F,H,E,A)}f.value=requestAnimationFrame(k)}return e.watch(r,()=>{f.value!==null&&(cancelAnimationFrame(f.value),f.value=null),f.value=requestAnimationFrame(k)},{immediate:!0}),e.onBeforeUnmount(()=>{y()}),o({get state(){return r.value},start:g,stop:b,dispose:y}),(v,w)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"",class:"cpk:w-full cpk:px-5 cpk:py-3"},e.unref(n)),[e.createElementVNode("canvas",{ref_key:"canvasRef",ref:a,class:"cpk:block cpk:h-[26px] cpk:w-full"},null,512)],16))}}),$t=e.defineComponent({__name:"InlineFeatureWarning",props:{featureName:{}},setup(t){const o={padding:"8px 12px",backgroundColor:"#fffbeb",border:"1px solid #fbbf24",borderRadius:"6px",fontSize:"13px",color:"#92400e",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"},n={color:"#b45309",textDecoration:"underline"};return(a,r)=>(e.openBlock(),e.createElementBlock("div",{style:o,"data-testid":"copilot-inline-feature-warning"},[e.createTextVNode(' ⚠ The "'+e.toDisplayString(t.featureName)+'" feature requires a CopilotKit license. ',1),e.createElementVNode("a",{href:"https://copilotkit.ai/pricing",target:"_blank",rel:"noopener noreferrer",style:n}," Get one at copilotkit.ai/pricing ")]))}});var Mn=(t=>(t.OnMessagesChanged="OnMessagesChanged",t.OnStateChanged="OnStateChanged",t.OnRunStatusChanged="OnRunStatusChanged",t))(Mn||{});const fa=["OnMessagesChanged","OnStateChanged","OnRunStatusChanged"];function ga(t,o,n){const a=t.clone();if(a===t)throw new Error(`useAgent: ${t.constructor.name}.clone() returned the same instance. clone() must return a new, independent object.`);return a.threadId=o,a.setMessages([]),a.setState({}),a instanceof De.HttpAgent&&(a.headers={...n}),a}const St=new WeakMap;function Xt(t,o){if(!(!t||!o))return St.get(t)?.get(o)}function ha(t,o,n){let a=St.get(t);a||(a=new Map,St.set(t,a));const r=a.get(o);if(r)return r.threadId=o,r instanceof De.HttpAgent&&(r.headers={...n}),r;const s=ga(t,o,n);return a.set(o,s),s}function gt(t={}){const o=ve(),n=e.computed(()=>e.toValue(t.agentId)??o.value?.agentId??z.DEFAULT_AGENT_ID),a=e.computed(()=>e.toValue(t.threadId)??o.value?.threadId),{copilotkit:r}=be(),s=e.computed(()=>t.updates??fa),i=e.computed(()=>r.value.defaultThrottleMs),l=e.computed(()=>e.toValue(t.throttleMs)),c=e.shallowRef(null),f=e.shallowRef(null),C=new Map,p=(u,h,y,g)=>{const b=new pe.ProxiedCopilotRuntimeAgent({runtimeUrl:h,agentId:u,transport:y,runtimeMode:"pending"});return b.headers={...g},b},m=()=>{const u=n.value,h=a.value,y=h?`${u}:${h}`:u,g=r.value,b=g.getAgent(u);if(b){C.delete(y),C.delete(u);const x=h?ha(b,h,g.headers):b,R=c.value===x;c.value=x,f.value=x,R&&e.triggerRef(c);return}const d=g.runtimeUrl!==void 0,k=g.runtimeConnectionStatus;if(d&&(k===pe.CopilotKitCoreRuntimeConnectionStatus.Disconnected||k===pe.CopilotKitCoreRuntimeConnectionStatus.Connecting||k===pe.CopilotKitCoreRuntimeConnectionStatus.Error)){const x=C.get(y);if(x){x.headers={...g.headers},h&&(x.threadId=h),c.value=x,f.value=x;return}const R=p(u,g.runtimeUrl,g.runtimeTransport,g.headers);h&&(R.threadId=h),C.set(y,R),c.value=R,f.value=R;return}const v=Object.keys(g.agents??{}),w=d?`runtimeUrl=${g.runtimeUrl}`:"no runtimeUrl";throw new Error(`useAgent: Agent '${u}' not found after runtime sync (${w}). `+(v.length?`Known agents: [${v.join(", ")}]`:"No agents registered.")+" Verify your runtime /info and/or agents__unsafe_dev_only.")};return e.watch([n,()=>r.value.agents,()=>r.value.runtimeConnectionStatus,()=>r.value.runtimeUrl,()=>r.value.runtimeTransport,()=>JSON.stringify(Object.entries(r.value.headers??{}).sort(([u],[h])=>u.localeCompare(h))),a],m,{immediate:!0}),e.watch([f,()=>JSON.stringify(Object.entries(r.value.headers??{}).sort(([u],[h])=>u.localeCompare(h)))],([u])=>{u instanceof De.HttpAgent&&(u.headers={...r.value.headers})},{immediate:!0}),e.watch([f,s,l,i],([u,h],y,g)=>{const b=h;if(!u||b.length===0)return;let d=!0,k=!1;const v=()=>{d&&(k||(k=!0,queueMicrotask(()=>{k=!1,d&&e.triggerRef(c)})))},w={};b.includes("OnMessagesChanged")&&(w.onMessagesChanged=()=>{d&&e.triggerRef(c)}),b.includes("OnStateChanged")&&(w.onStateChanged=v),b.includes("OnRunStatusChanged")&&(w.onRunInitialized=v,w.onRunFinalized=v,w.onRunFailed=v,w.onRunErrorEvent=v);const x=r.value.subscribeToAgentWithOptions(u,w,{throttleMs:e.toValue(t.throttleMs)});g(()=>{d=!1,x.unsubscribe()})},{immediate:!0}),{agent:c}}function Bn(t={}){const{copilotkit:o}=be(),n=ve(),a=e.computed(()=>e.toValue(t.agentId)??n.value?.agentId??z.DEFAULT_AGENT_ID),r=e.ref([]),s=e.ref(!1),i=()=>{const f=o.value.getSuggestions(a.value);r.value=f.suggestions,s.value=f.isLoading};return e.watch([()=>o.value,a],()=>i(),{immediate:!0}),e.watch([()=>o.value,a],(f,C,p)=>{const m=o.value,u=a.value,h=m.subscribe({onSuggestionsChanged:({agentId:y,suggestions:g})=>{if(y!==u)return;r.value=g;const b=m.getSuggestions(u);s.value=b.isLoading},onSuggestionsStartedLoading:({agentId:y})=>{y===u&&(s.value=!0)},onSuggestionsFinishedLoading:({agentId:y})=>{y===u&&(s.value=!1)},onSuggestionsConfigChanged:()=>{const y=m.getSuggestions(u);r.value=y.suggestions,s.value=y.isLoading}});p(()=>h.unsubscribe())},{immediate:!0}),{suggestions:r,isLoading:s,reloadSuggestions:()=>{o.value.reloadSuggestions(a.value)},clearSuggestions:()=>{o.value.clearSuggestions(a.value)}}}function Vn(t){const o=e.ref([]),n=e.ref(!1),a=e.ref(null),r=e.ref(null),s=e.ref(e.toValue(t.config)),i=e.ref(o.value),l=e.computed(()=>s.value?.enabled??!1);e.watch(()=>e.toValue(t.config),d=>{s.value=d},{immediate:!0});const c=d=>{o.value=d,i.value=d},f=d=>{c(d(i.value))};async function C(d){const k=s.value,v=k?.accept??"*/*",w=k?.maxSize??20*1024*1024,x=d.filter(E=>!z.matchesAcceptFilter(E,v));for(const E of x)k?.onUploadFailed?.({reason:"invalid-type",file:E,message:`File "${E.name}" is not accepted. Supported types: ${v}`});const R=d.filter(E=>z.matchesAcceptFilter(E,v));for(const E of R){if(z.exceedsMaxSize(E,w)){k?.onUploadFailed?.({reason:"file-too-large",file:E,message:`File "${E.name}" exceeds the maximum size of ${z.formatFileSize(w)}`});continue}const I=z.getModalityFromMimeType(E.type),B=z.randomUUID();f(j=>[...j,{id:B,type:I,source:{type:"data",value:"",mimeType:E.type},filename:E.name,size:E.size,status:"uploading"}]);try{let j,ee;if(k?.onUpload){const D=await k.onUpload(E),{metadata:L,...G}=D;j=G,ee=L}else j={type:"data",value:await z.readFileAsBase64(E),mimeType:E.type};let W;I==="video"&&(W=await z.generateVideoThumbnail(E)),f(D=>D.map(L=>L.id===B?{...L,source:j,status:"ready",thumbnail:W,metadata:ee}:L))}catch(j){f(ee=>ee.filter(W=>W.id!==B)),console.error(`[CopilotKit] Failed to upload "${E.name}":`,j),k?.onUploadFailed?.({reason:"upload-failed",file:E,message:j instanceof Error?j.message:`Failed to upload "${E.name}"`})}}}async function p(d){const k=d.target;k?.files?.length&&(await C(Array.from(k.files)),k&&(k.value=""))}function m(d){l.value&&(d.preventDefault(),d.stopPropagation(),n.value=!0)}function u(d){d.preventDefault(),d.stopPropagation(),n.value=!1}async function h(d){if(d.preventDefault(),d.stopPropagation(),n.value=!1,!l.value)return;const k=Array.from(d.dataTransfer?.files??[]);k.length>0&&await C(k)}function y(d){f(k=>k.filter(v=>v.id!==d))}function g(){const d=i.value.filter(k=>k.status==="ready");return d.length===0||(f(k=>k.filter(v=>v.status!=="ready")),a.value&&(a.value.value="")),d}async function b(d){if(!l.value)return;const k=d.target;if(!k||!r.value?.contains(k))return;const v=s.value?.accept??"*/*",x=Array.from(d.clipboardData?.items??[]).filter(E=>{if(E.kind!=="file")return!1;const I=E.getAsFile();return I!==null&&z.matchesAcceptFilter(I,v)});if(x.length===0)return;d.preventDefault();const R=x.map(E=>E.getAsFile()).filter(E=>E!==null);await C(R)}return e.onMounted(()=>{typeof document<"u"&&document.addEventListener("paste",b)}),e.onBeforeUnmount(()=>{typeof document<"u"&&document.removeEventListener("paste",b)}),{attachments:o,enabled:l,dragOver:n,fileInputRef:a,containerRef:r,processFiles:C,handleFileUpload:p,handleDragOver:m,handleDragLeave:u,handleDrop:h,removeAttachment:y,consumeAttachments:g}}async function va(t){return await new Promise((o,n)=>{const a=new FileReader;a.onloadend=()=>{const r=a.result;o(r.split(",")[1]??"")},a.addEventListener("error",()=>n(new Error("Failed to read audio data"))),a.readAsDataURL(t)})}function ka(t){return typeof t=="object"&&t!==null&&"error"in t&&"message"in t&&typeof t.error=="string"&&typeof t.message=="string"}function ba(t){return{code:t.error,message:t.message,retryable:t.retryable??!1}}class We extends Error{info;constructor(o){super(o.message),this.name="TranscriptionError",this.info=o}}async function ya(t,o,n="recording.webm"){const a=t.runtimeUrl;if(!a)throw new We({code:z.TranscriptionErrorCode.INVALID_REQUEST,message:"Runtime URL is not configured",retryable:!1});const r={...t.headers};let s;try{if(t.runtimeTransport==="single"){const i=await va(o);r["Content-Type"]="application/json",s=await fetch(a,{method:"POST",headers:r,body:JSON.stringify({method:"transcribe",body:{audio:i,mimeType:o.type||"audio/webm",filename:n}})})}else{delete r["Content-Type"];const i=new FormData;i.append("audio",o,n),s=await fetch(`${a}/transcribe`,{method:"POST",headers:r,body:i})}}catch(i){throw new We({code:z.TranscriptionErrorCode.NETWORK_ERROR,message:i instanceof Error?i.message:"Network request failed",retryable:!0})}if(!s.ok){let i;try{i=await s.json()}catch{throw new We({code:z.TranscriptionErrorCode.PROVIDER_ERROR,message:`HTTP ${s.status}: ${s.statusText}`,retryable:s.status>=500})}throw ka(i)?new We(ba(i)):new We({code:z.TranscriptionErrorCode.PROVIDER_ERROR,message:typeof i=="object"&&i!==null&&"message"in i?String(i.message):"Transcription failed",retryable:s.status>=500})}return await s.json()}function Fn(){const t=typeof window<"u"?window.innerHeight:0,o=e.ref(!1),n=e.ref(0),a=e.ref(t),r=e.ref(t),s=()=>{if(typeof window>"u")return;const l=window.visualViewport;if(!l)return;const c=window.innerHeight,f=l.height,C=Math.max(0,c-f),p=C>150;n.value=C,o.value=p,a.value=f,r.value=c};let i=null;return e.onMounted(()=>{typeof window>"u"||(i=window.visualViewport??null,i&&(s(),i.addEventListener("resize",s),i.addEventListener("scroll",s)))}),e.onBeforeUnmount(()=>{i&&(i.removeEventListener("resize",s),i.removeEventListener("scroll",s),i=null)}),{isKeyboardOpen:e.readonly(o),keyboardHeight:e.readonly(n),availableHeight:e.readonly(a),viewportHeight:e.readonly(r)}}const wa={id:null,sendNonce:0},Nn=Symbol("LastUserMessage");function Ca(){return e.ref({...wa})}function xa({scrollRef:t,contentRef:o,spacerRef:n,topOffset:a=16}){const r=e.inject(Nn,Ca(),!0);let s=-1,i=null,l=null;function c(){i!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(i),i=null,l?.disconnect(),l=null}e.watch([()=>r.value.id,()=>r.value.sendNonce,t,o,n,()=>a],([f,C,p,m,u],h,y)=>{if(y(c),C===s||(s=C,!f)||!p||!m||!u)return;const g=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(f):f.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g,"\\$&"),b=m.querySelector(`[data-message-id="${g}"]`);if(!b)return;const d=p.clientHeight,k=b.getBoundingClientRect().height,v=parseFloat(getComputedStyle(b).paddingTop)||0,w=Math.max(0,k-v),x=Math.max(0,d-w-a);u.style.height=`${x}px`,typeof requestAnimationFrame=="function"&&(i=requestAnimationFrame(()=>{const R=Qt(b,p)+v-a;p.scrollTo({top:Math.max(0,R),behavior:"smooth"})})),typeof ResizeObserver<"u"&&(l=new ResizeObserver(()=>{if(!m||!u||!p)return;const R=m.getBoundingClientRect().height,E=Qt(b,m),I=R-E-k,B=Math.max(0,x-I);u.style.height=`${B}px`}),l.observe(m))},{immediate:!0,flush:"post"})}function Qt(t,o){const n=t.getBoundingClientRect(),a=o.getBoundingClientRect();return n.top-a.top+o.scrollTop}const Sa={class:"cpk:pointer-events-auto cpk:mx-auto cpk:max-w-3xl cpk:px-4 cpk:py-0 cpk:@3xl:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-4"},Ta=["data-layout"],Ia=["data-layout"],Aa=["aria-label","disabled"],Ra={key:0,class:"cpk:my-1 cpk:h-px cpk:bg-border cpk:dark:bg-[#333333]"},Ea=["onClick"],$a={key:1,class:"cpk:flex cpk:w-full cpk:items-center cpk:justify-center cpk:px-5 cpk:py-3"},Ma=["value","placeholder","disabled"],Ba={key:0,class:"cpk:px-3 cpk:py-2 cpk:text-sm cpk:text-muted-foreground"},Va=["data-slash-index","aria-selected","data-active","onMouseenter","onMousedown"],Fa=["aria-label","disabled"],Na=["aria-label","disabled"],Oa=["aria-label","disabled"],La={class:"cpk:mr-[10px]"},Da=["disabled"],Pa={"data-testid":"copilot-chat-input-disclaimer",class:"cpk:mx-auto cpk:max-w-3xl cpk:px-4 cpk:py-3 cpk:text-center cpk:text-xs cpk:text-muted-foreground"},Xe=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatInput",props:{modelValue:{},disabled:{type:Boolean,default:!1},placeholder:{},autoFocus:{type:Boolean,default:!0},clearOnSubmit:{type:Boolean,default:!0},mode:{default:"input"},toolsMenu:{default:()=>[]},isRunning:{type:Boolean,default:!1},positioning:{default:"static"},keyboardHeight:{default:0},showDisclaimer:{type:Boolean,default:void 0},maxRows:{default:5},bottomAnchored:{type:Boolean,default:!1}},emits:["update:modelValue","submit-message","stop","add-file","start-transcribe","cancel-transcribe","finish-transcribe","finish-transcribe-with-audio"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=ve(),i=e.getCurrentInstance(),l=e.ref(null),c=e.ref(null),f=e.ref(null),C=e.ref(null),p=e.ref(null),m=e.ref(null),u=e.ref(null),h=e.ref(null),y=e.ref(n.modelValue??""),g=e.ref(!1),b=e.ref("compact"),d=e.ref(null),k=e.ref(0),v=e.ref(null),w=e.ref(!1),x=e.ref({singleLineHeight:0,maxHeight:0,paddingLeft:0,paddingRight:0}),R=e.ref(null),E=e.ref(!1),I=e.ref(null),B=e.ref(null),j=e.ref(!1),ee=e.ref(!1);let W=null,D=null;const L=e.computed(()=>i?.vnode.props??{}),G=e.computed(()=>n.modelValue!==void 0),X=e.computed(()=>G.value?n.modelValue??"":y.value),T=e.computed(()=>s.value?.labels??$e),A=e.computed(()=>n.placeholder??T.value.chatInputPlaceholder),F=e.computed(()=>n.mode==="input"&&b.value==="expanded"),H=e.computed(()=>n.mode!=="transcribe"&&n.isRunning),re=e.computed(()=>n.showDisclaimer??n.positioning==="absolute"),M=e.computed(()=>Y("onSubmitMessage")),P=e.computed(()=>Y("onStop")),U=e.computed(()=>Y("onAddFile")),_=e.computed(()=>Y("onStartTranscribe")),ae=e.computed(()=>Y("onCancelTranscribe")),le=e.computed(()=>Y("onFinishTranscribe")),de=e.computed(()=>n.mode==="input"&&!n.disabled&&M.value&&X.value.trim().length>0),ge=e.computed(()=>H.value?!P.value:!de.value),ye=e.computed(()=>[n.positioning==="absolute"&&"cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none",r.class]),V=e.computed(()=>{const S={...r};return delete S.class,S});function te(S){return Array.isArray(S.items)}function Y(S){const $=L.value[S];return Array.isArray($)?$.length>0:!!$}function Te(){return U.value?{label:T.value.chatInputToolbarAddButtonLabel,action:()=>a("add-file")}:null}function Ae(){const S=[],$=Te();if($&&S.push($),n.toolsMenu.length>0){S.length>0&&S.push("-");for(const q of n.toolsMenu){if(q==="-"){if(S.length===0||S[S.length-1]==="-")continue;S.push("-");continue}S.push(q)}}for(;S.length>0&&S[S.length-1]==="-";)S.pop();return S}const fe=e.computed(()=>Ae()),se=e.computed(()=>fe.value.length>0);function ce(S){const $=new Set,q=[],ne=Ie=>{for(const ie of Ie)if(ie!=="-"){if(te(ie)&&ie.items.length>0){ne(ie.items);continue}!ie.action||$.has(ie.label)||($.add(ie.label),q.push(ie))}};return ne(S),q}const ue=e.computed(()=>ce(fe.value));function Re(S,$=0,q="root"){const ne=[];for(const[Ie,ie]of S.entries()){const Ee=`${q}-${Ie}`;if(ie==="-"){ne.push({type:"separator",key:`sep-${Ee}`});continue}if(te(ie)&&ie.items.length>0){ne.push({type:"label",key:`label-${Ee}`,label:ie.label,depth:$}),ne.push(...Re(ie.items,$+1,Ee));continue}ie.action&&ne.push({type:"item",key:`item-${Ee}`,label:ie.label,depth:$,action:ie.action})}return ne}const N=e.computed(()=>Re(fe.value)),K=e.computed(()=>{if(d.value===null||ue.value.length===0)return[];const S=d.value.trim().toLowerCase();if(S.length===0)return ue.value;const $=[],q=[];for(const ne of ue.value){const Ie=ne.label.toLowerCase();if(Ie.startsWith(S)){$.push(ne);continue}Ie.includes(S)&&q.push(ne)}return[...$,...q]}),Ce=e.computed(()=>d.value!==null&&ue.value.length>0);function Me(S){G.value||(y.value=S),a("update:modelValue",S)}function et(){Me("")}function we(S){if(ue.value.length===0){d.value=null;return}if(S.startsWith("/")){const $=S.split(/\r?\n/,1)[0]??"";d.value=$.slice(1);return}d.value=null}function tt(S){et(),S.action?.(),d.value=null,k.value=0,requestAnimationFrame(()=>{c.value?.focus()})}function O(){if(n.mode!=="input"||n.disabled||!M.value)return;const $=(c.value?.value??X.value).trim();$&&(a("submit-message",$),n.clearOnSubmit&&et(),c.value?.focus())}function Q(S){const $=S.target.value;Me($),we($)}function Z(){if(H.value){P.value&&a("stop");return}O()}function me(S){if(!n.disabled&&!(g.value||S.isComposing||S.keyCode===229)){if(d.value!==null&&n.mode==="input"){if(S.key==="ArrowDown"){K.value.length>0&&(S.preventDefault(),k.value=k.value<0?0:(k.value+1)%K.value.length);return}if(S.key==="ArrowUp"){K.value.length>0&&(S.preventDefault(),k.value<0?k.value=K.value.length-1:k.value=k.value<=0?K.value.length-1:k.value-1);return}if(S.key==="Enter"){const $=k.value>=0?K.value[k.value]:void 0;if($){S.preventDefault(),tt($);return}}if(S.key==="Escape"){S.preventDefault(),d.value=null;return}}if(S.key==="Enter"&&!S.shiftKey&&n.mode==="input"){if(S.preventDefault(),H.value){P.value&&a("stop");return}O()}}}function xe(){!se.value||n.mode==="transcribe"||n.disabled||(w.value=!w.value)}function Pe(){w.value=!1}function Be(S){S(),Pe(),e.nextTick(()=>{c.value?.focus()})}async function Ue(){const S=h.value;if(S&&S.state==="recording")try{const $=await S.stop();a("finish-transcribe-with-audio",$)}catch($){console.error("Failed to stop recording:",$)}a("finish-transcribe")}function nt(S){const $=S.target;!$||n.mode!=="input"||$.tagName==="BUTTON"||$.closest("button")||c.value?.focus()}function Ke(){const S=c.value;if(!S||g.value)return;const $=S.value,q=S.style.height;S.style.height="auto";const ne=window.getComputedStyle(S),Ie=parseFloat(ne.paddingLeft)||0,ie=parseFloat(ne.paddingRight)||0,Ee=parseFloat(ne.paddingTop)||0,Oe=parseFloat(ne.paddingBottom)||0;S.value="";const ze=S.scrollHeight;S.value=$;const Le=(ze-Ee-Oe)*n.maxRows+Ee+Oe;x.value={singleLineHeight:ze,maxHeight:Le,paddingLeft:Ie,paddingRight:ie},S.style.height=q,S.style.maxHeight=`${Le}px`}function ot(){const S=c.value;if(!S)return 0;x.value.singleLineHeight===0&&Ke();const{maxHeight:$}=x.value;$&&(S.style.maxHeight=`${$}px`),S.style.height="auto";const q=S.scrollHeight;return S.style.height=`${$?Math.min(q,$):q}px`,q}function Ve(S){b.value!==S&&(E.value=!0,b.value=S)}function ht(S){const $=window.getComputedStyle(S);if($.font?.trim())return $.font;if($.fontSize&&$.fontFamily){const q=`${$.fontStyle} ${$.fontVariant} ${$.fontWeight} ${$.fontSize}/${$.lineHeight} ${$.fontFamily}`;if(q.trim())return q}return process.env.NODE_ENV!=="production"&&!j.value&&(j.value=!0,console.warn("[CopilotChatInput] Could not resolve textarea font for layout measurement. Text-width-based expansion will be skipped until the next container resize.")),null}function Fe(){const S=f.value,$=C.value,q=p.value;if(!S||!$||!q)return B.value=null,null;const ne=window.getComputedStyle(S),Ie=parseFloat(ne.paddingLeft)||0,ie=parseFloat(ne.paddingRight)||0,Ee=parseFloat(ne.columnGap)||0,Oe=S.clientWidth-Ie-ie;if(Oe<=0)return B.value=null,null;const ze=$.getBoundingClientRect().width,_e=q.getBoundingClientRect().width,Le=Math.max(Oe-ze-_e-Ee*2,0);if(Le<=0)return B.value=null,null;const at={compactWidth:Le};return B.value=at,at}function Se(){if(n.mode!=="input"){Ve("compact");return}if(typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 767px)").matches){Ke(),ot(),Ve("expanded");return}const S=c.value;if(!S||!f.value||!C.value||!p.value)return;x.value.singleLineHeight===0&&Ke();const $=ot(),q=x.value.singleLineHeight,ne=X.value.includes(`
|
|
72
|
+
`),Ie=q>0?$>q+1:!1;let ie=ne||Ie;if(!ie){const Ee=B.value??Fe();if(Ee&&Ee.compactWidth>0){const Oe=Math.max(Ee.compactWidth-x.value.paddingLeft-x.value.paddingRight,0);if(Oe>0){const ze=I.value??document.createElement("canvas");I.value||(I.value=ze);const _e=ze.getContext("2d");if(_e){const Le=ht(S);if(Le){_e.font=Le;const at=X.value.length>0?X.value.split(`
|
|
73
|
+
`):[""];let vt=0;for(const Gn of at){const Lt=_e.measureText(Gn||" ").width;Lt>vt&&(vt=Lt)}vt>Oe&&(ie=!0)}}else process.env.NODE_ENV!=="production"&&!ee.value&&(ee.value=!0,console.warn("[CopilotChatInput] canvas.getContext('2d') returned null. Text-width-based expansion will be skipped."))}}}Ve(ie?"expanded":"compact")}function je(S){if(E.value){E.value=!1;return}S&&(B.value=null,j.value=!1,ee.value=!1),R.value!==null&&cancelAnimationFrame(R.value),R.value=requestAnimationFrame(()=>{R.value=null,Se()})}return e.watch(()=>n.modelValue,S=>{G.value&&(y.value=S??"")}),e.watch(X,S=>{we(S),Se()}),e.watch(ue,()=>{ue.value.length===0&&(d.value=null)}),e.watch([d,()=>K.value.length],([S,$])=>{S!==null&&S!==v.value&&$>0&&(k.value=0),v.value=S},{immediate:!0}),e.watch([d,K],()=>{if(d.value===null){k.value=0;return}if(K.value.length===0){k.value=-1;return}(k.value<0||k.value>=K.value.length)&&(k.value=0)},{immediate:!0}),e.watch(()=>n.mode,async S=>{S!=="input"&&(b.value="compact",d.value=null,Pe());const $=h.value;if($){if(S==="transcribe"){try{await $.start()}catch(q){console.error(q)}return}if($.state==="recording")try{await $.stop()}catch{}}},{immediate:!0}),e.watch(h,async S=>{if(!(!S||n.mode!=="transcribe")&&S.state==="idle")try{await S.start()}catch($){console.error($)}},{immediate:!0}),e.watch(k,async S=>{if(!Ce.value||S<0)return;await e.nextTick(),m.value?.querySelector(`[data-slash-index="${S}"]`)?.scrollIntoView?.({block:"nearest"})}),e.watch(()=>n.disabled,S=>{S&&Pe()}),e.onMounted(()=>{if(n.autoFocus&&n.mode==="input"&&c.value?.focus(),Se(),typeof ResizeObserver<"u"){const S=new Set;f.value&&S.add(f.value),C.value&&S.add(C.value),p.value&&S.add(p.value),W=new ResizeObserver($=>{const q=$.some(ne=>S.has(ne.target));je(q)}),f.value&&W.observe(f.value),C.value&&W.observe(C.value),p.value&&W.observe(p.value),c.value&&W.observe(c.value)}D=S=>{if(!w.value)return;const $=S.target;$&&(u.value?.contains($)||C.value?.contains($)||Pe())},document.addEventListener("mousedown",D)}),e.onBeforeUnmount(()=>{D&&(document.removeEventListener("mousedown",D),D=null),W?.disconnect(),W=null,R.value!==null&&(cancelAnimationFrame(R.value),R.value=null)}),(S,$)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-chat-input-container",class:ye.value,style:{transform:t.keyboardHeight>0?`translateY(-${t.keyboardHeight}px)`:void 0,transition:"transform 0.2s ease-out",...t.positioning==="absolute"||t.bottomAnchored?{paddingBottom:"var(--copilotkit-license-banner-offset, 0px)"}:{}}},V.value),[e.createElementVNode("div",Sa,[e.renderSlot(S.$slots,"layout",{mode:t.mode,isMultiline:F.value,value:X.value,disabled:t.disabled,placeholder:A.value,isProcessing:H.value,sendDisabled:ge.value,menuOpen:w.value,menuItems:N.value,onToggleMenu:xe,onMenuAction:Be,onUpdateValue:Me,onSubmit:O,onKeydown:me,onSendClick:Z,onStartTranscribe:()=>a("start-transcribe"),onCancelTranscribe:()=>a("cancel-transcribe"),onFinishTranscribe:Ue},()=>[e.createElementVNode("div",{ref_key:"shellRef",ref:l,"data-testid":"copilot-chat-input-shell",class:"cpk:flex cpk:w-full cpk:cursor-text cpk:flex-col cpk:items-center cpk:justify-center cpk:overflow-visible cpk:rounded-[28px] cpk:bg-white cpk:bg-clip-padding cpk:shadow-[0_4px_4px_0_#0000000a,0_0_1px_0_#0000009e] cpk:contain-inline-size cpk:dark:bg-[#303030]","data-layout":F.value?"expanded":"compact",onClick:nt},[e.createElementVNode("div",{ref_key:"gridRef",ref:f,class:e.normalizeClass(["cpk:grid cpk:w-full cpk:gap-x-3 cpk:gap-y-3 cpk:px-3 cpk:py-2",F.value?"cpk:grid-cols-[auto_minmax(0,1fr)_auto] cpk:grid-rows-[auto_auto]":"cpk:grid-cols-[auto_minmax(0,1fr)_auto] cpk:items-center"]),"data-layout":F.value?"expanded":"compact"},[e.createElementVNode("div",{ref_key:"addButtonContainerRef",ref:C,class:e.normalizeClass(["cpk:relative cpk:flex cpk:items-center cpk:col-start-1",F.value?"cpk:row-start-2":"cpk:row-start-1"])},[e.renderSlot(S.$slots,"add-menu-button",{disabled:t.disabled||t.mode==="transcribe"||!se.value,menuOpen:w.value,toggleMenu:xe,labels:T.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-add","aria-label":T.value.chatInputToolbarAddButtonLabel,disabled:t.disabled||t.mode==="transcribe"||!se.value,class:"cpk:ml-1 cpk:inline-flex cpk:h-9 cpk:w-9 cpk:shrink-0 cpk:items-center cpk:justify-center cpk:rounded-full cpk:bg-transparent cpk:text-[#444444] cpk:transition-colors cpk:hover:bg-[#f8f8f8] cpk:hover:text-[#333333] cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50 cpk:disabled:hover:bg-transparent cpk:disabled:hover:text-[#444444] cpk:dark:text-white cpk:dark:hover:bg-[#404040] cpk:dark:hover:text-[#FFFFFF] cpk:dark:disabled:hover:bg-transparent cpk:dark:disabled:hover:text-[#CCCCCC]",onClick:e.withModifiers(xe,["stop"])},[e.createVNode(e.unref(oe.Plus),{class:"cpk:size-[20px]"})],8,Aa)]),w.value&&se.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"addMenuRef",ref:u,class:"cpk:absolute cpk:bottom-full cpk:left-0 cpk:z-30 cpk:mb-2 cpk:min-w-[220px] cpk:overflow-hidden cpk:rounded-lg cpk:border cpk:border-border cpk:bg-white cpk:shadow-lg cpk:dark:border-[#3a3a3a] cpk:dark:bg-[#1f1f1f]","data-testid":"copilot-chat-input-add-menu"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,q=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:q.key},[q.type==="separator"?(e.openBlock(),e.createElementBlock("div",Ra)):q.type==="label"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cpk:flex cpk:items-center cpk:gap-1 cpk:px-3 cpk:py-1.5 cpk:text-xs cpk:font-semibold cpk:text-muted-foreground",style:e.normalizeStyle({paddingLeft:`${12+q.depth*12}px`})},[e.createElementVNode("span",null,e.toDisplayString(q.label),1),e.createVNode(e.unref(oe.ChevronRight),{class:"cpk:size-3"})],4)):(e.openBlock(),e.createElementBlock("button",{key:2,type:"button",role:"menuitem",class:"cpk:w-full cpk:px-3 cpk:py-2 cpk:text-left cpk:text-sm cpk:transition-colors cpk:hover:bg-muted cpk:dark:hover:bg-[#2f2f2f]",style:e.normalizeStyle({paddingLeft:`${12+q.depth*12}px`}),onClick:ne=>Be(q.action)},e.toDisplayString(q.label),13,Ea))],64))),128))],512)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(["cpk:relative cpk:flex cpk:min-h-[50px] cpk:min-w-0 cpk:flex-col cpk:justify-center",F.value?"cpk:col-span-3 cpk:row-start-1":"cpk:col-start-2 cpk:row-start-1"])},[t.mode==="transcribe"?e.renderSlot(S.$slots,"audio-recorder",{key:0},()=>[e.createVNode($n,{ref_key:"audioRecorderRef",ref:h},null,512)]):t.mode==="processing"?(e.openBlock(),e.createElementBlock("div",$a,[e.createVNode(e.unref(oe.Loader2),{class:"cpk:size-[26px] cpk:animate-spin cpk:text-muted-foreground"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.renderSlot(S.$slots,"text-area",{value:X.value,disabled:t.disabled,placeholder:A.value,onInput:Q,onKeydown:me,autoFocus:t.autoFocus,isExpanded:F.value,rows:1,labels:T.value},()=>[e.createElementVNode("textarea",{ref_key:"textareaRef",ref:c,"data-testid":"copilot-chat-input-textarea",value:X.value,placeholder:A.value,disabled:t.disabled,rows:"1",class:e.normalizeClass(["cpk:w-full cpk:bg-transparent cpk:py-3 cpk:text-[16px] cpk:font-normal cpk:leading-relaxed cpk:text-foreground cpk:antialiased cpk:outline-none cpk:placeholder:text-[#00000077] cpk:dark:placeholder:text-[#fffc]",F.value?"cpk:px-5":"cpk:pr-5"]),style:{overflow:"auto",resize:"none"},onInput:Q,onKeydown:me,onCompositionstart:$[0]||($[0]=q=>g.value=!0),onCompositionend:$[1]||($[1]=q=>g.value=!1)},null,42,Ma)]),Ce.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"slashMenuRef",ref:m,"data-testid":"copilot-slash-menu",role:"listbox","aria-label":"Slash commands",class:"cpk:absolute cpk:bottom-full cpk:left-0 cpk:right-0 cpk:z-30 cpk:mb-2 cpk:max-h-64 cpk:overflow-y-auto cpk:rounded-lg cpk:border cpk:border-border cpk:bg-white cpk:shadow-lg cpk:dark:border-[#3a3a3a] cpk:dark:bg-[#1f1f1f]",style:{maxHeight:"200px"}},[K.value.length===0?(e.openBlock(),e.createElementBlock("div",Ba," No commands found ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(K.value,(q,ne)=>(e.openBlock(),e.createElementBlock("button",{key:`${q.label}-${ne}`,type:"button",role:"option","data-slash-index":ne,"aria-selected":ne===k.value,"data-active":ne===k.value?"true":void 0,class:e.normalizeClass(["cpk:w-full cpk:px-3 cpk:py-2 cpk:text-left cpk:text-sm cpk:transition-colors cpk:hover:bg-muted cpk:dark:hover:bg-[#2f2f2f]",ne===k.value?"cpk:bg-muted cpk:dark:bg-[#2f2f2f]":"cpk:bg-transparent"]),onMouseenter:Ie=>k.value=ne,onMousedown:e.withModifiers(Ie=>tt(q),["prevent"])},e.toDisplayString(q.label),43,Va))),128))],512)):e.createCommentVNode("",!0)],64))],2),e.createElementVNode("div",{ref_key:"actionsContainerRef",ref:p,class:e.normalizeClass(["cpk:flex cpk:items-center cpk:justify-end cpk:gap-2",F.value?"cpk:col-start-3 cpk:row-start-2":"cpk:col-start-3 cpk:row-start-1"])},[t.mode==="transcribe"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ae.value?e.renderSlot(S.$slots,"cancel-transcribe-button",{key:0,disabled:t.disabled,onClick:()=>a("cancel-transcribe"),labels:T.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-cancel-transcribe","aria-label":T.value.chatInputToolbarCancelTranscribeButtonLabel,disabled:t.disabled,class:"cpk:mr-2 cpk:inline-flex cpk:h-9 cpk:w-9 cpk:shrink-0 cpk:items-center cpk:justify-center cpk:rounded-full cpk:bg-transparent cpk:text-[#444444] cpk:transition-colors cpk:hover:bg-[#f8f8f8] cpk:hover:text-[#333333] cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50 cpk:dark:text-white cpk:dark:hover:bg-[#404040] cpk:dark:hover:text-[#FFFFFF]",onClick:$[2]||($[2]=q=>a("cancel-transcribe"))},[e.createVNode(e.unref(oe.X),{class:"cpk:size-[18px]"})],8,Fa)]):e.createCommentVNode("",!0),le.value?e.renderSlot(S.$slots,"finish-transcribe-button",{key:1,disabled:t.disabled,onClick:Ue,labels:T.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-finish-transcribe","aria-label":T.value.chatInputToolbarFinishTranscribeButtonLabel,disabled:t.disabled,class:"cpk:mr-[10px] cpk:inline-flex cpk:h-9 cpk:w-9 cpk:shrink-0 cpk:items-center cpk:justify-center cpk:rounded-full cpk:bg-transparent cpk:text-[#444444] cpk:transition-colors cpk:hover:bg-[#f8f8f8] cpk:hover:text-[#333333] cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50 cpk:dark:text-white cpk:dark:hover:bg-[#404040] cpk:dark:hover:text-[#FFFFFF]",onClick:Ue},[e.createVNode(e.unref(oe.Check),{class:"cpk:size-[18px]"})],8,Na)]):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[_.value?e.renderSlot(S.$slots,"start-transcribe-button",{key:0,disabled:t.disabled,onClick:()=>a("start-transcribe"),labels:T.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-start-transcribe","aria-label":T.value.chatInputToolbarStartTranscribeButtonLabel,disabled:t.disabled,class:"cpk:mr-2 cpk:inline-flex cpk:h-9 cpk:w-9 cpk:shrink-0 cpk:items-center cpk:justify-center cpk:rounded-full cpk:bg-transparent cpk:text-[#444444] cpk:transition-colors cpk:hover:bg-[#f8f8f8] cpk:hover:text-[#333333] cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50 cpk:disabled:hover:bg-transparent cpk:disabled:hover:text-[#444444] cpk:dark:text-white cpk:dark:hover:bg-[#404040] cpk:dark:hover:text-[#FFFFFF] cpk:dark:disabled:hover:bg-transparent cpk:dark:disabled:hover:text-[#CCCCCC]",onClick:$[3]||($[3]=q=>a("start-transcribe"))},[e.createVNode(e.unref(oe.Mic),{class:"cpk:size-[18px]"})],8,Oa)]):e.createCommentVNode("",!0),e.renderSlot(S.$slots,"send-button",{disabled:ge.value,isProcessing:H.value,onClick:Z},()=>[e.createElementVNode("div",La,[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-send","aria-label":"Send message",disabled:ge.value,class:"cpk:inline-flex cpk:h-9 cpk:w-9 cpk:shrink-0 cpk:items-center cpk:justify-center cpk:rounded-full cpk:bg-black cpk:text-white cpk:transition-colors cpk:hover:opacity-70 cpk:disabled:cursor-not-allowed cpk:disabled:opacity-50 cpk:disabled:bg-[#00000014] cpk:disabled:text-[rgb(13,13,13)] cpk:disabled:hover:opacity-100 cpk:dark:bg-white cpk:dark:text-black cpk:dark:disabled:bg-[#454545] cpk:dark:disabled:text-white",onClick:Z},[H.value&&P.value?(e.openBlock(),e.createBlock(e.unref(oe.Square),{key:0,class:"cpk:size-[18px] cpk:fill-current"})):(e.openBlock(),e.createBlock(e.unref(oe.ArrowUp),{key:1,class:"cpk:size-[18px]"}))],8,Da)])])],64))],2)],10,Ia)],8,Ta)])]),re.value?e.renderSlot(S.$slots,"disclaimer",{key:0,labels:T.value},()=>[e.createElementVNode("p",Pa,e.toDisplayString(T.value.chatDisclaimerText),1)]):e.createCommentVNode("",!0)],16))}}),za=["data-card-type"],Ua={key:0,class:"cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:bg-black/40 cpk:z-10","data-testid":"copilot-chat-attachment-uploading-overlay"},ja=["onClick"],_a=["src","alt"],Ha={key:1,class:"cpk:w-full cpk:h-full cpk:relative"},Wa=["src","alt"],qa=["src"],Ka=["onClick"],Ga={key:2,class:"cpk:flex cpk:flex-col cpk:gap-1 cpk:w-full"},Ja=["src"],Xa={key:0,class:"cpk:text-xs cpk:font-medium cpk:overflow-hidden cpk:text-ellipsis cpk:whitespace-nowrap"},Qa=["onClick"],Ya={class:"cpk:w-8 cpk:h-8 cpk:rounded-md cpk:bg-primary cpk:text-primary-foreground cpk:flex cpk:items-center cpk:justify-center cpk:text-[10px] cpk:font-semibold cpk:shrink-0"},Za={class:"cpk:flex cpk:flex-col cpk:min-w-0"},es={class:"cpk:text-xs cpk:font-medium cpk:break-all cpk:leading-tight","data-testid":"copilot-chat-attachment-document-filename"},ts={key:0,class:"cpk:text-[11px] cpk:text-muted-foreground"},ns={key:2,class:"cpk:w-full cpk:h-full cpk:bg-muted-foreground/20","data-testid":"copilot-chat-attachment-placeholder"},os=["onClick"],as=["src","alt"],ss=["src"],rs=["src","title"],is={key:1,class:"cpk:w-[90vw] cpk:max-w-[800px] cpk:max-h-[90vh] cpk:overflow-auto cpk:rounded-lg cpk:bg-white cpk:dark:bg-gray-900 cpk:p-6"},ls={key:0,class:"cpk:text-sm cpk:whitespace-pre-wrap cpk:wrap-break-word cpk:text-gray-800 cpk:dark:text-gray-200 cpk:font-mono cpk:m-0","data-testid":"copilot-chat-attachment-lightbox-document-text"},cs=["src","title"],us={key:2,class:"cpk:flex cpk:flex-col cpk:items-center cpk:gap-4 cpk:p-8 cpk:rounded-lg cpk:bg-white cpk:dark:bg-gray-900","data-testid":"copilot-chat-attachment-lightbox-document-fallback"},ds={class:"cpk:w-16 cpk:h-16 cpk:rounded-xl cpk:bg-primary cpk:text-primary-foreground cpk:flex cpk:items-center cpk:justify-center cpk:text-xl cpk:font-bold"},ps={class:"cpk:text-center"},ms={class:"cpk:text-base cpk:font-medium cpk:text-gray-800 cpk:dark:text-gray-200"},fs={class:"cpk:text-sm cpk:text-gray-500 cpk:dark:text-gray-400 cpk:mt-1"},Tt=e.defineComponent({__name:"CopilotChatAttachmentQueue",props:{attachments:{default:()=>[]},className:{default:""}},emits:["remove-attachment"],setup(t,{emit:o}){const n=t,a=o,r=e.ref(null),s=e.ref(null),i=e.computed(()=>r.value!==null),l=e.computed(()=>{const g=r.value;if(!g||g.type!=="document")return!1;const b=g.source.mimeType;return u(b)||h(b)}),c=e.computed(()=>{const g=r.value;if(!g||g.type!=="document")return null;const b=g.source.mimeType;if(!h(b)||g.source.type!=="data")return null;try{return atob(g.source.value)}catch{return g.source.value}}),f=e.computed(()=>{const g=r.value;return!g||g.type!=="document"?null:g.source.type==="url"?g.source.value:s.value});e.watch(r,(g,b)=>{if(s.value&&(URL.revokeObjectURL(s.value),s.value=null),!g||g.type!=="document"||g.source.type!=="data"||typeof window>"u")return;const d=g.source.mimeType;if(!u(d)&&!h(d))return;const k=y(g.source.value,d);s.value=k},{immediate:!0}),e.watch(i,(g,b,d)=>{if(!g||typeof document>"u")return;const k=v=>{v.key==="Escape"&&p()};document.addEventListener("keydown",k),d(()=>{document.removeEventListener("keydown",k)})}),e.onBeforeUnmount(()=>{s.value&&(URL.revokeObjectURL(s.value),s.value=null)});function C(g){if(typeof document<"u"){const b=document;if(typeof b.startViewTransition=="function"){b.startViewTransition(()=>{r.value=g});return}}r.value=g}function p(){r.value=null}function m(g){return g.type==="image"||g.type==="video"?"cpk:w-[72px] cpk:h-[72px]":g.type==="audio"?"cpk:min-w-[200px] cpk:max-w-[280px] cpk:flex-col cpk:p-1 cpk:pr-8":"cpk:p-2 cpk:px-3 cpk:pr-8 cpk:max-w-[240px]"}function u(g){return!!g&&g.includes("pdf")}function h(g){return!!g&&g.startsWith("text/")}function y(g,b){try{const d=atob(g),k=new Uint8Array(d.length);for(let w=0;w<d.length;w+=1)k[w]=d.charCodeAt(w);const v=new Blob([k],{type:b||"application/octet-stream"});return URL.createObjectURL(v)}catch(d){return console.error("[CopilotKit] Failed to decode attachment data:",d),null}}return(g,b)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.attachments.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cpk:flex cpk:flex-wrap cpk:gap-2 cpk:p-2",n.className]),"data-testid":"copilot-chat-attachment-queue"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.attachments,d=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:e.normalizeClass(["cpk:relative cpk:inline-flex cpk:rounded-lg cpk:overflow-hidden cpk:border cpk:border-border",m(d)]),"data-testid":"copilot-chat-attachment-item","data-card-type":d.type},[d.status==="uploading"?(e.openBlock(),e.createElementBlock("div",Ua,[...b[1]||(b[1]=[e.createElementVNode("div",{class:"cpk:w-5 cpk:h-5 cpk:border-2 cpk:border-white cpk:border-t-transparent cpk:rounded-full cpk:animate-spin"},null,-1)])])):e.createCommentVNode("",!0),d.status==="ready"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[d.type==="image"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"cpk:w-full cpk:h-full cpk:border-none cpk:bg-transparent cpk:p-0 cpk:cursor-pointer","data-testid":"copilot-chat-attachment-image-button",onClick:k=>C(d)},[e.createElementVNode("img",{src:e.unref(z.getSourceUrl)(d.source),alt:d.filename||"Image attachment",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-image-thumbnail"},null,8,_a)],8,ja)):d.type==="video"?(e.openBlock(),e.createElementBlock("div",Ha,[d.thumbnail?(e.openBlock(),e.createElementBlock("img",{key:0,src:d.thumbnail,alt:d.filename||"Video thumbnail",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-video-thumbnail"},null,8,Wa)):(e.openBlock(),e.createElementBlock("video",{key:1,src:e.unref(z.getSourceUrl)(d.source),preload:"metadata",muted:"",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-video-fallback"},null,8,qa)),e.createElementVNode("button",{type:"button",class:"cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:z-10 cpk:cursor-pointer cpk:bg-black/20 cpk:border-none cpk:p-0","aria-label":"Play video","data-testid":"copilot-chat-attachment-video-play",onClick:k=>C(d)},[...b[2]||(b[2]=[e.createElementVNode("div",{class:"cpk:w-8 cpk:h-8 cpk:rounded-full cpk:bg-black/60 cpk:flex cpk:items-center cpk:justify-center cpk:text-white cpk:text-xs cpk:font-semibold"}," ▶ ",-1)])],8,Ka)])):d.type==="audio"?(e.openBlock(),e.createElementBlock("div",Ga,[e.createElementVNode("audio",{src:e.unref(z.getSourceUrl)(d.source),controls:"",preload:"metadata",class:"cpk:w-full cpk:h-8","data-testid":"copilot-chat-attachment-audio-player"},null,8,Ja),d.filename?(e.openBlock(),e.createElementBlock("span",Xa,e.toDisplayString(d.filename),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("button",{key:3,type:"button",class:e.normalizeClass(["cpk:flex cpk:items-center cpk:gap-2 cpk:w-full cpk:border-none cpk:bg-transparent cpk:p-0 cpk:text-left",u(d.source.mimeType)||h(d.source.mimeType)?"cpk:cursor-pointer":"cpk:cursor-default"]),"data-testid":"copilot-chat-attachment-document-button",onClick:k=>(u(d.source.mimeType)||h(d.source.mimeType))&&C(d)},[e.createElementVNode("div",Ya,e.toDisplayString(e.unref(z.getDocumentIcon)(d.source.mimeType??"")),1),e.createElementVNode("div",Za,[e.createElementVNode("span",es,e.toDisplayString(d.filename||"Document"),1),d.size!=null?(e.openBlock(),e.createElementBlock("span",ts,e.toDisplayString(e.unref(z.formatFileSize)(d.size)),1)):e.createCommentVNode("",!0)])],10,Qa))],64)):(e.openBlock(),e.createElementBlock("div",ns)),e.createElementVNode("button",{type:"button",class:"cpk:absolute cpk:bg-black/60 cpk:text-white cpk:border-none cpk:rounded-full cpk:w-5 cpk:h-5 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:text-[10px] cpk:z-20 cpk:top-1 cpk:right-1","aria-label":"Remove attachment",onClick:k=>a("remove-attachment",d.id)}," ✕ ",8,os)],10,za))),128))],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cpk:fixed cpk:inset-0 cpk:z-[9999] cpk:flex cpk:items-center cpk:justify-center cpk:bg-black/80","data-testid":"copilot-chat-attachment-lightbox",onClick:p},[e.createElementVNode("button",{type:"button",class:"cpk:absolute cpk:top-4 cpk:right-4 cpk:text-white cpk:bg-white/10 cpk:hover:bg-white/20 cpk:rounded-full cpk:w-10 cpk:h-10 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer cpk:border-none","aria-label":"Close preview",onClick:e.withModifiers(p,["stop"])}," ✕ "),e.createElementVNode("div",{"data-testid":"copilot-chat-attachment-lightbox-content",onClick:b[0]||(b[0]=e.withModifiers(()=>{},["stop"]))},[r.value.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(z.getSourceUrl)(r.value.source),alt:r.value.filename||"Image attachment",class:"cpk:max-w-[90vw] cpk:max-h-[90vh] cpk:object-contain cpk:rounded-lg","data-testid":"copilot-chat-attachment-lightbox-image"},null,8,as)):r.value.type==="video"?(e.openBlock(),e.createElementBlock("video",{key:1,src:e.unref(z.getSourceUrl)(r.value.source),controls:"",autoplay:"",class:"cpk:max-w-[90vw] cpk:max-h-[90vh] cpk:rounded-lg","data-testid":"copilot-chat-attachment-lightbox-video"},null,8,ss)):r.value.type==="document"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[l.value&&u(r.value.source.mimeType)&&f.value?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:f.value,title:r.value.filename||"PDF preview",class:"cpk:w-[90vw] cpk:h-[90vh] cpk:max-w-[1000px] cpk:rounded-lg cpk:bg-white","data-testid":"copilot-chat-attachment-lightbox-document-iframe"},null,8,rs)):l.value&&h(r.value.source.mimeType)?(e.openBlock(),e.createElementBlock("div",is,[c.value!==null?(e.openBlock(),e.createElementBlock("pre",ls,e.toDisplayString(c.value),1)):f.value?(e.openBlock(),e.createElementBlock("iframe",{key:1,src:f.value,title:r.value.filename||"Text preview",class:"cpk:w-full cpk:h-[80vh] cpk:border-none","data-testid":"copilot-chat-attachment-lightbox-document-iframe"},null,8,cs)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",us,[e.createElementVNode("div",ds,e.toDisplayString(e.unref(z.getDocumentIcon)(r.value.source.mimeType??"")),1),e.createElementVNode("div",ps,[e.createElementVNode("div",ms,e.toDisplayString(r.value.filename||"Document"),1),e.createElementVNode("div",fs,e.toDisplayString(r.value.source.mimeType||"Unknown type")+" "+e.toDisplayString(r.value.size!=null?` · ${e.unref(z.formatFileSize)(r.value.size)}`:""),1)]),b[3]||(b[3]=e.createElementVNode("div",{class:"cpk:text-xs cpk:text-gray-400 cpk:dark:text-gray-500"}," No preview available for this file type ",-1))]))],64)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))],64))}}),gs=["data-message-id"],hs=["aria-expanded"],vs={class:"cpk:font-medium"},ks={key:0,class:"cpk:inline-flex cpk:items-center cpk:ml-1"},bs={class:"cpk:overflow-hidden"},ys={key:0,class:"cpk:pb-2 cpk:pt-1"},ws={class:"cpk:text-sm cpk:text-muted-foreground"},Cs={key:0,class:"cpk:inline-flex cpk:items-center cpk:ml-1 cpk:align-middle"},On=e.defineComponent({__name:"CopilotChatReasoningMessage",props:{message:{},messages:{default:()=>[]},isRunning:{type:Boolean,default:!1}},setup(t){const o=t;function n(g){if(g<1)return"a few seconds";if(g<60)return`${Math.round(g)} seconds`;const b=Math.floor(g/60),d=Math.round(g%60);return d===0?`${b} minute${b>1?"s":""}`:`${b}m ${d}s`}const a=e.computed(()=>typeof o.message.content=="string"?o.message.content:""),r=e.computed(()=>a.value.length>0),s=e.computed(()=>o.messages[o.messages.length-1]?.id===o.message.id),i=e.computed(()=>!!(o.isRunning&&s.value)),l=e.ref(0),c=e.ref(i.value),f=e.ref(!1);let C=null,p=null;function m(){p&&(clearInterval(p),p=null)}function u(){C!==null&&(l.value=(Date.now()-C)/1e3)}e.watch(i,g=>{if(g){C===null&&(C=Date.now()),m(),p=setInterval(u,1e3),f.value=!1,c.value=!0;return}m(),u(),f.value||(c.value=!1)},{immediate:!0}),e.onBeforeUnmount(()=>{m()});const h=e.computed(()=>i.value?"Thinking…":`Thought for ${n(l.value)}`);function y(){r.value&&(f.value=!0,c.value=!c.value)}return(g,b)=>(e.openBlock(),e.createElementBlock("div",{"data-copilotkit":"",class:"cpk:my-1","data-message-id":t.message.id},[e.renderSlot(g.$slots,"layout",{message:t.message,messages:t.messages,isRunning:t.isRunning,header:{isOpen:c.value,label:h.value,hasContent:r.value,isStreaming:i.value,onClick:r.value?y:void 0},contentView:{isStreaming:i.value,hasContent:r.value,content:a.value},toggle:{isOpen:c.value,contentView:{isStreaming:i.value,hasContent:r.value,content:a.value}}},()=>[e.renderSlot(g.$slots,"header",{isOpen:c.value,label:h.value,hasContent:r.value,isStreaming:i.value,onClick:r.value?y:void 0},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["cpk:inline-flex cpk:items-center cpk:gap-1 cpk:py-1 cpk:text-sm cpk:text-muted-foreground cpk:transition-colors cpk:select-none",r.value?"cpk:hover:text-foreground cpk:cursor-pointer":"cpk:cursor-default"]),"aria-expanded":r.value?c.value:void 0,onClick:b[0]||(b[0]=d=>r.value?y():void 0)},[e.createElementVNode("span",vs,e.toDisplayString(h.value),1),i.value&&!r.value?(e.openBlock(),e.createElementBlock("span",ks,[...b[1]||(b[1]=[e.createElementVNode("span",{class:"cpk:w-1.5 cpk:h-1.5 cpk:rounded-full cpk:bg-muted-foreground cpk:animate-pulse"},null,-1)])])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(e.unref(oe.ChevronRight),{key:1,class:e.normalizeClass(["cpk:size-3.5 cpk:shrink-0 cpk:transition-transform cpk:duration-200",{"cpk:rotate-90":c.value}])},null,8,["class"])):e.createCommentVNode("",!0)],10,hs)]),e.renderSlot(g.$slots,"toggle",{isOpen:c.value,contentView:{isStreaming:i.value,hasContent:r.value,content:a.value}},()=>[e.createElementVNode("div",{class:"cpk:grid cpk:transition-[grid-template-rows] cpk:duration-200 cpk:ease-in-out",style:e.normalizeStyle({gridTemplateRows:c.value?"1fr":"0fr"})},[e.createElementVNode("div",bs,[e.renderSlot(g.$slots,"content-view",{isStreaming:i.value,hasContent:r.value,content:a.value},()=>[r.value||i.value?(e.openBlock(),e.createElementBlock("div",ys,[e.createElementVNode("div",ws,[e.createVNode(e.unref(on.StreamMarkdown),{content:a.value},null,8,["content"]),i.value&&r.value?(e.openBlock(),e.createElementBlock("span",Cs,[...b[2]||(b[2]=[e.createElementVNode("span",{class:"cpk:w-2 cpk:h-2 cpk:rounded-full cpk:bg-muted-foreground cpk:animate-pulse-cursor"},null,-1)])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)])])],4)])])],8,gs))}}),xs=["data-message-id"],Ss=["data-multiline"],Ts={class:"cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:justify-end cpk:-mr-[5px] cpk:mt-[4px] cpk:invisible cpk:group-hover:visible"},Is={class:"cpk:flex cpk:items-center cpk:gap-1 cpk:justify-end"},As=["aria-label","title"],Rs=["aria-label","title"],Es={class:"cpk:flex cpk:items-center cpk:gap-1"},$s=["disabled"],Ms={class:"cpk:text-sm cpk:text-muted-foreground cpk:px-0 cpk:font-medium"},Bs=["disabled"],Ln=e.defineComponent({__name:"CopilotChatUserMessage",props:{message:{},branchIndex:{default:0},numberOfBranches:{default:1}},emits:["edit-message","switch-to-branch"],setup(t,{emit:o}){const n=t,a=o,r=ve(),s=e.computed(()=>r.value?.labels??$e),i=e.getCurrentInstance(),l=e.ref(!1);let c=null;const f=e.computed(()=>i?.vnode.props??{}),C=["cpk:inline-flex cpk:h-8 cpk:w-8 cpk:items-center cpk:justify-center cpk:rounded-md cpk:p-0","cpk:cursor-pointer cpk:text-[rgb(93,93,93)] cpk:transition-colors cpk:hover:bg-[#E8E8E8]","cpk:hover:text-[rgb(93,93,93)] cpk:dark:text-[rgb(243,243,243)] cpk:dark:hover:bg-[#303030]","cpk:dark:hover:text-[rgb(243,243,243)] cpk:disabled:pointer-events-none cpk:disabled:opacity-50"].join(" ");function p(I){return I?typeof I=="string"?I:I.map(B=>B&&typeof B=="object"&&"type"in B&&B.type==="text"&&typeof B.text=="string"?B.text:"").filter(B=>B.length>0).join(`
|
|
74
|
+
`):""}const m=e.computed(()=>p(n.message.content)),u=e.computed(()=>m.value.includes(`
|
|
75
|
+
`));function h(I){const B=f.value[I];return Array.isArray(B)?B.length>0:!!B}const y=e.computed(()=>h("onEditMessage")),g=e.computed(()=>n.numberOfBranches>1&&h("onSwitchToBranch")),b=e.computed(()=>n.branchIndex>0),d=e.computed(()=>n.branchIndex<n.numberOfBranches-1);function k(){c&&clearTimeout(c),l.value=!0,c=setTimeout(()=>{l.value=!1,c=null},2e3)}async function v(){if(m.value&&!(typeof navigator>"u"||typeof navigator.clipboard?.writeText!="function"))try{await navigator.clipboard.writeText(m.value),k()}catch(I){console.error("Failed to copy to clipboard:",I)}}function w(){if(!y.value)return;const I={message:n.message};a("edit-message",I)}function x(I){if(!g.value)return;const B={branchIndex:I,numberOfBranches:n.numberOfBranches,message:n.message};a("switch-to-branch",B)}function R(){b.value&&x(n.branchIndex-1)}function E(){d.value&&x(n.branchIndex+1)}return e.onBeforeUnmount(()=>{c&&clearTimeout(c)}),(I,B)=>e.renderSlot(I.$slots,"layout",{message:t.message,content:m.value,isMultiline:u.value,showBranchNavigation:g.value,hasEditAction:y.value,branchIndex:t.branchIndex,numberOfBranches:t.numberOfBranches,canGoPrev:b.value,canGoNext:d.value,onCopy:v,onEdit:w,goPrev:R,goNext:E,copied:l.value},()=>[e.createElementVNode("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-user-message",class:"cpk:flex cpk:flex-col cpk:items-end cpk:group cpk:pt-10","data-message-id":t.message.id},I.$attrs),[e.renderSlot(I.$slots,"message-renderer",{message:t.message,content:m.value,isMultiline:u.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(["cpk:prose cpk:dark:prose-invert cpk:bg-muted cpk:relative cpk:max-w-[80%] cpk:rounded-[18px] cpk:px-4 cpk:py-1.5 cpk:inline-block cpk:whitespace-pre-wrap",{"cpk:py-3":u.value}]),"data-multiline":u.value?"true":void 0},e.toDisplayString(m.value),11,Ss)]),e.renderSlot(I.$slots,"toolbar",{message:t.message,showBranchNavigation:g.value,hasEditAction:y.value},()=>[e.createElementVNode("div",Ts,[e.createElementVNode("div",Is,[e.renderSlot(I.$slots,"toolbar-items"),e.renderSlot(I.$slots,"copy-button",{onCopy:v,copied:l.value,label:s.value.userMessageToolbarCopyMessageLabel},()=>[e.createElementVNode("button",{"data-testid":"copilot-user-copy-button",type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.userMessageToolbarCopyMessageLabel,title:s.value.userMessageToolbarCopyMessageLabel,onClick:v},[l.value?(e.openBlock(),e.createBlock(e.unref(oe.Check),{key:0,class:"cpk:size-[18px]"})):(e.openBlock(),e.createBlock(e.unref(oe.Copy),{key:1,class:"cpk:size-[18px]"}))],10,As)]),y.value?e.renderSlot(I.$slots,"edit-button",{key:0,onEdit:w,label:s.value.userMessageToolbarEditMessageLabel},()=>[e.createElementVNode("button",{type:"button",class:e.normalizeClass(e.unref(C)),"aria-label":s.value.userMessageToolbarEditMessageLabel,title:s.value.userMessageToolbarEditMessageLabel,onClick:w},[e.createVNode(e.unref(oe.Edit),{class:"cpk:size-[18px]"})],10,Rs)]):e.createCommentVNode("",!0),g.value?e.renderSlot(I.$slots,"branch-navigation",{key:1,branchIndex:t.branchIndex,numberOfBranches:t.numberOfBranches,canGoPrev:b.value,canGoNext:d.value,goPrev:R,goNext:E},()=>[e.createElementVNode("div",Es,[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(C),"cpk:h-6 cpk:w-6 cpk:p-0"]),disabled:!b.value,"aria-label":"Previous branch",title:"Previous branch",onClick:R},[e.createVNode(e.unref(oe.ChevronLeft),{class:"cpk:size-[20px]"})],10,$s),e.createElementVNode("span",Ms,e.toDisplayString(t.branchIndex+1)+"/"+e.toDisplayString(t.numberOfBranches),1),e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(C),"cpk:h-6 cpk:w-6 cpk:p-0"]),disabled:!d.value,"aria-label":"Next branch",title:"Next branch",onClick:E},[e.createVNode(e.unref(oe.ChevronRight),{class:"cpk:size-[20px]"})],10,Bs)])]):e.createCommentVNode("",!0)])])])],16,xs)])}}),Dn=e.defineComponent({__name:"CopilotChatMessageView",props:{messages:{default:()=>[]},isRunning:{type:Boolean,default:!1}},setup(t){const o=t,{copilotkit:n}=be(),a=ve(),r=e.ref(0),s=e.ref(null),i=e.useSlots(),l=e.computed(()=>Object.keys(i)),c=e.computed(()=>a.value?.agentId??z.DEFAULT_AGENT_ID),f=e.computed(()=>{const d=c.value,k=n.value.getAgent(d);return Xt(k,a.value?.threadId)??k});e.watch([c,()=>a.value?.threadId,()=>n.value,()=>n.value.runtimeConnectionStatus],([d,k],v,w)=>{const x=n.value.getAgent(c.value),R=Xt(x,k)??x;if(!R)return;const E=R.subscribe({onStateChanged:()=>{r.value+=1},onRunStartedEvent:()=>{r.value+=1},onRunFinishedEvent:()=>{r.value+=1},onRunErrorEvent:()=>{r.value+=1}});w(()=>E.unsubscribe())},{immediate:!0}),e.watch(()=>n.value,(d,k,v)=>{s.value=d.interruptState;const w=d.subscribe({onInterruptStateChanged:({interruptState:x})=>{s.value=x},onRuntimeConnectionStatusChanged:()=>{r.value+=1}});v(()=>w.unsubscribe())},{immediate:!0});function C(d){const k=new Map;for(const v of d){const w=k.get(v.id);if(w&&v.role==="assistant"&&w.role==="assistant"){const x=v.content||w.content,R=v.toolCalls??w.toolCalls;k.set(v.id,{...w,...v,content:x,toolCalls:R})}else k.set(v.id,v)}return[...k.values()]}const p=e.computed(()=>C(o.messages)),m=e.computed(()=>o.messages[o.messages.length-1]),u=e.computed(()=>o.isRunning&&m.value?.role!=="reasoning");e.watch([()=>o.messages.length,()=>p.value.length],([d,k])=>{process.env.NODE_ENV==="development"&&k<d&&console.warn(`CopilotChatMessageView: Deduplicated ${d-k} message(s) with duplicate IDs.`)},{immediate:!0});function h(d){r.value+=0;const k=c.value,v=a.value?.threadId??"",w=n.value,x=w.getRunIdForMessage(k,v,d.id)??w.getRunIdsForThread(k,v).slice(-1)[0],R=x??`missing-run-id:${d.id}`,E=f.value??w.getAgent(k),I=x&&E?E.messages.filter(L=>w.getRunIdForMessage(k,v,L.id)===x).map(L=>L.id):[d.id],B=E?E.messages.findIndex(L=>L.id===d.id):-1,j=B>=0?B:0,ee=x?Math.max(I.indexOf(d.id),0):0,W=x?I.length:1,D=x?w.getStateByRun(k,v,x):void 0;return{runId:R,messageIndex:j,messageIndexInRun:ee,numberOfMessagesInRun:W,agentId:k,stateSnapshot:D}}function y(d){return`activity-${d}`}function g(d,k){if(r.value+=0,i[k==="before"?"message-before":"message-after"])return null;const w=c.value,R=[...n.value.renderCustomMessages].filter(E=>E.agentId===void 0||E.agentId===w).sort((E,I)=>{const B=E.agentId!==void 0,j=I.agentId!==void 0;return B===j?0:B?-1:1})[0];return R?.render?{renderer:R.render,props:{...h(d),message:d,position:k}}:null}function b(d){r.value+=0;const k=c.value,v=[...n.value.renderActivityMessages].filter(x=>x.activityType===d.activityType&&(x.agentId===void 0||x.agentId===k)).sort((x,R)=>{const E=x.agentId!==void 0,I=R.agentId!==void 0;return E===I?0:E?-1:1})[0];if(!v)return null;const w=v.content.safeParse(d.content);return w.success?{renderer:v.render,props:{activityType:d.activityType,content:w.data,message:d,agent:f.value}}:null}return(d,k)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"",class:"cpk:flex cpk:flex-col"},d.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,v=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:v.id},[e.unref(i)["message-before"]?e.renderSlot(d.$slots,"message-before",{key:0,message:v,position:"before",runId:h(v).runId,messageIndex:h(v).messageIndex,messageIndexInRun:h(v).messageIndexInRun,numberOfMessagesInRun:h(v).numberOfMessagesInRun,agentId:h(v).agentId,stateSnapshot:h(v).stateSnapshot}):g(v,"before")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(v,"before").renderer),e.mergeProps({key:1,ref_for:!0},g(v,"before").props),null,16)):e.createCommentVNode("",!0),v.role==="assistant"?e.renderSlot(d.$slots,"assistant-message",{key:2,message:v,messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(En,{message:v,messages:t.messages,"is-running":t.isRunning},e.createSlots({_:2},[e.renderList(l.value,w=>({name:w,fn:e.withCtx(x=>[e.renderSlot(d.$slots,w,e.mergeProps({ref_for:!0},x))])}))]),1032,["message","messages","is-running"])]):v.role==="user"?e.renderSlot(d.$slots,"user-message",{key:3,message:v},()=>[e.createVNode(Ln,{message:v},e.createSlots({_:2},[e.renderList(l.value,w=>({name:w,fn:e.withCtx(x=>[e.renderSlot(d.$slots,w,e.mergeProps({ref_for:!0},x))])}))]),1032,["message"])]):v.role==="reasoning"?e.renderSlot(d.$slots,"reasoning-message",{key:4,message:v,messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(On,{message:v,messages:t.messages,"is-running":t.isRunning},null,8,["message","messages","is-running"])]):v.role==="activity"?e.renderSlot(d.$slots,y(v.activityType),{key:5,activityType:v.activityType,content:v.content,message:v,agent:f.value},()=>[e.renderSlot(d.$slots,"activity-message",{activityType:v.activityType,content:v.content,message:v,agent:f.value},()=>[b(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b(v).renderer),e.mergeProps({key:0,ref_for:!0},b(v).props),null,16)):e.createCommentVNode("",!0)])]):e.createCommentVNode("",!0),e.unref(i)["message-after"]?e.renderSlot(d.$slots,"message-after",{key:6,message:v,position:"after",runId:h(v).runId,messageIndex:h(v).messageIndex,messageIndexInRun:h(v).messageIndexInRun,numberOfMessagesInRun:h(v).numberOfMessagesInRun,agentId:h(v).agentId,stateSnapshot:h(v).stateSnapshot}):g(v,"after")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(v,"after").renderer),e.mergeProps({key:7,ref_for:!0},g(v,"after").props),null,16)):e.createCommentVNode("",!0)],64))),128)),s.value?e.renderSlot(d.$slots,"interrupt",{key:0,event:s.value.event,interrupt:s.value.interrupt,interrupts:s.value.interrupts,result:s.value.result,resolve:s.value.resolve,cancel:s.value.cancel}):e.createCommentVNode("",!0),u.value?e.renderSlot(d.$slots,"cursor",{key:1},()=>[k[0]||(k[0]=e.createElementVNode("div",{class:"cpk:w-[11px] cpk:h-[11px] cpk:rounded-full cpk:bg-foreground cpk:animate-pulse cpk:ml-1","data-testid":"copilot-loading-cursor"},null,-1))]):e.createCommentVNode("",!0)],16))}}),Vs=["type","aria-busy","disabled"],Fs={key:0,class:"cpk:flex cpk:h-3.5 cpk:w-3.5 cpk:items-center cpk:justify-center cpk:text-muted-foreground cpk:sm:h-4 cpk:sm:w-4"},Ns={key:1,class:"cpk:flex cpk:h-3.5 cpk:w-3.5 cpk:items-center cpk:justify-center cpk:text-muted-foreground cpk:sm:h-4 cpk:sm:w-4"},Os={class:"cpk:whitespace-nowrap cpk:font-medium cpk:leading-none"},Pn=e.defineComponent({__name:"CopilotChatSuggestionPill",props:{icon:{default:void 0},isLoading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:"button"}},setup(t){const o=t,n=e.computed(()=>o.isLoading||o.disabled);return(a,r)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({"data-copilotkit":"","data-slot":"suggestion-pill","data-testid":"copilot-chat-suggestion-pill",type:t.type,"aria-busy":t.isLoading?"true":void 0,disabled:n.value,class:"cpk:group cpk:inline-flex cpk:h-7 cpk:w-fit cpk:items-center cpk:gap-1 cpk:rounded-full cpk:border cpk:border-border/60 cpk:bg-background cpk:px-2.5 cpk:text-[11px] cpk:leading-none cpk:text-foreground cpk:transition-colors cpk:cursor-pointer cpk:hover:bg-accent/60 cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background cpk:disabled:cursor-not-allowed cpk:disabled:text-muted-foreground cpk:disabled:hover:bg-background cpk:disabled:hover:text-muted-foreground cpk:pointer-events-auto cpk:sm:h-8 cpk:sm:gap-1.5 cpk:sm:px-3 cpk:sm:text-xs"},a.$attrs),[t.isLoading?(e.openBlock(),e.createElementBlock("span",Fs,[e.createVNode(e.unref(oe.Loader2),{class:"cpk:h-3.5 cpk:w-3.5 cpk:animate-spin cpk:sm:h-4 cpk:sm:w-4","aria-hidden":"true"})])):a.$slots.icon||t.icon?(e.openBlock(),e.createElementBlock("span",Ns,[e.renderSlot(a.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))])])):e.createCommentVNode("",!0),e.createElementVNode("span",Os,[e.renderSlot(a.$slots,"default")])],16,Vs))}}),Qe=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatSuggestionView",props:{suggestions:{},loadingIndexes:{default:()=>[]}},emits:["select-suggestion"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=e.computed(()=>new Set(n.loadingIndexes)),i=e.computed(()=>["cpk:flex cpk:flex-wrap cpk:items-center cpk:gap-1.5 cpk:pl-0 cpk:pr-4 cpk:pointer-events-none cpk:sm:gap-2 cpk:@3xl:px-0",r.class]),l=e.computed(()=>{const{class:p,...m}=r;return m});function c(p,m){return s.value.has(p)||m.isLoading===!0}function f(p,m){a("select-suggestion",p,m)}const C=e.computed(()=>({suggestions:n.suggestions,loadingIndexes:n.loadingIndexes,onSelectSuggestion:f,containerClass:i.value,containerAttrs:l.value}));return(p,m)=>e.renderSlot(p.$slots,"layout",e.normalizeProps(e.guardReactiveProps(C.value)),()=>[e.renderSlot(p.$slots,"container",e.normalizeProps(e.guardReactiveProps(C.value)),()=>[e.createElementVNode("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-chat-suggestion-view",class:i.value},l.value),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.suggestions,(u,h)=>e.renderSlot(p.$slots,"suggestion",{key:`${u.title}-${h}`,suggestion:u,index:h,isLoading:c(h,u),onSelect:()=>f(u,h)},()=>[e.createVNode(Pn,{"is-loading":c(h,u),type:"button",onClick:y=>f(u,h)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.title),1)]),_:2},1032,["is-loading","onClick"])])),128))],16)])])}}),Ls=["pin-to-bottom","pin-to-send","none"];function Ds(t){return t===void 0||t===!0?"pin-to-bottom":t===!1?"none":Ls.includes(t)?t:"pin-to-bottom"}const Ps={key:0,class:"cpk:absolute cpk:inset-0 cpk:z-50 cpk:pointer-events-none cpk:flex cpk:items-center cpk:justify-center cpk:bg-primary/5 cpk:border-2 cpk:border-dashed cpk:border-primary/40 cpk:rounded-lg cpk:m-2","data-testid":"copilot-chat-drop-overlay"},zs={class:"cpk:flex cpk:h-full cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4","data-testid":"copilot-chat-view-welcome-screen"},Us={class:"cpk:w-full cpk:max-w-3xl cpk:flex cpk:flex-col cpk:items-center"},js={class:"cpk:mb-6"},_s={class:"cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center"},Hs={class:"cpk:w-full"},Ws={key:0,class:"cpk:mt-4 cpk:flex cpk:justify-center"},qs={class:"cpk:px-4 cpk:@3xl:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6"},Ks={class:"cpk:max-w-3xl cpk:mx-auto"},Gs={key:0,class:"cpk:mt-4 cpk:pl-0 cpk:pr-4 cpk:@3xl:px-0"},Js={key:0,class:"cpk:max-w-3xl cpk:mx-auto cpk:w-full cpk:pointer-events-auto"},Xs=16,Qs=12,Ze=e.defineComponent({__name:"CopilotChatView",props:{messages:{default:()=>[]},autoScroll:{type:[String,Boolean],default:!0},isRunning:{type:Boolean,default:!1},suggestions:{default:()=>[]},suggestionLoadingIndexes:{default:()=>[]},welcomeScreen:{type:Boolean,default:!0},attachments:{},dragOver:{type:Boolean},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean,default:!1},hasExplicitThreadId:{type:Boolean,default:!1},onRemoveAttachment:{},onAddFile:{},onDragOver:{},onDragLeave:{},onDrop:{},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=ve(),s=e.computed(()=>r.value?.labels??$e),i=e.getCurrentInstance(),l=e.useSlots(),c=e.ref(null),f=e.ref(null),C=e.ref(null),p=e.ref(null),m=e.ref(0),u=e.ref(!0),h=e.computed(()=>n.inputValue!==void 0),y=e.ref(n.inputValue??""),g=e.computed(()=>Ds(n.autoScroll)),b=e.computed(()=>g.value==="pin-to-bottom"),d=e.computed(()=>g.value==="pin-to-send");xa({scrollRef:c,contentRef:f,spacerRef:C,topOffset:16});const{isKeyboardOpen:k,keyboardHeight:v}=Fn(),w=e.computed(()=>k.value?v.value:0),x=e.computed(()=>h.value?n.inputValue??"":y.value),R=e.computed(()=>!n.isConnecting&&!n.isRunning&&Array.isArray(n.suggestions)&&n.suggestions.length>0),E=e.computed(()=>Array.isArray(n.attachments)&&n.attachments.length>0),I=e.computed(()=>i?.vnode.props??{}),B=e.computed(()=>Object.keys(l).filter(N=>N!=="message-view"&&N!=="scroll-view"&&N!=="feather"&&N!=="scroll-to-bottom-button"&&N!=="input"&&N!=="suggestion-view"&&N!=="welcome-screen"&&N!=="welcome-message")),j=e.computed(()=>n.messages.length===0&&n.welcomeScreen!==!1&&!n.isConnecting&&!n.hasExplicitThreadId),ee=e.computed(()=>le("onAddFile")),W=e.computed(()=>le("onStop")),D=e.computed(()=>le("onStartTranscribe")),L=e.computed(()=>le("onCancelTranscribe")),G=e.computed(()=>le("onFinishTranscribe")),X=e.computed(()=>typeof n.onFinishTranscribeWithAudio=="function"),T=e.computed(()=>`${m.value+(R.value?4:32)}px`),A=e.computed(()=>!j.value&&!u.value);let F=null,H=null;function re(){if(typeof ResizeObserver>"u")return;F?.disconnect(),F=null;const N=p.value;N&&(F=new ResizeObserver(K=>{const Ce=u.value,Me=K[0]?.contentRect?.height;typeof Me=="number"?m.value=Me:U(),P(),b.value&&Ce&&_("auto")}),F.observe(N))}function M(){if(typeof ResizeObserver>"u")return;H?.disconnect(),H=null;const N=f.value;N&&(H=new ResizeObserver(()=>{const K=u.value;P(),b.value&&K&&_("auto")}),H.observe(N))}e.watch(j,async N=>{N||(await e.nextTick(),U(),re(),M())}),e.watch(()=>n.inputValue,N=>{h.value&&(y.value=N??"")}),e.watch([()=>n.messages,()=>n.suggestions,()=>n.isRunning],async()=>{const N=u.value;await e.nextTick(),!(!b.value||!N)&&(_("auto"),typeof requestAnimationFrame=="function"&&requestAnimationFrame(()=>{_("auto")}))},{deep:!0});function P(){const N=c.value;if(!N){u.value=!0;return}const K=N.scrollHeight-N.scrollTop-N.clientHeight;u.value=K<=Qs}function U(){const N=p.value;m.value=N?.offsetHeight??0}function _(N="smooth"){const K=c.value;K&&(typeof K.scrollTo=="function"?K.scrollTo({top:K.scrollHeight,behavior:N}):K.scrollTop=K.scrollHeight,P())}function ae(){P()}function le(N){const K=I.value[N];return Array.isArray(K)?K.length>0:!!K}function de(N){h.value||(y.value=N),a("input-change",N)}function ge(N){a("submit-message",N)}function ye(){a("stop")}function V(N,K){a("select-suggestion",N,K)}function te(){a("add-file")}function Y(N){n.onDragOver?.(N)}function Te(N){n.onDragLeave?.(N)}function Ae(N){n.onDrop?.(N)}function fe(){a("start-transcribe")}function se(){a("cancel-transcribe")}function ce(){a("finish-transcribe")}async function ue(N){await n.onFinishTranscribeWithAudio?.(N)}const Re=e.computed(()=>{const N={"onUpdate:modelValue":de,onSubmitMessage:ge};return W.value&&(N.onStop=ye),ee.value&&(N.onAddFile=te),D.value&&(N.onStartTranscribe=fe),L.value&&(N.onCancelTranscribe=se),G.value&&(N.onFinishTranscribe=ce),X.value&&(N.onFinishTranscribeWithAudio=ue),N});return e.onMounted(async()=>{await e.nextTick(),U(),P(),b.value&&(_("auto"),typeof requestAnimationFrame=="function"&&requestAnimationFrame(()=>{_("auto")})),re(),M()}),e.onBeforeUnmount(()=>{F?.disconnect(),H?.disconnect(),F=null,H=null}),(N,K)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"",class:"cpk:@container cpk:relative cpk:h-full","data-testid":"copilot-chat-view"},N.$attrs,{onDragover:Y,onDragleave:Te,onDrop:Ae}),[t.dragOver?(e.openBlock(),e.createElementBlock("div",Ps,[...K[3]||(K[3]=[e.createElementVNode("span",{class:"cpk:text-sm cpk:font-medium cpk:text-primary/70"}," Drop files here ",-1)])])):e.createCommentVNode("",!0),j.value?e.renderSlot(N.$slots,"welcome-screen",{key:1,suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,attachments:t.attachments??[],modelValue:x.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,onUpdateModelValue:de,onSubmitMessage:ge,onStop:W.value?ye:void 0,onAddFile:te,onStartTranscribe:fe,onCancelTranscribe:se,onFinishTranscribe:ce,onFinishTranscribeWithAudio:ue,onSelectSuggestion:V},()=>[e.createElementVNode("div",zs,[e.createElementVNode("div",Us,[e.createElementVNode("div",js,[e.renderSlot(N.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",_s,e.toDisplayString(s.value.welcomeMessageText),1)])]),e.createElementVNode("div",Hs,[E.value?(e.openBlock(),e.createBlock(Tt,{key:0,attachments:t.attachments??[],"class-name":"cpk:mb-2",onRemoveAttachment:K[0]||(K[0]=Ce=>t.onRemoveAttachment&&t.onRemoveAttachment(Ce))},null,8,["attachments"])):e.createCommentVNode("",!0),e.renderSlot(N.$slots,"input",{modelValue:x.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,attachments:t.attachments??[],onUpdateModelValue:de,onSubmitMessage:ge,onStop:W.value?ye:void 0,onAddFile:te,onStartTranscribe:fe,onCancelTranscribe:se,onFinishTranscribe:ce,onFinishTranscribeWithAudio:ue},()=>[e.createVNode(Xe,e.mergeProps({"model-value":x.value,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0,"keyboard-height":w.value},Re.value),null,16,["model-value","is-running","mode","tools-menu","keyboard-height"])])]),R.value?(e.openBlock(),e.createElementBlock("div",Ws,[e.renderSlot(N.$slots,"suggestion-view",{suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,onSelectSuggestion:V},()=>[e.createVNode(Qe,{suggestions:t.suggestions,"loading-indexes":t.suggestionLoadingIndexes,onSelectSuggestion:V},null,8,["suggestions","loading-indexes"])])])):e.createCommentVNode("",!0)])])]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.renderSlot(N.$slots,"scroll-view",{messages:t.messages,isRunning:t.isRunning,suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,messagePaddingBottom:T.value,showScrollToBottomButton:A.value,onSelectSuggestion:V,onScroll:ae,scrollToBottom:_},()=>[e.createElementVNode("div",{ref_key:"scrollContainerRef",ref:c,"data-testid":"copilot-chat-view-scroll",class:"cpk:h-full cpk:max-h-full cpk:min-h-0 cpk:overflow-y-scroll cpk:overflow-x-hidden cpk:relative",onScroll:ae},[e.createElementVNode("div",qs,[e.createElementVNode("div",{ref_key:"scrollContentRef",ref:f,"data-testid":"copilot-scroll-content",style:e.normalizeStyle({paddingBottom:T.value})},[e.createElementVNode("div",Ks,[e.renderSlot(N.$slots,"message-view",{messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(Dn,{messages:t.messages,"is-running":t.isRunning},e.createSlots({_:2},[e.renderList(B.value,Ce=>({name:Ce,fn:e.withCtx(Me=>[e.renderSlot(N.$slots,Ce,e.normalizeProps(e.guardReactiveProps(Me)))])}))]),1032,["messages","is-running"])]),R.value?(e.openBlock(),e.createElementBlock("div",Gs,[e.renderSlot(N.$slots,"suggestion-view",{suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,onSelectSuggestion:V},()=>[e.createVNode(Qe,{class:"cpk:mb-3 cpk:lg:ml-4 cpk:lg:mr-4 cpk:ml-0 cpk:mr-0",suggestions:t.suggestions,"loading-indexes":t.suggestionLoadingIndexes,onSelectSuggestion:V},null,8,["suggestions","loading-indexes"])])])):e.createCommentVNode("",!0)])],4),d.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"spacerRef",ref:C,"data-pin-to-send-spacer":"","aria-hidden":"true",style:{height:"0px",flex:"0 0 auto"}},null,512)):e.createCommentVNode("",!0)])],544)]),e.renderSlot(N.$slots,"feather",{},()=>[K[4]||(K[4]=e.createElementVNode("div",{"data-testid":"copilot-chat-view-feather"},null,-1))]),A.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cpk:absolute cpk:inset-x-0 cpk:flex cpk:justify-center cpk:z-30 cpk:pointer-events-none",style:e.normalizeStyle({bottom:`${m.value+Xs}px`})},[e.renderSlot(N.$slots,"scroll-to-bottom-button",{onClick:()=>_()},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-view-scroll-to-bottom",class:"cpk:rounded-full cpk:w-10 cpk:h-10 cpk:p-0 cpk:pointer-events-auto cpk:bg-white cpk:dark:bg-gray-900 cpk:shadow-lg cpk:border cpk:border-gray-200 cpk:dark:border-gray-700 cpk:hover:bg-gray-50 cpk:dark:hover:bg-gray-800 cpk:flex cpk:items-center cpk:justify-center cpk:cursor-pointer",onClick:K[1]||(K[1]=Ce=>_())},[e.createVNode(e.unref(oe.ChevronDown),{class:"cpk:w-4 cpk:h-4 cpk:text-gray-600 cpk:dark:text-white"})])])],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"inputContainerRef",ref:p,class:"cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none","data-testid":"copilot-input-overlay"},[E.value?(e.openBlock(),e.createElementBlock("div",Js,[e.createVNode(Tt,{attachments:t.attachments??[],"class-name":"cpk:px-4",onRemoveAttachment:K[2]||(K[2]=Ce=>t.onRemoveAttachment&&t.onRemoveAttachment(Ce))},null,8,["attachments"])])):e.createCommentVNode("",!0),e.renderSlot(N.$slots,"input",{modelValue:x.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,attachments:t.attachments??[],onUpdateModelValue:de,onSubmitMessage:ge,onStop:W.value?ye:void 0,onAddFile:te,onStartTranscribe:fe,onCancelTranscribe:se,onFinishTranscribe:ce,onFinishTranscribeWithAudio:ue},()=>[e.createVNode(Xe,e.mergeProps({"model-value":x.value,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0,"keyboard-height":w.value,"bottom-anchored":!0},Re.value),null,16,["model-value","is-running","mode","tools-menu","keyboard-height"])])],512)],64))],16))}}),Ys=["accept"],Zs={key:2,style:{position:"absolute",bottom:"100px",left:"50%",transform:"translateX(-50%)","background-color":"#ef4444",color:"white",padding:"8px 16px","border-radius":"8px","font-size":"14px","z-index":"50"}},Mt=e.defineComponent({inheritAttrs:!1,__name:"CopilotChat",props:{agentId:{},threadId:{},throttleMs:{},labels:{},attachments:{},onError:{},autoScroll:{type:[String,Boolean],default:!0},welcomeScreen:{type:Boolean,default:!0},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=e.useSlots(),i=ve(),{copilotkit:l}=be(),c=e.computed(()=>Object.keys(s).filter(O=>O!=="chat-view")),f=e.ref(z.randomUUID()),C=e.ref("input"),p=e.ref(n.inputValue??""),m=e.ref(null),u=e.ref(!1),h=e.ref(!1),y=e.ref(!1),g=e.shallowRef(null),b=e.computed(()=>n.agentId??i.value?.agentId??z.DEFAULT_AGENT_ID),d=e.computed(()=>n.threadId??i.value?.threadId),k=e.computed(()=>d.value??f.value),v=e.computed(()=>!!n.threadId||!!i.value?.hasExplicitThreadId),w=e.ref(null),x=e.computed(()=>v.value&&w.value!==k.value),R=Sn(e.computed(()=>n.labels)),E=e.computed(()=>R.value),{agent:I}=gt({agentId:b,threadId:k,throttleMs:e.computed(()=>n.throttleMs)}),{suggestions:B}=Bn({agentId:b}),j=ft(),ee=e.computed(()=>j.value.checkFeature("chat"));e.watch(ee,O=>{O||console.warn('[CopilotKit] Warning: "chat" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0});const W=e.computed(()=>l.value.audioFileTranscriptionEnabled),D=e.computed(()=>typeof window<"u"&&typeof MediaRecorder<"u"),L=e.computed(()=>W.value&&D.value),{attachments:G,enabled:X,dragOver:T,fileInputRef:A,containerRef:F,handleFileUpload:H,handleDragOver:re,handleDragLeave:M,handleDrop:P,removeAttachment:U,consumeAttachments:_}=Vn({config:e.computed(()=>n.attachments)}),ae=e.computed(()=>u.value?"processing":C.value),le=e.ref(0),de=e.computed(()=>[...I.value?.messages??[]]),ge=e.computed(()=>(le.value,I.value?.isRunning??!1)),ye=e.computed(()=>ge.value&&de.value.length>0),V=e.computed(()=>{for(let O=de.value.length-1;O>=0;O--){const Q=de.value[O];if(Q?.role==="user")return Q.id}return null}),te=e.ref(0);let Y=V.value;e.watch(V,O=>{O&&O!==Y&&(te.value+=1,Y=O)});const Te=e.computed(()=>({id:V.value,sendNonce:te.value}));e.provide(Nn,Te),e.watch(()=>I.value,(O,Q,Z)=>{if(!O)return;const me=O.subscribe({onRunStartedEvent:()=>{le.value+=1},onRunFinishedEvent:()=>{le.value+=1},onRunErrorEvent:()=>{le.value+=1}});Z(()=>me.unsubscribe())},{immediate:!0}),e.watch(()=>n.inputValue,O=>{O!==void 0&&(p.value=O)}),e.watch([()=>n.threadId,()=>i.value?.threadId],([O,Q],Z)=>{O||Q||Z&&(Z[0]||Z[1])&&(f.value=z.randomUUID())}),e.watch([()=>l.value,b,()=>n.onError],([O,Q,Z],me,xe)=>{if(!Z)return;const Pe=O.subscribe({onError:Be=>{(Be.context?.agentId===Q||!Be.context?.agentId)&&Z({error:Be.error,code:Be.code,context:Be.context})}});xe(()=>Pe.unsubscribe())},{immediate:!0}),e.watch([h,()=>l.value,()=>I.value,k,v],([O,Q,Z,me,xe],Pe,Be)=>{if(!O||typeof window>"u"||!Z||!xe)return;const Ue=De.AbstractAgent.prototype,nt=Z,Ke=nt.connect!==Ue.connect,ot=nt.connectAgent!==Ue.connectAgent;if(!Ke&&!ot){w.value=me;return}const Ve=g.value,ht=Ve&&Ve.core===Q&&Ve.agent===Z&&Ve.threadId===me;let Fe;if(ht&&Ve)Fe=Ve;else{const Se=new AbortController;Z instanceof De.HttpAgent&&(Z.abortController=Se),Fe={core:Q,agent:Z,threadId:me,abortController:Se,detached:!1},g.value=Fe,Q.connectAgent({agent:Z}).catch(je=>{Fe.detached||je instanceof De.AGUIConnectNotImplementedError||console.error("CopilotChat: connectAgent failed",je)}).finally(()=>{if(Fe.detached)return;(typeof requestAnimationFrame=="function"?requestAnimationFrame:S=>setTimeout(S,16))(()=>{Fe.detached||(w.value=Fe.threadId)})})}Be(()=>{const Se=g.value;!Se||Se!==Fe||!(y.value||l.value!==Se.core||I.value!==Se.agent||k.value!==Se.threadId)||(Se.detached=!0,Se.abortController.abort(),Se.agent.detachActiveRun?.(),g.value=null)})},{immediate:!0}),e.onBeforeUnmount(()=>{y.value=!0}),e.onMounted(()=>{h.value=!0}),e.watch(m,(O,Q,Z)=>{if(!O)return;const me=setTimeout(()=>{m.value=null},5e3);Z(()=>clearTimeout(me))});async function Ae(){const O=I.value;if(O)try{const Q=g.value;Q&&Q.agent===O&&Q.threadId===k.value&&(Q.detached=!0,Q.abortController.abort(),g.value=null,await Q.agent.detachActiveRun?.()),await l.value.runAgent({agent:O})}catch(Q){console.error("CopilotChat: runAgent failed",Q)}}async function fe(O){if(G.value.some(me=>me.status==="uploading")){console.error("[CopilotKit] Cannot send while attachments are uploading");return}if(a("submit-message",O),!I.value){console.error("[CopilotKit] Cannot send message: no agent available");return}const Z=_();if(Z.length>0){const me=[];O.trim()&&me.push({type:"text",text:O});for(const xe of Z)me.push({type:xe.type,source:xe.source,metadata:{...xe.filename?{filename:xe.filename}:{},...xe.metadata}});I.value.addMessage({id:z.randomUUID(),role:"user",content:me})}else I.value.addMessage({id:z.randomUUID(),role:"user",content:O});p.value="",await Ae()}async function se(O,Q){a("select-suggestion",O,Q),I.value?.addMessage({id:z.randomUUID(),role:"user",content:O.message}),await Ae()}function ce(){const O=I.value;if(O)try{l.value.stopAgent({agent:O})}catch(Q){console.error("CopilotChat: stopAgent failed",Q);try{O.abortRun()}catch(Z){console.error("CopilotChat: abortRun fallback failed",Z)}}}function ue(){a("stop"),ye.value&&ce()}function Re(O){p.value=O,a("input-change",O)}function N(){a("add-file"),X.value&&setTimeout(()=>{A.value?.click()},100)}function K(){m.value=null,C.value="transcribe",a("start-transcribe")}function Ce(){m.value=null,C.value="input",a("cancel-transcribe")}function Me(){C.value="input",a("finish-transcribe")}async function et(O){if(n.onFinishTranscribeWithAudio){await n.onFinishTranscribeWithAudio(O);return}u.value=!0;try{m.value=null;const Q=await ya(l.value,O),Z=p.value.trim();p.value=Z?`${Z} ${Q.text}`:Q.text}catch(Q){if(console.error("CopilotChat: Transcription failed",Q),Q instanceof We){const{code:Z,retryable:me,message:xe}=Q.info;switch(Z){case z.TranscriptionErrorCode.RATE_LIMITED:m.value="Too many requests. Please wait a moment.";break;case z.TranscriptionErrorCode.AUTH_FAILED:m.value="Authentication error. Please check your configuration.";break;case z.TranscriptionErrorCode.AUDIO_TOO_LONG:m.value="Recording is too long. Please try a shorter recording.";break;case z.TranscriptionErrorCode.AUDIO_TOO_SHORT:m.value="Recording is too short. Please try again.";break;case z.TranscriptionErrorCode.INVALID_AUDIO_FORMAT:m.value="Audio format not supported.";break;case z.TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:m.value="Transcription service is not available.";break;case z.TranscriptionErrorCode.NETWORK_ERROR:m.value="Network error. Please check your connection.";break;default:m.value=me?"Transcription failed. Please try again.":xe}}else m.value="Transcription failed. Please try again."}finally{u.value=!1}}const we=e.computed(()=>({messages:de.value,autoScroll:n.autoScroll,isRunning:ge.value,suggestions:B.value,suggestionLoadingIndexes:[],welcomeScreen:n.welcomeScreen,attachments:G.value,dragOver:T.value,inputValue:p.value,inputMode:ae.value,inputToolsMenu:n.inputToolsMenu,isConnecting:x.value,hasExplicitThreadId:v.value,onSubmitMessage:fe,onStop:ye.value?ue:void 0,onInputChange:Re,onSelectSuggestion:se,onRemoveAttachment:U,onAddFile:X.value?N:void 0,onDragOver:X.value?re:void 0,onDragLeave:X.value?M:void 0,onDrop:X.value?P:void 0,onStartTranscribe:L.value?K:void 0,onCancelTranscribe:L.value?Ce:void 0,onFinishTranscribe:L.value?Me:void 0,onFinishTranscribeWithAudio:L.value?et:void 0})),tt=e.computed(()=>{const O={...r,onSubmitMessage:fe,onInputChange:Re,onSelectSuggestion:se};return ye.value&&(O.onStop=ue),X.value&&(O.onAddFile=N,O.attachments=G.value,O.onRemoveAttachment=U,O.dragOver=T.value,O.onDragOver=re,O.onDragLeave=M,O.onDrop=P),L.value&&(O.onStartTranscribe=K,O.onCancelTranscribe=Ce,O.onFinishTranscribe=Me),O});return(O,Q)=>(e.openBlock(),e.createBlock(mt,{"agent-id":b.value,"thread-id":k.value,"has-explicit-thread-id":v.value,labels:E.value},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"attachmentContainerRef",ref:F,style:{display:"contents"}},[e.unref(X)?(e.openBlock(),e.createElementBlock("input",{key:0,ref_key:"fileInputRef",ref:A,type:"file",multiple:"",accept:n.attachments?.accept??"*/*",style:{display:"none"},onChange:Q[0]||(Q[0]=Z=>{e.unref(H)(Z)})},null,40,Ys)):e.createCommentVNode("",!0),ee.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($t,{key:1,"feature-name":"Chat"})),m.value?(e.openBlock(),e.createElementBlock("div",Zs,e.toDisplayString(m.value),1)):e.createCommentVNode("",!0),e.renderSlot(O.$slots,"chat-view",e.normalizeProps(e.guardReactiveProps(we.value)),()=>[e.createVNode(Ze,e.mergeProps(tt.value,{messages:we.value.messages,"auto-scroll":we.value.autoScroll,"is-running":we.value.isRunning,suggestions:we.value.suggestions,"suggestion-loading-indexes":we.value.suggestionLoadingIndexes,"welcome-screen":we.value.welcomeScreen,"input-value":we.value.inputValue,"input-mode":we.value.inputMode,"input-tools-menu":we.value.inputToolsMenu,"is-connecting":we.value.isConnecting,"has-explicit-thread-id":we.value.hasExplicitThreadId,"on-finish-transcribe-with-audio":we.value.onFinishTranscribeWithAudio}),e.createSlots({_:2},[e.renderList(c.value,Z=>({name:Z,fn:e.withCtx(me=>[e.renderSlot(O.$slots,Z,e.normalizeProps(e.guardReactiveProps(me)))])}))]),1040,["messages","auto-scroll","is-running","suggestions","suggestion-loading-indexes","welcome-screen","input-value","input-mode","input-tools-menu","is-connecting","has-explicit-thread-id","on-finish-transcribe-with-audio"])])],512)]),_:3},8,["agent-id","thread-id","has-explicit-thread-id","labels"]))}}),er=["src"],tr=["src"],nr={key:0,class:"cpk:text-xs cpk:text-muted-foreground cpk:truncate cpk:max-w-[300px]","data-testid":"copilot-chat-attachment-renderer-audio-filename"},or=["src"],ar={class:"cpk:text-xs cpk:font-bold cpk:uppercase","data-testid":"copilot-chat-attachment-renderer-document-icon"},sr={class:"cpk:text-sm cpk:text-muted-foreground cpk:truncate","data-testid":"copilot-chat-attachment-renderer-document-label"},rr=e.defineComponent({__name:"CopilotChatAttachmentRenderer",props:{type:{},source:{},filename:{default:void 0},className:{default:""}},setup(t){const o=t,n=e.ref(!1),a=e.computed(()=>z.getSourceUrl(o.source)),r=e.computed(()=>o.filename||o.source.mimeType||"Unknown type");return(s,i)=>o.type==="image"&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.value,alt:"Image attachment",class:e.normalizeClass(["cpk:max-w-full cpk:h-auto cpk:rounded-lg",o.className]),"data-testid":"copilot-chat-attachment-renderer-image",onError:i[0]||(i[0]=l=>n.value=!0)},null,42,er)):o.type==="image"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:rounded-lg cpk:bg-muted cpk:p-4 cpk:text-sm cpk:text-muted-foreground",o.className]),"data-testid":"copilot-chat-attachment-renderer-image-fallback"},[...i[1]||(i[1]=[e.createElementVNode("span",null,"Failed to load image",-1)])],2)):o.type==="audio"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["cpk:flex cpk:flex-col cpk:gap-1",o.className]),"data-testid":"copilot-chat-attachment-renderer-audio"},[e.createElementVNode("audio",{src:a.value,controls:"",preload:"metadata",class:"cpk:max-w-[300px] cpk:w-full cpk:h-10"},null,8,tr),o.filename?(e.openBlock(),e.createElementBlock("span",nr,e.toDisplayString(o.filename),1)):e.createCommentVNode("",!0)],2)):o.type==="video"?(e.openBlock(),e.createElementBlock("video",{key:3,src:a.value,controls:"",preload:"metadata",class:e.normalizeClass(["cpk:max-w-[400px] cpk:w-full cpk:rounded-lg",o.className]),"data-testid":"copilot-chat-attachment-renderer-video"},null,10,or)):(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["cpk:inline-flex cpk:items-center cpk:gap-2 cpk:px-3 cpk:py-2 cpk:border cpk:border-border cpk:rounded-lg cpk:bg-muted",o.className]),"data-testid":"copilot-chat-attachment-renderer-document"},[e.createElementVNode("span",ar,e.toDisplayString(e.unref(z.getDocumentIcon)(o.source.mimeType??"")),1),e.createElementVNode("span",sr,e.toDisplayString(r.value),1)],2))}}),Bt=e.defineComponent({name:"CopilotChatToggleButtonCloseIcon",inheritAttrs:!1,setup(t,{attrs:o}){return()=>{const{class:n,...a}=o;return e.h(oe.X,{...a,class:["cpk:h-6 cpk:w-6",n],strokeWidth:1.75})}}}),Vt=e.defineComponent({name:"CopilotChatToggleButtonOpenIcon",inheritAttrs:!1,setup(t,{attrs:o}){return()=>{const{class:n,...a}=o;return e.h(oe.MessageCircle,{...a,class:["cpk:h-6 cpk:w-6",n],strokeWidth:1.75,fill:"currentColor"})}}}),ir=["type","data-state","aria-label","aria-pressed","disabled"],lt="cpk:h-6 cpk:w-6",Yt="cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform",Ft=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatToggleButton",props:{disabled:{type:Boolean,default:!1},type:{default:"button"}},setup(t){const o=t,n=e.useAttrs(),a=ve(),r=e.ref(!1),s=e.computed(()=>a.value?.labels??$e),i=e.computed(()=>a.value?.isModalOpen??r.value),l=e.computed(()=>i.value?s.value.chatToggleCloseLabel:s.value.chatToggleOpenLabel),c=e.computed(()=>["cpk:fixed cpk:bottom-6 cpk:right-6 cpk:z-[1100] cpk:flex cpk:h-14 cpk:w-14 cpk:items-center cpk:justify-center","cpk:rounded-full cpk:border cpk:border-primary cpk:bg-primary cpk:text-primary-foreground","cpk:shadow-sm cpk:transition-all cpk:duration-200 cpk:ease-out","cpk:hover:scale-[1.04] cpk:hover:shadow-md cpk:cursor-pointer cpk:active:scale-[0.96]","cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-primary/50 cpk:focus-visible:ring-offset-2 cpk:focus-visible:ring-offset-background","cpk:disabled:pointer-events-none cpk:disabled:opacity-60",n.class]),f=e.computed(()=>{const{class:h,onClick:y,...g}=n;return g}),C=Object.freeze({transition:"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"});function p(h){if(a.value?.setModalOpen){a.value.setModalOpen(h);return}r.value=h}function m(){const h=n.onClick;return Array.isArray(h)?h.filter(y=>typeof y=="function"):typeof h=="function"?[h]:[]}function u(h){if(!o.disabled){for(const y of m())y(h);h.defaultPrevented||p(!i.value)}}return(h,y)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({"data-copilotkit":"",type:t.type,"data-slot":"chat-toggle-button","data-state":i.value?"open":"closed",class:c.value,"aria-label":l.value,"aria-pressed":i.value,disabled:t.disabled},f.value,{onClick:u}),[e.createElementVNode("span",{"aria-hidden":"true","data-slot":"chat-toggle-button-open-icon",class:e.normalizeClass(Yt),style:e.normalizeStyle({...e.unref(C),opacity:i.value?0:1,transform:`scale(${i.value?.75:1}) rotate(${i.value?90:0}deg)`})},[e.renderSlot(h.$slots,"open-icon",{iconClass:lt,isOpen:i.value},()=>[e.createVNode(e.unref(Vt),{class:e.normalizeClass(lt),"aria-hidden":"true",focusable:!1})])],4),e.createElementVNode("span",{"aria-hidden":"true","data-slot":"chat-toggle-button-close-icon",class:e.normalizeClass(Yt),style:e.normalizeStyle({...e.unref(C),opacity:i.value?1:0,transform:`scale(${i.value?1:.75}) rotate(${i.value?0:-90}deg)`})},[e.renderSlot(h.$slots,"close-icon",{iconClass:lt,isOpen:i.value},()=>[e.createVNode(e.unref(Bt),{class:e.normalizeClass(lt),"aria-hidden":"true",focusable:!1})])],4)],16,ir))}}),zn=e.defineComponent({name:"CopilotModalHeaderCloseButton",inheritAttrs:!1,setup(t,{slots:o}){const n=e.useAttrs(),a=e.computed(()=>typeof n["aria-label"]=="string"?n["aria-label"]:"Close");return()=>{const{class:r,type:s,...i}=n;return e.h("button",{...i,type:typeof s=="string"?s:"button",class:["cpk:inline-flex cpk:size-8 cpk:items-center cpk:justify-center cpk:rounded-full cpk:text-muted-foreground cpk:transition cpk:cursor-pointer","cpk:hover:bg-muted cpk:hover:text-foreground cpk:focus-visible:outline-none cpk:focus-visible:ring-2 cpk:focus-visible:ring-ring",r],"aria-label":a.value},o.default?o.default():[e.h(oe.X,{class:"cpk:h-4 cpk:w-4","aria-hidden":!0})])}}}),Un=e.defineComponent({name:"CopilotModalHeaderTitle",inheritAttrs:!1,setup(t,{attrs:o,slots:n}){return()=>{const{class:a,...r}=o;return e.h("div",{...r,class:["cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground",a]},n.default?n.default():[])}}}),lr={class:"cpk:flex cpk:w-full cpk:items-center cpk:gap-2"},cr={class:"cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center"},ur={class:"cpk:flex cpk:flex-1 cpk:justify-end"},Nt=e.defineComponent({inheritAttrs:!1,__name:"CopilotModalHeader",props:{title:{}},setup(t){const o=t,n=e.useAttrs(),a=ve(),r=e.computed(()=>o.title??a.value?.labels.modalHeaderTitle??$e.modalHeaderTitle),s=e.computed(()=>["cpk:flex cpk:items-center cpk:justify-between cpk:border-b cpk:border-border cpk:px-4 cpk:py-4","cpk:bg-background/95 cpk:backdrop-blur cpk:supports-[backdrop-filter]:bg-background/80",n.class]),i=e.computed(()=>{const{class:c,...f}=n;return f});function l(){a.value?.setModalOpen?.(!1)}return(c,f)=>(e.openBlock(),e.createElementBlock("header",e.mergeProps({"data-copilotkit":"","data-slot":"copilot-modal-header",class:s.value},i.value),[e.renderSlot(c.$slots,"layout",{title:r.value,onClose:l},()=>[e.createElementVNode("div",lr,[f[0]||(f[0]=e.createElementVNode("div",{class:"cpk:flex cpk:flex-1","aria-hidden":"true"},null,-1)),e.createElementVNode("div",cr,[e.renderSlot(c.$slots,"title-content",{title:r.value},()=>[e.createVNode(e.unref(Un),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value),1)]),_:1})])]),e.createElementVNode("div",ur,[e.renderSlot(c.$slots,"close-button",{onClose:l},()=>[e.createVNode(e.unref(zn),{onClick:l})])])])])],16))}}),dr={key:0,"data-copilotkit":"",class:"cpk:fixed cpk:inset-0 cpk:z-[1200] cpk:flex cpk:max-w-full cpk:flex-col cpk:items-stretch cpk:md:inset-auto cpk:md:bottom-24 cpk:md:right-6 cpk:md:items-end cpk:md:gap-4"},pr=["aria-label"],mr={class:"cpk:flex-1 cpk:overflow-hidden","data-popup-chat":""},fr=420,gr=560,Zt=200,hr=e.defineComponent({inheritAttrs:!1,__name:"CopilotPopupViewInternal",props:{width:{default:void 0},height:{default:void 0},clickOutsideToClose:{type:Boolean,default:!1},messages:{default:()=>[]},autoScroll:{type:[String,Boolean],default:!0},isRunning:{type:Boolean,default:!1},suggestions:{default:()=>[]},suggestionLoadingIndexes:{default:()=>[]},welcomeScreen:{type:Boolean,default:!0},attachments:{},dragOver:{type:Boolean},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onRemoveAttachment:{},onAddFile:{},onDragOver:{},onDragLeave:{},onDrop:{},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=ve(),i=e.getCurrentInstance(),l=e.computed(()=>i?.vnode.props??{}),c=e.ref(null),f=e.ref(s.value?.isModalOpen??!1),C=e.ref(!1);let p,m;const u=e.computed(()=>s.value?.isModalOpen??!1),h=e.computed(()=>s.value?.labels??$e),y=e.computed(()=>h.value.modalHeaderTitle),g=e.computed(()=>v("onStop")),b=e.computed(()=>u.value&&!C.value?"cpk:pointer-events-auto cpk:translate-y-0 cpk:opacity-100 cpk:md:scale-100":"cpk:pointer-events-none cpk:translate-y-4 cpk:opacity-0 cpk:md:translate-y-5 cpk:md:scale-[0.95]"),d=e.computed(()=>({"--copilot-popup-width":k(n.width,fr),"--copilot-popup-height":k(n.height,gr),"--copilot-popup-max-width":"calc(100vw - 3rem)","--copilot-popup-max-height":"calc(100dvh - 7.5rem)",width:"var(--copilot-popup-width)",height:"var(--copilot-popup-height)",maxWidth:"var(--copilot-popup-max-width)",maxHeight:"var(--copilot-popup-max-height)",paddingTop:"env(safe-area-inset-top)",paddingBottom:"env(safe-area-inset-bottom)",paddingLeft:"env(safe-area-inset-left)",paddingRight:"env(safe-area-inset-right)"}));function k(T,A){return typeof T=="number"&&Number.isFinite(T)?`${T}px`:typeof T=="string"&&T.trim().length>0?T:`${A}px`}function v(T){const A=l.value[T];return Array.isArray(A)?A.length>0:!!A}function w(){s.value?.setModalOpen?.(!1)}function x(){s.value?.setModalOpen?.(!0)}function R(){s.value?.setModalOpen?.(!u.value)}function E(T){a("submit-message",T)}function I(){a("stop")}function B(T){a("input-change",T)}function j(T,A){a("select-suggestion",T,A)}function ee(){a("add-file")}function W(){a("start-transcribe")}function D(){a("cancel-transcribe")}function L(){a("finish-transcribe")}const G=e.computed(()=>{const T={onSubmitMessage:E,onInputChange:B,onSelectSuggestion:j};return g.value&&(T.onStop=I),v("onAddFile")&&(T.onAddFile=ee),v("onStartTranscribe")&&(T.onStartTranscribe=W),v("onCancelTranscribe")&&(T.onCancelTranscribe=D),v("onFinishTranscribe")&&(T.onFinishTranscribe=L),T}),X=e.computed(()=>({...r,...G.value}));return e.watch(u,T=>{if(p&&(clearTimeout(p),p=void 0),T){f.value=!0,C.value=!1;return}f.value&&(C.value=!0,p=setTimeout(()=>{f.value=!1,C.value=!1,p=void 0},Zt))},{immediate:!0}),e.watch(u,(T,A,F)=>{if(!T||typeof window>"u")return;const H=re=>{re.key==="Escape"&&(re.preventDefault(),w())};window.addEventListener("keydown",H),F(()=>{window.removeEventListener("keydown",H)})},{immediate:!0}),e.watch(u,(T,A,F)=>{T&&(m=setTimeout(()=>{if(typeof document>"u")return;const H=c.value;H&&!H.contains(document.activeElement)&&H.focus({preventScroll:!0})},Zt),F(()=>{m&&(clearTimeout(m),m=void 0)}))},{immediate:!0}),e.watch([u,()=>n.clickOutsideToClose],([T,A],F,H)=>{if(!T||!A||typeof document>"u")return;const re=M=>{const P=M.target;!P||c.value?.contains(P)||document.querySelector("[data-slot='chat-toggle-button']")?.contains(P)||w()};document.addEventListener("pointerdown",re),H(()=>{document.removeEventListener("pointerdown",re)})},{immediate:!0}),e.onMounted(async()=>{await e.nextTick()}),e.onBeforeUnmount(()=>{p&&clearTimeout(p),m&&clearTimeout(m)}),(T,A)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(T.$slots,"toggle-button",{isOpen:u.value,toggle:R,open:x,close:w},()=>[e.createVNode(Ft)]),f.value?(e.openBlock(),e.createElementBlock("div",dr,[e.createElementVNode("div",{ref_key:"containerRef",ref:c,tabindex:"-1",role:"dialog","aria-label":h.value.modalHeaderTitle,"data-copilot-popup":"",class:e.normalizeClass(["cpk:relative cpk:flex cpk:h-full cpk:w-full cpk:flex-col cpk:overflow-hidden cpk:bg-background cpk:text-foreground","cpk:origin-bottom cpk:focus:outline-none cpk:transform-gpu cpk:transition-transform cpk:transition-opacity cpk:duration-200 cpk:ease-out","cpk:md:transition-transform cpk:md:transition-opacity","cpk:rounded-none cpk:border cpk:border-border/0 cpk:shadow-none cpk:ring-0","cpk:md:h-[var(--copilot-popup-height)] cpk:md:w-[var(--copilot-popup-width)]","cpk:md:max-h-[var(--copilot-popup-max-height)] cpk:md:max-w-[var(--copilot-popup-max-width)]","cpk:md:origin-bottom-right cpk:md:rounded-2xl cpk:md:border-border cpk:md:shadow-xl cpk:md:ring-1 cpk:md:ring-border/40",b.value]),style:e.normalizeStyle(d.value)},[e.renderSlot(T.$slots,"header",{title:y.value,onClose:w,isOpen:u.value},()=>[e.createVNode(Nt,{title:y.value},null,8,["title"])]),e.createElementVNode("div",mr,[e.createVNode(Ze,e.mergeProps({messages:t.messages,"auto-scroll":t.autoScroll,"is-running":t.isRunning,suggestions:t.suggestions,"suggestion-loading-indexes":t.suggestionLoadingIndexes,"welcome-screen":t.welcomeScreen,"input-value":t.inputValue,"input-mode":t.inputMode,"input-tools-menu":t.inputToolsMenu,"on-finish-transcribe-with-audio":t.onFinishTranscribeWithAudio},X.value),e.createSlots({_:2},[T.$slots["message-view"]?{name:"message-view",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(F)))]),key:"0"}:void 0,T.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(F)))]),key:"1"}:void 0,T.$slots.feather?{name:"feather",fn:e.withCtx(()=>[e.renderSlot(T.$slots,"feather")]),key:"2"}:void 0,T.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(F)))]),key:"3"}:void 0,T.$slots.input?{name:"input",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"input",e.normalizeProps(e.guardReactiveProps(F)))]),key:"4"}:void 0,T.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(F)))]),key:"5"}:void 0,T.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(F=>[e.renderSlot(T.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(F)))]),key:"6"}:void 0,T.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(T.$slots,"welcome-message")]),key:"7"}:void 0]),1040,["messages","auto-scroll","is-running","suggestions","suggestion-loading-indexes","welcome-screen","input-value","input-mode","input-tools-menu","on-finish-transcribe-with-audio"])])],14,pr)])):e.createCommentVNode("",!0)],64))}}),jn=e.defineComponent({inheritAttrs:!1,__name:"CopilotPopupView",props:{width:{default:void 0},height:{default:void 0},clickOutsideToClose:{type:Boolean,default:!1},defaultOpen:{type:Boolean,default:!0},messages:{default:()=>[]},autoScroll:{type:[String,Boolean],default:!0},isRunning:{type:Boolean,default:!1},suggestions:{default:()=>[]},suggestionLoadingIndexes:{default:()=>[]},welcomeScreen:{type:Boolean,default:!0},attachments:{},dragOver:{type:Boolean},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onRemoveAttachment:{},onAddFile:{},onDragOver:{},onDragLeave:{},onDrop:{},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=e.getCurrentInstance(),i=e.computed(()=>s?.vnode.props??{});function l(p){const m=i.value[p];return Array.isArray(m)?m.length>0:!!m}const c=e.computed(()=>{const{defaultOpen:p,...m}=n;return m}),f=e.computed(()=>{const p={onSubmitMessage:m=>a("submit-message",m),onStop:()=>a("stop"),onInputChange:m=>a("input-change",m),onSelectSuggestion:(m,u)=>a("select-suggestion",m,u)};return l("onAddFile")&&(p.onAddFile=()=>a("add-file")),l("onStartTranscribe")&&(p.onStartTranscribe=()=>a("start-transcribe")),l("onCancelTranscribe")&&(p.onCancelTranscribe=()=>a("cancel-transcribe")),l("onFinishTranscribe")&&(p.onFinishTranscribe=()=>a("finish-transcribe")),p}),C=e.computed(()=>({...r,...c.value,...f.value}));return(p,m)=>(e.openBlock(),e.createBlock(mt,{"is-modal-default-open":t.defaultOpen},{default:e.withCtx(()=>[e.createVNode(hr,e.normalizeProps(e.guardReactiveProps(C.value)),e.createSlots({_:2},[p.$slots.header?{name:"header",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"header",e.normalizeProps(e.guardReactiveProps(u)))]),key:"0"}:void 0,p.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(u)))]),key:"1"}:void 0,p.$slots["message-view"]?{name:"message-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"2"}:void 0,p.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"3"}:void 0,p.$slots.feather?{name:"feather",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"feather",e.normalizeProps(e.guardReactiveProps(u)))]),key:"4"}:void 0,p.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(u)))]),key:"5"}:void 0,p.$slots.input?{name:"input",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"input",e.normalizeProps(e.guardReactiveProps(u)))]),key:"6"}:void 0,p.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"7"}:void 0,p.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(u)))]),key:"8"}:void 0,p.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"welcome-message")]),key:"9"}:void 0]),1040)]),_:3},8,["is-modal-default-open"]))}}),vr={"data-copilotkit":"",class:"cpk:h-full cpk:flex cpk:flex-col","data-testid":"copilot-popup-welcome-screen"},kr={class:"cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4"},br={class:"cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center"},yr={class:"cpk:mb-4 cpk:flex cpk:justify-center cpk:px-4"},_n=e.defineComponent({__name:"CopilotPopupWelcomeScreen",props:{modelValue:{default:""},isRunning:{type:Boolean,default:!1},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},onUpdateModelValue:{},onSubmitMessage:{},onStop:{},onAddFile:{type:Function,default:void 0},onStartTranscribe:{type:Function,default:void 0},onCancelTranscribe:{type:Function,default:void 0},onFinishTranscribe:{type:Function,default:void 0},onFinishTranscribeWithAudio:{type:Function,default:void 0},suggestions:{default:()=>[]},loadingIndexes:{default:()=>[]},onSelectSuggestion:{}},setup(t){const o=t,n=ve(),a=e.computed(()=>n.value?.labels??$e),r=e.computed(()=>({modelValue:o.modelValue,isRunning:o.isRunning,inputMode:o.inputMode,inputToolsMenu:o.inputToolsMenu,onUpdateModelValue:o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop,onAddFile:o.onAddFile,onStartTranscribe:o.onStartTranscribe,onCancelTranscribe:o.onCancelTranscribe,onFinishTranscribe:o.onFinishTranscribe,onFinishTranscribeWithAudio:o.onFinishTranscribeWithAudio})),s=e.computed(()=>({suggestions:o.suggestions,loadingIndexes:o.loadingIndexes,onSelectSuggestion:o.onSelectSuggestion})),i=e.computed(()=>({...r.value,...s.value})),l=e.computed(()=>{const c={"onUpdate:modelValue":o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop};return o.onAddFile&&(c.onAddFile=o.onAddFile),o.onStartTranscribe&&(c.onStartTranscribe=o.onStartTranscribe),o.onCancelTranscribe&&(c.onCancelTranscribe=o.onCancelTranscribe),o.onFinishTranscribe&&(c.onFinishTranscribe=o.onFinishTranscribe),o.onFinishTranscribeWithAudio&&(c.onFinishTranscribeWithAudio=o.onFinishTranscribeWithAudio),c});return(c,f)=>e.renderSlot(c.$slots,"layout",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createElementVNode("div",vr,[e.createElementVNode("div",kr,[e.renderSlot(c.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",br,e.toDisplayString(a.value.welcomeMessageText),1)])]),e.createElementVNode("div",null,[e.createElementVNode("div",yr,[e.renderSlot(c.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(s.value)),()=>[e.createVNode(Qe,{suggestions:t.suggestions,"loading-indexes":t.loadingIndexes,onSelectSuggestion:t.onSelectSuggestion},null,8,["suggestions","loading-indexes","onSelectSuggestion"])])]),e.renderSlot(c.$slots,"input",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createVNode(Xe,e.mergeProps({"model-value":t.modelValue,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0},l.value),null,16,["model-value","is-running","mode","tools-menu"])])])])])}}),wr=["aria-hidden"],Cr={class:"cpk:flex cpk:h-full cpk:w-full cpk:flex-col cpk:overflow-hidden"},xr={class:"cpk:flex-1 cpk:overflow-hidden","data-sidebar-chat":""},Sr=480,Tr=260,Ir=e.defineComponent({inheritAttrs:!1,__name:"CopilotSidebarViewInternal",props:{width:{default:void 0},messages:{default:()=>[]},autoScroll:{type:[String,Boolean],default:!0},isRunning:{type:Boolean,default:!1},suggestions:{default:()=>[]},suggestionLoadingIndexes:{default:()=>[]},welcomeScreen:{type:Boolean,default:!0},attachments:{},dragOver:{type:Boolean},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onRemoveAttachment:{},onAddFile:{},onDragOver:{},onDragLeave:{},onDrop:{},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=ve(),i=e.getCurrentInstance(),l=e.computed(()=>i?.vnode.props??{}),c=e.ref(null),f=e.ref(n.width??Sr);let C=null;const p=e.computed(()=>s.value?.isModalOpen??!1),m=e.computed(()=>n.width??f.value),u=e.computed(()=>s.value?.labels.modalHeaderTitle??$e.modalHeaderTitle),h=e.computed(()=>["cpk:fixed cpk:right-0 cpk:top-0 cpk:z-[1200] cpk:flex cpk:h-[100vh] cpk:h-[100dvh] cpk:max-h-screen cpk:w-full","cpk:border-l cpk:border-border cpk:bg-background cpk:text-foreground cpk:shadow-xl","cpk:transition-transform cpk:duration-300 cpk:ease-out",p.value?"cpk:translate-x-0":"cpk:translate-x-full cpk:pointer-events-none",r.class]),y=e.computed(()=>{const{class:A,...F}=r;return F}),g=e.computed(()=>k("onStop")),b=e.computed(()=>({"--sidebar-width":v(m.value),paddingTop:"env(safe-area-inset-top)",paddingBottom:"env(safe-area-inset-bottom)"})),d=e.computed(()=>`
|
|
76
|
+
@media (min-width: 768px) {
|
|
77
|
+
body {
|
|
78
|
+
margin-inline-end: ${w(m.value)};
|
|
79
|
+
transition: margin-inline-end ${Tr}ms ease;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
`);function k(A){const F=l.value[A];return Array.isArray(F)?F.length>0:!!F}function v(A){return typeof A=="number"?`${A}px`:A}function w(A){return typeof A=="number"?`${A}px`:A}function x(){if(n.width!==void 0||!c.value)return;const A=c.value.getBoundingClientRect().width;A>0&&(f.value=A)}function R(){s.value?.setModalOpen?.(!1)}function E(){s.value?.setModalOpen?.(!0)}function I(){s.value?.setModalOpen?.(!p.value)}function B(A){a("submit-message",A)}function j(){a("stop")}function ee(A){a("input-change",A)}function W(A,F){a("select-suggestion",A,F)}function D(){a("add-file")}function L(){a("start-transcribe")}function G(){a("cancel-transcribe")}function X(){a("finish-transcribe")}const T=e.computed(()=>{const A={onSubmitMessage:B,onInputChange:ee,onSelectSuggestion:W};return g.value&&(A.onStop=j),k("onAddFile")&&(A.onAddFile=D),k("onStartTranscribe")&&(A.onStartTranscribe=L),k("onCancelTranscribe")&&(A.onCancelTranscribe=G),k("onFinishTranscribe")&&(A.onFinishTranscribe=X),A});return e.watch(()=>n.width,A=>{if(A!==void 0){f.value=A;return}x()}),e.onMounted(async()=>{await e.nextTick(),x(),!(n.width!==void 0||!c.value||typeof ResizeObserver>"u")&&(C=new ResizeObserver(()=>{x()}),C.observe(c.value))}),e.onBeforeUnmount(()=>{C?.disconnect(),C=null}),(A,F)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[p.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent("style"),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(A.$slots,"toggle-button",{isOpen:p.value,toggle:I,open:E,close:R},()=>[e.createVNode(Ft)]),e.createElementVNode("aside",e.mergeProps({ref_key:"sidebarRef",ref:c,"data-copilotkit":"","data-copilot-sidebar":"",class:h.value,style:b.value,"aria-label":"Copilot chat sidebar","aria-hidden":!p.value,role:"complementary"},y.value),[e.createElementVNode("div",Cr,[e.renderSlot(A.$slots,"header",{title:u.value,onClose:R,isOpen:p.value},()=>[e.createVNode(Nt,{title:u.value},null,8,["title"])]),e.createElementVNode("div",xr,[e.createVNode(Ze,e.mergeProps({messages:t.messages,"auto-scroll":t.autoScroll,"is-running":t.isRunning,suggestions:t.suggestions,"suggestion-loading-indexes":t.suggestionLoadingIndexes,"welcome-screen":t.welcomeScreen,"input-value":t.inputValue,"input-mode":t.inputMode,"input-tools-menu":t.inputToolsMenu,"on-finish-transcribe-with-audio":t.onFinishTranscribeWithAudio},T.value),e.createSlots({_:2},[A.$slots["message-view"]?{name:"message-view",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(H)))]),key:"0"}:void 0,A.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(H)))]),key:"1"}:void 0,A.$slots.feather?{name:"feather",fn:e.withCtx(()=>[e.renderSlot(A.$slots,"feather")]),key:"2"}:void 0,A.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(H)))]),key:"3"}:void 0,A.$slots.input?{name:"input",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"input",e.normalizeProps(e.guardReactiveProps(H)))]),key:"4"}:void 0,A.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(H)))]),key:"5"}:void 0,A.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(H=>[e.renderSlot(A.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(H)))]),key:"6"}:void 0,A.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(A.$slots,"welcome-message")]),key:"7"}:void 0]),1040,["messages","auto-scroll","is-running","suggestions","suggestion-loading-indexes","welcome-screen","input-value","input-mode","input-tools-menu","on-finish-transcribe-with-audio"])])])],16,wr)],64))}}),Hn=e.defineComponent({inheritAttrs:!1,__name:"CopilotSidebarView",props:{width:{default:void 0},defaultOpen:{type:Boolean,default:!0},messages:{default:()=>[]},autoScroll:{type:[String,Boolean],default:!0},isRunning:{type:Boolean,default:!1},suggestions:{default:()=>[]},suggestionLoadingIndexes:{default:()=>[]},welcomeScreen:{type:Boolean,default:!0},attachments:{},dragOver:{type:Boolean},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onRemoveAttachment:{},onAddFile:{},onDragOver:{},onDragLeave:{},onDrop:{},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t,{emit:o}){const n=t,a=o,r=e.useAttrs(),s=e.getCurrentInstance(),i=e.computed(()=>s?.vnode.props??{}),l=e.computed(()=>{const{defaultOpen:p,...m}=n;return m}),c=e.computed(()=>({...r,...l.value,...C.value}));function f(p){const m=i.value[p];return Array.isArray(m)?m.length>0:!!m}const C=e.computed(()=>{const p={onSubmitMessage:m=>a("submit-message",m),onStop:()=>a("stop"),onInputChange:m=>a("input-change",m),onSelectSuggestion:(m,u)=>a("select-suggestion",m,u)};return f("onAddFile")&&(p.onAddFile=()=>a("add-file")),f("onStartTranscribe")&&(p.onStartTranscribe=()=>a("start-transcribe")),f("onCancelTranscribe")&&(p.onCancelTranscribe=()=>a("cancel-transcribe")),f("onFinishTranscribe")&&(p.onFinishTranscribe=()=>a("finish-transcribe")),p});return(p,m)=>(e.openBlock(),e.createBlock(mt,{"is-modal-default-open":t.defaultOpen},{default:e.withCtx(()=>[e.createVNode(Ir,e.normalizeProps(e.guardReactiveProps(c.value)),e.createSlots({_:2},[p.$slots.header?{name:"header",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"header",e.normalizeProps(e.guardReactiveProps(u)))]),key:"0"}:void 0,p.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(u)))]),key:"1"}:void 0,p.$slots["message-view"]?{name:"message-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"2"}:void 0,p.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"3"}:void 0,p.$slots.feather?{name:"feather",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"feather",e.normalizeProps(e.guardReactiveProps(u)))]),key:"4"}:void 0,p.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(u)))]),key:"5"}:void 0,p.$slots.input?{name:"input",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"input",e.normalizeProps(e.guardReactiveProps(u)))]),key:"6"}:void 0,p.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"7"}:void 0,p.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(u=>[e.renderSlot(p.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(u)))]),key:"8"}:void 0,p.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"welcome-message")]),key:"9"}:void 0]),1040)]),_:3},8,["is-modal-default-open"]))}}),Ar={"data-copilotkit":"",class:"cpk:h-full cpk:flex cpk:flex-col","data-testid":"copilot-sidebar-welcome-screen"},Rr={class:"cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4"},Er={class:"cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center"},$r={class:"cpk:px-8 cpk:pb-4"},Mr={class:"cpk:max-w-3xl cpk:mx-auto"},Br={class:"cpk:mb-4 cpk:flex cpk:justify-center"},Wn=e.defineComponent({__name:"CopilotSidebarWelcomeScreen",props:{modelValue:{default:""},isRunning:{type:Boolean,default:!1},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},onUpdateModelValue:{},onSubmitMessage:{},onStop:{},onAddFile:{type:Function,default:void 0},onStartTranscribe:{type:Function,default:void 0},onCancelTranscribe:{type:Function,default:void 0},onFinishTranscribe:{type:Function,default:void 0},onFinishTranscribeWithAudio:{type:Function,default:void 0},suggestions:{default:()=>[]},loadingIndexes:{default:()=>[]},onSelectSuggestion:{}},setup(t){const o=t,n=ve(),a=e.computed(()=>n.value?.labels??$e),r=e.computed(()=>({modelValue:o.modelValue,isRunning:o.isRunning,inputMode:o.inputMode,inputToolsMenu:o.inputToolsMenu,onUpdateModelValue:o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop,onAddFile:o.onAddFile,onStartTranscribe:o.onStartTranscribe,onCancelTranscribe:o.onCancelTranscribe,onFinishTranscribe:o.onFinishTranscribe,onFinishTranscribeWithAudio:o.onFinishTranscribeWithAudio})),s=e.computed(()=>({suggestions:o.suggestions,loadingIndexes:o.loadingIndexes,onSelectSuggestion:o.onSelectSuggestion})),i=e.computed(()=>({...r.value,...s.value})),l=e.computed(()=>{const c={"onUpdate:modelValue":o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop};return o.onAddFile&&(c.onAddFile=o.onAddFile),o.onStartTranscribe&&(c.onStartTranscribe=o.onStartTranscribe),o.onCancelTranscribe&&(c.onCancelTranscribe=o.onCancelTranscribe),o.onFinishTranscribe&&(c.onFinishTranscribe=o.onFinishTranscribe),o.onFinishTranscribeWithAudio&&(c.onFinishTranscribeWithAudio=o.onFinishTranscribeWithAudio),c});return(c,f)=>e.renderSlot(c.$slots,"layout",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createElementVNode("div",Ar,[e.createElementVNode("div",Rr,[e.renderSlot(c.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",Er,e.toDisplayString(a.value.welcomeMessageText),1)])]),e.createElementVNode("div",$r,[e.createElementVNode("div",Mr,[e.createElementVNode("div",Br,[e.renderSlot(c.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(s.value)),()=>[e.createVNode(Qe,{suggestions:t.suggestions,"loading-indexes":t.loadingIndexes,onSelectSuggestion:t.onSelectSuggestion},null,8,["suggestions","loading-indexes","onSelectSuggestion"])])]),e.renderSlot(c.$slots,"input",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createVNode(Xe,e.mergeProps({"model-value":t.modelValue,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0},l.value),null,16,["model-value","is-running","mode","tools-menu"])])])])])])}}),Vr=e.defineComponent({__name:"CopilotPopup",props:{width:{default:void 0},height:{default:void 0},clickOutsideToClose:{type:Boolean,default:!1},defaultOpen:{type:Boolean,default:!0},agentId:{},threadId:{},throttleMs:{},labels:{},attachments:{},onError:{},autoScroll:{type:[String,Boolean],default:!0},welcomeScreen:{type:Boolean,default:!0},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t){function o(s){return{onSubmitMessage:s.onSubmitMessage,onInputChange:s.onInputChange,onSelectSuggestion:s.onSelectSuggestion,...s.onStop?{onStop:s.onStop}:{},...s.onAddFile?{onAddFile:s.onAddFile}:{},...s.onStartTranscribe?{onStartTranscribe:s.onStartTranscribe}:{},...s.onCancelTranscribe?{onCancelTranscribe:s.onCancelTranscribe}:{},...s.onFinishTranscribe?{onFinishTranscribe:s.onFinishTranscribe}:{}}}const n=t,a=ft(),r=e.computed(()=>a.value.checkFeature("popup"));return e.watch(r,s=>{s||console.warn('[CopilotKit] Warning: "popup" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0}),(s,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($t,{key:0,"feature-name":"Popup"})),e.createVNode(Mt,e.mergeProps(n,{onSubmitMessage:i[0]||(i[0]=l=>s.$emit("submit-message",l)),onStop:i[1]||(i[1]=l=>s.$emit("stop")),onInputChange:i[2]||(i[2]=l=>s.$emit("input-change",l)),onSelectSuggestion:i[3]||(i[3]=(l,c)=>s.$emit("select-suggestion",l,c)),onAddFile:i[4]||(i[4]=l=>s.$emit("add-file")),onStartTranscribe:i[5]||(i[5]=l=>s.$emit("start-transcribe")),onCancelTranscribe:i[6]||(i[6]=l=>s.$emit("cancel-transcribe")),onFinishTranscribe:i[7]||(i[7]=l=>s.$emit("finish-transcribe"))}),{"chat-view":e.withCtx(l=>[s.$slots["chat-view"]?e.renderSlot(s.$slots,"chat-view",e.normalizeProps(e.mergeProps({key:0},l))):(e.openBlock(),e.createBlock(jn,e.mergeProps({key:1,messages:l.messages,"auto-scroll":l.autoScroll,"is-running":l.isRunning,suggestions:l.suggestions,"suggestion-loading-indexes":l.suggestionLoadingIndexes,"welcome-screen":l.welcomeScreen,"input-value":l.inputValue,"input-mode":l.inputMode,"input-tools-menu":l.inputToolsMenu,width:t.width,height:t.height,"click-outside-to-close":t.clickOutsideToClose,"default-open":t.defaultOpen,"on-finish-transcribe-with-audio":l.onFinishTranscribeWithAudio},o(l)),e.createSlots({"welcome-screen":e.withCtx(c=>[s.$slots["welcome-screen"]?e.renderSlot(s.$slots,"welcome-screen",e.normalizeProps(e.mergeProps({key:0},c))):(e.openBlock(),e.createBlock(_n,e.normalizeProps(e.mergeProps({key:1},c)),e.createSlots({_:2},[s.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"welcome-message")]),key:"0"}:void 0,s.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(f=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(f)))]),key:"1"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(f=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(f)))]),key:"2"}:void 0]),1040))]),_:2},[s.$slots.header?{name:"header",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"header",e.normalizeProps(e.guardReactiveProps(c)))]),key:"0"}:void 0,s.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(c)))]),key:"1"}:void 0,s.$slots["message-view"]?{name:"message-view",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(c)))]),key:"2"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(c)))]),key:"3"}:void 0,s.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(c)))]),key:"4"}:void 0]),1040,["messages","auto-scroll","is-running","suggestions","suggestion-loading-indexes","welcome-screen","input-value","input-mode","input-tools-menu","width","height","click-outside-to-close","default-open","on-finish-transcribe-with-audio"]))]),_:3},16)],64))}}),Fr=e.defineComponent({__name:"CopilotSidebar",props:{width:{default:void 0},defaultOpen:{type:Boolean,default:!0},agentId:{},threadId:{},throttleMs:{},labels:{},attachments:{},onError:{},autoScroll:{type:[String,Boolean],default:!0},welcomeScreen:{type:Boolean,default:!0},inputValue:{default:void 0},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},isConnecting:{type:Boolean},hasExplicitThreadId:{type:Boolean},onFinishTranscribeWithAudio:{type:Function,default:void 0}},emits:["submit-message","stop","input-change","select-suggestion","add-file","start-transcribe","cancel-transcribe","finish-transcribe"],setup(t){function o(s){return{onSubmitMessage:s.onSubmitMessage,onInputChange:s.onInputChange,onSelectSuggestion:s.onSelectSuggestion,...s.onStop?{onStop:s.onStop}:{},...s.onAddFile?{onAddFile:s.onAddFile}:{},...s.onStartTranscribe?{onStartTranscribe:s.onStartTranscribe}:{},...s.onCancelTranscribe?{onCancelTranscribe:s.onCancelTranscribe}:{},...s.onFinishTranscribe?{onFinishTranscribe:s.onFinishTranscribe}:{}}}const n=t,a=ft(),r=e.computed(()=>a.value.checkFeature("sidebar"));return e.watch(r,s=>{s||console.warn('[CopilotKit] Warning: "sidebar" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0}),(s,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock($t,{key:0,"feature-name":"Sidebar"})),e.createVNode(Mt,e.mergeProps(n,{onSubmitMessage:i[0]||(i[0]=l=>s.$emit("submit-message",l)),onStop:i[1]||(i[1]=l=>s.$emit("stop")),onInputChange:i[2]||(i[2]=l=>s.$emit("input-change",l)),onSelectSuggestion:i[3]||(i[3]=(l,c)=>s.$emit("select-suggestion",l,c)),onAddFile:i[4]||(i[4]=l=>s.$emit("add-file")),onStartTranscribe:i[5]||(i[5]=l=>s.$emit("start-transcribe")),onCancelTranscribe:i[6]||(i[6]=l=>s.$emit("cancel-transcribe")),onFinishTranscribe:i[7]||(i[7]=l=>s.$emit("finish-transcribe"))}),{"chat-view":e.withCtx(l=>[s.$slots["chat-view"]?e.renderSlot(s.$slots,"chat-view",e.normalizeProps(e.mergeProps({key:0},l))):(e.openBlock(),e.createBlock(Hn,e.mergeProps({key:1,messages:l.messages,"auto-scroll":l.autoScroll,"is-running":l.isRunning,suggestions:l.suggestions,"suggestion-loading-indexes":l.suggestionLoadingIndexes,"welcome-screen":l.welcomeScreen,"input-value":l.inputValue,"input-mode":l.inputMode,"input-tools-menu":l.inputToolsMenu,width:t.width,"default-open":t.defaultOpen,"on-finish-transcribe-with-audio":l.onFinishTranscribeWithAudio},o(l)),e.createSlots({"welcome-screen":e.withCtx(c=>[s.$slots["welcome-screen"]?e.renderSlot(s.$slots,"welcome-screen",e.normalizeProps(e.mergeProps({key:0},c))):(e.openBlock(),e.createBlock(Wn,e.normalizeProps(e.mergeProps({key:1},c)),e.createSlots({_:2},[s.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(s.$slots,"welcome-message")]),key:"0"}:void 0,s.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(f=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(f)))]),key:"1"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(f=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(f)))]),key:"2"}:void 0]),1040))]),_:2},[s.$slots.header?{name:"header",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"header",e.normalizeProps(e.guardReactiveProps(c)))]),key:"0"}:void 0,s.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(c)))]),key:"1"}:void 0,s.$slots["message-view"]?{name:"message-view",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(c)))]),key:"2"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(c)))]),key:"3"}:void 0,s.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(c=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(c)))]),key:"4"}:void 0]),1040,["messages","auto-scroll","is-running","suggestions","suggestion-loading-indexes","welcome-screen","input-value","input-mode","input-tools-menu","width","default-open","on-finish-transcribe-with-audio"]))]),_:3},16)],64))}}),Nr=Object.assign(Mt,{View:Ze}),Or=Object.assign(Ft,{OpenIcon:Vt,CloseIcon:Bt}),Lr=Object.assign(Nt,{Title:Un,CloseButton:zn}),Dr=Object.assign(jn,{WelcomeScreen:_n}),Pr=Object.assign(Hn,{WelcomeScreen:Wn});function zr(t){const{copilotkit:o}=be(),n=e.computed(()=>e.toValue(t.description)),a=e.computed(()=>e.toValue(t.value)),r=e.computed(()=>typeof a.value=="string"?a.value:JSON.stringify(a.value));e.watch([()=>o.value,n,r],(s,i,l)=>{const c=o.value,f=c.addContext({description:n.value,value:r.value});l(()=>c.removeContext(f))},{immediate:!0})}const Ur=[];function Ot(t,o){const{copilotkit:n}=be(),a=o??Ur;e.watch([()=>t.name,()=>t.available,()=>a.length,...a],(r,s,i)=>{const l=n.value,c=t.name;l.getTool({toolName:c,agentId:t.agentId})&&(console.warn(`Tool '${c}' already exists for agent '${t.agentId||"global"}'. Overriding with latest registration.`),l.removeTool(c,t.agentId)),l.addTool(t),t.render&&l.addHookRenderToolCall({name:c,args:t.parameters,agentId:t.agentId,render:t.render}),i(()=>{l.removeTool(c,t.agentId)})},{immediate:!0})}function jr(t,o){const n=`Use this tool to display the "${t.name}" component in the chat. This tool renders a visual UI component for the user.`,a=t.description?`${n}
|
|
83
|
+
|
|
84
|
+
${t.description}`:n;Ot({name:t.name,description:a,parameters:t.parameters,render:({args:r})=>{const s=t.render;return e.h(s,r)},agentId:t.agentId},o)}const _r=[];function qn(t,o){const{copilotkit:n}=be(),a=o??_r;e.watch([()=>n.value,()=>t.name,()=>t.agentId,()=>a.length,...a],()=>{const r=i=>typeof t.render=="function"?t.render(i):e.h(t.render,i),s=t.name==="*"&&!t.parameters?ct({name:"*",render:i=>r({...i,parameters:i.args}),...t.agentId?{agentId:t.agentId}:{}}):ct({name:t.name,args:t.parameters,render:i=>r({...i,parameters:i.args}),...t.agentId?{agentId:t.agentId}:{}});n.value.addHookRenderToolCall(s)},{immediate:!0})}const en=new Set;function Hr(t){switch(t){case pe.ToolCallStatus.Complete:return"complete";case pe.ToolCallStatus.Executing:return"executing";case pe.ToolCallStatus.InProgress:return"inProgress";default:{const o=String(t);return en.has(o)||(en.add(o),console.warn(`[CopilotKit] Unknown ToolCallStatus "${o}" in default tool-call renderer; falling back to "inProgress".`)),"inProgress"}}}function bt(t){const o=t.parameters!==void 0?t.parameters:t.args,n=t.status,a=n==="inProgress"||n==="executing"||n==="complete"?n:Hr(n);return{name:t.name,toolCallId:t.toolCallId,parameters:o,status:a,result:t.result}}function tn(t){try{return JSON.stringify(t,null,2)}catch(o){console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for default renderer; falling back to String():",o);try{return String(t)}catch(n){return console.warn("[CopilotKit] safeStringifyForPre: value could not be stringified:",n),"[unserializable]"}}}const Wr=e.defineComponent({props:{name:{type:String,required:!0},toolCallId:{type:String,required:!0},parameters:{type:null,required:!1,default:void 0},status:{type:String,required:!0},result:{type:null,required:!1,default:void 0}},setup(t){const o=e.ref(!1);return()=>{const n=t.status==="inProgress"||t.status==="executing",a=t.status==="complete",r=n?"Running":a?"Done":t.status;return e.h("div",{"data-testid":"copilot-tool-render","data-tool-name":t.name,"data-tool-call-id":t.toolCallId,"data-status":t.status,"data-args":nn(t.parameters),"data-result":nn(t.result),style:{marginTop:"8px",paddingBottom:"8px"}},[e.h("div",{style:{borderRadius:"12px",border:"1px solid #e4e4e7",backgroundColor:"#fafafa",padding:"14px 16px"}},[e.h("button",{type:"button","aria-expanded":String(o.value),onClick:()=>{o.value=!o.value},style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"10px",cursor:"pointer",border:"none",padding:0,margin:0,background:"transparent",textAlign:"left"}},[e.h("span",{"data-testid":"copilot-tool-render-name",style:{fontWeight:"600"}},t.name),e.h("span",{"data-testid":"copilot-tool-render-status"},r)]),o.value?e.h("div",{style:{marginTop:"12px"}},[e.h("div","Arguments"),e.h("pre",tn(t.parameters??{})),t.result!==void 0?e.h("div",[e.h("div","Result"),e.h("pre",typeof t.result=="string"?t.result:tn(t.result))]):null]):null])])}}});function nn(t){if(t==null)return"";if(typeof t=="string")return t;try{return JSON.stringify(t)}catch(o){console.warn("[CopilotKit] Failed to JSON.stringify tool-call payload for data-* attribute; falling back to String():",o);try{return String(t)}catch(n){return console.warn("[CopilotKit] safeStringifyForAttr: value could not be stringified:",n),""}}}function qr(t,o){const n=t?.render;let a;if(typeof n=="function"){const r=n;a=(s=>{const i=bt(s);return r(i)})}else if(n){const r=n;a=(s=>{const i=bt(s);return e.h(r,{name:i.name,toolCallId:i.toolCallId,parameters:i.parameters,status:i.status,result:i.result})})}else a=(r=>{const s=bt(r);return e.h(Wr,{name:s.name,toolCallId:s.toolCallId,parameters:s.parameters,status:s.status,result:s.result})});qn({name:"*",render:a},o)}function Kr(t,o){const{copilotkit:n}=be(),a=e.ref(null),r=async c=>{a.value&&(a.value(c),a.value=null)},l={...t,handler:async()=>new Promise(c=>{a.value=c}),render:c=>{const f=t.render;return c.status==="inProgress"?e.h(f,{...c,name:t.name,description:t.description||"",respond:void 0}):c.status==="executing"?e.h(f,{...c,name:t.name,description:t.description||"",respond:r}):c.status==="complete"?e.h(f,{...c,name:t.name,description:t.description||"",respond:void 0}):e.h(f,c)}};Ot(l,o),e.onScopeDispose(()=>{n.value.removeHookRenderToolCall(t.name,t.agentId)})}function Gr(t){return"instructions"in t}function Jr(t){return t.map(o=>({...o,isLoading:o.isLoading??!1}))}function Xr(t,o){const{copilotkit:n}=be(),a=ve(),r=o??[],s=e.computed(()=>a.value?.agentId??z.DEFAULT_AGENT_ID),i=e.computed(()=>t?t.consumerAgentId:void 0),l=e.computed(()=>{if(!t||t.available==="disabled")return null;if(Gr(t))return{...t};const g=Jr(t.suggestions);return{...t,suggestions:g}}),c=e.computed(()=>l.value?JSON.stringify(l.value):null),f=e.computed(()=>{if(!l.value)return s.value;const g=l.value.consumerAgentId;return!g||g==="*"?s.value:g}),C=e.computed(()=>i.value===void 0||i.value==="*"),p=e.ref(!1),m=e.ref(null),u=e.ref(null),h=()=>{if(!p.value||!C.value)return;if(Object.values(n.value.agents??{}).some(b=>!!b.agentId&&b.isRunning)){m.value=setTimeout(()=>{m.value=null,h()},0);return}p.value=!1,y()},y=()=>{if(l.value){if(C.value){let g=!1;const b=Object.values(n.value.agents??{});for(const d of b){const k=d.agentId;k&&(d.isRunning?g=!0:n.value.reloadSuggestions(k))}p.value=g,g&&m.value===null&&(m.value=setTimeout(()=>{m.value=null,h()},0));return}f.value&&n.value.reloadSuggestions(f.value)}};e.watch([()=>n.value,c],([g,b],d,k)=>{if(!b||!l.value)return;const v=n.value,w=l.value,x=v.addSuggestionsConfig(w);y(),k(()=>v.removeSuggestionsConfig(x))},{immediate:!0}),e.watch([l,c],([g,b])=>{if(!g){u.value=null;return}b&&u.value===b||(b&&(u.value=b),y())},{immediate:!1}),e.watch([l,()=>r.length,...r],([g])=>{!g||r.length===0||y()},{immediate:!0}),e.watch([()=>n.value,p],(g,b,d)=>{d(()=>{m.value!==null&&(clearTimeout(m.value),m.value=null)})},{immediate:!0}),e.watch([()=>n.value,C],([g,b],d,k)=>{if(!b)return;const v=Object.values(g.agents??{}).filter(w=>!!w).map(w=>w.subscribe({onRunStartedEvent:h,onRunFinishedEvent:h,onRunFinalized:h,onRunFailed:h,onRunErrorEvent:h}));k(()=>{for(const w of v)w.unsubscribe()})},{immediate:!0})}const Kn="on_interrupt";function Qr(t){return(typeof t=="object"||typeof t=="function")&&t!==null&&typeof Reflect.get(t,"then")=="function"}function Yr(t){return t instanceof Promise?t:new Promise((o,n)=>{try{t.then(o,n)}catch(a){n(a)}})}function yt(t){return t.kind==="legacy"?t.event:{name:Kn,value:t.interrupts[0]}}function Zr(t={}){const{copilotkit:o}=be(),{agent:n}=gt({agentId:t.agentId}),a=e.shallowRef(null),r=e.shallowRef(null),s={};e.watch(n,(u,h,y)=>{if(!u){a.value=null,r.value=null;return}let g=null,b=null;const d=u.subscribe({onCustomEvent:({event:k})=>{k.name===Kn&&(g={name:k.name,value:k.value})},onRunFinishedEvent:k=>{k.outcome==="interrupt"&&(b=k.interrupts)},onRunStartedEvent:()=>{g=null,b=null;for(const k of Object.keys(s))delete s[k];a.value=null},onRunFinalized:()=>{b&&b.length>0?a.value={kind:"standard",interrupts:b}:g&&(a.value={kind:"legacy",event:g}),g=null,b=null},onRunFailed:()=>{g=null,b=null;for(const k of Object.keys(s))delete s[k];a.value=null}});y(()=>d.unsubscribe())},{immediate:!0});const i=async u=>{if(!u.every(d=>s[d.id]))return;const y=u.find(d=>De.isInterruptExpired(d));if(y){console.error(`[CopilotKit] useInterrupt: interrupt ${y.id} expired at ${y.expiresAt}; not resuming.`);for(const d of Object.keys(s))delete s[d];a.value=null;return}const g=De.buildResumeArray(u,s);for(const d of Object.keys(s))delete s[d];const b=n.value;if(b)try{return await o.value.runAgent({agent:b,resume:g})}catch(d){throw console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing",d),a.value=null,d}},l=async(u,h)=>{const y=a.value;if(!y)return;const g=n.value;if(!g)return;if(y.kind==="legacy"){const d=y.event.value;try{return await o.value.runAgent({agent:g,forwardedProps:{command:{resume:u,interruptEvent:d}}})}catch(k){throw console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing",k),a.value=null,k}}y.interrupts.length>1&&h===void 0&&console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${y.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);const b=h??y.interrupts[0]?.id;if(b)return s[b]={status:"resolved",payload:u},i(y.interrupts)},c=async u=>{const h=a.value;if(!h)return;if(h.kind==="legacy"){console.warn("[CopilotKit] useInterrupt: cancel() is not supported for legacy on_interrupt interrupts; dismissing."),a.value=null;return}h.interrupts.length>1&&u===void 0&&console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${h.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);const y=u??h.interrupts[0]?.id;if(y)return s[y]={status:"cancelled"},i(h.interrupts)},f=l,C=c;e.watch(a,(u,h,y)=>{if(!u){r.value=null;return}const g=yt(u);if(t.enabled&&!t.enabled(g)){r.value=null;return}const b=t.handler;if(!b){r.value=null;return}let d=!1;const k=b({event:g,interrupt:u.kind==="standard"?u.interrupts[0]??null:null,interrupts:u.kind==="standard"?u.interrupts:[],resolve:l,cancel:c});Qr(k)?Yr(k).then(v=>{d||(r.value=v)}).catch(v=>{d||(console.error("[CopilotKit] useInterrupt handler failed:",v),r.value=null)}):r.value=k,y(()=>{d=!0})},{immediate:!0});const p=e.computed(()=>a.value?yt(a.value):null),m=e.computed(()=>{const u=a.value;if(!u)return null;const h=yt(u);return t.enabled&&!t.enabled(h)?null:{event:h,interrupt:u.kind==="standard"?u.interrupts[0]??null:null,interrupts:u.kind==="standard"?u.interrupts:[],result:r.value,resolve:l,cancel:c}});return e.watch([()=>o.value,m,()=>t.renderInChat!==!1],([u,h,y],g,b)=>{if(!y)return;u.setInterruptState(h);const d=h;b(()=>{u.interruptState===d&&u.setInterruptState(null)})},{immediate:!0}),e.onScopeDispose(()=>{const u=o.value;t.renderInChat!==!1&&u.interruptState===m.value&&u.setInterruptState(null)}),{interrupt:p,result:r,hasInterrupt:e.computed(()=>m.value!==null),resolve:l,resolveInterrupt:f,cancel:c,cancelInterrupt:C,slotProps:m}}function Ge(t,o,n){n.value=o(t.getState());const a=t.select(o).subscribe(()=>{n.value=o(t.getState())});e.onScopeDispose(()=>a.unsubscribe())}function ei(t){const{copilotkit:o}=be(),n=pe.ɵcreateThreadStore({fetch:globalThis.fetch}),a=e.computed(()=>e.toValue(t.agentId)),r=e.computed(()=>e.toValue(t.includeArchived)),s=e.computed(()=>e.toValue(t.limit)),i=e.computed(()=>JSON.stringify(Object.entries(o.value.headers??{}).sort(([b],[d])=>b.localeCompare(d)))),l=e.ref([]),c=e.ref(!1),f=e.ref(null),C=e.ref(!1),p=e.ref(!1);Ge(n,pe.ɵselectThreads,l),Ge(n,pe.ɵselectThreadsIsLoading,c),Ge(n,pe.ɵselectThreadsError,f),Ge(n,pe.ɵselectHasNextPage,C),Ge(n,pe.ɵselectIsFetchingNextPage,p),n.start(),e.onScopeDispose(()=>{n.stop()});const m=e.ref(!1);e.watch([()=>o.value.runtimeUrl,()=>o.value.runtimeConnectionStatus,i,()=>o.value.intelligence?.wsUrl,a,r,s],([b,d,,k,v,w,x])=>{if(!b){n.setContext(null);return}if(d!==pe.CopilotKitCoreRuntimeConnectionStatus.Connected)return;const R={runtimeUrl:b,headers:{...o.value.headers},wsUrl:k,agentId:v,includeArchived:w,limit:x};n.setContext(R),m.value=!0},{immediate:!0});const u=e.computed(()=>o.value.runtimeUrl?null:new Error("Runtime URL is not configured")),h=e.computed(()=>!!o.value.runtimeUrl&&!m.value),y=e.computed(()=>u.value?!1:h.value||c.value),g=e.computed(()=>u.value??f.value);return{threads:e.computed(()=>l.value.map(({id:b,agentId:d,name:k,archived:v,createdAt:w,updatedAt:x,lastRunAt:R})=>({id:b,agentId:d,name:k,archived:v,createdAt:w,updatedAt:x,...R!==void 0?{lastRunAt:R}:{}}))),isLoading:y,error:g,hasMoreThreads:C,isFetchingMoreThreads:p,fetchMoreThreads:()=>n.fetchNextPage(),renameThread:(b,d)=>n.renameThread(b,d),archiveThread:b=>n.archiveThread(b),deleteThread:b=>n.deleteThread(b)}}function ti(t){const{agent:o}=gt({agentId:t});return e.computed(()=>{const n=o.value;if(n&&"capabilities"in n)return n.capabilities})}function ni(){const{copilotkit:t}=be(),o=ve();return function(a){const r=o.value;if(!r)return null;const s=r.agentId||z.DEFAULT_AGENT_ID,{threadId:i}=r,l=t.value,c=[...l.renderCustomMessages].filter(w=>w.agentId===void 0||w.agentId===s).sort((w,x)=>{const R=w.agentId!==void 0,E=x.agentId!==void 0;return R===E?0:R?-1:1});if(!c.length)return null;const{message:f,position:C}=a,p=l.getRunIdForMessage(s,i,f.id)??l.getRunIdsForThread(s,i).slice(-1)[0],m=p??`missing-run-id:${f.id}`,u=l.getAgent(s);if(!u)return null;const h=p?u.messages.filter(w=>l.getRunIdForMessage(s,i,w.id)===p).map(w=>w.id):[f.id],y=u.messages.findIndex(w=>w.id===f.id);y<0&&console.warn(`[CopilotKit] useRenderCustomMessages: message "${f.id}" not found in agent "${s}" messages`);const g=Math.max(0,y),b=p?Math.max(h.indexOf(f.id),0):0,d=p?h.length:1,k=p?l.getStateByRun(s,i,p):void 0,v={message:f,position:C,runId:m,messageIndex:g,messageIndexInRun:b,numberOfMessagesInRun:d,agentId:s,stateSnapshot:k};for(const w of c)if(w.render)return{renderer:w.render,props:v};return null}}function oi(){const{copilotkit:t}=be(),o=ve(),n=e.computed(()=>o.value?.agentId??z.DEFAULT_AGENT_ID),a=e.computed(()=>[...t.value.renderActivityMessages]);function r(i){const l=a.value;if(!l.length)return null;const c=l.filter(f=>f.activityType===i);return c.find(f=>f.agentId===n.value)??c.find(f=>f.agentId===void 0)??l.find(f=>f.activityType==="*")??null}function s(i){const l=r(i.activityType);if(!l)return null;const c=l.content.safeParse(i.content);if(!c.success)return console.warn(`Failed to parse content for activity message '${i.activityType}':`,c.error),null;const f=t.value.getAgent(n.value);return{renderer:l.render,props:{activityType:i.activityType,content:c.data,message:i,agent:f}}}return{renderActivityMessage:s,findRenderer:r}}exports.A2UIActivityContentSchema=io;exports.A2UISurfaceActivityType=ro;exports.CopilotChat=Nr;exports.CopilotChatDefaultLabels=$e;exports.CopilotChatToggleButton=Or;exports.CopilotChatToggleButtonCloseIcon=Bt;exports.CopilotChatToggleButtonOpenIcon=Vt;exports.CopilotKitCoreVue=dn;exports.CopilotModalHeader=Lr;exports.CopilotPopupView=Dr;exports.CopilotSidebarView=Pr;exports.GenerateSandboxedUiArgsSchema=bn;exports.LicenseContextKey=Et;exports.MCPAppsActivityContentSchema=cn;exports.MCPAppsActivityRenderer=un;exports.MCPAppsActivityType=ln;exports.OpenGenerativeUIActivityRenderer=wn;exports.OpenGenerativeUIActivityType=vn;exports.OpenGenerativeUIContentSchema=kn;exports.OpenGenerativeUIRenderer=yn;exports.OpenGenerativeUIToolRenderer=Cn;exports.UseAgentUpdate=Mn;exports._sfc_main=In;exports._sfc_main$1=En;exports._sfc_main$10=Qe;exports._sfc_main$11=An;exports._sfc_main$12=Ln;exports._sfc_main$13=Ze;exports._sfc_main$14=an;exports._sfc_main$15=Yo;exports._sfc_main$16=Vr;exports._sfc_main$17=Fr;exports._sfc_main$2=Tt;exports._sfc_main$3=rr;exports._sfc_main$4=$n;exports._sfc_main$5=mt;exports._sfc_main$6=Xe;exports._sfc_main$7=Dn;exports._sfc_main$8=On;exports._sfc_main$9=Pn;exports.createA2UIMessageRenderer=pn;exports.createDefaultLicenseRef=xn;exports.defineToolCallRenderer=ct;exports.extractCompleteStyles=fn;exports.getOperationSurfaceId=Ct;exports.processPartialHtml=gn;exports.useAgent=gt;exports.useAgentContext=zr;exports.useAttachments=Vn;exports.useCapabilities=ti;exports.useComponent=jr;exports.useConfigureSuggestions=Xr;exports.useCopilotChatConfiguration=ve;exports.useCopilotKit=be;exports.useDefaultRenderTool=qr;exports.useFrontendTool=Ot;exports.useHumanInTheLoop=Kr;exports.useInterrupt=Zr;exports.useKatexStyles=Rn;exports.useKeyboardHeight=Fn;exports.useLicenseContext=ft;exports.useRenderActivityMessage=oi;exports.useRenderCustomMessages=ni;exports.useRenderTool=qn;exports.useSandboxFunctions=hn;exports.useSuggestions=Bn;exports.useThreads=ei;exports.vueBasicCatalog=qe;
|
|
85
|
+
//# sourceMappingURL=use-render-activity-message-BqgmNPCz.cjs.map
|