chordia-ui 3.6.9 → 3.7.0
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),
|
|
2
|
-
`);let r=0,l=0;for(;r<t.length;){const c=t[r];if(c.trim().startsWith("```")){const a=c.trim().slice(3);let
|
|
3
|
-
`),a,`code-${l++}`));continue}if(c.startsWith("#")){const a=c.match(/^#+/)[0].length,m=c.slice(a).trim(),j=a===1?"h2":a===2?"h3":a===3?"h4":"h5";n.push(x.createElement(j,{key:`header-${r}`,style:{fontSize:a===1?"18px":a===2?"16px":"14px",fontWeight:720,color:"var(--text-strong, rgba(30,33,37,0.92))",marginTop:n.length>0?"20px":"0",marginBottom:"8px",lineHeight:1.3}},m)),r++;continue}if(c.trim()==="---"||c.trim()==="***"){n.push(e.jsx("hr",{style:{border:"none",borderTop:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",margin:"16px 0"}},`hr-${r}`)),r++;continue}if(c.match(/^(\s*)([-*+]|\d+\.)\s/)){const a=[],m=/^\s*\d+\./.test(c);for(;r<t.length&&(t[r].match(/^(\s*)([-*+]|\d+\.)\s/)||t[r].trim()==="");){if(t[r].trim()!==""){const u=t[r].match(/^(\s*)([-*+]|\d+\.)\s(.*)$/);u&&a.push(u[3])}r++}const j=m?"ol":"ul";n.push(x.createElement(j,{key:`list-${r}`,style:{margin:"8px 0",paddingLeft:"20px",color:"var(--text-strong, rgba(30,33,37,0.92))"}},a.map((u,s)=>x.createElement("li",{key:`item-${s}`,style:{marginBottom:"4px"}},p(u)))));continue}if(c.trim().startsWith("|")&&c.trim().endsWith("|")){const a=[];for(;r<t.length&&t[r].trim().startsWith("|")&&t[r].trim().endsWith("|");)a.push(t[r]),r++;if(a.length>=2){const m=f=>f.trim().slice(1,-1).split("|").map(B=>B.trim()),j=m(a[0]),u=j.length,s=f=>f.length===u?f:f.length<u?[...f,...Array(u-f.length).fill("")]:[...f.slice(0,u-1),f.slice(u-1).join(" ")],g=f=>m(f).every(B=>/^[-:]+$/.test(B)),w=a.length>=2&&g(a[1]),b=w?2:1,W=w?m(a[1]).map(f=>f.startsWith(":")&&f.endsWith(":")?"center":f.endsWith(":")?"right":"left"):j.map(()=>"left"),D={padding:"6px 12px",borderBottom:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",fontSize:"13px",lineHeight:1.5,color:"var(--text-strong, rgba(30,33,37,0.92))",wordBreak:"normal",overflowWrap:"normal"};n.push(e.jsx("div",{style:{overflowX:"auto",margin:"8px 0"},children:e.jsxs("table",{style:{borderCollapse:"collapse",width:"100%",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"6px",overflow:"hidden"},children:[w&&e.jsx("thead",{children:e.jsx("tr",{style:{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))"},children:j.map((f,B)=>e.jsx("th",{style:{...D,fontWeight:660,textAlign:W[B]||"left",whiteSpace:"nowrap"},children:p(f)},B))})}),e.jsx("tbody",{children:(w?a.slice(b):a).map((f,B)=>e.jsx("tr",{style:{background:B%2===1?"var(--hover-warm-subtle, rgba(231,212,162,0.04))":"transparent"},children:s(m(f)).map((L,F)=>e.jsx("td",{style:{...D,textAlign:W[F]||"left"},children:p(L)},F))},B))})]})},`table-${r}`))}continue}if(c.trim()){const a=[];for(;r<t.length&&t[r].trim()&&!t[r].match(/^(#|```|---|\*\*\*|(\s*)([-*+]|\d+\.)\s)/)&&!(t[r].trim().startsWith("|")&&t[r].trim().endsWith("|"));)a.push(t[r]),r++;a.length>0&&n.push(e.jsx("p",{style:{margin:"8px 0",lineHeight:1.6,color:"var(--text-strong, rgba(30,33,37,0.92))"},children:p(a.join(" "))},`p-${r}`))}else r++}return n},h=i=>{const n=[];let t=i,r=0;for(;t.length>0;){if(S){const u=t.match(/^([^\s`*\[]+(?:\/src\/|\/components\/|\/packages\/)[^\s`*\[]*|[^\s`*\[]*\.(ts|tsx|js|jsx|py|css|scss|sass|json|md|yaml|yml|html|xml|sh|sql|go|rs|php|java|c|cpp|h|hpp)(?:\b|$))/);if(u){const s=u[1];n.push(e.jsx("span",{onClick:()=>S(s),style:{color:"var(--rail-discovery, #5E88B0)",textDecoration:"underline",textDecorationStyle:"dotted",textUnderlineOffset:"2px",cursor:"pointer",fontFamily:"var(--font-mono, monospace)",fontSize:"13px",transition:"all 0.15s ease",":hover":{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))",textDecoration:"underline",textDecorationStyle:"solid"}},onMouseEnter:g=>{g.target.style.background="var(--hover-warm-subtle, rgba(231,212,162,0.08))",g.target.style.textDecorationStyle="solid"},onMouseLeave:g=>{g.target.style.background="none",g.target.style.textDecorationStyle="dotted"},children:s},`file-path-${r++}`)),t=t.slice(u[0].length);continue}}const l=t.match(/^`([^`]+)`/);if(l){n.push(e.jsx("code",{style:{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"3px",padding:"2px 4px",fontFamily:"var(--font-mono, monospace)",fontSize:"12px",color:"var(--text-strong, rgba(30,33,37,0.92))"},children:l[1]},`inline-code-${r++}`)),t=t.slice(l[0].length);continue}const c=t.match(/^\*\*([^*]+)\*\*/);if(c){n.push(e.jsx("strong",{style:{fontWeight:720,color:"var(--text-strong, rgba(30,33,37,0.92))"},children:c[1]},`bold-${r++}`)),t=t.slice(c[0].length);continue}const a=t.match(/^\*([^*]+)\*/);if(a){n.push(e.jsx("em",{style:{fontStyle:"italic",color:"var(--text-strong, rgba(30,33,37,0.92))"},children:a[1]},`italic-${r++}`)),t=t.slice(a[0].length);continue}const m=t.match(/^\[([^\]]+)\]\(([^)]+)\)/);if(m){const u=m[1],s=m[2],g=/^view( call)?$/i.test(u.trim()),w={display:"inline-flex",alignItems:"center",gap:"4px",padding:"4px 10px",background:"var(--rail-discovery, #5E88B0)",color:"#fff",textDecoration:"none",borderRadius:"4px",fontSize:"12px",fontWeight:600,whiteSpace:"nowrap",cursor:"pointer",lineHeight:1.2},b={color:"var(--rail-discovery, #5E88B0)",textDecoration:"underline",textUnderlineOffset:"2px"};n.push(e.jsxs("a",{href:s,target:"_blank",rel:"noopener noreferrer",style:g?w:b,children:[g?"View Call":u,g&&e.jsx(C.ExternalLink,{size:11,strokeWidth:2.25})]},`link-${r++}`)),t=t.slice(m[0].length);continue}const j=t.search(/[`*\[]/);if(j===-1){n.push(t);break}else j===0?(n.push(t[0]),t=t.slice(1)):(n.push(t.slice(0,j)),t=t.slice(j))}return n.length===1&&typeof n[0]=="string"?n[0]:n},p=i=>h(i);return e.jsx("div",{children:T(y)})};function U({role:y,content:k,html:S,timestamp:z,toolBadges:o,isStreaming:R,onCodeBlockClick:E,onFilePathClick:T}){const h=y==="user";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:h?"flex-end":"flex-start",marginBottom:"16px",maxWidth:"100%"},children:[e.jsxs("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginBottom:"6px",fontWeight:650,letterSpacing:"0.02em"},children:[h?"You":"Chordia",R&&!h&&e.jsx("span",{style:{marginLeft:"6px",color:"var(--rail-purple, #9B7AA8)"},children:"●"})]}),o&&o.length>0&&e.jsx("div",{style:{marginBottom:"8px",display:"flex",flexWrap:"wrap",gap:"4px",maxWidth:"75%"},children:o.map((p,i)=>e.jsxs("span",{style:{display:"inline-block",fontSize:"11px",padding:"2px 8px",borderRadius:"6px",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:`1px solid ${p.pending?"var(--rail-discovery, #5A8CC0)":p.success!==!1?"var(--state-present, #5CB85C)":"var(--rail-signal-churn, #C98A5A)"}`,color:p.pending?"var(--rail-discovery, #5A8CC0)":p.success!==!1?"var(--state-present, #5CB85C)":"var(--rail-signal-churn, #C98A5A)"},children:[e.jsx(C.Wrench,{size:10,style:{marginRight:3,verticalAlign:"middle"}}),p.name,p.pending?"...":p.success!==!1?" ✓":" ✗"]},p.id||i))}),e.jsx("div",{style:{maxWidth:"75%",padding:"12px 16px",borderRadius:"var(--radius-lg, 12px)",background:h?"var(--card-customer, rgba(94,136,176,0.08))":"var(--paper-elevated, rgba(255,255,255,0.82))",border:h?"1px solid var(--border-subtle, rgba(52,58,64,0.08))":"1px solid var(--border, rgba(52,58,64,0.12))",fontSize:"var(--text-base, 14px)",lineHeight:1.6,color:"var(--text-strong, rgba(30,33,37,0.92))",wordBreak:"break-word"},children:S?e.jsx("div",{dangerouslySetInnerHTML:{__html:S}}):h?e.jsx("div",{style:{whiteSpace:"pre-wrap"},children:k}):e.jsx(Z,{content:k||"",onCodeBlockClick:E,onFilePathClick:T})}),z&&e.jsx("div",{style:{fontSize:"var(--text-xs-plus, 10.5px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginTop:"4px",fontFamily:"var(--font-mono, monospace)"},children:z})]})}function V({phase:y="thinking",toolSteps:k=[],label:S,elapsedMs:z,compact:o=!1}){const R=t=>{if(!t||t<1e3)return null;const r=Math.floor(t/1e3);if(r<60)return`${r}s`;const l=Math.floor(r/60),c=r%60;return c>0?`${l}m ${c}s`:`${l}m`},E=()=>{if(S)return S;switch(y){case"thinking":return"Thinking...";case"tool":return null;case"responding":return"Responding...";default:return"Thinking..."}},T=(t,r)=>{const l=()=>{const a={width:o?"4px":"6px",height:o?"4px":"6px",borderRadius:"50%",display:"inline-block",marginRight:o?"6px":"8px"};switch(t.status){case"active":return e.jsx("span",{style:{...a,backgroundColor:"var(--rail-purple, #9B7AA8)",animation:"pulse 1.2s ease-in-out infinite"}});case"done":return e.jsx("span",{style:{...a,backgroundColor:"var(--text-xfaint, rgba(30,33,37,0.28))"}});case"error":return e.jsx("span",{style:{...a,backgroundColor:"var(--rail-compliance, #C98A5A)"}});default:return e.jsx("span",{style:{...a,backgroundColor:"var(--text-xfaint, rgba(30,33,37,0.28))"}})}},c=()=>{switch(t.status){case"done":return e.jsx("span",{style:{color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)"},children:"✓"});case"error":return e.jsx("span",{style:{color:"var(--rail-compliance, #C98A5A)",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)"},children:"failed"});default:return null}};return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o?"2px":"4px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[l(),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)",color:"var(--text-muted)"},children:t.name})]}),c()]},r)},h=()=>e.jsx("div",{style:{width:"100%",height:o?"2px":"3px",backgroundColor:"var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:o?"2px":"3px",overflow:"hidden",position:"relative"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(90deg, transparent 0%, rgba(155,122,168,0.3) 50%, transparent 100%)",animation:"shimmer 2s linear infinite"}})}),p=()=>e.jsx("span",{style:{width:o?"4px":"6px",height:o?"10px":"14px",backgroundColor:"var(--rail-purple, #9B7AA8)",borderRadius:"1px",display:"inline-block",marginLeft:"2px",animation:"cursorBlink 0.8s ease-in-out infinite"}}),i=E(),n=R(z);return e.jsxs("div",{style:{borderLeft:`${o?"3px":"4px"} solid var(--rail-purple, #9B7AA8)`,backgroundColor:"var(--card-assistant, rgba(155,122,168,0.06))",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:o?"8px":"10px",padding:o?"8px 10px 8px 12px":"10px 14px 10px 18px"},children:[e.jsx("style",{children:`
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),T=require("lucide-react"),G=require("../ChartRenderer.cjs.js");require("recharts");const Z=({content:b,onCodeBlockClick:w,onFilePathClick:S})=>{const[z,o]=x.useState(new Set),R=async(i,s)=>{try{await navigator.clipboard.writeText(i),o(t=>new Set([...t,s])),setTimeout(()=>{o(t=>{const r=new Set(t);return r.delete(s),r})},2e3)}catch(t){console.error("Failed to copy text:",t)}},E=(i,s,t)=>{const r=z.has(t);return e.jsxs("div",{style:{position:"relative",marginBottom:"16px",borderRadius:"8px",background:"var(--ink, #1E2125)",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",overflow:"hidden"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"8px 12px",background:"rgba(255,255,255,0.05)",borderBottom:"1px solid rgba(255,255,255,0.1)"},children:[e.jsx("span",{style:{fontSize:"11px",color:"rgba(255,255,255,0.7)",fontFamily:"var(--font-mono, monospace)",textTransform:"uppercase",letterSpacing:"0.05em"},children:s||"code"}),e.jsxs("button",{onClick:()=>R(i,t),style:{background:"none",border:"none",color:"rgba(255,255,255,0.7)",cursor:"pointer",padding:"4px",borderRadius:"4px",display:"flex",alignItems:"center",gap:"4px",fontSize:"11px",transition:"all 0.15s ease"},onMouseEnter:l=>{l.target.style.background="rgba(255,255,255,0.1)",l.target.style.color="rgba(255,255,255,0.9)"},onMouseLeave:l=>{l.target.style.background="none",l.target.style.color="rgba(255,255,255,0.7)"},children:[r?e.jsx(T.Check,{size:12}):e.jsx(T.Copy,{size:12}),r?"Copied!":"Copy"]}),w&&e.jsxs("button",{onClick:()=>w({code:i,language:s}),style:{background:"none",border:"none",color:"rgba(255,255,255,0.7)",cursor:"pointer",padding:"4px",borderRadius:"4px",display:"flex",alignItems:"center",gap:"4px",fontSize:"11px",transition:"all 0.15s ease"},onMouseEnter:l=>{l.currentTarget.style.background="rgba(255,255,255,0.1)",l.currentTarget.style.color="rgba(255,255,255,0.9)"},onMouseLeave:l=>{l.currentTarget.style.background="none",l.currentTarget.style.color="rgba(255,255,255,0.7)"},children:[e.jsx(T.PanelRightOpen,{size:12}),"Canvas"]})]}),e.jsx("pre",{style:{margin:0,padding:"12px",fontFamily:"var(--font-mono, monospace)",fontSize:"13px",lineHeight:1.4,color:"rgba(255,255,255,0.95)",overflow:"auto",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:i})]},t)},k=i=>{const s=[],t=i.split(`
|
|
2
|
+
`);let r=0,l=0;for(;r<t.length;){const c=t[r];if(c.trim().startsWith("```")){const a=c.trim().slice(3);let h=[];for(r++;r<t.length&&!t[r].trim().startsWith("```");)h.push(t[r]),r++;r<t.length&&r++,s.push(E(h.join(`
|
|
3
|
+
`),a,`code-${l++}`));continue}if(c.startsWith("#")){const a=c.match(/^#+/)[0].length,h=c.slice(a).trim(),j=a===1?"h2":a===2?"h3":a===3?"h4":"h5";s.push(x.createElement(j,{key:`header-${r}`,style:{fontSize:a===1?"18px":a===2?"16px":"14px",fontWeight:720,color:"var(--text-strong, rgba(30,33,37,0.92))",marginTop:s.length>0?"20px":"0",marginBottom:"8px",lineHeight:1.3}},h)),r++;continue}if(c.trim()==="---"||c.trim()==="***"){s.push(e.jsx("hr",{style:{border:"none",borderTop:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",margin:"16px 0"}},`hr-${r}`)),r++;continue}if(c.match(/^(\s*)([-*+]|\d+\.)\s/)){const a=[],h=/^\s*\d+\./.test(c);for(;r<t.length&&(t[r].match(/^(\s*)([-*+]|\d+\.)\s/)||t[r].trim()==="");){if(t[r].trim()!==""){const m=t[r].match(/^(\s*)([-*+]|\d+\.)\s(.*)$/);m&&a.push(m[3])}r++}const j=h?"ol":"ul";s.push(x.createElement(j,{key:`list-${r}`,style:{margin:"8px 0",paddingLeft:"20px",color:"var(--text-strong, rgba(30,33,37,0.92))"}},a.map((m,n)=>x.createElement("li",{key:`item-${n}`,style:{marginBottom:"4px"}},p(m)))));continue}if(c.trim().startsWith("|")&&c.trim().endsWith("|")){const a=[];for(;r<t.length&&t[r].trim().startsWith("|")&&t[r].trim().endsWith("|");)a.push(t[r]),r++;if(a.length>=2){const h=v=>v.trim().slice(1,-1).split("|").map(I=>I.trim()),j=h(a[0]),m=v=>h(v).every(I=>/^[-:]+$/.test(I)),n=a.length>=2&&m(a[1]),g=n?2:1,C=n?h(a[1]).map(v=>v.startsWith(":")&&v.endsWith(":")?"center":v.endsWith(":")?"right":"left"):j.map(()=>"left"),u={padding:"6px 12px",borderBottom:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",fontSize:"13px",lineHeight:1.5,color:"var(--text-strong, rgba(30,33,37,0.92))",wordBreak:"normal",overflowWrap:"normal"};s.push(e.jsx("div",{style:{overflowX:"auto",margin:"8px 0"},children:e.jsxs("table",{style:{borderCollapse:"collapse",width:"100%",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"6px",overflow:"hidden"},children:[n&&e.jsx("thead",{children:e.jsx("tr",{style:{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))"},children:j.map((v,I)=>e.jsx("th",{style:{...u,fontWeight:660,textAlign:C[I]||"left",whiteSpace:"nowrap"},children:p(v)},I))})}),e.jsx("tbody",{children:(n?a.slice(g):a).map((v,I)=>e.jsx("tr",{style:{background:I%2===1?"var(--hover-warm-subtle, rgba(231,212,162,0.04))":"transparent"},children:h(v).map((A,D)=>e.jsx("td",{style:{...u,textAlign:C[D]||"left"},children:p(A)},D))},I))})]})},`table-${r}`))}continue}if(c.trim()){const a=[];for(;r<t.length&&t[r].trim()&&!t[r].match(/^(#|```|---|\*\*\*|(\s*)([-*+]|\d+\.)\s)/)&&!(t[r].trim().startsWith("|")&&t[r].trim().endsWith("|"));)a.push(t[r]),r++;a.length>0&&s.push(e.jsx("p",{style:{margin:"8px 0",lineHeight:1.6,color:"var(--text-strong, rgba(30,33,37,0.92))"},children:p(a.join(" "))},`p-${r}`))}else r++}return s},f=i=>{const s=[];let t=i,r=0;for(;t.length>0;){if(S){const m=t.match(/^([^\s`*\[]+(?:\/src\/|\/components\/|\/packages\/)[^\s`*\[]*|[^\s`*\[]*\.(ts|tsx|js|jsx|py|css|scss|sass|json|md|yaml|yml|html|xml|sh|sql|go|rs|php|java|c|cpp|h|hpp)(?:\b|$))/);if(m){const n=m[1];s.push(e.jsx("span",{onClick:()=>S(n),style:{color:"var(--rail-discovery, #5E88B0)",textDecoration:"underline",textDecorationStyle:"dotted",textUnderlineOffset:"2px",cursor:"pointer",fontFamily:"var(--font-mono, monospace)",fontSize:"13px",transition:"all 0.15s ease",":hover":{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))",textDecoration:"underline",textDecorationStyle:"solid"}},onMouseEnter:g=>{g.target.style.background="var(--hover-warm-subtle, rgba(231,212,162,0.08))",g.target.style.textDecorationStyle="solid"},onMouseLeave:g=>{g.target.style.background="none",g.target.style.textDecorationStyle="dotted"},children:n},`file-path-${r++}`)),t=t.slice(m[0].length);continue}}const l=t.match(/^`([^`]+)`/);if(l){s.push(e.jsx("code",{style:{background:"var(--hover-warm-subtle, rgba(231,212,162,0.08))",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"3px",padding:"2px 4px",fontFamily:"var(--font-mono, monospace)",fontSize:"12px",color:"var(--text-strong, rgba(30,33,37,0.92))"},children:l[1]},`inline-code-${r++}`)),t=t.slice(l[0].length);continue}const c=t.match(/^\*\*([^*]+)\*\*/);if(c){s.push(e.jsx("strong",{style:{fontWeight:720,color:"var(--text-strong, rgba(30,33,37,0.92))"},children:c[1]},`bold-${r++}`)),t=t.slice(c[0].length);continue}const a=t.match(/^\*([^*]+)\*/);if(a){s.push(e.jsx("em",{style:{fontStyle:"italic",color:"var(--text-strong, rgba(30,33,37,0.92))"},children:a[1]},`italic-${r++}`)),t=t.slice(a[0].length);continue}const h=t.match(/^\[([^\]]+)\]\(([^)]+)\)/);if(h){const m=h[1],n=h[2],g=m==="View",C={display:"inline-flex",alignItems:"center",padding:"3px 10px",background:"var(--rail-discovery, #5E88B0)",color:"#fff",textDecoration:"none",borderRadius:"4px",fontSize:"12px",fontWeight:600,whiteSpace:"nowrap",cursor:"pointer"},u={color:"var(--rail-discovery, #5E88B0)",textDecoration:"underline",textUnderlineOffset:"2px"};s.push(e.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",style:g?C:u,children:m},`link-${r++}`)),t=t.slice(h[0].length);continue}const j=t.search(/[`*\[]/);if(j===-1){s.push(t);break}else j===0?(s.push(t[0]),t=t.slice(1)):(s.push(t.slice(0,j)),t=t.slice(j))}return s.length===1&&typeof s[0]=="string"?s[0]:s},p=i=>f(i);return e.jsx("div",{children:k(b)})};function U({role:b,content:w,html:S,timestamp:z,toolBadges:o,isStreaming:R,onCodeBlockClick:E,onFilePathClick:k}){const f=b==="user";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:f?"flex-end":"flex-start",marginBottom:"16px",maxWidth:"100%"},children:[e.jsxs("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginBottom:"6px",fontWeight:650,letterSpacing:"0.02em"},children:[f?"You":"Chordia",R&&!f&&e.jsx("span",{style:{marginLeft:"6px",color:"var(--rail-purple, #9B7AA8)"},children:"●"})]}),o&&o.length>0&&e.jsx("div",{style:{marginBottom:"8px",display:"flex",flexWrap:"wrap",gap:"4px",maxWidth:"75%"},children:o.map((p,i)=>e.jsxs("span",{style:{display:"inline-block",fontSize:"11px",padding:"2px 8px",borderRadius:"6px",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:`1px solid ${p.pending?"var(--rail-discovery, #5A8CC0)":p.success!==!1?"var(--state-present, #5CB85C)":"var(--rail-signal-churn, #C98A5A)"}`,color:p.pending?"var(--rail-discovery, #5A8CC0)":p.success!==!1?"var(--state-present, #5CB85C)":"var(--rail-signal-churn, #C98A5A)"},children:[e.jsx(T.Wrench,{size:10,style:{marginRight:3,verticalAlign:"middle"}}),p.name,p.pending?"...":p.success!==!1?" ✓":" ✗"]},p.id||i))}),e.jsx("div",{style:{maxWidth:"75%",padding:"12px 16px",borderRadius:"var(--radius-lg, 12px)",background:f?"var(--card-customer, rgba(94,136,176,0.08))":"var(--paper-elevated, rgba(255,255,255,0.82))",border:f?"1px solid var(--border-subtle, rgba(52,58,64,0.08))":"1px solid var(--border, rgba(52,58,64,0.12))",fontSize:"var(--text-base, 14px)",lineHeight:1.6,color:"var(--text-strong, rgba(30,33,37,0.92))",wordBreak:"break-word"},children:S?e.jsx("div",{dangerouslySetInnerHTML:{__html:S}}):f?e.jsx("div",{style:{whiteSpace:"pre-wrap"},children:w}):e.jsx(Z,{content:w||"",onCodeBlockClick:E,onFilePathClick:k})}),z&&e.jsx("div",{style:{fontSize:"var(--text-xs-plus, 10.5px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginTop:"4px",fontFamily:"var(--font-mono, monospace)"},children:z})]})}function V({phase:b="thinking",toolSteps:w=[],label:S,elapsedMs:z,compact:o=!1}){const R=t=>{if(!t||t<1e3)return null;const r=Math.floor(t/1e3);if(r<60)return`${r}s`;const l=Math.floor(r/60),c=r%60;return c>0?`${l}m ${c}s`:`${l}m`},E=()=>{if(S)return S;switch(b){case"thinking":return"Thinking...";case"tool":return null;case"responding":return"Responding...";default:return"Thinking..."}},k=(t,r)=>{const l=()=>{const a={width:o?"4px":"6px",height:o?"4px":"6px",borderRadius:"50%",display:"inline-block",marginRight:o?"6px":"8px"};switch(t.status){case"active":return e.jsx("span",{style:{...a,backgroundColor:"var(--rail-purple, #9B7AA8)",animation:"pulse 1.2s ease-in-out infinite"}});case"done":return e.jsx("span",{style:{...a,backgroundColor:"var(--text-xfaint, rgba(30,33,37,0.28))"}});case"error":return e.jsx("span",{style:{...a,backgroundColor:"var(--rail-compliance, #C98A5A)"}});default:return e.jsx("span",{style:{...a,backgroundColor:"var(--text-xfaint, rgba(30,33,37,0.28))"}})}},c=()=>{switch(t.status){case"done":return e.jsx("span",{style:{color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)"},children:"✓"});case"error":return e.jsx("span",{style:{color:"var(--rail-compliance, #C98A5A)",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)"},children:"failed"});default:return null}};return e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:o?"2px":"4px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[l(),e.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:o?"9px":"var(--text-xs-plus, 10.5px)",color:"var(--text-muted)"},children:t.name})]}),c()]},r)},f=()=>e.jsx("div",{style:{width:"100%",height:o?"2px":"3px",backgroundColor:"var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:o?"2px":"3px",overflow:"hidden",position:"relative"},children:e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(90deg, transparent 0%, rgba(155,122,168,0.3) 50%, transparent 100%)",animation:"shimmer 2s linear infinite"}})}),p=()=>e.jsx("span",{style:{width:o?"4px":"6px",height:o?"10px":"14px",backgroundColor:"var(--rail-purple, #9B7AA8)",borderRadius:"1px",display:"inline-block",marginLeft:"2px",animation:"cursorBlink 0.8s ease-in-out infinite"}}),i=E(),s=R(z);return e.jsxs("div",{style:{borderLeft:`${o?"3px":"4px"} solid var(--rail-purple, #9B7AA8)`,backgroundColor:"var(--card-assistant, rgba(155,122,168,0.06))",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:o?"8px":"10px",padding:o?"8px 10px 8px 12px":"10px 14px 10px 18px"},children:[e.jsx("style",{children:`
|
|
4
4
|
@keyframes shimmer {
|
|
5
5
|
0% { transform: translateX(-100%); }
|
|
6
6
|
100% { transform: translateX(200%); }
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
0%, 100% { opacity: 0; }
|
|
16
16
|
50% { opacity: 1; }
|
|
17
17
|
}
|
|
18
|
-
`}),!o&&e.jsx("div",{style:{fontSize:"var(--text-xs-plus, 10.5px)",fontWeight:650,textTransform:"uppercase",letterSpacing:"var(--tracking-label, 0.16em)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginBottom:"8px"},children:"AI ASSISTANT"}),
|
|
19
|
-
`);
|
|
18
|
+
`}),!o&&e.jsx("div",{style:{fontSize:"var(--text-xs-plus, 10.5px)",fontWeight:650,textTransform:"uppercase",letterSpacing:"var(--tracking-label, 0.16em)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginBottom:"8px"},children:"AI ASSISTANT"}),b==="thinking"&&e.jsxs("div",{children:[e.jsxs("div",{style:{color:"var(--text-muted)",fontWeight:400,fontSize:o?"11px":"13px",marginBottom:o?"4px":"8px",display:"flex",alignItems:"center",gap:"6px"},children:[i,s&&e.jsx("span",{style:{fontSize:o?"9px":"10px",color:"var(--text-faint, rgba(30,33,37,0.36))",fontFamily:"var(--font-mono, monospace)"},children:s})]}),f()]}),b==="tool"&&e.jsxs("div",{children:[i&&e.jsxs("div",{style:{color:"var(--text-muted)",fontWeight:400,fontSize:o?"11px":"13px",marginBottom:o?"4px":"8px",display:"flex",alignItems:"center",gap:"6px"},children:[i,s&&e.jsx("span",{style:{fontSize:o?"9px":"10px",color:"var(--text-faint, rgba(30,33,37,0.36))",fontFamily:"var(--font-mono, monospace)"},children:s})]}),e.jsx("div",{style:{marginBottom:o?"4px":"8px"},children:w.map((t,r)=>k(t,r))}),f()]}),b==="responding"&&e.jsxs("div",{style:{color:"var(--text-muted)",fontWeight:400,fontSize:o?"11px":"13px",display:"flex",alignItems:"center",gap:"6px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[i,p()]}),s&&e.jsx("span",{style:{fontSize:o?"9px":"10px",color:"var(--text-faint, rgba(30,33,37,0.36))",fontFamily:"var(--font-mono, monospace)"},children:s})]})]})}const ee={error:(...b)=>console.warn("toast.error:",...b)};function te({initialMessages:b=[],onSendMessage:w,onStreamMessage:S,onMessagesChange:z,onCodeBlockClick:o,placeholder:R="Ask a question about this interaction...",title:E="Chat with Chordia"}){const[k,f]=x.useState(b||[]),[p,i]=x.useState(""),[s,t]=x.useState(!1),[r,l]=x.useState(!1),[c,a]=x.useState(null),[h,j]=x.useState("thinking"),[m,n]=x.useState(null),[g,C]=x.useState(0),u=x.useRef(null),v=x.useRef(null),I=x.useRef(null),A=x.useRef(null),D=x.useRef(null),[F,H]=x.useState(!1),[O,q]=x.useState(0);x.useEffect(()=>{var d;(d=u.current)==null||d.scrollIntoView({behavior:"smooth"})},[k,s]),x.useEffect(()=>{v.current&&(v.current.style.height="auto",v.current.style.height=`${Math.min(v.current.scrollHeight,120)}px`)},[p]),x.useEffect(()=>{if(z){const d=[...k];c&&d.push(c),z(d)}},[k,c,z]),x.useEffect(()=>{let d;return s&&m&&(d=setInterval(()=>{if(C(Date.now()-m),D.current){const B=(Date.now()-D.current)/1e3;B>=3?(H(!0),q(Math.floor(B))):H(!1)}},500)),()=>d&&clearInterval(d)},[s,m]);const Y=()=>{t(!1),l(!1),a(null),A.current=null,j("thinking"),H(!1),q(0),D.current=null,n(null),C(0),I.current&&(I.current.abort(),I.current=null)},X=d=>{if(d.startsWith("data: ")){const B=d.slice(6);if(B==="[DONE]")return{type:"done"};try{return{type:"data",data:JSON.parse(B)}}catch{return null}}return null},J=d=>{var W,y;if(!((y=(W=d.choices)==null?void 0:W[0])!=null&&y.delta))return;D.current=Date.now(),H(!1);const B=d.choices[0].delta;if(B.tool_calls||B.tool_results){j("tool");return}B.content!==void 0&&(j("responding"),a(M=>{const L=M||{id:Date.now().toString(),role:"assistant",content:"",timestamp:new Date().toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),isStreaming:!0},$={...L,content:(L.content||"")+(B.content||"")};return A.current=$,$}))},_=async d=>{const B=d.getReader(),W=new TextDecoder;let y="";try{for(;;){const{done:M,value:L}=await B.read();if(M)break;y+=W.decode(L,{stream:!0});const $=y.split(`
|
|
19
|
+
`);y=$.pop()||"";for(const K of $)if(K.trim()){const P=X(K);if(P){if(P.type==="done")return;P.type==="data"&&J(P.data)}}}}finally{B.releaseLock()}},N=async()=>{if(!p.trim()||r)return;const d=p.trim(),B={id:Date.now().toString(),role:"user",content:d,timestamp:new Date().toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})},W=[...k,B];f(W),i(""),t(!0),l(!0),j("thinking"),n(Date.now()),D.current=Date.now(),I.current=new AbortController;try{let y;if(S)y=await S(d,W);else if(w)y=await w(d,W);else{setTimeout(()=>{const M={id:(Date.now()+1).toString(),role:"assistant",content:"This is a demonstration response. In a real implementation, this would connect to your LLM backend.",timestamp:new Date().toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"})};f(L=>[...L,M]),Y()},1e3);return}if(y instanceof ReadableStream)await _(y);else if(y instanceof Response&&y.body)await _(y.body);else if(y&&typeof y.then=="function"){const M=await y;M instanceof ReadableStream?await _(M):M instanceof Response&&M.body&&await _(M.body)}A.current&&f(M=>[...M,{...A.current,isStreaming:!1}])}catch(y){y.name!=="AbortError"&&(ee.error("Failed to send message"),console.error("Stream error:",y))}finally{Y()}},Q=d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),N())};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",border:"1px solid var(--border, rgba(52,58,64,0.12))",borderRadius:"var(--radius-lg, 12px)",background:"var(--paper-elevated, rgba(255,255,255,0.82))",overflow:"hidden"},children:[E?e.jsxs("div",{style:{padding:"16px 20px",borderBottom:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsx("div",{style:{fontSize:"var(--text-lg, 16px)",fontWeight:720,letterSpacing:"-0.01em",color:"var(--text-strong, rgba(30,33,37,0.92))"},children:E}),e.jsx("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-muted, rgba(30,33,37,0.56))",marginTop:"2px"},children:"Ask questions, get insights from analyzed interactions"})]}):null,e.jsx("div",{style:{flex:1,minHeight:0,overflowY:"auto",padding:"20px",display:"flex",flexDirection:"column"},children:k.length===0?e.jsx("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"var(--text-md, 13px)",textAlign:"center",padding:"40px"},children:"No messages yet. Start a conversation by asking a question below."}):e.jsxs(e.Fragment,{children:[k.map(d=>e.jsx(U,{role:d.role,content:d.content,html:d.html,timestamp:d.timestamp,toolBadges:d.toolBadges,isStreaming:d.isStreaming,onCodeBlockClick:o},d.id)),c&&e.jsx(U,{role:c.role,content:c.content,timestamp:c.timestamp,isStreaming:!0,onCodeBlockClick:o},c.id),s&&(!c||F)&&e.jsx("div",{style:{marginBottom:"16px"},children:e.jsx(V,{phase:F?"tool":h,elapsedMs:g,label:F&&O>=30?"Compacting conversation — trimming context to stay sharp...":F&&O>=10?"Running background tasks...":F?"Still working...":void 0})}),e.jsx("div",{ref:u})]})}),e.jsxs("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",padding:"16px 20px",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsxs("div",{style:{display:"flex",gap:"12px",alignItems:"flex-end"},children:[e.jsx("textarea",{ref:v,value:p,onChange:d=>i(d.target.value),onKeyDown:Q,placeholder:R,rows:1,disabled:r,style:{flex:1,padding:"10px 14px",fontSize:"var(--text-base, 14px)",lineHeight:1.5,color:"var(--text-strong, rgba(30,33,37,0.92))",background:"rgba(255, 255, 255, 0.95)",border:"1px solid rgba(52, 58, 64, 0.18)",borderRadius:"var(--radius-md, 8px)",resize:"none",outline:"none",transition:"border-color 0.15s ease",fontFamily:"inherit",minHeight:"42px",maxHeight:"120px",opacity:r?.6:1,cursor:r?"not-allowed":"text"},onFocus:d=>{r||(d.target.style.borderColor="rgba(94, 136, 176, 0.35)")},onBlur:d=>{d.target.style.borderColor="rgba(52, 58, 64, 0.18)"}}),e.jsx("button",{onClick:N,disabled:!p.trim()||r,style:{padding:"10px 16px",background:p.trim()&&!r?"var(--Base-Strong, #0B0B0B)":"#ECEEF2",color:p.trim()&&!r?"white":"var(--text-base)",border:"none",borderRadius:"var(--radius-md, 8px)",cursor:p.trim()&&!r?"pointer":"not-allowed",display:"flex",alignItems:"center",gap:"6px",fontSize:"var(--text-md, 13px)",fontWeight:650,transition:"all 0.15s ease",height:"42px"},children:r?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
|
|
20
20
|
@keyframes buttonSpin {
|
|
21
21
|
from { transform: rotate(0deg); }
|
|
22
22
|
to { transform: rotate(360deg); }
|
|
23
23
|
}
|
|
24
|
-
`}),e.jsx("div",{style:{width:"14px",height:"14px",border:"2px solid rgba(255, 255, 255, 0.3)",borderTopColor:"white",borderRadius:"50%",animation:"buttonSpin 0.6s linear infinite"}}),"Sending..."]}):e.jsxs(e.Fragment,{children:[e.jsx(C.Send,{size:16}),"Send"]})})]}),e.jsx("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginTop:"8px"},children:"Press Enter to send, Shift+Enter for new line"})]})]})}function re({threads:y=[],activeThreadId:k,onSelectThread:S,onNewChat:z,loading:o=!1}){const[R,E]=x.useState(""),h=[...y.filter(i=>{if(!R)return!0;const n=R.toLowerCase();return(i.title||"").toLowerCase().includes(n)||(i.last_message_preview||"").toLowerCase().includes(n)})].sort((i,n)=>{if(i.pinned&&!n.pinned)return-1;if(!i.pinned&&n.pinned)return 1;const t=new Date(i.updated_at||i.created_at||0).getTime();return new Date(n.updated_at||n.created_at||0).getTime()-t}),p=i=>{if(!i)return"";const n=new Date(i),r=new Date().getTime()-n.getTime(),l=Math.floor(r/864e5);return l===0?n.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}):l===1?"Yesterday":l<7?n.toLocaleDateString("en-US",{weekday:"short"}):n.toLocaleDateString("en-US",{month:"short",day:"numeric"})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",background:"var(--paper, rgba(255,255,255,0.95))",borderRight:"1px solid var(--border, rgba(52,58,64,0.12))",overflow:"hidden"},children:[e.jsxs("div",{style:{padding:"12px 14px",borderBottom:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",flexShrink:0},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"10px"},children:[e.jsx("div",{style:{fontSize:"13px",fontWeight:650,color:"var(--text-ink, rgba(30,33,37,0.92))"},children:"Threads"}),z&&e.jsx("button",{onClick:z,style:{padding:"4px 10px",fontSize:"11px",fontWeight:600,color:"var(--Base-Strong, #0B0B0B)",background:"#ECEEF2",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"6px",cursor:"pointer",transition:"all 0.15s ease"},onMouseEnter:i=>{i.currentTarget.style.background="#ECEEF2"},onMouseLeave:i=>{i.currentTarget.style.background="rgba(94, 136, 176, 0.08)"},children:"+ New"})]}),e.jsxs("div",{style:{position:"relative"},children:[e.jsx(C.Search,{size:13,style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",color:"var(--text-faint, rgba(30,33,37,0.36))",pointerEvents:"none"}}),e.jsx("input",{type:"text",value:R,onChange:i=>E(i.target.value),placeholder:"Search threads...",style:{width:"100%",padding:"7px 10px 7px 32px",fontSize:"12px",color:"var(--text-ink, rgba(30,33,37,0.92))",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:"1px solid var(--border, rgba(52,58,64,0.12))",borderRadius:"6px",outline:"none",transition:"border-color 0.15s ease",boxSizing:"border-box"},onFocus:i=>{i.target.style.borderColor="rgba(94, 136, 176, 0.35)"},onBlur:i=>{i.target.style.borderColor="rgba(52, 58, 64, 0.12)"}})]})]}),e.jsx("div",{style:{flex:1,overflowY:"auto",padding:"4px 6px"},children:o?e.jsx("div",{style:{padding:"30px 16px",textAlign:"center",color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"12px"},children:"Loading threads..."}):h.length===0?e.jsx("div",{style:{padding:"30px 16px",textAlign:"center",color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"12px"},children:R?"No threads found":"No threads yet"}):h.map(i=>{const n=i.id===k;return e.jsxs("div",{onClick:()=>S==null?void 0:S(i.id),style:{padding:"10px 10px",marginBottom:"2px",borderRadius:"6px",background:n?"rgba(94, 136, 176, 0.10)":"transparent",border:n?"1px solid rgba(94, 136, 176, 0.15)":"1px solid transparent",cursor:"pointer",transition:"all 0.12s ease"},onMouseEnter:t=>{n||(t.currentTarget.style.background="rgba(0,0,0,0.03)")},onMouseLeave:t=>{n||(t.currentTarget.style.background="transparent")},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",marginBottom:"4px"},children:[e.jsx(C.MessageSquare,{size:12,style:{color:n?"var(--rail-discovery, #5E88B0)":"var(--text-faint, rgba(30,33,37,0.36))",flexShrink:0}}),e.jsx("div",{style:{flex:1,fontSize:"12px",fontWeight:n?650:550,color:n?"var(--text-ink, rgba(30,33,37,0.92))":"var(--text-base, rgba(30,33,37,0.78))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i.title||"Untitled thread"}),i.pinned&&e.jsx(C.Pin,{size:10,style:{color:"var(--rail-discovery, #5E88B0)",flexShrink:0}})]}),i.last_message_preview&&e.jsx("div",{style:{fontSize:"11px",color:"var(--text-muted, rgba(30,33,37,0.56))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",marginLeft:"18px",marginBottom:"4px"},children:i.last_message_preview}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",marginLeft:"18px",fontSize:"10px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:[e.jsx(C.Clock,{size:9}),e.jsx("span",{children:p(i.updated_at||i.created_at)}),i.message_count!=null&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"·"}),e.jsxs("span",{children:[i.message_count," msg",i.message_count!==1?"s":""]})]})]})]},i.id)})})]})}const ne={error:(...y)=>console.warn("toast.error:",...y)},se=()=>({userData:{name:"User",email:""}});function ie({sessionTitle:y,messages:k,onSendMessage:S,currentUser:z}){var u;const[o,R]=x.useState(""),[E,T]=x.useState(!1),[h,p]=x.useState(k||[]),[i,n]=x.useState(!1),[t,r]=x.useState(!1),{userData:l}=se(),c=x.useRef(null),a=z||{name:(l==null?void 0:l.name)||"You",initials:((u=l==null?void 0:l.name)==null?void 0:u.split(" ").map(s=>s[0]).join("").toUpperCase())||"YO",color:"#6B7C93"};x.useEffect(()=>{p(k||[])},[k]),x.useEffect(()=>{c.current&&c.current.scrollIntoView({behavior:"smooth"})},[h]);const m=async()=>{if(!o.trim())return;const s=o.trim();R(""),r(!0);const g={id:`temp-${Date.now()}`,author:{name:a.name,role:(l==null?void 0:l.role)||"",initials:a.initials,color:a.color},content:s,timestamp:"Just now",type:"comment",isOptimistic:!0};if(p(w=>[...w,g]),S){try{await S(s),p(w=>w.map(b=>b.id===g.id?{...b,isOptimistic:!1}:b))}catch{p(b=>b.filter(W=>W.id!==g.id)),ne.error("Failed to send message")}finally{r(!1)}return}setTimeout(()=>{p(w=>w.map(b=>b.id===g.id?{...b,isOptimistic:!1}:b)),r(!1)},500)},j=s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),m())};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:"1px solid var(--border, rgba(52,58,64,0.12))",borderRadius:"var(--radius-lg, 12px)",overflow:"hidden"},children:[y&&e.jsxs("div",{style:{padding:"14px 16px",borderBottom:"1px solid var(--border, rgba(52,58,64,0.12))",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsx("div",{style:{fontSize:"var(--text-md, 13px)",fontWeight:680,color:"var(--text-strong, rgba(30,33,37,0.92))",marginBottom:"3px"},children:"Session Discussion"}),y&&e.jsx("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-muted, rgba(30,33,37,0.56))",display:"flex",alignItems:"center",gap:"8px"},children:e.jsx("span",{children:y})})]}),e.jsxs("div",{style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"16px"},children:[i?e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"40px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:"Loading messages..."}):h.length===0?e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"40px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:"No messages yet. Start the conversation!"}):h.map(s=>e.jsxs("div",{style:{display:"flex",gap:"12px",opacity:s.type==="system"?.75:1},children:[s.type!=="system"&&e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:s.author.color,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:650,flexShrink:0,opacity:.9},children:s.author.initials}),s.type==="system"&&e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:"rgba(30, 33, 37, 0.08)",color:"rgba(30, 33, 37, 0.52)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:650,flexShrink:0},children:e.jsx(C.Clock,{size:14})}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"8px",marginBottom:"4px"},children:[e.jsx("span",{style:{fontSize:"var(--text-sm, 11px)",fontWeight:650,color:"var(--text-base, rgba(30,33,37,0.78))"},children:s.author.name}),e.jsx("span",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",fontFamily:"var(--font-mono, monospace)"},children:s.timestamp}),s.author.role&&e.jsx("span",{style:{fontSize:"var(--text-xs, 10px)",color:"var(--text-muted, rgba(30,33,37,0.56))",background:"rgba(30, 33, 37, 0.06)",padding:"2px 6px",borderRadius:"4px",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:s.author.role}),s.isEdited&&e.jsx("span",{style:{fontSize:"var(--text-xs, 10px)",color:"var(--text-faint, rgba(30,33,37,0.36))",fontStyle:"italic"},children:"(edited)"})]}),e.jsx("div",{style:{fontSize:"var(--text-md, 13px)",color:"var(--text-base, rgba(30,33,37,0.78))",lineHeight:1.5,marginBottom:s.references?"8px":0},children:s.content}),s.references&&s.references.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",marginTop:"8px"},children:s.references.map((g,w)=>e.jsxs("button",{type:"button",style:{fontSize:"11px",padding:"4px 8px",borderRadius:"6px",border:"1px solid rgba(52, 58, 64, 0.16)",background:"rgba(255, 255, 255, 0.7)",color:g.type==="condition"?"rgba(94, 136, 176, 0.85)":g.type==="observation"?"rgba(107, 123, 147, 0.85)":g.type==="timestamp"?"rgba(184, 156, 106, 0.85)":"rgba(30, 33, 37, 0.65)",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:"4px",transition:"all 0.15s ease",fontWeight:550},onMouseEnter:b=>{b.currentTarget.style.background="rgba(255, 255, 255, 0.95)",b.currentTarget.style.borderColor="rgba(52, 58, 64, 0.24)"},onMouseLeave:b=>{b.currentTarget.style.background="rgba(255, 255, 255, 0.7)",b.currentTarget.style.borderColor="rgba(52, 58, 64, 0.16)"},children:[g.type==="timestamp"&&e.jsx(C.Clock,{size:12}),(g.type==="condition"||g.type==="observation")&&e.jsx(C.Hash,{size:12}),g.label]},w))})]})]},s.id)),e.jsx("div",{ref:c})]}),e.jsxs("div",{style:{padding:"12px",borderTop:"1px solid var(--border, rgba(52,58,64,0.12))",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"flex-end"},children:[e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"var(--radius-md, 8px)",background:a.color,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"var(--text-sm, 11px)",fontWeight:650,flexShrink:0,opacity:.9},children:a.initials}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsx("textarea",{value:o,onChange:s=>R(s.target.value),onKeyDown:j,onFocus:()=>T(!0),onBlur:()=>T(!1),placeholder:"Add a comment...",style:{width:"100%",minHeight:"38px",maxHeight:"120px",padding:"8px 12px",fontSize:"var(--text-md, 13px)",color:"var(--text-base, rgba(30,33,37,0.78))",background:"white",border:`1px solid ${E?"rgba(94, 136, 176, 0.35)":"rgba(52, 58, 64, 0.16)"}`,borderRadius:"var(--radius-md, 8px)",resize:"vertical",outline:"none",transition:"border-color 0.15s ease",fontFamily:"inherit",lineHeight:1.5}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:s=>{s.currentTarget.style.background="rgba(30, 33, 37, 0.06)",s.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:s=>{s.currentTarget.style.background="transparent",s.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Mention user",children:e.jsx(C.AtSign,{size:16})}),e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:s=>{s.currentTarget.style.background="rgba(30, 33, 37, 0.06)",s.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:s=>{s.currentTarget.style.background="transparent",s.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Reference condition",children:e.jsx(C.Hash,{size:16})}),e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:s=>{s.currentTarget.style.background="rgba(30, 33, 37, 0.06)",s.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:s=>{s.currentTarget.style.background="transparent",s.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Attach file",children:e.jsx(C.Paperclip,{size:16})})]}),e.jsx("button",{type:"button",onClick:m,disabled:!o.trim()||t,style:{padding:"6px 12px",background:o.trim()&&!t?"rgba(94, 136, 176, 0.85)":"var(--border-subtle, rgba(52,58,64,0.08))",border:"none",borderRadius:"6px",color:o.trim()&&!t?"white":"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"var(--text-sm, 11px)",fontWeight:600,cursor:o.trim()&&!t?"pointer":"not-allowed",display:"flex",alignItems:"center",gap:"6px",transition:"all 0.15s ease"},onMouseEnter:s=>{o.trim()&&!t&&(s.currentTarget.style.background="rgba(94, 136, 176, 1)")},onMouseLeave:s=>{o.trim()&&!t&&(s.currentTarget.style.background="rgba(94, 136, 176, 0.85)")},children:t?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
|
|
24
|
+
`}),e.jsx("div",{style:{width:"14px",height:"14px",border:"2px solid rgba(255, 255, 255, 0.3)",borderTopColor:"white",borderRadius:"50%",animation:"buttonSpin 0.6s linear infinite"}}),"Sending..."]}):e.jsxs(e.Fragment,{children:[e.jsx(T.Send,{size:16}),"Send"]})})]}),e.jsx("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",marginTop:"8px"},children:"Press Enter to send, Shift+Enter for new line"})]})]})}function re({threads:b=[],activeThreadId:w,onSelectThread:S,onNewChat:z,loading:o=!1}){const[R,E]=x.useState(""),f=[...b.filter(i=>{if(!R)return!0;const s=R.toLowerCase();return(i.title||"").toLowerCase().includes(s)||(i.last_message_preview||"").toLowerCase().includes(s)})].sort((i,s)=>{if(i.pinned&&!s.pinned)return-1;if(!i.pinned&&s.pinned)return 1;const t=new Date(i.updated_at||i.created_at||0).getTime();return new Date(s.updated_at||s.created_at||0).getTime()-t}),p=i=>{if(!i)return"";const s=new Date(i),r=new Date().getTime()-s.getTime(),l=Math.floor(r/864e5);return l===0?s.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}):l===1?"Yesterday":l<7?s.toLocaleDateString("en-US",{weekday:"short"}):s.toLocaleDateString("en-US",{month:"short",day:"numeric"})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",background:"var(--paper, rgba(255,255,255,0.95))",borderRight:"1px solid var(--border, rgba(52,58,64,0.12))",overflow:"hidden"},children:[e.jsxs("div",{style:{padding:"12px 14px",borderBottom:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",flexShrink:0},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"10px"},children:[e.jsx("div",{style:{fontSize:"13px",fontWeight:650,color:"var(--text-ink, rgba(30,33,37,0.92))"},children:"Threads"}),z&&e.jsx("button",{onClick:z,style:{padding:"4px 10px",fontSize:"11px",fontWeight:600,color:"var(--Base-Strong, #0B0B0B)",background:"#ECEEF2",border:"1px solid var(--border-subtle, rgba(52,58,64,0.08))",borderRadius:"6px",cursor:"pointer",transition:"all 0.15s ease"},onMouseEnter:i=>{i.currentTarget.style.background="#ECEEF2"},onMouseLeave:i=>{i.currentTarget.style.background="rgba(94, 136, 176, 0.08)"},children:"+ New"})]}),e.jsxs("div",{style:{position:"relative"},children:[e.jsx(T.Search,{size:13,style:{position:"absolute",left:"10px",top:"50%",transform:"translateY(-50%)",color:"var(--text-faint, rgba(30,33,37,0.36))",pointerEvents:"none"}}),e.jsx("input",{type:"text",value:R,onChange:i=>E(i.target.value),placeholder:"Search threads...",style:{width:"100%",padding:"7px 10px 7px 32px",fontSize:"12px",color:"var(--text-ink, rgba(30,33,37,0.92))",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:"1px solid var(--border, rgba(52,58,64,0.12))",borderRadius:"6px",outline:"none",transition:"border-color 0.15s ease",boxSizing:"border-box"},onFocus:i=>{i.target.style.borderColor="rgba(94, 136, 176, 0.35)"},onBlur:i=>{i.target.style.borderColor="rgba(52, 58, 64, 0.12)"}})]})]}),e.jsx("div",{style:{flex:1,overflowY:"auto",padding:"4px 6px"},children:o?e.jsx("div",{style:{padding:"30px 16px",textAlign:"center",color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"12px"},children:"Loading threads..."}):f.length===0?e.jsx("div",{style:{padding:"30px 16px",textAlign:"center",color:"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"12px"},children:R?"No threads found":"No threads yet"}):f.map(i=>{const s=i.id===w;return e.jsxs("div",{onClick:()=>S==null?void 0:S(i.id),style:{padding:"10px 10px",marginBottom:"2px",borderRadius:"6px",background:s?"rgba(94, 136, 176, 0.10)":"transparent",border:s?"1px solid rgba(94, 136, 176, 0.15)":"1px solid transparent",cursor:"pointer",transition:"all 0.12s ease"},onMouseEnter:t=>{s||(t.currentTarget.style.background="rgba(0,0,0,0.03)")},onMouseLeave:t=>{s||(t.currentTarget.style.background="transparent")},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",marginBottom:"4px"},children:[e.jsx(T.MessageSquare,{size:12,style:{color:s?"var(--rail-discovery, #5E88B0)":"var(--text-faint, rgba(30,33,37,0.36))",flexShrink:0}}),e.jsx("div",{style:{flex:1,fontSize:"12px",fontWeight:s?650:550,color:s?"var(--text-ink, rgba(30,33,37,0.92))":"var(--text-base, rgba(30,33,37,0.78))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:i.title||"Untitled thread"}),i.pinned&&e.jsx(T.Pin,{size:10,style:{color:"var(--rail-discovery, #5E88B0)",flexShrink:0}})]}),i.last_message_preview&&e.jsx("div",{style:{fontSize:"11px",color:"var(--text-muted, rgba(30,33,37,0.56))",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",marginLeft:"18px",marginBottom:"4px"},children:i.last_message_preview}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",marginLeft:"18px",fontSize:"10px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:[e.jsx(T.Clock,{size:9}),e.jsx("span",{children:p(i.updated_at||i.created_at)}),i.message_count!=null&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"·"}),e.jsxs("span",{children:[i.message_count," msg",i.message_count!==1?"s":""]})]})]})]},i.id)})})]})}const ne={error:(...b)=>console.warn("toast.error:",...b)},se=()=>({userData:{name:"User",email:""}});function ie({sessionTitle:b,messages:w,onSendMessage:S,currentUser:z}){var m;const[o,R]=x.useState(""),[E,k]=x.useState(!1),[f,p]=x.useState(w||[]),[i,s]=x.useState(!1),[t,r]=x.useState(!1),{userData:l}=se(),c=x.useRef(null),a=z||{name:(l==null?void 0:l.name)||"You",initials:((m=l==null?void 0:l.name)==null?void 0:m.split(" ").map(n=>n[0]).join("").toUpperCase())||"YO",color:"#6B7C93"};x.useEffect(()=>{p(w||[])},[w]),x.useEffect(()=>{c.current&&c.current.scrollIntoView({behavior:"smooth"})},[f]);const h=async()=>{if(!o.trim())return;const n=o.trim();R(""),r(!0);const g={id:`temp-${Date.now()}`,author:{name:a.name,role:(l==null?void 0:l.role)||"",initials:a.initials,color:a.color},content:n,timestamp:"Just now",type:"comment",isOptimistic:!0};if(p(C=>[...C,g]),S){try{await S(n),p(C=>C.map(u=>u.id===g.id?{...u,isOptimistic:!1}:u))}catch{p(u=>u.filter(v=>v.id!==g.id)),ne.error("Failed to send message")}finally{r(!1)}return}setTimeout(()=>{p(C=>C.map(u=>u.id===g.id?{...u,isOptimistic:!1}:u)),r(!1)},500)},j=n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),h())};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",background:"var(--paper-elevated, rgba(255,255,255,0.82))",border:"1px solid var(--border, rgba(52,58,64,0.12))",borderRadius:"var(--radius-lg, 12px)",overflow:"hidden"},children:[b&&e.jsxs("div",{style:{padding:"14px 16px",borderBottom:"1px solid var(--border, rgba(52,58,64,0.12))",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsx("div",{style:{fontSize:"var(--text-md, 13px)",fontWeight:680,color:"var(--text-strong, rgba(30,33,37,0.92))",marginBottom:"3px"},children:"Session Discussion"}),b&&e.jsx("div",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-muted, rgba(30,33,37,0.56))",display:"flex",alignItems:"center",gap:"8px"},children:e.jsx("span",{children:b})})]}),e.jsxs("div",{style:{flex:1,overflowY:"auto",padding:"16px",display:"flex",flexDirection:"column",gap:"16px"},children:[i?e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"40px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:"Loading messages..."}):f.length===0?e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"40px",color:"var(--text-faint, rgba(30,33,37,0.36))"},children:"No messages yet. Start the conversation!"}):f.map(n=>e.jsxs("div",{style:{display:"flex",gap:"12px",opacity:n.type==="system"?.75:1},children:[n.type!=="system"&&e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:n.author.color,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:650,flexShrink:0,opacity:.9},children:n.author.initials}),n.type==="system"&&e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"8px",background:"rgba(30, 33, 37, 0.08)",color:"rgba(30, 33, 37, 0.52)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",fontWeight:650,flexShrink:0},children:e.jsx(T.Clock,{size:14})}),e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"8px",marginBottom:"4px"},children:[e.jsx("span",{style:{fontSize:"var(--text-sm, 11px)",fontWeight:650,color:"var(--text-base, rgba(30,33,37,0.78))"},children:n.author.name}),e.jsx("span",{style:{fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",fontFamily:"var(--font-mono, monospace)"},children:n.timestamp}),n.author.role&&e.jsx("span",{style:{fontSize:"var(--text-xs, 10px)",color:"var(--text-muted, rgba(30,33,37,0.56))",background:"rgba(30, 33, 37, 0.06)",padding:"2px 6px",borderRadius:"4px",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:n.author.role}),n.isEdited&&e.jsx("span",{style:{fontSize:"var(--text-xs, 10px)",color:"var(--text-faint, rgba(30,33,37,0.36))",fontStyle:"italic"},children:"(edited)"})]}),e.jsx("div",{style:{fontSize:"var(--text-md, 13px)",color:"var(--text-base, rgba(30,33,37,0.78))",lineHeight:1.5,marginBottom:n.references?"8px":0},children:n.content}),n.references&&n.references.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",marginTop:"8px"},children:n.references.map((g,C)=>e.jsxs("button",{type:"button",style:{fontSize:"11px",padding:"4px 8px",borderRadius:"6px",border:"1px solid rgba(52, 58, 64, 0.16)",background:"rgba(255, 255, 255, 0.7)",color:g.type==="condition"?"rgba(94, 136, 176, 0.85)":g.type==="observation"?"rgba(107, 123, 147, 0.85)":g.type==="timestamp"?"rgba(184, 156, 106, 0.85)":"rgba(30, 33, 37, 0.65)",cursor:"pointer",display:"inline-flex",alignItems:"center",gap:"4px",transition:"all 0.15s ease",fontWeight:550},onMouseEnter:u=>{u.currentTarget.style.background="rgba(255, 255, 255, 0.95)",u.currentTarget.style.borderColor="rgba(52, 58, 64, 0.24)"},onMouseLeave:u=>{u.currentTarget.style.background="rgba(255, 255, 255, 0.7)",u.currentTarget.style.borderColor="rgba(52, 58, 64, 0.16)"},children:[g.type==="timestamp"&&e.jsx(T.Clock,{size:12}),(g.type==="condition"||g.type==="observation")&&e.jsx(T.Hash,{size:12}),g.label]},C))})]})]},n.id)),e.jsx("div",{ref:c})]}),e.jsxs("div",{style:{padding:"12px",borderTop:"1px solid var(--border, rgba(52,58,64,0.12))",background:"var(--paper-elevated, rgba(255,255,255,0.82))"},children:[e.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"flex-end"},children:[e.jsx("div",{style:{width:"32px",height:"32px",borderRadius:"var(--radius-md, 8px)",background:a.color,color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"var(--text-sm, 11px)",fontWeight:650,flexShrink:0,opacity:.9},children:a.initials}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsx("textarea",{value:o,onChange:n=>R(n.target.value),onKeyDown:j,onFocus:()=>k(!0),onBlur:()=>k(!1),placeholder:"Add a comment...",style:{width:"100%",minHeight:"38px",maxHeight:"120px",padding:"8px 12px",fontSize:"var(--text-md, 13px)",color:"var(--text-base, rgba(30,33,37,0.78))",background:"white",border:`1px solid ${E?"rgba(94, 136, 176, 0.35)":"rgba(52, 58, 64, 0.16)"}`,borderRadius:"var(--radius-md, 8px)",resize:"vertical",outline:"none",transition:"border-color 0.15s ease",fontFamily:"inherit",lineHeight:1.5}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{style:{display:"flex",gap:"4px"},children:[e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:n=>{n.currentTarget.style.background="rgba(30, 33, 37, 0.06)",n.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:n=>{n.currentTarget.style.background="transparent",n.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Mention user",children:e.jsx(T.AtSign,{size:16})}),e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:n=>{n.currentTarget.style.background="rgba(30, 33, 37, 0.06)",n.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:n=>{n.currentTarget.style.background="transparent",n.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Reference condition",children:e.jsx(T.Hash,{size:16})}),e.jsx("button",{type:"button",style:{padding:"6px",background:"transparent",border:"none",borderRadius:"6px",color:"rgba(30, 33, 37, 0.52)",cursor:"pointer",display:"flex",alignItems:"center",transition:"all 0.15s ease"},onMouseEnter:n=>{n.currentTarget.style.background="rgba(30, 33, 37, 0.06)",n.currentTarget.style.color="rgba(30, 33, 37, 0.75)"},onMouseLeave:n=>{n.currentTarget.style.background="transparent",n.currentTarget.style.color="rgba(30, 33, 37, 0.52)"},title:"Attach file",children:e.jsx(T.Paperclip,{size:16})})]}),e.jsx("button",{type:"button",onClick:h,disabled:!o.trim()||t,style:{padding:"6px 12px",background:o.trim()&&!t?"rgba(94, 136, 176, 0.85)":"var(--border-subtle, rgba(52,58,64,0.08))",border:"none",borderRadius:"6px",color:o.trim()&&!t?"white":"var(--text-faint, rgba(30,33,37,0.36))",fontSize:"var(--text-sm, 11px)",fontWeight:600,cursor:o.trim()&&!t?"pointer":"not-allowed",display:"flex",alignItems:"center",gap:"6px",transition:"all 0.15s ease"},onMouseEnter:n=>{o.trim()&&!t&&(n.currentTarget.style.background="rgba(94, 136, 176, 1)")},onMouseLeave:n=>{o.trim()&&!t&&(n.currentTarget.style.background="rgba(94, 136, 176, 0.85)")},children:t?e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
|
|
25
25
|
@keyframes messageSpin {
|
|
26
26
|
from { transform: rotate(0deg); }
|
|
27
27
|
to { transform: rotate(360deg); }
|
|
28
28
|
}
|
|
29
|
-
`}),e.jsx("div",{style:{width:"14px",height:"14px",border:"2px solid rgba(255, 255, 255, 0.3)",borderTopColor:"white",borderRadius:"50%",animation:"messageSpin 0.6s linear infinite"}}),"Sending..."]}):e.jsxs(e.Fragment,{children:[e.jsx(
|
|
29
|
+
`}),e.jsx("div",{style:{width:"14px",height:"14px",border:"2px solid rgba(255, 255, 255, 0.3)",borderTopColor:"white",borderRadius:"50%",animation:"messageSpin 0.6s linear infinite"}}),"Sending..."]}):e.jsxs(e.Fragment,{children:[e.jsx(T.Send,{size:14}),"Send"]})})]})]})]}),e.jsxs("div",{style:{marginTop:"8px",fontSize:"var(--text-sm, 11px)",color:"var(--text-faint, rgba(30,33,37,0.36))",lineHeight:1.4},children:[e.jsx("strong",{children:"Tip:"})," Use"," ",e.jsx("code",{style:{background:"rgba(30, 33, 37, 0.06)",padding:"2px 4px",borderRadius:"3px",fontFamily:"var(--font-mono, monospace)",fontSize:"var(--text-xs, 10px)"},children:"@"})," ","to mention teammates,"," ",e.jsx("code",{style:{background:"rgba(30, 33, 37, 0.06)",padding:"2px 4px",borderRadius:"3px",fontFamily:"var(--font-mono, monospace)",fontSize:"var(--text-xs, 10px)"},children:"#"})," ","to reference conditions"]})]})]})}exports.ChartRenderer=G.ChartRenderer;exports.ChatHistoryPanel=re;exports.ChatInterface=te;exports.ChatMessage=U;exports.MessageThread=ie;exports.ThinkingIndicator=V;
|
|
30
30
|
//# sourceMappingURL=chat.cjs.js.map
|