@m6d/cortex-react 1.5.0 → 1.6.0

package/dist/index.d.ts

@@ -20,6 +20,8 @@ export type CortexTransport = {
 	baseUrl: string | (() => string);
 	getHeaders: () => CortexHeaders | Promise<CortexHeaders>;
 };
+/** One value for every locale, or a map keyed by locale ('en', 'ar', …). */
+export type Localized<T> = T | Partial<Record<string, T>>;
 export type CortexViewMode = "helper" | "full";
 export type CortexTheme = "light" | "dark" | "system";
 export type CortexToolCallContext = {
@@ -55,6 +57,16 @@ export type CortexConfig = {
 	viewMode?: CortexViewMode;
 	/** Color scheme; `'system'` follows the OS preference. Defaults to `'light'`. */
 	theme?: CortexTheme;
+	/**
+	 * Chat header title while no thread is selected; defaults to a localized
+	 * "New Chat". Like the other copy props, either one value for every locale
+	 * or a map keyed by locale (`{ en: 'Support', ar: 'الدعم' }`).
+	 */
+	agentName?: Localized<string>;
+	/** Headline of the blank-chat landing; defaults to a localized greeting. */
+	greeting?: Localized<string>;
+	/** Prompt chips on the blank-chat landing; clicking one sends it as the first message. */
+	suggestions?: Localized<string[]>;
 	showDebugButton?: boolean;
 	/**
 	 * Render embedded tool pages served from this page's own origin with their

package/dist/index.js

@@ -1,2 +1,2 @@
-import{useCallback as m,useEffect as b0,useMemo as w1,useRef as k_,useState as H_,useSyncExternalStore as h2}from"react";function U_(_){return Promise.resolve(_.getHeaders())}function R1(_,N){let k=_.baseUrl;return(typeof k==="string"?k:k()).replace(/\/$/,"")+N}function u0(_){let N=_?.match(/filename\*\s*=\s*[^']*'[^']*'([^;\r\n]+)/i)?.[1]?.trim().replace(/^"|"$/g,"");if(N)try{return decodeURIComponent(N)}catch{}return _?.match(/filename\s*=\s*"?([^";\r\n]+)"?/i)?.[1]}function r_(_){function N(){return U_(_())}function k(Z){return R1(_(),Z)}async function L(Z,J){let X=new Headers(await N());if(new Headers(J?.headers).forEach(function(K,Q){X.set(Q,K)}),J?.body instanceof FormData)X.delete("Content-Type");else if(!X.has("Content-Type"))X.set("Content-Type","application/json");let G=await fetch(k(Z),{...J,headers:X});if(!G.ok)throw Error(`HTTP ${G.status}: ${G.statusText}`);let $=await G.text();return $?JSON.parse($):void 0}return{listThreads(){return L("/threads")},createThread(Z){return L("/threads",{method:"POST",body:JSON.stringify({prompt:Z})})},deleteThread(Z){return L(`/threads/${Z}`,{method:"DELETE"})},listMessages(Z){return L(`/threads/${Z}/messages`)},listLlmRequests(Z){return L(`/messages/${Z}/llm-requests`)},abortStream(Z){return L(`/chat/${Z}/abort`,{method:"POST"})},initiateToolCall(Z,J){return L(`/chat/${Z}/tools/${J}/initiate`,{method:"POST"})},async uploadAttachment(Z,J){let X=new FormData;return X.append("file",J),await L(`/threads/${Z}/files`,{method:"POST",body:X})},deleteAttachment(Z){return L(`/files/${Z}`,{method:"DELETE"})},async downloadAttachment(Z){let J=await fetch(k(`/files/${Z}`),{headers:await N()});if(!J.ok)throw Error(`HTTP ${J.status}: ${J.statusText}`);return{blob:await J.blob(),name:u0(J.headers.get("Content-Disposition"))??Z}},resolveHeaders:N,resolveUrl:k}}var l0=new Set(["complete","error"]);function G_(_){return l0.has(_)}function v_(_){return(b_(_)?.parts??[]).filter((k)=>k.type==="tool-call"&&!G_(k.state))}function b_(_){for(let N=_.length-1;N>=0;N-=1){let k=_[N];if(k?.role==="assistant")return k}return}var o0={complete:"success",error:"error","approval-requested":"approval","approval-responded":"approval","awaiting-input":"pending","input-streaming":"pending","input-complete":"pending"},j0={"awaiting-input":"translate_calling","input-streaming":"translate_calling","input-complete":"translate_input_ready","approval-requested":"translate_needs_approval","approval-responded":"translate_responded",complete:"translate_completed",error:"translate_error"};function x_(_){let{state:N,approval:k}=_;return{modifier:o0[N],labelKey:N==="approval-responded"&&k?.approved?"translate_approved":j0[N],pulse:N==="awaiting-input"||N==="input-streaming"?"default":N==="approval-requested"?"violet":void 0}}function i_(_){let N=_.output;if(N===void 0||N===null)return"";if(typeof N==="string")return N;return JSON.stringify(N,null,2)}var c1={code:"javascript",query:"cypher"};function d_(_){let N=_&&typeof _==="object"?_:null,k=N?Object.entries(c1).flatMap(([Z,J])=>{let X=N[Z];return typeof X==="string"?[{key:Z,lang:J,value:X.replace(/\\n/g,`
-`)}]:[]}):[],L=_;if(N){let Z=Object.fromEntries(Object.entries(N).filter(([J])=>!Object.hasOwn(c1,J)));L=Object.keys(Z).length>0?Z:null}return{codeSnippets:k,remainingInput:L,remainingInputText:L?JSON.stringify(L,null,2):""}}var I1=10,h0={"awaiting-input":"starting","input-streaming":"starting","input-complete":"processing","approval-requested":"processing","approval-responded":"processing",complete:"complete",error:"error"};function r0(_){let N=0;for(let k=0;k<_.length;k++)N=N*31+_.charCodeAt(k)|0;return Math.abs(N)%I1}function a_(_){let N=h0[_.state]??"processing",k=_.name==="readAttachment"?"attachment":"tool",L=k==="tool"?`_${r0(_.id)}`:"";return{state:N,active:N==="starting"||N==="processing",titleKey:N==="error"?"translate_tool_error":`translate_${k}_${N==="complete"?"done":"status"}${L}`}}function Z_(_){return Array.from({length:I1},(N,k)=>`translate_${_}_${k}`)}var C1=["queryGraph","executeCode"];function t_(_,N,k){if(_.type==="thinking")return!(k&&N);if(_.type!=="tool-call")return!1;return C1.includes(_.name)&&G_(_.state)}import{EventType as x0}from"@tanstack/ai";import{fetchServerSentEvents as f1}from"@tanstack/ai-client";var s_=["image/png","image/jpeg","image/webp","application/pdf"];var S1=5;function n1(_,N){if(!s_.some((k)=>k===_))return"type";if(N>10485760)return"size";return"ok"}var g1="clientToolAnswers";function e_(_){return{id:_.id,role:_.role,parts:_.parts}}function T1(_){for(let N=_.length-1;N>=0;N-=1){let k=_[N],L="parts"in k&&k.parts.some((Z)=>Z.type==="tool-result");if(k.role==="user"||L)return _.slice(N,N+1)}return _.slice(-1)}function i0(_){let[N]=_;if(!N||N.role!=="assistant"||!("parts"in N))return null;if(!N.parts.some((L)=>L.type==="tool-result"))return null;let k=N.parts.flatMap((L)=>L.type==="tool-call"&&G_(L.state)?[{toolCallId:L.id,output:L.output??null,state:L.state==="error"?"error":"complete"}]:[]);return k.length>0?k:null}function R_(_){return new Map(_.flatMap((N)=>N.metadata?[[N.id,N.metadata]]:[]))}function _1(_){let{api:N,thread:k}=_,L=async()=>({headers:await N.resolveHeaders()}),Z=f1(()=>N.resolveUrl("/chat"),L),J=function($,K,Q,M){let q=T1($),y=i0(q);return y?Z.connect([],{...K,[g1]:y},Q,M):Z.connect(q,K,Q,M)},X=f1(()=>N.resolveUrl(`/chat/${k.id}/stream`),L),G=[];return{connect:J,async*joinRun($,K){yield{type:x0.MESSAGES_SNAPSHOT,timestamp:Date.now(),messages:G},yield*X.joinRun($,K)},hydrate:async()=>{let $=await d0(_);return G=$.messages,$}}}async function d0(_){let{api:N,thread:k,mode:L}=_,Z=k.isRunning?{runId:k.id}:null;if(L==="skip")return{messages:[],activeRun:Z,interrupts:null};if(L==="load")_.setLoadingMessages?.(!0);try{let J=await N.listMessages(k.id),X=J.map(e_);return _.onHydrated?.(J,X),{messages:X,activeRun:Z,interrupts:null}}finally{_.setLoadingMessages?.(!1)}}async function N1(_){try{let N=await _.api.listMessages(_.threadId);if(_.isStale?.())return;if(_.absorbMetadata(R_(N)),_.isStreaming())return;_.setMessages(N.map(e_))}catch{}}function k1(_){let{api:N}=_,k=new Set,L=new Set,Z=[],J=[];function X(){return Z}function G(F){return k.add(F),()=>{k.delete(F)}}function $(F){Z=F;for(let V of k)V()}function K(F,V){$(Z.map((Y)=>Y.localId===F?{...Y,...V}:Y))}function Q(F){if(L.delete(F))return;K(F,{status:"error"})}function M(F){let V=[];for(let Y of F){let I=n1(Y.type,Y.size)!=="ok"||Z.filter((O)=>O.status!=="error").length>=S1,n=crypto.randomUUID();if($([...Z,{localId:n,filename:Y.name,status:I?"error":"uploading"}]),!I)V.push({localId:n,file:Y})}if(!V.length)return;_.ensureThread().then((Y)=>{for(let{localId:I,file:n}of V){if(L.delete(I))continue;K(I,{threadId:Y}),N.uploadAttachment(Y,n).then((O)=>{if(L.delete(I)){N.deleteAttachment(O.id).catch(()=>{});return}K(I,{status:"ready",attachmentId:O.id,summary:O})},()=>Q(I))}},()=>{for(let{localId:Y}of V)Q(Y)})}function q(F){let V=Z.find((Y)=>Y.localId===F);if(!V)return;if(V.status==="uploading"){L.add(F),$(Z.filter((Y)=>Y.localId!==F));return}if(V.attachmentId){K(F,{status:"deleting"}),N.deleteAttachment(V.attachmentId).then(()=>$(Z.filter((Y)=>Y.localId!==F)),()=>K(F,{status:"error"}));return}$(Z.filter((Y)=>Y.localId!==F))}function y(F){let V=[];for(let Y of Z){if(Y.threadId!==void 0&&Y.threadId!==F){V.push(Y);continue}if(Y.status==="uploading")L.add(Y.localId);else if(Y.status==="ready"&&Y.threadId===F&&Y.attachmentId)N.deleteAttachment(Y.attachmentId).catch(()=>{})}$(V)}function U(){let F=Z.flatMap((V)=>V.status==="ready"&&V.summary?[{...V,status:"ready",summary:V.summary}]:[]);return $(Z.filter((V)=>V.status!=="ready")),J=F,F}function H(F){let V=J;if(J=[],V.some((Y)=>Y.threadId!==F))return;$([...V.map((Y)=>({...Y,status:"error"})),...Z])}function S(){J=[]}return{getState:X,subscribe:G,accept:M,remove:q,clear:y,consumeReady:U,restoreConsumed:H,discardConsumed:S}}function L1(_){return{uploading:_.some((N)=>N.status==="uploading"),busy:_.some((N)=>N.status==="uploading"||N.status==="deleting"),hasReady:_.some((N)=>N.status==="ready")}}var a0=["completed","cancelled","failed"];function p1(_,N,k){if(N!==k)return null;if(typeof _!=="object"||_===null)return null;let L=_;if(L.type!=="cortex:client-tool")return null;let Z=a0.find((X)=>X===L.status);if(!Z)return null;let J=L.reference;return{type:"cortex:client-tool",status:Z,...typeof J==="string"?{reference:J}:{},...L.result!==void 0?{result:L.result}:{}}}function Z1(_,N,k){try{return new URL(_).origin===N&&!k?"allow-scripts allow-forms allow-popups":"allow-scripts allow-forms allow-popups allow-same-origin"}catch{return"allow-scripts allow-forms allow-popups"}}function J1(_,N,k){try{return k===!0&&new URL(_).origin===N}catch{return!1}}function $1(_,N){try{return _.contentWindow?.location.origin===N}catch{return!1}}function X1(_){let N=!1,k=!1,L,Z;function J($){if(!N)_.onState($)}function X(){if(N)return;k=!1,J({phase:"error"})}function G($){if(N||k)return;k=!0,J({phase:"settling"});try{let K=_.submit($);if(K instanceof Promise)K.catch(X)}catch{X()}}return{async start(){J({phase:"initiating"});try{let $=await _.initiate();if(!$.embed){J({phase:"unavailable"});return}if(!/^https?:$/.test(new URL($.embedUrl).protocol)){J({phase:"error"});return}L=$.embedOrigin,J({phase:"embedded",embedUrl:$.embedUrl,surface:$.surface,embedOrigin:$.embedOrigin})}catch($){let K=$ instanceof Error?$.message:"";J({phase:/HTTP 404/.test(K)?"unavailable":"error"})}},setSource($){if($!==null&&$!==void 0)Z=$},handleMessage($){if(!L)return;if(Z===void 0||$.source!==Z)return;let K=p1($.data,$.origin,L);if(!K)return;G({status:K.status,reference:K.reference,result:K.result})},cancel(){G({status:"cancelled"})},terminate(){if(N||k)return;L=void 0,Z=void 0,J({phase:"error"})},dispose(){N=!0}}}function t0(_){return Math.min(1000*2**(_-1),30000)}var s0=1e4;function G1(_){let N,k,L=0,Z=!1;function J(){let G=typeof _.wsUrl==="function"?_.wsUrl():_.wsUrl;if(G===!1)return;let $=e0(G,_.transport.baseUrl);U_(_.transport).then((K)=>{if(Z)return;N=new WebSocket(Z2($,K)),N.addEventListener("open",()=>{let Q=N;setTimeout(()=>{if(N===Q&&!Z)L=0},s0),_.onOpen?.()}),N.addEventListener("message",(Q)=>{let M=Q.data;if(typeof M!=="string")return;let q;try{q=JSON.parse(M)}catch{return}_.onEvent(q)}),N.addEventListener("close",X)}).catch(X)}function X(){if(Z||k)return;L+=1,k=setTimeout(()=>{k=void 0,J()},t0(L))}return J(),{close(){Z=!0,clearTimeout(k),N?.close()}}}function e0(_,N){let k=_??_2(N);if(!_)return k;let L=N2(N);if(!L)return k;return k2(k,L)}function _2(_){let N=typeof _==="string"?_:_(),k=new URL(N,window.location.origin);return k.protocol=k.protocol==="https:"?"wss:":"ws:",k.pathname=k.pathname.replace(/\/$/,"")+"/ws",k.toString()}function N2(_){let N=typeof _==="string"?_:_(),L=new URL(N,window.location.origin).pathname.split("/").filter(Boolean),Z=L.lastIndexOf("agents");if(Z===-1)return;return L[Z+1]}function k2(_,N){let k=new URL(_,window.location.origin);if(k.searchParams.has("agentId")||L2(k))return k.toString();return k.searchParams.set("agentId",N),k.toString()}function L2(_){let N=_.pathname.split("/").filter(Boolean),k=N.lastIndexOf("agents");return k!==-1&&Boolean(N[k+1])}function Z2(_,N){let k=N.Authorization??N.authorization;if(!k?.startsWith("Bearer "))return _;let L=new URL(_,window.location.origin);if(L.searchParams.has("token"))return L.toString();return L.searchParams.set("token",k.slice(7)),L.toString()}function c_(_){return[..._].sort((N,k)=>{let L=Date.parse(k.updatedAt)-Date.parse(N.updatedAt);if(L!==0)return L;return Date.parse(k.createdAt)-Date.parse(N.createdAt)})}function B_(_,N){let k=[..._],L=k.findIndex((Z)=>Z.id===N.id);if(L===-1)k.push(N);else k[L]={...k[L],...N};return c_(k)}function I_(_,N){return _.filter((k)=>k.id!==N)}function V1(_,N){switch(N.type){case"thread:deleted":return I_(_,N.payload.threadId);case"thread:created":case"thread:title-updated":case"thread:run-started":case"thread:run-finished":case"thread:messages-updated":return B_(_,N.payload.thread);default:return _}}import{marked as J2}from"marked";import $2 from"dompurify";function K1(_){if(!_)return"";let N=J2.parse(_,{async:!1});return N=N.replace(/<table>/g,'<div style="overflow-x:auto"><table style="width:auto">').replace(/<\/table>/g,"</table></div>").replace(/<(t[hd])([\s>])/g,'<$1 style="padding:0.5rem 1rem"$2'),$2.sanitize(N)}import y_ from"highlight.js/lib/core";import X2 from"highlight.js/lib/languages/javascript";import G2 from"highlight.js/lib/languages/json";import V2 from"highlight.js/lib/languages/sql";var m1=!1;function K2(){if(m1)return;m1=!0,y_.registerLanguage("javascript",X2),y_.registerLanguage("json",G2),y_.registerLanguage("cypher",V2)}function W1(_,N){if(!_)return"";return K2(),y_.getLanguage(N)?y_.highlight(_,{language:N}).value:W2(_)}function W2(_){return _.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var u1={translate_new:"جديد",translate_threads:"المحادثات",translate_n_conversations:"{{count}} محادثات",translate_one_conversation:"محادثة واحدة",translate_no_threads_yet:"لا توجد محادثات بعد",translate_start_a_new_conversation:"ابدأ محادثة جديدة",translate_untitled:"بدون عنوان",translate_new_chat:"محادثة جديدة",translate_normal:"عادي",translate_debug:"تصحيح",translate_type_a_message:"اكتب رسالة...",translate_thinking:"جارٍ معالجة الطلب...",translate_reasoned:"تم الاستنتاج",translate_knowledge_graph_query:"استعلام الرسم البياني المعرفي",translate_javascript_code_execution:"تنفيذ كود جافاسكريبت",translate_completed:"مكتمل",translate_attach_files:"إرفاق ملفات",translate_drop_files_here:"أفلت ملفاتك هنا...",translate_remove_attachment:"إزالة المرفق",translate_attachment_rejected:"لا يمكن إرفاق هذا الملف",translate_attachment_caption:"من فضلك اطّلع على الملفات المرفقة.",translate_download:"تنزيل",translate_tool_status_0:"جارٍ جلب البيانات…",translate_tool_status_1:"جارٍ تحليل المعلومات…",translate_tool_status_2:"جارٍ معالجة الطلب…",translate_tool_status_3:"جارٍ تجميع النتائج…",translate_tool_status_4:"جارٍ تحضير الرد…",translate_tool_status_5:"جارٍ البحث…",translate_tool_status_6:"جارٍ فحص السجلات…",translate_tool_status_7:"جارٍ مراجعة التفاصيل…",translate_tool_status_8:"جارٍ إجراء الحسابات…",translate_tool_status_9:"جارٍ سحب المعلومات…",translate_tool_done_0:"تم جلب البيانات بنجاح",translate_tool_done_1:"تم التحليل بنجاح",translate_tool_done_2:"تمت معالجة الطلب بنجاح",translate_tool_done_3:"تم تجميع النتائج بنجاح",translate_tool_done_4:"تم تحضير الرد بنجاح",translate_tool_done_5:"تم البحث بنجاح",translate_tool_done_6:"تم فحص السجلات بنجاح",translate_tool_done_7:"تمت المراجعة بنجاح",translate_tool_done_8:"تمت الحسابات بنجاح",translate_tool_done_9:"تم استرجاع المعلومات بنجاح",translate_tool_error:"حدث خطأ",translate_attachment_status:"جارٍ قراءة الملف المرفق…",translate_attachment_done:"تمت قراءة الملف المرفق",translate_graph_0:"جارٍ استكشاف الروابط...",translate_graph_1:"جارٍ رسم الخريطة...",translate_graph_2:"جارٍ اكتشاف العلاقات...",translate_graph_3:"جارٍ تتبع الروابط...",translate_graph_4:"جارٍ التنقل في المعرفة...",translate_graph_5:"جارٍ كشف الرؤى...",translate_graph_6:"جارٍ ربط النقاط...",translate_graph_7:"جارٍ تتبع المسار...",translate_graph_8:"جارٍ تجميع الأجزاء...",translate_graph_9:"جارٍ بناء الصورة...",translate_code_0:"جارٍ حساب الأرقام...",translate_code_1:"جارٍ معالجة البيانات...",translate_code_2:"جارٍ تنفيذ طلبك...",translate_code_3:"جارٍ تحليل الأرقام...",translate_code_4:"جارٍ تجميع كل شيء...",translate_code_5:"جارٍ تحليل النتائج...",translate_code_6:"جارٍ العمل خلف الكواليس...",translate_code_7:"جارٍ ترتيب التفاصيل...",translate_code_8:"جارٍ تحضير إجابتك...",translate_code_9:"أوشك على الانتهاء...",translate_reasoning_0:"جارٍ التفكير...",translate_reasoning_1:"جارٍ دراسة الخيارات...",translate_reasoning_2:"جارٍ تقييم الاحتمالات...",translate_reasoning_3:"جارٍ التأمل في هذا...",translate_reasoning_4:"جارٍ إيجاد الحل...",translate_reasoning_5:"جارٍ ترتيب الأفكار...",translate_reasoning_6:"جارٍ التمعن في الأمر...",translate_reasoning_7:"جارٍ إيجاد أفضل طريقة...",translate_reasoning_8:"جارٍ تنظيم أفكاري...",translate_reasoning_9:"أوشك على الانتهاء...",translate_running:"قيد التنفيذ",translate_aborted:"تم الإلغاء",translate_input:"المدخلات",translate_output:"المخرجات",translate_calling:"جارٍ الاستدعاء",translate_input_ready:"المدخلات جاهزة",translate_needs_approval:"بحاجة إلى موافقة",translate_approved:"تمت الموافقة",translate_responded:"تم الرد",translate_error:"خطأ",translate_approval_requested:"طلب موافقة",translate_approval_response:"رد الموافقة",translate_waiting_for_approval:"في انتظار الموافقة لتنفيذ هذه الأداة.",translate_tool_approved:"تمت الموافقة.",translate_tool_response_received:"تم استلام الرد.",translate_tokens:"رمز",translate_fresh:"جديد",translate_cache_read:"قراءة من الذاكرة",translate_cache_write:"كتابة في الذاكرة",translate_n_percent_cached:"{{percent}}٪ مخزّن مؤقتًا",translate_text:"نص",translate_reasoning:"الاستنتاج",translate_read:"قراءة",translate_write:"كتابة",translate_total:"الإجمالي",translate_request:"الطلب",translate_response:"الرد",translate_step_n:"الخطوة {{number}}",translate_inspect_llm_requests:"فحص طلبات النموذج",translate_loading:"جارٍ التحميل…",translate_no_llm_requests:"لا توجد طلبات نموذج مسجّلة لهذه الرسالة.",translate_unhandled_type:"نوع غير مدعوم:",translate_client_tool_title:"أكمل هذه الخطوة للمتابعة",translate_client_tool_loading:"جارٍ تجهيز خطوة آمنة...",translate_client_tool_failed:"تعذّر تحميل هذه الخطوة",translate_client_tool_retry:"حاول مرة أخرى",translate_client_tool_cancel:"إلغاء"};var l1={translate_new:"New",translate_threads:"Threads",translate_n_conversations:"{{count}} conversations",translate_one_conversation:"1 conversation",translate_no_threads_yet:"No threads yet",translate_start_a_new_conversation:"Start a new conversation",translate_untitled:"Untitled",translate_new_chat:"New Chat",translate_normal:"Normal",translate_debug:"Debug",translate_type_a_message:"Type a message...",translate_thinking:"Thinking things through...",translate_reasoned:"Reasoned",translate_knowledge_graph_query:"Knowledge Graph Query",translate_javascript_code_execution:"JavaScript Code Execution",translate_completed:"Completed",translate_attach_files:"Attach files",translate_drop_files_here:"Drop your files here...",translate_remove_attachment:"Remove attachment",translate_attachment_rejected:"This file cannot be attached",translate_attachment_caption:"Please take a look at the attached files.",translate_download:"Download",translate_tool_status_0:"Fetching data...",translate_tool_status_1:"Analyzing information...",translate_tool_status_2:"Processing request...",translate_tool_status_3:"Gathering results...",translate_tool_status_4:"Preparing response...",translate_tool_status_5:"Looking things up...",translate_tool_status_6:"Checking records...",translate_tool_status_7:"Reviewing details...",translate_tool_status_8:"Running calculations...",translate_tool_status_9:"Pulling information...",translate_tool_done_0:"Data fetched successfully",translate_tool_done_1:"Analysis completed successfully",translate_tool_done_2:"Request processed successfully",translate_tool_done_3:"Results gathered successfully",translate_tool_done_4:"Response prepared successfully",translate_tool_done_5:"Lookup completed successfully",translate_tool_done_6:"Records checked successfully",translate_tool_done_7:"Review completed successfully",translate_tool_done_8:"Calculations completed successfully",translate_tool_done_9:"Information retrieved successfully",translate_tool_error:"Something went wrong",translate_attachment_status:"Reading the attached file...",translate_attachment_done:"Finished reading the file",translate_graph_0:"Exploring connections...",translate_graph_1:"Mapping out the links...",translate_graph_2:"Discovering relationships...",translate_graph_3:"Tracing the connections...",translate_graph_4:"Navigating the knowledge...",translate_graph_5:"Uncovering insights...",translate_graph_6:"Connecting the dots...",translate_graph_7:"Following the trail...",translate_graph_8:"Piecing things together...",translate_graph_9:"Building the picture...",translate_code_0:"Running the numbers...",translate_code_1:"Working through the data...",translate_code_2:"Processing your request...",translate_code_3:"Crunching the figures...",translate_code_4:"Putting it all together...",translate_code_5:"Analyzing the results...",translate_code_6:"Working behind the scenes...",translate_code_7:"Sorting through the details...",translate_code_8:"Preparing your answer...",translate_code_9:"Almost ready...",translate_reasoning_0:"Thinking it through...",translate_reasoning_1:"Considering the options...",translate_reasoning_2:"Weighing the possibilities...",translate_reasoning_3:"Reflecting on this...",translate_reasoning_4:"Working it out...",translate_reasoning_5:"Putting thoughts together...",translate_reasoning_6:"Mulling it over...",translate_reasoning_7:"Finding the best approach...",translate_reasoning_8:"Organizing my thoughts...",translate_reasoning_9:"Almost there...",translate_running:"Running",translate_aborted:"Aborted",translate_input:"Input",translate_output:"Output",translate_calling:"Calling",translate_input_ready:"Input ready",translate_needs_approval:"Needs approval",translate_approved:"Approved",translate_responded:"Responded",translate_error:"Error",translate_approval_requested:"Approval requested",translate_approval_response:"Approval response",translate_waiting_for_approval:"Waiting for approval to execute this tool.",translate_tool_approved:"Approved.",translate_tool_response_received:"Response received.",translate_tokens:"tokens",translate_fresh:"Fresh",translate_cache_read:"Cache read",translate_cache_write:"Cache write",translate_n_percent_cached:"{{percent}}% cached",translate_text:"Text",translate_reasoning:"Reasoning",translate_read:"Read",translate_write:"Write",translate_total:"Total",translate_request:"Request",translate_response:"Response",translate_step_n:"Step {{number}}",translate_inspect_llm_requests:"Inspect LLM requests",translate_loading:"loading…",translate_no_llm_requests:"No LLM requests recorded for this message.",translate_unhandled_type:"Unhandled type:",translate_client_tool_title:"Complete this step to continue",translate_client_tool_loading:"Preparing a secure step...",translate_client_tool_failed:"This step could not be loaded",translate_client_tool_retry:"Try again",translate_client_tool_cancel:"Cancel"};var C_={en:l1,ar:u1};function Y1(_,N,k){let Z=(C_[_]??C_.en)?.[N]??C_.en?.[N]??N;if(!k)return Z;return Z.replace(/\{\{\s*(\w+)\s*\}\}/g,(J,X)=>(X in k)?String(k[X]):J)}function V_(_){if(typeof _==="string"){let N=_.trim();if(!(N.startsWith("{")&&N.endsWith("}")||N.startsWith("[")&&N.endsWith("]")))return _;try{return V_(JSON.parse(N))}catch{return _}}if(Array.isArray(_))return _.map((N)=>V_(N));if(_!==null&&typeof _==="object"){let N={};for(let[k,L]of Object.entries(_))N[k]=V_(L);return N}return _}function Q1(_,N){if(Array.isArray(_)){let k=_;return{kind:"container",open:"[",close:"]",summary:o1(k.length,"item","items"),entries:k.map((L,Z)=>({key:null,value:L,path:`${N}[${Z}]`}))}}if(_!==null&&typeof _==="object"){let k=Object.entries(_);return{kind:"container",open:"{",close:"}",summary:o1(k.length,"property","properties"),entries:k.map(([L,Z])=>({key:L,value:Z,path:`${N}.${L}`}))}}return{kind:"primitive",text:z2(_),className:F2(_)}}function o1(_,N,k){return`${_} ${_===1?N:k}`}function z2(_){if(_===null||_===void 0)return"null";if(typeof _==="string")return JSON.stringify(_);if(typeof _==="number"||typeof _==="boolean")return String(_);return JSON.stringify(_)??"null"}function F2(_){if(_===null||_===void 0)return"jt-null";if(typeof _==="string")return"jt-string";if(typeof _==="number")return"jt-number";if(typeof _==="boolean")return"jt-boolean";return""}function S_(_){if(!_)return null;try{return JSON.parse(_)}catch{return _}}function n_(_){if(!_)return"";try{return JSON.stringify(JSON.parse(_),null,2)}catch{return _}}var z1=[["year",31536000000],["month",2592000000],["week",604800000],["day",86400000],["hour",3600000],["minute",60000],["second",1000]];function F1(_,N,k=Date.now()){let L=Date.parse(_);if(Number.isNaN(L))return"";let Z=L-k,[J,X]=z1.find(([,G])=>Math.abs(Z)>=G)??z1[z1.length-1];return new Intl.RelativeTimeFormat(N,{numeric:"auto"}).format(Math.round(Z/X),J)}function q1(_,N){let k=URL.createObjectURL(_),L=document.createElement("a");L.href=k,L.download=N,L.click(),URL.revokeObjectURL(k)}class J_{onUpdate;fullText="";displayedLength=0;animationFrameId=null;isDone=!1;static DRAIN_FRACTION=0.03;static MIN_CHARS_PER_FRAME=1;static DONE_DRAIN_FRACTION=0.1;constructor(_){this.onUpdate=_}seed(_){this.fullText=_,this.displayedLength=_.length,this.onUpdate(_)}update(_,N){if(this.fullText=_,this.isDone=N,this.displayedLength=Math.min(this.displayedLength,this.fullText.length),N&&this.displayedLength>=this.fullText.length){this.onUpdate(this.fullText),this.stopAnimation();return}if(!this.animationFrameId)this.scheduleFrame()}destroy(){this.stopAnimation()}scheduleFrame(){this.animationFrameId=requestAnimationFrame(()=>this.tick())}tick(){let _=this.fullText.length-this.displayedLength;if(_<=0){this.animationFrameId=null;return}let N=this.isDone?J_.DONE_DRAIN_FRACTION:J_.DRAIN_FRACTION,k=Math.max(J_.MIN_CHARS_PER_FRAME,Math.ceil(_*N));if(this.displayedLength=Math.min(this.fullText.length,this.displayedLength+k),this.onUpdate(this.fullText.substring(0,this.displayedLength)),this.displayedLength<this.fullText.length)this.scheduleFrame();else this.animationFrameId=null}stopAnimation(){if(this.animationFrameId)cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null}}function O_(_){if(_.input.total<=0)return null;return Math.round(_.input.cacheRead/_.input.total*100)}import{useEffect as M_,useLayoutEffect as j1,useMemo as q2,useRef as d}from"react";import{useChat as H2}from"@tanstack/ai-react";function h1(_){let{thread:N,api:k,patchUi:L}=_,Z=d(!0),J=d(!1),X=d(!1),G=d(!1),$=d(!1),K=d(new Set),Q=d(Promise.resolve()),M=q2(()=>_1({api:k,thread:{id:N.id,isRunning:N.isRunning},mode:_.mode,onHydrated:(D)=>{if(!Z.current)return;L({messageMetadata:R_(D)})},setLoadingMessages:(D)=>{if(Z.current)L({isLoadingMessages:D})}}),[]),q=H2({threadId:N.id,persistence:!0,initialMessages:_.initialMessages,connection:M,onChunk:()=>{if(!Z.current)return;X.current=!0},onError:()=>{if(!Z.current)return;if(X.current)_.onTurnFinished();else _.onSendFailed()}}),y=d(q);y.current=q;let U=d(q.isLoading);U.current=q.isLoading;async function H(D,b){let f=b({toolCallId:D.id,toolName:D.name,input:D.input},{threadId:N.id});if(f===null||f===void 0)return;let u=await Promise.resolve(f);if(u===null||u===void 0)return;if(!Z.current)return;await y.current.addToolResult({toolCallId:D.id,tool:D.name,output:u})}function S(){let D=v_(y.current.messages),b=_.configRef.current.hooks?.onToolCall;if(!b)return D.length>0;for(let f of D){if(f.state!=="input-complete")continue;if(K.current.has(f.id))continue;K.current.add(f.id),H(f,b)}return D.length>0}async function F(D){if(!Z.current||D!==N.id)return;await N1({api:k,threadId:D,isStale:()=>!Z.current,isStreaming:()=>U.current,absorbMetadata:(b)=>L({messageMetadata:b}),setMessages:(b)=>{y.current.setMessages(b)}})}function V(D){return Q.current=Q.current.then(()=>F(D)),Q.current}async function Y(){if(G.current){G.current=!1;return}if(J.current&&S())return;await V(N.id)}async function I(D,b){_.setRunning(N.id,!0),J.current=!0,X.current=!1;let f={id:crypto.randomUUID(),role:"user",parts:[{type:"text",content:D}]};if(b.length)L((u)=>({messageMetadata:new Map(u.messageMetadata).set(f.id,{attachments:b})}));await y.current.append(f)}async function n(){if(!U.current)return;let{aborted:D}=await k.abortStream(N.id).catch(()=>({aborted:!1}));if(!Z.current)return;if(D)G.current=!0,_.setRunning(N.id,!1);y.current.stop()}function O(D,b,f){return y.current.addToolResult({toolCallId:D,tool:b,output:f}).catch((u)=>{throw V(N.id),u})}function i(D){if(U.current)return;if(D.isRunning){_.remount(D);return}V(D.id)}M_(()=>{return Z.current=!0,()=>{Z.current=!1}},[]);let L_=d(void 0);return L_.current={threadId:N.id,send:I,abort:n,addToolResult:O,reattach:i,refreshMessages:(D)=>{V(D)}},j1(()=>{_.sessionRef.current=L_.current}),j1(()=>{return()=>{if(_.sessionRef.current===L_.current)_.sessionRef.current=void 0}},[]),M_(()=>{if(!_.pendingSendRef.current.length)return;let D=setTimeout(()=>{let b=_.pendingSendRef.current;_.pendingSendRef.current=[],(async()=>{for(let{prompt:f,attachments:u}of b)await I(f,u)})()});return()=>clearTimeout(D)},[]),M_(()=>{L({messages:q.messages})},[q.messages]),M_(()=>{L({hasPendingToolCalls:!q.isLoading&&v_(q.messages).length>0})},[q.messages,q.isLoading]),M_(()=>{if(L({isAgentWorking:q.isLoading}),q.isLoading){$.current=!0;return}if(!$.current)return;$.current=!1,_.onTurnFinished(),Y()},[q.isLoading]),null}import{createContext as D2,useContext as B2}from"react";var H1=D2(void 0);function B(){let _=B2(H1);if(!_)throw Error("useCortex must be used inside <CortexChatWidget>");return _}function z(..._){return _.filter(Boolean).join(" ")}import{forwardRef as y2,useEffect as O2,useImperativeHandle as M2,useRef as B1,useState as x1}from"react";import{jsx as t,jsxs as D1}from"react/jsx-runtime";function r1(){let{queue:_,t:N}=B();if(!_.items.length)return null;return t("div",{className:"cortex-attachment-queue",children:_.items.map((k)=>D1("div",{className:z("cortex-attachment-chip",k.status==="error"&&"cortex-attachment-chip--error"),title:k.status==="error"?N("translate_attachment_rejected"):"",children:[k.status==="uploading"||k.status==="deleting"?D1("svg",{className:"cortex-attachment-chip__spinner",viewBox:"0 0 16 16",fill:"none",children:[t("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",className:"cortex-attachment-chip__spinner-track"}),t("path",{d:"M14 8a6 6 0 0 0-6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}):D1("svg",{viewBox:"0 0 16 16",className:"cortex-attachment-chip__icon",fill:"none",children:[t("path",{d:"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z",stroke:"currentColor",strokeWidth:"1.25"}),t("path",{d:"M9.5 1.5v2a2 2 0 0 0 2 2h2",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]}),t("span",{className:"cortex-attachment-chip__name",children:k.filename}),t("button",{type:"button",onClick:()=>_.remove(k.localId),className:"cortex-attachment-chip__remove",disabled:k.status==="deleting","aria-label":N("translate_remove_attachment"),children:t("svg",{viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M4.5 4.5l7 7m0-7l-7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]},k.localId))})}import{jsx as h,jsxs as g_}from"react/jsx-runtime";var E2=s_.join(","),i1=y2(function(N,k){let{t:L,queue:Z,isAgentWorking:J,send:X,abort:G}=B(),[$,K]=x1(""),[Q,M]=x1(!1),q=B1(null),y=B1(null);M2(k,()=>({focusInput:()=>q.current?.focus()}));let U=B1(J);O2(()=>{if(U.current&&!J)q.current?.focus();U.current=J},[J]);let H=!Z.busy&&(Boolean($.trim())||Z.hasReady);function S(){if(J||!H)return;let O="translate_attachment_caption",i=L(O),L_=i!==O?i:"Please take a look at the attached files.",D=$.trim()||L_,b=Z.consumeReady();K(""),X(D,b.map((f)=>f.summary))}function F(O){if(O.key==="Enter"&&!O.shiftKey)O.preventDefault(),S()}function V(O){O.preventDefault(),M(!0)}function Y(O){if(!O.currentTarget.contains(O.relatedTarget))M(!1)}function I(O){O.preventDefault(),M(!1),Z.accept([...O.dataTransfer.files])}function n(O){let i=O.clipboardData.files;if(!i.length)return;O.preventDefault(),Z.accept([...i])}return g_("div",{className:"cortex-widget__input-area",onDragOver:V,onDragLeave:Y,onDrop:I,children:[h(r1,{}),g_("div",{className:z("cortex-widget__input-box",J&&"cortex-widget__input-box--disabled",!J&&"cortex-widget__input-box--enabled",Q&&"cortex-widget__input-box--dragging"),children:[h("textarea",{ref:q,onKeyDown:F,onPaste:n,value:$,onChange:(O)=>K(O.target.value),placeholder:Q?L("translate_drop_files_here"):J?"":L("translate_type_a_message"),disabled:J,rows:1,className:z("cortex-widget__textarea",J&&"cortex-widget__textarea--disabled")}),J?g_("button",{onClick:()=>void G(),className:"cortex-stop-btn",children:[h("span",{className:"cortex-stop-btn__ring"}),h("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"cortex-stop-btn__icon",children:h("rect",{x:"1",y:"1",width:"10",height:"10",rx:"2.5",fill:"currentColor"})})]}):g_("div",{className:"cortex-widget__input-actions",children:[h("button",{type:"button",onClick:()=>y.current?.click(),className:"cortex-widget__attach-btn","aria-label":L("translate_attach_files"),children:h("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:h("path",{d:"M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),h("input",{ref:y,type:"file",multiple:!0,accept:E2,onChange:(O)=>{Z.accept([...O.target.files??[]]),O.target.value=""},className:"cortex-widget__file-input"}),h("button",{onClick:S,className:z("cortex-widget__send-btn",!H&&"cortex-widget__send-btn--empty",H&&"cortex-widget__send-btn--ready"),disabled:!H,children:h("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",className:"cortex-widget__send-icon",children:h("path",{d:"M3 8h10M9 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})});import{useEffect as m_,useRef as u_,useState as o2}from"react";import{jsx as f_,jsxs as d1}from"react/jsx-runtime";function a1(){let{t:_}=B();return d1("div",{className:"cortex-aborted-flag",children:[f_("span",{className:"cortex-aborted-flag__line"}),d1("span",{className:"cortex-aborted-flag__label",children:[f_("svg",{className:"cortex-aborted-flag__icon",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:f_("path",{d:"M6 1.5v5M6 8.75v.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})}),_("translate_aborted")]}),f_("span",{className:"cortex-aborted-flag__line"})]})}import{jsx as K_,jsxs as t1}from"react/jsx-runtime";function s1(_){let{api:N,t:k}=B();async function L(Z){let{blob:J,name:X}=await N.downloadAttachment(Z);q1(J,X)}return K_("div",{className:"cortex-message-attachments",children:_.attachments.map((Z)=>t1("button",{type:"button",onClick:()=>void L(Z.id),className:"cortex-message-attachment","aria-label":`${k("translate_download")}: ${Z.filename}`,children:[t1("svg",{viewBox:"0 0 16 16",className:"cortex-message-attachment__icon",fill:"none",children:[K_("path",{d:"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z",stroke:"currentColor",strokeWidth:"1.25"}),K_("path",{d:"M9.5 1.5v2a2 2 0 0 0 2 2h2",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]}),K_("span",{className:"cortex-message-attachment__name",children:Z.filename}),K_("svg",{viewBox:"0 0 16 16",className:"cortex-message-attachment__dl-icon",fill:"none",children:K_("path",{d:"M8 3v7m0 0L5.5 7.5M8 10l2.5-2.5M3 13h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},Z.id))})}import{useRef as b2,useState as E_}from"react";import{useRef as A2,useState as w2}from"react";import{jsx as W_,jsxs as P2}from"react/jsx-runtime";function e({value:_,className:N}){let[k,L]=w2(!1),Z=A2(null);async function J(X){X.stopPropagation(),X.preventDefault();try{if(await navigator.clipboard.writeText(_),L(!0),Z.current)clearTimeout(Z.current);Z.current=setTimeout(()=>L(!1),1500)}catch{}}return W_("span",{className:z("cortex-copy-btn",N),children:W_("button",{className:z("cortex-copy-btn__button",k&&"cortex-copy-btn__button--copied"),onClick:(X)=>void J(X),"aria-label":k?"Copied":"Copy to clipboard",type:"button",children:k?W_("svg",{className:"cortex-copy-btn__icon cortex-copy-btn__icon--check",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",children:W_("path",{d:"M5 13l4 4L19 7",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})}):P2("svg",{className:"cortex-copy-btn__icon",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",children:[W_("rect",{x:"9",y:"9",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"2"}),W_("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})})})}import{useMemo as U2,useState as v2}from"react";import{jsx as o,jsxs as $_,Fragment as T_}from"react/jsx-runtime";function X_({data:_,expandDepth:N=1,className:k}){let L=U2(()=>V_(_),[_]),[Z,J]=v2({});function X($,K){return Z[$]??K>=N}function G($,K){J((Q)=>({...Q,[$]:!X($,K)}))}return o("div",{className:z("cortex-json-tree",k),children:o(e1,{value:L,path:"$",depth:0,isCollapsed:X,toggle:G})})}function e1({value:_,path:N,depth:k,isCollapsed:L,toggle:Z}){let J=Q1(_,N);if(J.kind==="primitive")return o("span",{className:J.className,children:J.text});if(J.entries.length===0)return $_("span",{className:"jt-bracket",children:[J.open,J.close]});let X=L(N,k);function G($){Z(N,k),$.stopPropagation()}return $_(T_,{children:[$_("span",{className:"jt-toggle",onClick:G,role:"button",children:[o("span",{className:z("jt-arrow",X&&"jt-arrow--collapsed"),children:"▾"}),o("span",{className:"jt-bracket",children:J.open})]}),X?$_(T_,{children:[o("span",{className:"jt-collapsed-hint",onClick:G,role:"button",children:J.summary}),o("span",{className:"jt-bracket",children:J.close})]}):$_(T_,{children:[o("div",{className:"jt-indent",children:J.entries.map(($,K)=>$_("div",{className:"jt-line",children:[$.key!==null&&$_(T_,{children:[o("span",{className:"jt-key",children:`"${$.key}"`}),o("span",{className:"jt-colon",children:": "})]}),o(e1,{value:$.value,path:$.path,depth:k+1,isCollapsed:L,toggle:Z}),K<J.entries.length-1&&o("span",{className:"jt-comma",children:","})]},$.path))}),o("span",{className:"jt-bracket",children:J.close})]})]})}function R(_){return _.toLocaleString("en-US")}import{jsx as Y_,jsxs as Q_}from"react/jsx-runtime";function _0({usage:_}){let{t:N}=B();return Q_("div",{className:"cortex-llm-inspector__usage-rows",children:[Q_("div",{className:"cortex-llm-inspector__usage-row",children:[Y_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_input")}),Y_("span",{className:"cortex-llm-inspector__usage-val",children:R(_.input.total)}),Q_("span",{className:"cortex-llm-inspector__usage-detail",children:[N("translate_fresh")," ",R(_.input.noCache)," · ",N("translate_read")," ",R(_.input.cacheRead)," · ",N("translate_write")," ",R(_.input.cacheWrite)]})]}),Q_("div",{className:"cortex-llm-inspector__usage-row",children:[Y_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_output")}),Y_("span",{className:"cortex-llm-inspector__usage-val",children:R(_.output.total)}),Q_("span",{className:"cortex-llm-inspector__usage-detail",children:[N("translate_text")," ",R(_.output.text)," · ",N("translate_reasoning")," ",R(_.output.reasoning)]})]}),Q_("div",{className:"cortex-llm-inspector__usage-row cortex-llm-inspector__usage-row--total",children:[Y_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_total")}),Y_("span",{className:"cortex-llm-inspector__usage-val",children:R(_.total)})]})]})}import{jsx as y1,jsxs as p_}from"react/jsx-runtime";function N0({usage:_}){let N=O_(_);return y1("span",{children:p_("span",{className:"cortex-llm-inspector__step-metrics",children:[p_("span",{className:"cortex-llm-inspector__metric",children:[y1("span",{className:"cortex-llm-inspector__dot cortex-llm-inspector__dot--input"}),R(_.input.total)]}),p_("span",{className:"cortex-llm-inspector__metric",children:[y1("span",{className:"cortex-llm-inspector__dot cortex-llm-inspector__dot--output"}),R(_.output.total)]}),N!==null?p_("span",{className:"cortex-llm-inspector__cache-pct",children:[N,"%"]}):null]})})}import{jsx as c,jsxs as __}from"react/jsx-runtime";function k0({messageId:_}){let{t:N,api:k}=B(),[L,Z]=E_(!1),[J,X]=E_(!1),[G,$]=E_([]),[K,Q]=E_(null),[M,q]=E_({}),y=b2(!1);async function U(){if(!y.current){X(!0);try{$(await k.listLlmRequests(_))}finally{X(!1),y.current=!0}}Z((V)=>!V)}function H(V){Q((Y)=>Y===V?null:V)}function S(V){return M[V]??"prompt"}function F(V,Y){q((I)=>({...I,[V]:Y}))}return __("div",{className:z("cortex-llm-inspector",L&&"cortex-llm-inspector--open"),children:[__("button",{className:"cortex-llm-inspector__trigger",onClick:()=>void U(),children:[c("svg",{className:"cortex-llm-inspector__icon",width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",children:c("path",{d:"M6 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM0 6a6 6 0 1 1 10.89 3.477l4.817 4.816a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 0 6Z",fill:"currentColor"})}),c("span",{children:N("translate_inspect_llm_requests")}),J?c("span",{className:"cortex-llm-inspector__loading",children:N("translate_loading")}):G.length>0?c("span",{className:"cortex-llm-inspector__badge",children:G.length}):null,c("svg",{className:"cortex-llm-inspector__chevron",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:c("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c("div",{className:"cortex-llm-inspector__panel-wrapper",children:c("div",{className:"cortex-llm-inspector__panel-inner",children:__("div",{className:"cortex-llm-inspector__panel",children:[G.length===0&&!J?c("div",{className:"cortex-llm-inspector__empty",children:N("translate_no_llm_requests")}):null,G.map((V,Y)=>__("div",{className:z("cortex-llm-inspector__step",K===V.id&&"cortex-llm-inspector__step--expanded"),children:[__("button",{className:"cortex-llm-inspector__step-header",onClick:()=>H(V.id),children:[c("span",{className:"cortex-llm-inspector__step-label",children:N("translate_step_n",{number:Y+1})}),V.tokenUsage?c(N0,{usage:V.tokenUsage}):null,c("svg",{className:"cortex-llm-inspector__step-chevron",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:c("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c("div",{className:"cortex-llm-inspector__step-body-wrapper",children:c("div",{className:"cortex-llm-inspector__step-body-inner",children:__("div",{className:"cortex-llm-inspector__step-body",children:[V.tokenUsage?c(_0,{usage:V.tokenUsage}):null,__("div",{className:"cortex-llm-inspector__tabs",children:[c("button",{className:z("cortex-llm-inspector__tab",S(V.id)==="prompt"&&"cortex-llm-inspector__tab--active"),onClick:()=>F(V.id,"prompt"),children:N("translate_request")}),c("button",{className:z("cortex-llm-inspector__tab",S(V.id)==="response"&&"cortex-llm-inspector__tab--active"),onClick:()=>F(V.id,"response"),children:N("translate_response")})]}),__("div",{className:"cortex-llm-inspector__json-pane",children:[c(e,{className:"cortex-llm-inspector__json-copy",value:S(V.id)==="prompt"?n_(V.prompt):n_(V.output)}),S(V.id)==="prompt"?c(X_,{data:S_(V.prompt),expandDepth:2}):c(X_,{data:S_(V.output),expandDepth:2})]})]})})})]},V.id))]})})})]})}import{useEffect as R2,useRef as c2,useState as L0}from"react";import{jsx as A_,jsxs as Z0}from"react/jsx-runtime";function z_({labels:_,className:N}){let{t:k}=B(),[L,Z]=L0(0),[J,X]=L0("idle"),G=c2(_.length);return G.current=_.length,R2(()=>{let $,K;function Q(){$=setTimeout(()=>{X("exiting"),$=setTimeout(()=>{Z((M)=>(M+1)%G.current),X("enter-start"),K=requestAnimationFrame(()=>{X("entering"),$=setTimeout(()=>{X("idle"),Q()},300)})},300)},2000)}return Q(),()=>{if($)clearTimeout($);if(K)cancelAnimationFrame(K)}},[]),Z0("div",{className:z("cortex-subtle-activity",N),children:[Z0("div",{className:"cortex-subtle-activity__dots",children:[A_("span",{className:"cortex-subtle-activity__dot"}),A_("span",{className:"cortex-subtle-activity__dot cortex-subtle-activity__dot--d1"}),A_("span",{className:"cortex-subtle-activity__dot cortex-subtle-activity__dot--d2"})]}),A_("div",{className:"cortex-subtle-activity__label-mask",children:A_("span",{className:z("cortex-subtle-activity__label",`cortex-subtle-activity__label--${J}`),children:k(_[L])})})]})}import{jsx as J0}from"react/jsx-runtime";var I2=Z_("reasoning");function $0(){return J0("div",{className:"cortex-reasoning-animated",children:J0(z_,{labels:I2})})}import{jsx as r,jsxs as w_}from"react/jsx-runtime";function X0(_){let{reasoningPart:N,streaming:k=!1}=_,{t:L}=B();return w_("details",{className:"cortex-reasoning-details",children:[w_("summary",{className:"cortex-reasoning-details__summary",children:[w_("div",{className:"cortex-reasoning-details__header",children:[r("span",{className:"cortex-reasoning-details__icon",children:w_("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[r("path",{d:"M10 2C6.686 2 4 4.686 4 8c0 1.655.672 3.154 1.757 4.243.362.363.576.858.576 1.371V14.5a1 1 0 0 0 1 1h5.334a1 1 0 0 0 1-1v-.886c0-.513.214-1.008.576-1.371A5.978 5.978 0 0 0 16 8c0-3.314-2.686-6-6-6Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M7.5 17.5h5M8.5 8a2 2 0 0 1 2-2",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})]})}),r("div",{className:"cortex-reasoning-details__title-group",children:w_("div",{className:"cortex-reasoning-details__title-row",children:[r("div",{className:"cortex-reasoning-details__title",children:L("translate_reasoning")}),r("span",{className:z("cortex-reasoning-details__badge",k?"cortex-reasoning-details__badge--streaming":"cortex-reasoning-details__badge--done"),children:k?"Streaming":"Done"})]})})]}),r("span",{className:"cortex-reasoning-details__chevron","aria-hidden":"true",children:r("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",children:r("path",{d:"m5.75 8.25 4.25 4.25 4.25-4.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),r("div",{className:"cortex-reasoning-details__body",children:r("div",{className:"cortex-reasoning-details__content",children:r("pre",{className:"cortex-reasoning-details__pre",children:N.content.trim()?N.content:"No reasoning provided."})})})]})}import{useEffect as G0,useRef as O1,useState as C2}from"react";import{jsx as V0}from"react/jsx-runtime";function K0(_){let{role:N,textPart:k,streaming:L=!1}=_,Z=N==="assistant"&&L?"":k.content,[J,X]=C2(Z),G=O1(Z),$=O1(null),K=O1(!0);return G0(()=>{function Q(M){G.current=M,X(M)}if(N!=="assistant"||!L){$.current?.destroy(),$.current=null,Q(k.content),K.current=!1;return}if(!$.current)$.current=new J_(Q),$.current.seed(G.current);if(K.current){K.current=!1,$.current.seed(k.content);return}$.current.update(k.content,!1)},[N,L,k]),G0(()=>()=>{$.current?.destroy(),$.current=null},[]),V0("div",{className:z("cortex-text-part",N==="assistant"&&"cortex-text-part--assistant",N==="user"&&"cortex-text-part--user"),children:V0("div",{className:z("cortex-text-bubble",N==="assistant"&&"cortex-text-bubble--assistant",N==="user"&&"cortex-text-bubble--user"),dangerouslySetInnerHTML:{__html:K1(J)}})})}import{jsx as p,jsxs as N_}from"react/jsx-runtime";function W0({toolCallPart:_}){let{t:N}=B(),{state:k,approval:L}=_,Z=_.output,J=i_(_);function X(){if(k==="complete")return N_("div",{className:"dbg-tool__section dbg-tool__section--success",children:[N_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--success",children:N("translate_output")}),p("span",{className:"dbg-tool__section-lang",children:"json"}),p(e,{value:J})]}),p("div",{dir:"ltr",className:"dbg-tool__tree",children:p(X_,{data:Z,expandDepth:2})})]});if(k==="error")return N_("div",{className:"dbg-tool__section dbg-tool__section--error",children:[N_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--error",children:N("translate_error")}),p(e,{value:J})]}),p("pre",{dir:"ltr",className:"dbg-tool__error-pre",children:J})]});if(k==="approval-requested")return N_("div",{className:"dbg-tool__section dbg-tool__section--approval",children:[N_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--approval",children:N("translate_approval_requested")}),p("span",{className:"dbg-tool__section-lang",children:L?.id})]}),p("div",{className:"dbg-tool__message dbg-tool__message--approval",children:N("translate_waiting_for_approval")})]});if(k==="approval-responded")return N_("div",{className:"dbg-tool__section dbg-tool__section--approval",children:[N_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--approval",children:N("translate_approval_response")}),p("span",{className:"dbg-tool__section-lang",children:L?.id})]}),p("div",{className:"dbg-tool__message dbg-tool__message--approval",children:N(L?.approved?"translate_tool_approved":"translate_tool_response_received")})]});return null}return p("div",{children:X()})}import{jsx as Y0,jsxs as S2}from"react/jsx-runtime";function Q0({toolCallPart:_}){let{t:N}=B(),k=x_(_);return Y0("span",{children:S2("span",{className:z("dbg-tool__state",k.modifier&&`dbg-tool__state--${k.modifier}`),children:[k.pulse&&Y0("span",{className:z("dbg-tool__pulse",k.pulse==="violet"&&"dbg-tool__pulse--violet")}),N(k.labelKey)]})})}import{jsx as T,jsxs as s}from"react/jsx-runtime";function z0({toolCallPart:_}){let{t:N}=B(),{codeSnippets:k,remainingInput:L,remainingInputText:Z}=d_(_.input);return s("details",{className:"dbg-tool","data-state":_.state,children:[T("summary",{className:"dbg-tool__summary",children:s("div",{className:"dbg-tool__header",children:[s("div",{className:"dbg-tool__meta",children:[T("div",{className:"dbg-tool__title-row",children:T("span",{className:"dbg-tool__name",title:_.name,children:_.name})}),T("div",{className:"dbg-tool__id-row",children:T("span",{className:"dbg-tool__id",children:_.id})})]}),s("div",{className:"dbg-tool__actions",children:[T(Q0,{toolCallPart:_}),T("svg",{className:"dbg-tool__chevron",width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",children:T("path",{d:"m5.75 8.25 4.25 4.25 4.25-4.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}),s("div",{className:"dbg-tool__body",children:[k.map((J)=>s("div",{className:"dbg-tool__section",children:[s("div",{className:"dbg-tool__section-bar",children:[T("span",{className:"dbg-tool__section-label",children:J.key}),T("span",{className:"dbg-tool__section-lang",children:J.lang}),T(e,{value:J.value})]}),T("pre",{dir:"ltr",className:"dbg-tool__pre",children:T("code",{className:"hljs",dangerouslySetInnerHTML:{__html:W1(J.value,J.lang)}})})]},J.key)),!!L&&s("div",{className:"dbg-tool__section",children:[s("div",{className:"dbg-tool__section-bar",children:[T("span",{className:"dbg-tool__section-label",children:N("translate_input")}),T("span",{className:"dbg-tool__section-lang",children:"json"}),T(e,{value:Z})]}),T("div",{dir:"ltr",className:"dbg-tool__tree",children:T(X_,{data:L,expandDepth:2})})]}),T(W0,{toolCallPart:_})]})]})}import{useEffect as q0,useRef as M1,useState as F0}from"react";import{jsx as C,jsxs as P_}from"react/jsx-runtime";function H0({message:_,toolCallPart:N}){let{config:k,addToolResult:L,isAgentWorking:Z}=B(),J=k.toolComponents?.[N.name];if(J)return C("div",{className:"cortex-tool-call-animated",children:C(J,{toolCallPart:N,message:_,setOutput:(X)=>void L(N.id,N.name,X)})});if(N.state==="input-complete"&&!Z)return C("div",{className:"cortex-tool-call-animated",children:C(n2,{toolCallPart:N})});return C("div",{className:"cortex-tool-call-animated",children:C(D0,{toolCallPart:N})})}function n2({toolCallPart:_}){let{api:N,t:k,addToolResult:L,selectedThread:Z,config:J}=B(),X=Z?.id,[G,$]=F0({phase:"initiating"}),[K]=F0(J.trustSameOriginEmbeds),Q=M1(void 0),M=M1({api:N,addToolResult:L,toolName:_.name});if(M.current={api:N,addToolResult:L,toolName:_.name},q0(()=>{if(!X)return;let y=X1({initiate:()=>M.current.api.initiateToolCall(X,_.id),onState:$,submit:(H)=>M.current.addToolResult(_.id,M.current.toolName,H)});Q.current=y,y.start();let U=(H)=>y.handleMessage(H);return window.addEventListener("message",U),()=>{if(window.removeEventListener("message",U),y.dispose(),Q.current===y)Q.current=void 0}},[_.id,X]),!X||G.phase==="unavailable"||G.phase==="settling")return C(D0,{toolCallPart:_});let q=P_("div",{className:"cortex-client-tool-embed",children:[P_("div",{className:"cortex-client-tool-embed__bar",children:[C("span",{children:k("translate_client_tool_title")}),C("button",{type:"button",className:"cortex-client-tool-embed__cancel",onClick:()=>Q.current?.cancel(),children:k("translate_client_tool_cancel")})]}),G.phase==="embedded"?C("iframe",{className:"cortex-client-tool-embed__frame",src:G.embedUrl,sandbox:Z1(G.embedUrl,window.location.origin,K),title:k("translate_client_tool_title"),ref:(y)=>Q.current?.setSource(y?.contentWindow),onLoad:(y)=>{if(!J1(G.embedUrl,window.location.origin,K)&&$1(y.currentTarget,window.location.origin))Q.current?.terminate()}}):G.phase==="error"?P_("div",{className:"cortex-client-tool-embed__status",children:[C("span",{children:k("translate_client_tool_failed")}),C("button",{type:"button",className:"cortex-client-tool-embed__retry",onClick:()=>void Q.current?.start(),children:k("translate_client_tool_retry")})]}):C("div",{className:"cortex-client-tool-embed__status",children:k("translate_client_tool_loading")})]});return G.phase==="embedded"&&G.surface==="modal"?C(g2,{label:k("translate_client_tool_title"),onCancel:()=>Q.current?.cancel(),children:q}):q}function g2({label:_,onCancel:N,children:k}){let L=M1(null);return q0(()=>{let Z=L.current;return Z?.showModal(),()=>Z?.close()},[]),C("dialog",{ref:L,className:"cortex-client-tool-embed-dialog","aria-label":_,onCancel:(Z)=>{Z.preventDefault(),N()},children:k})}function D0({toolCallPart:_}){let{t:N}=B(),{state:k,active:L,titleKey:Z}=a_(_);return P_("div",{className:"cortex-tool-pill",children:[P_("span",{className:"cortex-tool-pill__icon",children:[C("span",{className:z("cortex-tool-pill__spinner",L&&"cortex-tool-pill__spinner--visible")}),C("svg",{className:z("cortex-tool-pill__svg","cortex-tool-pill__svg--check",k==="complete"&&"cortex-tool-pill__svg--visible"),viewBox:"0 0 20 20",fill:"none",children:C("path",{d:"M5.5 10.5 L8.5 13.5 L14.5 7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),C("svg",{className:z("cortex-tool-pill__svg","cortex-tool-pill__svg--error",k==="error"&&"cortex-tool-pill__svg--visible"),viewBox:"0 0 20 20",fill:"none",children:C("path",{d:"M6.5 6.5 L13.5 13.5 M13.5 6.5 L6.5 13.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]}),C("span",{className:z("cortex-tool-pill__title",k==="error"&&"cortex-tool-pill__title--error"),children:N(Z)})]})}import{jsx as T2}from"react/jsx-runtime";var f2=Z_("code");function B0(){return T2(z_,{labels:f2})}import{jsx as m2}from"react/jsx-runtime";var p2=Z_("graph");function y0(){return m2(z_,{labels:p2})}import{jsx as E1}from"react/jsx-runtime";function O0({message:_,toolCallPart:N}){if(N.name==="queryGraph")return E1(y0,{});if(N.name==="executeCode")return E1(B0,{});return E1(H0,{toolCallPart:N,message:_})}import{jsx as F_,jsxs as u2}from"react/jsx-runtime";function M0(_){let{message:N,part:k,debugMode:L=!1,animate:Z=!1,streaming:J=!1}=_,{t:X}=B();function G(){switch(k.type){case"text":return F_(K0,{textPart:k,role:N.role,streaming:J});case"thinking":return L?F_(X0,{reasoningPart:k,streaming:J}):F_($0,{});case"tool-call":return L?F_(z0,{toolCallPart:k}):F_(O0,{toolCallPart:k,message:N});default:return u2("p",{className:"cortex-unhandled-type",children:[X("translate_unhandled_type")," ",k.type]})}}return F_("div",{className:z("cortex-message-part",Z&&"cortex-message-part--animated"),children:G()})}import{useState as l2}from"react";import{jsx as P,jsxs as g}from"react/jsx-runtime";function E0({usage:_,modelId:N}){let{t:k}=B(),[L,Z]=l2(!1),J=O_(_)??0;return g("div",{className:z("cortex-token-usage",L&&"cortex-token-usage--expanded"),children:[g("button",{className:"cortex-token-usage__summary",onClick:()=>Z((X)=>!X),children:[g("span",{className:"cortex-token-usage__total",children:[P("span",{className:"cortex-token-usage__total-number",children:R(_.total)}),P("span",{className:"cortex-token-usage__total-label",children:k("translate_tokens")})]}),N?P("span",{className:"cortex-token-usage__model",children:N}):null,g("span",{className:"cortex-token-usage__pills",children:[g("span",{className:"cortex-token-usage__pill",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--input"}),R(_.input.total)]}),g("span",{className:"cortex-token-usage__pill",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--output"}),R(_.output.total)]})]}),J>0?g("span",{className:"cortex-token-usage__cache-badge",children:[J,"%"]}):null,P("svg",{className:"cortex-token-usage__chevron",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:P("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),P("div",{className:"cortex-token-usage__details",children:P("div",{className:"cortex-token-usage__details-inner",children:g("div",{className:"cortex-token-usage__columns",children:[g("div",{className:"cortex-token-usage__col",children:[g("div",{className:"cortex-token-usage__col-header",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--input"}),P("span",{className:"cortex-token-usage__col-label",children:k("translate_input")}),P("span",{className:"cortex-token-usage__col-total",children:R(_.input.total)})]}),g("div",{className:"cortex-token-usage__rows",children:[_.input.noCache?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_fresh")}),P("span",{className:"cortex-token-usage__row-value",children:R(_.input.noCache)})]}):null,_.input.cacheRead?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_cache_read")}),P("span",{className:"cortex-token-usage__row-value",children:R(_.input.cacheRead)})]}):null,_.input.cacheWrite?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_cache_write")}),P("span",{className:"cortex-token-usage__row-value",children:R(_.input.cacheWrite)})]}):null]}),J>0?g("div",{className:"cortex-token-usage__cache-bar-row",children:[P("div",{className:"cortex-token-usage__cache-bar",children:P("div",{className:"cortex-token-usage__cache-fill",style:{width:`${J}%`}})}),P("span",{className:"cortex-token-usage__cache-label",children:k("translate_n_percent_cached",{percent:J})})]}):null]}),g("div",{className:"cortex-token-usage__col",children:[g("div",{className:"cortex-token-usage__col-header",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--output"}),P("span",{className:"cortex-token-usage__col-label",children:k("translate_output")}),P("span",{className:"cortex-token-usage__col-total",children:R(_.output.total)})]}),g("div",{className:"cortex-token-usage__rows",children:[_.output.text?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_text")}),P("span",{className:"cortex-token-usage__row-value",children:R(_.output.text)})]}):null,_.output.reasoning?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_reasoning")}),P("span",{className:"cortex-token-usage__row-value",children:R(_.output.reasoning)})]}):null]})]})]})})})]})}import{jsx as q_,jsxs as A0}from"react/jsx-runtime";function w0(_){let{message:N,debugMode:k=!1,animate:L=!1}=_,{messages:Z,isAgentWorking:J,messageMetadata:X}=B(),G=J&&b_(Z)?.id===N.id,$=N.role==="assistant",K=N.parts,Q=K.filter((F,V)=>{if(F.type==="tool-result")return!1;return k||!t_(F,V===K.length-1,G)}),M=G?Q.length-1:-1,q=X.get(N.id),y=Boolean(q?.isAborted),U=q?.tokenUsage,H=N.role==="user"?q?.attachments??[]:[],S=k&&!G&&(Boolean(U)||$);return q_("div",{className:"cortex-message",children:Q.length>0&&A0("div",{className:"cortex-message-parts",children:[Q.map((F,V)=>q_(M0,{part:F,message:N,debugMode:k,animate:L,streaming:V===M},V)),H.length>0&&q_(s1,{attachments:H}),y&&q_(a1,{}),S&&A0("div",{className:"cortex-message-debug-zone",children:[U&&q_(E0,{usage:U,modelId:q?.modelId}),$&&q_(k0,{messageId:N.id})]})]})})}import{jsx as A1}from"react/jsx-runtime";function P0(_){let{messages:N,selectedThread:k}=B(),L=u_(null),Z=u_(!0),J=u_(!0),X=u_(!1),[G,$]=o2(!1);function K(){let H=L.current;if(H)H.scrollTop=H.scrollHeight}function Q(){if(X.current)return;X.current=!0,queueMicrotask(()=>{X.current=!1,K(),Z.current=!1})}m_(()=>{let H=L.current;if(Q(),$(!0),!H||typeof MutationObserver>"u")return;let S=new MutationObserver(()=>{if(!Z.current&&!J.current)return;Q()});return S.observe(H,{childList:!0,subtree:!0,characterData:!0}),()=>S.disconnect()},[]);let M=k?.id;m_(()=>{$(!1),Z.current=!0,queueMicrotask(()=>$(!0))},[M]);let q=N[N.length-1],y=q?.role==="user"?q.id:void 0;m_(()=>{if(y)Z.current=!0},[y]),m_(()=>{if(!Z.current&&!J.current)return;Q()},[N]);function U(){let H=L.current;if(!H)return;J.current=H.scrollHeight-H.scrollTop-H.clientHeight<100}return A1("div",{className:_.className,children:A1("div",{ref:L,className:"cortex-message-list",onScroll:U,children:N.map((H)=>A1(w0,{message:H,debugMode:_.debugMode,animate:G},H.id))})})}import{jsx as v,jsxs as x,Fragment as j2}from"react/jsx-runtime";var U0="M13.5 7.6c0 2.4-2.5 4.4-5.5 4.4-.6 0-1.2-.08-1.7-.23L3 13l.8-2.3C3 9.8 2.5 8.7 2.5 7.6 2.5 5.2 5 3.2 8 3.2s5.5 2 5.5 4.4Z";function v0(_){let{config:N,t:k,threads:L,selectedThread:Z,deleteThread:J}=B(),X=N.locale??"en";return x("div",{className:_.className,children:[x("div",{className:"cortex-widget__threads-header",children:[x("div",{children:[v("h2",{className:"cortex-widget__threads-title",children:k("translate_threads")}),v("p",{className:"cortex-widget__threads-count",children:k(L?.length===1?"translate_one_conversation":"translate_n_conversations",{count:L?.length??0})})]}),x("button",{onClick:()=>_.onNewChatRequested(),className:"cortex-widget__new-chat-btn",children:[v("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:v("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),k("translate_new")]})]}),v("div",{className:"cortex-widget__threads-list",children:L===void 0?[1,2,3,4].map((G)=>x("div",{className:"cortex-widget__thread-skeleton",children:[v("div",{className:"cortex-skeleton cortex-widget__thread-skeleton-icon"}),v("div",{className:"cortex-widget__thread-skeleton-lines",children:v("div",{className:"cortex-skeleton cortex-widget__thread-skeleton-line",style:{width:`${40+G*12}%`}})})]},G)):x(j2,{children:[L.map((G)=>{let $=G.id===Z?.id,K=F1(G.updatedAt,X);return x("button",{onClick:()=>_.onThreadSelected(G),className:z("cortex-widget__thread-item",$&&"cortex-widget__thread-item--active"),children:[v("div",{className:z("cortex-widget__thread-icon",$&&"cortex-widget__thread-icon--active"),children:v("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",children:v("path",{d:U0,stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),x("div",{className:"cortex-widget__thread-info",children:[x("div",{className:"cortex-widget__thread-title-row",children:[v("p",{className:z("cortex-widget__thread-title",$&&"cortex-widget__thread-title--active"),children:G.title??k("translate_untitled")}),G.isRunning&&x("span",{className:z("cortex-widget__thread-running",$&&"cortex-widget__thread-running--active"),children:[v("span",{className:"cortex-widget__thread-running-dot"}),k("translate_running")]})]}),K&&v("p",{className:"cortex-widget__thread-time",children:K})]}),v("span",{role:"button",tabIndex:0,onClick:(Q)=>{Q.stopPropagation(),J(G.id)},onKeyDown:(Q)=>{if(Q.key!=="Enter"&&Q.key!==" ")return;Q.preventDefault(),Q.stopPropagation(),J(G.id)},className:z("cortex-widget__thread-delete",$&&"cortex-widget__thread-delete--active"),children:v("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:v("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})})}),v("svg",{className:z("cortex-widget__thread-arrow",$&&"cortex-widget__thread-arrow--active"),width:"10",height:"10",viewBox:"0 0 16 16",fill:"none",children:v("path",{d:"M6 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},G.id)}),!L.length&&x("div",{className:"cortex-widget__threads-empty",children:[v("div",{className:"cortex-widget__threads-empty-icon",children:v("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"none",className:"cortex-widget__threads-empty-svg",children:v("path",{d:U0,stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),v("p",{className:"cortex-widget__threads-empty-title",children:k("translate_no_threads_yet")}),v("p",{className:"cortex-widget__threads-empty-subtitle",children:k("translate_start_a_new_conversation")}),v("button",{onClick:()=>_.onNewChatRequested(),className:"cortex-widget__new-chat-btn cortex-widget__new-chat-btn--empty-state",children:k("translate_new_chat")})]})]})})]})}import{jsx as E,jsxs as a}from"react/jsx-runtime";var P1={messages:[],isAgentWorking:!1,isLoadingMessages:!1,hasPendingToolCalls:!1,messageMetadata:new Map};function r2({config:_,className:N}){let k=k_(_);k.current=_;let[L,Z]=H_(),[J,X]=H_(),[G,$]=H_(P1),[K,Q]=H_(!1),[M,q]=H_("threads"),[y,U]=H_(!1),H=k_(void 0),S=k_([]),F=k_(void 0),V=k_(null),Y=w1(()=>r_(()=>k.current.transport),[]),I=w1(()=>{let W=J?.thread;if(!W)return;return L?.find((A)=>A.id===W.id)??W},[L,J]),n=k_(I);n.current=I;let O=k_(G);O.current=G;let i=m((W)=>{$((A)=>({...A,...typeof W==="function"?W(A):W}))},[]),L_=m((W,A)=>{Z((w)=>{let l=w?.find((h_)=>h_.id===W);return l?B_(w??[],{...l,isRunning:A}):w})},[]),D=m((W,A)=>{if(n.current?.id===W.id&&H.current)return;let w=n.current;if(n.current=W,$(P1),X({thread:W,mode:A?.skipLoadingMessages?"skip":"load",epoch:0}),w&&w.id!==W.id)k.current.hooks?.onThreadDeselected?.(w);k.current.hooks?.onThreadSelected?.(W)},[]),b=m(()=>{let W=n.current;if(!W&&!H.current)return;if(n.current=void 0,X(void 0),$(P1),W)k.current.hooks?.onThreadDeselected?.(W)},[]),f=m((W)=>{X((A)=>({thread:W,mode:"reload",epoch:(A?.epoch??0)+1,initialMessages:O.current.messages}))},[]),u=m((W)=>{let A=n.current;if(A)return Promise.resolve(A.id);return F.current??=Y.createThread(W).then((w)=>{return F.current=void 0,Z((l)=>B_(l??[],w)),D(w,{skipLoadingMessages:!0}),w.id},(w)=>{throw F.current=void 0,w}),F.current},[Y,D]),j=w1(()=>k1({api:Y,ensureThread:()=>u()}),[Y,u]),U1=h2(j.subscribe,j.getState,j.getState),R0=m(async(W,A=[])=>{if(O.current.isAgentWorking||O.current.hasPendingToolCalls)return;let w=H.current;if(w){await w.send(W,A);return}S.current.push({prompt:W,attachments:A});try{await u(W)}catch(l){throw S.current=[],l}},[u]),c0=m(async()=>{await H.current?.abort()},[]),I0=m((W,A,w)=>H.current?.addToolResult(W,A,w)??Promise.resolve(),[]),C0=m(async(W)=>{if(n.current?.id===W)b();await Y.deleteThread(W),Z((A)=>A?I_(A,W):A)},[Y,b]),S0=m(()=>{j.discardConsumed(),setTimeout(()=>V.current?.focusInput())},[j]),n0=m(()=>{j.restoreConsumed(n.current?.id)},[j]),l_=m(async()=>{let W=c_(await Y.listThreads());return Z(W),W},[Y]),v1=m((W)=>{Z((w)=>{let l=V1(w??[],W);return w||l.length?l:w});let A=n.current?.id;switch(W.type){case"thread:deleted":if(A===W.payload.threadId)b();break;case"thread:run-started":if(A===W.payload.thread.id)H.current?.reattach(W.payload.thread);break;case"thread:messages-updated":H.current?.refreshMessages(W.payload.threadId);break}},[b]);b0(()=>{l_();let W=!1,A=G1({wsUrl:()=>k.current.wsUrl,transport:{baseUrl:()=>{let w=k.current.transport.baseUrl;return typeof w==="string"?w:w()},getHeaders:()=>k.current.transport.getHeaders()},onEvent:v1,onOpen:()=>{if(!W){W=!0;return}l_().then((w)=>{let l=n.current;if(!l)return;H.current?.reattach(w.find((h_)=>h_.id===l.id)??l)})}});return()=>{A.close()}},[v1,l_]);let o_=k_(void 0),j_=I?.id;b0(()=>{if(j_===o_.current)return;j.clear(o_.current),o_.current=j_},[j_,j]);let b1=_.locale??"en",D_=m((W,A)=>Y1(b1,W,A),[b1]),g0=_.viewMode??"helper",f0={config:_,t:D_,api:Y,debugMode:K,threads:L,selectedThread:I,deleteThread:C0,...G,send:R0,abort:c0,addToolResult:I0,queue:{items:U1,...L1(U1),accept:j.accept,remove:j.remove,consumeReady:j.consumeReady}};function T0(W){D(W),q("chat"),U(!1)}function p0(){b(),q("chat"),U(!1)}function m0(){b(),q("threads")}return E(H1.Provider,{value:f0,children:a("div",{className:z("cortex-widget",N),"data-cortex-theme":_.theme,children:[a("div",{className:z("cortex-widget__container",g0==="full"&&"cortex-widget__container--full",y&&"cortex-widget__container--sidebar-open"),onDragOver:(W)=>W.preventDefault(),onDrop:(W)=>W.preventDefault(),children:[E(v0,{className:z("cortex-widget__screen",M==="threads"&&"cortex-widget__screen--active",M!=="threads"&&"cortex-widget__screen--left"),onThreadSelected:T0,onNewChatRequested:p0}),a("div",{className:z("cortex-widget__screen",M==="chat"&&"cortex-widget__screen--active",M!=="chat"&&"cortex-widget__screen--right"),children:[a("div",{className:"cortex-widget__chat-header",children:[E("button",{onClick:()=>U((W)=>!W),className:"cortex-widget__sidebar-toggle-btn",children:E("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:E("path",{d:"M2.5 4h11M2.5 8h11M2.5 12h11",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),E("button",{onClick:m0,className:"cortex-widget__back-btn",children:E("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",className:"cortex-widget__back-icon",children:E("path",{d:"M10 3L5 8l5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),E("div",{className:"cortex-widget__chat-title-wrap",children:E("p",{className:"cortex-widget__chat-title",children:I?.title??D_("translate_new_chat")})}),_.showDebugButton&&E("button",{onClick:()=>Q((W)=>!W),className:z("cortex-widget__debug-btn",K?"cortex-widget__debug-btn--on":"cortex-widget__debug-btn--off"),children:K?D_("translate_debug"):D_("translate_normal")})]}),G.isLoadingMessages&&!G.isAgentWorking?a("div",{className:"cortex-widget__messages-skeleton",children:[E("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--user",children:a("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user",children:[E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"13rem"}}),E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"9rem"}})]})}),E("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--assistant",children:a("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant",children:[E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"16rem"}}),E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"18rem"}}),E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"12rem"}})]})}),E("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--user",children:E("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user",children:E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"11rem"}})})}),E("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--assistant",children:a("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant",children:[E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"14rem"}}),E("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"15rem"}})]})})]}):E(P0,{className:"cortex-widget__messages",debugMode:K}),G.isAgentWorking&&!G.hasPendingToolCalls&&a("div",{className:"cortex-widget__working",children:[a("div",{className:"cortex-widget__working-dots",children:[E("span",{className:"cortex-working-dot"}),E("span",{className:"cortex-working-dot"}),E("span",{className:"cortex-working-dot"})]}),E("span",{className:"cortex-widget__working-text",children:D_("translate_thinking")})]}),!G.hasPendingToolCalls&&E(i1,{ref:V})]}),E("div",{className:"cortex-widget__sidebar-backdrop",onClick:()=>U(!1)})]}),J&&E(h1,{thread:J.thread,mode:J.mode,initialMessages:J.initialMessages,api:Y,configRef:k,sessionRef:H,pendingSendRef:S,patchUi:i,setRunning:L_,remount:f,onTurnFinished:S0,onSendFailed:n0},`${J.thread.id}:${J.epoch}`)]})})}export{r2 as CortexChatWidget};
+import{useCallback as m,useEffect as S0,useMemo as I1,useRef as L_,useState as y_,useSyncExternalStore as h2}from"react";function I_(_){return Promise.resolve(_.getHeaders())}function g1(_,N){let k=_.baseUrl;return(typeof k==="string"?k:k()).replace(/\/$/,"")+N}function h0(_){let N=_?.match(/filename\*\s*=\s*[^']*'[^']*'([^;\r\n]+)/i)?.[1]?.trim().replace(/^"|"$/g,"");if(N)try{return decodeURIComponent(N)}catch{}return _?.match(/filename\s*=\s*"?([^";\r\n]+)"?/i)?.[1]}function e_(_){function N(){return I_(_())}function k($){return g1(_(),$)}async function L($,Z){let G=new Headers(await N());if(new Headers(Z?.headers).forEach(function(W,Q){G.set(Q,W)}),Z?.body instanceof FormData)G.delete("Content-Type");else if(!G.has("Content-Type"))G.set("Content-Type","application/json");let X=await fetch(k($),{...Z,headers:G});if(!X.ok)throw Error(`HTTP ${X.status}: ${X.statusText}`);let J=await X.text();return J?JSON.parse(J):void 0}return{listThreads(){return L("/threads")},createThread($){return L("/threads",{method:"POST",body:JSON.stringify({prompt:$})})},deleteThread($){return L(`/threads/${$}`,{method:"DELETE"})},listMessages($){return L(`/threads/${$}/messages`)},listLlmRequests($){return L(`/messages/${$}/llm-requests`)},abortStream($){return L(`/chat/${$}/abort`,{method:"POST"})},initiateToolCall($,Z){return L(`/chat/${$}/tools/${Z}/initiate`,{method:"POST"})},async uploadAttachment($,Z){let G=new FormData;return G.append("file",Z),await L(`/threads/${$}/files`,{method:"POST",body:G})},deleteAttachment($){return L(`/files/${$}`,{method:"DELETE"})},async downloadAttachment($){let Z=await fetch(k(`/files/${$}`),{headers:await N()});if(!Z.ok)throw Error(`HTTP ${Z.status}: ${Z.statusText}`);return{blob:await Z.blob(),name:h0(Z.headers.get("Content-Disposition"))??$}},resolveHeaders:N,resolveUrl:k}}var x0={complete:"success",error:"error","approval-requested":"approval","approval-responded":"approval","awaiting-input":"pending","input-streaming":"pending","input-complete":"pending"},i0={"awaiting-input":"translate_calling","input-streaming":"translate_calling","input-complete":"translate_input_ready","approval-requested":"translate_needs_approval","approval-responded":"translate_responded",complete:"translate_completed",error:"translate_error"};function _1(_){let{state:N,approval:k}=_;return{modifier:x0[N],labelKey:N==="approval-responded"&&k?.approved?"translate_approved":i0[N],pulse:N==="awaiting-input"||N==="input-streaming"?"default":N==="approval-requested"?"violet":void 0}}function N1(_){let N=_.output;if(N===void 0||N===null)return"";if(typeof N==="string")return N;return JSON.stringify(N,null,2)}var f1={code:"javascript",query:"cypher"};function k1(_){let N=_&&typeof _==="object"?_:null,k=N?Object.entries(f1).flatMap(([$,Z])=>{let G=N[$];return typeof G==="string"?[{key:$,lang:Z,value:G.replace(/\\n/g,`
+`)}]:[]}):[],L=_;if(N){let $=Object.fromEntries(Object.entries(N).filter(([Z])=>!Object.hasOwn(f1,Z)));L=Object.keys($).length>0?$:null}return{codeSnippets:k,remainingInput:L,remainingInputText:L?JSON.stringify(L,null,2):""}}var T1=10,d0={"awaiting-input":"starting","input-streaming":"starting","input-complete":"processing","approval-requested":"processing","approval-responded":"processing",complete:"complete",error:"error"};function a0(_){let N=0;for(let k=0;k<_.length;k++)N=N*31+_.charCodeAt(k)|0;return Math.abs(N)%T1}function L1(_){let N=d0[_.state]??"processing",k=_.name==="readAttachment"?"attachment":"tool",L=k==="tool"?`_${a0(_.id)}`:"";return{state:N,active:N==="starting"||N==="processing",titleKey:N==="error"?"translate_tool_error":`translate_${k}_${N==="complete"?"done":"status"}${L}`}}function Z_(_){return Array.from({length:T1},(N,k)=>`translate_${_}_${k}`)}function $1(_,N,k){return _.type==="thinking"&&!(k&&N)}import{EventType as s0}from"@tanstack/ai";import{fetchServerSentEvents as l1}from"@tanstack/ai-client";var Z1=["image/png","image/jpeg","image/webp","application/pdf"];var p1=5;function m1(_,N){if(!Z1.some((k)=>k===_))return"type";if(N>10485760)return"size";return"ok"}var u1="clientToolAnswers";var t0=new Set(["complete","error"]);function W_(_){return t0.has(_)}function c_(_){return(n_(_)?.parts??[]).filter((k)=>k.type==="tool-call"&&!W_(k.state))}function n_(_){for(let N=_.length-1;N>=0;N-=1){let k=_[N];if(k?.role==="assistant")return k}return}function J1(_){return{id:_.id,role:_.role,parts:_.parts}}function o1(_){for(let N=_.length-1;N>=0;N-=1){let k=_[N],L="parts"in k&&k.parts.some(($)=>$.type==="tool-result");if(k.role==="user"||L)return _.slice(N,N+1)}return _.slice(-1)}function e0(_){let[N]=_;if(!N||N.role!=="assistant"||!("parts"in N))return null;if(!N.parts.some((L)=>L.type==="tool-result"))return null;let k=N.parts.flatMap((L)=>L.type==="tool-call"&&W_(L.state)?[{toolCallId:L.id,output:L.output??null,state:L.state==="error"?"error":"complete"}]:[]);return k.length>0?k:null}function S_(_){return new Map(_.flatMap((N)=>N.metadata?[[N.id,N.metadata]]:[]))}function G1(_){let{api:N,thread:k}=_,L=async()=>({headers:await N.resolveHeaders()}),$=l1(()=>N.resolveUrl("/chat"),L),Z=function(J,W,Q,M){let D=o1(J),y=e0(D);return y?$.connect([],{...W,[u1]:y},Q,M):$.connect(D,W,Q,M)},G=l1(()=>N.resolveUrl(`/chat/${k.id}/stream`),L),X=[];return{connect:Z,async*joinRun(J,W){yield{type:s0.MESSAGES_SNAPSHOT,timestamp:Date.now(),messages:X},yield*G.joinRun(J,W)},hydrate:async()=>{let J=await _2(_);return X=J.messages,J}}}async function _2(_){let{api:N,thread:k,mode:L}=_,$=k.isRunning?{runId:k.id}:null;if(L==="skip")return{messages:[],activeRun:$,interrupts:null};if(L==="load")_.setLoadingMessages?.(!0);try{let Z=await N.listMessages(k.id),G=Z.map(J1);return _.onHydrated?.(Z,G),{messages:G,activeRun:$,interrupts:null}}finally{_.setLoadingMessages?.(!1)}}async function X1(_){try{let N=await _.api.listMessages(_.threadId);if(_.isStale?.())return;if(_.absorbMetadata(S_(N)),_.isStreaming())return;_.setMessages(N.map(J1))}catch{}}function O_(){if(typeof crypto.randomUUID==="function")return crypto.randomUUID();let _=crypto.getRandomValues(new Uint8Array(16));_[6]=_[6]&15|64,_[8]=_[8]&63|128;let N=Array.from(_,(k)=>k.toString(16).padStart(2,"0")).join("");return`${N.slice(0,8)}-${N.slice(8,12)}-${N.slice(12,16)}-${N.slice(16,20)}-${N.slice(20)}`}function V1(_){let{api:N}=_,k=new Set,L=new Set,$=[],Z=[];function G(){return $}function X(F){return k.add(F),()=>{k.delete(F)}}function J(F){$=F;for(let V of k)V()}function W(F,V){J($.map((Y)=>Y.localId===F?{...Y,...V}:Y))}function Q(F){if(L.delete(F))return;W(F,{status:"error"})}function M(F){let V=[];for(let Y of F){let R=m1(Y.type,Y.size)!=="ok"||$.filter((O)=>O.status!=="error").length>=p1,C=O_();if(J([...$,{localId:C,filename:Y.name,status:R?"error":"uploading"}]),!R)V.push({localId:C,file:Y})}if(!V.length)return;_.ensureThread().then((Y)=>{for(let{localId:R,file:C}of V){if(L.delete(R))continue;W(R,{threadId:Y}),N.uploadAttachment(Y,C).then((O)=>{if(L.delete(R)){N.deleteAttachment(O.id).catch(()=>{});return}W(R,{status:"ready",attachmentId:O.id,summary:O})},()=>Q(R))}},()=>{for(let{localId:Y}of V)Q(Y)})}function D(F){let V=$.find((Y)=>Y.localId===F);if(!V)return;if(V.status==="uploading"){L.add(F),J($.filter((Y)=>Y.localId!==F));return}if(V.attachmentId){W(F,{status:"deleting"}),N.deleteAttachment(V.attachmentId).then(()=>J($.filter((Y)=>Y.localId!==F)),()=>W(F,{status:"error"}));return}J($.filter((Y)=>Y.localId!==F))}function y(F){let V=[];for(let Y of $){if(Y.threadId!==void 0&&Y.threadId!==F){V.push(Y);continue}if(Y.status==="uploading")L.add(Y.localId);else if(Y.status==="ready"&&Y.threadId===F&&Y.attachmentId)N.deleteAttachment(Y.attachmentId).catch(()=>{})}J(V)}function b(){let F=$.flatMap((V)=>V.status==="ready"&&V.summary?[{...V,status:"ready",summary:V.summary}]:[]);return J($.filter((V)=>V.status!=="ready")),Z=F,F}function q(F){let V=Z;if(Z=[],V.some((Y)=>Y.threadId!==F))return;J([...V.map((Y)=>({...Y,status:"error"})),...$])}function S(){Z=[]}return{getState:G,subscribe:X,accept:M,remove:D,clear:y,consumeReady:b,restoreConsumed:q,discardConsumed:S}}function W1(_){return{uploading:_.some((N)=>N.status==="uploading"),busy:_.some((N)=>N.status==="uploading"||N.status==="deleting"),hasReady:_.some((N)=>N.status==="ready")}}var N2=["completed","cancelled","failed"];function j1(_,N,k){if(N!==k)return null;if(typeof _!=="object"||_===null)return null;let L=_;if(L.type!=="cortex:client-tool")return null;let $=N2.find((G)=>G===L.status);if(!$)return null;let Z=L.reference;return{type:"cortex:client-tool",status:$,...typeof Z==="string"?{reference:Z}:{},...L.result!==void 0?{result:L.result}:{}}}function K1(_,N,k){try{return new URL(_).origin===N&&!k?"allow-scripts allow-forms allow-popups":"allow-scripts allow-forms allow-popups allow-same-origin"}catch{return"allow-scripts allow-forms allow-popups"}}function Y1(_,N,k){try{return k===!0&&new URL(_).origin===N}catch{return!1}}function Q1(_,N){try{return _.contentWindow?.location.origin===N}catch{return!1}}function z1(_){let N=!1,k=!1,L,$;function Z(J){if(!N)_.onState(J)}function G(){if(N)return;k=!1,Z({phase:"error"})}function X(J){if(N||k)return;k=!0,Z({phase:"settling"});try{let W=_.submit(J);if(W instanceof Promise)W.catch(G)}catch{G()}}return{async start(){Z({phase:"initiating"});try{let J=await _.initiate();if(!J.embed){Z({phase:"unavailable"});return}if(!/^https?:$/.test(new URL(J.embedUrl).protocol)){Z({phase:"error"});return}L=J.embedOrigin,Z({phase:"embedded",embedUrl:J.embedUrl,surface:J.surface,embedOrigin:J.embedOrigin})}catch(J){let W=J instanceof Error?J.message:"";Z({phase:/HTTP 404/.test(W)?"unavailable":"error"})}},setSource(J){if(J!==null&&J!==void 0)$=J},handleMessage(J){if(!L)return;if($===void 0||J.source!==$)return;let W=j1(J.data,J.origin,L);if(!W)return;X({status:W.status,reference:W.reference,result:W.result})},cancel(){X({status:"cancelled"})},terminate(){if(N||k)return;L=void 0,$=void 0,Z({phase:"error"})},dispose(){N=!0}}}function k2(_){return Math.min(1000*2**(_-1),30000)}var L2=1e4;function F1(_){let N,k,L=0,$=!1;function Z(){let X=typeof _.wsUrl==="function"?_.wsUrl():_.wsUrl;if(X===!1)return;let J=$2(X,_.transport.baseUrl);I_(_.transport).then((W)=>{if($)return;N=new WebSocket(Z2(J,W)),N.addEventListener("open",()=>{let Q=N;setTimeout(()=>{if(N===Q&&!$)L=0},L2),_.onOpen?.()}),N.addEventListener("message",(Q)=>{let M=Q.data;if(typeof M!=="string")return;let D;try{D=JSON.parse(M)}catch{return}_.onEvent(D)}),N.addEventListener("close",G)}).catch(G)}function G(){if($||k)return;L+=1,k=setTimeout(()=>{k=void 0,Z()},k2(L))}return Z(),{close(){$=!0,clearTimeout(k),N?.close()}}}function $2(_,N){if(_)return _;let k=typeof N==="string"?N:N(),L=new URL(k,window.location.origin);return L.protocol=L.protocol==="https:"?"wss:":"ws:",L.pathname=L.pathname.replace(/\/$/,"")+"/ws",L.toString()}function Z2(_,N){let k=N.Authorization??N.authorization;if(!k?.startsWith("Bearer "))return _;let L=new URL(_,window.location.origin);if(L.searchParams.has("token"))return L.toString();return L.searchParams.set("token",k.slice(7)),L.toString()}function C_(_){return[..._].sort((N,k)=>{let L=Date.parse(k.updatedAt)-Date.parse(N.updatedAt);if(L!==0)return L;return Date.parse(k.createdAt)-Date.parse(N.createdAt)})}function M_(_,N){let k=[..._],L=k.findIndex(($)=>$.id===N.id);if(L===-1)k.push(N);else k[L]={...k[L],...N};return C_(k)}function g_(_,N){return _.filter((k)=>k.id!==N)}function D1(_,N){switch(N.type){case"thread:deleted":return g_(_,N.payload.threadId);case"thread:created":case"thread:title-updated":case"thread:run-started":case"thread:run-finished":case"thread:messages-updated":return M_(_,N.payload.thread);default:return _}}import{marked as J2}from"marked";import G2 from"dompurify";function q1(_){if(!_)return"";let N=J2.parse(_,{async:!1});return N=N.replace(/<table>/g,'<div style="overflow-x:auto"><table style="width:auto">').replace(/<\/table>/g,"</table></div>").replace(/<(t[hd])([\s>])/g,'<$1 style="padding:0.5rem 1rem"$2'),G2.sanitize(N)}import U_ from"highlight.js/lib/core";import X2 from"highlight.js/lib/languages/javascript";import V2 from"highlight.js/lib/languages/json";import W2 from"highlight.js/lib/languages/sql";var r1=!1;function K2(){if(r1)return;r1=!0,U_.registerLanguage("javascript",X2),U_.registerLanguage("json",V2),U_.registerLanguage("cypher",W2)}function H1(_,N){if(!_)return"";return K2(),U_.getLanguage(N)?U_.highlight(_,{language:N}).value:Y2(_)}function Y2(_){return _.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}var h1={translate_new:"جديد",translate_history:"السجل",translate_back:"رجوع",translate_greeting:"بماذا يمكنني مساعدتك اليوم؟",translate_n_conversations:"{{count}} محادثات",translate_one_conversation:"محادثة واحدة",translate_no_threads_yet:"لا توجد محادثات بعد",translate_start_a_new_conversation:"ابدأ محادثة جديدة",translate_untitled:"بدون عنوان",translate_new_chat:"محادثة جديدة",translate_normal:"عادي",translate_debug:"تصحيح",translate_type_a_message:"اكتب رسالة...",translate_thinking:"جارٍ معالجة الطلب...",translate_reasoned:"تم الاستنتاج",translate_knowledge_graph_query:"استعلام الرسم البياني المعرفي",translate_javascript_code_execution:"تنفيذ كود جافاسكريبت",translate_completed:"مكتمل",translate_attach_files:"إرفاق ملفات",translate_drop_files_here:"أفلت ملفاتك هنا...",translate_remove_attachment:"إزالة المرفق",translate_attachment_rejected:"لا يمكن إرفاق هذا الملف",translate_attachment_caption:"من فضلك اطّلع على الملفات المرفقة.",translate_download:"تنزيل",translate_tool_status_0:"جارٍ جلب البيانات…",translate_tool_status_1:"جارٍ تحليل المعلومات…",translate_tool_status_2:"جارٍ معالجة الطلب…",translate_tool_status_3:"جارٍ تجميع النتائج…",translate_tool_status_4:"جارٍ تحضير الرد…",translate_tool_status_5:"جارٍ البحث…",translate_tool_status_6:"جارٍ فحص السجلات…",translate_tool_status_7:"جارٍ مراجعة التفاصيل…",translate_tool_status_8:"جارٍ إجراء الحسابات…",translate_tool_status_9:"جارٍ سحب المعلومات…",translate_tool_done_0:"تم جلب البيانات بنجاح",translate_tool_done_1:"تم التحليل بنجاح",translate_tool_done_2:"تمت معالجة الطلب بنجاح",translate_tool_done_3:"تم تجميع النتائج بنجاح",translate_tool_done_4:"تم تحضير الرد بنجاح",translate_tool_done_5:"تم البحث بنجاح",translate_tool_done_6:"تم فحص السجلات بنجاح",translate_tool_done_7:"تمت المراجعة بنجاح",translate_tool_done_8:"تمت الحسابات بنجاح",translate_tool_done_9:"تم استرجاع المعلومات بنجاح",translate_tool_error:"حدث خطأ",translate_attachment_status:"جارٍ قراءة الملف المرفق…",translate_attachment_done:"تمت قراءة الملف المرفق",translate_graph_0:"جارٍ استكشاف الروابط...",translate_graph_1:"جارٍ رسم الخريطة...",translate_graph_2:"جارٍ اكتشاف العلاقات...",translate_graph_3:"جارٍ تتبع الروابط...",translate_graph_4:"جارٍ التنقل في المعرفة...",translate_graph_5:"جارٍ كشف الرؤى...",translate_graph_6:"جارٍ ربط النقاط...",translate_graph_7:"جارٍ تتبع المسار...",translate_graph_8:"جارٍ تجميع الأجزاء...",translate_graph_9:"جارٍ بناء الصورة...",translate_code_0:"جارٍ حساب الأرقام...",translate_code_1:"جارٍ معالجة البيانات...",translate_code_2:"جارٍ تنفيذ طلبك...",translate_code_3:"جارٍ تحليل الأرقام...",translate_code_4:"جارٍ تجميع كل شيء...",translate_code_5:"جارٍ تحليل النتائج...",translate_code_6:"جارٍ العمل خلف الكواليس...",translate_code_7:"جارٍ ترتيب التفاصيل...",translate_code_8:"جارٍ تحضير إجابتك...",translate_code_9:"أوشك على الانتهاء...",translate_reasoning_0:"جارٍ التفكير...",translate_reasoning_1:"جارٍ دراسة الخيارات...",translate_reasoning_2:"جارٍ تقييم الاحتمالات...",translate_reasoning_3:"جارٍ التأمل في هذا...",translate_reasoning_4:"جارٍ إيجاد الحل...",translate_reasoning_5:"جارٍ ترتيب الأفكار...",translate_reasoning_6:"جارٍ التمعن في الأمر...",translate_reasoning_7:"جارٍ إيجاد أفضل طريقة...",translate_reasoning_8:"جارٍ تنظيم أفكاري...",translate_reasoning_9:"أوشك على الانتهاء...",translate_running:"قيد التنفيذ",translate_aborted:"تم الإلغاء",translate_input:"المدخلات",translate_output:"المخرجات",translate_calling:"جارٍ الاستدعاء",translate_input_ready:"المدخلات جاهزة",translate_needs_approval:"بحاجة إلى موافقة",translate_approved:"تمت الموافقة",translate_responded:"تم الرد",translate_error:"خطأ",translate_approval_requested:"طلب موافقة",translate_approval_response:"رد الموافقة",translate_waiting_for_approval:"في انتظار الموافقة لتنفيذ هذه الأداة.",translate_tool_approved:"تمت الموافقة.",translate_tool_response_received:"تم استلام الرد.",translate_tokens:"رمز",translate_fresh:"جديد",translate_cache_read:"قراءة من الذاكرة",translate_cache_write:"كتابة في الذاكرة",translate_n_percent_cached:"{{percent}}٪ مخزّن مؤقتًا",translate_text:"نص",translate_reasoning:"الاستنتاج",translate_read:"قراءة",translate_write:"كتابة",translate_total:"الإجمالي",translate_request:"الطلب",translate_response:"الرد",translate_step_n:"الخطوة {{number}}",translate_inspect_llm_requests:"فحص طلبات النموذج",translate_loading:"جارٍ التحميل…",translate_no_llm_requests:"لا توجد طلبات نموذج مسجّلة لهذه الرسالة.",translate_unhandled_type:"نوع غير مدعوم:",translate_client_tool_title:"أكمل هذه الخطوة للمتابعة",translate_client_tool_loading:"جارٍ تجهيز خطوة آمنة...",translate_client_tool_failed:"تعذّر تحميل هذه الخطوة",translate_client_tool_retry:"حاول مرة أخرى",translate_client_tool_cancel:"إلغاء"};var x1={translate_new:"New",translate_history:"History",translate_back:"Back",translate_greeting:"What can I help you with today?",translate_n_conversations:"{{count}} conversations",translate_one_conversation:"1 conversation",translate_no_threads_yet:"No threads yet",translate_start_a_new_conversation:"Start a new conversation",translate_untitled:"Untitled",translate_new_chat:"New Chat",translate_normal:"Normal",translate_debug:"Debug",translate_type_a_message:"Type a message...",translate_thinking:"Thinking things through...",translate_reasoned:"Reasoned",translate_knowledge_graph_query:"Knowledge Graph Query",translate_javascript_code_execution:"JavaScript Code Execution",translate_completed:"Completed",translate_attach_files:"Attach files",translate_drop_files_here:"Drop your files here...",translate_remove_attachment:"Remove attachment",translate_attachment_rejected:"This file cannot be attached",translate_attachment_caption:"Please take a look at the attached files.",translate_download:"Download",translate_tool_status_0:"Fetching data...",translate_tool_status_1:"Analyzing information...",translate_tool_status_2:"Processing request...",translate_tool_status_3:"Gathering results...",translate_tool_status_4:"Preparing response...",translate_tool_status_5:"Looking things up...",translate_tool_status_6:"Checking records...",translate_tool_status_7:"Reviewing details...",translate_tool_status_8:"Running calculations...",translate_tool_status_9:"Pulling information...",translate_tool_done_0:"Data fetched successfully",translate_tool_done_1:"Analysis completed successfully",translate_tool_done_2:"Request processed successfully",translate_tool_done_3:"Results gathered successfully",translate_tool_done_4:"Response prepared successfully",translate_tool_done_5:"Lookup completed successfully",translate_tool_done_6:"Records checked successfully",translate_tool_done_7:"Review completed successfully",translate_tool_done_8:"Calculations completed successfully",translate_tool_done_9:"Information retrieved successfully",translate_tool_error:"Something went wrong",translate_attachment_status:"Reading the attached file...",translate_attachment_done:"Finished reading the file",translate_graph_0:"Exploring connections...",translate_graph_1:"Mapping out the links...",translate_graph_2:"Discovering relationships...",translate_graph_3:"Tracing the connections...",translate_graph_4:"Navigating the knowledge...",translate_graph_5:"Uncovering insights...",translate_graph_6:"Connecting the dots...",translate_graph_7:"Following the trail...",translate_graph_8:"Piecing things together...",translate_graph_9:"Building the picture...",translate_code_0:"Running the numbers...",translate_code_1:"Working through the data...",translate_code_2:"Processing your request...",translate_code_3:"Crunching the figures...",translate_code_4:"Putting it all together...",translate_code_5:"Analyzing the results...",translate_code_6:"Working behind the scenes...",translate_code_7:"Sorting through the details...",translate_code_8:"Preparing your answer...",translate_code_9:"Almost ready...",translate_reasoning_0:"Thinking it through...",translate_reasoning_1:"Considering the options...",translate_reasoning_2:"Weighing the possibilities...",translate_reasoning_3:"Reflecting on this...",translate_reasoning_4:"Working it out...",translate_reasoning_5:"Putting thoughts together...",translate_reasoning_6:"Mulling it over...",translate_reasoning_7:"Finding the best approach...",translate_reasoning_8:"Organizing my thoughts...",translate_reasoning_9:"Almost there...",translate_running:"Running",translate_aborted:"Aborted",translate_input:"Input",translate_output:"Output",translate_calling:"Calling",translate_input_ready:"Input ready",translate_needs_approval:"Needs approval",translate_approved:"Approved",translate_responded:"Responded",translate_error:"Error",translate_approval_requested:"Approval requested",translate_approval_response:"Approval response",translate_waiting_for_approval:"Waiting for approval to execute this tool.",translate_tool_approved:"Approved.",translate_tool_response_received:"Response received.",translate_tokens:"tokens",translate_fresh:"Fresh",translate_cache_read:"Cache read",translate_cache_write:"Cache write",translate_n_percent_cached:"{{percent}}% cached",translate_text:"Text",translate_reasoning:"Reasoning",translate_read:"Read",translate_write:"Write",translate_total:"Total",translate_request:"Request",translate_response:"Response",translate_step_n:"Step {{number}}",translate_inspect_llm_requests:"Inspect LLM requests",translate_loading:"loading…",translate_no_llm_requests:"No LLM requests recorded for this message.",translate_unhandled_type:"Unhandled type:",translate_client_tool_title:"Complete this step to continue",translate_client_tool_loading:"Preparing a secure step...",translate_client_tool_failed:"This step could not be loaded",translate_client_tool_retry:"Try again",translate_client_tool_cancel:"Cancel"};var f_={en:x1,ar:h1};function B1(_,N,k){let $=(f_[_]??f_.en)?.[N]??f_.en?.[N]??N;if(!k)return $;return $.replace(/\{\{\s*(\w+)\s*\}\}/g,(Z,G)=>(G in k)?String(k[G]):Z)}function K_(_){if(typeof _==="string"){let N=_.trim();if(!(N.startsWith("{")&&N.endsWith("}")||N.startsWith("[")&&N.endsWith("]")))return _;try{return K_(JSON.parse(N))}catch{return _}}if(Array.isArray(_))return _.map((N)=>K_(N));if(_!==null&&typeof _==="object"){let N={};for(let[k,L]of Object.entries(_))N[k]=K_(L);return N}return _}function y1(_,N){if(Array.isArray(_)){let k=_;return{kind:"container",open:"[",close:"]",summary:i1(k.length,"item","items"),entries:k.map((L,$)=>({key:null,value:L,path:`${N}[${$}]`}))}}if(_!==null&&typeof _==="object"){let k=Object.entries(_);return{kind:"container",open:"{",close:"}",summary:i1(k.length,"property","properties"),entries:k.map(([L,$])=>({key:L,value:$,path:`${N}.${L}`}))}}return{kind:"primitive",text:F2(_),className:D2(_)}}function i1(_,N,k){return`${_} ${_===1?N:k}`}function F2(_){if(_===null||_===void 0)return"null";if(typeof _==="string")return JSON.stringify(_);if(typeof _==="number"||typeof _==="boolean")return String(_);return JSON.stringify(_)??"null"}function D2(_){if(_===null||_===void 0)return"jt-null";if(typeof _==="string")return"jt-string";if(typeof _==="number")return"jt-number";if(typeof _==="boolean")return"jt-boolean";return""}function T_(_){if(!_)return null;try{return JSON.parse(_)}catch{return _}}function p_(_){if(!_)return"";try{return JSON.stringify(JSON.parse(_),null,2)}catch{return _}}function Y_(_,N){if(_===void 0||typeof _==="string"||Array.isArray(_))return _;return _[N]??_.en??Object.values(_)[0]}var O1=[["year",31536000000],["month",2592000000],["week",604800000],["day",86400000],["hour",3600000],["minute",60000],["second",1000]];function A_(_,N,k=Date.now()){let L=Date.parse(_);if(Number.isNaN(L))return"";let $=L-k,[Z,G]=O1.find(([,X])=>Math.abs($)>=X)??O1[O1.length-1];return new Intl.RelativeTimeFormat(N,{numeric:"auto"}).format(Math.round($/G),Z)}function M1(_,N){let k=URL.createObjectURL(_),L=document.createElement("a");L.href=k,L.download=N,L.click(),URL.revokeObjectURL(k)}class J_{onUpdate;fullText="";displayedLength=0;animationFrameId=null;isDone=!1;static DRAIN_FRACTION=0.03;static MIN_CHARS_PER_FRAME=1;static DONE_DRAIN_FRACTION=0.1;constructor(_){this.onUpdate=_}seed(_){this.fullText=_,this.displayedLength=_.length,this.onUpdate(_)}update(_,N){if(this.fullText=_,this.isDone=N,this.displayedLength=Math.min(this.displayedLength,this.fullText.length),N&&this.displayedLength>=this.fullText.length){this.onUpdate(this.fullText),this.stopAnimation();return}if(!this.animationFrameId)this.scheduleFrame()}destroy(){this.stopAnimation()}scheduleFrame(){this.animationFrameId=requestAnimationFrame(()=>this.tick())}tick(){let _=this.fullText.length-this.displayedLength;if(_<=0){this.animationFrameId=null;return}let N=this.isDone?J_.DONE_DRAIN_FRACTION:J_.DRAIN_FRACTION,k=Math.max(J_.MIN_CHARS_PER_FRAME,Math.ceil(_*N));if(this.displayedLength=Math.min(this.fullText.length,this.displayedLength+k),this.onUpdate(this.fullText.substring(0,this.displayedLength)),this.displayedLength<this.fullText.length)this.scheduleFrame();else this.animationFrameId=null}stopAnimation(){if(this.animationFrameId)cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null}}function E_(_){if(_.input.total<=0)return null;return Math.round(_.input.cacheRead/_.input.total*100)}import{useEffect as w_,useLayoutEffect as d1,useMemo as q2,useRef as a}from"react";import{useChat as H2}from"@tanstack/ai-react";function a1(_){let{thread:N,api:k,patchUi:L}=_,$=a(!0),Z=a(!1),G=a(!1),X=a(!1),J=a(!1),W=a(new Set),Q=a(Promise.resolve()),M=q2(()=>G1({api:k,thread:{id:N.id,isRunning:N.isRunning},mode:_.mode,onHydrated:(H)=>{if(!$.current)return;L({messageMetadata:S_(H)})},setLoadingMessages:(H)=>{if($.current)L({isLoadingMessages:H})}}),[]),D=H2({threadId:N.id,persistence:!0,initialMessages:_.initialMessages,connection:M,onChunk:()=>{if(!$.current)return;G.current=!0},onError:()=>{if(!$.current)return;if(G.current)_.onTurnFinished();else _.onSendFailed()}}),y=a(D);y.current=D;let b=a(D.isLoading);b.current=D.isLoading;async function q(H,v){let f=v({toolCallId:H.id,toolName:H.name,input:H.input},{threadId:N.id});if(f===null||f===void 0)return;let u=await Promise.resolve(f);if(u===null||u===void 0)return;if(!$.current)return;await y.current.addToolResult({toolCallId:H.id,tool:H.name,output:u})}function S(){let H=c_(y.current.messages),v=_.configRef.current.hooks?.onToolCall;if(!v)return H.length>0;for(let f of H){if(f.state!=="input-complete")continue;if(W.current.has(f.id))continue;W.current.add(f.id),q(f,v)}return H.length>0}async function F(H){if(!$.current||H!==N.id)return;await X1({api:k,threadId:H,isStale:()=>!$.current,isStreaming:()=>b.current,absorbMetadata:(v)=>L({messageMetadata:v}),setMessages:(v)=>{y.current.setMessages(v)}})}function V(H){return Q.current=Q.current.then(()=>F(H)),Q.current}async function Y(){if(X.current){X.current=!1;return}if(Z.current&&S())return;await V(N.id)}async function R(H,v){_.setRunning(N.id,!0),Z.current=!0,G.current=!1;let f={id:O_(),role:"user",parts:[{type:"text",content:H}]};if(v.length)L((u)=>({messageMetadata:new Map(u.messageMetadata).set(f.id,{attachments:v})}));await y.current.append(f)}async function C(){if(!b.current)return;let{aborted:H}=await k.abortStream(N.id).catch(()=>({aborted:!1}));if(!$.current)return;if(H)X.current=!0,_.setRunning(N.id,!1);y.current.stop()}function O(H,v,f){return y.current.addToolResult({toolCallId:H,tool:v,output:f}).catch((u)=>{throw V(N.id),u})}function d(H){if(b.current)return;if(H.isRunning){_.remount(H);return}V(H.id)}w_(()=>{return $.current=!0,()=>{$.current=!1}},[]);let $_=a(void 0);return $_.current={threadId:N.id,send:R,abort:C,addToolResult:O,reattach:d,refreshMessages:(H)=>{V(H)}},d1(()=>{_.sessionRef.current=$_.current}),d1(()=>{return()=>{if(_.sessionRef.current===$_.current)_.sessionRef.current=void 0}},[]),w_(()=>{if(!_.pendingSendRef.current.length)return;let H=setTimeout(()=>{let v=_.pendingSendRef.current;_.pendingSendRef.current=[],(async()=>{for(let{prompt:f,attachments:u}of v)await R(f,u)})()});return()=>clearTimeout(H)},[]),w_(()=>{L({messages:D.messages})},[D.messages]),w_(()=>{L({hasPendingToolCalls:!D.isLoading&&c_(D.messages).length>0})},[D.messages,D.isLoading]),w_(()=>{if(L({isAgentWorking:D.isLoading}),D.isLoading){J.current=!0;return}if(!J.current)return;J.current=!1,_.onTurnFinished(),Y()},[D.isLoading]),null}import{createContext as B2,useContext as y2}from"react";var U1=B2(void 0);function B(){let _=y2(U1);if(!_)throw Error("useCortex must be used inside <CortexChatWidget>");return _}function z(..._){return _.filter(Boolean).join(" ")}import{forwardRef as O2,useEffect as M2,useImperativeHandle as U2,useRef as E1,useState as s1}from"react";import{jsx as s,jsxs as A1}from"react/jsx-runtime";function t1(){let{queue:_,t:N}=B();if(!_.items.length)return null;return s("div",{className:"cortex-attachment-queue",children:_.items.map((k)=>A1("div",{className:z("cortex-attachment-chip",k.status==="error"&&"cortex-attachment-chip--error"),title:k.status==="error"?N("translate_attachment_rejected"):"",children:[k.status==="uploading"||k.status==="deleting"?A1("svg",{className:"cortex-attachment-chip__spinner",viewBox:"0 0 16 16",fill:"none",children:[s("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",className:"cortex-attachment-chip__spinner-track"}),s("path",{d:"M14 8a6 6 0 0 0-6-6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]}):A1("svg",{viewBox:"0 0 16 16",className:"cortex-attachment-chip__icon",fill:"none",children:[s("path",{d:"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z",stroke:"currentColor",strokeWidth:"1.25"}),s("path",{d:"M9.5 1.5v2a2 2 0 0 0 2 2h2",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]}),s("span",{className:"cortex-attachment-chip__name",children:k.filename}),s("button",{type:"button",onClick:()=>_.remove(k.localId),className:"cortex-attachment-chip__remove",disabled:k.status==="deleting","aria-label":N("translate_remove_attachment"),children:s("svg",{viewBox:"0 0 16 16",fill:"none",children:s("path",{d:"M4.5 4.5l7 7m0-7l-7 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]},k.localId))})}import{jsx as r,jsxs as m_}from"react/jsx-runtime";var A2=Z1.join(","),u_=O2(function(N,k){let{t:L,queue:$,isAgentWorking:Z,send:G,abort:X}=B(),[J,W]=s1(""),[Q,M]=s1(!1),D=E1(null),y=E1(null);U2(k,()=>({focusInput:()=>D.current?.focus()}));let b=E1(Z);M2(()=>{if(b.current&&!Z)D.current?.focus();b.current=Z},[Z]);let q=!$.busy&&(Boolean(J.trim())||$.hasReady);function S(){if(Z||!q)return;let O="translate_attachment_caption",d=L(O),$_=d!==O?d:"Please take a look at the attached files.",H=J.trim()||$_,v=$.consumeReady();W(""),G(H,v.map((f)=>f.summary))}function F(O){if(O.key==="Enter"&&!O.shiftKey)O.preventDefault(),S()}function V(O){O.preventDefault(),M(!0)}function Y(O){if(!O.currentTarget.contains(O.relatedTarget))M(!1)}function R(O){O.preventDefault(),M(!1),$.accept([...O.dataTransfer.files])}function C(O){let d=O.clipboardData.files;if(!d.length)return;O.preventDefault(),$.accept([...d])}return m_("div",{className:"cortex-widget__input-area",onDragOver:V,onDragLeave:Y,onDrop:R,children:[r(t1,{}),m_("div",{className:z("cortex-widget__input-box",Z&&"cortex-widget__input-box--disabled",!Z&&"cortex-widget__input-box--enabled",Q&&"cortex-widget__input-box--dragging"),children:[r("textarea",{ref:D,onKeyDown:F,onPaste:C,value:J,onChange:(O)=>W(O.target.value),placeholder:Q?L("translate_drop_files_here"):Z?"":L("translate_type_a_message"),disabled:Z,rows:1,className:z("cortex-widget__textarea",Z&&"cortex-widget__textarea--disabled")}),Z?m_("button",{onClick:()=>void X(),className:"cortex-stop-btn",children:[r("span",{className:"cortex-stop-btn__ring"}),r("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"cortex-stop-btn__icon",children:r("rect",{x:"1",y:"1",width:"10",height:"10",rx:"2.5",fill:"currentColor"})})]}):m_("div",{className:"cortex-widget__input-actions",children:[r("button",{type:"button",onClick:()=>y.current?.click(),className:"cortex-widget__attach-btn","aria-label":L("translate_attach_files"),children:r("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:r("path",{d:"M10.5 5.5 6.2 9.8a1.4 1.4 0 0 0 2 2l4.6-4.6a2.8 2.8 0 0 0-4-4L4.2 7.8a4.2 4.2 0 0 0 6 6l4-4",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),r("input",{ref:y,type:"file",multiple:!0,accept:A2,onChange:(O)=>{$.accept([...O.target.files??[]]),O.target.value=""},className:"cortex-widget__file-input"}),r("button",{onClick:S,className:z("cortex-widget__send-btn",!q&&"cortex-widget__send-btn--empty",q&&"cortex-widget__send-btn--ready"),disabled:!q,children:r("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",className:"cortex-widget__send-icon",children:r("path",{d:"M3 8h10M9 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})]})});import{jsx as w,jsxs as x,Fragment as E2}from"react/jsx-runtime";var l_="M13.5 7.6c0 2.4-2.5 4.4-5.5 4.4-.6 0-1.2-.08-1.7-.23L3 13l.8-2.3C3 9.8 2.5 8.7 2.5 7.6 2.5 5.2 5 3.2 8 3.2s5.5 2 5.5 4.4Z";function e1(_){let{config:N,t:k,threads:L,selectedThread:$,deleteThread:Z}=B(),G=N.locale??"en";return x("div",{className:_.className,children:[x("div",{className:"cortex-widget__threads-header",children:[w("button",{type:"button",onClick:()=>_.onBackRequested(),"aria-label":k("translate_back"),className:"cortex-widget__back-btn",children:w("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",className:"cortex-widget__back-icon",children:w("path",{d:"M10 3L5 8l5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),x("div",{children:[w("h2",{className:"cortex-widget__threads-title",children:k("translate_history")}),w("p",{className:"cortex-widget__threads-count",children:k(L?.length===1?"translate_one_conversation":"translate_n_conversations",{count:L?.length??0})})]}),x("button",{onClick:()=>_.onNewChatRequested(),className:"cortex-widget__new-chat-btn",children:[w("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:w("path",{d:"M8 3v10M3 8h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),k("translate_new")]})]}),w("div",{className:"cortex-widget__threads-list",children:L===void 0?[1,2,3,4].map((X)=>x("div",{className:"cortex-widget__thread-skeleton",children:[w("div",{className:"cortex-skeleton cortex-widget__thread-skeleton-icon"}),w("div",{className:"cortex-widget__thread-skeleton-lines",children:w("div",{className:"cortex-skeleton cortex-widget__thread-skeleton-line",style:{width:`${40+X*12}%`}})})]},X)):x(E2,{children:[L.map((X)=>{let J=X.id===$?.id,W=A_(X.updatedAt,G);return x("button",{onClick:()=>_.onThreadSelected(X),className:z("cortex-widget__thread-item",J&&"cortex-widget__thread-item--active"),children:[w("div",{className:z("cortex-widget__thread-icon",J&&"cortex-widget__thread-icon--active"),children:w("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",children:w("path",{d:l_,stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),x("div",{className:"cortex-widget__thread-info",children:[x("div",{className:"cortex-widget__thread-title-row",children:[w("p",{className:z("cortex-widget__thread-title",J&&"cortex-widget__thread-title--active"),children:X.title??k("translate_untitled")}),X.isRunning&&x("span",{className:z("cortex-widget__thread-running",J&&"cortex-widget__thread-running--active"),children:[w("span",{className:"cortex-widget__thread-running-dot"}),k("translate_running")]})]}),W&&w("p",{className:"cortex-widget__thread-time",children:W})]}),w("span",{role:"button",tabIndex:0,onClick:(Q)=>{Q.stopPropagation(),Z(X.id)},onKeyDown:(Q)=>{if(Q.key!=="Enter"&&Q.key!==" ")return;Q.preventDefault(),Q.stopPropagation(),Z(X.id)},className:z("cortex-widget__thread-delete",J&&"cortex-widget__thread-delete--active"),children:w("svg",{width:"12",height:"12",viewBox:"0 0 16 16",fill:"none",children:w("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round"})})}),w("svg",{className:z("cortex-widget__thread-arrow",J&&"cortex-widget__thread-arrow--active"),width:"10",height:"10",viewBox:"0 0 16 16",fill:"none",children:w("path",{d:"M6 4l4 4-4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},X.id)}),!L.length&&x("div",{className:"cortex-widget__threads-empty",children:[w("div",{className:"cortex-widget__threads-empty-icon",children:w("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"none",className:"cortex-widget__threads-empty-svg",children:w("path",{d:l_,stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),w("p",{className:"cortex-widget__threads-empty-title",children:k("translate_no_threads_yet")}),w("p",{className:"cortex-widget__threads-empty-subtitle",children:k("translate_start_a_new_conversation")}),w("button",{onClick:()=>_.onNewChatRequested(),className:"cortex-widget__new-chat-btn cortex-widget__new-chat-btn--empty-state",children:k("translate_new_chat")})]})]})})]})}import{jsx as t,jsxs as _0}from"react/jsx-runtime";function N0(_){let{config:N,t:k,threads:L,send:$}=B(),Z=N.locale??"en",G=Y_(N.suggestions,Z);return _0("div",{className:"cortex-widget__landing",children:[t("div",{className:"cortex-widget__landing-icon",children:t("svg",{width:"18",height:"18",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:l_,stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})})}),t("p",{className:"cortex-widget__landing-greeting",children:Y_(N.greeting,Z)??k("translate_greeting")}),!!G?.length&&t("div",{className:"cortex-widget__landing-chips",children:G.map((X,J)=>t("button",{type:"button",onClick:()=>void $(X),className:"cortex-widget__landing-chip",children:X},J))}),t(u_,{}),!!L?.length&&t("div",{className:"cortex-widget__landing-recent",children:L.slice(0,2).map((X)=>{let J=A_(X.updatedAt,Z);return _0("button",{type:"button",onClick:()=>_.onThreadSelected(X),className:"cortex-widget__landing-recent-item",children:[t("p",{className:"cortex-widget__landing-recent-title",children:X.title??k("translate_untitled")}),J&&t("p",{className:"cortex-widget__landing-recent-time",children:J})]},X.id)})})]})}import{useEffect as h_,useRef as x_,useState as r2}from"react";import{jsx as o_,jsxs as k0}from"react/jsx-runtime";function L0(){let{t:_}=B();return k0("div",{className:"cortex-aborted-flag",children:[o_("span",{className:"cortex-aborted-flag__line"}),k0("span",{className:"cortex-aborted-flag__label",children:[o_("svg",{className:"cortex-aborted-flag__icon",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:o_("path",{d:"M6 1.5v5M6 8.75v.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})}),_("translate_aborted")]}),o_("span",{className:"cortex-aborted-flag__line"})]})}import{jsx as Q_,jsxs as $0}from"react/jsx-runtime";function Z0(_){let{api:N,t:k}=B();async function L($){let{blob:Z,name:G}=await N.downloadAttachment($);M1(Z,G)}return Q_("div",{className:"cortex-message-attachments",children:_.attachments.map(($)=>$0("button",{type:"button",onClick:()=>void L($.id),className:"cortex-message-attachment","aria-label":`${k("translate_download")}: ${$.filename}`,children:[$0("svg",{viewBox:"0 0 16 16",className:"cortex-message-attachment__icon",fill:"none",children:[Q_("path",{d:"M4 1.5h5.172a2 2 0 0 1 1.414.586l2.328 2.328a2 2 0 0 1 .586 1.414V12.5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Z",stroke:"currentColor",strokeWidth:"1.25"}),Q_("path",{d:"M9.5 1.5v2a2 2 0 0 0 2 2h2",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round"})]}),Q_("span",{className:"cortex-message-attachment__name",children:$.filename}),Q_("svg",{viewBox:"0 0 16 16",className:"cortex-message-attachment__dl-icon",fill:"none",children:Q_("path",{d:"M8 3v7m0 0L5.5 7.5M8 10l2.5-2.5M3 13h10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]},$.id))})}import{useRef as I2,useState as P_}from"react";import{useRef as w2,useState as P2}from"react";import{jsx as z_,jsxs as b2}from"react/jsx-runtime";function __({value:_,className:N}){let[k,L]=P2(!1),$=w2(null);async function Z(G){G.stopPropagation(),G.preventDefault();try{if(await navigator.clipboard.writeText(_),L(!0),$.current)clearTimeout($.current);$.current=setTimeout(()=>L(!1),1500)}catch{}}return z_("span",{className:z("cortex-copy-btn",N),children:z_("button",{className:z("cortex-copy-btn__button",k&&"cortex-copy-btn__button--copied"),onClick:(G)=>void Z(G),"aria-label":k?"Copied":"Copy to clipboard",type:"button",children:k?z_("svg",{className:"cortex-copy-btn__icon cortex-copy-btn__icon--check",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",children:z_("path",{d:"M5 13l4 4L19 7",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})}):b2("svg",{className:"cortex-copy-btn__icon",width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",children:[z_("rect",{x:"9",y:"9",width:"12",height:"12",rx:"2",stroke:"currentColor",strokeWidth:"2"}),z_("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})})})}import{useMemo as R2,useState as v2}from"react";import{jsx as o,jsxs as G_,Fragment as j_}from"react/jsx-runtime";function X_({data:_,expandDepth:N=1,className:k}){let L=R2(()=>K_(_),[_]),[$,Z]=v2({});function G(J,W){return $[J]??W>=N}function X(J,W){Z((Q)=>({...Q,[J]:!G(J,W)}))}return o("div",{className:z("cortex-json-tree",k),children:o(J0,{value:L,path:"$",depth:0,isCollapsed:G,toggle:X})})}function J0({value:_,path:N,depth:k,isCollapsed:L,toggle:$}){let Z=y1(_,N);if(Z.kind==="primitive")return o("span",{className:Z.className,children:Z.text});if(Z.entries.length===0)return G_("span",{className:"jt-bracket",children:[Z.open,Z.close]});let G=L(N,k);function X(J){$(N,k),J.stopPropagation()}return G_(j_,{children:[G_("span",{className:"jt-toggle",onClick:X,role:"button",children:[o("span",{className:z("jt-arrow",G&&"jt-arrow--collapsed"),children:"▾"}),o("span",{className:"jt-bracket",children:Z.open})]}),G?G_(j_,{children:[o("span",{className:"jt-collapsed-hint",onClick:X,role:"button",children:Z.summary}),o("span",{className:"jt-bracket",children:Z.close})]}):G_(j_,{children:[o("div",{className:"jt-indent",children:Z.entries.map((J,W)=>G_("div",{className:"jt-line",children:[J.key!==null&&G_(j_,{children:[o("span",{className:"jt-key",children:`"${J.key}"`}),o("span",{className:"jt-colon",children:": "})]}),o(J0,{value:J.value,path:J.path,depth:k+1,isCollapsed:L,toggle:$}),W<Z.entries.length-1&&o("span",{className:"jt-comma",children:","})]},J.path))}),o("span",{className:"jt-bracket",children:Z.close})]})]})}function I(_){return _.toLocaleString("en-US")}import{jsx as F_,jsxs as D_}from"react/jsx-runtime";function G0({usage:_}){let{t:N}=B();return D_("div",{className:"cortex-llm-inspector__usage-rows",children:[D_("div",{className:"cortex-llm-inspector__usage-row",children:[F_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_input")}),F_("span",{className:"cortex-llm-inspector__usage-val",children:I(_.input.total)}),D_("span",{className:"cortex-llm-inspector__usage-detail",children:[N("translate_fresh")," ",I(_.input.noCache)," · ",N("translate_read")," ",I(_.input.cacheRead)," · ",N("translate_write")," ",I(_.input.cacheWrite)]})]}),D_("div",{className:"cortex-llm-inspector__usage-row",children:[F_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_output")}),F_("span",{className:"cortex-llm-inspector__usage-val",children:I(_.output.total)}),D_("span",{className:"cortex-llm-inspector__usage-detail",children:[N("translate_text")," ",I(_.output.text)," · ",N("translate_reasoning")," ",I(_.output.reasoning)]})]}),D_("div",{className:"cortex-llm-inspector__usage-row cortex-llm-inspector__usage-row--total",children:[F_("span",{className:"cortex-llm-inspector__usage-lbl",children:N("translate_total")}),F_("span",{className:"cortex-llm-inspector__usage-val",children:I(_.total)})]})]})}import{jsx as w1,jsxs as r_}from"react/jsx-runtime";function X0({usage:_}){let N=E_(_);return w1("span",{children:r_("span",{className:"cortex-llm-inspector__step-metrics",children:[r_("span",{className:"cortex-llm-inspector__metric",children:[w1("span",{className:"cortex-llm-inspector__dot cortex-llm-inspector__dot--input"}),I(_.input.total)]}),r_("span",{className:"cortex-llm-inspector__metric",children:[w1("span",{className:"cortex-llm-inspector__dot cortex-llm-inspector__dot--output"}),I(_.output.total)]}),N!==null?r_("span",{className:"cortex-llm-inspector__cache-pct",children:[N,"%"]}):null]})})}import{jsx as c,jsxs as N_}from"react/jsx-runtime";function V0({messageId:_}){let{t:N,api:k}=B(),[L,$]=P_(!1),[Z,G]=P_(!1),[X,J]=P_([]),[W,Q]=P_(null),[M,D]=P_({}),y=I2(!1);async function b(){if(!y.current){G(!0);try{J(await k.listLlmRequests(_))}finally{G(!1),y.current=!0}}$((V)=>!V)}function q(V){Q((Y)=>Y===V?null:V)}function S(V){return M[V]??"prompt"}function F(V,Y){D((R)=>({...R,[V]:Y}))}return N_("div",{className:z("cortex-llm-inspector",L&&"cortex-llm-inspector--open"),children:[N_("button",{className:"cortex-llm-inspector__trigger",onClick:()=>void b(),children:[c("svg",{className:"cortex-llm-inspector__icon",width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",children:c("path",{d:"M6 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8ZM0 6a6 6 0 1 1 10.89 3.477l4.817 4.816a1 1 0 0 1-1.414 1.414l-4.816-4.816A6 6 0 0 1 0 6Z",fill:"currentColor"})}),c("span",{children:N("translate_inspect_llm_requests")}),Z?c("span",{className:"cortex-llm-inspector__loading",children:N("translate_loading")}):X.length>0?c("span",{className:"cortex-llm-inspector__badge",children:X.length}):null,c("svg",{className:"cortex-llm-inspector__chevron",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:c("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c("div",{className:"cortex-llm-inspector__panel-wrapper",children:c("div",{className:"cortex-llm-inspector__panel-inner",children:N_("div",{className:"cortex-llm-inspector__panel",children:[X.length===0&&!Z?c("div",{className:"cortex-llm-inspector__empty",children:N("translate_no_llm_requests")}):null,X.map((V,Y)=>N_("div",{className:z("cortex-llm-inspector__step",W===V.id&&"cortex-llm-inspector__step--expanded"),children:[N_("button",{className:"cortex-llm-inspector__step-header",onClick:()=>q(V.id),children:[c("span",{className:"cortex-llm-inspector__step-label",children:N("translate_step_n",{number:Y+1})}),V.tokenUsage?c(X0,{usage:V.tokenUsage}):null,c("svg",{className:"cortex-llm-inspector__step-chevron",width:"10",height:"10",viewBox:"0 0 12 12",fill:"none",children:c("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),c("div",{className:"cortex-llm-inspector__step-body-wrapper",children:c("div",{className:"cortex-llm-inspector__step-body-inner",children:N_("div",{className:"cortex-llm-inspector__step-body",children:[V.tokenUsage?c(G0,{usage:V.tokenUsage}):null,N_("div",{className:"cortex-llm-inspector__tabs",children:[c("button",{className:z("cortex-llm-inspector__tab",S(V.id)==="prompt"&&"cortex-llm-inspector__tab--active"),onClick:()=>F(V.id,"prompt"),children:N("translate_request")}),c("button",{className:z("cortex-llm-inspector__tab",S(V.id)==="response"&&"cortex-llm-inspector__tab--active"),onClick:()=>F(V.id,"response"),children:N("translate_response")})]}),N_("div",{className:"cortex-llm-inspector__json-pane",children:[c(__,{className:"cortex-llm-inspector__json-copy",value:S(V.id)==="prompt"?p_(V.prompt):p_(V.output)}),S(V.id)==="prompt"?c(X_,{data:T_(V.prompt),expandDepth:2}):c(X_,{data:T_(V.output),expandDepth:2})]})]})})})]},V.id))]})})})]})}import{useEffect as c2,useRef as n2,useState as W0}from"react";import{jsx as b_,jsxs as K0}from"react/jsx-runtime";function q_({labels:_,className:N}){let{t:k}=B(),[L,$]=W0(0),[Z,G]=W0("idle"),X=n2(_.length);return X.current=_.length,c2(()=>{let J,W;function Q(){J=setTimeout(()=>{G("exiting"),J=setTimeout(()=>{$((M)=>(M+1)%X.current),G("enter-start"),W=requestAnimationFrame(()=>{G("entering"),J=setTimeout(()=>{G("idle"),Q()},300)})},300)},2000)}return Q(),()=>{if(J)clearTimeout(J);if(W)cancelAnimationFrame(W)}},[]),K0("div",{className:z("cortex-subtle-activity",N),children:[K0("div",{className:"cortex-subtle-activity__dots",children:[b_("span",{className:"cortex-subtle-activity__dot"}),b_("span",{className:"cortex-subtle-activity__dot cortex-subtle-activity__dot--d1"}),b_("span",{className:"cortex-subtle-activity__dot cortex-subtle-activity__dot--d2"})]}),b_("div",{className:"cortex-subtle-activity__label-mask",children:b_("span",{className:z("cortex-subtle-activity__label",`cortex-subtle-activity__label--${Z}`),children:k(_[L])})})]})}import{jsx as Y0}from"react/jsx-runtime";var S2=Z_("reasoning");function Q0(){return Y0("div",{className:"cortex-reasoning-animated",children:Y0(q_,{labels:S2})})}import{jsx as h,jsxs as R_}from"react/jsx-runtime";function z0(_){let{reasoningPart:N,streaming:k=!1}=_,{t:L}=B();return R_("details",{className:"cortex-reasoning-details",children:[R_("summary",{className:"cortex-reasoning-details__summary",children:[R_("div",{className:"cortex-reasoning-details__header",children:[h("span",{className:"cortex-reasoning-details__icon",children:R_("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[h("path",{d:"M10 2C6.686 2 4 4.686 4 8c0 1.655.672 3.154 1.757 4.243.362.363.576.858.576 1.371V14.5a1 1 0 0 0 1 1h5.334a1 1 0 0 0 1-1v-.886c0-.513.214-1.008.576-1.371A5.978 5.978 0 0 0 16 8c0-3.314-2.686-6-6-6Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),h("path",{d:"M7.5 17.5h5M8.5 8a2 2 0 0 1 2-2",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})]})}),h("div",{className:"cortex-reasoning-details__title-group",children:R_("div",{className:"cortex-reasoning-details__title-row",children:[h("div",{className:"cortex-reasoning-details__title",children:L("translate_reasoning")}),h("span",{className:z("cortex-reasoning-details__badge",k?"cortex-reasoning-details__badge--streaming":"cortex-reasoning-details__badge--done"),children:k?"Streaming":"Done"})]})})]}),h("span",{className:"cortex-reasoning-details__chevron","aria-hidden":"true",children:h("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",children:h("path",{d:"m5.75 8.25 4.25 4.25 4.25-4.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),h("div",{className:"cortex-reasoning-details__body",children:h("div",{className:"cortex-reasoning-details__content",children:h("pre",{className:"cortex-reasoning-details__pre",children:N.content.trim()?N.content:"No reasoning provided."})})})]})}import{useEffect as F0,useRef as P1,useState as C2}from"react";import{jsx as D0}from"react/jsx-runtime";function q0(_){let{role:N,textPart:k,streaming:L=!1}=_,$=N==="assistant"&&L?"":k.content,[Z,G]=C2($),X=P1($),J=P1(null),W=P1(!0);return F0(()=>{function Q(M){X.current=M,G(M)}if(N!=="assistant"||!L){J.current?.destroy(),J.current=null,Q(k.content),W.current=!1;return}if(!J.current)J.current=new J_(Q),J.current.seed(X.current);if(W.current){W.current=!1,J.current.seed(k.content);return}J.current.update(k.content,!1)},[N,L,k]),F0(()=>()=>{J.current?.destroy(),J.current=null},[]),D0("div",{className:z("cortex-text-part",N==="assistant"&&"cortex-text-part--assistant",N==="user"&&"cortex-text-part--user"),children:D0("div",{className:z("cortex-text-bubble",N==="assistant"&&"cortex-text-bubble--assistant",N==="user"&&"cortex-text-bubble--user"),dangerouslySetInnerHTML:{__html:q1(Z)}})})}import{jsx as p,jsxs as k_}from"react/jsx-runtime";function H0({toolCallPart:_}){let{t:N}=B(),{state:k,approval:L}=_,$=_.output,Z=N1(_);function G(){if(k==="complete")return k_("div",{className:"dbg-tool__section dbg-tool__section--success",children:[k_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--success",children:N("translate_output")}),p("span",{className:"dbg-tool__section-lang",children:"json"}),p(__,{value:Z})]}),p("div",{dir:"ltr",className:"dbg-tool__tree",children:p(X_,{data:$,expandDepth:2})})]});if(k==="error")return k_("div",{className:"dbg-tool__section dbg-tool__section--error",children:[k_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--error",children:N("translate_error")}),p(__,{value:Z})]}),p("pre",{dir:"ltr",className:"dbg-tool__error-pre",children:Z})]});if(k==="approval-requested")return k_("div",{className:"dbg-tool__section dbg-tool__section--approval",children:[k_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--approval",children:N("translate_approval_requested")}),p("span",{className:"dbg-tool__section-lang",children:L?.id})]}),p("div",{className:"dbg-tool__message dbg-tool__message--approval",children:N("translate_waiting_for_approval")})]});if(k==="approval-responded")return k_("div",{className:"dbg-tool__section dbg-tool__section--approval",children:[k_("div",{className:"dbg-tool__section-bar",children:[p("span",{className:"dbg-tool__section-label dbg-tool__section-label--approval",children:N("translate_approval_response")}),p("span",{className:"dbg-tool__section-lang",children:L?.id})]}),p("div",{className:"dbg-tool__message dbg-tool__message--approval",children:N(L?.approved?"translate_tool_approved":"translate_tool_response_received")})]});return null}return p("div",{children:G()})}import{jsx as B0,jsxs as g2}from"react/jsx-runtime";function y0({toolCallPart:_}){let{t:N}=B(),k=_1(_);return B0("span",{children:g2("span",{className:z("dbg-tool__state",k.modifier&&`dbg-tool__state--${k.modifier}`),children:[k.pulse&&B0("span",{className:z("dbg-tool__pulse",k.pulse==="violet"&&"dbg-tool__pulse--violet")}),N(k.labelKey)]})})}import{jsx as T,jsxs as e}from"react/jsx-runtime";function O0({toolCallPart:_}){let{t:N}=B(),{codeSnippets:k,remainingInput:L,remainingInputText:$}=k1(_.input);return e("details",{className:"dbg-tool","data-state":_.state,children:[T("summary",{className:"dbg-tool__summary",children:e("div",{className:"dbg-tool__header",children:[e("div",{className:"dbg-tool__meta",children:[T("div",{className:"dbg-tool__title-row",children:T("span",{className:"dbg-tool__name",title:_.name,children:_.name})}),T("div",{className:"dbg-tool__id-row",children:T("span",{className:"dbg-tool__id",children:_.id})})]}),e("div",{className:"dbg-tool__actions",children:[T(y0,{toolCallPart:_}),T("svg",{className:"dbg-tool__chevron",width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",children:T("path",{d:"m5.75 8.25 4.25 4.25 4.25-4.25",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}),e("div",{className:"dbg-tool__body",children:[k.map((Z)=>e("div",{className:"dbg-tool__section",children:[e("div",{className:"dbg-tool__section-bar",children:[T("span",{className:"dbg-tool__section-label",children:Z.key}),T("span",{className:"dbg-tool__section-lang",children:Z.lang}),T(__,{value:Z.value})]}),T("pre",{dir:"ltr",className:"dbg-tool__pre",children:T("code",{className:"hljs",dangerouslySetInnerHTML:{__html:H1(Z.value,Z.lang)}})})]},Z.key)),!!L&&e("div",{className:"dbg-tool__section",children:[e("div",{className:"dbg-tool__section-bar",children:[T("span",{className:"dbg-tool__section-label",children:N("translate_input")}),T("span",{className:"dbg-tool__section-lang",children:"json"}),T(__,{value:$})]}),T("div",{dir:"ltr",className:"dbg-tool__tree",children:T(X_,{data:L,expandDepth:2})})]}),T(H0,{toolCallPart:_})]})]})}import{useEffect as U0,useRef as b1,useState as M0}from"react";import{jsx as n,jsxs as v_}from"react/jsx-runtime";function A0({message:_,toolCallPart:N}){let{config:k,addToolResult:L,isAgentWorking:$}=B(),Z=k.toolComponents?.[N.name];if(Z)return n("div",{className:"cortex-tool-call-animated",children:n(Z,{toolCallPart:N,message:_,setOutput:(G)=>void L(N.id,N.name,G)})});if(N.state==="input-complete"&&!$)return n("div",{className:"cortex-tool-call-animated",children:n(f2,{toolCallPart:N})});return n("div",{className:"cortex-tool-call-animated",children:n(E0,{toolCallPart:N})})}function f2({toolCallPart:_}){let{api:N,t:k,addToolResult:L,selectedThread:$,config:Z}=B(),G=$?.id,[X,J]=M0({phase:"initiating"}),[W]=M0(Z.trustSameOriginEmbeds),Q=b1(void 0),M=b1({api:N,addToolResult:L,toolName:_.name});if(M.current={api:N,addToolResult:L,toolName:_.name},U0(()=>{if(!G)return;let y=z1({initiate:()=>M.current.api.initiateToolCall(G,_.id),onState:J,submit:(q)=>M.current.addToolResult(_.id,M.current.toolName,q)});Q.current=y,y.start();let b=(q)=>y.handleMessage(q);return window.addEventListener("message",b),()=>{if(window.removeEventListener("message",b),y.dispose(),Q.current===y)Q.current=void 0}},[_.id,G]),!G||X.phase==="unavailable"||X.phase==="settling")return n(E0,{toolCallPart:_});let D=v_("div",{className:"cortex-client-tool-embed",children:[v_("div",{className:"cortex-client-tool-embed__bar",children:[n("span",{children:k("translate_client_tool_title")}),n("button",{type:"button",className:"cortex-client-tool-embed__cancel",onClick:()=>Q.current?.cancel(),children:k("translate_client_tool_cancel")})]}),X.phase==="embedded"?n("iframe",{className:"cortex-client-tool-embed__frame",src:X.embedUrl,sandbox:K1(X.embedUrl,window.location.origin,W),title:k("translate_client_tool_title"),ref:(y)=>Q.current?.setSource(y?.contentWindow),onLoad:(y)=>{if(!Y1(X.embedUrl,window.location.origin,W)&&Q1(y.currentTarget,window.location.origin))Q.current?.terminate()}}):X.phase==="error"?v_("div",{className:"cortex-client-tool-embed__status",children:[n("span",{children:k("translate_client_tool_failed")}),n("button",{type:"button",className:"cortex-client-tool-embed__retry",onClick:()=>void Q.current?.start(),children:k("translate_client_tool_retry")})]}):n("div",{className:"cortex-client-tool-embed__status",children:k("translate_client_tool_loading")})]});return X.phase==="embedded"&&X.surface==="modal"?n(T2,{label:k("translate_client_tool_title"),onCancel:()=>Q.current?.cancel(),children:D}):D}function T2({label:_,onCancel:N,children:k}){let L=b1(null);return U0(()=>{let $=L.current;return $?.showModal(),()=>$?.close()},[]),n("dialog",{ref:L,className:"cortex-client-tool-embed-dialog","aria-label":_,onCancel:($)=>{$.preventDefault(),N()},children:k})}function E0({toolCallPart:_}){let{t:N}=B(),{state:k,active:L,titleKey:$}=L1(_);return v_("div",{className:"cortex-tool-pill",children:[v_("span",{className:"cortex-tool-pill__icon",children:[n("span",{className:z("cortex-tool-pill__spinner",L&&"cortex-tool-pill__spinner--visible")}),n("svg",{className:z("cortex-tool-pill__svg","cortex-tool-pill__svg--check",k==="complete"&&"cortex-tool-pill__svg--visible"),viewBox:"0 0 20 20",fill:"none",children:n("path",{d:"M5.5 10.5 L8.5 13.5 L14.5 7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),n("svg",{className:z("cortex-tool-pill__svg","cortex-tool-pill__svg--error",k==="error"&&"cortex-tool-pill__svg--visible"),viewBox:"0 0 20 20",fill:"none",children:n("path",{d:"M6.5 6.5 L13.5 13.5 M13.5 6.5 L6.5 13.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})})]}),n("span",{className:z("cortex-tool-pill__title",k==="error"&&"cortex-tool-pill__title--error"),children:N($)})]})}import{jsx as m2}from"react/jsx-runtime";var p2=Z_("code");function w0(){return m2(q_,{labels:p2})}import{jsx as l2}from"react/jsx-runtime";var u2=Z_("graph");function P0(){return l2(q_,{labels:u2})}import{jsx as R1}from"react/jsx-runtime";function b0({message:_,toolCallPart:N}){if(!W_(N.state)){if(N.name==="queryGraph")return R1(P0,{});if(N.name==="executeCode")return R1(w0,{})}return R1(A0,{toolCallPart:N,message:_})}import{jsx as H_,jsxs as o2}from"react/jsx-runtime";function R0(_){let{message:N,part:k,debugMode:L=!1,animate:$=!1,streaming:Z=!1}=_,{t:G}=B();function X(){switch(k.type){case"text":return H_(q0,{textPart:k,role:N.role,streaming:Z});case"thinking":return L?H_(z0,{reasoningPart:k,streaming:Z}):H_(Q0,{});case"tool-call":return L?H_(O0,{toolCallPart:k}):H_(b0,{toolCallPart:k,message:N});default:return o2("p",{className:"cortex-unhandled-type",children:[G("translate_unhandled_type")," ",k.type]})}}return H_("div",{className:z("cortex-message-part",$&&"cortex-message-part--animated"),children:X()})}import{useState as j2}from"react";import{jsx as P,jsxs as g}from"react/jsx-runtime";function v0({usage:_,modelId:N}){let{t:k}=B(),[L,$]=j2(!1),Z=E_(_)??0;return g("div",{className:z("cortex-token-usage",L&&"cortex-token-usage--expanded"),children:[g("button",{className:"cortex-token-usage__summary",onClick:()=>$((G)=>!G),children:[g("span",{className:"cortex-token-usage__total",children:[P("span",{className:"cortex-token-usage__total-number",children:I(_.total)}),P("span",{className:"cortex-token-usage__total-label",children:k("translate_tokens")})]}),N?P("span",{className:"cortex-token-usage__model",children:N}):null,g("span",{className:"cortex-token-usage__pills",children:[g("span",{className:"cortex-token-usage__pill",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--input"}),I(_.input.total)]}),g("span",{className:"cortex-token-usage__pill",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--output"}),I(_.output.total)]})]}),Z>0?g("span",{className:"cortex-token-usage__cache-badge",children:[Z,"%"]}):null,P("svg",{className:"cortex-token-usage__chevron",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:P("path",{d:"M3 4.5L6 7.5L9 4.5",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",strokeLinejoin:"round"})})]}),P("div",{className:"cortex-token-usage__details",children:P("div",{className:"cortex-token-usage__details-inner",children:g("div",{className:"cortex-token-usage__columns",children:[g("div",{className:"cortex-token-usage__col",children:[g("div",{className:"cortex-token-usage__col-header",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--input"}),P("span",{className:"cortex-token-usage__col-label",children:k("translate_input")}),P("span",{className:"cortex-token-usage__col-total",children:I(_.input.total)})]}),g("div",{className:"cortex-token-usage__rows",children:[_.input.noCache?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_fresh")}),P("span",{className:"cortex-token-usage__row-value",children:I(_.input.noCache)})]}):null,_.input.cacheRead?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_cache_read")}),P("span",{className:"cortex-token-usage__row-value",children:I(_.input.cacheRead)})]}):null,_.input.cacheWrite?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_cache_write")}),P("span",{className:"cortex-token-usage__row-value",children:I(_.input.cacheWrite)})]}):null]}),Z>0?g("div",{className:"cortex-token-usage__cache-bar-row",children:[P("div",{className:"cortex-token-usage__cache-bar",children:P("div",{className:"cortex-token-usage__cache-fill",style:{width:`${Z}%`}})}),P("span",{className:"cortex-token-usage__cache-label",children:k("translate_n_percent_cached",{percent:Z})})]}):null]}),g("div",{className:"cortex-token-usage__col",children:[g("div",{className:"cortex-token-usage__col-header",children:[P("span",{className:"cortex-token-usage__dot cortex-token-usage__dot--output"}),P("span",{className:"cortex-token-usage__col-label",children:k("translate_output")}),P("span",{className:"cortex-token-usage__col-total",children:I(_.output.total)})]}),g("div",{className:"cortex-token-usage__rows",children:[_.output.text?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_text")}),P("span",{className:"cortex-token-usage__row-value",children:I(_.output.text)})]}):null,_.output.reasoning?g("div",{className:"cortex-token-usage__row",children:[P("span",{className:"cortex-token-usage__row-label",children:k("translate_reasoning")}),P("span",{className:"cortex-token-usage__row-value",children:I(_.output.reasoning)})]}):null]})]})]})})})]})}import{jsx as B_,jsxs as I0}from"react/jsx-runtime";function c0(_){let{message:N,debugMode:k=!1,animate:L=!1}=_,{messages:$,isAgentWorking:Z,messageMetadata:G}=B(),X=Z&&n_($)?.id===N.id,J=N.role==="assistant",W=N.parts,Q=W.filter((F,V)=>{if(F.type==="tool-result")return!1;return k||!$1(F,V===W.length-1,X)}),M=X?Q.length-1:-1,D=G.get(N.id),y=Boolean(D?.isAborted),b=D?.tokenUsage,q=N.role==="user"?D?.attachments??[]:[],S=k&&!X&&(Boolean(b)||J);return B_("div",{className:"cortex-message",children:Q.length>0&&I0("div",{className:"cortex-message-parts",children:[Q.map((F,V)=>B_(R0,{part:F,message:N,debugMode:k,animate:L,streaming:V===M},V)),q.length>0&&B_(Z0,{attachments:q}),y&&B_(L0,{}),S&&I0("div",{className:"cortex-message-debug-zone",children:[b&&B_(v0,{usage:b,modelId:D?.modelId}),J&&B_(V0,{messageId:N.id})]})]})})}import{jsx as v1}from"react/jsx-runtime";function n0(_){let{messages:N,selectedThread:k}=B(),L=x_(null),$=x_(!0),Z=x_(!0),G=x_(!1),[X,J]=r2(!1);function W(){let q=L.current;if(q)q.scrollTop=q.scrollHeight}function Q(){if(G.current)return;G.current=!0,queueMicrotask(()=>{G.current=!1,W(),$.current=!1})}h_(()=>{let q=L.current;if(Q(),J(!0),!q||typeof MutationObserver>"u")return;let S=new MutationObserver(()=>{if(!$.current&&!Z.current)return;Q()});return S.observe(q,{childList:!0,subtree:!0,characterData:!0}),()=>S.disconnect()},[]);let M=k?.id;h_(()=>{J(!1),$.current=!0,queueMicrotask(()=>J(!0))},[M]);let D=N[N.length-1],y=D?.role==="user"?D.id:void 0;h_(()=>{if(y)$.current=!0},[y]),h_(()=>{if(!$.current&&!Z.current)return;Q()},[N]);function b(){let q=L.current;if(!q)return;Z.current=q.scrollHeight-q.scrollTop-q.clientHeight<100}return v1("div",{className:_.className,children:v1("div",{ref:L,className:"cortex-message-list",onScroll:b,children:N.map((q)=>v1(c0,{message:q,debugMode:_.debugMode,animate:X},q.id))})})}import{jsx as U,jsxs as i}from"react/jsx-runtime";var c1={messages:[],isAgentWorking:!1,isLoadingMessages:!1,hasPendingToolCalls:!1,messageMetadata:new Map};function x2({config:_,className:N}){let k=L_(_);k.current=_;let[L,$]=y_(),[Z,G]=y_(),[X,J]=y_(c1),[W,Q]=y_(!1),[M,D]=y_("chat"),[y,b]=y_(!1),q=L_(void 0),S=L_([]),F=L_(void 0),V=L_(null),Y=I1(()=>e_(()=>k.current.transport),[]),R=I1(()=>{let K=Z?.thread;if(!K)return;return L?.find((A)=>A.id===K.id)??K},[L,Z]),C=L_(R);C.current=R;let O=L_(X);O.current=X;let d=m((K)=>{J((A)=>({...A,...typeof K==="function"?K(A):K}))},[]),$_=m((K,A)=>{$((E)=>{let l=E?.find((s_)=>s_.id===K);return l?M_(E??[],{...l,isRunning:A}):E})},[]),H=m((K,A)=>{if(C.current?.id===K.id&&q.current)return;let E=C.current;if(C.current=K,J(c1),G({thread:K,mode:A?.skipLoadingMessages?"skip":"load",epoch:0}),E&&E.id!==K.id)k.current.hooks?.onThreadDeselected?.(E);k.current.hooks?.onThreadSelected?.(K)},[]),v=m(()=>{let K=C.current;if(!K&&!q.current)return;if(C.current=void 0,G(void 0),J(c1),K)k.current.hooks?.onThreadDeselected?.(K)},[]),f=m((K)=>{G((A)=>({thread:K,mode:"reload",epoch:(A?.epoch??0)+1,initialMessages:O.current.messages}))},[]),u=m((K)=>{let A=C.current;if(A)return Promise.resolve(A.id);return F.current??=Y.createThread(K).then((E)=>{return F.current=void 0,$((l)=>M_(l??[],E)),H(E,{skipLoadingMessages:!0}),E.id},(E)=>{throw F.current=void 0,E}),F.current},[Y,H]),j=I1(()=>V1({api:Y,ensureThread:()=>u()}),[Y,u]),n1=h2(j.subscribe,j.getState,j.getState),C0=m(async(K,A=[])=>{if(O.current.isAgentWorking||O.current.hasPendingToolCalls)return;let E=q.current;if(E){await E.send(K,A);return}S.current.push({prompt:K,attachments:A});try{await u(K)}catch(l){throw S.current=[],l}},[u]),g0=m(async()=>{await q.current?.abort()},[]),f0=m((K,A,E)=>q.current?.addToolResult(K,A,E)??Promise.resolve(),[]),T0=m(async(K)=>{if(C.current?.id===K)v();await Y.deleteThread(K),$((A)=>A?g_(A,K):A)},[Y,v]),p0=m(()=>{j.discardConsumed(),setTimeout(()=>V.current?.focusInput())},[j]),m0=m(()=>{j.restoreConsumed(C.current?.id)},[j]),i_=m(async()=>{let K=C_(await Y.listThreads());return $(K),K},[Y]),S1=m((K)=>{$((E)=>{let l=D1(E??[],K);return E||l.length?l:E});let A=C.current?.id;switch(K.type){case"thread:deleted":if(A===K.payload.threadId)v();break;case"thread:run-started":if(A===K.payload.thread.id)q.current?.reattach(K.payload.thread);break;case"thread:messages-updated":q.current?.refreshMessages(K.payload.threadId);break}},[v]);S0(()=>{i_();let K=!1,A=F1({wsUrl:()=>k.current.wsUrl,transport:{baseUrl:()=>{let E=k.current.transport.baseUrl;return typeof E==="string"?E:E()},getHeaders:()=>k.current.transport.getHeaders()},onEvent:S1,onOpen:()=>{if(!K){K=!0;return}i_().then((E)=>{let l=C.current;if(!l)return;q.current?.reattach(E.find((s_)=>s_.id===l.id)??l)})}});return()=>{A.close()}},[S1,i_]);let d_=L_(void 0),a_=R?.id;S0(()=>{if(a_===d_.current)return;j.clear(d_.current),d_.current=a_},[a_,j]);let t_=_.locale??"en",V_=m((K,A)=>B1(t_,K,A),[t_]),u0=_.viewMode??"helper",l0={config:_,t:V_,api:Y,debugMode:W,threads:L,selectedThread:R,deleteThread:T0,...X,send:C0,abort:g0,addToolResult:f0,queue:{items:n1,...W1(n1),accept:j.accept,remove:j.remove,consumeReady:j.consumeReady}};function C1(K){H(K),D("chat"),b(!1)}function o0(){v(),D("chat"),b(!1)}function j0(){D("threads")}function r0(){D("chat")}return U(U1.Provider,{value:l0,children:i("div",{className:z("cortex-widget",N),"data-cortex-theme":_.theme,children:[i("div",{className:z("cortex-widget__container",u0==="full"&&"cortex-widget__container--full",y&&"cortex-widget__container--sidebar-open"),onDragOver:(K)=>K.preventDefault(),onDrop:(K)=>K.preventDefault(),children:[U(e1,{className:z("cortex-widget__screen",M==="threads"&&"cortex-widget__screen--active",M!=="threads"&&"cortex-widget__screen--left"),onThreadSelected:C1,onNewChatRequested:o0,onBackRequested:r0}),i("div",{className:z("cortex-widget__screen",M==="chat"&&"cortex-widget__screen--active",M!=="chat"&&"cortex-widget__screen--right"),children:[i("div",{className:"cortex-widget__chat-header",children:[U("button",{onClick:()=>b((K)=>!K),className:"cortex-widget__sidebar-toggle-btn",children:U("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:U("path",{d:"M2.5 4h11M2.5 8h11M2.5 12h11",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),U("div",{className:"cortex-widget__chat-title-wrap",children:U("p",{className:"cortex-widget__chat-title",children:R?.title??Y_(_.agentName,t_)??V_("translate_new_chat")})}),_.showDebugButton&&U("button",{onClick:()=>Q((K)=>!K),className:z("cortex-widget__debug-btn",W?"cortex-widget__debug-btn--on":"cortex-widget__debug-btn--off"),children:W?V_("translate_debug"):V_("translate_normal")}),U("button",{type:"button",onClick:j0,"aria-label":V_("translate_history"),className:"cortex-widget__history-btn",children:i("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[U("circle",{cx:"8",cy:"8",r:"5.75",stroke:"currentColor",strokeWidth:"1.3"}),U("path",{d:"M8 5v3l2 1.5",stroke:"currentColor",strokeWidth:"1.3",strokeLinecap:"round",strokeLinejoin:"round"})]})})]}),!R?U(N0,{onThreadSelected:C1}):X.isLoadingMessages&&!X.isAgentWorking?i("div",{className:"cortex-widget__messages-skeleton",children:[U("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--user",children:i("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user",children:[U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"13rem"}}),U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"9rem"}})]})}),U("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--assistant",children:i("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant",children:[U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"16rem"}}),U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"18rem"}}),U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"12rem"}})]})}),U("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--user",children:U("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user",children:U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"11rem"}})})}),U("div",{className:"cortex-widget__msg-skel cortex-widget__msg-skel--assistant",children:i("div",{className:"cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--assistant",children:[U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"14rem"}}),U("div",{className:"cortex-skeleton cortex-widget__msg-skel-line",style:{width:"15rem"}})]})})]}):U(n0,{className:"cortex-widget__messages",debugMode:W}),X.isAgentWorking&&!X.hasPendingToolCalls&&i("div",{className:"cortex-widget__working",children:[i("div",{className:"cortex-widget__working-dots",children:[U("span",{className:"cortex-working-dot"}),U("span",{className:"cortex-working-dot"}),U("span",{className:"cortex-working-dot"})]}),U("span",{className:"cortex-widget__working-text",children:V_("translate_thinking")})]}),R&&!X.hasPendingToolCalls&&U(u_,{ref:V})]}),U("div",{className:"cortex-widget__sidebar-backdrop",onClick:()=>b(!1)})]}),Z&&U(a1,{thread:Z.thread,mode:Z.mode,initialMessages:Z.initialMessages,api:Y,configRef:k,sessionRef:q,pendingSendRef:S,patchUi:d,setRunning:$_,remount:f,onTurnFinished:p0,onSendFailed:m0},`${Z.thread.id}:${Z.epoch}`)]})})}export{x2 as CortexChatWidget};

package/dist/styles.css

@@ -270,7 +270,8 @@
   background: var(--cortex-color-surface);
 }
 
-.cortex-widget__back-btn {
+.cortex-widget__back-btn,
+.cortex-widget__history-btn {
   flex-shrink: 0;
   width: 2rem;
   height: 2rem;
@@ -284,7 +285,8 @@
   transition: color 0.15s, background-color 0.15s;
   color: var(--cortex-color-text-muted);
 }
-.cortex-widget__back-btn:hover {
+.cortex-widget__back-btn:hover,
+.cortex-widget__history-btn:hover {
   color: var(--cortex-color-text);
   background: var(--cortex-color-surface-muted);
 }
@@ -383,6 +385,116 @@
   overflow: hidden;
 }
 
+.cortex-widget__landing {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 1.25rem;
+  text-align: center;
+}
+.cortex-widget__landing .cortex-widget__input-area {
+  width: 100%;
+  max-width: 26rem;
+  padding: 1rem 0 0;
+  border-top: 0;
+  background: transparent;
+}
+
+.cortex-widget__landing-icon {
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--cortex-radius);
+  background: var(--cortex-color-accent-surface);
+  color: var(--cortex-color-accent);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 0.875rem;
+}
+[dir=rtl] .cortex-widget__landing-icon {
+  transform: scaleX(-1);
+}
+
+.cortex-widget__landing-greeting {
+  font-family: var(--cortex-font-display, inherit);
+  font-size: 1.0625rem;
+  font-weight: 600;
+  line-height: 1.3;
+  color: var(--cortex-color-text-heading);
+  margin: 0;
+}
+
+.cortex-widget__landing-chips {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.5rem;
+  margin-top: 0.875rem;
+}
+
+.cortex-widget__landing-chip {
+  border: 1px solid var(--cortex-color-border);
+  border-radius: 999px;
+  background: var(--cortex-color-surface);
+  color: var(--cortex-color-text-strong);
+  font-size: 0.75rem;
+  font-weight: 500;
+  padding: 0.375rem 0.75rem;
+  cursor: pointer;
+  transition: border-color 0.15s, color 0.15s;
+}
+.cortex-widget__landing-chip:hover {
+  border-color: var(--cortex-color-accent);
+  color: var(--cortex-color-accent);
+}
+
+.cortex-widget__landing-recent {
+  width: 100%;
+  max-width: 26rem;
+  margin-top: 1rem;
+  display: flex;
+  flex-direction: column;
+}
+
+.cortex-widget__landing-recent-item {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.4375rem 0.625rem;
+  border: 0;
+  border-radius: calc(var(--cortex-radius) * 0.75);
+  background: transparent;
+  cursor: pointer;
+  transition: background-color 0.15s;
+}
+.cortex-widget__landing-recent-item:hover {
+  background: var(--cortex-color-hover);
+}
+
+.cortex-widget__landing-recent-title {
+  flex: 1;
+  min-width: 0;
+  text-align: start;
+  font-size: var(--cortex-font-size);
+  font-weight: 500;
+  color: var(--cortex-color-text-strong);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin: 0;
+}
+
+.cortex-widget__landing-recent-time {
+  flex-shrink: 0;
+  font-size: 0.6875rem;
+  color: var(--cortex-color-text-muted);
+  margin: 0;
+}
+
 @keyframes cortex-working-slide-in {
   from {
     opacity: 0;
@@ -656,7 +768,8 @@ cortex-chat-composer {
   flex: 1;
   min-width: 0;
 }
-.cortex-widget__container--full .cortex-widget__back-btn {
+.cortex-widget__container--full .cortex-widget__back-btn,
+.cortex-widget__container--full .cortex-widget__history-btn {
   display: none;
 }
 .cortex-widget__container--full .cortex-widget__chat-title {
@@ -759,7 +872,10 @@ cortex-chat-composer {
   padding: 1.25rem 1.25rem 1rem;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  gap: 0.75rem;
+}
+.cortex-widget__threads-header .cortex-widget__new-chat-btn {
+  margin-inline-start: auto;
 }
 
 .cortex-widget__threads-title {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@m6d/cortex-react",
-    "version": "1.5.0",
+    "version": "1.6.0",
     "description": "React chat widget SDK for cortex servers",
     "license": "MIT",
     "sideEffects": [
@@ -41,7 +41,7 @@
         "@tanstack/ai": "^0.43.1",
         "@tanstack/ai-client": "^0.23.1",
         "@tanstack/ai-react": "^0.19.1",
-        "@types/bun": "latest",
+        "@types/bun": "1.3.14",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "dompurify": "^3.3.3",

package/src/chat-session.tsx

@@ -4,6 +4,7 @@ import { useChat } from '@tanstack/ai-react';
 import {
   createCortexConnection,
   metadataByMessageId,
+  randomId,
   settleTurn,
   unansweredToolCalls,
   type CortexApiClient,
@@ -229,7 +230,7 @@ export function ChatSession(props: ChatSessionProps) {
     serverAnswered.current = false;
 
     const message = {
-      id: crypto.randomUUID(),
+      id: randomId(),
       role: 'user',
       parts: [{ type: 'text', content: prompt }],
     } satisfies UIMessage;

package/src/components/ChatLanding.tsx

@@ -0,0 +1,76 @@
+import { localized, relativeTimeLabel } from '@cortex/client';
+import type { ThreadSummary } from '@cortex/contracts/wire';
+import { useCortex } from '../context';
+import { ChatComposer } from './ChatComposer';
+import { BUBBLE_PATH } from './ThreadList';
+
+/**
+ * The blank-chat landing: greeting, suggestion chips, the composer mid-panel
+ * and the freshest threads. The first send creates the thread, which swaps
+ * this for the message list.
+ */
+export function ChatLanding(props: { onThreadSelected: (thread: ThreadSummary) => void }) {
+  const { config, t, threads, send } = useCortex();
+  const locale = config.locale ?? 'en';
+  const suggestions = localized(config.suggestions, locale);
+
+  return (
+    <div className="cortex-widget__landing">
+      <div className="cortex-widget__landing-icon">
+        <svg width="18" height="18" viewBox="0 0 16 16" fill="none">
+          <path
+            d={BUBBLE_PATH}
+            stroke="currentColor"
+            strokeWidth="1.3"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      </div>
+
+      <p className="cortex-widget__landing-greeting">
+        {localized(config.greeting, locale) ?? t('translate_greeting')}
+      </p>
+
+      {!!suggestions?.length && (
+        <div className="cortex-widget__landing-chips">
+          {suggestions.map((suggestion, index) => (
+            <button
+              key={index}
+              type="button"
+              onClick={() => void send(suggestion)}
+              className="cortex-widget__landing-chip"
+            >
+              {suggestion}
+            </button>
+          ))}
+        </div>
+      )}
+
+      <ChatComposer />
+
+      {!!threads?.length && (
+        <div className="cortex-widget__landing-recent">
+          {threads.slice(0, 2).map((thread) => {
+            // Rendered once per paint: the label goes stale while the panel
+            // sits open, which is cheaper than a timer per row.
+            const time = relativeTimeLabel(thread.updatedAt, locale);
+            return (
+              <button
+                key={thread.id}
+                type="button"
+                onClick={() => props.onThreadSelected(thread)}
+                className="cortex-widget__landing-recent-item"
+              >
+                <p className="cortex-widget__landing-recent-title">
+                  {thread.title ?? t('translate_untitled')}
+                </p>
+                {time && <p className="cortex-widget__landing-recent-time">{time}</p>}
+              </button>
+            );
+          })}
+        </div>
+      )}
+    </div>
+  );
+}

package/src/components/CortexChatWidget.tsx

@@ -5,6 +5,7 @@ import {
   createAttachmentQueue,
   createCortexApiClient,
   createCortexSocket,
+  localized,
   removeThread,
   sortThreads,
   translate,
@@ -23,6 +24,7 @@ import type { CortexReactConfig } from '../config';
 import { CortexContext, type CortexContextValue } from '../context';
 import { cx } from '../cx';
 import { ChatComposer, type ChatComposerHandle } from './ChatComposer';
+import { ChatLanding } from './ChatLanding';
 import { MessageList } from './MessageList';
 import { ThreadList } from './ThreadList';
 
@@ -57,7 +59,7 @@ export function CortexChatWidget({
   const [session, setSession] = useState<MountedSession>();
   const [sessionUi, setSessionUi] = useState<SessionUi>(initialSessionUi);
   const [debugMode, setDebugMode] = useState(false);
-  const [screen, setScreen] = useState<'threads' | 'chat'>('threads');
+  const [screen, setScreen] = useState<'threads' | 'chat'>('chat');
   const [sidebarOpen, setSidebarOpen] = useState(false);
 
   const sessionRef = useRef<SessionHandle | undefined>(undefined);
@@ -362,11 +364,15 @@ export function CortexChatWidget({
     setSidebarOpen(false);
   }
 
-  function goBack() {
-    deselectThread();
+  // History leaves the open thread mounted; closing it returns to that chat.
+  function openHistory() {
     setScreen('threads');
   }
 
+  function closeHistory() {
+    setScreen('chat');
+  }
+
   return (
     <CortexContext.Provider value={contextValue}>
       <div className={cx('cortex-widget', className)} data-cortex-theme={config.theme}>
@@ -388,6 +394,7 @@ export function CortexChatWidget({
             )}
             onThreadSelected={openThread}
             onNewChatRequested={newChat}
+            onBackRequested={closeHistory}
           />
 
           {/* SCREEN 2: CHAT */}
@@ -414,28 +421,11 @@ export function CortexChatWidget({
                 </svg>
               </button>
 
-              {/* Back button */}
-              <button onClick={goBack} className="cortex-widget__back-btn">
-                <svg
-                  width="14"
-                  height="14"
-                  viewBox="0 0 16 16"
-                  fill="none"
-                  className="cortex-widget__back-icon"
-                >
-                  <path
-                    d="M10 3L5 8l5 5"
-                    stroke="currentColor"
-                    strokeWidth="1.5"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                </svg>
-              </button>
-
               <div className="cortex-widget__chat-title-wrap">
                 <p className="cortex-widget__chat-title">
-                  {selectedThread?.title ?? t('translate_new_chat')}
+                  {selectedThread?.title ??
+                    localized(config.agentName, locale) ??
+                    t('translate_new_chat')}
                 </p>
               </div>
 
@@ -450,9 +440,30 @@ export function CortexChatWidget({
                   {debugMode ? t('translate_debug') : t('translate_normal')}
                 </button>
               )}
+
+              {/* History button */}
+              <button
+                type="button"
+                onClick={openHistory}
+                aria-label={t('translate_history')}
+                className="cortex-widget__history-btn"
+              >
+                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+                  <circle cx="8" cy="8" r="5.75" stroke="currentColor" strokeWidth="1.3" />
+                  <path
+                    d="M8 5v3l2 1.5"
+                    stroke="currentColor"
+                    strokeWidth="1.3"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </button>
             </div>
 
-            {sessionUi.isLoadingMessages && !sessionUi.isAgentWorking ? (
+            {!selectedThread ? (
+              <ChatLanding onThreadSelected={openThread} />
+            ) : sessionUi.isLoadingMessages && !sessionUi.isAgentWorking ? (
               <div className="cortex-widget__messages-skeleton">
                 <div className="cortex-widget__msg-skel cortex-widget__msg-skel--user">
                   <div className="cortex-widget__msg-skel-bubble cortex-widget__msg-skel-bubble--user">
@@ -518,7 +529,7 @@ export function CortexChatWidget({
               </div>
             )}
 
-            {!sessionUi.hasPendingToolCalls && <ChatComposer ref={composerRef} />}
+            {selectedThread && !sessionUi.hasPendingToolCalls && <ChatComposer ref={composerRef} />}
           </div>
 
           {/* Sidebar overlay backdrop (full mode, small screens) */}

package/src/components/ThreadList.tsx

@@ -4,13 +4,14 @@ import { useCortex } from '../context';
 import { cx } from '../cx';
 
 /** Rounded speech bubble with a tail, on the shared 16x16 icon grid. */
-const BUBBLE_PATH =
+export const BUBBLE_PATH =
   'M13.5 7.6c0 2.4-2.5 4.4-5.5 4.4-.6 0-1.2-.08-1.7-.23L3 13l.8-2.3C3 9.8 2.5 8.7 2.5 7.6 2.5 5.2 5 3.2 8 3.2s5.5 2 5.5 4.4Z';
 
 type ThreadListProps = {
   className?: string;
   onThreadSelected: (thread: ThreadSummary) => void;
   onNewChatRequested: () => void;
+  onBackRequested: () => void;
 };
 
 /**
@@ -28,8 +29,33 @@ export function ThreadList(props: ThreadListProps) {
     <div className={props.className}>
       {/* Threads header */}
       <div className="cortex-widget__threads-header">
+        {/* Back to chat (helper mode; full mode hides it, the sidebar is always visible) */}
+        <button
+          type="button"
+          onClick={() => props.onBackRequested()}
+          aria-label={t('translate_back')}
+          className="cortex-widget__back-btn"
+        >
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 16 16"
+            fill="none"
+            aria-hidden="true"
+            className="cortex-widget__back-icon"
+          >
+            <path
+              d="M10 3L5 8l5 5"
+              stroke="currentColor"
+              strokeWidth="1.5"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        </button>
+
         <div>
-          <h2 className="cortex-widget__threads-title">{t('translate_threads')}</h2>
+          <h2 className="cortex-widget__threads-title">{t('translate_history')}</h2>
           <p className="cortex-widget__threads-count">
             {t(threads?.length === 1 ? 'translate_one_conversation' : 'translate_n_conversations', {
               count: threads?.length ?? 0,

package/src/components/ToolAnimation.tsx

@@ -1,4 +1,5 @@
 import type { ToolCallPart, UIMessage } from '@tanstack/ai';
+import { isSettledToolState } from '@cortex/client';
 import { MessageToolCallAnimated } from './MessageToolCallAnimated';
 import { ToolExecuteCodeAnimated } from './ToolExecuteCodeAnimated';
 import { ToolQueryGraphAnimated } from './ToolQueryGraphAnimated';
@@ -10,13 +11,15 @@ type ToolAnimationProps = {
 
 /**
  * Which animation stands in for a tool call while the user is not in debug mode.
- * Two tools have a bespoke animation and the rest share a generic one — a decision
- * that belongs beside those components rather than nested inside the part that
- * merely needs *an* animation.
+ * Two tools have a bespoke in-progress animation; once a call settles they fall
+ * through to the generic pill like everyone else, so every tool leaves the same
+ * quiet done-or-failed mark in the transcript.
  */
 export function ToolAnimation({ message, toolCallPart }: ToolAnimationProps) {
-  if (toolCallPart.name === 'queryGraph') return <ToolQueryGraphAnimated />;
-  if (toolCallPart.name === 'executeCode') return <ToolExecuteCodeAnimated />;
+  if (!isSettledToolState(toolCallPart.state)) {
+    if (toolCallPart.name === 'queryGraph') return <ToolQueryGraphAnimated />;
+    if (toolCallPart.name === 'executeCode') return <ToolExecuteCodeAnimated />;
+  }
 
   return <MessageToolCallAnimated toolCallPart={toolCallPart} message={message} />;
 }