@icanbwell/baileyai-chat-ui 0.3.0 → 0.3.1-pre.1

package/dist/baileyai-chat-ui.cjs

@@ -6,6 +6,6 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
 
 `),n=t.pop()??``,r=[],i=!1;for(let e of t){let t=e.split(`
 `).filter(e=>e.length>0),n=`message`,a=[];for(let e of t)e.startsWith(`event:`)?n=e.slice(6).trim():e.startsWith(`data:`)&&a.push(e.slice(5).trim());if(a.length===0)continue;let o=a.join(`
-`);if(o===`[DONE]`){i=!0;continue}let s;try{s=JSON.parse(o)}catch{s=void 0}let c=s;if(n===`error`){let e=typeof c?.message==`string`?c.message:o;r.push({type:`error`,message:e})}else if(c?.type===`response.output_text.delta`&&typeof c.delta==`string`){let e=v(c.delta);e&&r.push({type:`response.output_text.delta`,delta:e})}else c&&typeof c.type==`string`?r.push(c):n!==`message`&&r.push({type:`info`,message:`${n}: ${o}`})}return{events:r,remainder:n,done:i}}var b=200,x=15e4,S=(e,t,n)=>{if(e===401||e===403)return`Bailey isn't reachable with your current login.`;let r=`Bailey request failed (status ${e??`network error`}).`,i=(n||t||``).trim();return i?`${r} ${i.length>b?`${i.slice(0,b)}…`:i}`:r},C=({transport:e,model:t,instructions:n,tools:r=[],toolChoice:i,firstUserMessagePrefix:a,onAssistantMessageComplete:o,idleTimeoutMs:s=x})=>{let[l,u]=(0,c.useState)([]),[d,f]=(0,c.useState)([]),[p,m]=(0,c.useState)(null),[h,g]=(0,c.useState)(`idle`),[v,b]=(0,c.useState)(null),C=(0,c.useRef)(null),w=(0,c.useRef)(``),T=(0,c.useRef)(0),E=(0,c.useRef)([]);(0,c.useEffect)(()=>{E.current=l},[l]);let D=(0,c.useRef)(new Map),O=(0,c.useRef)(new Map),k=(0,c.useRef)(null),A=(0,c.useCallback)(()=>{k.current!==null&&(clearTimeout(k.current),k.current=null)},[]),j=(0,c.useCallback)(e=>{A(),k.current=setTimeout(()=>{e.abort(new DOMException(`The assistant took too long to respond. Please try again.`,`TimeoutError`))},s)},[A,s]),M=(0,c.useCallback)((e,t,n)=>{let r=e=>{n.push(e),f(t=>[...t,e])};if(t.type===`response.output_text.delta`){if(!t.delta)return!1;let n=D.current.get(e)??{raw:``,emittedCount:0};n.raw+=t.delta;let{cleanedText:i,matches:a}=_(n.raw),o=i.trim(),s=a.slice(n.emittedCount);if(n.emittedCount=a.length,D.current.set(e,n),O.current.set(e,o),u(t=>t.map(t=>t.id===e?{...t,content:o}:t)),s.length>0){let e=Date.now(),t=T.current;s.forEach(n=>r({kind:`pseudo_tool_call`,name:n.name,args:n.args,at:e,turnSentAt:t}))}return!0}if(t.type===`response.output_item.added`||t.type===`response.output_item.done`){let e=t.item;if(e.type===`function_call`||e.type===`mcp_call`){let n=Date.now(),i=T.current,a=e.name||`unknown_tool`;return r(t.type===`response.output_item.added`?{kind:`tool_start`,name:a,args:e.arguments,at:n,turnSentAt:i}:{kind:`tool_end`,name:a,args:e.arguments,at:n,turnSentAt:i,output:e.output,isError:e.is_error,runtimeSeconds:e.runtime_seconds}),!0}return!1}return t.type===`task.progress`?(r({kind:`progress`,status:t.status,message:t.message,at:Date.now(),turnSentAt:T.current}),!0):t.type===`response.output_text.done`||t.type===`response.created`||t.type===`response.completed`?!1:t.type===`info`?(r({kind:`info`,message:t.message,at:Date.now(),turnSentAt:T.current}),!0):(r({kind:`raw`,eventType:t.type,raw:JSON.stringify(t),at:Date.now(),turnSentAt:T.current}),!0)},[]),N=(0,c.useCallback)(async s=>{g(`streaming`),b(null);let c=crypto.randomUUID();u(e=>[...e,{id:c,role:`assistant`,content:``,streaming:!0}]);let l=Date.now();T.current=l;let d=s.map((e,t)=>t===0&&e.role===`user`&&a?{role:e.role,content:`${a}${e.content}`}:{role:e.role,content:e.content});m({model:t,systemPrompt:n,messages:d,tools:r,toolChoice:i,stream:!0,sentAt:l,streamStats:{chunkCount:0,firstChunkAt:null,lastChunkAt:null}});let p=new AbortController;C.current=p,j(p);let h=``,_=null,v=!1,x=!1,w=[],E=(e,t)=>{g(`error`),b(e);let n={kind:`error`,message:e,at:Date.now(),turnSentAt:l,...t};w.push(n),f(e=>[...e,n])},k=(e,t)=>{e.forEach(e=>{if(e.type===`error`){_=e.message;let t={kind:`error`,message:e.message,at:Date.now(),turnSentAt:l};w.push(t),f(e=>[...e,t]);return}e.type===`response.output_text.delta`&&e.delta&&(x=!0),M(c,e,w)&&(v=!0)}),t&&u(e=>e.map(e=>e.id===c?{...e,streaming:!1}:e))};try{let{status:a,text:s,errorMessage:u}=await e.streamChat({model:t,instructions:n,input:d,tools:r,toolChoice:i,signal:p.signal,onChunk:e=>{j(p),h+=e;let{events:t,remainder:n,done:r}=y(h);h=n,k(t,r);let i=Date.now();m(e=>e&&e.sentAt===l?{...e,streamStats:{chunkCount:e.streamStats.chunkCount+1,firstChunkAt:e.streamStats.firstChunkAt??i,lastChunkAt:i}}:e)},onRequestId:e=>{m(t=>t&&t.sentAt===l?{...t,requestId:e}:t)}});if(h.trim()){let{events:e,done:t}=y(`${h}\n\n`);h=``,k(e,t)}if(_){g(`error`),b(_);return}if(a===void 0||a>=400){E(S(a,s,u),{httpStatus:a,rawBody:s||void 0});return}if(!v){E(`Bailey returned an empty response.`);return}if(!x){E(`Bailey ran some tools but didn't return an answer. Try asking again.`);return}g(`idle`);let f=O.current.get(c)??``;m(e=>e&&e.sentAt===l?{...e,response:{content:f}}:e),o&&await o({id:c,role:`assistant`,content:f,streaming:!1},w)}catch(e){let t=e;if(t?.name===`TimeoutError`){E(t.message,{source:`client-timeout`});return}if(t?.name===`AbortError`){g(`idle`);return}E(t?.message||`Bailey request failed.`)}finally{A(),D.current.delete(c),O.current.delete(c),u(e=>e.flatMap(e=>e.id===c?e.content?[{...e,streaming:!1}]:[]:[e]))}},[e,t,n,r,i,a,o,M,j,A]);return{messages:l,traceEvents:d,lastRequest:p,status:h,error:v,send:(0,c.useCallback)(e=>{let t=e.trim();if(!t)return;w.current=t;let n=[...E.current,{id:crypto.randomUUID(),role:`user`,content:t}];E.current=n,u(n),N(n)},[N]),stop:(0,c.useCallback)(()=>{C.current?.abort()},[]),retryLast:(0,c.useCallback)(()=>{if(!w.current)return;let e=E.current,t=e[e.length-1],n=t&&t.role===`assistant`?e.slice(0,-1):e;E.current=n,u(n),N(n)},[N]),clearTrace:(0,c.useCallback)(()=>f([]),[]),clearError:(0,c.useCallback)(()=>{b(null),g(e=>e===`error`?`idle`:e)},[])}};function w(...e){return e.filter(e=>!!(e&&e.trim())).join(`
+`);if(o===`[DONE]`){i=!0;continue}let s;try{s=JSON.parse(o)}catch{s=void 0}let c=s;if(n===`error`){let e=typeof c?.message==`string`?c.message:o;r.push({type:`error`,message:e})}else if(c?.type===`response.output_text.delta`&&typeof c.delta==`string`){let e=v(c.delta);e&&r.push({type:`response.output_text.delta`,delta:e})}else c&&typeof c.type==`string`?r.push(c):n!==`message`&&r.push({type:`info`,message:`${n}: ${o}`})}return{events:r,remainder:n,done:i}}var b=200,x=15e4,S=(e,t,n)=>{if(e===401||e===403)return`Bailey isn't reachable with your current login.`;let r=`Bailey request failed (status ${e??`network error`}).`,i=(n||t||``).trim();return i?`${r} ${i.length>b?`${i.slice(0,b)}…`:i}`:r},C=({transport:e,model:t,instructions:n,tools:r=[],toolChoice:i,firstUserMessagePrefix:a,onAssistantMessageComplete:o,idleTimeoutMs:s=x})=>{let[l,u]=(0,c.useState)([]),[d,f]=(0,c.useState)([]),[p,m]=(0,c.useState)(null),[h,g]=(0,c.useState)(`idle`),[v,b]=(0,c.useState)(null),C=(0,c.useRef)(null),w=(0,c.useRef)(``),T=(0,c.useRef)(0),E=(0,c.useRef)([]);(0,c.useEffect)(()=>{E.current=l},[l]);let D=(0,c.useRef)(new Map),O=(0,c.useRef)(new Map),k=(0,c.useRef)(null),A=(0,c.useCallback)(()=>{k.current!==null&&(clearTimeout(k.current),k.current=null)},[]),j=(0,c.useCallback)(e=>{A(),k.current=setTimeout(()=>{e.abort(new DOMException(`The assistant took too long to respond. Please try again.`,`TimeoutError`))},s)},[A,s]),M=(0,c.useCallback)((e,t,n)=>{let r=e=>{n.push(e),f(t=>[...t,e])};if(t.type===`response.output_text.delta`){if(!t.delta)return!1;let n=D.current.get(e)??{raw:``,emittedCount:0};n.raw+=t.delta;let{cleanedText:i,matches:a}=_(n.raw),o=i.trim(),s=a.slice(n.emittedCount);if(n.emittedCount=a.length,D.current.set(e,n),O.current.set(e,o),u(t=>t.map(t=>t.id===e?{...t,content:o}:t)),s.length>0){let e=Date.now(),t=T.current;s.forEach(n=>r({kind:`pseudo_tool_call`,name:n.name,args:n.args,at:e,turnSentAt:t}))}return!0}if(t.type===`response.output_item.added`||t.type===`response.output_item.done`){let e=t.item;if(e.type===`function_call`||e.type===`mcp_call`){let n=Date.now(),i=T.current,a=e.name||`unknown_tool`;return r(t.type===`response.output_item.added`?{kind:`tool_start`,name:a,args:e.arguments,at:n,turnSentAt:i}:{kind:`tool_end`,name:a,args:e.arguments,at:n,turnSentAt:i,output:e.output,isError:e.is_error,runtimeSeconds:e.runtime_seconds}),!0}return!1}return t.type===`task.progress`?(r({kind:`progress`,status:t.status,message:t.message,at:Date.now(),turnSentAt:T.current}),!0):t.type===`response.output_text.done`||t.type===`response.created`||t.type===`response.completed`?!1:t.type===`info`?(r({kind:`info`,message:t.message,at:Date.now(),turnSentAt:T.current}),!0):(r({kind:`raw`,eventType:t.type,raw:JSON.stringify(t),at:Date.now(),turnSentAt:T.current}),!0)},[]),N=(0,c.useCallback)(async s=>{g(`streaming`),b(null);let c=crypto.randomUUID();u(e=>[...e,{id:c,role:`assistant`,content:``,streaming:!0}]);let l=Date.now();T.current=l;let d=s.map((e,t)=>t===0&&e.role===`user`&&a?{role:e.role,content:`${a}${e.content}`}:{role:e.role,content:e.content});m({model:t,systemPrompt:n,messages:d,tools:r,toolChoice:i,stream:!0,sentAt:l,streamStats:{chunkCount:0,firstChunkAt:null,lastChunkAt:null}});let p=new AbortController;C.current=p,j(p);let h=``,_=null,v=!1,x=!1,w=[],E=(e,t)=>{g(`error`),b(e);let n={kind:`error`,message:e,at:Date.now(),turnSentAt:l,...t};w.push(n),f(e=>[...e,n])},k=(e,t)=>{e.forEach(e=>{if(e.type===`error`){_=e.message;let t={kind:`error`,message:e.message,at:Date.now(),turnSentAt:l};w.push(t),f(e=>[...e,t]);return}e.type===`response.output_text.delta`&&e.delta&&(x=!0),M(c,e,w)&&(v=!0)}),t&&u(e=>e.map(e=>e.id===c?{...e,streaming:!1}:e))};try{let{status:a,text:s,errorMessage:u}=await e.streamChat({model:t,instructions:n,input:d,tools:r,toolChoice:i,signal:p.signal,onChunk:e=>{j(p),h+=e;let{events:t,remainder:n,done:r}=y(h);h=n,k(t,r);let i=Date.now();m(e=>e&&e.sentAt===l?{...e,streamStats:{chunkCount:e.streamStats.chunkCount+1,firstChunkAt:e.streamStats.firstChunkAt??i,lastChunkAt:i}}:e)},onRequestId:e=>{m(t=>t&&t.sentAt===l?{...t,requestId:e}:t)}});if(h.trim()){let{events:e,done:t}=y(`${h}\n\n`);h=``,k(e,t)}if(_){g(`error`),b(_);return}if(a===void 0||a>=400){E(S(a,s,u),{httpStatus:a,rawBody:s||void 0});return}if(!v){E(`Bailey returned an empty response.`);return}if(!x){E(`Bailey ran some tools but didn't return an answer. Try asking again.`);return}g(`idle`);let f=O.current.get(c)??``;m(e=>e&&e.sentAt===l?{...e,response:{content:f}}:e),o&&await o({id:c,role:`assistant`,content:f,streaming:!1},w)}catch(e){let t=e;if(t?.name===`TimeoutError`){E(t.message,{source:`client-timeout`});return}if(t?.name===`AbortError`){g(`idle`);return}E(t?.message||`Bailey request failed.`)}finally{A(),D.current.delete(c),O.current.delete(c),u(e=>e.flatMap(e=>e.id===c?e.content?[{...e,streaming:!1}]:[]:[e]))}},[e,t,n,r,i,a,o,M,j,A]),P=(0,c.useCallback)(e=>{E.current=e,u(e)},[]);return{messages:l,traceEvents:d,lastRequest:p,status:h,error:v,send:(0,c.useCallback)(e=>{let t=e.trim();if(!t)return;w.current=t;let n=[...E.current,{id:crypto.randomUUID(),role:`user`,content:t}];P(n),N(n)},[N,P]),stop:(0,c.useCallback)(()=>{C.current?.abort()},[]),retryLast:(0,c.useCallback)(()=>{if(!w.current)return;let e=E.current,t=e[e.length-1],n=t&&t.role===`assistant`?e.slice(0,-1):e;P(n),N(n)},[N,P]),clearTrace:(0,c.useCallback)(()=>f([]),[]),clearError:(0,c.useCallback)(()=>{b(null),g(e=>e===`error`?`idle`:e)},[]),newChat:(0,c.useCallback)(()=>{C.current?.abort(),P([]),f([]),m(null),g(`idle`),b(null),w.current=``},[P])}};function w(...e){return e.filter(e=>!!(e&&e.trim())).join(`
 
