@copilotkit/vue 1.75.0 → 1.75.2
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/dist/index.cjs +1 -1
- package/dist/index.mjs +2 -2
- package/dist/use-render-activity-message-CGdS03Xj.cjs +85 -0
- package/dist/use-render-activity-message-CGdS03Xj.cjs.map +1 -0
- package/dist/{use-render-activity-message-BF8XrDGw.js → use-render-activity-message-XmuT9fKy.js} +2382 -2390
- package/dist/use-render-activity-message-XmuT9fKy.js.map +1 -0
- package/dist/v2/components/chat/CopilotChatMessageView.vue.d.ts.map +1 -1
- package/dist/v2/index.cjs +1 -1
- package/dist/v2/index.mjs +1 -1
- package/package.json +5 -5
- package/src/v2/components/chat/CopilotChatMessageView.vue +41 -30
- package/src/v2/components/chat/__tests__/CopilotChatMessageView.slotMetaCost.test.ts +187 -0
- package/dist/use-render-activity-message-BF8XrDGw.js.map +0 -1
- package/dist/use-render-activity-message-DXIR996J.cjs +0 -85
- package/dist/use-render-activity-message-DXIR996J.cjs.map +0 -1
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";var Xn=Object.create;var Dt=Object.defineProperty;var Yn=Object.getOwnPropertyDescriptor;var Zn=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,to=Object.prototype.hasOwnProperty;var no=(t,o,n,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of Zn(o))!to.call(t,i)&&i!==n&&Dt(t,i,{get:()=>o[i],enumerable:!(a=Yn(o,i))||a.enumerable});return t};var gt=(t,o,n)=>(n=t!=null?Xn(eo(t)):{},no(o||!t||!t.__esModule?Dt(n,"default",{value:t,enumerable:!0}):n,t));const e=require("vue"),Q=require("zod"),Z=require("@copilotkit/core"),j=require("@copilotkit/shared"),St=require("zod-to-json-schema"),ut=require("@a2ui/web_core/v0_9"),he=require("@a2ui/web_core/v0_9/basic_catalog"),Qe=require("@ag-ui/client"),oe=require("lucide-vue-next"),nn=require("streamdown-vue"),oo="1.75.0",on=e.defineComponent({inheritAttrs:!1,__name:"CopilotKitInspector",props:{core:{},openRequest:{}},setup(t){const o=t,n=e.useAttrs(),a=e.shallowRef(null),i=e.shallowRef(null);let s=!0,r=null;const l={created(c){r?.(c,o.core??null),i.value=c,o.openRequest&&c.openInspector?.("message_toolbar",o.openRequest)}};return e.onMounted(()=>{import("@copilotkit/web-inspector").then(c=>{s&&(c.defineWebInspector?.(),r=(u,d)=>c.configureWebInspectorElement(u,d,{development:process.env.NODE_ENV==="development",framework:"vue",sdkVersion:oo}),a.value=c.WEB_INSPECTOR_TAG)}).catch(c=>{console.error("Failed to load CopilotKit inspector:",c)})}),e.onUnmounted(()=>{s=!1,i.value=null}),e.watch(()=>o.core,c=>{i.value&&(i.value.core=c??null)}),e.watch(()=>o.openRequest,c=>{c&&i.value?.openInspector?.("message_toolbar",c)}),(c,u)=>a.value?e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),e.normalizeProps(e.mergeProps({key:0},e.unref(n))),null,16)),[[l]]):e.createCommentVNode("",!0)}}),an=Symbol("CopilotKit"),kt=Symbol("CopilotChatConfiguration"),sn=Symbol("SandboxFunctions"),ao=Symbol("CopilotKitInspector");function Ce(){const t=e.inject(an);if(!t)throw new Error("useCopilotKit must be used within CopilotKitProvider");return t}const so="2025-06-18";function ro(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(" ")}`:"",i=`${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 ${i}; 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 io{queues=new Map;processing=new Map;async enqueue(o,n){const a=o.threadId||"default";return new Promise((i,s)=>{let r=this.queues.get(a);r||(r=[],this.queues.set(a,r)),r.push({execute:n,resolve:i,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 i=a[0];try{await this.waitForAgentIdle(n);const s=await i.execute();i.resolve(s)}catch(s){i.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 i=!1;const s=setTimeout(()=>{i||(i=!0,clearInterval(c),l.unsubscribe(),a(new Error("[CopilotKit] Timed out waiting for agent to become idle")))},3e4),r=()=>{i||(i=!0,clearTimeout(s),clearInterval(c),l.unsubscribe(),n())},l=o.subscribe({onRunFinalized:r,onRunFailed:r}),c=setInterval(()=>{o.isRunning||r()},500)})}}const st=new io,rn="mcp-apps",ln=Q.z.object({result:Q.z.object({content:Q.z.array(Q.z.any()).optional(),structuredContent:Q.z.any().optional(),isError:Q.z.boolean().optional()}),resourceUri:Q.z.string(),serverHash:Q.z.string(),serverId:Q.z.string().optional(),toolInput:Q.z.record(Q.z.string(),Q.z.unknown()).optional()});function lo(t){return"id"in t&&"method"in t}function co(t){return!("id"in t)&&"method"in t}const cn=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}=Ce(),n=e.ref(null),a=e.ref(null),i=e.ref(!1),s=e.ref(null),r=e.ref(!0),l=e.ref({}),c=e.ref(null),u=e.ref({inProgress:!1,promise:null,resourceUri:null}),d=b=>{a.value?.contentWindow&&a.value.contentWindow.postMessage(b,"*")},y=(b,m)=>{d({jsonrpc:"2.0",id:b,result:m})},w=(b,m,k)=>{d({jsonrpc:"2.0",id:b,error:{code:m,message:k}})},f=(b,m)=>{d({jsonrpc:"2.0",method:b,params:m||{}})};e.watch([()=>t.agent,()=>t.content],([b,m])=>{r.value=!0,s.value=null,i.value=!1,l.value={},c.value=null;const{resourceUri:k,serverHash:g,serverId:S}=m;if(u.value.inProgress&&u.value.resourceUri===k){u.value.promise?.then(C=>{C&&(c.value=C,r.value=!1)}).catch(C=>{s.value=C instanceof Error?C:new Error(String(C)),r.value=!1});return}if(!b){s.value=new Error("No agent available to fetch resource"),r.value=!1;return}u.value.inProgress=!0,u.value.resourceUri=k;const v=(async()=>{try{const R=(await st.enqueue(b,()=>b.runAgent({forwardedProps:{__proxiedMCPRequest:{serverHash:g,serverId:S,method:"resources/read",params:{uri:k}}}}))).result?.contents?.[0];if(!R)throw new Error("No resource content in response");return R}finally{u.value.inProgress=!1}})();u.value.promise=v,v.then(C=>{C&&(c.value=C,r.value=!1)}).catch(C=>{s.value=C instanceof Error?C:new Error(String(C)),r.value=!1})},{immediate:!0}),e.watch([r,c],([b,m],k,g)=>{if(b||!m)return;const S=n.value;if(!S)return;let v=!0,C=null,p=null,R=null;(async()=>{try{const $=document.createElement("iframe");R=$,$.style.width="100%",$.style.height="100px",$.style.border="none",$.style.backgroundColor="transparent",$.style.display="block",$.setAttribute("sandbox","allow-scripts allow-same-origin allow-forms"),$.setAttribute("data-testid","mcp-app-iframe"),$.setAttribute("title","Interactive MCP application");const F=new Promise(_=>{p=x=>{x.source===$.contentWindow&&x.data?.method==="ui/notifications/sandbox-proxy-ready"&&(p&&(window.removeEventListener("message",p),p=null),_())},window.addEventListener("message",p)});if(!v){p&&(window.removeEventListener("message",p),p=null);return}const B=c.value?._meta?.ui?.csp?.resourceDomains;if($.srcdoc=ro(B),a.value=$,S.appendChild($),await F,!v)return;C=async _=>{if(_.source!==$.contentWindow)return;const x=_.data;if(!(!x||typeof x!="object"||x.jsonrpc!=="2.0")){if(lo(x))switch(x.method){case"ui/initialize":{y(x.id,{protocolVersion:so,hostInfo:{name:"CopilotKit MCP Apps Host",version:"1.0.0"},hostCapabilities:{openLinks:{},logging:{}},hostContext:{theme:"light",platform:"web"}});break}case"ui/message":{const I=t.agent;if(!I){y(x.id,{isError:!1});break}try{const D=x.params,A=D?.role||"user",O=D?.content?.filter(E=>E.type==="text"&&E.text).map(E=>E.text).join(`
|
|
32
|
-
`)||"";O&&I.addMessage({id:j.randomUUID(),role:A,content:O}),y(x.id,{isError:!1}),(D?.followUp??A==="user")&&O&&st.enqueue(I,()=>o.value.runAgent({agent:I})).catch(E=>{console.error("[MCPAppsRenderer] ui/message agent run failed:",E)})}catch(D){console.error("[CopilotKit] MCPApps ui/message handler error:",D),y(x.id,{isError:!0})}break}case"ui/open-link":{const I=x.params?.url;if(!I){w(x.id,-32602,"Missing url parameter");break}window.open(I,"_blank","noopener,noreferrer"),y(x.id,{isError:!1});break}case"tools/call":{const{serverHash:I,serverId:D}=t.content,A=t.agent;if(!I){w(x.id,-32603,"No server hash available for proxying");break}if(!A){w(x.id,-32603,"No agent available for proxying");break}try{const O=await st.enqueue(A,()=>A.runAgent({forwardedProps:{__proxiedMCPRequest:{serverHash:I,serverId:D,method:"tools/call",params:x.params}}}));y(x.id,O.result||{})}catch(O){w(x.id,-32603,String(O))}break}default:w(x.id,-32601,`Method not found: ${x.method}`)}if(co(x))switch(x.method){case"ui/notifications/initialized":v&&(i.value=!0);break;case"ui/notifications/size-changed":{const{width:I,height:D}=x.params||{};v&&(l.value={width:typeof I=="number"?I:void 0,height:typeof D=="number"?D:void 0});break}}}},window.addEventListener("message",C);const L=m.text?m.text:m.blob?atob(m.blob):null;if(!L)throw new Error("Resource has no text or blob content");f("ui/notifications/sandbox-resource-ready",{html:L})}catch($){v&&(s.value=$ instanceof Error?$:new Error(String($)))}})(),g(()=>{v=!1,p&&(window.removeEventListener("message",p),p=null),C&&window.removeEventListener("message",C),R&&(R.remove(),R=null),a.value=null})},{flush:"post"}),e.watch(l,b=>{a.value&&(b.width!==void 0&&(a.value.style.minWidth=`min(${b.width}px, 100%)`,a.value.style.width="100%"),b.height!==void 0&&(a.value.style.height=`${b.height}px`))},{deep:!0}),e.watch([i,()=>t.content.toolInput],([b,m])=>{b&&m&&f("ui/notifications/tool-input",{arguments:m})},{deep:!0}),e.watch([i,()=>t.content.result],([b,m])=>{b&&m&&f("ui/notifications/tool-result",m)},{deep:!0});const h=e.computed(()=>c.value?._meta?.ui?.prefersBorder!==!0?{}:{borderRadius:"8px",backgroundColor:"#f9f9f9",border:"1px solid #e0e0e0"});return e.onBeforeUnmount(()=>{const b=t.agent?.threadId||"default";st.cancel(b)}),()=>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}},[r.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])}}),uo="a2ui-surface",po=Q.z.object({operations:Q.z.array(Q.z.record(Q.z.string(),Q.z.unknown()))});function yt(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 un extends Z.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 Ot="a2ui_operations",mo=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 dn(t){return{activityType:"a2ui-surface",content:Q.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?.[Ot])?o.content[Ot]:[]);return()=>n.value.length===0?t.loadingComponent?e.h(t.loadingComponent):e.h(mo):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?Q.z.any():t.args;return{name:t.name,args:o,render:t.render,...t.agentId?{agentId:t.agentId}:{}}}const ht="render_a2ui";function fo(t,o){e.watch([()=>t.value,o],([n,a],i,s)=>{if(!a)return;const r=ct({name:ht,args:Q.z.any(),render:({status:c,args:u})=>{if(c==="complete")return null;const d=u,y=d?.items;if(Array.isArray(y)&&y.length>0)return null;const w=d?.components;return Array.isArray(w)&&w.length>2?null:go(u)}}),l=n.propRenderToolCalls;n.setRenderToolCalls([...l.filter(c=>c.name!==ht),r]),s(()=>{const c=n.propRenderToolCalls;n.setRenderToolCalls(c.filter(u=>u.name!==ht)),wt.clear()})},{immediate:!0})}const wt=new Map;function go(t){const o=t,n=typeof o?.name=="string"?o.name:"__default__";let a=wt.get(n);a||(a={lastTime:0,lastTokens:0},wt.set(n,a));const i=Date.now();let s=a.lastTokens;if(i-a.lastTime>200){const y=JSON.stringify(t??{}).length;s=Math.round(y/4),a.lastTime=i,a.lastTokens=s}const r=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"}}),u=(y,w,f,h,b,m)=>e.h("div",{style:{width:`${y}px`,height:`${w}px`,borderRadius:"9999px",backgroundColor:f,...h!==void 0?{animation:`cpk-a2ui-fade 2.4s ease-in-out ${h}s infinite`}:{},...b!==void 0?{opacity:b}:{},...m?{transition:m}:{}}}),d=(y,w,f)=>e.h("div",{style:{display:"flex",alignItems:"center",gap:"6px",opacity:y?1:0,transition:`opacity 0.4s ${w}s`}},f);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()]),u(64,6,"#e4e4e7",void 0,r>=1?1:.4,"opacity 0.5s")]),e.h("div",{style:{display:"grid",gap:"7px"}},[d(r>=0,0,[u(36,7,"rgba(147,197,253,0.7)",0),u(80,7,"rgba(219,234,254,0.8)",.2)]),d(r>=0,.1,[c(),l(),u(100,7,"rgba(24,24,27,0.2)",.3)]),d(r>=1,.15,[c(),u(48,7,"rgba(24,24,27,0.15)",.1),u(40,7,"rgba(153,246,228,0.6)",.5),u(56,7,"rgba(147,197,253,0.6)",.3)]),d(r>=1,.2,[c(),l(),u(60,7,"rgba(24,24,27,0.15)",.4)]),d(r>=2,.25,[u(40,7,"rgba(153,246,228,0.5)",.2),l(),u(48,7,"rgba(24,24,27,0.15)",.6),u(64,7,"rgba(147,197,253,0.5)",.1)]),d(r>=2,.3,[u(36,7,"rgba(147,197,253,0.6)",.5),u(36,7,"rgba(24,24,27,0.12)",.7)]),d(r>=3,.35,[l(),u(44,7,"rgba(24,24,27,0.18)",.3),l(),u(56,7,"rgba(153,246,228,0.5)",.8),u(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(i){const s=e.ref({});let r=null;const l=n?n():void 0;function c(u){r&&r.dispose(),r=new ut.GenericBinder(u,t.schema),s.value=r.snapshot,r.subscribe(d=>{s.value=d})}return c(i.context),e.watch(()=>i.context,u=>{c(u)}),e.onUnmounted(()=>{r&&(r.dispose(),r=null)}),()=>o({props:s.value,buildChild:i.buildChild,context:i.context,state:l})}});return{name:t.name,schema:t.schema,render:a}}const Pe="8px",ho="16px",Ze="1px solid #ccc",dt="8px",pn=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"}},xt=t=>{switch(t){case"start":return"flex-start";case"center":return"center";case"end":return"flex-end";case"stretch":return"stretch";default:return"stretch"}},nt=()=>({margin:Pe,boxSizing:"border-box"}),vo=()=>({margin:Pe,padding:ho,border:Ze,borderRadius:dt,boxSizing:"border-box"});function Tt(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 bo=0;function pt(){return`a2ui-vue-${++bo}`}const ko=ke(he.TextApi,({props:t})=>{const o=t.text??"",n={...nt(),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)}}),yo=ke(he.ImageApi,({props:t})=>{const o=a=>a==="scaleDown"?"scale-down":a||"fill",n={...nt(),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})}),wo=ke(he.IconApi,({props:t})=>{const o=typeof t.name=="string"?t.name:t.name?.path,n={...nt(),fontSize:"24px",width:"24px",height:"24px",display:"inline-flex",alignItems:"center",justifyContent:"center"};return e.h("span",{class:"material-symbols-outlined",style:n},o)}),Co=ke(he.VideoApi,({props:t})=>{const o={...nt(),width:"100%",aspectRatio:"16/9"};return e.h("video",{src:t.url,controls:!0,style:o})}),So=ke(he.AudioPlayerApi,({props:t})=>{const o={...nt(),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})])}),xo=ke(he.RowApi,({props:t,buildChild:o})=>e.h("div",{style:{display:"flex",flexDirection:"row",justifyContent:pn(t.justify),alignItems:xt(t.align),width:"100%",margin:"0",padding:"0"}},Tt(t.children,o))),To=ke(he.ColumnApi,({props:t,buildChild:o})=>e.h("div",{style:{display:"flex",flexDirection:"column",justifyContent:pn(t.justify),alignItems:xt(t.align),width:"100%",margin:"0",padding:"0"}},Tt(t.children,o))),Io=ke(he.ListApi,({props:t,buildChild:o})=>{const n=t.direction==="horizontal",a={display:"flex",flexDirection:n?"row":"column",alignItems:xt(t.align),overflowX:n?"auto":"hidden",overflowY:n?"hidden":"auto",width:"100%",margin:"0",padding:"0"};return e.h("div",{style:a},Tt(t.children,o))}),Ro=ke(he.CardApi,({props:t,buildChild:o})=>{const n={...vo(),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])}),Ao=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:Pe}},[e.h("div",{style:{display:"flex",borderBottom:"1px solid #ccc",marginBottom:"8px"}},a.map((i,s)=>{const r=typeof i.title=="string"?i.title:String(i.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"}},r)})),e.h("div",{style:{flex:"1"}},[a[n.selectedIndex.value]?.child?o(a[n.selectedIndex.value].child):null])])},()=>({selectedIndex:e.ref(0)})),Eo=ke(he.DividerApi,({props:t})=>{const o=t.axis==="vertical",n={margin:Pe,border:"none",backgroundColor:"#ccc"};return o?(n.width="1px",n.height="100%"):(n.width="100%",n.height="1px"),e.h("div",{style:n})}),Mo=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)})),$o=ke(he.ButtonApi,({props:t,buildChild:o})=>{const n={margin:Pe,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])}),Bo=ke(he.TextFieldApi,({props:t,state:o})=>{const n=o.id,a=t.variant==="longText",i=t.variant==="number"?"number":t.variant==="obscured"?"password":"text",s={padding:"8px",width:"100%",border:t.validationErrors&&t.validationErrors.length>0?"1px solid red":Ze,borderRadius:dt,boxSizing:"border-box"},r=t.validationErrors&&t.validationErrors.length>0;return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",margin:Pe}},[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:i,style:s,value:t.value||"",onInput:l=>t.setValue(l.target.value)}),r?e.h("span",{style:{fontSize:"12px",color:"red"}},t.validationErrors[0]):null])},()=>({id:pt()})),Fo=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:Pe}},[e.h("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[e.h("input",{id:n,type:"checkbox",checked:!!t.value,onChange:i=>t.setValue(i.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()})),No=ke(he.ChoicePickerApi,({props:t,context:o,state:n})=>{const a=Array.isArray(t.value)?t.value:[],i=t.variant==="mutuallyExclusive",s=l=>{if(i)t.setValue([l]);else{const c=a.includes(l)?a.filter(u=>u!==l):[...a,l];t.setValue(c)}},r=(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:Pe,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:Ze,borderRadius:dt}}):null,e.h("div",{style:{display:"flex",flexDirection:t.displayStyle==="chips"?"row":"column",flexWrap:t.displayStyle==="chips"?"wrap":"nowrap",gap:"8px"}},r.map((l,c)=>{const u=a.includes(l.value),d=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:u?"1px solid var(--a2ui-primary-color, #007bff)":Ze,backgroundColor:u?"var(--a2ui-primary-color, #007bff)":"#fff",color:u?"#fff":"inherit",cursor:"pointer",fontSize:"12px"}},d):e.h("label",{key:c,style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"}},[e.h("input",{type:i?"radio":"checkbox",checked:u,onChange:()=>s(l.value),name:i?`choice-${o.componentModel.id}`:void 0}),e.h("span",{style:{fontSize:"14px"}},d)])}))])},()=>({filter:e.ref("")})),Vo=ke(he.SliderApi,({props:t,state:o})=>{const n=o.id;return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",margin:Pe,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()})),Do=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 i={padding:"8px",width:"100%",border:Ze,borderRadius:dt,boxSizing:"border-box"};return e.h("div",{style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",margin:Pe}},[t.label?e.h("label",{for:n,style:{fontSize:"14px",fontWeight:"bold"}},t.label):null,e.h("input",{id:n,type:a,style:i,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()})),Oo=[ko,yo,wo,Co,So,xo,To,Io,Ro,Ao,Eo,Mo,$o,Bo,Fo,No,Vo,Do],Xe=new ut.Catalog("https://a2ui.org/specification/v0_9/basic_catalog.json",Oo,he.BASIC_FUNCTIONS),Lo="A2UI Component Schema — available components for generating UI surfaces. Use these component names and properties when creating A2UI operations.";function Po(t){const o=t??Xe,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 i=!0;for(const r of Xe.components.keys())if(!o.components.has(r)){i=!1;break}const s=[];for(const r of o.components.keys())Xe.components.has(r)||s.push(r);a.push(`- ${o.id}`),i?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 r of s){const l=o.components.get(r);if(!l)continue;const c=St.zodToJsonSchema(l.schema);a.push(` - ${r}:`),a.push(` ${JSON.stringify(c,null,2).split(`
|
|
46
|
-
`).join(`
|
|
47
|
-
`)}`)}return a.join(`
|
|
48
|
-
`)}function Uo(t){const o=t??Xe,n={};for(const[a,i]of o.components){const s=St.zodToJsonSchema(i.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 zo(t,o){const n=e.computed(()=>Po(o.catalog()));e.watch([()=>t.value,o.enabled,n],([i,s,r],l,c)=>{if(!s)return;const u=i.a2uiAgents,d=i.addContext({description:"A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.",value:r,...u?{agentIds:u}:{}});c(()=>i.removeContext(d))},{immediate:!0});const a=e.computed(()=>o.includeSchema()?JSON.stringify(Uo(o.catalog())):null);e.watch([()=>t.value,o.enabled,a],([i,s,r],l,c)=>{if(!s||!r)return;const u=i.a2uiAgents,d=u?{agentIds:u}:{},y=[];y.push(i.addContext({description:Lo,value:r,...d})),y.push(i.addContext({description:"A2UI generation guidelines — protocol rules, tool arguments, path rules, data model format, and form/two-way-binding instructions.",value:j.A2UI_DEFAULT_GENERATION_GUIDELINES,...d})),y.push(i.addContext({description:"A2UI design guidelines — visual design rules, component hierarchy tips, and action handler patterns.",value:j.A2UI_DEFAULT_DESIGN_GUIDELINES,...d})),c(()=>{for(const w of y)i.removeContext(w)})},{immediate:!0})}function mn(t){const o=t.match(/<style\b[^>]*>[\s\S]*?<\/style>/gi);return o?o.join(""):""}function fn(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 gn(){const t=e.inject(sn,e.computed(()=>[]));return e.computed(()=>t.value)}const hn="open-generative-ui",vn=Q.z.object({initialHeight:Q.z.number().optional(),generating:Q.z.boolean().optional(),css:Q.z.string().optional(),cssComplete:Q.z.boolean().optional(),html:Q.z.array(Q.z.string()).optional(),htmlComplete:Q.z.boolean().optional(),jsFunctions:Q.z.string().optional(),jsFunctionsComplete:Q.z.boolean().optional(),jsExpressions:Q.z.array(Q.z.string()).optional(),jsExpressionsComplete:Q.z.boolean().optional()}),bn=Q.z.object({initialHeight:Q.z.number().optional(),placeholderMessages:Q.z.array(Q.z.string()).optional(),css:Q.z.string().optional(),html:Q.z.string().optional(),jsFunctions:Q.z.string().optional(),jsExpressions:Q.z.array(Q.z.string()).optional()});function jo(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 _o(t){return/<head[\s>]/i.test(t)?t:`<head></head>${t}`}function Ho(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 Lt(){const t=await import("@jetbrains/websandbox");return t.default?.default??t.default}const kn=e.defineComponent({name:"OpenGenerativeUIRenderer",props:{content:{type:Object,required:!0}},setup(t){const o=gn(),n=e.ref(null),a=e.ref(t.content),i=e.ref(t.content),s=e.ref(null),r=e.ref(null),l=e.ref(null),c=e.ref(!1),u=e.ref(!1),d=e.ref(0),y=e.ref(!1),w=e.ref([]),f=e.computed(()=>{const $={};for(const F of o.value)$[F.name]=F.handler;return $});e.watch(()=>t.content,$=>{if(i.value=$,jo(a.value,$)){s.value!==null&&(window.clearTimeout(s.value),s.value=null),a.value=$;return}s.value===null&&(s.value=window.setTimeout(()=>{a.value=i.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("")}),b=e.computed(()=>h.value?fn(h.value):void 0),m=e.computed(()=>h.value?mn(h.value):""),k=e.computed(()=>a.value.htmlComplete&&a.value.html?.length?a.value.html.join(""):void 0),g=e.computed(()=>a.value.cssComplete?a.value.css:void 0),S=e.computed(()=>!!a.value.cssComplete&&!!b.value&&b.value.trim().length>0),v=e.computed(()=>!!k.value||S.value),C=e.computed(()=>`${a.value.initialHeight??200}px`),p=()=>{l.value&&(l.value.destroy(),l.value=null),u.value=!1},R=()=>{r.value&&(r.value.destroy(),r.value=null),c.value=!1,w.value=[],d.value=0,y.value=!1};e.watch([S,k,g,b,m,()=>n.value],async([$,F],B,L)=>{if(!$||F||!n.value||l.value)return;let _=!1;try{const x=await Lt();if(_||!n.value)return;const I=x.create({},{frameContainer:n.value,frameContent:"<head></head><body></body>",allowAdditionalAttributes:""});l.value=I,I.iframe.setAttribute("data-testid","open-generative-ui-preview-sandbox"),I.iframe.style.width="100%",I.iframe.style.height="100%",I.iframe.style.border="none",I.iframe.style.backgroundColor="transparent",I.promise.then(()=>{_||!l.value||(u.value=!0,I.run("var s=document.createElement('style');s.textContent='html, body { overflow: hidden !important; }';document.head.appendChild(s);"))})}catch(x){console.error("[OpenGenerativeUI] Failed to load sandbox module:",x)}L(()=>{_=!0})},{immediate:!0}),e.watch([b,m,g,u],([$,F,B,L])=>{if(!l.value||!L)return;const _=[];B&&_.push(`<style>${B}</style>`),F&&_.push(F),_.length&&l.value.run(`document.head.innerHTML = ${JSON.stringify(_.join(""))}`),$&&l.value.run(`document.body.innerHTML = ${JSON.stringify($)}`)},{immediate:!0}),e.watch([k,g,f,()=>n.value],async([$,F,B],L,_)=>{if(R(),!$||!n.value)return;p();let x=!1;try{const I=await Lt();if(x||!n.value)return;const D=_o($),A=F?Ho(D,F):D,O=I.create(B,{frameContainer:n.value,frameContent:A,allowAdditionalAttributes:""});r.value=O,O.iframe.setAttribute("data-testid","open-generative-ui-final-sandbox"),O.iframe.style.width="100%",O.iframe.style.height="100%",O.iframe.style.border="none",O.iframe.style.backgroundColor="transparent",O.promise.then(()=>{if(x||!r.value)return;c.value=!0,O.run("var s=document.createElement('style');s.textContent='html, body { overflow: hidden !important; }';document.head.appendChild(s);");const X=a.value.jsFunctions;X&&!y.value&&(y.value=!0,w.value.unshift(X));const E=a.value.jsExpressions;if(E?.length){const z=d.value;z<E.length&&(w.value.push(...E.slice(z)),d.value=E.length)}const H=[...w.value];w.value=[];for(const z of H)O.run(z)})}catch(I){console.error("[OpenGenerativeUI] Failed to load sandbox module:",I)}_(()=>{x=!0})},{immediate:!0}),e.watch(()=>a.value.jsFunctions,$=>{!$||y.value||(y.value=!0,c.value&&r.value?r.value.run($):w.value.push($))}),e.watch(()=>a.value.jsExpressions,$=>{if(!$?.length)return;const F=d.value;if(F>=$.length)return;const B=$.slice(F);if(d.value=$.length,c.value&&r.value)for(const L of B)r.value.run(L);else w.value.push(...B)},{deep:!0});const M=e.computed(()=>a.value.generating!==!1);return e.watch([S,k],([$,F])=>{F&&p(),$||p()},{immediate:!0}),e.onBeforeUnmount(()=>{s.value!==null&&window.clearTimeout(s.value),p(),R()}),()=>e.h("div",{ref:n,"data-testid":"open-generative-ui-renderer",style:{position:"relative",width:"100%",height:C.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) } }")]),M.value?e.h("div",{"data-testid":"open-generative-ui-progress-overlay",style:{position:"absolute",inset:0,backgroundColor:"rgba(255,255,255,0.45)"}}):null])}}),yn=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(kn,{content:t.content})}}),wn=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,i)=>{if(!n?.length||t.status===Z.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);i(()=>window.clearInterval(s))},{immediate:!0}),()=>{if(t.status===Z.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)}}}),It=Symbol("LicenseContext");function Cn(){return e.ref(j.createLicenseContextValue(null))}const Wo={style:{display:"flex",gap:"8px",alignItems:"center"}},qo=["href"],Ko=52,Pt="--copilotkit-license-banner-offset",rt=e.defineComponent({__name:"LicenseWarningBanner",props:{type:{},featureName:{default:void 0},expiryDate:{default:void 0},graceRemaining:{default:void 0},onDismiss:{type:Function,default:void 0}},setup(t){const o=t,n=e.computed(()=>{switch(o.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 "${o.featureName??""}" feature requires a CopilotKit license.`,actionLabel:"Get a license",actionUrl:"https://copilotkit.ai/pricing"};case"expiring":{const r=o.graceRemaining;return{severity:"warning",message:`Your CopilotKit license expires in ${r} ${r===1?"day":"days"}. Please renew.`,actionLabel:"Renew",actionUrl:"https://dashboard.operations.copilotkit.ai"}}case"expired":return{severity:"critical",message:`Your CopilotKit license expired${o.expiryDate?` on ${o.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}}),a={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(n.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"}}}),s=e.computed(()=>({...a,...i.value}));return e.onMounted(()=>{typeof document>"u"||document.documentElement.style.setProperty(Pt,`${Ko}px`)}),e.onBeforeUnmount(()=>{typeof document>"u"||document.documentElement.style.removeProperty(Pt)}),(r,l)=>n.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(s.value),"data-testid":"copilot-license-banner"},[e.createElementVNode("span",null,e.toDisplayString(n.value.message),1),e.createElementVNode("div",Wo,[e.createElementVNode("a",{href:n.value.actionUrl,target:"_blank",rel:"noopener noreferrer",style:{fontWeight:600,textDecoration:"underline",color:"inherit"}},e.toDisplayString(n.value.actionLabel),9,qo),o.onDismiss?(e.openBlock(),e.createElementBlock("button",{key:0,style:{background:"none",border:"none",cursor:"pointer",color:"inherit",fontSize:"16px"},onClick:l[0]||(l[0]=(...c)=>o.onDismiss&&o.onDismiss(...c))}," × ")):e.createCommentVNode("",!0)])],4)):e.createCommentVNode("",!0)}}),Ut="X-CopilotCloud-Public-Api-Key",Go="https://api.cloud.copilotkit.ai/copilotkit/v1",Jo="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.",Xo="renderCustomMessages must be a stable array.",Yo="renderActivityMessages must be a stable array.",Zo="openGenerativeUI.sandboxFunctions must be a stable array.",zt="Human-in-the-loop interaction aborted",ea=`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).`,ta=`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)`,na=e.defineComponent({__name:"CopilotKitProvider",props:{runtimeUrl:{},headers:{type:[Object,Function],default:()=>({})},credentials:{},messageFilter:{},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]},enableInspector:{type:Boolean,default:void 0},onError:{},a2ui:{default:void 0},debug:{type:[Boolean,Object]}},setup(t){const o={},n=t,a=e.ref(!1);function i(){a.value=j.shouldEnableInspector({enableInspector:n.enableInspector,isBrowser:!0,isDevelopment:process.env.NODE_ENV==="development"})}e.onMounted(i),e.watch(()=>n.enableInspector,i);const s=e.ref(null),r=e.computed(()=>a.value);function l(P){s.value={...P}}e.provide(ao,{isInspectorEnabled:r,openInspector:l});const c=n.frontendTools,u=n.humanInTheLoop,d=n.renderCustomMessages,y=n.renderActivityMessages,w=n.openGenerativeUI?.sandboxFunctions;e.watch(()=>n.frontendTools,P=>{P!==c&&console.error(Jo)}),e.watch(()=>n.humanInTheLoop,P=>{P!==u&&console.error(Qo)}),e.watch(()=>n.renderCustomMessages,P=>{P!==d&&console.error(Xo)}),e.watch(()=>n.renderActivityMessages,P=>{P!==y&&console.error(Yo)}),e.watch(()=>n.openGenerativeUI?.sandboxFunctions,P=>{P!==w&&console.error(Zo)});const f=e.computed(()=>n.publicApiKey??n.publicLicenseKey),h=e.computed(()=>({...n.agents__unsafe_dev_only,...n.selfManagedAgents})),b=e.computed(()=>Object.keys(h.value).length>0),m=e.computed(()=>typeof n.headers=="function"?n.headers():n.headers),k=e.computed(()=>{const P=m.value;return!f.value||P[Ut]?P:{...P,[Ut]:f.value}}),g=e.computed(()=>n.runtimeUrl??(f.value?Go:void 0));e.watch([g,f,b],([P,ae,ne])=>{if(P||ae||ne)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 S=new Map,v=P=>{const ae=S.get(P);if(ae)return ae.detachAbort?.(),S.delete(P),ae},C=e.computed(()=>{const P=[],ae=[];for(const ne of n.humanInTheLoop)if(P.push({type:"human-in-the-loop",name:ne.name,description:ne.description,parameters:ne.parameters,followUp:ne.followUp,...ne.agentId&&{agentId:ne.agentId},handler:async(Te,Ie)=>{const ue=Ie?.signal,be=Ie?.toolCall?.id??ne.name;return new Promise((Me,se)=>{if(ue?.aborted){se(new Error(zt));return}const Ue={resolve:Me};if(S.set(be,Ue),ue){const U=()=>{S.delete(be),se(new Error(zt))};ue.addEventListener("abort",U,{once:!0}),Ue.detachAbort=()=>{ue.removeEventListener("abort",U)}}})}}),ne.render){const Te=ne.render,Ie=ue=>{const be=ue.toolCallId??ne.name;return e.h(Te,{...ue,name:ne.name==="*"?ue.name:ne.name,description:ne.description||"",agentId:ne.agentId,respond:ue.status===Z.ToolCallStatus.Executing?async Me=>{v(be)?.resolve(Me)}:void 0})};ae.push({name:ne.name,args:ne.parameters??Q.z.any(),render:Ie,...ne.agentId&&{agentId:ne.agentId}})}return{tools:P,renderToolCalls:ae}}),p=e.computed(()=>{const P=[];for(const ae of n.frontendTools)P.push(ae);for(const ae of E.value)P.push(ae);return P.push(...C.value.tools),P}),R=e.computed(()=>{const P=[...n.renderToolCalls??[]];for(const ae of[...n.frontendTools,...E.value])if(ae.render){const ne=ae.parameters??(ae.name==="*"?Q.z.any():void 0);ne&&P.push({name:ae.name,args:ne,render:ae.render})}return P.push(...C.value.renderToolCalls),P}),M=e.computed(()=>n.renderCustomMessages??[]),$=e.ref(!1),F=e.ref(!1),B=e.ref(void 0),L=e.ref(void 0),_=e.ref(!1),x=e.computed(()=>F.value||!!n.openGenerativeUI),I=e.computed(()=>!!n.a2ui?.catalog),D=e.computed(()=>$.value||I.value),A=e.computed(()=>I.value?{...n.properties,a2uiCatalogAvailable:!0}:n.properties),O=e.computed(()=>n.openGenerativeUI?.sandboxFunctions??[]),X=(P,ae)=>St.zodToJsonSchema(P,ae),E=e.computed(()=>x.value?[{name:"generateSandboxedUi",description:ta,parameters:bn,handler:async()=>"UI generated",followUp:!0,render:wn}]:[]),H=e.computed(()=>{const P=[{activityType:rn,content:ln,render:cn}];return x.value&&P.push({activityType:hn,content:vn,render:yn}),D.value&&P.unshift(dn({theme:n.a2ui?.theme??o,catalog:n.a2ui?.catalog,loadingComponent:n.a2ui?.loadingComponent})),P}),z=e.computed(()=>[...n.renderActivityMessages??[],...H.value]),q=P=>{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.`),P.setDefaultThrottleMs(n.defaultThrottleMs)},te=()=>{const P=new un({runtimeUrl:g.value,runtimeTransport:n.useSingleEndpoint===!0?"single":n.useSingleEndpoint===!1?"rest":"auto",headers:k.value,credentials:n.credentials,messageFilter:n.messageFilter,properties:A.value,agents__unsafe_dev_only:h.value,tools:p.value,renderToolCalls:R.value,renderActivityMessages:z.value,renderCustomMessages:M.value,debug:n.debug});return q(P),P},W=e.shallowRef(te()),ce=e.ref(!1),me=e.ref(new Set);e.watch(W,(P,ae,ne)=>{const Te=P.subscribe({onToolExecutionStart:({toolCallId:se})=>{me.value=new Set(me.value).add(se)},onToolExecutionEnd:({toolCallId:se})=>{setTimeout(()=>{const Ue=new Set(me.value);Ue.delete(se),me.value=Ue,e.triggerRef(W)},0)}}),Ie=P.subscribe({onRenderToolCallsChanged:()=>{e.triggerRef(W)}}),ue=P.subscribe({onRenderCustomMessagesChanged:()=>{e.triggerRef(W)}}),be=P.subscribe({onRuntimeConnectionStatusChanged:()=>{$.value=P.a2uiEnabled,F.value=P.openGenerativeUIEnabled,B.value=P.licenseStatus,L.value=P.runtimeEntitlements,_.value=P.runtimeEntitlementRetryPending,e.triggerRef(W)}}),Me=P.subscribe({onError:se=>{n.onError?.({error:se.error,code:se.code,context:se.context})}});ne(()=>{Te.unsubscribe(),Ie.unsubscribe(),ue.unsubscribe(),be.unsubscribe(),Me.unsubscribe()})},{immediate:!0}),e.watch([p],([P])=>{ce.value&&W.value.setTools(P)}),e.watch([R],([P])=>{ce.value&&W.value.setRenderToolCalls(P)}),e.watch([M],([P])=>{ce.value&&(W.value.setRenderCustomMessages(P),e.triggerRef(W))}),e.watch([z],([P])=>{ce.value&&(W.value.setRenderActivityMessages(P),e.triggerRef(W))});function ve(){W.value.setRuntimeUrl(g.value),W.value.setRuntimeTransport(n.useSingleEndpoint===!0?"single":n.useSingleEndpoint===!1?"rest":"auto"),W.value.setHeaders(k.value),W.value.setCredentials(n.credentials),W.value.setMessageFilter(n.messageFilter),W.value.setProperties(A.value),W.value.setAgents__unsafe_dev_only(h.value),W.value.setDebug(n.debug),q(W.value)}e.watch([()=>g.value,()=>k.value,()=>n.credentials,()=>n.messageFilter,()=>A.value,()=>h.value,()=>n.useSingleEndpoint,()=>n.debug],()=>{ce.value&&ve()}),e.watch(()=>n.defaultThrottleMs,()=>{ce.value&&(q(W.value),e.triggerRef(W))}),e.onMounted(()=>{ve(),$.value=W.value.a2uiEnabled,F.value=W.value.openGenerativeUIEnabled,B.value=W.value.licenseStatus,L.value=W.value.runtimeEntitlements,_.value=W.value.runtimeEntitlementRetryPending,ce.value=!0});const Be=e.computed(()=>n.a2ui?.theme),Fe=e.computed(()=>n.a2ui?.catalog),Ee=e.computed(()=>n.a2ui?.loadingComponent),De=e.computed(()=>n.a2ui?.includeSchema??!0);fo(W,()=>D.value),zo(W,{enabled:()=>D.value,catalog:()=>n.a2ui?.catalog,includeSchema:()=>n.a2ui?.includeSchema??!0});const xe=e.ref([]);e.watch([x,O,()=>n.openGenerativeUI?.designSkill],([P,ae,ne],Te,Ie)=>{if(!P)return;const ue=[];if(ue.push(W.value.addContext({description:"Design guidelines for the generateSandboxedUi tool. Follow these when building UI.",value:ne??ea})),ae.length>0){const be=JSON.stringify(ae.map(Me=>({name:Me.name,description:Me.description,parameters:j.schemaToJsonSchema(Me.parameters,{zodToJsonSchema:X})})));ue.push(W.value.addContext({description:"Sandbox functions available in generated sandboxed UI code. Call via Websandbox.connection.remote.<functionName>(args).",value:be}))}xe.value=ue,Ie(()=>{for(const be of ue)W.value.removeContext(be)})},{immediate:!0}),e.provide(an,{copilotkit:W,executingToolCallIds:me,a2uiTheme:Be,a2uiCatalog:Fe,a2uiLoadingComponent:Ee,a2uiIncludeSchema:De}),e.provide(sn,O);const ye=e.computed(()=>L.value?.status!=="ready"&&L.value?.error.retryable===!0),le=e.computed(()=>L.value!==void 0&&L.value.status!=="ready"),N=e.computed(()=>B.value==="valid"||B.value==="expiring"),Y=e.computed(()=>ye.value&&_.value&&!N.value),fe=e.computed(()=>le.value&&!Y.value&&!N.value),Ne=e.computed(()=>{const P=j.createLicenseContextValue(Y.value?void 0:B.value,L.value);return fe.value?{...P,checkFeature:()=>!1,getLimit:()=>null}:P});e.provide(It,Ne);const ge=e.computed(()=>Y.value?void 0:Ne.value.status??void 0),He=e.computed(()=>ge.value==="none"&&!f.value),_e=e.computed(()=>ge.value==="expired"),We=e.computed(()=>ge.value==="invalid"),qe=e.computed(()=>ge.value==="expiring");return(P,ae)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(P.$slots,"default"),a.value?(e.openBlock(),e.createBlock(on,{key:0,core:W.value,"open-request":s.value},null,8,["core","open-request"])):e.createCommentVNode("",!0),He.value?(e.openBlock(),e.createBlock(rt,{key:1,type:"no_license"})):e.createCommentVNode("",!0),_e.value?(e.openBlock(),e.createBlock(rt,{key:2,type:"expired"})):e.createCommentVNode("",!0),We.value?(e.openBlock(),e.createBlock(rt,{key:3,type:"invalid"})):e.createCommentVNode("",!0),qe.value?(e.openBlock(),e.createBlock(rt,{key:4,type:"expiring"})):e.createCommentVNode("",!0)],64))}}),Ve={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 oa(t,o){const n=Object.keys(t),a=Object.keys(o);if(n.length!==a.length)return!1;for(const i of n)if(t[i]!==o[i])return!1;return!0}function jt(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&&(jt(a)&&jt(n)&&oa(a,n)||(o.value=n))},{immediate:!0}),o}const xn="(max-width: 767px)";function _t(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia(xn).matches}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(kt,null),a=e.computed(()=>n?.value??null),i=e.computed(()=>o.threadId!==void 0&&o.hasExplicitThreadId!==!1),s=e.ref(null),r=Sn(e.computed(()=>o.labels)),l=e.computed(()=>({...Ve,...a.value?.labels,...r.value})),c=e.computed(()=>o.agentId??a.value?.agentId??j.DEFAULT_AGENT_ID),u=j.randomUUID(),d=e.computed(()=>i.value?o.threadId:s.value?s.value.threadId:o.threadId?o.threadId:a.value?.threadId?a.value.threadId:u),y=e.computed(()=>i.value?!0:(s.value?s.value.explicit:o.hasExplicitThreadId!==void 0?o.hasExplicitThreadId:!!o.threadId)||!!a.value?.hasExplicitThreadId),w=e.computed(()=>o.isModalDefaultOpen!==void 0),f=e.computed(()=>o.isModalDefaultOpen??!0),h=e.ref(a.value?.isModalOpen??f.value);function b(x){h.value=x}const m=e.computed(()=>w.value?h.value:a.value?.isModalOpen),k=e.computed(()=>w.value?b:a.value?.setModalOpen);function g(x,I){if(i.value){console.warn("[CopilotKit] Ignoring setActiveThreadId(): threadId is controlled via the `threadId` prop on CopilotChatConfigurationProvider.");return}s.value={threadId:x,explicit:I?.explicit??!0}}function S(){if(i.value){console.warn("[CopilotKit] Ignoring startNewThread(): threadId is controlled via the `threadId` prop on CopilotChatConfigurationProvider.");return}s.value={threadId:j.randomUUID(),explicit:!1}}const v=e.ref(!1),C=e.ref(0);function p(x){v.value=x,x&&_t()&&k.value?.(!1)}function R(){return C.value+=1,()=>{C.value=Math.max(0,C.value-1)}}const M=e.computed(()=>a.value?a.value.drawerOpen:v.value),$=e.computed(()=>a.value?a.value.setDrawerOpen:p),F=e.computed(()=>a.value?a.value.drawerRegistered:C.value>0),B=e.computed(()=>a.value?a.value.registerDrawer:R),L=e.computed(()=>{const x=k.value;if(x)return I=>{I&&_t()&&$.value?.(!1),x(I)}}),_=e.computed(()=>({labels:l.value,agentId:c.value,threadId:d.value,hasExplicitThreadId:y.value,isModalOpen:m.value,setModalOpen:L.value,drawerOpen:M.value,setDrawerOpen:$.value,drawerRegistered:F.value,registerDrawer:B.value,setActiveThreadId:g,startNewThread:S}));return e.provide(kt,_),(x,I)=>e.renderSlot(x.$slots,"default")}});function ot(){const t=e.inject(It,Cn(),!0);return e.computed(()=>t.value)}function pe(){const t=e.inject(kt,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 i(s,r){const l=r||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 r=t.surface.catalog.components.get(s.type);if(!r)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(r.render,{context:l,buildChild:i})}}}),aa=e.defineComponent({name:"A2uiSurface",props:{surface:{type:Object,required:!0}},setup(t){return()=>e.h(Tn,{surface:t.surface,id:"root",basePath:"/"})}}),sa=["data-activity-type","data-message-id"],ra={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"},ia={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"},la=["data-surface-id"],ca={class:"a2ui-surface cpk:flex cpk:flex-1"},Ht="default",In=e.defineComponent({__name:"A2UISurfaceActivityRenderer",props:{activityType:{},content:{},message:{},agent:{},theme:{},catalog:{}},setup(t){const o=t,{copilotkit:n}=Ce(),a=e.shallowRef(null),i=e.ref(0),s=e.ref(null);let r="";function l(){if(!a.value){const w=o.catalog??Xe;a.value=new ut.MessageProcessor([w],f=>{c(f)})}return a.value}async function c(w){if(o.agent)try{n.value.setProperties({...n.value.properties??{},a2uiAction:w}),await n.value.runAgent({agent:o.agent})}finally{const{a2uiAction:f,...h}=n.value.properties??{};n.value.setProperties(h)}}function u(w){if(!w?.length)return;const f=JSON.stringify(w);if(f===r)return;r=f;const h=l();try{const b=new Map;for(const m of w){const k=yt(m)??Ht;b.has(k)||b.set(k,[]),b.get(k).push(m)}for(const[m,k]of b){const S=h.model.getSurface(m)?k.filter(v=>!v?.createSurface):k;h.processMessages(S)}s.value=null}catch(b){console.warn("[A2UI Vue] processMessages error:",b),s.value=b instanceof Error?b.message:String(b)}i.value++}e.watch(()=>[o.content.operations,o.theme,o.catalog,o.agent],()=>{u(o.content.operations)},{deep:!0,immediate:!0}),e.onBeforeUnmount(()=>{a.value=null,r=""});const d=e.computed(()=>(o.content.operations??[]).length>0),y=e.computed(()=>{if(i.value,!a.value)return[];const w=[],f=new Map;for(const h of o.content.operations??[]){const b=yt(h)??Ht;f.has(b)||f.set(b,[]),f.get(b).push(h)}for(const[h]of f){const b=a.value.model.getSurface(h);b&&w.push({surfaceId:h,surface:b})}return w});return(w,f)=>d.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",ra," A2UI render error: "+e.toDisplayString(s.value),1)):(e.openBlock(),e.createElementBlock("div",ia,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.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",ca,[e.createVNode(e.unref(aa),{surface:h.surface},null,8,["surface"])])],8,la))),128))]))],8,sa)):e.createCommentVNode("",!0)}});function Rt(t,o){return t.find(n=>n.role==="tool"&&n.toolCallId===o)}function ua(t){return`tool-call-${t}`}function Rn(t,o,n){const a=o.filter(i=>i.name===t.function.name);return a.find(i=>i.agentId===n)??a.find(i=>!i.agentId)??a[0]??o.find(i=>i.name==="*")}function da(t,o,n){const a=Rt(o,t.id),i=j.partialJSONParse(t.function.arguments);if(a)return{name:t.function.name,args:i,status:Z.ToolCallStatus.Complete,result:a.content,toolCall:t,toolMessage:a};const s=n.has(t.id);return{name:t.function.name,args:i,status:s?Z.ToolCallStatus.Executing:Z.ToolCallStatus.InProgress,result:void 0,toolCall:t,toolMessage:void 0}}function pa(t,o,n){const a=Rt(o,t.id),i=j.partialJSONParse(t.function.arguments);return a?{name:t.function.name,toolCallId:t.id,args:i,status:Z.ToolCallStatus.Complete,result:a.content}:n.has(t.id)?{name:t.function.name,toolCallId:t.id,args:i,status:Z.ToolCallStatus.Executing,result:void 0}:{name:t.function.name,toolCallId:t.id,args:i&&typeof i=="object"?i:{},status:Z.ToolCallStatus.InProgress,result:void 0}}function ma(t,o,n,a,i=j.DEFAULT_AGENT_ID){return[t.id,t.function.name,t.function.arguments,Rt(o,t.id)?.content,n.has(t.id),Rn(t,a,i)?.render]}const fa=e.defineComponent({__name:"CopilotChatToolCallItem",props:{toolCall:{},messages:{default:()=>[]}},setup(t){const o=t,{copilotkit:n,executingToolCallIds:a}=Ce(),i=pe();function s(){return da(o.toolCall,o.messages,a.value)}function r(){return pa(o.toolCall,o.messages,a.value)}function l(){const u=i.value?.agentId??j.DEFAULT_AGENT_ID;return Rn(o.toolCall,n.value.renderToolCalls,u)}function c(){const u=i.value?.agentId??j.DEFAULT_AGENT_ID;return ma(o.toolCall,o.messages,a.value,n.value.renderToolCalls,u)}return(u,d)=>e.renderSlot(u.$slots,e.unref(ua)(t.toolCall.function.name),e.normalizeProps(e.guardReactiveProps(s())),()=>[e.renderSlot(u.$slots,"tool-call",e.normalizeProps(e.guardReactiveProps(s())),()=>[l()?e.withMemo(c(),()=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l()?.render),e.normalizeProps(e.mergeProps({key:0},r())),null,16)),d,0):e.createCommentVNode("",!0)])])}}),An=e.defineComponent({__name:"CopilotChatToolCallsView",props:{message:{},messages:{default:()=>[]}},setup(t){const o=e.useSlots();function n(){return Object.keys(o)}return(a,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.message.toolCalls??[],s=>(e.openBlock(),e.createBlock(fa,{key:s.id,"tool-call":s,messages:t.messages},e.createSlots({_:2},[e.renderList(n(),r=>({name:r,fn:e.withCtx(l=>[e.renderSlot(a.$slots,r,e.mergeProps({ref_for:!0},l??{}))])}))]),1032,["tool-call","messages"]))),128))}});let Wt=!1;function En(){e.onMounted(()=>{if(Wt||typeof document>"u")return;Wt=!0,import("katex/dist/katex.min.css").catch(()=>{console.warn("[CopilotKit] Failed to load katex styles — math content may render without formatting")})})}const ga=["data-message-id"],ha={class:"cpk:w-full cpk:bg-transparent cpk:flex cpk:items-center cpk:-ml-[5px] cpk:-mt-[0px]"},va={class:"cpk:flex cpk:items-center cpk:gap-1"},ba=["aria-label","title"],ka=["aria-label","title"],ya=["aria-label","title"],wa=["aria-label","title"],Ca=["aria-label","title"],qt="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",Kt="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",Gt="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",Mn=e.defineComponent({__name:"CopilotChatAssistantMessage",props:{message:{},messages:{default:()=>[]},isRunning:{type:Boolean,default:!1},toolbarVisible:{type:Boolean,default:!0},onThumbsUp:{},onThumbsDown:{},onReadAloud:{},onRegenerate:{}},emits:["thumbs-up","thumbs-down","read-aloud","regenerate"],setup(t,{emit:o}){En();const n=t,a=o,i=pe(),s=e.computed(()=>i.value?.labels??Ve),r=e.ref(!1);let l=null;const 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 u(E,H){try{const q=new URL(E,"https://copilotkit.local").pathname.split("/").filter(Boolean).pop();if(q)return decodeURIComponent(q)}catch{return H}return H}function d(E,H){if(typeof document>"u")return;const z=document.createElement("a");z.href=E,z.download=H,z.rel="noopener noreferrer",document.body.appendChild(z),z.click(),document.body.removeChild(z)}function y(E){const H=Array.from(E.querySelectorAll("thead th")).map(q=>(q.textContent??"").trim()),z=Array.from(E.querySelectorAll("tbody tr")).map(q=>Array.from(q.querySelectorAll("td")).map(te=>(te.textContent??"").trim()));return{headers:H,rows:z}}function w(E,H){const z=te=>{const W=te.includes(H)||te.includes('"')||te.includes(`
|
|
67
|
-
`),ce=te.replace(/"/g,'""');return W?`"${ce}"`:ce},q=[];E.headers.length>0&&q.push(E.headers.map(z).join(H));for(const te of E.rows)q.push(te.map(z).join(H));return q.join(`
|
|
68
|
-
`)}function f(E){if(E.headers.length===0)return E.rows.map(q=>`| ${q.join(" | ")} |`).join(`
|
|
69
|
-
`);const H=`| ${E.headers.map(()=>"---").join(" | ")} |`,z=E.rows.map(q=>`| ${q.join(" | ")} |`);return[`| ${E.headers.join(" | ")} |`,H,...z].join(`
|
|
70
|
-
`)}function h(E,H,z){if(typeof document>"u")return;const q=new Blob([E],{type:z}),te=URL.createObjectURL(q);d(te,H),URL.revokeObjectURL(te)}const b=e.defineComponent({name:"CopilotMarkdownImage",inheritAttrs:!1,props:{src:{type:String,default:""},alt:{type:String,default:""}},setup(E,{attrs:H}){async function z(){if(!E.src)return;const q=u(E.src,"image");try{const te=await fetch(E.src);if(!te.ok)throw new Error("Failed to fetch image");const W=await te.blob(),ce=URL.createObjectURL(W);d(ce,q),URL.revokeObjectURL(ce)}catch{d(E.src,q)}}return()=>{const q={...H,src:E.src,alt:E.alt,class:["cpk:max-w-full cpk:rounded-lg",H.class].filter(Boolean).join(" "),"data-streamdown":"image"};return delete q.className,e.h("div",{class:"cpk:group cpk:relative cpk:my-4 cpk:inline-block","data-streamdown":"image-wrapper"},[e.h("img",q),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:z},[e.h(oe.Download,{class:"cpk:size-[14px]"})])])}}}),m=e.defineComponent({name:"CopilotMarkdownTable",inheritAttrs:!1,setup(E,{attrs:H,slots:z}){const q=e.ref(null),te=e.ref(!1),W=e.ref(!1),ce=e.ref(!1);let me=null;const ve=()=>{te.value=!1,W.value=!1},Be=()=>{me&&clearTimeout(me),ce.value=!0,me=setTimeout(()=>{ce.value=!1,me=null},2e3)},Fe=()=>q.value?q.value.querySelector("table"):null,Ee=()=>{const le=Fe();return le?y(le):null},De=async le=>{const N=Ee();if(!N)return;const fe=w(N,le==="csv"?",":" ");if(typeof navigator<"u"&&navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(fe)}catch{return}ve(),Be()},xe=le=>{const N=Ee();N&&(le==="csv"?h(w(N,","),"table.csv","text/csv"):h(f(N),"table.md","text/markdown"),ve())},ye=le=>{if(!q.value)return;const N=le.target;N&&!q.value.contains(N)&&ve()};return e.onMounted(()=>{typeof document<"u"&&document.addEventListener("mousedown",ye)}),e.onBeforeUnmount(()=>{me&&clearTimeout(me),typeof document<"u"&&document.removeEventListener("mousedown",ye)}),()=>{const le={...H,class:["cpk:w-full cpk:border-collapse cpk:border cpk:border-border",H.class].filter(Boolean).join(" "),"data-streamdown":"table"};return delete le.className,e.h("div",{ref:q,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:qt,title:"Copy table",onClick:()=>{te.value=!te.value,W.value=!1}},[ce.value?e.h(oe.Check,{class:"cpk:size-[14px]"}):e.h(oe.Copy,{class:"cpk:size-[14px]"})]),te.value?e.h("div",{class:Kt},[e.h("button",{type:"button",class:it,title:"Copy table as CSV",onClick:()=>De("csv")},"CSV"),e.h("button",{type:"button",class:it,title:"Copy table as TSV",onClick:()=>De("tsv")},"TSV")]):null]),e.h("div",{class:"cpk:relative"},[e.h("button",{type:"button",class:qt,title:"Download table",onClick:()=>{W.value=!W.value,te.value=!1}},[e.h(oe.Download,{class:"cpk:size-[14px]"})]),W.value?e.h("div",{class:Kt},[e.h("button",{type:"button",class:it,title:"Download table as CSV",onClick:()=>xe("csv")},"CSV"),e.h("button",{type:"button",class:it,title:"Download table as Markdown",onClick:()=>xe("markdown")},"Markdown")]):null])]),e.h("div",{class:"cpk:overflow-x-auto"},[e.h("table",le,z.default?z.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"},g=e.defineComponent({name:"CopilotCodeBlockCopyAction",props:{code:{type:String,default:""}},setup(E){const H=e.ref(!1);let z=null;const q=async()=>{if(E.code){if(typeof navigator<"u"&&navigator.clipboard?.writeText)try{await navigator.clipboard.writeText(E.code)}catch{return}z&&clearTimeout(z),H.value=!0,z=setTimeout(()=>{H.value=!1,z=null},2e3)}};return e.onBeforeUnmount(()=>{z&&clearTimeout(z)}),()=>e.h("button",{type:"button",class:Gt,title:"Copy Code","data-streamdown":"code-block-copy-button",onClick:q},[H.value?e.h(oe.Check,{class:"cpk:size-[14px]"}):e.h(oe.Copy,{class:"cpk:size-[14px]"})])}}),S=e.defineComponent({name:"CopilotCodeBlockDownloadAction",props:{code:{type:String,default:""},language:{type:String,default:""}},setup(E){const H=()=>{if(!E.code)return;const z=k[E.language.toLowerCase()]??"txt";h(E.code,`file.${z}`,"text/plain")};return()=>e.h("button",{type:"button",class:Gt,title:"Download file","data-streamdown":"code-block-download-button",onClick:H},[e.h(oe.Download,{class:"cpk:size-[14px]"})])}}),v={img:b,table:m};function C(E){return E?typeof E=="string"?E:Array.isArray(E)?E.map(z=>z&&typeof z=="object"&&"type"in z&&z.type==="text"&&typeof z.text=="string"?z.text:"").filter(z=>z.length>0).join(`
|
|
71
|
-
`):"":""}const p=e.computed(()=>C(n.message.content)),R=e.computed(()=>p.value.trim().length>0),M=e.computed(()=>typeof n.onThumbsUp=="function"),$=e.computed(()=>typeof n.onThumbsDown=="function"),F=e.computed(()=>typeof n.onReadAloud=="function"),B=e.computed(()=>typeof n.onRegenerate=="function"),L=e.computed(()=>n.messages[n.messages.length-1]?.id===n.message.id),_=e.computed(()=>n.toolbarVisible&&R.value&&!(n.isRunning&&L.value));function x(){l&&clearTimeout(l),r.value=!0,l=setTimeout(()=>{r.value=!1,l=null},2e3)}async function I(){const E=p.value;if(E&&!(typeof navigator>"u"||typeof navigator.clipboard?.writeText!="function"))try{await navigator.clipboard.writeText(E),x()}catch(H){console.error("Failed to copy to clipboard:",H)}}function D(){a("thumbs-up",n.message)}function A(){a("thumbs-down",n.message)}function O(){a("read-aloud",n.message)}function X(){a("regenerate",n.message)}return e.onBeforeUnmount(()=>{l&&clearTimeout(l)}),(E,H)=>e.renderSlot(E.$slots,"layout",{message:t.message,content:p.value,isRunning:t.isRunning,toolbarVisible:t.toolbarVisible,shouldShowToolbar:_.value,messageRenderer:E.$slots["message-renderer"]??(()=>null),toolbar:E.$slots.toolbar??(()=>null),copyButton:E.$slots["copy-button"]??(()=>null),thumbsUpButton:E.$slots["thumbs-up-button"]??(()=>null),thumbsDownButton:E.$slots["thumbs-down-button"]??(()=>null),readAloudButton:E.$slots["read-aloud-button"]??(()=>null),regenerateButton:E.$slots["regenerate-button"]??(()=>null),toolCallsView:E.$slots["tool-calls-view"]??(()=>null),onCopy:I,onThumbsUp:D,onThumbsDown:A,onReadAloud:O,onRegenerate:X},()=>[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},E.$attrs),[e.renderSlot(E.$slots,"message-renderer",{message:t.message,content:p.value},()=>[R.value?(e.openBlock(),e.createBlock(e.unref(nn.StreamMarkdown),{key:0,class:"copilot-chat-assistant-markdown",content:p.value,components:v,"code-block-actions":[e.unref(S),e.unref(g)],"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(E.$slots,"tool-calls-view",{message:t.message,messages:t.messages},()=>[e.createVNode(An,{message:t.message,messages:t.messages},e.createSlots({_:2},[e.renderList(E.$slots,(z,q)=>({name:q,fn:e.withCtx(te=>[e.renderSlot(E.$slots,q,e.normalizeProps(e.guardReactiveProps(te)))])}))]),1032,["message","messages"])]),_.value?e.renderSlot(E.$slots,"toolbar",{key:0,message:t.message,shouldShowToolbar:_.value},()=>[e.createElementVNode("div",ha,[e.createElementVNode("div",va,[e.renderSlot(E.$slots,"copy-button",{onCopy:I,copied:r.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:I},[r.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,ba)]),M.value||E.$slots["thumbs-up-button"]?e.renderSlot(E.$slots,"thumbs-up-button",{key:0,onThumbsUp:D,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:D},[e.createVNode(e.unref(oe.ThumbsUp),{class:"cpk:size-[18px]"})],10,ka)]):e.createCommentVNode("",!0),$.value||E.$slots["thumbs-down-button"]?e.renderSlot(E.$slots,"thumbs-down-button",{key:1,onThumbsDown:A,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:A},[e.createVNode(e.unref(oe.ThumbsDown),{class:"cpk:size-[18px]"})],10,ya)]):e.createCommentVNode("",!0),F.value||E.$slots["read-aloud-button"]?e.renderSlot(E.$slots,"read-aloud-button",{key:2,onReadAloud:O,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:O},[e.createVNode(e.unref(oe.Volume2),{class:"cpk:size-[20px]"})],10,wa)]):e.createCommentVNode("",!0),B.value||E.$slots["regenerate-button"]?e.renderSlot(E.$slots,"regenerate-button",{key:3,onRegenerate:X,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:X},[e.createVNode(e.unref(oe.RefreshCw),{class:"cpk:size-[18px]"})],10,Ca)]):e.createCommentVNode("",!0),e.renderSlot(E.$slots,"toolbar-items")])])]):e.createCommentVNode("",!0)],16,ga)])}});class Ge 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),i=e.ref("idle"),s=e.ref(null),r=e.ref(null),l=e.ref(null),c=e.ref(null),u=e.ref(null),d=e.ref([]),y=e.ref([]),w=e.ref(0),f=e.ref(0),h=e.ref(0);function b(){u.value!==null&&(cancelAnimationFrame(u.value),u.value=null);const v=s.value;if(v&&v.state!=="inactive")try{v.stop()}catch{}r.value&&(r.value.getTracks().forEach(p=>p.stop()),r.value=null);const C=c.value;C&&C.state!=="closed"&&C.close().catch(()=>{}),s.value=null,l.value=null,c.value=null,d.value=[],y.value=[],w.value=0,f.value=0,h.value=0}async function m(){if(i.value!=="idle")throw new Ge("Recorder is already active");try{const v=await navigator.mediaDevices.getUserMedia({audio:!0});r.value=v;const C=new AudioContext;c.value=C;const p=C.createMediaStreamSource(v),R=C.createAnalyser();R.fftSize=2048,p.connect(R),l.value=R;const M=MediaRecorder.isTypeSupported("audio/webm;codecs=opus")?"audio/webm;codecs=opus":MediaRecorder.isTypeSupported("audio/webm")?"audio/webm":MediaRecorder.isTypeSupported("audio/mp4")?"audio/mp4":"",$=M?{mimeType:M}:{},F=new MediaRecorder(v,$);s.value=F,d.value=[],F.ondataavailable=B=>{B.data.size>0&&d.value.push(B.data)},F.start(100),i.value="recording"}catch(v){throw b(),v instanceof Error&&v.name==="NotAllowedError"?new Ge("Microphone permission denied"):v instanceof Error&&v.name==="NotFoundError"?new Ge("No microphone found"):new Ge(v instanceof Error?v.message:"Failed to start recording")}}function k(){return new Promise((v,C)=>{const p=s.value;if(!p||i.value!=="recording"){C(new Ge("No active recording"));return}i.value="processing",p.onstop=()=>{const R=new Blob(d.value,{type:p.mimeType||"audio/webm"});b(),i.value="idle",v(R)},p.onerror=()=>{b(),i.value="idle",C(new Ge("Recording failed"))},p.stop()})}function g(v){let C=0;for(let p=0;p<v.length;p+=1){const R=(v[p]??128)/128-1;C+=R*R}return Math.sqrt(C/v.length)}function S(){const v=a.value;if(!v)return;const C=v.getContext("2d");if(!C)return;const p=v.getBoundingClientRect(),R=window.devicePixelRatio||1;(v.width!==p.width*R||v.height!==p.height*R)&&(v.width=p.width*R,v.height=p.height*R,C.scale(R,R));const M=2,F=M+1,B=Math.floor(p.width/F)+2;if(l.value&&i.value==="recording"){y.value.length===0&&(y.value=Array.from({length:B},()=>0)),h.value<1&&(h.value=Math.min(1,h.value+.03)),w.value+=1/3;const D=l.value.fftSize,A=new Uint8Array(D);l.value.getByteTimeDomainData(A);const O=g(A),H=O>f.value?.12:.08;f.value+=(O-f.value)*H,w.value>=F&&(w.value-=F,y.value.push(f.value),y.value.length>B&&(y.value=y.value.slice(-B)))}C.clearRect(0,0,p.width,p.height);const L=window.getComputedStyle(v);C.fillStyle=L.color,C.globalAlpha=h.value;const _=p.height/2,x=p.height/2-2,I=12;for(let D=0;D<y.value.length;D+=1){const A=y.value[D]??0,O=Math.min(A*4,1),X=Math.max(2,O*x*2),E=p.width-(y.value.length-D)*F-w.value,H=_-X/2;if(E+M<=0||E>=p.width)continue;let z=1;E<I?z=Math.max(0,E/I):E>p.width-I&&(z=Math.max(0,(p.width-E)/I)),C.globalAlpha=h.value*z,C.fillRect(E,H,M,X)}u.value=requestAnimationFrame(S)}return e.watch(i,()=>{u.value!==null&&(cancelAnimationFrame(u.value),u.value=null),u.value=requestAnimationFrame(S)},{immediate:!0}),e.onBeforeUnmount(()=>{b()}),o({get state(){return i.value},start:m,stop:k,dispose:b}),(v,C)=>(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))}}),At=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,i)=>(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 Bn=(t=>(t.OnMessagesChanged="OnMessagesChanged",t.OnStateChanged="OnStateChanged",t.OnRunStatusChanged="OnRunStatusChanged",t))(Bn||{});const Sa=["OnMessagesChanged","OnStateChanged","OnRunStatusChanged"];function ft(t={}){const o=t.threadId!==void 0,n=t.runtimeAgentId!==void 0,a=t.agentId!==void 0;if(o&&!n)throw new Error('useAgent: `threadId` requires `runtimeAgentId`. A threadId is written onto a single agent, but an agent resolved by agentId alone is shared, so scoping a thread to it would clobber other useAgent callers. Pass a distinct local `agentId` and the runtime agent to route to, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "assistant", threadId }).');if(n&&!o)throw new Error("useAgent: `runtimeAgentId` requires `threadId`. A proxied agent exists to scope a thread to a private instance; without a threadId it behaves like the shared agent while adding a registration and a local agentId to keep unique. Either pass the thread, or bind to the agent directly with useAgent({ agentId }).");if(n&&!a)throw new Error(`useAgent: \`runtimeAgentId\` requires an explicit \`agentId\`. The proxied agent is registered under \`agentId\`, and the usual fallbacks (chat configuration, then "${j.DEFAULT_AGENT_ID}") name agents that already exist — registering over one throws or shadows it. Pick a local id for this hook, e.g. useAgent({ agentId: "chat-1", runtimeAgentId: "assistant", threadId }).`);const i=n,s=pe(),r=e.computed(()=>e.toValue(t.agentId)??s.value?.agentId??j.DEFAULT_AGENT_ID),l=e.computed(()=>i?e.toValue(t.runtimeAgentId):void 0),c=e.computed(()=>e.toValue(t.threadId)??(s.value?.hasExplicitThreadId?s.value.threadId:void 0)),{copilotkit:u}=Ce(),d=e.computed(()=>t.updates??Sa),y=e.computed(()=>u.value.defaultThrottleMs),w=e.computed(()=>e.toValue(t.throttleMs)),f=e.shallowRef(null),h=e.shallowRef(null),b=new Map,m=(S,v,C,p)=>{const R=new Z.ProxiedCopilotRuntimeAgent({runtimeUrl:v,agentId:S,transport:C,runtimeMode:"pending"});return R.headers={...p},R},k=e.shallowRef(null);i&&e.watch([r,l,()=>u.value],([S,v],C,p)=>{const{agent:R,unregister:M}=u.value.registerProxiedAgent({agentId:S,runtimeAgentId:v});b.delete(S),k.value=R,p(()=>{M(),k.value=null})},{immediate:!0});const g=()=>{const S=r.value,v=u.value;if(i){const F=k.value;if(F){b.delete(S);const _=f.value===F;f.value=F,h.value=F,_&&e.triggerRef(f);return}const B=b.get(S);if(B){B.headers={...v.headers},f.value=B,h.value=B;return}const L=new Z.ProxiedCopilotRuntimeAgent({runtimeUrl:v.runtimeUrl,agentId:S,runtimeAgentId:l.value,transport:v.runtimeTransport,runtimeMode:"pending"});L.headers={...v.headers},b.set(S,L),f.value=L,h.value=L;return}const C=v.getAgent(S);if(C){b.delete(S);const F=f.value===C;f.value=C,h.value=C,F&&e.triggerRef(f);return}const p=v.runtimeUrl!==void 0,R=v.runtimeConnectionStatus;if(p&&(R===Z.CopilotKitCoreRuntimeConnectionStatus.Disconnected||R===Z.CopilotKitCoreRuntimeConnectionStatus.Connecting||R===Z.CopilotKitCoreRuntimeConnectionStatus.Error)){const F=b.get(S);if(F){F.headers={...v.headers},f.value=F,h.value=F;return}const B=m(S,v.runtimeUrl,v.runtimeTransport,v.headers);b.set(S,B),f.value=B,h.value=B;return}const M=Object.keys(v.agents??{}),$=p?`runtimeUrl=${v.runtimeUrl}`:"no runtimeUrl";throw new Error(`useAgent: Agent '${S}' not found after runtime sync (${$}). `+(M.length?`Known agents: [${M.join(", ")}]`:"No agents registered.")+" Verify your runtime /info and/or agents__unsafe_dev_only.")};return e.watch([r,k,()=>u.value.agents,()=>u.value.runtimeConnectionStatus,()=>u.value.runtimeUrl,()=>u.value.runtimeTransport,()=>JSON.stringify(Object.entries(u.value.headers??{}).sort(([S],[v])=>S.localeCompare(v)))],g,{immediate:!0}),e.watch([()=>f.value,c],([S,v])=>{!S||!v||(S.threadId=v)},{immediate:!0}),e.watch([h,()=>JSON.stringify(Object.entries(u.value.headers??{}).sort(([S],[v])=>S.localeCompare(v)))],([S])=>{S instanceof Qe.HttpAgent&&(S.headers={...u.value.headers})},{immediate:!0}),e.watch([h,d,w,y],([S,v],C,p)=>{const R=v;if(!S||R.length===0)return;let M=!0,$=!1;const F=()=>{M&&($||($=!0,queueMicrotask(()=>{$=!1,M&&e.triggerRef(f)})))},B={};R.includes("OnMessagesChanged")&&(B.onMessagesChanged=()=>{M&&e.triggerRef(f)}),R.includes("OnStateChanged")&&(B.onStateChanged=F),R.includes("OnRunStatusChanged")&&(B.onRunInitialized=F,B.onRunFinalized=F,B.onRunFailed=F,B.onRunErrorEvent=F);const L=u.value.subscribeToAgentWithOptions(S,B,{throttleMs:e.toValue(t.throttleMs)});p(()=>{M=!1,L.unsubscribe()})},{immediate:!0}),{agent:f}}function Fn(t={}){const{copilotkit:o}=Ce(),n=pe(),a=e.computed(()=>e.toValue(t.agentId)??n.value?.agentId??j.DEFAULT_AGENT_ID),i=e.ref([]),s=e.ref(!1),r=()=>{const u=o.value.getSuggestions(a.value);i.value=u.suggestions,s.value=u.isLoading};return e.watch([()=>o.value,a],()=>r(),{immediate:!0}),e.watch([()=>o.value,a],(u,d,y)=>{const w=o.value,f=a.value,h=w.subscribe({onSuggestionsChanged:({agentId:b,suggestions:m})=>{if(b!==f)return;i.value=m;const k=w.getSuggestions(f);s.value=k.isLoading},onSuggestionsStartedLoading:({agentId:b})=>{b===f&&(s.value=!0)},onSuggestionsFinishedLoading:({agentId:b})=>{b===f&&(s.value=!1)},onSuggestionsConfigChanged:()=>{const b=w.getSuggestions(f);i.value=b.suggestions,s.value=b.isLoading}});y(()=>h.unsubscribe())},{immediate:!0}),{suggestions:i,isLoading:s,reloadSuggestions:()=>{o.value.reloadSuggestions(a.value)},clearSuggestions:()=>{o.value.clearSuggestions(a.value)}}}function Nn(t){const o=e.shallowRef([]),n=e.ref(!1),a=e.ref(null),i=e.ref(null),s=e.ref(e.toValue(t.config)),r=e.shallowRef(o.value),l=e.computed(()=>s.value?.enabled??!1);e.watch(()=>e.toValue(t.config),g=>{s.value=g},{immediate:!0});const c=g=>{o.value=g,r.value=g},u=g=>{c(g(r.value))};async function d(g){const S=s.value,v=S?.accept??"*/*",C=S?.maxSize??20*1024*1024,p=g.filter(M=>!j.matchesAcceptFilter(M,v));for(const M of p)S?.onUploadFailed?.({reason:"invalid-type",file:M,message:`File "${M.name}" is not accepted. Supported types: ${v}`});const R=g.filter(M=>j.matchesAcceptFilter(M,v));for(const M of R){if(j.exceedsMaxSize(M,C)){S?.onUploadFailed?.({reason:"file-too-large",file:M,message:`File "${M.name}" exceeds the maximum size of ${j.formatFileSize(C)}`});continue}const $=j.getModalityFromMimeType(M.type),F=j.randomUUID();u(B=>[...B,{id:F,type:$,source:{type:"data",value:"",mimeType:M.type},filename:M.name,size:M.size,status:"uploading"}]);try{let B,L;if(S?.onUpload){const x=await S.onUpload(M),{metadata:I,...D}=x;B=D,L=I}else B={type:"data",value:await j.readFileAsBase64(M),mimeType:M.type};let _;$==="video"&&(_=await j.generateVideoThumbnail(M)),u(x=>x.map(I=>I.id===F?{...I,source:B,status:"ready",thumbnail:_,metadata:L}:I))}catch(B){u(L=>L.filter(_=>_.id!==F)),console.error(`[CopilotKit] Failed to upload "${M.name}":`,B),S?.onUploadFailed?.({reason:"upload-failed",file:M,message:B instanceof Error?B.message:`Failed to upload "${M.name}"`})}}}async function y(g){const S=g.target;S?.files?.length&&(await d(Array.from(S.files)),S&&(S.value=""))}function w(g){l.value&&(g.preventDefault(),g.stopPropagation(),n.value=!0)}function f(g){g.preventDefault(),g.stopPropagation(),n.value=!1}async function h(g){if(g.preventDefault(),g.stopPropagation(),n.value=!1,!l.value)return;const S=Array.from(g.dataTransfer?.files??[]);S.length>0&&await d(S)}function b(g){u(S=>S.filter(v=>v.id!==g))}function m(){const g=r.value.filter(S=>S.status==="ready");return g.length===0||(u(S=>S.filter(v=>v.status!=="ready")),a.value&&(a.value.value="")),g}async function k(g){if(!l.value)return;const S=g.target;if(!S||!i.value?.contains(S))return;const v=s.value?.accept??"*/*",p=Array.from(g.clipboardData?.items??[]).filter(M=>{if(M.kind!=="file")return!1;const $=M.getAsFile();return $!==null&&j.matchesAcceptFilter($,v)});if(p.length===0)return;g.preventDefault();const R=p.map(M=>M.getAsFile()).filter(M=>M!==null);await d(R)}return e.onMounted(()=>{typeof document<"u"&&document.addEventListener("paste",k)}),e.onBeforeUnmount(()=>{typeof document<"u"&&document.removeEventListener("paste",k)}),{attachments:o,enabled:l,dragOver:n,fileInputRef:a,containerRef:i,processFiles:d,handleFileUpload:y,handleDragOver:w,handleDragLeave:f,handleDrop:h,removeAttachment:b,consumeAttachments:m}}async function xa(t){return await new Promise((o,n)=>{const a=new FileReader;a.onloadend=()=>{const i=a.result;o(i.split(",")[1]??"")},a.addEventListener("error",()=>n(new Error("Failed to read audio data"))),a.readAsDataURL(t)})}function Ta(t){return typeof t=="object"&&t!==null&&"error"in t&&"message"in t&&typeof t.error=="string"&&typeof t.message=="string"}function Ia(t){return{code:t.error,message:t.message,retryable:t.retryable??!1}}class Je extends Error{info;constructor(o){super(o.message),this.name="TranscriptionError",this.info=o}}async function Ra(t,o,n="recording.webm"){const a=t.runtimeUrl;if(!a)throw new Je({code:j.TranscriptionErrorCode.INVALID_REQUEST,message:"Runtime URL is not configured",retryable:!1});const i={...t.headers};let s;try{if(t.runtimeTransport==="single"){const r=await xa(o);i["Content-Type"]="application/json",s=await fetch(a,{method:"POST",headers:i,body:JSON.stringify({method:"transcribe",body:{audio:r,mimeType:o.type||"audio/webm",filename:n}})})}else{delete i["Content-Type"];const r=new FormData;r.append("audio",o,n),s=await fetch(`${a}/transcribe`,{method:"POST",headers:i,body:r})}}catch(r){throw new Je({code:j.TranscriptionErrorCode.NETWORK_ERROR,message:r instanceof Error?r.message:"Network request failed",retryable:!0})}if(!s.ok){let r;try{r=await s.json()}catch{throw new Je({code:j.TranscriptionErrorCode.PROVIDER_ERROR,message:`HTTP ${s.status}: ${s.statusText}`,retryable:s.status>=500})}throw Ta(r)?new Je(Ia(r)):new Je({code:j.TranscriptionErrorCode.PROVIDER_ERROR,message:typeof r=="object"&&r!==null&&"message"in r?String(r.message):"Transcription failed",retryable:s.status>=500})}return await s.json()}function Vn(){const t=typeof window<"u"?window.innerHeight:0,o=e.ref(!1),n=e.ref(0),a=e.ref(t),i=e.ref(t),s=()=>{if(typeof window>"u")return;const l=window.visualViewport;if(!l)return;const c=window.innerHeight,u=l.height,d=Math.max(0,c-u),y=d>150;n.value=d,o.value=y,a.value=u,i.value=c};let r=null;return e.onMounted(()=>{typeof window>"u"||(r=window.visualViewport??null,r&&(s(),r.addEventListener("resize",s),r.addEventListener("scroll",s)))}),e.onBeforeUnmount(()=>{r&&(r.removeEventListener("resize",s),r.removeEventListener("scroll",s),r=null)}),{isKeyboardOpen:e.readonly(o),keyboardHeight:e.readonly(n),availableHeight:e.readonly(a),viewportHeight:e.readonly(i)}}const Aa={id:null,sendNonce:0},Dn=Symbol("LastUserMessage");function Ea(){return e.ref({...Aa})}function Ma({scrollRef:t,contentRef:o,spacerRef:n,topOffset:a=16}){const i=e.inject(Dn,Ea(),!0);let s=-1,r=null,l=null;function c(){r!==null&&typeof cancelAnimationFrame=="function"&&cancelAnimationFrame(r),r=null,l?.disconnect(),l=null}e.watch([()=>i.value.id,()=>i.value.sendNonce,t,o,n,()=>a],([u,d,y,w,f],h,b)=>{if(b(c),d===s||(s=d,!u)||!y||!w||!f)return;const m=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(u):u.replace(/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g,"\\$&"),k=w.querySelector(`[data-message-id="${m}"]`);if(!k)return;const g=y.clientHeight,S=k.getBoundingClientRect().height,v=parseFloat(getComputedStyle(k).paddingTop)||0,C=Math.max(0,S-v),p=Math.max(0,g-C-a);f.style.height=`${p}px`,typeof requestAnimationFrame=="function"&&(r=requestAnimationFrame(()=>{const R=Jt(k,y)+v-a;y.scrollTo({top:Math.max(0,R),behavior:"smooth"})})),typeof ResizeObserver<"u"&&(l=new ResizeObserver(()=>{if(!w||!f||!y)return;const R=w.getBoundingClientRect().height,M=Jt(k,w),$=R-M-S,F=Math.max(0,p-$);f.style.height=`${F}px`}),l.observe(w))},{immediate:!0,flush:"post"})}function Jt(t,o){const n=t.getBoundingClientRect(),a=o.getBoundingClientRect();return n.top-a.top+o.scrollTop}const $a={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"},Ba=["data-layout"],Fa=["data-layout"],Na=["aria-label","disabled"],Va={key:0,class:"cpk:my-1 cpk:h-px cpk:bg-border cpk:dark:bg-[#333333]"},Da=["onClick"],Oa={key:1,class:"cpk:flex cpk:w-full cpk:items-center cpk:justify-center cpk:px-5 cpk:py-3"},La=["value","placeholder","disabled"],Pa={key:0,class:"cpk:px-3 cpk:py-2 cpk:text-sm cpk:text-muted-foreground"},Ua=["data-slash-index","aria-selected","data-active","onMouseenter","onMousedown"],za=["aria-label","disabled"],ja=["aria-label","disabled"],_a=["aria-label","disabled"],Ha={class:"cpk:mr-[10px]"},Wa=["disabled"],qa={"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"},et=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},onSubmitMessage:{},onStop:{},onAddFile:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},onFinishTranscribeWithAudio:{}},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,i=e.useAttrs(),s=pe(),r=e.ref(null),l=e.ref(null),c=e.ref(null),u=e.ref(null),d=e.ref(null),y=e.ref(null),w=e.ref(null),f=e.ref(null),h=e.ref(n.modelValue??""),b=e.ref(!1),m=e.ref("compact"),k=e.ref(null),g=e.ref(0),S=e.ref(null),v=e.ref(!1),C=e.ref({singleLineHeight:0,maxHeight:0,paddingLeft:0,paddingRight:0}),p=e.ref(null),R=e.ref(!1),M=e.ref(null),$=e.ref(null),F=e.ref(!1),B=e.ref(!1);let L=null,_=null;const x=e.computed(()=>n.modelValue!==void 0),I=e.computed(()=>x.value?n.modelValue??"":h.value),D=e.computed(()=>s.value?.labels??Ve),A=e.computed(()=>n.placeholder??D.value.chatInputPlaceholder),O=e.computed(()=>n.mode==="input"&&m.value==="expanded"),X=e.computed(()=>n.mode!=="transcribe"&&n.isRunning),E=e.computed(()=>n.showDisclaimer??n.positioning==="absolute"),H=e.computed(()=>typeof n.onSubmitMessage=="function"),z=e.computed(()=>typeof n.onStop=="function"),q=e.computed(()=>typeof n.onAddFile=="function"),te=e.computed(()=>typeof n.onStartTranscribe=="function"),W=e.computed(()=>typeof n.onCancelTranscribe=="function"),ce=e.computed(()=>typeof n.onFinishTranscribe=="function"||typeof n.onFinishTranscribeWithAudio=="function"),me=e.computed(()=>n.mode==="input"&&!n.disabled&&H.value&&I.value.trim().length>0),ve=e.computed(()=>X.value?!z.value:!me.value),Be=e.computed(()=>[n.positioning==="absolute"&&"cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none",i.class]),Fe=e.computed(()=>{const T={...i};return delete T.class,T});function Ee(T){return Array.isArray(T.items)}function De(){return q.value?{label:D.value.chatInputToolbarAddButtonLabel,action:()=>a("add-file")}:null}function xe(){const T=[],V=De();if(V&&T.push(V),n.toolsMenu.length>0){T.length>0&&T.push("-");for(const K of n.toolsMenu){if(K==="-"){if(T.length===0||T[T.length-1]==="-")continue;T.push("-");continue}T.push(K)}}for(;T.length>0&&T[T.length-1]==="-";)T.pop();return T}const ye=e.computed(()=>xe()),le=e.computed(()=>ye.value.length>0);function N(T){const V=new Set,K=[],ee=we=>{for(const ie of we)if(ie!=="-"){if(Ee(ie)&&ie.items.length>0){ee(ie.items);continue}!ie.action||V.has(ie.label)||(V.add(ie.label),K.push(ie))}};return ee(T),K}const Y=e.computed(()=>N(ye.value));function fe(T,V=0,K="root"){const ee=[];for(const[we,ie]of T.entries()){const Re=`${K}-${we}`;if(ie==="-"){ee.push({type:"separator",key:`sep-${Re}`});continue}if(Ee(ie)&&ie.items.length>0){ee.push({type:"label",key:`label-${Re}`,label:ie.label,depth:V}),ee.push(...fe(ie.items,V+1,Re));continue}ie.action&&ee.push({type:"item",key:`item-${Re}`,label:ie.label,depth:V,action:ie.action})}return ee}const Ne=e.computed(()=>fe(ye.value)),ge=e.computed(()=>{if(k.value===null||Y.value.length===0)return[];const T=k.value.trim().toLowerCase();if(T.length===0)return Y.value;const V=[],K=[];for(const ee of Y.value){const we=ee.label.toLowerCase();if(we.startsWith(T)){V.push(ee);continue}we.includes(T)&&K.push(ee)}return[...V,...K]}),He=e.computed(()=>k.value!==null&&Y.value.length>0);function _e(T){x.value||(h.value=T),a("update:modelValue",T)}function We(){_e("")}function qe(T){if(Y.value.length===0){k.value=null;return}if(T.startsWith("/")){const V=T.split(/\r?\n/,1)[0]??"";k.value=V.slice(1);return}k.value=null}function P(T){We(),T.action?.(),k.value=null,g.value=0,requestAnimationFrame(()=>{l.value?.focus()})}function ae(){if(n.mode!=="input"||n.disabled||!H.value)return;const V=(l.value?.value??I.value).trim();V&&(a("submit-message",V),n.clearOnSubmit&&We(),l.value?.focus())}function ne(T){const V=T.target.value;_e(V),qe(V)}function Te(){if(X.value){z.value&&a("stop");return}ae()}function Ie(T){if(!n.disabled&&!(b.value||T.isComposing||T.keyCode===229)){if(k.value!==null&&n.mode==="input"){if(T.key==="ArrowDown"){ge.value.length>0&&(T.preventDefault(),g.value=g.value<0?0:(g.value+1)%ge.value.length);return}if(T.key==="ArrowUp"){ge.value.length>0&&(T.preventDefault(),g.value<0?g.value=ge.value.length-1:g.value=g.value<=0?ge.value.length-1:g.value-1);return}if(T.key==="Enter"){const V=g.value>=0?ge.value[g.value]:void 0;if(V){T.preventDefault(),P(V);return}}if(T.key==="Escape"){T.preventDefault(),k.value=null;return}}if(T.key==="Enter"&&!T.shiftKey&&n.mode==="input"){if(T.preventDefault(),X.value){z.value&&a("stop");return}ae()}}}function ue(){!le.value||n.mode==="transcribe"||n.disabled||(v.value=!v.value)}function be(){v.value=!1}function Me(T){T(),be(),e.nextTick(()=>{l.value?.focus()})}async function se(){const T=f.value;if(T&&T.state==="recording")try{const V=await T.stop();a("finish-transcribe-with-audio",V)}catch(V){console.error("Failed to stop recording:",V)}a("finish-transcribe")}function Ue(T){const V=T.target;!V||n.mode!=="input"||V.tagName==="BUTTON"||V.closest("button")||l.value?.focus()}function U(){const T=l.value;if(!T||b.value)return;const V=T.value,K=T.style.height;T.style.height="auto";const ee=window.getComputedStyle(T),we=parseFloat(ee.paddingLeft)||0,ie=parseFloat(ee.paddingRight)||0,Re=parseFloat(ee.paddingTop)||0,Se=parseFloat(ee.paddingBottom)||0;T.value="";const ze=T.scrollHeight;T.value=V;const de=(ze-Re-Se)*n.maxRows+Re+Se;C.value={singleLineHeight:ze,maxHeight:de,paddingLeft:we,paddingRight:ie},T.style.height=K,T.style.maxHeight=`${de}px`}function G(){const T=l.value;if(!T)return 0;C.value.singleLineHeight===0&&U();const{maxHeight:V}=C.value;V&&(T.style.maxHeight=`${V}px`),T.style.height="auto";const K=T.scrollHeight;return T.style.height=`${V?Math.min(K,V):K}px`,K}function J(T){m.value!==T&&(R.value=!0,m.value=T)}function re(T){const V=window.getComputedStyle(T);if(V.font?.trim())return V.font;if(V.fontSize&&V.fontFamily){const K=`${V.fontStyle} ${V.fontVariant} ${V.fontWeight} ${V.fontSize}/${V.lineHeight} ${V.fontFamily}`;if(K.trim())return K}return process.env.NODE_ENV!=="production"&&!F.value&&(F.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 Oe(){const T=c.value,V=u.value,K=d.value;if(!T||!V||!K)return $.value=null,null;const ee=window.getComputedStyle(T),we=parseFloat(ee.paddingLeft)||0,ie=parseFloat(ee.paddingRight)||0,Re=parseFloat(ee.columnGap)||0,Se=T.clientWidth-we-ie;if(Se<=0)return $.value=null,null;const ze=V.getBoundingClientRect().width,Ae=K.getBoundingClientRect().width,de=Math.max(Se-ze-Ae-Re*2,0);if(de<=0)return $.value=null,null;const je={compactWidth:de};return $.value=je,je}function $e(){if(n.mode!=="input"){J("compact");return}if(typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 767px)").matches){U(),G(),J("expanded");return}const T=l.value;if(!T||!c.value||!u.value||!d.value)return;C.value.singleLineHeight===0&&U();const V=G(),K=C.value.singleLineHeight,ee=I.value.includes(`
|
|
72
|
-
`),we=K>0?V>K+1:!1;let ie=ee||we;if(!ie){const Re=$.value??Oe();if(Re&&Re.compactWidth>0){const Se=Math.max(Re.compactWidth-C.value.paddingLeft-C.value.paddingRight,0);if(Se>0){const ze=M.value??document.createElement("canvas");M.value||(M.value=ze);const Ae=ze.getContext("2d");if(Ae){const de=re(T);if(de){Ae.font=de;const je=I.value.length>0?I.value.split(`
|
|
73
|
-
`):[""];let Ye=0;for(const Qn of je){const Vt=Ae.measureText(Qn||" ").width;Vt>Ye&&(Ye=Vt)}Ye>Se&&(ie=!0)}}else process.env.NODE_ENV!=="production"&&!B.value&&(B.value=!0,console.warn("[CopilotChatInput] canvas.getContext('2d') returned null. Text-width-based expansion will be skipped."))}}}J(ie?"expanded":"compact")}function Le(T){if(R.value){R.value=!1;return}T&&($.value=null,F.value=!1,B.value=!1),p.value!==null&&cancelAnimationFrame(p.value),p.value=requestAnimationFrame(()=>{p.value=null,$e()})}return e.watch(()=>n.modelValue,T=>{x.value&&(h.value=T??"")}),e.watch(I,T=>{qe(T),$e()}),e.watch(Y,()=>{Y.value.length===0&&(k.value=null)}),e.watch([k,()=>ge.value.length],([T,V])=>{T!==null&&T!==S.value&&V>0&&(g.value=0),S.value=T},{immediate:!0}),e.watch([k,ge],()=>{if(k.value===null){g.value=0;return}if(ge.value.length===0){g.value=-1;return}(g.value<0||g.value>=ge.value.length)&&(g.value=0)},{immediate:!0}),e.watch(()=>n.mode,async T=>{T!=="input"&&(m.value="compact",k.value=null,be());const V=f.value;if(V){if(T==="transcribe"){try{await V.start()}catch(K){console.error(K)}return}if(V.state==="recording")try{await V.stop()}catch{}}},{immediate:!0}),e.watch(f,async T=>{if(!(!T||n.mode!=="transcribe")&&T.state==="idle")try{await T.start()}catch(V){console.error(V)}},{immediate:!0}),e.watch(g,async T=>{if(!He.value||T<0)return;await e.nextTick(),y.value?.querySelector(`[data-slash-index="${T}"]`)?.scrollIntoView?.({block:"nearest"})}),e.watch(()=>n.disabled,T=>{T&&be()}),e.onMounted(()=>{if(n.autoFocus&&n.mode==="input"&&l.value?.focus(),$e(),typeof ResizeObserver<"u"){const T=new Set;c.value&&T.add(c.value),u.value&&T.add(u.value),d.value&&T.add(d.value),L=new ResizeObserver(V=>{const K=V.some(ee=>T.has(ee.target));Le(K)}),c.value&&L.observe(c.value),u.value&&L.observe(u.value),d.value&&L.observe(d.value),l.value&&L.observe(l.value)}_=T=>{if(!v.value)return;const V=T.target;V&&(w.value?.contains(V)||u.value?.contains(V)||be())},document.addEventListener("mousedown",_)}),e.onBeforeUnmount(()=>{_&&(document.removeEventListener("mousedown",_),_=null),L?.disconnect(),L=null,p.value!==null&&(cancelAnimationFrame(p.value),p.value=null)}),(T,V)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-chat-input-container",class:Be.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)"}:{}}},Fe.value),[e.createElementVNode("div",$a,[e.renderSlot(T.$slots,"layout",{mode:t.mode,isMultiline:O.value,value:I.value,disabled:t.disabled,placeholder:A.value,isProcessing:X.value,sendDisabled:ve.value,menuOpen:v.value,menuItems:Ne.value,onToggleMenu:ue,onMenuAction:Me,onUpdateValue:_e,onSubmit:ae,onKeydown:Ie,onSendClick:Te,onStartTranscribe:()=>a("start-transcribe"),onCancelTranscribe:()=>a("cancel-transcribe"),onFinishTranscribe:se},()=>[e.createElementVNode("div",{ref_key:"shellRef",ref:r,"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":O.value?"expanded":"compact",onClick:Ue},[e.createElementVNode("div",{ref_key:"gridRef",ref:c,class:e.normalizeClass(["cpk:grid cpk:w-full cpk:gap-x-3 cpk:gap-y-3 cpk:px-3 cpk:py-2",O.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":O.value?"expanded":"compact"},[e.createElementVNode("div",{ref_key:"addButtonContainerRef",ref:u,class:e.normalizeClass(["cpk:relative cpk:flex cpk:items-center cpk:col-start-1",O.value?"cpk:row-start-2":"cpk:row-start-1"])},[e.renderSlot(T.$slots,"add-menu-button",{disabled:t.disabled||t.mode==="transcribe"||!le.value,menuOpen:v.value,toggleMenu:ue,labels:D.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-add","aria-label":D.value.chatInputToolbarAddButtonLabel,disabled:t.disabled||t.mode==="transcribe"||!le.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(ue,["stop"])},[e.createVNode(e.unref(oe.Plus),{class:"cpk:size-[20px]"})],8,Na)]),v.value&&le.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"addMenuRef",ref:w,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(Ne.value,K=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:K.key},[K.type==="separator"?(e.openBlock(),e.createElementBlock("div",Va)):K.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+K.depth*12}px`})},[e.createElementVNode("span",null,e.toDisplayString(K.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+K.depth*12}px`}),onClick:ee=>Me(K.action)},e.toDisplayString(K.label),13,Da))],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",O.value?"cpk:col-span-3 cpk:row-start-1":"cpk:col-start-2 cpk:row-start-1"])},[t.mode==="transcribe"?e.renderSlot(T.$slots,"audio-recorder",{key:0},()=>[e.createVNode($n,{ref_key:"audioRecorderRef",ref:f},null,512)]):t.mode==="processing"?(e.openBlock(),e.createElementBlock("div",Oa,[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(T.$slots,"text-area",{value:I.value,disabled:t.disabled,placeholder:A.value,onInput:ne,onKeydown:Ie,autoFocus:t.autoFocus,isExpanded:O.value,rows:1,labels:D.value},()=>[e.createElementVNode("textarea",{ref_key:"textareaRef",ref:l,"data-testid":"copilot-chat-input-textarea",value:I.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]",O.value?"cpk:px-5":"cpk:pr-5"]),style:{overflow:"auto",resize:"none"},onInput:ne,onKeydown:Ie,onCompositionstart:V[0]||(V[0]=K=>b.value=!0),onCompositionend:V[1]||(V[1]=K=>b.value=!1)},null,42,La)]),He.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"slashMenuRef",ref:y,"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"}},[ge.value.length===0?(e.openBlock(),e.createElementBlock("div",Pa," No commands found ")):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(ge.value,(K,ee)=>(e.openBlock(),e.createElementBlock("button",{key:`${K.label}-${ee}`,type:"button",role:"option","data-slash-index":ee,"aria-selected":ee===g.value,"data-active":ee===g.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]",ee===g.value?"cpk:bg-muted cpk:dark:bg-[#2f2f2f]":"cpk:bg-transparent"]),onMouseenter:we=>g.value=ee,onMousedown:e.withModifiers(we=>P(K),["prevent"])},e.toDisplayString(K.label),43,Ua))),128))],512)):e.createCommentVNode("",!0)],64))],2),e.createElementVNode("div",{ref_key:"actionsContainerRef",ref:d,class:e.normalizeClass(["cpk:flex cpk:items-center cpk:justify-end cpk:gap-2",O.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},[W.value||T.$slots["cancel-transcribe-button"]?e.renderSlot(T.$slots,"cancel-transcribe-button",{key:0,disabled:t.disabled,onClick:()=>a("cancel-transcribe"),labels:D.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-cancel-transcribe","aria-label":D.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:V[2]||(V[2]=K=>a("cancel-transcribe"))},[e.createVNode(e.unref(oe.X),{class:"cpk:size-[18px]"})],8,za)]):e.createCommentVNode("",!0),ce.value||T.$slots["finish-transcribe-button"]?e.renderSlot(T.$slots,"finish-transcribe-button",{key:1,disabled:t.disabled,onClick:se,labels:D.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-finish-transcribe","aria-label":D.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:se},[e.createVNode(e.unref(oe.Check),{class:"cpk:size-[18px]"})],8,ja)]):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[te.value||T.$slots["start-transcribe-button"]?e.renderSlot(T.$slots,"start-transcribe-button",{key:0,disabled:t.disabled,onClick:()=>a("start-transcribe"),labels:D.value},()=>[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-start-transcribe","aria-label":D.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:V[3]||(V[3]=K=>a("start-transcribe"))},[e.createVNode(e.unref(oe.Mic),{class:"cpk:size-[18px]"})],8,_a)]):e.createCommentVNode("",!0),e.renderSlot(T.$slots,"send-button",{disabled:ve.value,isProcessing:X.value,onClick:Te},()=>[e.createElementVNode("div",Ha,[e.createElementVNode("button",{type:"button","data-testid":"copilot-chat-input-send","aria-label":"Send message",disabled:ve.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:Te},[X.value&&z.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,Wa)])])],64))],2)],10,Fa)],8,Ba)])]),E.value?e.renderSlot(T.$slots,"disclaimer",{key:0,labels:D.value},()=>[e.createElementVNode("p",qa,e.toDisplayString(D.value.chatDisclaimerText),1)]):e.createCommentVNode("",!0)],16))}}),Ka=["data-card-type"],Ga={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"],Qa=["src","alt"],Xa={key:1,class:"cpk:w-full cpk:h-full cpk:relative"},Ya=["src","alt"],Za=["src"],es=["onClick"],ts={key:2,class:"cpk:flex cpk:flex-col cpk:gap-1 cpk:w-full"},ns=["src"],os={key:0,class:"cpk:text-xs cpk:font-medium cpk:overflow-hidden cpk:text-ellipsis cpk:whitespace-nowrap"},as=["onClick"],ss={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"},rs={class:"cpk:flex cpk:flex-col cpk:min-w-0"},is={class:"cpk:text-xs cpk:font-medium cpk:break-all cpk:leading-tight","data-testid":"copilot-chat-attachment-document-filename"},ls={key:0,class:"cpk:text-[11px] cpk:text-muted-foreground"},cs={key:2,class:"cpk:w-full cpk:h-full cpk:bg-muted-foreground/20","data-testid":"copilot-chat-attachment-placeholder"},us=["onClick"],ds=["src","alt"],ps=["src"],ms=["src","title"],fs={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"},gs={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"},hs=["src","title"],vs={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"},bs={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"},ks={class:"cpk:text-center"},ys={class:"cpk:text-base cpk:font-medium cpk:text-gray-800 cpk:dark:text-gray-200"},ws={class:"cpk:text-sm cpk:text-gray-500 cpk:dark:text-gray-400 cpk:mt-1"},Ct=e.defineComponent({__name:"CopilotChatAttachmentQueue",props:{attachments:{default:()=>[]},className:{default:""}},emits:["remove-attachment"],setup(t,{emit:o}){const n=t,a=o,i=e.ref(null),s=e.ref(null),r=e.computed(()=>i.value!==null),l=e.computed(()=>{const m=i.value;if(!m||m.type!=="document")return!1;const k=m.source.mimeType;return f(k)||h(k)}),c=e.computed(()=>{const m=i.value;if(!m||m.type!=="document")return null;const k=m.source.mimeType;if(!h(k)||m.source.type!=="data")return null;try{return atob(m.source.value)}catch{return m.source.value}}),u=e.computed(()=>{const m=i.value;return!m||m.type!=="document"?null:m.source.type==="url"?m.source.value:s.value});e.watch(i,(m,k)=>{if(s.value&&(URL.revokeObjectURL(s.value),s.value=null),!m||m.type!=="document"||m.source.type!=="data"||typeof window>"u")return;const g=m.source.mimeType;if(!f(g)&&!h(g))return;const S=b(m.source.value,g);s.value=S},{immediate:!0}),e.watch(r,(m,k,g)=>{if(!m||typeof document>"u")return;const S=v=>{v.key==="Escape"&&y()};document.addEventListener("keydown",S),g(()=>{document.removeEventListener("keydown",S)})}),e.onBeforeUnmount(()=>{s.value&&(URL.revokeObjectURL(s.value),s.value=null)});function d(m){if(typeof document<"u"){const k=document;if(typeof k.startViewTransition=="function"){k.startViewTransition(()=>{i.value=m});return}}i.value=m}function y(){i.value=null}function w(m){return m.type==="image"||m.type==="video"?"cpk:w-[72px] cpk:h-[72px]":m.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 f(m){return!!m&&m.includes("pdf")}function h(m){return!!m&&m.startsWith("text/")}function b(m,k){try{const g=atob(m),S=new Uint8Array(g.length);for(let C=0;C<g.length;C+=1)S[C]=g.charCodeAt(C);const v=new Blob([S],{type:k||"application/octet-stream"});return URL.createObjectURL(v)}catch(g){return console.error("[CopilotKit] Failed to decode attachment data:",g),null}}return(m,k)=>(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,g=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["cpk:relative cpk:inline-flex cpk:rounded-lg cpk:overflow-hidden cpk:border cpk:border-border",w(g)]),"data-testid":"copilot-chat-attachment-item","data-card-type":g.type},[g.status==="uploading"?(e.openBlock(),e.createElementBlock("div",Ga,[...k[1]||(k[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),g.status==="ready"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[g.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:S=>d(g)},[e.createElementVNode("img",{src:e.unref(j.getSourceUrl)(g.source),alt:g.filename||"Image attachment",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-image-thumbnail"},null,8,Qa)],8,Ja)):g.type==="video"?(e.openBlock(),e.createElementBlock("div",Xa,[g.thumbnail?(e.openBlock(),e.createElementBlock("img",{key:0,src:g.thumbnail,alt:g.filename||"Video thumbnail",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-video-thumbnail"},null,8,Ya)):(e.openBlock(),e.createElementBlock("video",{key:1,src:e.unref(j.getSourceUrl)(g.source),preload:"metadata",muted:"",class:"cpk:w-full cpk:h-full cpk:object-cover","data-testid":"copilot-chat-attachment-video-fallback"},null,8,Za)),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:S=>d(g)},[...k[2]||(k[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,es)])):g.type==="audio"?(e.openBlock(),e.createElementBlock("div",ts,[e.createElementVNode("audio",{src:e.unref(j.getSourceUrl)(g.source),controls:"",preload:"metadata",class:"cpk:w-full cpk:h-8","data-testid":"copilot-chat-attachment-audio-player"},null,8,ns),g.filename?(e.openBlock(),e.createElementBlock("span",os,e.toDisplayString(g.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",f(g.source.mimeType)||h(g.source.mimeType)?"cpk:cursor-pointer":"cpk:cursor-default"]),"data-testid":"copilot-chat-attachment-document-button",onClick:S=>(f(g.source.mimeType)||h(g.source.mimeType))&&d(g)},[e.createElementVNode("div",ss,e.toDisplayString(e.unref(j.getDocumentIcon)(g.source.mimeType??"")),1),e.createElementVNode("div",rs,[e.createElementVNode("span",is,e.toDisplayString(g.filename||"Document"),1),g.size!=null?(e.openBlock(),e.createElementBlock("span",ls,e.toDisplayString(e.unref(j.formatFileSize)(g.size)),1)):e.createCommentVNode("",!0)])],10,as))],64)):(e.openBlock(),e.createElementBlock("div",cs)),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:S=>a("remove-attachment",g.id)}," ✕ ",8,us)],10,Ka))),128))],2)):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[i.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:y},[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(y,["stop"])}," ✕ "),e.createElementVNode("div",{"data-testid":"copilot-chat-attachment-lightbox-content",onClick:k[0]||(k[0]=e.withModifiers(()=>{},["stop"]))},[i.value.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:0,src:e.unref(j.getSourceUrl)(i.value.source),alt:i.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,ds)):i.value.type==="video"?(e.openBlock(),e.createElementBlock("video",{key:1,src:e.unref(j.getSourceUrl)(i.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,ps)):i.value.type==="document"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[l.value&&f(i.value.source.mimeType)&&u.value?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:u.value,title:i.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,ms)):l.value&&h(i.value.source.mimeType)?(e.openBlock(),e.createElementBlock("div",fs,[c.value!==null?(e.openBlock(),e.createElementBlock("pre",gs,e.toDisplayString(c.value),1)):u.value?(e.openBlock(),e.createElementBlock("iframe",{key:1,src:u.value,title:i.value.filename||"Text preview",class:"cpk:w-full cpk:h-[80vh] cpk:border-none","data-testid":"copilot-chat-attachment-lightbox-document-iframe"},null,8,hs)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",vs,[e.createElementVNode("div",bs,e.toDisplayString(e.unref(j.getDocumentIcon)(i.value.source.mimeType??"")),1),e.createElementVNode("div",ks,[e.createElementVNode("div",ys,e.toDisplayString(i.value.filename||"Document"),1),e.createElementVNode("div",ws,e.toDisplayString(i.value.source.mimeType||"Unknown type")+" "+e.toDisplayString(i.value.size!=null?` · ${e.unref(j.formatFileSize)(i.value.size)}`:""),1)]),k[3]||(k[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))}}),Cs=["data-message-id"],Ss=["aria-expanded"],xs={class:"cpk:font-medium"},Ts={key:0,class:"cpk:inline-flex cpk:items-center cpk:ml-1"},Is={class:"cpk:overflow-hidden"},Rs={key:0,class:"cpk:pb-2 cpk:pt-1"},As={class:"cpk:text-sm cpk:text-muted-foreground"},Es={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(m){if(m<1)return"a few seconds";if(m<60)return`${Math.round(m)} seconds`;const k=Math.floor(m/60),g=Math.round(m%60);return g===0?`${k} minute${k>1?"s":""}`:`${k}m ${g}s`}const a=e.computed(()=>typeof o.message.content=="string"?o.message.content:""),i=e.computed(()=>a.value.length>0),s=e.computed(()=>o.messages[o.messages.length-1]?.id===o.message.id),r=e.computed(()=>!!(o.isRunning&&s.value)),l=e.ref(0),c=e.ref(r.value),u=e.ref(!1);let d=null,y=null;function w(){y&&(clearInterval(y),y=null)}function f(){d!==null&&(l.value=(Date.now()-d)/1e3)}e.watch(r,m=>{if(m){d===null&&(d=Date.now()),w(),y=setInterval(f,1e3),u.value=!1,c.value=!0;return}w(),f(),u.value||(c.value=!1)},{immediate:!0}),e.onBeforeUnmount(()=>{w()});const h=e.computed(()=>r.value?"Thinking…":`Thought for ${n(l.value)}`);function b(){i.value&&(u.value=!0,c.value=!c.value)}return(m,k)=>(e.openBlock(),e.createElementBlock("div",{"data-copilotkit":"",class:"cpk:my-1","data-message-id":t.message.id},[e.renderSlot(m.$slots,"layout",{message:t.message,messages:t.messages,isRunning:t.isRunning,header:{isOpen:c.value,label:h.value,hasContent:i.value,isStreaming:r.value,onClick:i.value?b:void 0},contentView:{isStreaming:r.value,hasContent:i.value,content:a.value},toggle:{isOpen:c.value,contentView:{isStreaming:r.value,hasContent:i.value,content:a.value}}},()=>[e.renderSlot(m.$slots,"header",{isOpen:c.value,label:h.value,hasContent:i.value,isStreaming:r.value,onClick:i.value?b: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",i.value?"cpk:hover:text-foreground cpk:cursor-pointer":"cpk:cursor-default"]),"aria-expanded":i.value?c.value:void 0,onClick:k[0]||(k[0]=g=>i.value?b():void 0)},[e.createElementVNode("span",xs,e.toDisplayString(h.value),1),r.value&&!i.value?(e.openBlock(),e.createElementBlock("span",Ts,[...k[1]||(k[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),i.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,Ss)]),e.renderSlot(m.$slots,"toggle",{isOpen:c.value,contentView:{isStreaming:r.value,hasContent:i.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",Is,[e.renderSlot(m.$slots,"content-view",{isStreaming:r.value,hasContent:i.value,content:a.value},()=>[i.value||r.value?(e.openBlock(),e.createElementBlock("div",Rs,[e.createElementVNode("div",As,[e.createVNode(e.unref(nn.StreamMarkdown),{content:a.value},null,8,["content"]),r.value&&i.value?(e.openBlock(),e.createElementBlock("span",Es,[...k[2]||(k[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,Cs))}}),Ms=["data-message-id"],$s=["data-multiline"],Bs={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"},Fs={class:"cpk:flex cpk:items-center cpk:gap-1 cpk:justify-end"},Ns=["aria-label","title"],Vs=["aria-label","title"],Ds={class:"cpk:flex cpk:items-center cpk:gap-1"},Os=["disabled"],Ls={class:"cpk:text-sm cpk:text-muted-foreground cpk:px-0 cpk:font-medium"},Ps=["disabled"],Ln=e.defineComponent({__name:"CopilotChatUserMessage",props:{message:{},branchIndex:{default:0},numberOfBranches:{default:1},onEditMessage:{},onSwitchToBranch:{}},emits:["edit-message","switch-to-branch"],setup(t,{emit:o}){const n=t,a=o,i=pe(),s=e.computed(()=>i.value?.labels??Ve),r=e.ref(!1);let l=null;const 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 u(p){return p?typeof p=="string"?p:p.map(R=>R&&typeof R=="object"&&"type"in R&&R.type==="text"&&typeof R.text=="string"?R.text:"").filter(R=>R.length>0).join(`
|
|
74
|
-
`):""}const d=e.computed(()=>u(n.message.content)),y=e.computed(()=>d.value.includes(`
|
|
75
|
-
`)),w=e.computed(()=>typeof n.onEditMessage=="function"),f=e.computed(()=>n.numberOfBranches>1&&typeof n.onSwitchToBranch=="function"),h=e.computed(()=>f.value&&n.branchIndex>0),b=e.computed(()=>f.value&&n.branchIndex<n.numberOfBranches-1);function m(){l&&clearTimeout(l),r.value=!0,l=setTimeout(()=>{r.value=!1,l=null},2e3)}async function k(){if(d.value&&!(typeof navigator>"u"||typeof navigator.clipboard?.writeText!="function"))try{await navigator.clipboard.writeText(d.value),m()}catch(p){console.error("Failed to copy to clipboard:",p)}}function g(){if(!w.value)return;const p={message:n.message};a("edit-message",p)}function S(p){if(!f.value)return;const R={branchIndex:p,numberOfBranches:n.numberOfBranches,message:n.message};a("switch-to-branch",R)}function v(){h.value&&S(n.branchIndex-1)}function C(){b.value&&S(n.branchIndex+1)}return e.onBeforeUnmount(()=>{l&&clearTimeout(l)}),(p,R)=>e.renderSlot(p.$slots,"layout",{message:t.message,content:d.value,isMultiline:y.value,showBranchNavigation:f.value,hasEditAction:w.value,branchIndex:t.branchIndex,numberOfBranches:t.numberOfBranches,canGoPrev:h.value,canGoNext:b.value,onCopy:k,onEdit:g,goPrev:v,goNext:C,copied:r.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},p.$attrs),[e.renderSlot(p.$slots,"message-renderer",{message:t.message,content:d.value,isMultiline:y.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":y.value}]),"data-multiline":y.value?"true":void 0},e.toDisplayString(d.value),11,$s)]),e.renderSlot(p.$slots,"toolbar",{message:t.message,showBranchNavigation:f.value,hasEditAction:w.value},()=>[e.createElementVNode("div",Bs,[e.createElementVNode("div",Fs,[e.renderSlot(p.$slots,"toolbar-items"),e.renderSlot(p.$slots,"copy-button",{onCopy:k,copied:r.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:k},[r.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,Ns)]),w.value||p.$slots["edit-button"]?e.renderSlot(p.$slots,"edit-button",{key:0,onEdit:g,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:g},[e.createVNode(e.unref(oe.Edit),{class:"cpk:size-[18px]"})],10,Vs)]):e.createCommentVNode("",!0),t.numberOfBranches>1&&(f.value||p.$slots["branch-navigation"])?e.renderSlot(p.$slots,"branch-navigation",{key:1,branchIndex:t.branchIndex,numberOfBranches:t.numberOfBranches,canGoPrev:h.value,canGoNext:b.value,goPrev:v,goNext:C},()=>[e.createElementVNode("div",Ds,[e.createElementVNode("button",{type:"button",class:e.normalizeClass([e.unref(c),"cpk:h-6 cpk:w-6 cpk:p-0"]),disabled:!h.value,"aria-label":"Previous branch",title:"Previous branch",onClick:v},[e.createVNode(e.unref(oe.ChevronLeft),{class:"cpk:size-[20px]"})],10,Os),e.createElementVNode("span",Ls,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:!b.value,"aria-label":"Next branch",title:"Next branch",onClick:C},[e.createVNode(e.unref(oe.ChevronRight),{class:"cpk:size-[20px]"})],10,Ps)])]):e.createCommentVNode("",!0)])])])],16,Ms)])}}),Pn=e.defineComponent({__name:"CopilotChatMessageView",props:{messages:{default:()=>[]},isRunning:{type:Boolean,default:!1}},setup(t){const o=t,{copilotkit:n}=Ce(),a=pe(),i=e.ref(0),s=e.ref(null),r=e.useSlots(),l=e.computed(()=>Object.keys(r)),c=e.computed(()=>a.value?.agentId??j.DEFAULT_AGENT_ID),u=e.computed(()=>(n.value.agents,n.value.getAgent(c.value)));e.watch([c,()=>a.value?.threadId,()=>n.value,()=>n.value.runtimeConnectionStatus],(v,C,p)=>{const R=u.value;if(!R)return;const M=R.subscribe({onStateChanged:()=>{i.value+=1},onRunStartedEvent:()=>{i.value+=1},onRunFinishedEvent:()=>{i.value+=1},onRunErrorEvent:()=>{i.value+=1}});p(()=>M.unsubscribe())},{immediate:!0}),e.watch(()=>n.value,(v,C,p)=>{s.value=v.interruptState;const R=v.subscribe({onInterruptStateChanged:({interruptState:M})=>{s.value=M},onRuntimeConnectionStatusChanged:()=>{i.value+=1}});p(()=>R.unsubscribe())},{immediate:!0});function d(v){const C=new Map;for(const p of v){const R=C.get(p.id);if(R&&p.role==="assistant"&&R.role==="assistant"){const M=p.content||R.content,$=p.toolCalls??R.toolCalls;C.set(p.id,{...R,...p,content:M,toolCalls:$})}else C.set(p.id,p)}return[...C.values()]}const y=e.computed(()=>d(o.messages)),w=j.createRowKeyStore(),f=e.computed(()=>j.resolveRowRenderKeysById(w,y.value));e.onMounted(()=>j.commitRowKeyStore(w,y.value)),e.watch(y,v=>j.commitRowKeyStore(w,v),{flush:"post"});const h=e.computed(()=>o.messages[o.messages.length-1]),b=e.computed(()=>o.isRunning&&h.value?.role!=="reasoning");e.watch([()=>o.messages.length,()=>y.value.length],([v,C])=>{process.env.NODE_ENV==="development"&&C<v&&console.warn(`CopilotChatMessageView: Deduplicated ${v-C} message(s) with duplicate IDs.`)},{immediate:!0});function m(v){i.value+=0;const C=c.value,p=a.value?.threadId??"",R=n.value,M=R.getRunIdForMessage(C,p,v.id)??R.getRunIdsForThread(C,p).slice(-1)[0],$=M??`missing-run-id:${v.id}`,F=u.value??R.getAgent(C),B=M&&F?F.messages.filter(A=>R.getRunIdForMessage(C,p,A.id)===M).map(A=>A.id):[v.id],L=F?F.messages.findIndex(A=>A.id===v.id):-1,_=L>=0?L:0,x=M?Math.max(B.indexOf(v.id),0):0,I=M?B.length:1,D=M?R.getStateByRun(C,p,M):void 0;return{runId:$,messageIndex:_,messageIndexInRun:x,numberOfMessagesInRun:I,agentId:C,stateSnapshot:D}}function k(v){return`activity-${v}`}function g(v,C){if(i.value+=0,r[C==="before"?"message-before":"message-after"])return null;const R=c.value,$=[...n.value.renderCustomMessages].filter(F=>F.agentId===void 0||F.agentId===R).sort((F,B)=>{const L=F.agentId!==void 0,_=B.agentId!==void 0;return L===_?0:L?-1:1})[0];return $?.render?{renderer:$.render,props:{...m(v),message:v,position:C}}:null}function S(v){i.value+=0;const C=c.value,p=[...n.value.renderActivityMessages].filter(M=>M.activityType===v.activityType&&(M.agentId===void 0||M.agentId===C)).sort((M,$)=>{const F=M.agentId!==void 0,B=$.agentId!==void 0;return F===B?0:F?-1:1})[0];if(!p)return null;const R=p.content.safeParse(v.content);return R.success?{renderer:p.render,props:{activityType:v.activityType,content:R.data,message:v,agent:u.value}}:null}return(v,C)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-copilotkit":"",class:"cpk:flex cpk:flex-col"},v.$attrs),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,p=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:f.value.get(p.id)??p.id},[e.unref(r)["message-before"]?e.renderSlot(v.$slots,"message-before",{key:0,message:p,position:"before",runId:m(p).runId,messageIndex:m(p).messageIndex,messageIndexInRun:m(p).messageIndexInRun,numberOfMessagesInRun:m(p).numberOfMessagesInRun,agentId:m(p).agentId,stateSnapshot:m(p).stateSnapshot}):g(p,"before")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(p,"before").renderer),e.mergeProps({key:1,ref_for:!0},g(p,"before").props),null,16)):e.createCommentVNode("",!0),p.role==="assistant"?e.renderSlot(v.$slots,"assistant-message",{key:2,message:p,messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(Mn,{message:p,messages:t.messages,"is-running":t.isRunning},e.createSlots({_:2},[e.renderList(l.value,R=>({name:R,fn:e.withCtx(M=>[e.renderSlot(v.$slots,R,e.mergeProps({ref_for:!0},M))])}))]),1032,["message","messages","is-running"])]):p.role==="user"?e.renderSlot(v.$slots,"user-message",{key:3,message:p},()=>[e.createVNode(Ln,{message:p},e.createSlots({_:2},[e.renderList(l.value,R=>({name:R,fn:e.withCtx(M=>[e.renderSlot(v.$slots,R,e.mergeProps({ref_for:!0},M))])}))]),1032,["message"])]):p.role==="reasoning"?e.renderSlot(v.$slots,"reasoning-message",{key:4,message:p,messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(On,{message:p,messages:t.messages,"is-running":t.isRunning},null,8,["message","messages","is-running"])]):p.role==="activity"?e.renderSlot(v.$slots,k(p.activityType),{key:5,activityType:p.activityType,content:p.content,message:p,agent:u.value},()=>[e.renderSlot(v.$slots,"activity-message",{activityType:p.activityType,content:p.content,message:p,agent:u.value},()=>[S(p)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S(p).renderer),e.mergeProps({key:0,ref_for:!0},S(p).props),null,16)):e.createCommentVNode("",!0)])]):e.createCommentVNode("",!0),e.unref(r)["message-after"]?e.renderSlot(v.$slots,"message-after",{key:6,message:p,position:"after",runId:m(p).runId,messageIndex:m(p).messageIndex,messageIndexInRun:m(p).messageIndexInRun,numberOfMessagesInRun:m(p).numberOfMessagesInRun,agentId:m(p).agentId,stateSnapshot:m(p).stateSnapshot}):g(p,"after")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(g(p,"after").renderer),e.mergeProps({key:7,ref_for:!0},g(p,"after").props),null,16)):e.createCommentVNode("",!0)],64))),128)),s.value?e.renderSlot(v.$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),b.value?e.renderSlot(v.$slots,"cursor",{key:1},()=>[C[0]||(C[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))}}),Us=["type","aria-busy","disabled"],zs={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"},js={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"},_s={class:"cpk:whitespace-nowrap cpk:font-medium cpk:leading-none"},Un=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,i)=>(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",zs,[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",js,[e.renderSlot(a.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))])])):e.createCommentVNode("",!0),e.createElementVNode("span",_s,[e.renderSlot(a.$slots,"default")])],16,Us))}}),tt=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatSuggestionView",props:{suggestions:{},loadingIndexes:{default:()=>[]}},emits:["select-suggestion"],setup(t,{emit:o}){const n=t,a=o,i=e.useAttrs(),s=e.computed(()=>new Set(n.loadingIndexes)),r=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",i.class]),l=e.computed(()=>{const{class:y,...w}=i;return w});function c(y,w){return s.value.has(y)||w.isLoading===!0}function u(y,w){a("select-suggestion",y,w)}const d=e.computed(()=>({suggestions:n.suggestions,loadingIndexes:n.loadingIndexes,onSelectSuggestion:u,containerClass:r.value,containerAttrs:l.value}));return(y,w)=>e.renderSlot(y.$slots,"layout",e.normalizeProps(e.guardReactiveProps(d.value)),()=>[e.renderSlot(y.$slots,"container",e.normalizeProps(e.guardReactiveProps(d.value)),()=>[e.createElementVNode("div",e.mergeProps({"data-copilotkit":"","data-testid":"copilot-chat-suggestion-view",class:r.value},l.value),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.suggestions,(f,h)=>e.renderSlot(y.$slots,"suggestion",{key:`${f.title}-${h}`,suggestion:f,index:h,isLoading:c(h,f),onSelect:()=>u(f,h)},()=>[e.createVNode(Un,{"is-loading":c(h,f),type:"button",onClick:b=>u(f,h)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.title),1)]),_:2},1032,["is-loading","onClick"])])),128))],16)])])}}),Hs=["pin-to-bottom","pin-to-send","none"];function Ws(t){return t===void 0||t===!0?"pin-to-bottom":t===!1?"none":Hs.includes(t)?t:"pin-to-bottom"}const qs={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"},Ks={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"},Gs={class:"cpk:w-full cpk:max-w-3xl cpk:flex cpk:flex-col cpk:items-center"},Js={class:"cpk:mb-6"},Qs={class:"cpk:text-xl cpk:sm:text-2xl cpk:font-medium cpk:text-foreground cpk:text-center"},Xs={class:"cpk:w-full"},Ys={key:0,class:"cpk:mt-4 cpk:flex cpk:justify-center"},Zs={class:"cpk:px-4 cpk:@3xl:px-0 cpk:[div[data-sidebar-chat]_&]:px-8 cpk:[div[data-popup-chat]_&]:px-6"},er={class:"cpk:max-w-3xl cpk:mx-auto"},tr={key:0,class:"cpk:mt-4 cpk:pl-0 cpk:pr-4 cpk:@3xl:px-0"},nr={key:0,class:"cpk:max-w-3xl cpk:mx-auto cpk:w-full cpk:pointer-events-auto"},or=16,ar=12,at=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:()=>[]},onSubmitMessage:{},onStop:{},onInputChange:{},onSelectSuggestion:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},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,i=pe(),s=e.computed(()=>i.value?.labels??Ve),r=e.useSlots(),l=e.ref(null),c=e.ref(null),u=e.ref(null),d=e.ref(null),y=e.ref(0),w=e.ref(!0),f=e.computed(()=>n.inputValue!==void 0),h=e.ref(n.inputValue??""),b=e.computed(()=>Ws(n.autoScroll)),m=e.computed(()=>b.value==="pin-to-bottom"),k=e.computed(()=>b.value==="pin-to-send");Ma({scrollRef:l,contentRef:c,spacerRef:u,topOffset:16});const{isKeyboardOpen:g,keyboardHeight:S}=Vn(),v=e.computed(()=>g.value?S.value:0),C=e.computed(()=>f.value?n.inputValue??"":h.value),p=e.computed(()=>!n.isConnecting&&!n.isRunning&&Array.isArray(n.suggestions)&&n.suggestions.length>0),R=e.computed(()=>Array.isArray(n.attachments)&&n.attachments.length>0),M=e.computed(()=>Object.keys(r).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")),$=e.computed(()=>n.messages.length===0&&n.welcomeScreen!==!1&&!n.isConnecting&&!n.hasExplicitThreadId),F=e.computed(()=>`${y.value+(p.value?4:32)}px`),B=e.computed(()=>!$.value&&!w.value);let L=null,_=null;function x(){if(typeof ResizeObserver>"u")return;L?.disconnect(),L=null;const N=d.value;N&&(L=new ResizeObserver(Y=>{const fe=w.value,Ne=Y[0]?.contentRect?.height;typeof Ne=="number"?y.value=Ne:A(),D(),m.value&&fe&&O("auto")}),L.observe(N))}function I(){if(typeof ResizeObserver>"u")return;_?.disconnect(),_=null;const N=c.value;N&&(_=new ResizeObserver(()=>{const Y=w.value;D(),m.value&&Y&&O("auto")}),_.observe(N))}e.watch($,async N=>{N||(await e.nextTick(),A(),x(),I())}),e.watch(()=>n.inputValue,N=>{f.value&&(h.value=N??"")}),e.watch([()=>n.messages,()=>n.suggestions,()=>n.isRunning],async()=>{const N=w.value;await e.nextTick(),!(!m.value||!N)&&(O("auto"),typeof requestAnimationFrame=="function"&&requestAnimationFrame(()=>{O("auto")}))},{deep:!0});function D(){const N=l.value;if(!N){w.value=!0;return}const Y=N.scrollHeight-N.scrollTop-N.clientHeight;w.value=Y<=ar}function A(){const N=d.value;y.value=N?.offsetHeight??0}function O(N="smooth"){const Y=l.value;Y&&(typeof Y.scrollTo=="function"?Y.scrollTo({top:Y.scrollHeight,behavior:N}):Y.scrollTop=Y.scrollHeight,D())}function X(){D()}function E(N){f.value||(h.value=N),a("input-change",N)}function H(N){a("submit-message",N)}function z(){a("stop")}function q(N,Y){a("select-suggestion",N,Y)}function te(){a("add-file")}function W(N){n.onDragOver?.(N)}function ce(N){n.onDragLeave?.(N)}function me(N){n.onDrop?.(N)}function ve(){a("start-transcribe")}function Be(){a("cancel-transcribe")}function Fe(){a("finish-transcribe")}async function Ee(N){await n.onFinishTranscribeWithAudio?.(N)}const De=e.computed(()=>{const N={"onUpdate:modelValue":E,onSubmitMessage:n.onSubmitMessage?H:void 0};return n.onStop&&(N.onStop=z),n.onAddFile&&(N.onAddFile=te),n.onStartTranscribe&&(N.onStartTranscribe=ve),n.onCancelTranscribe&&(N.onCancelTranscribe=Be),n.onFinishTranscribe&&(N.onFinishTranscribe=Fe),n.onFinishTranscribeWithAudio&&(N.onFinishTranscribeWithAudio=Ee),N}),xe=e.computed(()=>!!n.onStop),ye=e.computed(()=>!!n.onAddFile),le=e.computed(()=>!!n.onStartTranscribe);return e.onMounted(async()=>{await e.nextTick(),A(),D(),m.value&&(O("auto"),typeof requestAnimationFrame=="function"&&requestAnimationFrame(()=>{O("auto")})),x(),I()}),e.onBeforeUnmount(()=>{L?.disconnect(),_?.disconnect(),L=null,_=null}),(N,Y)=>(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:W,onDragleave:ce,onDrop:me}),[t.dragOver?(e.openBlock(),e.createElementBlock("div",qs,[...Y[3]||(Y[3]=[e.createElementVNode("span",{class:"cpk:text-sm cpk:font-medium cpk:text-primary/70"}," Drop files here ",-1)])])):e.createCommentVNode("",!0),$.value?e.renderSlot(N.$slots,"welcome-screen",{key:1,suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,attachments:t.attachments??[],modelValue:C.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,canStop:xe.value,canAddFile:ye.value,canTranscribe:le.value,onUpdateModelValue:E,onSubmitMessage:H,onStop:z,onAddFile:te,onStartTranscribe:ve,onCancelTranscribe:Be,onFinishTranscribe:Fe,onFinishTranscribeWithAudio:Ee,onSelectSuggestion:q},()=>[e.createElementVNode("div",Ks,[e.createElementVNode("div",Gs,[e.createElementVNode("div",Js,[e.renderSlot(N.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",Qs,e.toDisplayString(s.value.welcomeMessageText),1)])]),e.createElementVNode("div",Xs,[R.value?(e.openBlock(),e.createBlock(Ct,{key:0,attachments:t.attachments??[],"class-name":"cpk:mb-2",onRemoveAttachment:Y[0]||(Y[0]=fe=>t.onRemoveAttachment&&t.onRemoveAttachment(fe))},null,8,["attachments"])):e.createCommentVNode("",!0),e.renderSlot(N.$slots,"input",{modelValue:C.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,attachments:t.attachments??[],canStop:xe.value,canAddFile:ye.value,canTranscribe:le.value,onUpdateModelValue:E,onSubmitMessage:H,onStop:z,onAddFile:te,onStartTranscribe:ve,onCancelTranscribe:Be,onFinishTranscribe:Fe,onFinishTranscribeWithAudio:Ee},()=>[e.createVNode(et,e.mergeProps({"model-value":C.value,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0,"keyboard-height":v.value},De.value),null,16,["model-value","is-running","mode","tools-menu","keyboard-height"])])]),p.value?(e.openBlock(),e.createElementBlock("div",Ys,[e.renderSlot(N.$slots,"suggestion-view",{suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,onSelectSuggestion:q},()=>[e.createVNode(tt,{suggestions:t.suggestions,"loading-indexes":t.suggestionLoadingIndexes,onSelectSuggestion:q},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:F.value,showScrollToBottomButton:B.value,onSelectSuggestion:q,onScroll:X,scrollToBottom:O},()=>[e.createElementVNode("div",{ref_key:"scrollContainerRef",ref:l,"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:X},[e.createElementVNode("div",Zs,[e.createElementVNode("div",{ref_key:"scrollContentRef",ref:c,"data-testid":"copilot-scroll-content",style:e.normalizeStyle({paddingBottom:F.value})},[e.createElementVNode("div",er,[e.renderSlot(N.$slots,"message-view",{messages:t.messages,isRunning:t.isRunning},()=>[e.createVNode(Pn,{messages:t.messages,"is-running":t.isRunning},e.createSlots({_:2},[e.renderList(M.value,fe=>({name:fe,fn:e.withCtx(Ne=>[e.renderSlot(N.$slots,fe,e.normalizeProps(e.guardReactiveProps(Ne)))])}))]),1032,["messages","is-running"])]),p.value?(e.openBlock(),e.createElementBlock("div",tr,[e.renderSlot(N.$slots,"suggestion-view",{suggestions:t.suggestions,loadingIndexes:t.suggestionLoadingIndexes,onSelectSuggestion:q},()=>[e.createVNode(tt,{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:q},null,8,["suggestions","loading-indexes"])])])):e.createCommentVNode("",!0)])],4),k.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"spacerRef",ref:u,"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",{},()=>[Y[4]||(Y[4]=e.createElementVNode("div",{"data-testid":"copilot-chat-view-feather"},null,-1))]),B.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:`${y.value+or}px`})},[e.renderSlot(N.$slots,"scroll-to-bottom-button",{onClick:()=>O()},()=>[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:Y[1]||(Y[1]=fe=>O())},[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:d,class:"cpk:absolute cpk:bottom-0 cpk:left-0 cpk:right-0 cpk:z-20 cpk:pointer-events-none","data-testid":"copilot-input-overlay"},[R.value?(e.openBlock(),e.createElementBlock("div",nr,[e.createVNode(Ct,{attachments:t.attachments??[],"class-name":"cpk:px-4",onRemoveAttachment:Y[2]||(Y[2]=fe=>t.onRemoveAttachment&&t.onRemoveAttachment(fe))},null,8,["attachments"])])):e.createCommentVNode("",!0),e.renderSlot(N.$slots,"input",{modelValue:C.value,isRunning:t.isRunning,inputMode:t.inputMode,inputToolsMenu:t.inputToolsMenu,attachments:t.attachments??[],canStop:xe.value,canAddFile:ye.value,canTranscribe:le.value,onUpdateModelValue:E,onSubmitMessage:H,onStop:z,onAddFile:te,onStartTranscribe:ve,onCancelTranscribe:Be,onFinishTranscribe:Fe,onFinishTranscribeWithAudio:Ee},()=>[e.createVNode(et,e.mergeProps({"model-value":C.value,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0,"keyboard-height":v.value,"bottom-anchored":!0},De.value),null,16,["model-value","is-running","mode","tools-menu","keyboard-height"])])],512)],64))],16))}});function sr(t){const o=e.ref(null),n=(i,s)=>{o.value=null,Z.emitInspectorActiveThread({requestId:i.requestId,threadId:s,agentId:i.agentId,source:"app"})},a=i=>{const s=o.value;!s||s.requestId!==i||(Z.emitInspectorViewThreadResult({requestId:i,threadId:s.threadId,agentId:s.agentId,ok:!1,reason:"connect-failed"}),n(s,s.previousThreadId))};if(Z.isInspectorThreadBridgeEnabled()){const i=Z.onInspectorViewThread(r=>r.agentId!==t.agentId.value?!1:(o.value=o.value?{...o.value,...r}:{...r,previousThreadId:t.baseThreadId.value},Z.emitInspectorViewThreadResult({...r,ok:!0}),Z.emitInspectorActiveThread({...r,source:"override"}),!0)),s=Z.onInspectorStopViewing(r=>{const l=o.value;l&&r.requestId===l.requestId&&r.agentId===l.agentId&&n(l,l.previousThreadId)});e.onBeforeUnmount(()=>{i(),s()})}return e.watch([t.agentId,t.baseThreadId],([i,s])=>{const r=o.value;if(r){if(i!==r.agentId){n(r,r.previousThreadId);return}s!==r.previousThreadId&&s!==r.threadId&&n(r,s)}}),{inspectorThreadId:e.computed(()=>o.value?.threadId??null),inspectorRequestId:e.computed(()=>o.value?.requestId??null),failInspectorOverride:a}}const rr=["accept"],ir={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"}},Et=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,i=e.useAttrs(),s=e.useSlots(),r=pe(),{copilotkit:l}=Ce(),c=e.computed(()=>Object.keys(s).filter(U=>U!=="chat-view")),u=e.ref(j.randomUUID()),d=e.ref("input"),y=e.ref(n.inputValue??""),w=e.ref(null),f=e.ref(!1),h=e.ref(!1),b=e.ref(!1),m=e.shallowRef(null),k=e.computed(()=>n.agentId??r.value?.agentId??j.DEFAULT_AGENT_ID),g=e.computed(()=>n.threadId??r.value?.threadId),S=e.computed(()=>g.value??u.value),v=e.computed(()=>!!n.threadId||!!r.value?.hasExplicitThreadId),{inspectorThreadId:C,inspectorRequestId:p,failInspectorOverride:R}=sr({agentId:k,baseThreadId:S}),M=e.computed(()=>C.value??S.value),$=e.computed(()=>C.value!==null||v.value),F=e.ref(null),B=e.computed(()=>$.value&&F.value!==M.value),L=Sn(e.computed(()=>n.labels)),_=e.computed(()=>L.value),{agent:x}=ft({agentId:k,throttleMs:e.computed(()=>n.throttleMs)}),{suggestions:I}=Fn({agentId:k}),D=ot(),A=e.computed(()=>D.value.checkFeature("chat"));e.watch(A,U=>{U||console.warn('[CopilotKit] Warning: "chat" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0});const O=e.computed(()=>l.value.audioFileTranscriptionEnabled),X=e.computed(()=>typeof window<"u"&&typeof MediaRecorder<"u"),E=e.computed(()=>O.value&&X.value),{attachments:H,enabled:z,dragOver:q,fileInputRef:te,containerRef:W,handleFileUpload:ce,handleDragOver:me,handleDragLeave:ve,handleDrop:Be,removeAttachment:Fe,consumeAttachments:Ee}=Nn({config:e.computed(()=>n.attachments)}),De=e.computed(()=>f.value?"processing":d.value),xe=e.ref(0),ye=e.computed(()=>[...x.value?.messages??[]]),le=e.computed(()=>(xe.value,x.value?.isRunning??!1)),N=e.computed(()=>le.value&&ye.value.length>0),Y=e.computed(()=>{for(let U=ye.value.length-1;U>=0;U--){const G=ye.value[U];if(G?.role==="user")return G.id}return null}),fe=e.ref(0);let Ne=Y.value;e.watch(Y,U=>{U&&U!==Ne&&(fe.value+=1,Ne=U)});const ge=e.computed(()=>({id:Y.value,sendNonce:fe.value}));e.provide(Dn,ge),e.watch(()=>x.value,(U,G,J)=>{if(!U)return;const re=U.subscribe({onRunStartedEvent:()=>{xe.value+=1},onRunFinishedEvent:()=>{xe.value+=1},onRunErrorEvent:()=>{xe.value+=1}});J(()=>re.unsubscribe())},{immediate:!0}),e.watch(()=>n.inputValue,U=>{U!==void 0&&(y.value=U)}),e.watch([()=>n.threadId,()=>r.value?.threadId],([U,G],J)=>{U||G||J&&(J[0]||J[1])&&(u.value=j.randomUUID())}),e.watch([()=>l.value,k,()=>n.onError],([U,G,J],re,Oe)=>{if(!J)return;const $e=U.subscribe({onError:Le=>{(Le.context?.agentId===G||!Le.context?.agentId)&&J({error:Le.error,code:Le.code,context:Le.context})}});Oe(()=>$e.unsubscribe())},{immediate:!0}),e.watch([()=>l.value,k,M,p],([U,G,J,re],Oe,$e)=>{if(!re)return;const Le=U.subscribe({onError:T=>{T.code===Z.CopilotKitCoreErrorCode.AGENT_CONNECT_FAILED&&T.context?.agentId===G&&T.context?.threadId===J&&R(re)}});$e(()=>Le.unsubscribe())},{immediate:!0}),e.watch([h,()=>l.value,()=>x.value,M,$,p],([U,G,J,re,Oe,$e],Le,T)=>{if(!U||typeof window>"u"||!J)return;const V=m.value;if(V!==null&&V.threadId!==re&&V.inspectorRequestId!==$e&&(V.inspectorRequestId!==null||$e!==null))try{G.stopAgent({agent:J})}catch{}if(J.threadId=re,!Oe)return;const ee=Qe.AbstractAgent.prototype,we=J,ie=we.connect!==ee.connect,Re=we.connectAgent!==ee.connectAgent;if(!ie&&!Re){F.value=re;return}const Se=m.value,ze=Se&&Se.core===G&&Se.agent===J&&Se.threadId===re&&Se.inspectorRequestId===$e;let Ae;if(ze&&Se)Ae=Se;else{const de=new AbortController;J instanceof Qe.HttpAgent&&(J.abortController=de),Ae={core:G,agent:J,threadId:re,inspectorRequestId:$e,abortController:de,detached:!1},m.value=Ae,G.connectAgent({agent:J}).catch(je=>{Ae.detached||je instanceof Qe.AGUIConnectNotImplementedError||(console.error("CopilotChat: connectAgent failed",je),$e&&R($e))}).finally(()=>{if(Ae.detached)return;(typeof requestAnimationFrame=="function"?requestAnimationFrame:Ye=>setTimeout(Ye,16))(()=>{Ae.detached||(F.value=Ae.threadId)})})}T(()=>{const de=m.value;!de||de!==Ae||!(b.value||l.value!==de.core||x.value!==de.agent||M.value!==de.threadId)||(de.detached=!0,de.abortController.abort(),de.agent.detachActiveRun?.(),m.value=null)})},{immediate:!0});const He=e.ref(void 0);e.watch([M,$,()=>x.value],([U,G,J])=>{const re=He.value;He.value=U,J&&(G||re!==void 0&&U!==re&&J.setMessages([]))},{immediate:!0}),e.onBeforeUnmount(()=>{b.value=!0}),e.onMounted(()=>{h.value=!0}),e.watch(w,(U,G,J)=>{if(!U)return;const re=setTimeout(()=>{w.value=null},5e3);J(()=>clearTimeout(re))});async function _e(){const U=x.value;if(U)try{const G=m.value;G&&G.agent===U&&G.threadId===M.value&&(G.detached=!0,G.abortController.abort(),m.value=null,await G.agent.detachActiveRun?.()),await l.value.runAgent({agent:U})}catch(G){console.error("CopilotChat: runAgent failed",G)}}async function We(U){if(H.value.some(re=>re.status==="uploading")){console.error("[CopilotKit] Cannot send while attachments are uploading");return}if(a("submit-message",U),!x.value){console.error("[CopilotKit] Cannot send message: no agent available");return}const J=Ee();if(J.length>0){const re=[];U.trim()&&re.push({type:"text",text:U});for(const Oe of J)re.push(j.createAttachmentContent(Oe));x.value.addMessage({id:j.randomUUID(),role:"user",content:re})}else x.value.addMessage({id:j.randomUUID(),role:"user",content:U});y.value="",await _e()}async function qe(U,G){a("select-suggestion",U,G),x.value?.addMessage({id:j.randomUUID(),role:"user",content:U.message}),await _e()}function P(){const U=x.value;if(U)try{l.value.stopAgent({agent:U})}catch(G){console.error("CopilotChat: stopAgent failed",G);try{U.abortRun()}catch(J){console.error("CopilotChat: abortRun fallback failed",J)}}}function ae(){a("stop"),N.value&&P()}function ne(U){y.value=U,a("input-change",U)}function Te(){a("add-file"),z.value&&setTimeout(()=>{te.value?.click()},100)}function Ie(){E.value&&(w.value=null,d.value="transcribe",a("start-transcribe"))}function ue(){E.value&&(w.value=null,d.value="input",a("cancel-transcribe"))}function be(){E.value&&(d.value="input",a("finish-transcribe"))}async function Me(U){if(E.value){if(n.onFinishTranscribeWithAudio){await n.onFinishTranscribeWithAudio(U);return}f.value=!0;try{w.value=null;const G=await Ra(l.value,U),J=y.value.trim();y.value=J?`${J} ${G.text}`:G.text}catch(G){if(console.error("CopilotChat: Transcription failed",G),G instanceof Je){const{code:J,retryable:re,message:Oe}=G.info;switch(J){case j.TranscriptionErrorCode.RATE_LIMITED:w.value="Too many requests. Please wait a moment.";break;case j.TranscriptionErrorCode.AUTH_FAILED:w.value="Authentication error. Please check your configuration.";break;case j.TranscriptionErrorCode.AUDIO_TOO_LONG:w.value="Recording is too long. Please try a shorter recording.";break;case j.TranscriptionErrorCode.AUDIO_TOO_SHORT:w.value="Recording is too short. Please try again.";break;case j.TranscriptionErrorCode.INVALID_AUDIO_FORMAT:w.value="Audio format not supported.";break;case j.TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:w.value="Transcription service is not available.";break;case j.TranscriptionErrorCode.NETWORK_ERROR:w.value="Network error. Please check your connection.";break;default:w.value=re?"Transcription failed. Please try again.":Oe}}else w.value="Transcription failed. Please try again."}finally{f.value=!1}}}const se=e.computed(()=>({messages:ye.value,autoScroll:n.autoScroll,isRunning:le.value,suggestions:I.value,suggestionLoadingIndexes:[],welcomeScreen:n.welcomeScreen,attachments:H.value,dragOver:q.value,inputValue:y.value,inputMode:De.value,inputToolsMenu:n.inputToolsMenu,isConnecting:B.value,hasExplicitThreadId:$.value,canStop:N.value,canAddFile:z.value,canTranscribe:E.value,onSubmitMessage:We,onStop:ae,onInputChange:ne,onSelectSuggestion:qe,onRemoveAttachment:Fe,onAddFile:Te,onDragOver:z.value?me:void 0,onDragLeave:z.value?ve:void 0,onDrop:z.value?Be:void 0,onStartTranscribe:Ie,onCancelTranscribe:ue,onFinishTranscribe:be,onFinishTranscribeWithAudio:Me})),Ue=e.computed(()=>{const U={...i,onSubmitMessage:We,onInputChange:ne,onSelectSuggestion:qe};return N.value&&(U.onStop=ae),z.value&&(U.onAddFile=Te,U.attachments=H.value,U.onRemoveAttachment=Fe,U.dragOver=q.value,U.onDragOver=me,U.onDragLeave=ve,U.onDrop=Be),E.value&&(U.onStartTranscribe=Ie,U.onCancelTranscribe=ue,U.onFinishTranscribe=be),U});return(U,G)=>(e.openBlock(),e.createBlock(mt,{"agent-id":k.value,"thread-id":M.value,"has-explicit-thread-id":$.value,labels:_.value},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"attachmentContainerRef",ref:W,style:{display:"contents"}},[e.unref(z)?(e.openBlock(),e.createElementBlock("input",{key:0,ref_key:"fileInputRef",ref:te,type:"file",multiple:"",accept:n.attachments?.accept??"*/*",style:{display:"none"},onChange:G[0]||(G[0]=J=>{e.unref(ce)(J)})},null,40,rr)):e.createCommentVNode("",!0),A.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(At,{key:1,"feature-name":"Chat"})),w.value?(e.openBlock(),e.createElementBlock("div",ir,e.toDisplayString(w.value),1)):e.createCommentVNode("",!0),e.renderSlot(U.$slots,"chat-view",e.normalizeProps(e.guardReactiveProps(se.value)),()=>[e.createVNode(at,e.mergeProps(Ue.value,{messages:se.value.messages,"auto-scroll":se.value.autoScroll,"is-running":se.value.isRunning,suggestions:se.value.suggestions,"suggestion-loading-indexes":se.value.suggestionLoadingIndexes,"welcome-screen":se.value.welcomeScreen,"input-value":se.value.inputValue,"input-mode":se.value.inputMode,"input-tools-menu":se.value.inputToolsMenu,"is-connecting":se.value.isConnecting,"has-explicit-thread-id":se.value.hasExplicitThreadId,"on-finish-transcribe-with-audio":se.value.onFinishTranscribeWithAudio}),e.createSlots({_:2},[e.renderList(c.value,J=>({name:J,fn:e.withCtx(re=>[e.renderSlot(U.$slots,J,e.normalizeProps(e.guardReactiveProps(re)))])}))]),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"]))}}),lr=["src"],cr=["src"],ur={key:0,class:"cpk:text-xs cpk:text-muted-foreground cpk:truncate cpk:max-w-[300px]","data-testid":"copilot-chat-attachment-renderer-audio-filename"},dr=["src"],pr={class:"cpk:text-xs cpk:font-bold cpk:uppercase","data-testid":"copilot-chat-attachment-renderer-document-icon"},mr={class:"cpk:text-sm cpk:text-muted-foreground cpk:truncate","data-testid":"copilot-chat-attachment-renderer-document-label"},fr=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(()=>j.getSourceUrl(o.source)),i=e.computed(()=>o.filename||o.source.mimeType||"Unknown type");return(s,r)=>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:r[0]||(r[0]=l=>n.value=!0)},null,42,lr)):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"},[...r[1]||(r[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,cr),o.filename?(e.openBlock(),e.createElementBlock("span",ur,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,dr)):(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",pr,e.toDisplayString(e.unref(j.getDocumentIcon)(o.source.mimeType??"")),1),e.createElementVNode("span",mr,e.toDisplayString(i.value),1)],2))}});function Ke(t,o,n){n.value=o(t.getState());const a=t.select(o).subscribe(()=>{n.value=o(t.getState())});e.onScopeDispose(()=>a.unsubscribe())}function zn(t){const{copilotkit:o}=Ce(),n=Z.ɵcreateThreadStore({fetch:o.value.ɵruntimeFetch}),a=e.computed(()=>e.toValue(t.agentId)),i=e.computed(()=>e.toValue(t.includeArchived)),s=e.computed(()=>e.toValue(t.limit)),r=e.computed(()=>e.toValue(t.enabled)??!0),l=e.computed(()=>o.value.threadEndpoints?.list!==!1),c=e.computed(()=>o.value.threadEndpoints?.mutations!==!1),u=e.computed(()=>!!o.value.runtimeUrl&&o.value.runtimeConnectionStatus===Z.CopilotKitCoreRuntimeConnectionStatus.Connected&&!l.value),d=e.computed(()=>u.value?new Error("Thread endpoints are not available on this CopilotKit runtime"):null),y=e.computed(()=>c.value?null:new Error("Thread mutations are not available on this CopilotKit runtime")),w=e.computed(()=>JSON.stringify(Object.entries(o.value.headers??{}).sort(([B],[L])=>B.localeCompare(L)))),f=e.ref([]),h=e.ref(!1),b=e.ref(null),m=e.ref(null),k=e.ref(!1),g=e.ref(!1),S=e.ref(!1);Ke(n,Z.ɵselectThreads,f),Ke(n,Z.ɵselectThreadsIsLoading,h),Ke(n,Z.ɵselectThreadsError,b),Ke(n,Z.ɵselectFetchMoreError,m),Ke(n,Z.ɵselectHasNextPage,k),Ke(n,Z.ɵselectIsFetchingNextPage,g),Ke(n,Z.ɵselectIsMutating,S),n.start(),e.onScopeDispose(()=>{n.stop()}),e.watch([r,a],([B,L],_,x)=>{B&&(o.value.registerThreadStore(L,n),x(()=>{o.value.unregisterThreadStore(L)}))},{immediate:!0});const v=e.ref(!1);e.watch([()=>o.value.runtimeUrl,()=>o.value.runtimeConnectionStatus,w,()=>o.value.intelligence?.wsUrl,a,i,s,r,l],([B,L,,_,x,I,D,A,O])=>{if(!B||!A){n.setContext(null),v.value=!1;return}if(L!==Z.CopilotKitCoreRuntimeConnectionStatus.Connected)return;if(!O){n.setContext(null),v.value=!1;return}const X={runtimeUrl:B,headers:{...o.value.headers},wsUrl:_,agentId:x,includeArchived:I,limit:D};n.setContext(X),v.value=!0},{immediate:!0});const C=e.computed(()=>o.value.runtimeUrl?null:new Error("Runtime URL is not configured")),p=e.computed(()=>!!o.value.runtimeUrl&&r.value&&!u.value&&!v.value),R=e.computed(()=>C.value||d.value?!1:p.value||h.value),M=e.computed(()=>C.value??d.value??b.value),$=e.computed(()=>b.value);function F(B){return(...L)=>y.value?Promise.reject(y.value):B(...L)}return{threads:e.computed(()=>f.value.map(({id:B,agentId:L,name:_,archived:x,createdAt:I,updatedAt:D,lastRunAt:A})=>({id:B,agentId:L,name:_,archived:x,createdAt:I,updatedAt:D,...A!==void 0?{lastRunAt:A}:{}}))),isLoading:R,error:M,listError:$,fetchMoreError:m,hasMoreThreads:k,isFetchingMoreThreads:g,isMutating:S,fetchMoreThreads:()=>n.fetchNextPage(),refetchThreads:()=>n.refetchThreads(),startNewThread:()=>n.startNewThread(),renameThread:F((B,L)=>n.renameThread(B,L)),archiveThread:F(B=>n.archiveThread(B)),unarchiveThread:F(B=>n.unarchiveThread(B)),deleteThread:F(B=>n.deleteThread(B))}}const Qt="copilot-chat-input-textarea",gr="copilot-chat-view",hr=e.defineComponent({__name:"CopilotThreadsDrawer",props:{agentId:{},onThreadSelect:{},onNewThread:{},onLicensed:{},licenseUrl:{},label:{},recentLabel:{},collapsible:{type:Boolean,default:!0},limit:{},dataTestId:{default:"copilot-threads-drawer"}},emits:["collapse-change"],setup(t,{emit:o}){const n=t,a=o,i=pe(),s=ot(),r=e.computed(()=>{const A=s.value.status;return A==="unknown"?!0:(A==="valid"||A==="expiring")&&s.value.checkFeature("threads")}),l=e.computed(()=>s.value.status===null),c=e.computed(()=>n.agentId??i.value?.agentId??j.DEFAULT_AGENT_ID),u=e.computed(()=>i.value?.threadId??null),d=e.ref(!1),y=e.computed(()=>i.value?i.value.drawerOpen:d.value);function w(A){i.value?i.value.setDrawerOpen?.(A):d.value=A}const f=zn({agentId:c,includeArchived:!0,enabled:r,limit:()=>n.limit});function h(A){return{id:A.id,name:A.name,archived:A.archived,createdAt:A.createdAt,updatedAt:A.updatedAt,...A.lastRunAt!==void 0?{lastRunAt:A.lastRunAt}:{}}}const b=e.computed(()=>f.threads.value.map(h)),m=e.ref(!1),k=e.ref(null),g=e.ref(null);e.onMounted(async()=>{const A=await import("@copilotkit/web-components/threads-drawer");A.defineCopilotKitThreadsDrawer(),k.value=A.COPILOTKIT_THREADS_DRAWER_TAG,m.value=!0}),e.watchEffect(()=>{const A=g.value;A&&(A.threads=b.value,A.loading=f.isLoading.value||l.value,A.error=f.listError.value?.message??null,A.activeThreadId=u.value,A.licensed=r.value||l.value,A.hasMore=f.hasMoreThreads.value,A.fetchingMore=f.isFetchingMoreThreads.value,A.fetchMoreError=f.fetchMoreError.value?.message??null,A.open=y.value,n.label!==void 0&&(A.label=n.label),n.licenseUrl!==void 0&&(A.licenseUrl=n.licenseUrl),n.collapsible!==void 0&&(A.collapsible=n.collapsible))},{flush:"post"});const S=i.value?.registerDrawer?.();S&&e.onScopeDispose(S);function v(A){if(typeof document>"u")return null;const O=A?.closest?.(`[data-testid="${gr}"]`);if(O){const X=O.querySelector(`[data-testid="${Qt}"]`);if(X)return X}return document.querySelector(`[data-testid="${Qt}"]`)}function C(){v(g.value)?.focus()}function p(A){const{threadId:O}=A.detail;n.onThreadSelect?n.onThreadSelect(O):i.value?.setActiveThreadId?.(O,{explicit:!0}),C()}function R(){f.startNewThread(),n.onNewThread?n.onNewThread():i.value?.startNewThread?.()}function M(A){const{threadId:O}=A.detail;f.archiveThread(O).catch(X=>console.error("CopilotThreadsDrawer: archiveThread failed",X))}function $(A){const{threadId:O}=A.detail;f.unarchiveThread(O).catch(X=>console.error("CopilotThreadsDrawer: unarchiveThread failed",X))}function F(A){const{threadId:O}=A.detail,X=O===u.value;f.deleteThread(O).then(()=>{X&&R()}).catch(E=>console.error("CopilotThreadsDrawer: deleteThread failed",E))}function B(){f.refetchThreads()}function L(A){const{collapsed:O}=A.detail;a("collapse-change",O)}function _(A){const{scope:O}=A.detail;O==="fetch-more"?f.fetchMoreThreads():f.refetchThreads()}function x(){f.fetchMoreThreads()}function I(A){const{open:O}=A.detail;w(O)}function D(){n.onLicensed?.()}return(A,O)=>m.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value),{key:0,ref_key:"elRef",ref:g,"data-testid":t.dataTestId,"recent-label":t.recentLabel,onThreadSelected:p,onNewThread:R,onArchive:M,onUnarchive:$,onDelete:F,onFilterChange:B,onCollapseChange:L,onRetry:_,onLoadMore:x,onOpenChange:I,onLicensed:D},{default:e.withCtx(()=>[e.renderSlot(A.$slots,"default"),A.$slots.row?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(f).threads.value,X=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:X.id},{ref_for:!0},{slot:`row:${X.id}`}),[e.renderSlot(A.$slots,"row",{thread:X})],16))),128)):e.createCommentVNode("",!0)]),_:3},40,["data-testid","recent-label"])):e.createCommentVNode("",!0)}}),Mt=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})}}}),$t=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"})}}}),vr=["type","data-state","aria-label","aria-pressed","disabled"],lt="cpk:h-6 cpk:w-6",Xt="cpk:pointer-events-none cpk:absolute cpk:inset-0 cpk:flex cpk:items-center cpk:justify-center cpk:will-change-transform",Bt=e.defineComponent({inheritAttrs:!1,__name:"CopilotChatToggleButton",props:{disabled:{type:Boolean,default:!1},type:{default:"button"}},setup(t){const o=t,n=e.useAttrs(),a=pe(),i=e.ref(!1),s=e.computed(()=>a.value?.labels??Ve),r=e.computed(()=>a.value?.isModalOpen??i.value),l=e.computed(()=>r.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]),u=e.computed(()=>{const{class:h,onClick:b,...m}=n;return m}),d=Object.freeze({transition:"opacity 120ms ease-out, transform 260ms cubic-bezier(0.22, 1, 0.36, 1)"});function y(h){if(a.value?.setModalOpen){a.value.setModalOpen(h);return}i.value=h}function w(){const h=n.onClick;return Array.isArray(h)?h.filter(b=>typeof b=="function"):typeof h=="function"?[h]:[]}function f(h){if(!o.disabled){for(const b of w())b(h);h.defaultPrevented||y(!r.value)}}return(h,b)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({"data-copilotkit":"",type:t.type,"data-slot":"chat-toggle-button","data-state":r.value?"open":"closed",class:c.value,"aria-label":l.value,"aria-pressed":r.value,disabled:t.disabled},u.value,{onClick:f}),[e.createElementVNode("span",{"aria-hidden":"true","data-slot":"chat-toggle-button-open-icon",class:e.normalizeClass(Xt),style:e.normalizeStyle({...e.unref(d),opacity:r.value?0:1,transform:`scale(${r.value?.75:1}) rotate(${r.value?90:0}deg)`})},[e.renderSlot(h.$slots,"open-icon",{iconClass:lt,isOpen:r.value},()=>[e.createVNode(e.unref($t),{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(Xt),style:e.normalizeStyle({...e.unref(d),opacity:r.value?1:0,transform:`scale(${r.value?1:.75}) rotate(${r.value?0:-90}deg)`})},[e.renderSlot(h.$slots,"close-icon",{iconClass:lt,isOpen:r.value},()=>[e.createVNode(e.unref(Mt),{class:e.normalizeClass(lt),"aria-hidden":"true",focusable:!1})])],4)],16,vr))}}),jn=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:i,type:s,...r}=n;return e.h("button",{...r,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",i],"aria-label":a.value},o.default?o.default():[e.h(oe.X,{class:"cpk:h-4 cpk:w-4","aria-hidden":!0})])}}}),_n=e.defineComponent({name:"CopilotModalHeaderTitle",inheritAttrs:!1,setup(t,{attrs:o,slots:n}){return()=>{const{class:a,...i}=o;return e.h("div",{...i,class:["cpk:w-full cpk:text-base cpk:font-medium cpk:leading-none cpk:tracking-tight cpk:text-foreground",a]},n.default?n.default():[])}}}),br={class:"cpk:flex cpk:w-full cpk:items-center cpk:gap-2"},kr={class:"cpk:flex cpk:flex-1 cpk:justify-start"},yr=["aria-expanded"],wr={key:1,"aria-hidden":"true"},Cr={class:"cpk:flex cpk:flex-1 cpk:justify-center cpk:text-center"},Sr={class:"cpk:flex cpk:flex-1 cpk:justify-end"},Ft=e.defineComponent({inheritAttrs:!1,__name:"CopilotModalHeader",props:{title:{}},setup(t){const o=t,n=e.useAttrs(),a=pe(),i=e.computed(()=>o.title??a.value?.labels.modalHeaderTitle??Ve.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]),r=e.computed(()=>{const{class:f,...h}=n;return h});function l(){a.value?.setModalOpen?.(!1)}const c=e.ref(!1);let u=null;function d(){u&&(c.value=u.matches)}e.onMounted(()=>{typeof window>"u"||typeof window.matchMedia!="function"||(u=window.matchMedia(xn),u.addEventListener("change",d),d())}),e.onBeforeUnmount(()=>{u?.removeEventListener("change",d),u=null});const y=e.computed(()=>(a.value?.drawerRegistered??!1)&&c.value);function w(){a.value?.setDrawerOpen?.(!a.value?.drawerOpen)}return(f,h)=>(e.openBlock(),e.createElementBlock("header",e.mergeProps({"data-copilotkit":"","data-slot":"copilot-modal-header",class:s.value},r.value),[e.renderSlot(f.$slots,"layout",{title:i.value,onClose:l},()=>[e.createElementVNode("div",br,[e.createElementVNode("div",kr,[y.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","data-testid":"drawer-launcher",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","aria-expanded":e.unref(a)?.drawerOpen??!1,"aria-label":"Open threads",onClick:w},[e.createVNode(e.unref(oe.PanelLeftOpen),{class:"cpk:h-4 cpk:w-4","aria-hidden":"true"})],8,yr)):(e.openBlock(),e.createElementBlock("span",wr))]),e.createElementVNode("div",Cr,[e.renderSlot(f.$slots,"title-content",{title:i.value},()=>[e.createVNode(e.unref(_n),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value),1)]),_:1})])]),e.createElementVNode("div",Sr,[e.renderSlot(f.$slots,"close-button",{onClose:l},()=>[e.createVNode(e.unref(jn),{onClick:l})])])])])],16))}}),xr={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"},Tr=["aria-label"],Ir={class:"cpk:flex-1 cpk:overflow-hidden","data-popup-chat":""},Rr=420,Ar=560,Yt=200,Er=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:()=>[]},onSubmitMessage:{},onStop:{},onInputChange:{},onSelectSuggestion:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},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,i=e.useAttrs(),s=pe(),r=e.ref(null),l=e.ref(s.value?.isModalOpen??!1),c=e.ref(!1);let u,d;const y=e.computed(()=>s.value?.isModalOpen??!1),w=e.computed(()=>s.value?.labels??Ve),f=e.computed(()=>w.value.modalHeaderTitle),h=e.computed(()=>y.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]"),b=e.computed(()=>({"--copilot-popup-width":m(n.width,Rr),"--copilot-popup-height":m(n.height,Ar),"--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 m(x,I){return typeof x=="number"&&Number.isFinite(x)?`${x}px`:typeof x=="string"&&x.trim().length>0?x:`${I}px`}function k(){s.value?.setModalOpen?.(!1)}function g(){s.value?.setModalOpen?.(!0)}function S(){s.value?.setModalOpen?.(!y.value)}function v(x){a("submit-message",x)}function C(){a("stop")}function p(x){a("input-change",x)}function R(x,I){a("select-suggestion",x,I)}function M(){a("add-file")}function $(){a("start-transcribe")}function F(){a("cancel-transcribe")}function B(){a("finish-transcribe")}const L=e.computed(()=>{const x={onSubmitMessage:v,onInputChange:p,onSelectSuggestion:R};return n.onStop&&(x.onStop=C),n.onAddFile&&(x.onAddFile=M),n.onStartTranscribe&&(x.onStartTranscribe=$),n.onCancelTranscribe&&(x.onCancelTranscribe=F),n.onFinishTranscribe&&(x.onFinishTranscribe=B),x}),_=e.computed(()=>({...i,...L.value}));return e.watch(y,x=>{if(u&&(clearTimeout(u),u=void 0),x){l.value=!0,c.value=!1;return}l.value&&(c.value=!0,u=setTimeout(()=>{l.value=!1,c.value=!1,u=void 0},Yt))},{immediate:!0}),e.watch(y,(x,I,D)=>{if(!x||typeof window>"u")return;const A=O=>{O.key==="Escape"&&(O.preventDefault(),k())};window.addEventListener("keydown",A),D(()=>{window.removeEventListener("keydown",A)})},{immediate:!0}),e.watch(y,(x,I,D)=>{x&&(d=setTimeout(()=>{if(typeof document>"u")return;const A=r.value;A&&!A.contains(document.activeElement)&&A.focus({preventScroll:!0})},Yt),D(()=>{d&&(clearTimeout(d),d=void 0)}))},{immediate:!0}),e.watch([y,()=>n.clickOutsideToClose],([x,I],D,A)=>{if(!x||!I||typeof document>"u")return;const O=X=>{const E=X.target;!E||r.value?.contains(E)||document.querySelector("[data-slot='chat-toggle-button']")?.contains(E)||k()};document.addEventListener("pointerdown",O),A(()=>{document.removeEventListener("pointerdown",O)})},{immediate:!0}),e.onMounted(async()=>{await e.nextTick()}),e.onBeforeUnmount(()=>{u&&clearTimeout(u),d&&clearTimeout(d)}),(x,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(x.$slots,"toggle-button",{isOpen:y.value,toggle:S,open:g,close:k},()=>[e.createVNode(Bt)]),l.value?(e.openBlock(),e.createElementBlock("div",xr,[e.createElementVNode("div",{ref_key:"containerRef",ref:r,tabindex:"-1",role:"dialog","aria-label":w.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",h.value]),style:e.normalizeStyle(b.value)},[e.renderSlot(x.$slots,"header",{title:f.value,onClose:k,isOpen:y.value},()=>[e.createVNode(Ft,{title:f.value},null,8,["title"])]),e.createElementVNode("div",Ir,[e.createVNode(at,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},_.value),e.createSlots({_:2},[x.$slots["message-view"]?{name:"message-view",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(D)))]),key:"0"}:void 0,x.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(D)))]),key:"1"}:void 0,x.$slots.feather?{name:"feather",fn:e.withCtx(()=>[e.renderSlot(x.$slots,"feather")]),key:"2"}:void 0,x.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(D)))]),key:"3"}:void 0,x.$slots.input?{name:"input",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"input",e.normalizeProps(e.guardReactiveProps(D)))]),key:"4"}:void 0,x.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(D)))]),key:"5"}:void 0,x.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(D=>[e.renderSlot(x.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(D)))]),key:"6"}:void 0,x.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(x.$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,Tr)])):e.createCommentVNode("",!0)],64))}}),Hn=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:()=>[]},onSubmitMessage:{},onStop:{},onInputChange:{},onSelectSuggestion:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},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,i=e.useAttrs(),s=e.computed(()=>{const{defaultOpen:c,...u}=n;return u}),r=e.computed(()=>{const c={onSubmitMessage:u=>a("submit-message",u),onInputChange:u=>a("input-change",u),onSelectSuggestion:(u,d)=>a("select-suggestion",u,d)};return n.onStop&&(c.onStop=()=>a("stop")),n.onAddFile&&(c.onAddFile=()=>a("add-file")),n.onStartTranscribe&&(c.onStartTranscribe=()=>a("start-transcribe")),n.onCancelTranscribe&&(c.onCancelTranscribe=()=>a("cancel-transcribe")),n.onFinishTranscribe&&(c.onFinishTranscribe=()=>a("finish-transcribe")),c}),l=e.computed(()=>({...i,...s.value,...r.value}));return(c,u)=>(e.openBlock(),e.createBlock(mt,{"is-modal-default-open":t.defaultOpen},{default:e.withCtx(()=>[e.createVNode(Er,e.normalizeProps(e.guardReactiveProps(l.value)),e.createSlots({_:2},[c.$slots.header?{name:"header",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"header",e.normalizeProps(e.guardReactiveProps(d)))]),key:"0"}:void 0,c.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(d)))]),key:"1"}:void 0,c.$slots["message-view"]?{name:"message-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"2"}:void 0,c.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"3"}:void 0,c.$slots.feather?{name:"feather",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"feather",e.normalizeProps(e.guardReactiveProps(d)))]),key:"4"}:void 0,c.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(d)))]),key:"5"}:void 0,c.$slots.input?{name:"input",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"input",e.normalizeProps(e.guardReactiveProps(d)))]),key:"6"}:void 0,c.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"7"}:void 0,c.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(d)))]),key:"8"}:void 0,c.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"welcome-message")]),key:"9"}:void 0]),1040)]),_:3},8,["is-modal-default-open"]))}}),Mr={"data-copilotkit":"",class:"cpk:h-full cpk:flex cpk:flex-col","data-testid":"copilot-popup-welcome-screen"},$r={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"},Fr={class:"cpk:mb-4 cpk:flex cpk:justify-center cpk:px-4"},Wn=e.defineComponent({__name:"CopilotPopupWelcomeScreen",props:{modelValue:{default:""},isRunning:{type:Boolean,default:!1},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},onUpdateModelValue:{},onSubmitMessage:{},suggestions:{default:()=>[]},loadingIndexes:{default:()=>[]},onSelectSuggestion:{},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},canStop:{type:Boolean,default:void 0},canAddFile:{type:Boolean,default:void 0},canTranscribe:{type:Boolean,default:void 0}},setup(t){const o=t,n=pe(),a=e.computed(()=>n.value?.labels??Ve);function i(){o.onStop?.()}function s(){o.onAddFile?.()}function r(){o.onStartTranscribe?.()}function l(){o.onCancelTranscribe?.()}function c(){o.onFinishTranscribe?.()}async function u(h){await o.onFinishTranscribeWithAudio?.(h)}const d=e.computed(()=>({modelValue:o.modelValue,isRunning:o.isRunning,inputMode:o.inputMode,inputToolsMenu:o.inputToolsMenu,canStop:o.canStop??!!o.onStop,canAddFile:o.canAddFile??!!o.onAddFile,canTranscribe:o.canTranscribe??!!o.onStartTranscribe,onUpdateModelValue:o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:i,onAddFile:s,onStartTranscribe:r,onCancelTranscribe:l,onFinishTranscribe:c,onFinishTranscribeWithAudio:u})),y=e.computed(()=>({suggestions:o.suggestions,loadingIndexes:o.loadingIndexes,onSelectSuggestion:o.onSelectSuggestion})),w=e.computed(()=>({...d.value,...y.value})),f=e.computed(()=>{const h={"onUpdate:modelValue":o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop};return o.onAddFile&&(h.onAddFile=o.onAddFile),o.onStartTranscribe&&(h.onStartTranscribe=o.onStartTranscribe),o.onCancelTranscribe&&(h.onCancelTranscribe=o.onCancelTranscribe),o.onFinishTranscribe&&(h.onFinishTranscribe=o.onFinishTranscribe),o.onFinishTranscribeWithAudio&&(h.onFinishTranscribeWithAudio=o.onFinishTranscribeWithAudio),h});return(h,b)=>e.renderSlot(h.$slots,"layout",e.normalizeProps(e.guardReactiveProps(w.value)),()=>[e.createElementVNode("div",Mr,[e.createElementVNode("div",$r,[e.renderSlot(h.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",Br,e.toDisplayString(a.value.welcomeMessageText),1)])]),e.createElementVNode("div",null,[e.createElementVNode("div",Fr,[e.renderSlot(h.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(y.value)),()=>[e.createVNode(tt,{suggestions:t.suggestions,"loading-indexes":t.loadingIndexes,onSelectSuggestion:t.onSelectSuggestion},null,8,["suggestions","loading-indexes","onSelectSuggestion"])])]),e.renderSlot(h.$slots,"input",e.normalizeProps(e.guardReactiveProps(d.value)),()=>[e.createVNode(et,e.mergeProps({"model-value":t.modelValue,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0},f.value),null,16,["model-value","is-running","mode","tools-menu"])])])])])}}),Nr=["aria-hidden"],Vr={class:"cpk:flex cpk:h-full cpk:w-full cpk:flex-col cpk:overflow-hidden"},Dr={class:"cpk:flex-1 cpk:overflow-hidden","data-sidebar-chat":""},Or=480,Lr=260,Pr=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:()=>[]},onSubmitMessage:{},onStop:{},onInputChange:{},onSelectSuggestion:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},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,i=e.useAttrs(),s=pe(),r=e.ref(null),l=e.ref(n.width??Or);let c=null;const u=e.computed(()=>s.value?.isModalOpen??!1),d=e.computed(()=>n.width??l.value),y=e.computed(()=>s.value?.labels.modalHeaderTitle??Ve.modalHeaderTitle),w=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",u.value?"cpk:translate-x-0":"cpk:translate-x-full cpk:pointer-events-none",i.class]),f=e.computed(()=>{const{class:I,...D}=i;return D}),h=e.computed(()=>({"--sidebar-width":m(d.value),paddingTop:"env(safe-area-inset-top)",paddingBottom:"env(safe-area-inset-bottom)"})),b=e.computed(()=>`
|
|
76
|
-
@media (min-width: 768px) {
|
|
77
|
-
body {
|
|
78
|
-
margin-inline-end: ${k(d.value)};
|
|
79
|
-
transition: margin-inline-end ${Lr}ms ease;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
`);function m(I){return typeof I=="number"?`${I}px`:I}function k(I){return typeof I=="number"?`${I}px`:I}function g(){if(n.width!==void 0||!r.value)return;const I=r.value.getBoundingClientRect().width;I>0&&(l.value=I)}function S(){s.value?.setModalOpen?.(!1)}function v(){s.value?.setModalOpen?.(!0)}function C(){s.value?.setModalOpen?.(!u.value)}function p(I){a("submit-message",I)}function R(){a("stop")}function M(I){a("input-change",I)}function $(I,D){a("select-suggestion",I,D)}function F(){a("add-file")}function B(){a("start-transcribe")}function L(){a("cancel-transcribe")}function _(){a("finish-transcribe")}const x=e.computed(()=>{const I={onSubmitMessage:p,onInputChange:M,onSelectSuggestion:$};return n.onStop&&(I.onStop=R),n.onAddFile&&(I.onAddFile=F),n.onStartTranscribe&&(I.onStartTranscribe=B),n.onCancelTranscribe&&(I.onCancelTranscribe=L),n.onFinishTranscribe&&(I.onFinishTranscribe=_),I});return e.watch(()=>n.width,I=>{if(I!==void 0){l.value=I;return}g()}),e.onMounted(async()=>{await e.nextTick(),g(),!(n.width!==void 0||!r.value||typeof ResizeObserver>"u")&&(c=new ResizeObserver(()=>{g()}),c.observe(r.value))}),e.onBeforeUnmount(()=>{c?.disconnect(),c=null}),(I,D)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[u.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent("style"),{key:0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.value),1)]),_:1})):e.createCommentVNode("",!0),e.renderSlot(I.$slots,"toggle-button",{isOpen:u.value,toggle:C,open:v,close:S},()=>[e.createVNode(Bt)]),e.createElementVNode("aside",e.mergeProps({ref_key:"sidebarRef",ref:r,"data-copilotkit":"","data-copilot-sidebar":"",class:w.value,style:h.value,"aria-label":"Copilot chat sidebar","aria-hidden":!u.value,role:"complementary"},f.value),[e.createElementVNode("div",Vr,[e.renderSlot(I.$slots,"header",{title:y.value,onClose:S,isOpen:u.value},()=>[e.createVNode(Ft,{title:y.value},null,8,["title"])]),e.createElementVNode("div",Dr,[e.createVNode(at,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},[I.$slots["message-view"]?{name:"message-view",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(A)))]),key:"0"}:void 0,I.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(A)))]),key:"1"}:void 0,I.$slots.feather?{name:"feather",fn:e.withCtx(()=>[e.renderSlot(I.$slots,"feather")]),key:"2"}:void 0,I.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(A)))]),key:"3"}:void 0,I.$slots.input?{name:"input",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"input",e.normalizeProps(e.guardReactiveProps(A)))]),key:"4"}:void 0,I.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(A)))]),key:"5"}:void 0,I.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(A=>[e.renderSlot(I.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(A)))]),key:"6"}:void 0,I.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(I.$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,Nr)],64))}}),qn=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:()=>[]},onSubmitMessage:{},onStop:{},onInputChange:{},onSelectSuggestion:{},onStartTranscribe:{},onCancelTranscribe:{},onFinishTranscribe:{},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,i=e.useAttrs(),s=e.computed(()=>{const{defaultOpen:c,...u}=n;return u}),r=e.computed(()=>({...i,...s.value,...l.value})),l=e.computed(()=>{const c={onSubmitMessage:u=>a("submit-message",u),onInputChange:u=>a("input-change",u),onSelectSuggestion:(u,d)=>a("select-suggestion",u,d)};return n.onStop&&(c.onStop=()=>a("stop")),n.onAddFile&&(c.onAddFile=()=>a("add-file")),n.onStartTranscribe&&(c.onStartTranscribe=()=>a("start-transcribe")),n.onCancelTranscribe&&(c.onCancelTranscribe=()=>a("cancel-transcribe")),n.onFinishTranscribe&&(c.onFinishTranscribe=()=>a("finish-transcribe")),c});return(c,u)=>(e.openBlock(),e.createBlock(mt,{"is-modal-default-open":t.defaultOpen},{default:e.withCtx(()=>[e.createVNode(Pr,e.normalizeProps(e.guardReactiveProps(r.value)),e.createSlots({_:2},[c.$slots.header?{name:"header",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"header",e.normalizeProps(e.guardReactiveProps(d)))]),key:"0"}:void 0,c.$slots["toggle-button"]?{name:"toggle-button",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"toggle-button",e.normalizeProps(e.guardReactiveProps(d)))]),key:"1"}:void 0,c.$slots["message-view"]?{name:"message-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"message-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"2"}:void 0,c.$slots["scroll-view"]?{name:"scroll-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"scroll-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"3"}:void 0,c.$slots.feather?{name:"feather",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"feather",e.normalizeProps(e.guardReactiveProps(d)))]),key:"4"}:void 0,c.$slots["scroll-to-bottom-button"]?{name:"scroll-to-bottom-button",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"scroll-to-bottom-button",e.normalizeProps(e.guardReactiveProps(d)))]),key:"5"}:void 0,c.$slots.input?{name:"input",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"input",e.normalizeProps(e.guardReactiveProps(d)))]),key:"6"}:void 0,c.$slots["suggestion-view"]?{name:"suggestion-view",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(d)))]),key:"7"}:void 0,c.$slots["welcome-screen"]?{name:"welcome-screen",fn:e.withCtx(d=>[e.renderSlot(c.$slots,"welcome-screen",e.normalizeProps(e.guardReactiveProps(d)))]),key:"8"}:void 0,c.$slots["welcome-message"]?{name:"welcome-message",fn:e.withCtx(()=>[e.renderSlot(c.$slots,"welcome-message")]),key:"9"}:void 0]),1040)]),_:3},8,["is-modal-default-open"]))}}),Ur={"data-copilotkit":"",class:"cpk:h-full cpk:flex cpk:flex-col","data-testid":"copilot-sidebar-welcome-screen"},zr={class:"cpk:flex-1 cpk:flex cpk:flex-col cpk:items-center cpk:justify-center cpk:px-4"},jr={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"},Hr={class:"cpk:max-w-3xl cpk:mx-auto"},Wr={class:"cpk:mb-4 cpk:flex cpk:justify-center"},Kn=e.defineComponent({__name:"CopilotSidebarWelcomeScreen",props:{modelValue:{default:""},isRunning:{type:Boolean,default:!1},inputMode:{default:"input"},inputToolsMenu:{default:()=>[]},onUpdateModelValue:{},onSubmitMessage:{},suggestions:{default:()=>[]},loadingIndexes:{default:()=>[]},onSelectSuggestion:{},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},canStop:{type:Boolean,default:void 0},canAddFile:{type:Boolean,default:void 0},canTranscribe:{type:Boolean,default:void 0}},setup(t){const o=t,n=pe(),a=e.computed(()=>n.value?.labels??Ve);function i(){o.onStop?.()}function s(){o.onAddFile?.()}function r(){o.onStartTranscribe?.()}function l(){o.onCancelTranscribe?.()}function c(){o.onFinishTranscribe?.()}async function u(h){await o.onFinishTranscribeWithAudio?.(h)}const d=e.computed(()=>({modelValue:o.modelValue,isRunning:o.isRunning,inputMode:o.inputMode,inputToolsMenu:o.inputToolsMenu,canStop:o.canStop??!!o.onStop,canAddFile:o.canAddFile??!!o.onAddFile,canTranscribe:o.canTranscribe??!!o.onStartTranscribe,onUpdateModelValue:o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:i,onAddFile:s,onStartTranscribe:r,onCancelTranscribe:l,onFinishTranscribe:c,onFinishTranscribeWithAudio:u})),y=e.computed(()=>({suggestions:o.suggestions,loadingIndexes:o.loadingIndexes,onSelectSuggestion:o.onSelectSuggestion})),w=e.computed(()=>({...d.value,...y.value})),f=e.computed(()=>{const h={"onUpdate:modelValue":o.onUpdateModelValue,onSubmitMessage:o.onSubmitMessage,onStop:o.onStop};return o.onAddFile&&(h.onAddFile=o.onAddFile),o.onStartTranscribe&&(h.onStartTranscribe=o.onStartTranscribe),o.onCancelTranscribe&&(h.onCancelTranscribe=o.onCancelTranscribe),o.onFinishTranscribe&&(h.onFinishTranscribe=o.onFinishTranscribe),o.onFinishTranscribeWithAudio&&(h.onFinishTranscribeWithAudio=o.onFinishTranscribeWithAudio),h});return(h,b)=>e.renderSlot(h.$slots,"layout",e.normalizeProps(e.guardReactiveProps(w.value)),()=>[e.createElementVNode("div",Ur,[e.createElementVNode("div",zr,[e.renderSlot(h.$slots,"welcome-message",{},()=>[e.createElementVNode("h1",jr,e.toDisplayString(a.value.welcomeMessageText),1)])]),e.createElementVNode("div",_r,[e.createElementVNode("div",Hr,[e.createElementVNode("div",Wr,[e.renderSlot(h.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(y.value)),()=>[e.createVNode(tt,{suggestions:t.suggestions,"loading-indexes":t.loadingIndexes,onSelectSuggestion:t.onSelectSuggestion},null,8,["suggestions","loading-indexes","onSelectSuggestion"])])]),e.renderSlot(h.$slots,"input",e.normalizeProps(e.guardReactiveProps(d.value)),()=>[e.createVNode(et,e.mergeProps({"model-value":t.modelValue,"is-running":t.isRunning,mode:t.inputMode,"tools-menu":t.inputToolsMenu,positioning:"static","show-disclaimer":!0},f.value),null,16,["model-value","is-running","mode","tools-menu"])])])])])])}}),qr=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.canStop?{onStop:s.onStop}:{},...s.canAddFile?{onAddFile:s.onAddFile}:{},...s.canTranscribe?{onStartTranscribe:s.onStartTranscribe,onCancelTranscribe:s.onCancelTranscribe,onFinishTranscribe:s.onFinishTranscribe}:{}}}const n=t,a=ot(),i=e.computed(()=>a.value.checkFeature("popup"));return e.watch(i,s=>{s||console.warn('[CopilotKit] Warning: "popup" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0}),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(At,{key:0,"feature-name":"Popup"})),e.createVNode(Et,e.mergeProps(n,{onSubmitMessage:r[0]||(r[0]=l=>s.$emit("submit-message",l)),onStop:r[1]||(r[1]=l=>s.$emit("stop")),onInputChange:r[2]||(r[2]=l=>s.$emit("input-change",l)),onSelectSuggestion:r[3]||(r[3]=(l,c)=>s.$emit("select-suggestion",l,c)),onAddFile:r[4]||(r[4]=l=>s.$emit("add-file")),onStartTranscribe:r[5]||(r[5]=l=>s.$emit("start-transcribe")),onCancelTranscribe:r[6]||(r[6]=l=>s.$emit("cancel-transcribe")),onFinishTranscribe:r[7]||(r[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,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(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(u=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"1"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(u=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(u)))]),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))}}),Kr=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.canStop?{onStop:s.onStop}:{},...s.canAddFile?{onAddFile:s.onAddFile}:{},...s.canTranscribe?{onStartTranscribe:s.onStartTranscribe,onCancelTranscribe:s.onCancelTranscribe,onFinishTranscribe:s.onFinishTranscribe}:{}}}const n=t,a=ot(),i=e.computed(()=>a.value.checkFeature("sidebar"));return e.watch(i,s=>{s||console.warn('[CopilotKit] Warning: "sidebar" feature is not licensed. Visit copilotkit.ai/pricing')},{immediate:!0}),(s,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(At,{key:0,"feature-name":"Sidebar"})),e.createVNode(Et,e.mergeProps(n,{onSubmitMessage:r[0]||(r[0]=l=>s.$emit("submit-message",l)),onStop:r[1]||(r[1]=l=>s.$emit("stop")),onInputChange:r[2]||(r[2]=l=>s.$emit("input-change",l)),onSelectSuggestion:r[3]||(r[3]=(l,c)=>s.$emit("select-suggestion",l,c)),onAddFile:r[4]||(r[4]=l=>s.$emit("add-file")),onStartTranscribe:r[5]||(r[5]=l=>s.$emit("start-transcribe")),onCancelTranscribe:r[6]||(r[6]=l=>s.$emit("cancel-transcribe")),onFinishTranscribe:r[7]||(r[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(qn,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(Kn,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(u=>[e.renderSlot(s.$slots,"suggestion-view",e.normalizeProps(e.guardReactiveProps(u)))]),key:"1"}:void 0,s.$slots.input?{name:"input",fn:e.withCtx(u=>[e.renderSlot(s.$slots,"input",e.normalizeProps(e.guardReactiveProps(u)))]),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))}}),Gr=Object.assign(Et,{View:at}),Jr=Object.assign(Bt,{OpenIcon:$t,CloseIcon:Mt}),Qr=Object.assign(Ft,{Title:_n,CloseButton:jn}),Xr=Object.assign(Hn,{WelcomeScreen:Wn}),Yr=Object.assign(qn,{WelcomeScreen:Kn});function Zr(t){const{copilotkit:o}=Ce(),n=e.computed(()=>e.toValue(t.description)),a=e.computed(()=>e.toValue(t.value)),i=e.computed(()=>typeof a.value=="string"?a.value:JSON.stringify(a.value));e.watch([()=>o.value,n,i],(s,r,l)=>{const c=o.value,u=c.addContext({description:n.value,value:i.value});l(()=>c.removeContext(u))},{immediate:!0})}const ei=[];function Nt(t,o){const{copilotkit:n}=Ce(),a=o??ei;e.watch([()=>t.name,()=>t.available,()=>JSON.stringify(t.webmcp??null),()=>a.length,...a],(i,s,r)=>{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}),r(()=>{l.removeTool(c,t.agentId)})},{immediate:!0})}function ti(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;Nt({name:t.name,description:a,parameters:t.parameters,render:({args:i})=>{const s=t.render;return e.h(s,i)},agentId:t.agentId},o)}const ni=[];function Gn(t,o){const{copilotkit:n}=Ce(),a=o??ni;e.watch([()=>n.value,()=>t.name,()=>t.agentId,()=>a.length,...a],()=>{const i=r=>typeof t.render=="function"?t.render(r):e.h(t.render,r),s=t.name==="*"&&!t.parameters?ct({name:"*",render:r=>i({...r,parameters:r.args}),...t.agentId?{agentId:t.agentId}:{}}):ct({name:t.name,args:t.parameters,render:r=>i({...r,parameters:r.args}),...t.agentId?{agentId:t.agentId}:{}});n.value.addHookRenderToolCall(s)},{immediate:!0})}const Zt=new Set;function oi(t){switch(t){case Z.ToolCallStatus.Complete:return"complete";case Z.ToolCallStatus.Executing:return"executing";case Z.ToolCallStatus.InProgress:return"inProgress";default:{const o=String(t);return Zt.has(o)||(Zt.add(o),console.warn(`[CopilotKit] Unknown ToolCallStatus "${o}" in default tool-call renderer; falling back to "inProgress".`)),"inProgress"}}}function vt(t){const o=t.parameters!==void 0?t.parameters:t.args,n=t.status,a=n==="inProgress"||n==="executing"||n==="complete"?n:oi(n);return{name:t.name,toolCallId:t.toolCallId,parameters:o,status:a,result:t.result}}function en(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 ai=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",i=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":tn(t.parameters),"data-result":tn(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"},i)]),o.value?e.h("div",{style:{marginTop:"12px"}},[e.h("div","Arguments"),e.h("pre",en(t.parameters??{})),t.result!==void 0?e.h("div",[e.h("div","Result"),e.h("pre",typeof t.result=="string"?t.result:en(t.result))]):null]):null])])}}});function tn(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 si(t,o){const n=t?.render;let a;if(typeof n=="function"){const i=n;a=(s=>{const r=vt(s);return i(r)})}else if(n){const i=n;a=(s=>{const r=vt(s);return e.h(i,{name:r.name,toolCallId:r.toolCallId,parameters:r.parameters,status:r.status,result:r.result})})}else a=(i=>{const s=vt(i);return e.h(ai,{name:s.name,toolCallId:s.toolCallId,parameters:s.parameters,status:s.status,result:s.result})});Gn({name:"*",render:a},o)}function ri(t,o){const{copilotkit:n}=Ce(),a=e.ref(null),i=e.ref(null),s=e.ref(null),r=async d=>{a.value&&(s.value?.(),s.value=null,a.value(d),a.value=null,i.value=null)},u={...t,type:"human-in-the-loop",handler:async(d,y)=>{const w=y?.signal;return new Promise((f,h)=>{if(w?.aborted){h(new Error("Human-in-the-loop interaction aborted"));return}if(a.value=f,i.value=h,w){const b=()=>{s.value=null,a.value=null;const m=i.value;i.value=null,m?.(new Error("Human-in-the-loop interaction aborted"))};w.addEventListener("abort",b,{once:!0}),s.value=()=>{w.removeEventListener("abort",b)}}})},render:d=>{const y=t.render;return d.status===Z.ToolCallStatus.InProgress?e.h(y,{...d,name:t.name,description:t.description||"",agentId:t.agentId,respond:void 0}):d.status===Z.ToolCallStatus.Executing?e.h(y,{...d,name:t.name,description:t.description||"",agentId:t.agentId,respond:r}):d.status===Z.ToolCallStatus.Complete?e.h(y,{...d,name:t.name,description:t.description||"",agentId:t.agentId,respond:void 0}):d}};Nt(u,o),e.onScopeDispose(()=>{n.value.removeHookRenderToolCall(t.name,t.agentId)})}function ii(t){return"instructions"in t}function li(t){return t.map(o=>({...o,isLoading:o.isLoading??!1}))}function ci(t,o){const{copilotkit:n}=Ce(),a=pe(),i=o??[],s=e.computed(()=>a.value?.agentId??j.DEFAULT_AGENT_ID),r=e.computed(()=>t?t.consumerAgentId:void 0),l=e.computed(()=>{if(!t||t.available==="disabled")return null;if(ii(t))return{...t};const m=li(t.suggestions);return{...t,suggestions:m}}),c=e.computed(()=>l.value?JSON.stringify(l.value):null),u=e.computed(()=>{if(!l.value)return s.value;const m=l.value.consumerAgentId;return!m||m==="*"?s.value:m}),d=e.computed(()=>r.value===void 0||r.value==="*"),y=e.ref(!1),w=e.ref(null),f=e.ref(null),h=()=>{if(!y.value||!d.value)return;if(Object.values(n.value.agents??{}).some(k=>!!k.agentId&&k.isRunning)){w.value=setTimeout(()=>{w.value=null,h()},0);return}y.value=!1,b()},b=()=>{if(l.value){if(d.value){let m=!1;const k=Object.values(n.value.agents??{});for(const g of k){const S=g.agentId;S&&(g.isRunning?m=!0:n.value.reloadSuggestions(S))}y.value=m,m&&w.value===null&&(w.value=setTimeout(()=>{w.value=null,h()},0));return}u.value&&n.value.reloadSuggestions(u.value)}};e.watch([()=>n.value,c],([m,k],g,S)=>{if(!k||!l.value)return;const v=n.value,C=l.value,p=v.addSuggestionsConfig(C);b(),S(()=>v.removeSuggestionsConfig(p))},{immediate:!0}),e.watch([l,c],([m,k])=>{if(!m){f.value=null;return}k&&f.value===k||(k&&(f.value=k),b())},{immediate:!1}),e.watch([l,()=>i.length,...i],([m])=>{!m||i.length===0||b()},{immediate:!0}),e.watch([()=>n.value,y],(m,k,g)=>{g(()=>{w.value!==null&&(clearTimeout(w.value),w.value=null)})},{immediate:!0}),e.watch([()=>n.value,d],([m,k],g,S)=>{if(!k)return;const v=Object.values(m.agents??{}).filter(C=>!!C).map(C=>C.subscribe({onRunStartedEvent:h,onRunFinishedEvent:h,onRunFinalized:h,onRunFailed:h,onRunErrorEvent:h}));S(()=>{for(const C of v)C.unsubscribe()})},{immediate:!0})}const Jn="on_interrupt";function ui(t){return(typeof t=="object"||typeof t=="function")&&t!==null&&typeof Reflect.get(t,"then")=="function"}function di(t){return t instanceof Promise?t:new Promise((o,n)=>{try{t.then(o,n)}catch(a){n(a)}})}function bt(t){return t.kind==="legacy"?t.event:{name:Jn,value:t.interrupts[0]}}function pi(t={}){const{copilotkit:o}=Ce(),{agent:n}=ft({agentId:t.agentId}),a=e.shallowRef(null),i=e.shallowRef(null),s={};e.watch(n,(f,h,b)=>{if(!f){a.value=null,i.value=null;return}let m=null,k=null;const g=f.subscribe({onCustomEvent:({event:S})=>{S.name===Jn&&(m={name:S.name,value:S.value})},onRunFinishedEvent:S=>{S.outcome==="interrupt"&&(k=S.interrupts)},onRunStartedEvent:()=>{m=null,k=null;for(const S of Object.keys(s))delete s[S];a.value=null},onRunFinalized:()=>{k&&k.length>0?a.value={kind:"standard",interrupts:k}:m&&(a.value={kind:"legacy",event:m}),m=null,k=null},onRunFailed:()=>{m=null,k=null;for(const S of Object.keys(s))delete s[S];a.value=null}});b(()=>g.unsubscribe())},{immediate:!0});const r=async f=>{if(!f.every(g=>s[g.id]))return;const b=f.find(g=>Qe.isInterruptExpired(g));if(b){console.error(`[CopilotKit] useInterrupt: interrupt ${b.id} expired at ${b.expiresAt}; not resuming.`);for(const g of Object.keys(s))delete s[g];a.value=null;return}const m=Qe.buildResumeArray(f,s);for(const g of Object.keys(s))delete s[g];const k=n.value;if(k)try{return await o.value.runAgent({agent:k,resume:m})}catch(g){throw console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing",g),a.value=null,g}},l=async(f,h)=>{const b=a.value;if(!b)return;const m=n.value;if(!m)return;if(b.kind==="legacy"){const g=b.event.value;try{return await o.value.runAgent({agent:m,forwardedProps:{command:{resume:f,interruptEvent:g}}})}catch(S){throw console.error("[CopilotKit] useInterrupt resolve: runAgent rejected; clearing pending + rethrowing",S),a.value=null,S}}b.interrupts.length>1&&h===void 0&&console.warn(`[CopilotKit] useInterrupt: resolve()/cancel() called without an interruptId while ${b.interrupts.length} interrupts are open; defaulting to the first. Pass an interruptId to address a specific interrupt.`);const k=h??b.interrupts[0]?.id;if(k)return s[k]={status:"resolved",payload:f},r(b.interrupts)},c=async f=>{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&&f===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 b=f??h.interrupts[0]?.id;if(b)return s[b]={status:"cancelled"},r(h.interrupts)},u=l,d=c;e.watch(a,(f,h,b)=>{if(!f){i.value=null;return}const m=bt(f);if(t.enabled&&!t.enabled(m)){i.value=null;return}const k=t.handler;if(!k){i.value=null;return}let g=!1;const S=k({event:m,interrupt:f.kind==="standard"?f.interrupts[0]??null:null,interrupts:f.kind==="standard"?f.interrupts:[],resolve:l,cancel:c});ui(S)?di(S).then(v=>{g||(i.value=v)}).catch(v=>{g||(console.error("[CopilotKit] useInterrupt handler failed:",v),i.value=null)}):i.value=S,b(()=>{g=!0})},{immediate:!0});const y=e.computed(()=>a.value?bt(a.value):null),w=e.computed(()=>{const f=a.value;if(!f)return null;const h=bt(f);return t.enabled&&!t.enabled(h)?null:{event:h,interrupt:f.kind==="standard"?f.interrupts[0]??null:null,interrupts:f.kind==="standard"?f.interrupts:[],result:i.value,resolve:l,cancel:c}});return e.watch([()=>o.value,w,()=>t.renderInChat!==!1],([f,h,b],m,k)=>{if(!b)return;f.setInterruptState(h);const g=h;k(()=>{f.interruptState===g&&f.setInterruptState(null)})},{immediate:!0}),e.onScopeDispose(()=>{const f=o.value;t.renderInChat!==!1&&f.interruptState===w.value&&f.setInterruptState(null)}),{interrupt:y,result:i,hasInterrupt:e.computed(()=>w.value!==null),resolve:l,resolveInterrupt:u,cancel:c,cancelInterrupt:d,slotProps:w}}function mi(t){const{agent:o}=ft({agentId:t});return e.computed(()=>{const n=o.value;if(n&&"capabilities"in n)return n.capabilities})}function fi(){const{copilotkit:t}=Ce(),o=pe();return function(a){const i=o.value;if(!i)return null;const s=i.agentId||j.DEFAULT_AGENT_ID,{threadId:r}=i,l=t.value,c=[...l.renderCustomMessages].filter(C=>C.agentId===void 0||C.agentId===s).sort((C,p)=>{const R=C.agentId!==void 0,M=p.agentId!==void 0;return R===M?0:R?-1:1});if(!c.length)return null;const{message:u,position:d}=a,y=l.getRunIdForMessage(s,r,u.id)??l.getRunIdsForThread(s,r).slice(-1)[0],w=y??`missing-run-id:${u.id}`,f=l.getAgent(s);if(!f)return null;const h=y?f.messages.filter(C=>l.getRunIdForMessage(s,r,C.id)===y).map(C=>C.id):[u.id],b=f.messages.findIndex(C=>C.id===u.id);b<0&&console.warn(`[CopilotKit] useRenderCustomMessages: message "${u.id}" not found in agent "${s}" messages`);const m=Math.max(0,b),k=y?Math.max(h.indexOf(u.id),0):0,g=y?h.length:1,S=y?l.getStateByRun(s,r,y):void 0,v={message:u,position:d,runId:w,messageIndex:m,messageIndexInRun:k,numberOfMessagesInRun:g,agentId:s,stateSnapshot:S};for(const C of c)if(C.render)return{renderer:C.render,props:v};return null}}function gi(){const{copilotkit:t}=Ce(),o=pe(),n=e.computed(()=>o.value?.agentId??j.DEFAULT_AGENT_ID),a=e.computed(()=>[...t.value.renderActivityMessages]);function i(r){const l=a.value;if(!l.length)return null;const c=l.filter(u=>u.activityType===r);return c.find(u=>u.agentId===n.value)??c.find(u=>u.agentId===void 0)??l.find(u=>u.activityType==="*")??null}function s(r){const l=i(r.activityType);if(!l)return null;const c=l.content.safeParse(r.content);if(!c.success)return console.warn(`Failed to parse content for activity message '${r.activityType}':`,c.error),null;const u=t.value.getAgent(n.value);return{renderer:l.render,props:{activityType:r.activityType,content:c.data,message:r,agent:u}}}return{renderActivityMessage:s,findRenderer:i}}exports.A2UIActivityContentSchema=po;exports.A2UISurfaceActivityType=uo;exports.CopilotChat=Gr;exports.CopilotChatDefaultLabels=Ve;exports.CopilotChatToggleButton=Jr;exports.CopilotChatToggleButtonCloseIcon=Mt;exports.CopilotChatToggleButtonOpenIcon=$t;exports.CopilotKitCoreVue=un;exports.CopilotModalHeader=Qr;exports.CopilotPopupView=Xr;exports.CopilotSidebarView=Yr;exports.GenerateSandboxedUiArgsSchema=bn;exports.LicenseContextKey=It;exports.MCPAppsActivityContentSchema=ln;exports.MCPAppsActivityRenderer=cn;exports.MCPAppsActivityType=rn;exports.OpenGenerativeUIActivityRenderer=yn;exports.OpenGenerativeUIActivityType=hn;exports.OpenGenerativeUIContentSchema=vn;exports.OpenGenerativeUIRenderer=kn;exports.OpenGenerativeUIToolRenderer=wn;exports.UseAgentUpdate=Bn;exports._sfc_main=In;exports._sfc_main$1=Mn;exports._sfc_main$10=tt;exports._sfc_main$11=An;exports._sfc_main$12=Ln;exports._sfc_main$13=at;exports._sfc_main$14=on;exports._sfc_main$15=na;exports._sfc_main$16=qr;exports._sfc_main$17=Kr;exports._sfc_main$18=hr;exports._sfc_main$2=Ct;exports._sfc_main$3=fr;exports._sfc_main$4=$n;exports._sfc_main$5=mt;exports._sfc_main$6=et;exports._sfc_main$7=Pn;exports._sfc_main$8=On;exports._sfc_main$9=Un;exports.createA2UIMessageRenderer=dn;exports.createDefaultLicenseRef=Cn;exports.defineToolCallRenderer=ct;exports.extractCompleteStyles=mn;exports.getOperationSurfaceId=yt;exports.processPartialHtml=fn;exports.useAgent=ft;exports.useAgentContext=Zr;exports.useAttachments=Nn;exports.useCapabilities=mi;exports.useComponent=ti;exports.useConfigureSuggestions=ci;exports.useCopilotChatConfiguration=pe;exports.useCopilotKit=Ce;exports.useDefaultRenderTool=si;exports.useFrontendTool=Nt;exports.useHumanInTheLoop=ri;exports.useInterrupt=pi;exports.useKatexStyles=En;exports.useKeyboardHeight=Vn;exports.useLicenseContext=ot;exports.useRenderActivityMessage=gi;exports.useRenderCustomMessages=fi;exports.useRenderTool=Gn;exports.useSandboxFunctions=gn;exports.useSuggestions=Fn;exports.useThreads=zn;exports.vueBasicCatalog=Xe;
|
|
85
|
-
//# sourceMappingURL=use-render-activity-message-DXIR996J.cjs.map
|