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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -72,6 +72,33 @@ Bailey can return large markdown tables or `chartjs` code blocks. By default the
72
72
 
73
73
  Pass stable function references for both props (defined outside the render body, or wrapped in `useCallback`) rather than a new inline arrow every render — they're a dependency of the internal markdown component registry, and a fresh reference on every render defeats the per-message memoization that keeps re-renders cheap during streaming.
74
74
 
75
+ ### Built-in renderers: `BaileyTable` / `BaileyChart`
76
+
77
+ The package also ships ready-made renderers for the extension point above, as separate optional imports — a consumer who doesn't want them never installs their dependencies:
78
+
79
+ ```tsx
80
+ import { BaileyTable } from '@icanbwell/baileyai-chat-ui/table';
81
+ import { BaileyChart } from '@icanbwell/baileyai-chat-ui/chart';
82
+
83
+ <BaileyChatPanel
84
+ chat={chat}
85
+ renderTable={({ headers, rows }) => <BaileyTable headers={headers} rows={rows} />}
86
+ renderChart={(spec) => <BaileyChart spec={spec} />}
87
+ />
88
+ ```
89
+
90
+ `BaileyTable` renders a sortable/filterable grid via [ag-grid](https://www.ag-grid.com/); `BaileyChart` renders via [Chart.js](https://www.chartjs.org/). Both use [MUI](https://mui.com/material-ui/) for layout. None of those libraries are dependencies of the base package — importing `/table` or `/chart` requires installing their peers yourself:
91
+
92
+ ```bash
93
+ # for @icanbwell/baileyai-chat-ui/table
94
+ yarn add ag-grid-community ag-grid-react @mui/material @emotion/react @emotion/styled
95
+
96
+ # for @icanbwell/baileyai-chat-ui/chart
97
+ yarn add chart.js react-chartjs-2 @mui/material @emotion/react @emotion/styled
98
+ ```
99
+
100
+ `BaileyTable` accepts an optional `theme` (an ag-grid `Theme` object; defaults to the stock `themeBalham`) and `BaileyChart` accepts optional `isDarkMode`/`palette` props (defaults to a built-in 8-color palette) — pass your own to match your app's brand instead of copying either component.
101
+
75
102
  ## Theming
76
103
 
77
104
  The package ships CSS custom properties with sensible defaults; override any of them from your app's own CSS to match your brand:
@@ -1,11 +1,11 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));let c=require("react"),l=require("react-markdown");l=s(l,1);let u=require("remark-gfm");u=s(u,1);let d=require("react/jsx-runtime"),f=require("@radix-ui/react-tooltip");f=s(f,1);var p=/<(search_tools|call_tool)>([\s\S]*?)<\/\1>/g,m=/<name>([\s\S]*?)<\/name>/,h=/<arguments>([\s\S]*?)<\/arguments>/;function g(e){let t=m.exec(e)?.[1]?.trim()||`unknown_tool`,n=h.exec(e)?.[1]?.trim();return n?{name:t,args:n}:{name:t}}function _(e){let t=[],n=e.replace(p,(e,n,r)=>(t.push(n===`call_tool`?g(r):{name:`search_tools`,args:r.trim()}),``));return t.length===0?{cleanedText:n,matches:t}:{cleanedText:n.replace(/\n{3,}/g,`
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,s)=>(s=n==null?{}:e(i(n)),o(r||!n||!n.__esModule||!a.call(n,`default`)?t(s,`default`,{value:n,enumerable:!0}):s,n));const c=require("./safeMarkdownUrl-DsMPGzpD.cjs");let l=require("react"),u=require("react-markdown");u=s(u,1);let d=require("remark-gfm");d=s(d,1);let f=require("react/jsx-runtime"),p=require("@radix-ui/react-tooltip");p=s(p,1);var m=/<(search_tools|call_tool)>([\s\S]*?)<\/\1>/g,h=/<name>([\s\S]*?)<\/name>/,g=/<arguments>([\s\S]*?)<\/arguments>/;function _(e){let t=h.exec(e)?.[1]?.trim()||`unknown_tool`,n=g.exec(e)?.[1]?.trim();return n?{name:t,args:n}:{name:t}}function v(e){let t=[],n=e.replace(m,(e,n,r)=>(t.push(n===`call_tool`?_(r):{name:`search_tools`,args:r.trim()}),``));return t.length===0?{cleanedText:n,matches:t}:{cleanedText:n.replace(/\n{3,}/g,`
2
2
 
3
- `),matches:t}}function v(e){if(!e.startsWith(`data: `))return e;let t=``;for(let n of e.split(`
4
- `)){if(!n.startsWith(`data: `))continue;let e=n.slice(6);if(e===`[DONE]`)break;try{let n=JSON.parse(e);n?.type===`response.output_text.delta`&&n.delta&&(t+=n.delta)}catch{}}return t||null}function y(e){let t=e.replace(/\r\n/g,`
3
+ `),matches:t}}function y(e){if(!e.startsWith(`data: `))return e;let t=``;for(let n of e.split(`
4
+ `)){if(!n.startsWith(`data: `))continue;let e=n.slice(6);if(e===`[DONE]`)break;try{let n=JSON.parse(e);n?.type===`response.output_text.delta`&&n.delta&&(t+=n.delta)}catch{}}return t||null}function b(e){let t=e.replace(/\r\n/g,`
5
5
  `).split(`
6
6
 
7
7
  `),n=t.pop()??``,r=[],i=!1;for(let e of t){let t=e.split(`
8
8
  `).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(`
9
- `);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(`
9
+ `);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=y(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 x=200,S=15e4,C=(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>x?`${i.slice(0,x)}…`:i}`:r},w=({transport:e,model:t,instructions:n,tools:r=[],toolChoice:i,firstUserMessagePrefix:a,onAssistantMessageComplete:o,idleTimeoutMs:s=S})=>{let[c,u]=(0,l.useState)([]),[d,f]=(0,l.useState)([]),[p,m]=(0,l.useState)(null),[h,g]=(0,l.useState)(`idle`),[_,y]=(0,l.useState)(null),x=(0,l.useRef)(null),w=(0,l.useRef)(``),T=(0,l.useRef)(0),E=(0,l.useRef)([]);(0,l.useEffect)(()=>{E.current=c},[c]);let D=(0,l.useRef)(new Map),O=(0,l.useRef)(new Map),k=(0,l.useRef)(null),A=(0,l.useCallback)(()=>{k.current!==null&&(clearTimeout(k.current),k.current=null)},[]),j=(0,l.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,l.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}=v(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,l.useCallback)(async s=>{g(`streaming`),y(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;x.current=p,j(p);let h=``,_=null,v=!1,S=!1,w=[],E=(e,t)=>{g(`error`),y(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&&(S=!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}=b(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}=b(`${h}\n\n`);h=``,k(e,t)}if(_){g(`error`),y(_);return}if(a===void 0||a>=400){E(C(a,s,u),{httpStatus:a,rawBody:s||void 0});return}if(!v){E(`Bailey returned an empty response.`);return}if(!S){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,l.useCallback)(e=>{E.current=e,u(e)},[]);return{messages:c,traceEvents:d,lastRequest:p,status:h,error:_,send:(0,l.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,l.useCallback)(()=>{x.current?.abort()},[]),retryLast:(0,l.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,l.useCallback)(()=>f([]),[]),clearError:(0,l.useCallback)(()=>{y(null),g(e=>e===`error`?`idle`:e)},[]),newChat:(0,l.useCallback)(()=>{x.current?.abort(),P([]),f([]),m(null),g(`idle`),y(null),w.current=``},[P])}};function T(...e){return e.filter(e=>!!(e&&e.trim())).join(`
10
10
 
11
- `)}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;
11
+ `)}var E=`call_tool`,D=`a tool`;function O(e,t){let n={name:e===E?D: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===E){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 k=5,A=e=>e.type===`text`?e.value??``:(e.children??[]).map(A).join(``),j=e=>{if(e.tagName===`a`&&e.properties?.href)return e.properties.href;for(let t of e.children??[]){let e=j(t);if(e)return e}},M=(e,t)=>(e.children??[]).find(e=>e.tagName===t),N=e=>{let t=A(e),n=j(e);return n?{text:t,href:n}:{text:t}},P=e=>(e.children??[]).filter(e=>e.type===`element`).map(N),F=e=>{if(e.tagName!==`table`)return null;let t=M(e,`thead`),n=t&&M(t,`tr`);return{headers:n?P(n).map(e=>e.text):[],rows:(M(e,`tbody`)?.children??[]).filter(e=>e.tagName===`tr`).map(P)}},ee=e=>e.length>5,te='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```',ne=[`bar`,`line`,`pie`,`doughnut`,`scatter`],re=8,ie=50,ae=8,oe=500,se=e=>typeof e==`object`&&!!e&&typeof e.x==`number`&&typeof e.y==`number`,I=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`||!ne.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>re||(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>oe||!e.data.every(se))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`?ae:ie;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}}},L={tool_start:`Tool start`,tool_end:`Tool end`,pseudo_tool_call:`Narrated tool call`,progress:`Progress`,info:`Info`,error:`Error`,raw:`Raw event`};function R(e){return e.kind!==`tool_start`&&e.kind!==`tool_end`?null:O(e.name,e.args)}function z(e,t=R(e)){return e.kind===`pseudo_tool_call`?e.name:t?.name??null}function B(e,t=R(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 V(e,t=R(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 H(e){return e.kind===`tool_end`?e.output??null:null}function U(e){return e.kind===`raw`?e.raw:e.kind===`error`?e.rawBody??null:null}function W(e){switch(e.kind){case`tool_start`:return`Calling ${O(e.name,e.args).name}...`;case`tool_end`:{let t=O(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 G(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 K(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 q(e){return e.map((t,n)=>{let r=R(t),i=n===0?t.turnSentAt:e[n-1].at;return{key:`${t.at}-${n}`,kind:t.kind,toolName:z(t,r),isToolStart:t.kind===`tool_start`,failed:t.kind===`tool_end`&&t.isError===!0,time:G(t.at),gapMs:t.at-i,label:t.kind===`tool_end`&&t.isError===!0?`Tool failed`:L[t.kind],summary:B(t,r),argsDetail:V(t,r),outputDetail:H(t),rawDetail:U(t)}})}function J(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 Y(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 ce(e){return e.some(e=>e.kind===`tool_end`&&e.isError||e.kind===`error`)}function le({renderTable:e,renderChart:t}={}){return{a:({href:e,children:t})=>!e||!c.t(e)?(0,f.jsx)(f.Fragment,{children:t}):(0,f.jsx)(`a`,{href:e,target:`_blank`,rel:`noopener noreferrer`,children:t}),table:({node:t,children:n})=>{let r=t&&F(t);if(r&&ee(r.rows)&&e){let t=r.rows.map(e=>e.map(e=>e.href&&!c.t(e.href)?{text:e.text}:e));return(0,f.jsx)(f.Fragment,{children:e({headers:r.headers,rows:t})})}return(0,f.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=I(Array.isArray(e)?e.join(``):String(e??``));if(r)return(0,f.jsx)(f.Fragment,{children:t(r)})}return(0,f.jsx)(`pre`,{children:e})}}}var ue=1500;function de({markdown:e,className:t}){let[n,r]=(0,l.useState)(!1),[i,a]=(0,l.useState)(!1),o=(0,l.useRef)(null);return(0,l.useEffect)(()=>()=>{o.current!==null&&clearTimeout(o.current)},[]),(0,f.jsx)(p.Provider,{delayDuration:200,children:(0,f.jsxs)(p.Root,{open:n||i,onOpenChange:a,children:[(0,f.jsx)(p.Trigger,{asChild:!0,children:(0,f.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),ue)},"aria-label":`copy response as markdown`,className:`bailey-copy-button${t?` ${t}`:``}`,children:n?`✓`:`⧉`})}),(0,f.jsx)(p.Portal,{children:(0,f.jsxs)(p.Content,{side:`top`,className:`bailey-tooltip-content`,children:[n?`Copied!`:`Copy as markdown`,(0,f.jsx)(p.Arrow,{className:`bailey-tooltip-arrow`})]})})]})})}async function fe(e){try{await navigator.clipboard.writeText(e)}catch{}}function X({text:e,label:t=`Copy`}){return(0,f.jsx)(`button`,{type:`button`,onClick:()=>fe(e),className:`bailey-trace-copy-button`,children:t})}function pe(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,f.jsxs)(`details`,{className:`bailey-trace-disclosure`,children:[(0,f.jsx)(`summary`,{className:`bailey-trace-disclosure-summary`,children:e}),n&&(0,f.jsx)(`div`,{className:`bailey-trace-disclosure-actions`,children:(0,f.jsx)(X,{text:t})}),(0,f.jsx)(`pre`,{className:`bailey-trace-disclosure-content`,children:t})]})}function Q({row:e}){return(0,f.jsxs)(`div`,{className:`bailey-trace-row`,children:[(0,f.jsxs)(`div`,{className:`bailey-trace-row-header`,children:[(0,f.jsx)(`span`,{className:`bailey-trace-row-time`,children:e.time}),(0,f.jsx)(`span`,{className:`bailey-trace-row-gap`,title:`Time since the previous event`,children:K(e.gapMs)}),(0,f.jsx)(`span`,{className:pe(e),children:e.label}),(0,f.jsx)(`span`,{className:`bailey-trace-row-summary`,children:e.summary})]}),e.argsDetail&&(0,f.jsx)(Z,{label:`args`,content:e.argsDetail}),e.outputDetail&&(0,f.jsx)(Z,{label:`output`,content:e.outputDetail}),e.rawDetail&&(0,f.jsx)(Z,{label:`raw`,content:e.rawDetail})]})}function me(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 he({request:e}){let t=(0,l.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,f.jsxs)(`div`,{className:`bailey-trace-request-details`,children:[(0,f.jsxs)(`span`,{className:`bailey-trace-request-meta`,children:[`Last request — `,e.model,` · `,new Date(e.sentAt).toLocaleTimeString(),e.requestId?` · ${e.requestId}`:``]}),(0,f.jsx)(`span`,{className:`bailey-trace-request-meta`,children:me(e.streamStats,e.sentAt)}),(0,f.jsx)(Z,{label:`System prompt (${e.systemPrompt.length.toLocaleString()} chars)`,content:e.systemPrompt,copyable:!0}),(0,f.jsx)(Z,{label:`Messages (${e.messages.length})`,content:JSON.stringify(e.messages,null,2),copyable:!0}),e.response&&(0,f.jsx)(Z,{label:`Response (${e.response.content.length.toLocaleString()} chars)`,content:e.response.content,copyable:!0}),(0,f.jsx)(Z,{label:`Full payload (JSON)`,content:t,copyable:!0})]})}function ge({events:e,lastRequest:t,onClear:n}){let r=(0,l.useMemo)(()=>q(e),[e]),i=(0,l.useMemo)(()=>Y(r),[r]),a=(0,l.useMemo)(()=>JSON.stringify(e,null,2),[e]);return(0,f.jsxs)(`div`,{className:`bailey-trace-body`,children:[(0,f.jsxs)(`div`,{className:`bailey-trace-actions-row`,children:[e.length>0&&(0,f.jsx)(X,{text:a,label:`Copy trace as JSON`}),(0,f.jsx)(`button`,{type:`button`,onClick:n,className:`bailey-trace-copy-button`,children:`Clear`})]}),t&&(0,f.jsx)(he,{request:t}),(0,f.jsx)(`div`,{className:`bailey-trace-rows`,children:i.map((e,t)=>{if(e.type===`single`)return(0,f.jsx)(Q,{row:e.row},e.row.key);let n=e.rows.filter(e=>e.isToolStart).length;if(n<=1)return(0,f.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,f.jsx)(Q,{row:e},e.key))},`group-${t}`);let r=e.rows.filter(e=>e.failed).length;return(0,f.jsxs)(`details`,{className:`bailey-trace-group`,children:[(0,f.jsxs)(`summary`,{className:`bailey-trace-group-summary`,children:[(0,f.jsx)(`strong`,{children:e.toolName}),` × `,n,r>0&&(0,f.jsxs)(`span`,{className:`bailey-trace-group-failed`,children:[` `,r,` failed`]})]}),(0,f.jsx)(`div`,{className:`bailey-trace-rows`,children:e.rows.map(e=>(0,f.jsx)(Q,{row:e},e.key))})]},`group-${t}`)})})]})}function $({events:e,lastRequest:t,onClear:n}){let[r,i]=(0,l.useState)(!1),a=(0,l.useMemo)(()=>ce(e),[e]),o=(0,l.useMemo)(()=>J(e),[e]);return e.length===0&&!t?null:(0,f.jsxs)(`div`,{className:`bailey-trace-panel`,children:[(0,f.jsxs)(`div`,{className:`bailey-trace-toggle-row`,children:[(0,f.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,f.jsx)(`span`,{className:a?`bailey-trace-summary bailey-trace-summary-error`:`bailey-trace-summary`,children:o})]}),r&&(0,f.jsx)(ge,{events:e,lastRequest:t,onClear:n})]})}var _e=[d.default],ve=(0,l.memo)(function({content:e,components:t}){return(0,f.jsx)(`div`,{className:`bailey-markdown-content`,children:(0,f.jsx)(u.default,{remarkPlugins:_e,components:t,children:e})})});function ye(e,t,n){if(e!==`streaming`)return;let r=t.filter(e=>e.turnSentAt===n?.sentAt);if(r.length!==0)return W(r[r.length-1])}function be({chat:e,placeholder:t=`Send a message…`,className:n,renderMessageActions:r,renderTable:i,renderChart:a}){let{messages:o,traceEvents:s,lastRequest:c,status:u,error:d,send:p,stop:m,retryLast:h,clearTrace:g,clearError:_,newChat:v}=e,[y,b]=(0,l.useState)(``),x=(0,l.useRef)(null),S=(0,l.useMemo)(()=>le({renderTable:i,renderChart:a}),[i,a]),C=(0,l.useMemo)(()=>ye(u,s,c),[u,s,c]);return(0,l.useEffect)(()=>{x.current?.scrollIntoView({behavior:`smooth`,block:`nearest`})},[o]),(0,f.jsxs)(`div`,{className:`bailey-chat-panel${n?` ${n}`:``}`,children:[(0,f.jsx)(`div`,{className:`bailey-toolbar-row`,children:(0,f.jsx)(`button`,{type:`button`,onClick:v,disabled:o.length===0,"aria-label":`new chat`,className:`bailey-new-chat-button`,children:`New chat`})}),(0,f.jsxs)(`div`,{className:`bailey-chat-transcript`,children:[o.length===0&&(0,f.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,f.jsx)(`div`,{className:e.role===`user`?`bailey-message-row bailey-message-row-user`:`bailey-message-row`,children:e.role===`user`?(0,f.jsx)(`div`,{className:`bailey-user-bubble`,children:e.content}):i?(0,f.jsx)(`div`,{className:`bailey-thinking-hint`,children:C??`Thinking…`}):(0,f.jsxs)(`div`,{className:`bailey-assistant-message`,children:[(0,f.jsx)(ve,{content:e.content,components:S}),e.streaming&&C&&(0,f.jsx)(`div`,{className:`bailey-streaming-hint`,children:C}),!e.streaming&&(0,f.jsxs)(`div`,{className:`bailey-message-actions`,children:[(0,f.jsx)(de,{markdown:e.content}),r?.(e)]})]})},e.id)}),(0,f.jsx)(`div`,{ref:x})]}),d&&(0,f.jsxs)(`div`,{className:`bailey-error-banner`,role:`alert`,children:[(0,f.jsx)(`span`,{children:d}),(0,f.jsxs)(`div`,{className:`bailey-error-actions`,children:[(0,f.jsx)(`button`,{type:`button`,onClick:h,className:`bailey-retry-button`,children:`Retry`}),(0,f.jsx)(`button`,{type:`button`,onClick:_,"aria-label":`dismiss error`,className:`bailey-dismiss-button`,children:`✕`})]})]}),(0,f.jsx)($,{events:s,lastRequest:c,onClear:g}),(0,f.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),!(!y.trim()||u===`streaming`)&&(p(y),b(``))},className:`bailey-input-row`,children:[(0,f.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,f.jsx)(`button`,{type:`button`,onClick:m,"aria-label":`stop`,className:`bailey-stop-button`,children:`Stop`}):(0,f.jsx)(`button`,{type:`submit`,"aria-label":`send`,disabled:!y.trim(),className:`bailey-send-button`,children:`Send`})]})]})}var xe=`0.3.1-pre.1`;exports.BAILEYAI_CHAT_UI_VERSION=xe,exports.BAILEY_CHART_PROMPT_FRAGMENT=te,exports.BAILEY_TABLE_GRID_ROW_THRESHOLD=k,exports.BaileyChatPanel=be,exports.BaileyTracePanel=$,exports.CopyMarkdownButton=de,exports.TRACE_KIND_LABEL=L,exports.createBaileyMarkdownComponents=le,exports.extractPseudoToolCalls=v,exports.extractTableData=F,exports.formatTraceGap=K,exports.formatTraceTime=G,exports.hasTraceFailure=ce,exports.isSafeMarkdownUrl=c.t,exports.joinInstructions=T,exports.parseBaileyChartSpec=I,exports.parseSseFrames=b,exports.resolveToolCall=O,exports.shouldUseGrid=ee,exports.toTraceRows=q,exports.toTraceSegments=Y,exports.traceEventArgsDetail=V,exports.traceEventHint=W,exports.traceEventOutputDetail=H,exports.traceEventRawDetail=U,exports.traceEventSummary=B,exports.traceEventToolName=z,exports.traceSummaryLine=J,exports.useBaileyChat=w;