-`)}var T=`call_tool`,E=`a tool`;function D(e,t){let n={name:e===T?E:e,args:null,viaCallTool:!1};if(!t)return n;let r;try{r=JSON.parse(t)}catch{return n}if(typeof r!=`object`||!r)return n;let i=r;if(e===T){let e=typeof i.name==`string`?i.name:void 0;if(!e)return n;let t=i.arguments;return{name:e,args:typeof t==`object`&&t?t:null,viaCallTool:!0}}return{name:e,args:i,viaCallTool:!1}}var O=/^(https?|mailto):/i,k=e=>e.replace(/[\t\n\r]/g,``).trim(),A=e=>{let t=k(e);return!/^[a-z][a-z0-9+.-]*:/i.test(t)||O.test(t)},j=5,M=e=>e.type===`text`?e.value??``:(e.children??[]).map(M).join(``),N=e=>{if(e.tagName===`a`&&e.properties?.href)return e.properties.href;for(let t of e.children??[]){let e=N(t);if(e)return e}},P=(e,t)=>(e.children??[]).find(e=>e.tagName===t),ee=e=>{let t=M(e),n=N(e);return n?{text:t,href:n}:{text:t}},te=e=>(e.children??[]).filter(e=>e.type===`element`).map(ee),ne=e=>{if(e.tagName!==`table`)return null;let t=P(e,`thead`),n=t&&P(t,`tr`);return{headers:n?te(n).map(e=>e.text):[],rows:(P(e,`tbody`)?.children??[]).filter(e=>e.tagName===`tr`).map(te)}},re=e=>e.length>5,ie='When a chart would help answer a question (e.g. plotting a trend over time), include a fenced code block tagged `chartjs` containing a JSON object with this exact shape: {"type": "bar" | "line" | "pie" | "doughnut" | "scatter", "title"?: string, "data": {"labels": string[], "datasets": [{"label": string, "data": number[]}]}}. For "scatter" charts, omit "labels" and give each dataset "data" as an array of {"x": number, "y": number} points instead of a number array. "pie" and "doughnut" charts must have exactly one dataset. Do not include any other fields (no "options", no colors) — the app handles styling. Example:\n```chartjs\n{"type": "line", "title": "BP readings", "data": {"labels": ["Jul 14", "Jul 21", "Jul 28"], "datasets": [{"label": "Systolic", "data": [120, 118, 122]}]}}\n```',ae=[`bar`,`line`,`pie`,`doughnut`,`scatter`],oe=8,se=50,ce=8,le=500,ue=e=>typeof e==`object`&&!!e&&typeof e.x==`number`&&typeof e.y==`number`,F=e=>{let t;try{t=JSON.parse(e)}catch{return null}if(typeof t!=`object`||!t)return null;let n=t;if(typeof n.type!=`string`||!ae.includes(n.type))return null;let r=n.type;if(n.title!==void 0&&typeof n.title!=`string`)return null;let i=n.title;if(typeof n.data!=`object`||n.data===null)return null;let a=n.data;if(!Array.isArray(a.datasets)||a.datasets.length<1||a.datasets.length>oe||(r===`pie`||r===`doughnut`)&&a.datasets.length!==1)return null;for(let e of a.datasets)if(typeof e!=`object`||!e||typeof e.label!=`string`||!Array.isArray(e.data))return null;let o=a.datasets;if(r===`scatter`){for(let e of o)if(e.data.length<1||e.data.length>le||!e.data.every(ue))return null;return{type:r,title:i,data:{datasets:o}}}if(!Array.isArray(a.labels)||!a.labels.every(e=>typeof e==`string`))return null;let s=a.labels,c=r===`pie`||r===`doughnut`?ce:se;if(s.length<1||s.length>c)return null;for(let e of o)if(e.data.length!==s.length||!e.data.every(e=>typeof e==`number`))return null;return{type:r,title:i,data:{labels:s,datasets:o}}},I={tool_start:`Tool start`,tool_end:`Tool end`,pseudo_tool_call:`Narrated tool call`,progress:`Progress`,info:`Info`,error:`Error`,raw:`Raw event`};function L(e){return e.kind!==`tool_start`&&e.kind!==`tool_end`?null:D(e.name,e.args)}function R(e,t=L(e)){return e.kind===`pseudo_tool_call`?e.name:t?.name??null}function z(e,t=L(e)){switch(e.kind){case`tool_start`:return t.viaCallTool?`${t.name} (via call_tool)`:t.name;case`tool_end`:return`${t.viaCallTool?`${t.name} (via call_tool)`:t.name}${e.runtimeSeconds===void 0?``:` — ${e.runtimeSeconds.toFixed(2)}s`}${e.isError?` — failed`:``}`;case`pseudo_tool_call`:return`${e.name} — written as text, not actually called`;case`progress`:return e.message?`${e.status} — ${e.message}`:e.status;case`info`:return e.message;case`error`:return e.httpStatus?`${e.message} (HTTP ${e.httpStatus})`:e.message;case`raw`:return`Unrecognized event: ${e.eventType}`}}function B(e,t=L(e)){return e.kind===`tool_start`||e.kind===`tool_end`?t.args?JSON.stringify(t.args,null,2):e.args??null:e.kind===`pseudo_tool_call`?e.args??null:null}function V(e){return e.kind===`tool_end`?e.output??null:null}function H(e){return e.kind===`raw`?e.raw:e.kind===`error`?e.rawBody??null:null}function U(e){switch(e.kind){case`tool_start`:return`Calling ${D(e.name,e.args).name}...`;case`tool_end`:{let t=D(e.name,e.args).name;return e.isError?`${t} failed`:`${t} returned`}case`pseudo_tool_call`:return`${e.name} (written as text, not called)`;case`progress`:return e.message??e.status;case`info`:return e.message;case`error`:return e.source===`client-timeout`?`Timed out: ${e.message}`:`Error: ${e.message}`;case`raw`:return`Unrecognized event: ${e.eventType}`}}function de(e){let t=new Date(e);return`${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}:${String(t.getSeconds()).padStart(2,`0`)}.${String(t.getMilliseconds()).padStart(3,`0`)}`}function W(e){if(e<=0)return`+0ms`;if(e<1e3)return`+${Math.round(e)}ms`;let t=e/1e3;if(t<60)return`+${t.toFixed(1)}s`;let n=Math.floor(t/60),r=Math.round(t%60);return`+${n}m${String(r).padStart(2,`0`)}s`}function G(e){return e.map((t,n)=>{let r=L(t),i=n===0?t.turnSentAt:e[n-1].at;return{key:`${t.at}-${n}`,kind:t.kind,toolName:R(t,r),isToolStart:t.kind===`tool_start`,failed:t.kind===`tool_end`&&t.isError===!0,time:de(t.at),gapMs:t.at-i,label:t.kind===`tool_end`&&t.isError===!0?`Tool failed`:I[t.kind],summary:z(t,r),argsDetail:B(t,r),outputDetail:V(t),rawDetail:H(t)}})}function K(e){let t=e.filter(e=>e.kind===`tool_end`),n=t.filter(e=>e.kind===`tool_end`&&e.isError),r=e.filter(e=>e.kind===`error`),i=[];return t.length>0&&i.push(`${t.length} tool call${t.length===1?``:`s`}`+(n.length>0?`, ${n.length} failed`:``)),r.length>0&&i.push(`${r.length} stream error${r.length===1?``:`s`}`),i.join(` · `)}function q(e){let t=[];for(let n of e){let e=t[t.length-1];if(n.toolName&&e?.type===`group`&&e.toolName===n.toolName){e.rows.push(n);continue}t.push(n.toolName?{type:`group`,toolName:n.toolName,rows:[n]}:{type:`single`,row:n})}return t}function J(e){return e.some(e=>e.kind===`tool_end`&&e.isError||e.kind===`error`)}function Y({renderTable:e,renderChart:t}={}){return{a:({href:e,children:t})=>!e||!A(e)?(0,d.jsx)(d.Fragment,{children:t}):(0,d.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,children:t}),table:({node:t,children:n})=>{let r=t&&ne(t);if(r&&re(r.rows)&&e){let t=r.rows.map(e=>e.map(e=>e.href&&!A(e.href)?{text:e.text}:e));return(0,d.jsx)(d.Fragment,{children:e({headers:r.headers,rows:t})})}return(0,d.jsx)(`table`,{children:n})},pre:({children:e})=>{let n=(Array.isArray(e)?e[0]:e)?.props;if((n?.className?.split(` `)??[]).includes(`language-chartjs`)&&t){let e=n?.children,r=F(Array.isArray(e)?e.join(``):String(e??``));if(r)return(0,d.jsx)(d.Fragment,{children:t(r)})}return(0,d.jsx)(`pre`,{children:e})}}}var fe=1500;function X({markdown:e,className:t}){let[n,r]=(0,c.useState)(!1),[i,a]=(0,c.useState)(!1),o=(0,c.useRef)(null);return(0,c.useEffect)(()=>()=>{o.current!==null&&clearTimeout(o.current)},[]),(0,d.jsx)(f.Provider,{delayDuration:200,children:(0,d.jsxs)(f.Root,{open:n||i,onOpenChange:a,children:[(0,d.jsx)(f.Trigger,{asChild:!0,children:(0,d.jsx)(`button`,{type:`button`,onClick:async()=>{try{await navigator.clipboard.writeText(e)}catch{}r(!0),o.current!==null&&clearTimeout(o.current),o.current=setTimeout(()=>r(!1),fe)},"aria-label":`copy response as markdown`,className:`bailey-copy-button${t?` ${t}`:``}`,children:n?`✓`:`⧉`})}),(0,d.jsx)(f.Portal,{children:(0,d.jsxs)(f.Content,{side:`top`,className:`bailey-tooltip-content`,children:[n?`Copied!`:`Copy as markdown`,(0,d.jsx)(f.Arrow,{className:`bailey-tooltip-arrow`})]})})]})})}async function pe(e){try{await navigator.clipboard.writeText(e)}catch{}}function me({text:e,label:t=`Copy`}){return(0,d.jsx)(`button`,{type:`button`,onClick:()=>pe(e),className:`bailey-trace-copy-button`,children:t})}function he(e){if(e.failed||e.kind===`error`)return`bailey-trace-chip bailey-trace-chip-error`;switch(e.kind){case`tool_start`:return`bailey-trace-chip bailey-trace-chip-info`;case`tool_end`:return`bailey-trace-chip bailey-trace-chip-success`;case`progress`:return`bailey-trace-chip bailey-trace-chip-secondary`;default:return`bailey-trace-chip bailey-trace-chip-default`}}function Z({label:e,content:t,copyable:n}){return(0,d.jsxs)(`details`,{className:`bailey-trace-disclosure`,children:[(0,d.jsx)(`summary`,{className:`bailey-trace-disclosure-summary`,children:e}),n&&(0,d.jsx)(`div`,{className:`bailey-trace-disclosure-actions`,children:(0,d.jsx)(me,{text:t})}),(0,d.jsx)(`pre`,{className:`bailey-trace-disclosure-content`,children:t})]})}function Q({row:e}){return(0,d.jsxs)(`div`,{className:`bailey-trace-row`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-row-header`,children:[(0,d.jsx)(`span`,{className:`bailey-trace-row-time`,children:e.time}),(0,d.jsx)(`span`,{className:`bailey-trace-row-gap`,title:`Time since the previous event`,children:W(e.gapMs)}),(0,d.jsx)(`span`,{className:he(e),children:e.label}),(0,d.jsx)(`span`,{className:`bailey-trace-row-summary`,children:e.summary})]}),e.argsDetail&&(0,d.jsx)(Z,{label:`args`,content:e.argsDetail}),e.outputDetail&&(0,d.jsx)(Z,{label:`output`,content:e.outputDetail}),e.rawDetail&&(0,d.jsx)(Z,{label:`raw`,content:e.rawDetail})]})}function ge(e,t){if(e.chunkCount===0)return`Streamed: no chunks received`;if(e.chunkCount===1||e.firstChunkAt===null)return`Streamed: 1 chunk (not incremental)`;let n=e.firstChunkAt-t,r=(e.lastChunkAt??e.firstChunkAt)-e.firstChunkAt;return`Streamed: ${e.chunkCount} chunks · first chunk after ${n}ms · spread over ${(r/1e3).toFixed(1)}s`}function _e({request:e}){let t=(0,c.useMemo)(()=>JSON.stringify({model:e.model,instructions:e.systemPrompt,input:e.messages,stream:e.stream,tools:e.tools,toolChoice:e.toolChoice},null,2),[e]);return(0,d.jsxs)(`div`,{className:`bailey-trace-request-details`,children:[(0,d.jsxs)(`span`,{className:`bailey-trace-request-meta`,children:[`Last request — `,e.model,` · `,new Date(e.sentAt).toLocaleTimeString(),e.requestId?` · ${e.requestId}`:``]}),(0,d.jsx)(`span`,{className:`bailey-trace-request-meta`,children:ge(e.streamStats,e.sentAt)}),(0,d.jsx)(Z,{label:`System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,content:e.systemPrompt,copyable:!0}),(0,d.jsx)(Z,{label:`Messages (${e.messages.length})`,content:JSON.stringify(e.messages,null,2),copyable:!0}),e.response&&(0,d.jsx)(Z,{label:`Response (${e.response.content.length.toLocaleString()} chars)`,content:e.response.content,copyable:!0}),(0,d.jsx)(Z,{label:`Full payload (JSON)`,content:t,copyable:!0})]})}function ve({events:e,lastRequest:t,onClear:n}){let r=(0,c.useMemo)(()=>G(e),[e]),i=(0,c.useMemo)(()=>q(r),[r]),a=(0,c.useMemo)(()=>JSON.stringify(e,null,2),[e]);return(0,d.jsxs)(`div`,{className:`bailey-trace-body`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-actions-row`,children:[e.length>0&&(0,d.jsx)(me,{text:a,label:`Copy trace as JSON`}),(0,d.jsx)(`button`,{type:`button`,onClick:n,className:`bailey-trace-copy-button`,children:`Clear`})]}),t&&(0,d.jsx)(_e,{request:t}),(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:i.map((e,t)=>{if(e.type===`single`)return(0,d.jsx)(Q,{row:e.row},e.row.key);let n=e.rows.filter(e=>e.isToolStart).length;if(n<=1)return(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,d.jsx)(Q,{row:e},e.key))},`group-${t}`);let r=e.rows.filter(e=>e.failed).length;return(0,d.jsxs)(`details`,{className:`bailey-trace-group`,children:[(0,d.jsxs)(`summary`,{className:`bailey-trace-group-summary`,children:[(0,d.jsx)(`strong`,{children:e.toolName}),` × `,n,r>0&&(0,d.jsxs)(`span`,{className:`bailey-trace-group-failed`,children:[` `,r,` failed`]})]}),(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,d.jsx)(Q,{row:e},e.key))})]},`group-${t}`)})})]})}function $({events:e,lastRequest:t,onClear:n}){let[r,i]=(0,c.useState)(!1),a=(0,c.useMemo)(()=>J(e),[e]),o=(0,c.useMemo)(()=>K(e),[e]);return e.length===0&&!t?null:(0,d.jsxs)(`div`,{className:`bailey-trace-panel`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-toggle-row`,children:[(0,d.jsxs)(`button`,{type:`button`,onClick:()=>i(e=>!e),"aria-expanded":r,className:a?`bailey-trace-toggle bailey-trace-toggle-error`:`bailey-trace-toggle`,children:[a&&!r?`⚠ `:``,r?`Hide details`:`Show details`,` (`,e.length,`)`]}),o&&(0,d.jsx)(`span`,{className:a?`bailey-trace-summary bailey-trace-summary-error`:`bailey-trace-summary`,children:o})]}),r&&(0,d.jsx)(ve,{events:e,lastRequest:t,onClear:n})]})}var ye=[u.default],be=(0,c.memo)(function({content:e,components:t}){return(0,d.jsx)(`div`,{className:`bailey-markdown-content`,children:(0,d.jsx)(l.default,{remarkPlugins:ye,components:t,children:e})})});function xe(e,t,n){if(e!==`streaming`)return;let r=t.filter(e=>e.turnSentAt===n?.sentAt);if(r.length!==0)return U(r[r.length-1])}function Se({chat:e,placeholder:t=`Send a message…`,className:n,renderMessageActions:r,renderTable:i,renderChart:a}){let{messages:o,traceEvents:s,lastRequest:l,status:u,error:f,send:p,stop:m,retryLast:h,clearTrace:g,clearError:_}=e,[v,y]=(0,c.useState)(``),b=(0,c.useRef)(null),x=(0,c.useMemo)(()=>Y({renderTable:i,renderChart:a}),[i,a]),S=(0,c.useMemo)(()=>xe(u,s,l),[u,s,l]);return(0,c.useEffect)(()=>{b.current?.scrollIntoView({behavior:`smooth`,block:`nearest`})},[o]),(0,d.jsxs)(`div`,{className:`bailey-chat-panel${n?` ${n}`:``}`,children:[(0,d.jsxs)(`div`,{className:`bailey-chat-transcript`,children:[o.length===0&&(0,d.jsx)(`div`,{className:`bailey-empty-state`,children:`Ask Bailey a question to get started.`}),o.map((e,t)=>{let n=e.role===`assistant`&&t===o.length-1,i=u===`streaming`&&n&&e.content===``;return(0,d.jsx)(`div`,{className:e.role===`user`?`bailey-message-row bailey-message-row-user`:`bailey-message-row`,children:e.role===`user`?(0,d.jsx)(`div`,{className:`bailey-user-bubble`,children:e.content}):i?(0,d.jsx)(`div`,{className:`bailey-thinking-hint`,children:S??`Thinking…`}):(0,d.jsxs)(`div`,{className:`bailey-assistant-message`,children:[(0,d.jsx)(be,{content:e.content,components:x}),e.streaming&&S&&(0,d.jsx)(`div`,{className:`bailey-streaming-hint`,children:S}),!e.streaming&&(0,d.jsxs)(`div`,{className:`bailey-message-actions`,children:[(0,d.jsx)(X,{markdown:e.content}),r?.(e)]})]})},e.id)}),(0,d.jsx)(`div`,{ref:b})]}),f&&(0,d.jsxs)(`div`,{className:`bailey-error-banner`,role:`alert`,children:[(0,d.jsx)(`span`,{children:f}),(0,d.jsxs)(`div`,{className:`bailey-error-actions`,children:[(0,d.jsx)(`button`,{type:`button`,onClick:h,className:`bailey-retry-button`,children:`Retry`}),(0,d.jsx)(`button`,{type:`button`,onClick:_,"aria-label":`dismiss error`,className:`bailey-dismiss-button`,children:`✕`})]})]}),(0,d.jsx)($,{events:s,lastRequest:l,onClear:g}),(0,d.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),!(!v.trim()||u===`streaming`)&&(p(v),y(``))},className:`bailey-input-row`,children:[(0,d.jsx)(`input`,{type:`text`,placeholder:t,"aria-label":t,value:v,onChange:e=>y(e.target.value),disabled:u===`streaming`,className:`bailey-input`}),u===`streaming`?(0,d.jsx)(`button`,{type:`button`,onClick:m,"aria-label":`stop`,className:`bailey-stop-button`,children:`Stop`}):(0,d.jsx)(`button`,{type:`submit`,"aria-label":`send`,disabled:!v.trim(),className:`bailey-send-button`,children:`Send`})]})]})}var Ce=`0.2.2-pre.0`;exports.BAILEYAI_CHAT_UI_VERSION=Ce,exports.BAILEY_CHART_PROMPT_FRAGMENT=ie,exports.BAILEY_TABLE_GRID_ROW_THRESHOLD=j,exports.BaileyChatPanel=Se,exports.BaileyTracePanel=$,exports.CopyMarkdownButton=X,exports.TRACE_KIND_LABEL=I,exports.createBaileyMarkdownComponents=Y,exports.extractPseudoToolCalls=_,exports.extractTableData=ne,exports.formatTraceGap=W,exports.formatTraceTime=de,exports.hasTraceFailure=J,exports.isSafeMarkdownUrl=A,exports.joinInstructions=w,exports.parseBaileyChartSpec=F,exports.parseSseFrames=y,exports.resolveToolCall=D,exports.shouldUseGrid=re,exports.toTraceRows=G,exports.toTraceSegments=q,exports.traceEventArgsDetail=B,exports.traceEventHint=U,exports.traceEventOutputDetail=V,exports.traceEventRawDetail=H,exports.traceEventSummary=z,exports.traceEventToolName=R,exports.traceSummaryLine=K,exports.useBaileyChat=C;
+`)}var T=`call_tool`,E=`a tool`;function D(e,t){let n={name:e===T?E:e,args:null,viaCallTool:!1};if(!t)return n;let r;try{r=JSON.parse(t)}catch{return n}if(typeof r!=`object`||!r)return n;let i=r;if(e===T){let e=typeof i.name==`string`?i.name:void 0;if(!e)return n;let t=i.arguments;return{name:e,args:typeof t==`object`&&t?t:null,viaCallTool:!0}}return{name:e,args:i,viaCallTool:!1}}var O=/^(https?|mailto):/i,k=e=>e.replace(/[\t\n\r]/g,``).trim(),A=e=>{let t=k(e);return!/^[a-z][a-z0-9+.-]*:/i.test(t)||O.test(t)},j=5,M=e=>e.type===`text`?e.value??``:(e.children??[]).map(M).join(``),N=e=>{if(e.tagName===`a`&&e.properties?.href)return e.properties.href;for(let t of e.children??[]){let e=N(t);if(e)return e}},P=(e,t)=>(e.children??[]).find(e=>e.tagName===t),ee=e=>{let t=M(e),n=N(e);return n?{text:t,href:n}:{text:t}},te=e=>(e.children??[]).filter(e=>e.type===`element`).map(ee),ne=e=>{if(e.tagName!==`table`)return null;let t=P(e,`thead`),n=t&&P(t,`tr`);return{headers:n?te(n).map(e=>e.text):[],rows:(P(e,`tbody`)?.children??[]).filter(e=>e.tagName===`tr`).map(te)}},re=e=>e.length>5,ie='When a chart would help answer a question (e.g. plotting a trend over time), include a fenced code block tagged `chartjs` containing a JSON object with this exact shape: {"type": "bar" | "line" | "pie" | "doughnut" | "scatter", "title"?: string, "data": {"labels": string[], "datasets": [{"label": string, "data": number[]}]}}. For "scatter" charts, omit "labels" and give each dataset "data" as an array of {"x": number, "y": number} points instead of a number array. "pie" and "doughnut" charts must have exactly one dataset. Do not include any other fields (no "options", no colors) — the app handles styling. Example:\n```chartjs\n{"type": "line", "title": "BP readings", "data": {"labels": ["Jul 14", "Jul 21", "Jul 28"], "datasets": [{"label": "Systolic", "data": [120, 118, 122]}]}}\n```',ae=[`bar`,`line`,`pie`,`doughnut`,`scatter`],oe=8,se=50,ce=8,le=500,ue=e=>typeof e==`object`&&!!e&&typeof e.x==`number`&&typeof e.y==`number`,F=e=>{let t;try{t=JSON.parse(e)}catch{return null}if(typeof t!=`object`||!t)return null;let n=t;if(typeof n.type!=`string`||!ae.includes(n.type))return null;let r=n.type;if(n.title!==void 0&&typeof n.title!=`string`)return null;let i=n.title;if(typeof n.data!=`object`||n.data===null)return null;let a=n.data;if(!Array.isArray(a.datasets)||a.datasets.length<1||a.datasets.length>oe||(r===`pie`||r===`doughnut`)&&a.datasets.length!==1)return null;for(let e of a.datasets)if(typeof e!=`object`||!e||typeof e.label!=`string`||!Array.isArray(e.data))return null;let o=a.datasets;if(r===`scatter`){for(let e of o)if(e.data.length<1||e.data.length>le||!e.data.every(ue))return null;return{type:r,title:i,data:{datasets:o}}}if(!Array.isArray(a.labels)||!a.labels.every(e=>typeof e==`string`))return null;let s=a.labels,c=r===`pie`||r===`doughnut`?ce:se;if(s.length<1||s.length>c)return null;for(let e of o)if(e.data.length!==s.length||!e.data.every(e=>typeof e==`number`))return null;return{type:r,title:i,data:{labels:s,datasets:o}}},I={tool_start:`Tool start`,tool_end:`Tool end`,pseudo_tool_call:`Narrated tool call`,progress:`Progress`,info:`Info`,error:`Error`,raw:`Raw event`};function L(e){return e.kind!==`tool_start`&&e.kind!==`tool_end`?null:D(e.name,e.args)}function R(e,t=L(e)){return e.kind===`pseudo_tool_call`?e.name:t?.name??null}function z(e,t=L(e)){switch(e.kind){case`tool_start`:return t.viaCallTool?`${t.name} (via call_tool)`:t.name;case`tool_end`:return`${t.viaCallTool?`${t.name} (via call_tool)`:t.name}${e.runtimeSeconds===void 0?``:` — ${e.runtimeSeconds.toFixed(2)}s`}${e.isError?` — failed`:``}`;case`pseudo_tool_call`:return`${e.name} — written as text, not actually called`;case`progress`:return e.message?`${e.status} — ${e.message}`:e.status;case`info`:return e.message;case`error`:return e.httpStatus?`${e.message} (HTTP ${e.httpStatus})`:e.message;case`raw`:return`Unrecognized event: ${e.eventType}`}}function B(e,t=L(e)){return e.kind===`tool_start`||e.kind===`tool_end`?t.args?JSON.stringify(t.args,null,2):e.args??null:e.kind===`pseudo_tool_call`?e.args??null:null}function V(e){return e.kind===`tool_end`?e.output??null:null}function H(e){return e.kind===`raw`?e.raw:e.kind===`error`?e.rawBody??null:null}function U(e){switch(e.kind){case`tool_start`:return`Calling ${D(e.name,e.args).name}...`;case`tool_end`:{let t=D(e.name,e.args).name;return e.isError?`${t} failed`:`${t} returned`}case`pseudo_tool_call`:return`${e.name} (written as text, not called)`;case`progress`:return e.message??e.status;case`info`:return e.message;case`error`:return e.source===`client-timeout`?`Timed out: ${e.message}`:`Error: ${e.message}`;case`raw`:return`Unrecognized event: ${e.eventType}`}}function W(e){let t=new Date(e);return`${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}:${String(t.getSeconds()).padStart(2,`0`)}.${String(t.getMilliseconds()).padStart(3,`0`)}`}function G(e){if(e<=0)return`+0ms`;if(e<1e3)return`+${Math.round(e)}ms`;let t=e/1e3;if(t<60)return`+${t.toFixed(1)}s`;let n=Math.floor(t/60),r=Math.round(t%60);return`+${n}m${String(r).padStart(2,`0`)}s`}function K(e){return e.map((t,n)=>{let r=L(t),i=n===0?t.turnSentAt:e[n-1].at;return{key:`${t.at}-${n}`,kind:t.kind,toolName:R(t,r),isToolStart:t.kind===`tool_start`,failed:t.kind===`tool_end`&&t.isError===!0,time:W(t.at),gapMs:t.at-i,label:t.kind===`tool_end`&&t.isError===!0?`Tool failed`:I[t.kind],summary:z(t,r),argsDetail:B(t,r),outputDetail:V(t),rawDetail:H(t)}})}function q(e){let t=e.filter(e=>e.kind===`tool_end`),n=t.filter(e=>e.kind===`tool_end`&&e.isError),r=e.filter(e=>e.kind===`error`),i=[];return t.length>0&&i.push(`${t.length} tool call${t.length===1?``:`s`}`+(n.length>0?`, ${n.length} failed`:``)),r.length>0&&i.push(`${r.length} stream error${r.length===1?``:`s`}`),i.join(` · `)}function J(e){let t=[];for(let n of e){let e=t[t.length-1];if(n.toolName&&e?.type===`group`&&e.toolName===n.toolName){e.rows.push(n);continue}t.push(n.toolName?{type:`group`,toolName:n.toolName,rows:[n]}:{type:`single`,row:n})}return t}function Y(e){return e.some(e=>e.kind===`tool_end`&&e.isError||e.kind===`error`)}function de({renderTable:e,renderChart:t}={}){return{a:({href:e,children:t})=>!e||!A(e)?(0,d.jsx)(d.Fragment,{children:t}):(0,d.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,children:t}),table:({node:t,children:n})=>{let r=t&&ne(t);if(r&&re(r.rows)&&e){let t=r.rows.map(e=>e.map(e=>e.href&&!A(e.href)?{text:e.text}:e));return(0,d.jsx)(d.Fragment,{children:e({headers:r.headers,rows:t})})}return(0,d.jsx)(`table`,{children:n})},pre:({children:e})=>{let n=(Array.isArray(e)?e[0]:e)?.props;if((n?.className?.split(` `)??[]).includes(`language-chartjs`)&&t){let e=n?.children,r=F(Array.isArray(e)?e.join(``):String(e??``));if(r)return(0,d.jsx)(d.Fragment,{children:t(r)})}return(0,d.jsx)(`pre`,{children:e})}}}var fe=1500;function X({markdown:e,className:t}){let[n,r]=(0,c.useState)(!1),[i,a]=(0,c.useState)(!1),o=(0,c.useRef)(null);return(0,c.useEffect)(()=>()=>{o.current!==null&&clearTimeout(o.current)},[]),(0,d.jsx)(f.Provider,{delayDuration:200,children:(0,d.jsxs)(f.Root,{open:n||i,onOpenChange:a,children:[(0,d.jsx)(f.Trigger,{asChild:!0,children:(0,d.jsx)(`button`,{type:`button`,onClick:async()=>{try{await navigator.clipboard.writeText(e)}catch{}r(!0),o.current!==null&&clearTimeout(o.current),o.current=setTimeout(()=>r(!1),fe)},"aria-label":`copy response as markdown`,className:`bailey-copy-button${t?` ${t}`:``}`,children:n?`✓`:`⧉`})}),(0,d.jsx)(f.Portal,{children:(0,d.jsxs)(f.Content,{side:`top`,className:`bailey-tooltip-content`,children:[n?`Copied!`:`Copy as markdown`,(0,d.jsx)(f.Arrow,{className:`bailey-tooltip-arrow`})]})})]})})}async function pe(e){try{await navigator.clipboard.writeText(e)}catch{}}function me({text:e,label:t=`Copy`}){return(0,d.jsx)(`button`,{type:`button`,onClick:()=>pe(e),className:`bailey-trace-copy-button`,children:t})}function he(e){if(e.failed||e.kind===`error`)return`bailey-trace-chip bailey-trace-chip-error`;switch(e.kind){case`tool_start`:return`bailey-trace-chip bailey-trace-chip-info`;case`tool_end`:return`bailey-trace-chip bailey-trace-chip-success`;case`progress`:return`bailey-trace-chip bailey-trace-chip-secondary`;default:return`bailey-trace-chip bailey-trace-chip-default`}}function Z({label:e,content:t,copyable:n}){return(0,d.jsxs)(`details`,{className:`bailey-trace-disclosure`,children:[(0,d.jsx)(`summary`,{className:`bailey-trace-disclosure-summary`,children:e}),n&&(0,d.jsx)(`div`,{className:`bailey-trace-disclosure-actions`,children:(0,d.jsx)(me,{text:t})}),(0,d.jsx)(`pre`,{className:`bailey-trace-disclosure-content`,children:t})]})}function Q({row:e}){return(0,d.jsxs)(`div`,{className:`bailey-trace-row`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-row-header`,children:[(0,d.jsx)(`span`,{className:`bailey-trace-row-time`,children:e.time}),(0,d.jsx)(`span`,{className:`bailey-trace-row-gap`,title:`Time since the previous event`,children:G(e.gapMs)}),(0,d.jsx)(`span`,{className:he(e),children:e.label}),(0,d.jsx)(`span`,{className:`bailey-trace-row-summary`,children:e.summary})]}),e.argsDetail&&(0,d.jsx)(Z,{label:`args`,content:e.argsDetail}),e.outputDetail&&(0,d.jsx)(Z,{label:`output`,content:e.outputDetail}),e.rawDetail&&(0,d.jsx)(Z,{label:`raw`,content:e.rawDetail})]})}function ge(e,t){if(e.chunkCount===0)return`Streamed: no chunks received`;if(e.chunkCount===1||e.firstChunkAt===null)return`Streamed: 1 chunk (not incremental)`;let n=e.firstChunkAt-t,r=(e.lastChunkAt??e.firstChunkAt)-e.firstChunkAt;return`Streamed: ${e.chunkCount} chunks · first chunk after ${n}ms · spread over ${(r/1e3).toFixed(1)}s`}function _e({request:e}){let t=(0,c.useMemo)(()=>JSON.stringify({model:e.model,instructions:e.systemPrompt,input:e.messages,stream:e.stream,tools:e.tools,toolChoice:e.toolChoice},null,2),[e]);return(0,d.jsxs)(`div`,{className:`bailey-trace-request-details`,children:[(0,d.jsxs)(`span`,{className:`bailey-trace-request-meta`,children:[`Last request — `,e.model,` · `,new Date(e.sentAt).toLocaleTimeString(),e.requestId?` · ${e.requestId}`:``]}),(0,d.jsx)(`span`,{className:`bailey-trace-request-meta`,children:ge(e.streamStats,e.sentAt)}),(0,d.jsx)(Z,{label:`System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,content:e.systemPrompt,copyable:!0}),(0,d.jsx)(Z,{label:`Messages (${e.messages.length})`,content:JSON.stringify(e.messages,null,2),copyable:!0}),e.response&&(0,d.jsx)(Z,{label:`Response (${e.response.content.length.toLocaleString()} chars)`,content:e.response.content,copyable:!0}),(0,d.jsx)(Z,{label:`Full payload (JSON)`,content:t,copyable:!0})]})}function ve({events:e,lastRequest:t,onClear:n}){let r=(0,c.useMemo)(()=>K(e),[e]),i=(0,c.useMemo)(()=>J(r),[r]),a=(0,c.useMemo)(()=>JSON.stringify(e,null,2),[e]);return(0,d.jsxs)(`div`,{className:`bailey-trace-body`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-actions-row`,children:[e.length>0&&(0,d.jsx)(me,{text:a,label:`Copy trace as JSON`}),(0,d.jsx)(`button`,{type:`button`,onClick:n,className:`bailey-trace-copy-button`,children:`Clear`})]}),t&&(0,d.jsx)(_e,{request:t}),(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:i.map((e,t)=>{if(e.type===`single`)return(0,d.jsx)(Q,{row:e.row},e.row.key);let n=e.rows.filter(e=>e.isToolStart).length;if(n<=1)return(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,d.jsx)(Q,{row:e},e.key))},`group-${t}`);let r=e.rows.filter(e=>e.failed).length;return(0,d.jsxs)(`details`,{className:`bailey-trace-group`,children:[(0,d.jsxs)(`summary`,{className:`bailey-trace-group-summary`,children:[(0,d.jsx)(`strong`,{children:e.toolName}),` × `,n,r>0&&(0,d.jsxs)(`span`,{className:`bailey-trace-group-failed`,children:[` `,r,` failed`]})]}),(0,d.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,d.jsx)(Q,{row:e},e.key))})]},`group-${t}`)})})]})}function $({events:e,lastRequest:t,onClear:n}){let[r,i]=(0,c.useState)(!1),a=(0,c.useMemo)(()=>Y(e),[e]),o=(0,c.useMemo)(()=>q(e),[e]);return e.length===0&&!t?null:(0,d.jsxs)(`div`,{className:`bailey-trace-panel`,children:[(0,d.jsxs)(`div`,{className:`bailey-trace-toggle-row`,children:[(0,d.jsxs)(`button`,{type:`button`,onClick:()=>i(e=>!e),"aria-expanded":r,className:a?`bailey-trace-toggle bailey-trace-toggle-error`:`bailey-trace-toggle`,children:[a&&!r?`⚠ `:``,r?`Hide details`:`Show details`,` (`,e.length,`)`]}),o&&(0,d.jsx)(`span`,{className:a?`bailey-trace-summary bailey-trace-summary-error`:`bailey-trace-summary`,children:o})]}),r&&(0,d.jsx)(ve,{events:e,lastRequest:t,onClear:n})]})}var ye=[u.default],be=(0,c.memo)(function({content:e,components:t}){return(0,d.jsx)(`div`,{className:`bailey-markdown-content`,children:(0,d.jsx)(l.default,{remarkPlugins:ye,components:t,children:e})})});function xe(e,t,n){if(e!==`streaming`)return;let r=t.filter(e=>e.turnSentAt===n?.sentAt);if(r.length!==0)return U(r[r.length-1])}function Se({chat:e,placeholder:t=`Send a message…`,className:n,renderMessageActions:r,renderTable:i,renderChart:a}){let{messages:o,traceEvents:s,lastRequest:l,status:u,error:f,send:p,stop:m,retryLast:h,clearTrace:g,clearError:_,newChat:v}=e,[y,b]=(0,c.useState)(``),x=(0,c.useRef)(null),S=(0,c.useMemo)(()=>de({renderTable:i,renderChart:a}),[i,a]),C=(0,c.useMemo)(()=>xe(u,s,l),[u,s,l]);return(0,c.useEffect)(()=>{x.current?.scrollIntoView({behavior:`smooth`,block:`nearest`})},[o]),(0,d.jsxs)(`div`,{className:`bailey-chat-panel${n?` ${n}`:``}`,children:[(0,d.jsx)(`div`,{className:`bailey-toolbar-row`,children:(0,d.jsx)(`button`,{type:`button`,onClick:v,disabled:o.length===0,"aria-label":`new chat`,className:`bailey-new-chat-button`,children:`New chat`})}),(0,d.jsxs)(`div`,{className:`bailey-chat-transcript`,children:[o.length===0&&(0,d.jsx)(`div`,{className:`bailey-empty-state`,children:`Ask Bailey a question to get started.`}),o.map((e,t)=>{let n=e.role===`assistant`&&t===o.length-1,i=u===`streaming`&&n&&e.content===``;return(0,d.jsx)(`div`,{className:e.role===`user`?`bailey-message-row bailey-message-row-user`:`bailey-message-row`,children:e.role===`user`?(0,d.jsx)(`div`,{className:`bailey-user-bubble`,children:e.content}):i?(0,d.jsx)(`div`,{className:`bailey-thinking-hint`,children:C??`Thinking…`}):(0,d.jsxs)(`div`,{className:`bailey-assistant-message`,children:[(0,d.jsx)(be,{content:e.content,components:S}),e.streaming&&C&&(0,d.jsx)(`div`,{className:`bailey-streaming-hint`,children:C}),!e.streaming&&(0,d.jsxs)(`div`,{className:`bailey-message-actions`,children:[(0,d.jsx)(X,{markdown:e.content}),r?.(e)]})]})},e.id)}),(0,d.jsx)(`div`,{ref:x})]}),f&&(0,d.jsxs)(`div`,{className:`bailey-error-banner`,role:`alert`,children:[(0,d.jsx)(`span`,{children:f}),(0,d.jsxs)(`div`,{className:`bailey-error-actions`,children:[(0,d.jsx)(`button`,{type:`button`,onClick:h,className:`bailey-retry-button`,children:`Retry`}),(0,d.jsx)(`button`,{type:`button`,onClick:_,"aria-label":`dismiss error`,className:`bailey-dismiss-button`,children:`✕`})]})]}),(0,d.jsx)($,{events:s,lastRequest:l,onClear:g}),(0,d.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),!(!y.trim()||u===`streaming`)&&(p(y),b(``))},className:`bailey-input-row`,children:[(0,d.jsx)(`input`,{type:`text`,placeholder:t,"aria-label":t,value:y,onChange:e=>b(e.target.value),disabled:u===`streaming`,className:`bailey-input`}),u===`streaming`?(0,d.jsx)(`button`,{type:`button`,onClick:m,"aria-label":`stop`,className:`bailey-stop-button`,children:`Stop`}):(0,d.jsx)(`button`,{type:`submit`,"aria-label":`send`,disabled:!y.trim(),className:`bailey-send-button`,children:`Send`})]})]})}var Ce=`0.3.1-pre.0`;exports.BAILEYAI_CHAT_UI_VERSION=Ce,exports.BAILEY_CHART_PROMPT_FRAGMENT=ie,exports.BAILEY_TABLE_GRID_ROW_THRESHOLD=j,exports.BaileyChatPanel=Se,exports.BaileyTracePanel=$,exports.CopyMarkdownButton=X,exports.TRACE_KIND_LABEL=I,exports.createBaileyMarkdownComponents=de,exports.extractPseudoToolCalls=_,exports.extractTableData=ne,exports.formatTraceGap=G,exports.formatTraceTime=W,exports.hasTraceFailure=Y,exports.isSafeMarkdownUrl=A,exports.joinInstructions=w,exports.parseBaileyChartSpec=F,exports.parseSseFrames=y,exports.resolveToolCall=D,exports.shouldUseGrid=re,exports.toTraceRows=K,exports.toTraceSegments=J,exports.traceEventArgsDetail=B,exports.traceEventHint=U,exports.traceEventOutputDetail=V,exports.traceEventRawDetail=H,exports.traceEventSummary=z,exports.traceEventToolName=R,exports.traceSummaryLine=q,exports.useBaileyChat=C;

package/dist/baileyai-chat-ui.css

@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--leading-relaxed:1.625;--radius-md:.375rem;--radius-2xl:1rem;--color-bailey-accent:#4f46e5;--color-bailey-bubble-bg:#e8e8e8;--color-bailey-error:#d32f2f;--color-bailey-border:#e5e5e5;--color-bailey-surface:#fff;--color-bailey-surface-muted:#f9fafb;--color-bailey-text:#000;--color-bailey-text-secondary:#6b6b6b;--color-bailey-tooltip-bg:#000;--color-bailey-tooltip-text:#fff}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.h-\[600px\]{height:600px}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-0{min-height:0}.w-full{width:100%}.max-w-\[75\%\]{max-width:75%}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-bailey-border{border-color:var(--color-bailey-border)}.border-bailey-error{border-color:var(--color-bailey-error)}.border-gray-200{border-color:var(--color-gray-200)}.bg-bailey-accent{background-color:var(--color-bailey-accent)}.bg-bailey-bubble-bg{background-color:var(--color-bailey-bubble-bg)}.bg-bailey-surface-muted{background-color:var(--color-bailey-surface-muted)}.bg-bailey-tooltip-bg{background-color:var(--color-bailey-tooltip-bg)}.bg-black{background-color:var(--color-black)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.fill-black{fill:var(--color-black)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.85em\]{font-size:.85em}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-bailey-accent{color:var(--color-bailey-accent)}.text-bailey-error{color:var(--color-bailey-error)}.text-bailey-text-secondary{color:var(--color-bailey-text-secondary)}.text-bailey-tooltip-text{color:var(--color-bailey-tooltip-text)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-green-700{color:var(--color-green-700)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:text-bailey-text:hover{color:var(--color-bailey-text)}.hover\:text-black:hover{color:var(--color-black)}}}.bailey-chat-panel{flex-direction:column;height:100%;display:flex}.bailey-chat-transcript{min-height:0;padding:calc(var(--spacing) * 2);flex:1;overflow-y:auto}.bailey-message-row{margin-bottom:calc(var(--spacing) * 3);justify-content:flex-start;display:flex}.bailey-message-row-user{justify-content:flex-end}.bailey-user-bubble{border-radius:var(--radius-2xl);background-color:var(--color-bailey-bubble-bg);max-width:75%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);white-space:pre-wrap;color:var(--color-bailey-text)}.bailey-assistant-message{width:100%;padding-inline:var(--spacing)}.bailey-thinking-hint{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary);font-style:italic}.bailey-streaming-hint{margin-top:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary);font-style:italic;display:block}.bailey-message-actions{margin-top:var(--spacing);align-items:center;gap:var(--spacing);display:flex}.bailey-empty-state{height:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary);justify-content:center;align-items:center;display:flex}.bailey-error-banner{margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-error);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--color-bailey-error);display:flex}.bailey-retry-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:underline}.bailey-error-actions{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-dismiss-button{color:var(--color-bailey-error)}@media (hover:hover){.bailey-dismiss-button:hover{opacity:.7}}.bailey-input-row{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);flex:1}.bailey-input:disabled{opacity:.5}.bailey-send-button,.bailey-stop-button{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.bailey-send-button,.bailey-stop-button):disabled{opacity:.5}.bailey-send-button{background-color:var(--color-bailey-accent);color:var(--color-white)}.bailey-stop-button{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-error);color:var(--color-bailey-error)}.bailey-copy-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary)}@media (hover:hover){.bailey-copy-button:hover{color:var(--color-bailey-text)}}.bailey-tooltip-content{background-color:var(--color-bailey-tooltip-bg);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-tooltip-text);border-radius:.25rem}.bailey-tooltip-arrow{fill:var(--color-bailey-tooltip-bg)}.bailey-markdown-content table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.bailey-markdown-content th{background-color:var(--color-bailey-surface-muted);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);vertical-align:top}.bailey-markdown-content tr:nth-child(2n){background-color:var(--color-bailey-surface-muted)}.bailey-markdown-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.bailey-markdown-content>:first-child{margin-top:0}.bailey-markdown-content>:last-child{margin-bottom:0}.bailey-markdown-content p{margin-block:calc(var(--spacing) * 2)}.bailey-markdown-content h1{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h2{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h3{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h4,.bailey-markdown-content h5,.bailey-markdown-content h6{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content ul{margin-block:calc(var(--spacing) * 2);list-style-type:disc}:where(.bailey-markdown-content ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.bailey-markdown-content ul{padding-left:calc(var(--spacing) * 5)}.bailey-markdown-content ol{margin-block:calc(var(--spacing) * 2);list-style-type:decimal}:where(.bailey-markdown-content ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.bailey-markdown-content ol{padding-left:calc(var(--spacing) * 5)}.bailey-markdown-content a{color:var(--color-bailey-accent);text-underline-offset:2px;text-decoration-line:underline}.bailey-markdown-content code{background-color:var(--color-bailey-surface-muted);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);border-radius:.25rem;font-size:.85em}.bailey-markdown-content pre{margin-block:calc(var(--spacing) * 2);border-radius:var(--radius-md);background-color:var(--color-bailey-surface-muted);padding:calc(var(--spacing) * 2);overflow-x:auto}.bailey-markdown-content pre code{background-color:#0000;padding:0}.bailey-markdown-content blockquote{margin-block:calc(var(--spacing) * 2);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-bailey-border);padding-left:calc(var(--spacing) * 3);color:var(--color-bailey-text-secondary);font-style:italic}.bailey-markdown-content hr{margin-block:calc(var(--spacing) * 3);border-color:var(--color-bailey-border)}.bailey-trace-panel{margin-bottom:calc(var(--spacing) * 2)}.bailey-trace-toggle-row{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-trace-toggle{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary)}.bailey-trace-toggle-error{color:var(--color-bailey-error)}.bailey-trace-summary{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary)}.bailey-trace-summary-error{color:var(--color-bailey-error)}.bailey-trace-body{margin-top:var(--spacing);max-height:calc(var(--spacing) * 80);overflow-y:auto}.bailey-trace-actions-row{justify-content:flex-end;gap:calc(var(--spacing) * 3);display:flex}.bailey-trace-copy-button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary)}@media (hover:hover){.bailey-trace-copy-button:hover{color:var(--color-bailey-text)}}.bailey-trace-request-details{margin-bottom:var(--spacing);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);background-color:var(--color-bailey-surface);padding:calc(var(--spacing) * 2)}.bailey-trace-request-meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary);display:block}.bailey-trace-rows{gap:var(--spacing);flex-direction:column;display:flex}.bailey-trace-row{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.bailey-trace-row-header{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.bailey-trace-row-time{color:var(--color-bailey-text-secondary)}.bailey-trace-row-gap{color:var(--color-gray-400)}.bailey-trace-row-summary{word-break:break-all}.bailey-trace-chip{padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-semibold);font-size:.65rem;font-weight:var(--font-weight-semibold);border-radius:.25rem}.bailey-trace-chip-default{background-color:var(--color-gray-200);color:var(--color-gray-700)}.bailey-trace-chip-info{background-color:var(--color-blue-100);color:var(--color-blue-700)}.bailey-trace-chip-success{background-color:var(--color-green-100);color:var(--color-green-700)}.bailey-trace-chip-secondary{background-color:var(--color-purple-100);color:var(--color-purple-700)}.bailey-trace-chip-error{background-color:var(--color-red-100);color:var(--color-bailey-error)}.bailey-trace-disclosure{margin-top:var(--spacing)}.bailey-trace-disclosure-summary{cursor:pointer;color:var(--color-bailey-text-secondary);font-size:.7rem}.bailey-trace-disclosure-actions{margin-top:var(--spacing);justify-content:flex-end;display:flex}.bailey-trace-disclosure-content{margin-top:var(--spacing);max-height:calc(var(--spacing) * 48);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);background-color:var(--color-bailey-surface-muted);padding:calc(var(--spacing) * 1.5);word-break:break-all;white-space:pre-wrap;border-radius:.25rem;font-size:.7rem;overflow:auto}.bailey-trace-group{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing)}.bailey-trace-group-summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.bailey-trace-group-failed{margin-left:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-error)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-green-100:oklch(96.2% .044 156.743);--color-green-700:oklch(52.7% .154 150.069);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--leading-relaxed:1.625;--radius-md:.375rem;--radius-2xl:1rem;--color-bailey-accent:#4f46e5;--color-bailey-bubble-bg:#e8e8e8;--color-bailey-error:#d32f2f;--color-bailey-border:#e5e5e5;--color-bailey-surface:#fff;--color-bailey-surface-muted:#f9fafb;--color-bailey-text:#000;--color-bailey-text-secondary:#6b6b6b;--color-bailey-tooltip-bg:#000;--color-bailey-tooltip-text:#fff}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.table-cell{display:table-cell}.h-\[600px\]{height:600px}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-0{min-height:0}.w-full{width:100%}.max-w-\[75\%\]{max-width:75%}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-bailey-border{border-color:var(--color-bailey-border)}.border-bailey-error{border-color:var(--color-bailey-error)}.border-gray-200{border-color:var(--color-gray-200)}.bg-bailey-accent{background-color:var(--color-bailey-accent)}.bg-bailey-bubble-bg{background-color:var(--color-bailey-bubble-bg)}.bg-bailey-surface-muted{background-color:var(--color-bailey-surface-muted)}.bg-bailey-tooltip-bg{background-color:var(--color-bailey-tooltip-bg)}.bg-black{background-color:var(--color-black)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-100{background-color:var(--color-red-100)}.fill-black{fill:var(--color-black)}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.85em\]{font-size:.85em}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-bailey-accent{color:var(--color-bailey-accent)}.text-bailey-error{color:var(--color-bailey-error)}.text-bailey-text-secondary{color:var(--color-bailey-text-secondary)}.text-bailey-tooltip-text{color:var(--color-bailey-tooltip-text)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-green-700{color:var(--color-green-700)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:text-bailey-text:hover{color:var(--color-bailey-text)}.hover\:text-black:hover{color:var(--color-black)}}}.bailey-chat-panel{flex-direction:column;height:100%;display:flex}.bailey-toolbar-row{justify-content:flex-end;display:flex}.bailey-new-chat-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary)}@media (hover:hover){.bailey-new-chat-button:hover{color:var(--color-bailey-text)}}.bailey-new-chat-button:disabled{opacity:.5}.bailey-chat-transcript{min-height:0;padding:calc(var(--spacing) * 2);flex:1;overflow-y:auto}.bailey-message-row{margin-bottom:calc(var(--spacing) * 3);justify-content:flex-start;display:flex}.bailey-message-row-user{justify-content:flex-end}.bailey-user-bubble{border-radius:var(--radius-2xl);background-color:var(--color-bailey-bubble-bg);max-width:75%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);white-space:pre-wrap;color:var(--color-bailey-text)}.bailey-assistant-message{width:100%;padding-inline:var(--spacing)}.bailey-thinking-hint{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary);font-style:italic}.bailey-streaming-hint{margin-top:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary);font-style:italic;display:block}.bailey-message-actions{margin-top:var(--spacing);align-items:center;gap:var(--spacing);display:flex}.bailey-empty-state{height:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary);justify-content:center;align-items:center;display:flex}.bailey-error-banner{margin-bottom:calc(var(--spacing) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-error);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--color-bailey-error);display:flex}.bailey-retry-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:underline}.bailey-error-actions{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-dismiss-button{color:var(--color-bailey-error)}@media (hover:hover){.bailey-dismiss-button:hover{opacity:.7}}.bailey-input-row{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);flex:1}.bailey-input:disabled{opacity:.5}.bailey-send-button,.bailey-stop-button{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.bailey-send-button,.bailey-stop-button):disabled{opacity:.5}.bailey-send-button{background-color:var(--color-bailey-accent);color:var(--color-white)}.bailey-stop-button{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-error);color:var(--color-bailey-error)}.bailey-copy-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary)}@media (hover:hover){.bailey-copy-button:hover{color:var(--color-bailey-text)}}.bailey-tooltip-content{background-color:var(--color-bailey-tooltip-bg);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-tooltip-text);border-radius:.25rem}.bailey-tooltip-arrow{fill:var(--color-bailey-tooltip-bg)}.bailey-markdown-content table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.bailey-markdown-content th{background-color:var(--color-bailey-surface-muted);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);text-align:left;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content td{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);vertical-align:top}.bailey-markdown-content tr:nth-child(2n){background-color:var(--color-bailey-surface-muted)}.bailey-markdown-content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.bailey-markdown-content>:first-child{margin-top:0}.bailey-markdown-content>:last-child{margin-bottom:0}.bailey-markdown-content p{margin-block:calc(var(--spacing) * 2)}.bailey-markdown-content h1{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h2{margin-top:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h3{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content h4,.bailey-markdown-content h5,.bailey-markdown-content h6{margin-top:calc(var(--spacing) * 3);margin-bottom:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.bailey-markdown-content ul{margin-block:calc(var(--spacing) * 2);list-style-type:disc}:where(.bailey-markdown-content ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.bailey-markdown-content ul{padding-left:calc(var(--spacing) * 5)}.bailey-markdown-content ol{margin-block:calc(var(--spacing) * 2);list-style-type:decimal}:where(.bailey-markdown-content ol>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.bailey-markdown-content ol{padding-left:calc(var(--spacing) * 5)}.bailey-markdown-content a{color:var(--color-bailey-accent);text-underline-offset:2px;text-decoration-line:underline}.bailey-markdown-content code{background-color:var(--color-bailey-surface-muted);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);border-radius:.25rem;font-size:.85em}.bailey-markdown-content pre{margin-block:calc(var(--spacing) * 2);border-radius:var(--radius-md);background-color:var(--color-bailey-surface-muted);padding:calc(var(--spacing) * 2);overflow-x:auto}.bailey-markdown-content pre code{background-color:#0000;padding:0}.bailey-markdown-content blockquote{margin-block:calc(var(--spacing) * 2);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-bailey-border);padding-left:calc(var(--spacing) * 3);color:var(--color-bailey-text-secondary);font-style:italic}.bailey-markdown-content hr{margin-block:calc(var(--spacing) * 3);border-color:var(--color-bailey-border)}.bailey-trace-panel{margin-bottom:calc(var(--spacing) * 2)}.bailey-trace-toggle-row{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.bailey-trace-toggle{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-bailey-text-secondary)}.bailey-trace-toggle-error{color:var(--color-bailey-error)}.bailey-trace-summary{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary)}.bailey-trace-summary-error{color:var(--color-bailey-error)}.bailey-trace-body{margin-top:var(--spacing);max-height:calc(var(--spacing) * 80);overflow-y:auto}.bailey-trace-actions-row{justify-content:flex-end;gap:calc(var(--spacing) * 3);display:flex}.bailey-trace-copy-button{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary)}@media (hover:hover){.bailey-trace-copy-button:hover{color:var(--color-bailey-text)}}.bailey-trace-request-details{margin-bottom:var(--spacing);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);background-color:var(--color-bailey-surface);padding:calc(var(--spacing) * 2)}.bailey-trace-request-meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-text-secondary);display:block}.bailey-trace-rows{gap:var(--spacing);flex-direction:column;display:flex}.bailey-trace-row{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.bailey-trace-row-header{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.bailey-trace-row-time{color:var(--color-bailey-text-secondary)}.bailey-trace-row-gap{color:var(--color-gray-400)}.bailey-trace-row-summary{word-break:break-all}.bailey-trace-chip{padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);--tw-font-weight:var(--font-weight-semibold);font-size:.65rem;font-weight:var(--font-weight-semibold);border-radius:.25rem}.bailey-trace-chip-default{background-color:var(--color-gray-200);color:var(--color-gray-700)}.bailey-trace-chip-info{background-color:var(--color-blue-100);color:var(--color-blue-700)}.bailey-trace-chip-success{background-color:var(--color-green-100);color:var(--color-green-700)}.bailey-trace-chip-secondary{background-color:var(--color-purple-100);color:var(--color-purple-700)}.bailey-trace-chip-error{background-color:var(--color-red-100);color:var(--color-bailey-error)}.bailey-trace-disclosure{margin-top:var(--spacing)}.bailey-trace-disclosure-summary{cursor:pointer;color:var(--color-bailey-text-secondary);font-size:.7rem}.bailey-trace-disclosure-actions{margin-top:var(--spacing);justify-content:flex-end;display:flex}.bailey-trace-disclosure-content{margin-top:var(--spacing);max-height:calc(var(--spacing) * 48);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);background-color:var(--color-bailey-surface-muted);padding:calc(var(--spacing) * 1.5);word-break:break-all;white-space:pre-wrap;border-radius:.25rem;font-size:.7rem;overflow:auto}.bailey-trace-group{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-bailey-border);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing)}.bailey-trace-group-summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.bailey-trace-group-failed{margin-left:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-bailey-error)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
 /*$vite$:1*/

package/dist/baileyai-chat-ui.js

@@ -321,7 +321,9 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 		F,
 		P,
 		N
-	]);
+	]), L = t((e) => {
+		k.current = e, p(e);
+	}, []);
 	return {
 		messages: f,
 		traceEvents: m,
@@ -337,20 +339,23 @@ var y = 200, b = 15e4, x = (e, t, n) => {
 				role: "user",
 				content: t
 			}];
-			k.current = n, p(n), I(n);
-		}, [I]),
+			L(n), I(n);
+		}, [I, L]),
 		stop: t(() => {
 			E.current?.abort();
 		}, []),
 		retryLast: t(() => {
 			if (!D.current) return;
 			let e = k.current, t = e[e.length - 1], n = t && t.role === "assistant" ? e.slice(0, -1) : e;
-			k.current = n, p(n), I(n);
-		}, [I]),
+			L(n), I(n);
+		}, [I, L]),
 		clearTrace: t(() => h([]), []),
 		clearError: t(() => {
 			T(null), C((e) => e === "error" ? "idle" : e);
-		}, [])
+		}, []),
+		newChat: t(() => {
+			E.current?.abort(), L([]), h([]), y(null), C("idle"), T(null), D.current = "";
+		}, [L])
 	};
 };
 //#endregion
@@ -872,22 +877,33 @@ function be(e, t, n) {
 	if (r.length !== 0) return K(r[r.length - 1]);
 }
 function xe({ chat: e, placeholder: t = "Send a message…", className: o, renderMessageActions: s, renderTable: c, renderChart: d }) {
-	let { messages: f, traceEvents: p, lastRequest: m, status: h, error: g, send: _, stop: v, retryLast: y, clearTrace: b, clearError: x } = e, [S, C] = a(""), w = i(null), T = r(() => ce({
+	let { messages: f, traceEvents: p, lastRequest: m, status: h, error: g, send: _, stop: v, retryLast: y, clearTrace: b, clearError: x, newChat: S } = e, [C, w] = a(""), T = i(null), E = r(() => ce({
 		renderTable: c,
 		renderChart: d
-	}), [c, d]), E = r(() => be(h, p, m), [
+	}), [c, d]), D = r(() => be(h, p, m), [
 		h,
 		p,
 		m
 	]);
 	return n(() => {
-		w.current?.scrollIntoView({
+		T.current?.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest"
 		});
 	}, [f]), /* @__PURE__ */ u("div", {
 		className: `bailey-chat-panel${o ? ` ${o}` : ""}`,
 		children: [
+			/* @__PURE__ */ l("div", {
+				className: "bailey-toolbar-row",
+				children: /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: S,
+					disabled: f.length === 0,
+					"aria-label": "new chat",
+					className: "bailey-new-chat-button",
+					children: "New chat"
+				})
+			}),
 			/* @__PURE__ */ u("div", {
 				className: "bailey-chat-transcript",
 				children: [
@@ -904,17 +920,17 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 								children: e.content
 							}) : r ? /* @__PURE__ */ l("div", {
 								className: "bailey-thinking-hint",
-								children: E ?? "Thinking…"
+								children: D ?? "Thinking…"
 							}) : /* @__PURE__ */ u("div", {
 								className: "bailey-assistant-message",
 								children: [
 									/* @__PURE__ */ l(ye, {
 										content: e.content,
-										components: T
+										components: E
 									}),
-									e.streaming && E && /* @__PURE__ */ l("div", {
+									e.streaming && D && /* @__PURE__ */ l("div", {
 										className: "bailey-streaming-hint",
-										children: E
+										children: D
 									}),
 									!e.streaming && /* @__PURE__ */ u("div", {
 										className: "bailey-message-actions",
@@ -924,7 +940,7 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 							})
 						}, e.id);
 					}),
-					/* @__PURE__ */ l("div", { ref: w })
+					/* @__PURE__ */ l("div", { ref: T })
 				]
 			}),
 			g && /* @__PURE__ */ u("div", {
@@ -953,15 +969,15 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 			}),
 			/* @__PURE__ */ u("form", {
 				onSubmit: (e) => {
-					e.preventDefault(), !(!S.trim() || h === "streaming") && (_(S), C(""));
+					e.preventDefault(), !(!C.trim() || h === "streaming") && (_(C), w(""));
 				},
 				className: "bailey-input-row",
 				children: [/* @__PURE__ */ l("input", {
 					type: "text",
 					placeholder: t,
 					"aria-label": t,
-					value: S,
-					onChange: (e) => C(e.target.value),
+					value: C,
+					onChange: (e) => w(e.target.value),
 					disabled: h === "streaming",
 					className: "bailey-input"
 				}), h === "streaming" ? /* @__PURE__ */ l("button", {
@@ -973,7 +989,7 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 				}) : /* @__PURE__ */ l("button", {
 					type: "submit",
 					"aria-label": "send",
-					disabled: !S.trim(),
+					disabled: !C.trim(),
 					className: "bailey-send-button",
 					children: "Send"
 				})]
@@ -983,6 +999,6 @@ function xe({ chat: e, placeholder: t = "Send a message…", className: o, rende
 }
 //#endregion
 //#region src/index.ts
-var Se = "0.2.2-pre.0";
+var Se = "0.3.1-pre.0";
 //#endregion
 export { Se as BAILEYAI_CHAT_UI_VERSION, ee as BAILEY_CHART_PROMPT_FRAGMENT, A as BAILEY_TABLE_GRID_ROW_THRESHOLD, xe as BaileyChatPanel, _e as BaileyTracePanel, ue as CopyMarkdownButton, z as TRACE_KIND_LABEL, ce as createBaileyMarkdownComponents, g as extractPseudoToolCalls, I as extractTableData, J as formatTraceGap, q as formatTraceTime, se as hasTraceFailure, k as isSafeMarkdownUrl, C as joinInstructions, R as parseBaileyChartSpec, v as parseSseFrames, E as resolveToolCall, L as shouldUseGrid, Y as toTraceRows, Z as toTraceSegments, U as traceEventArgsDetail, K as traceEventHint, W as traceEventOutputDetail, G as traceEventRawDetail, H as traceEventSummary, V as traceEventToolName, X as traceSummaryLine, S as useBaileyChat };

package/dist/index.d.ts

@@ -361,6 +361,9 @@ export declare interface UseBaileyChatResult {
     clearTrace: () => void;
     /** Dismisses the current error without resending — distinct from retryLast, which resends. */
     clearError: () => void;
+    /** Aborts any in-flight turn and resets the conversation to empty, so a host can offer a
+     *  "start over" control without remounting the component. */
+    newChat: () => void;
 }
 
 export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icanbwell/baileyai-chat-ui",
-  "version": "0.3.0",
+  "version": "0.3.1-pre.1",
   "description": "Shared React chat UI and streaming logic for Bailey, the icanbwell AI assistant",
   "license": "Apache-2.0",
   "repository": {