langgraph-ui-components 0.0.23 → 0.0.25

package/dist/components/Thinking.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thinking.cjs.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n    return (\n        <>\n            <style>{`\n                .loader-wrapper {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    color: white;\n                    user-select: none;\n                    gap: 10px;\n                }\n\n                .loader {\n                    width: 20px;\n                    height: 20px;\n                    aspect-ratio: 1 / 1;\n                    border-radius: 50%;\n                    background-color: transparent;\n                    animation: loader-rotate 1.5s linear infinite;\n                    z-index: 0;\n                }\n\n                @keyframes loader-rotate {\n                    0% {\n                        transform: rotate(90deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #0693ff inset;\n                    }\n                    50% {\n                        transform: rotate(270deg);\n                        background: #7c0911;\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #d60a47 inset,\n                            0 4px 4px 0 #fbef19 inset;\n                    }\n                    100% {\n                        transform: rotate(450deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #28a9ff inset;\n                    }\n                }\n\n                .letter-wrapper {\n                    display: flex;\n                    gap: 1px;\n                }\n\n                .loader-letter {\n                    display: inline-block;\n                    opacity: 0.4;\n                    transform: translateY(0);\n                    animation: loader-letter-anim 2s infinite;\n                    z-index: 1;\n                    border-radius: 50ch;\n                    border: none;\n                }\n\n                .loader-letter:nth-child(1) { animation-delay: 0s; }\n                .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n                .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n                .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n                .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n                .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n                .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n                .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n                @keyframes loader-letter-anim {\n                    0%, 100% {\n                        opacity: 0.4;\n                        transform: translateY(0);\n                    }\n                    20% {\n                        opacity: 1;\n                        transform: scale(1.15);\n                    }\n                    40% {\n                        opacity: 0.7;\n                        transform: translateY(0);\n                    }\n                }\n            `}</style>\n            <div className=\"loader-wrapper\">\n                <div className=\"loader\"></div>\n                <div className=\"letter-wrapper\">\n                    <span className=\"loader-letter\">T</span>\n                    <span className=\"loader-letter\">h</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">k</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">g</span>\n                </div>\n            </div>\n        </>\n    )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":"kDAAA,SAAwBA,GAAW,CAC/B,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,MAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAoFN,EACFF,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAU,QAAA,CAAS,EACxBF,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,GAAA,CAAC,CAAA,CAAA,CACrC,CAAA,CAAA,CACJ,CAAA,EACJ,CAER"}
+{"version":3,"file":"Thinking.cjs.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n    return (\n        <>\n            <style>{`\n                .loader-wrapper {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    color: white;\n                    user-select: none;\n                    gap: 10px;\n                }\n\n                .loader {\n                    width: 20px;\n                    height: 20px;\n                    aspect-ratio: 1 / 1;\n                    border-radius: 50%;\n                    background-color: transparent;\n                    animation: loader-rotate 1.5s linear infinite;\n                    z-index: 0;\n                }\n\n                @keyframes loader-rotate {\n                    0% {\n                        transform: rotate(90deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #0693ff inset;\n                    }\n                    50% {\n                        transform: rotate(270deg);\n                        background: #7c0911;\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #d60a47 inset,\n                            0 4px 4px 0 #fbef19 inset;\n                    }\n                    100% {\n                        transform: rotate(450deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #28a9ff inset;\n                    }\n                }\n\n                .letter-wrapper {\n                    display: flex;\n                    gap: 1px;\n                }\n\n                .loader-letter {\n                    display: inline-block;\n                    opacity: 0.4;\n                    transform: translateY(0);\n                    animation: loader-letter-anim 2s infinite;\n                    z-index: 1;\n                    border-radius: 50ch;\n                    border: none;\n                }\n\n                .loader-letter:nth-child(1) { animation-delay: 0s; }\n                .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n                .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n                .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n                .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n                .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n                .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n                .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n                @keyframes loader-letter-anim {\n                    0%, 100% {\n                        opacity: 0.4;\n                        transform: translateY(0);\n                    }\n                    20% {\n                        opacity: 1;\n                        transform: scale(1.15);\n                    }\n                    40% {\n                        opacity: 0.7;\n                        transform: translateY(0);\n                    }\n                }\n            `}</style>\n            <div className=\"loader-wrapper\">\n                <div className=\"letter-wrapper\">\n                    <span className=\"loader-letter\">T</span>\n                    <span className=\"loader-letter\">h</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">k</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">g</span>\n                </div>\n            </div>\n        </>\n    )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":"kDAAA,SAAwBA,GAAW,CAC/B,OACIC,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,MAAC,QAAA,CAAO,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAoFN,QACD,MAAA,CAAI,UAAU,iBACX,SAAAF,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACX,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,IAAC,EACjCA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,GAAA,CAAC,CAAA,CAAA,CACrC,CAAA,CACJ,CAAA,EACJ,CAER"}

package/dist/components/Thinking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thinking.d.ts","sourceRoot":"","sources":["../../src/components/Thinking.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAuG/B"}
+{"version":3,"file":"Thinking.d.ts","sourceRoot":"","sources":["../../src/components/Thinking.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAsG/B"}

package/dist/components/Thinking.es.js

@@ -86,19 +86,16 @@ function l() {
                     }
                 }
             ` }),
-    /* @__PURE__ */ a("div", { className: "loader-wrapper", children: [
-      /* @__PURE__ */ e("div", { className: "loader" }),
-      /* @__PURE__ */ a("div", { className: "letter-wrapper", children: [
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "T" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "h" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "k" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
-        /* @__PURE__ */ e("span", { className: "loader-letter", children: "g" })
-      ] })
-    ] })
+    /* @__PURE__ */ e("div", { className: "loader-wrapper", children: /* @__PURE__ */ a("div", { className: "letter-wrapper", children: [
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "T" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "h" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "k" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "i" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "n" }),
+      /* @__PURE__ */ e("span", { className: "loader-letter", children: "g" })
+    ] }) })
   ] });
 }
 export {

package/dist/components/Thinking.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thinking.es.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n    return (\n        <>\n            <style>{`\n                .loader-wrapper {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    color: white;\n                    user-select: none;\n                    gap: 10px;\n                }\n\n                .loader {\n                    width: 20px;\n                    height: 20px;\n                    aspect-ratio: 1 / 1;\n                    border-radius: 50%;\n                    background-color: transparent;\n                    animation: loader-rotate 1.5s linear infinite;\n                    z-index: 0;\n                }\n\n                @keyframes loader-rotate {\n                    0% {\n                        transform: rotate(90deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #0693ff inset;\n                    }\n                    50% {\n                        transform: rotate(270deg);\n                        background: #7c0911;\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #d60a47 inset,\n                            0 4px 4px 0 #fbef19 inset;\n                    }\n                    100% {\n                        transform: rotate(450deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #28a9ff inset;\n                    }\n                }\n\n                .letter-wrapper {\n                    display: flex;\n                    gap: 1px;\n                }\n\n                .loader-letter {\n                    display: inline-block;\n                    opacity: 0.4;\n                    transform: translateY(0);\n                    animation: loader-letter-anim 2s infinite;\n                    z-index: 1;\n                    border-radius: 50ch;\n                    border: none;\n                }\n\n                .loader-letter:nth-child(1) { animation-delay: 0s; }\n                .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n                .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n                .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n                .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n                .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n                .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n                .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n                @keyframes loader-letter-anim {\n                    0%, 100% {\n                        opacity: 0.4;\n                        transform: translateY(0);\n                    }\n                    20% {\n                        opacity: 1;\n                        transform: scale(1.15);\n                    }\n                    40% {\n                        opacity: 0.7;\n                        transform: translateY(0);\n                    }\n                }\n            `}</style>\n            <div className=\"loader-wrapper\">\n                <div className=\"loader\"></div>\n                <div className=\"letter-wrapper\">\n                    <span className=\"loader-letter\">T</span>\n                    <span className=\"loader-letter\">h</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">k</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">g</span>\n                </div>\n            </div>\n        </>\n    )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":";AAAA,SAAwBA,IAAW;AAC/B,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAoFN;AAAA,IACF,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxB,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,CACrC;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"Thinking.es.js","sources":["../../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n    return (\n        <>\n            <style>{`\n                .loader-wrapper {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    color: white;\n                    user-select: none;\n                    gap: 10px;\n                }\n\n                .loader {\n                    width: 20px;\n                    height: 20px;\n                    aspect-ratio: 1 / 1;\n                    border-radius: 50%;\n                    background-color: transparent;\n                    animation: loader-rotate 1.5s linear infinite;\n                    z-index: 0;\n                }\n\n                @keyframes loader-rotate {\n                    0% {\n                        transform: rotate(90deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #0693ff inset;\n                    }\n                    50% {\n                        transform: rotate(270deg);\n                        background: #7c0911;\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #d60a47 inset,\n                            0 4px 4px 0 #fbef19 inset;\n                    }\n                    100% {\n                        transform: rotate(450deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #28a9ff inset;\n                    }\n                }\n\n                .letter-wrapper {\n                    display: flex;\n                    gap: 1px;\n                }\n\n                .loader-letter {\n                    display: inline-block;\n                    opacity: 0.4;\n                    transform: translateY(0);\n                    animation: loader-letter-anim 2s infinite;\n                    z-index: 1;\n                    border-radius: 50ch;\n                    border: none;\n                }\n\n                .loader-letter:nth-child(1) { animation-delay: 0s; }\n                .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n                .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n                .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n                .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n                .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n                .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n                .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n                @keyframes loader-letter-anim {\n                    0%, 100% {\n                        opacity: 0.4;\n                        transform: translateY(0);\n                    }\n                    20% {\n                        opacity: 1;\n                        transform: scale(1.15);\n                    }\n                    40% {\n                        opacity: 0.7;\n                        transform: translateY(0);\n                    }\n                }\n            `}</style>\n            <div className=\"loader-wrapper\">\n                <div className=\"letter-wrapper\">\n                    <span className=\"loader-letter\">T</span>\n                    <span className=\"loader-letter\">h</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">k</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">g</span>\n                </div>\n            </div>\n        </>\n    )\n}\n"],"names":["Thinking","jsxs","Fragment","jsx"],"mappings":";AAAA,SAAwBA,IAAW;AAC/B,SACI,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAoFN;AAAA,sBACD,OAAA,EAAI,WAAU,kBACX,UAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,MACjC,gBAAAA,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,IAAA,EAAA,CACrC,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/components/messages/AgentMessage.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("../../utils/tailwindUtil.cjs.js"),w=require("../../utils/utils.cjs.js"),d=require("lucide-react"),f=require("react"),m=require("../ui/AgentMarkdown.cjs.js"),A=require("./BranchSwitcher.cjs.js"),b=require("./MessageActions.cjs.js");function q(n){if(!n)return null;const t=n.additional_kwargs;return t&&typeof t.reasoning_content=="string"&&t.reasoning_content.length>0?t.reasoning_content:null}function j({text:n,isStreaming:t,fontSize:c}){const[s,a]=f.useState(!1);return f.useEffect(()=>{a(!!t)},[t]),e.jsxs("div",{className:"my-1",children:[e.jsxs("button",{type:"button",onClick:()=>a(g=>!g),className:"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300",children:[t?e.jsx(d.LoaderCircle,{className:"size-3 animate-spin"}):e.jsx(d.Sparkles,{className:"size-3"}),e.jsx("span",{children:t?"Thinking":"Thought"}),e.jsx(d.ChevronRight,{className:p.cn("size-3 transition-transform duration-200",s&&"rotate-90")})]}),s&&e.jsx("div",{className:"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:n})})]})}function M(n,t,c){if(!n)return null;const s=n.content,a=[],g=q(n);if(g){const r=typeof s=="string"?s.length>0:Array.isArray(s)&&s.some(i=>i.type==="text"&&typeof i.text=="string"&&i.text.length>0);a.push(e.jsx(j,{text:g,isStreaming:t&&!r,fontSize:c},"kwargs-reasoning"))}if(typeof s=="string")return s.length>0&&a.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:s})},"text-content")),a.length>0?e.jsx(e.Fragment,{children:a}):null;if(!Array.isArray(s))return null;const x=s;let o="",l=0;const h=()=>{o.length>0&&(a.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:c,children:o})},`text-${l}`)),o="",l++)};for(let r=0;r<x.length;r++){const i=x[r];if(i.type==="text"&&typeof i.text=="string")o+=i.text;else if(i.type==="reasoning"&&typeof i.reasoning=="string"||i.type==="thinking"&&typeof i.thinking=="string"){h();const k=i.reasoning??i.thinking,y=x.slice(r+1).some(u=>u.type==="text"&&typeof u.text=="string"&&u.text.length>0),N=t&&!y;a.push(e.jsx(j,{text:k,isStreaming:N,fontSize:c},`thinking-${l}`)),l++}}return h(),a.length>0?e.jsx(e.Fragment,{children:a}):null}function R({agentName:n,fontSize:t,message:c,isStreaming:s=!1,onRegenerate:a,feedback:g,onFeedback:x,branch:o,branchOptions:l,onBranchSelect:h}){const r=w.getContentString(c?.content),i=M(c,s,t);return e.jsxs("div",{className:"agent-message flex flex-col gap-1 w-full group",children:[e.jsxs("div",{className:"flex items-center gap-3 w-full",children:[e.jsx("div",{className:"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2","data-alt":"AI Avatar",children:e.jsx(d.BotMessageSquare,{className:"text-xs",color:"white"})}),e.jsx("span",{className:"text-zinc-500 text-sm",children:n||"Agent"})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-1 items-start min-w-0",children:[e.jsx("div",{className:"text-content text-foreground",style:t?{fontSize:t}:void 0,children:i||e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2 text-zinc-500",children:[e.jsx(d.Loader2,{className:"animate-spin",size:16}),e.jsx("span",{children:"Thinking..."})]}),s&&r&&e.jsx("span",{className:"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse"})]})}),!s&&o&&l&&h&&l.length>1&&e.jsx(A.BranchSwitcher,{branch:o,branchOptions:l,onSelect:h,isLoading:s}),!s&&r&&e.jsx(b.MessageActions,{message:c,onRegenerate:a,feedback:g,onFeedback:x,className:""})]})]})}const T=f.memo(R,(n,t)=>t.isStreaming?!1:n.message.id===t.message.id&&n.isStreaming===t.isStreaming&&n.feedback===t.feedback&&n.onRegenerate===t.onRegenerate&&n.onFeedback===t.onFeedback&&n.branch===t.branch&&n.branchOptions?.length===t.branchOptions?.length&&n.onBranchSelect===t.onBranchSelect);module.exports=T;
+"use strict";const e=require("react/jsx-runtime"),p=require("../../utils/tailwindUtil.cjs.js"),w=require("../../utils/utils.cjs.js"),d=require("lucide-react"),f=require("react"),m=require("../ui/AgentMarkdown.cjs.js"),A=require("./BranchSwitcher.cjs.js"),b=require("./MessageActions.cjs.js");function q(n){if(!n)return null;const t=n.additional_kwargs;return t&&typeof t.reasoning_content=="string"&&t.reasoning_content.length>0?t.reasoning_content:null}function j({text:n,isStreaming:t,fontSize:a}){const[s,c]=f.useState(!1);return f.useEffect(()=>{c(!!t)},[t]),e.jsxs("div",{className:"my-1",children:[e.jsxs("button",{type:"button",onClick:()=>c(g=>!g),className:"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300",children:[t?e.jsx(d.LoaderCircle,{className:"size-3 animate-spin"}):e.jsx(d.Sparkles,{className:"size-3"}),e.jsx("span",{children:t?"Thinking":"Thought"}),e.jsx(d.ChevronRight,{className:p.cn("size-3 transition-transform duration-200",s&&"rotate-90")})]}),s&&e.jsx("div",{className:"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300",children:e.jsx(m.AgentMarkdown,{fontSize:a,children:n})})]})}function M(n,t,a){if(!n)return null;const s=n.content,c=[],g=q(n);if(g){const r=typeof s=="string"?s.length>0:Array.isArray(s)&&s.some(i=>i.type==="text"&&typeof i.text=="string"&&i.text.length>0);c.push(e.jsx(j,{text:g,isStreaming:t&&!r,fontSize:a},"kwargs-reasoning"))}if(typeof s=="string")return s.length>0&&c.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:a,children:s})},"text-content")),c.length>0?e.jsx(e.Fragment,{children:c}):null;if(!Array.isArray(s))return null;const x=s;let o="",l=0;const h=()=>{o.length>0&&(c.push(e.jsx("div",{className:"py-1",children:e.jsx(m.AgentMarkdown,{fontSize:a,children:o})},`text-${l}`)),o="",l++)};for(let r=0;r<x.length;r++){const i=x[r];if(i.type==="text"&&typeof i.text=="string")o+=i.text;else if(i.type==="reasoning"&&typeof i.reasoning=="string"||i.type==="thinking"&&typeof i.thinking=="string"){h();const k=i.reasoning??i.thinking,y=x.slice(r+1).some(u=>u.type==="text"&&typeof u.text=="string"&&u.text.length>0),N=t&&!y;c.push(e.jsx(j,{text:k,isStreaming:N,fontSize:a},`thinking-${l}`)),l++}}return h(),c.length>0?e.jsx(e.Fragment,{children:c}):null}function R({agentName:n,fontSize:t,message:a,isStreaming:s=!1,onRegenerate:c,feedback:g,onFeedback:x,branch:o,branchOptions:l,onBranchSelect:h}){const r=w.getContentString(a?.content),i=M(a,s,t);return e.jsxs("div",{className:"agent-message flex flex-col gap-1 w-full group",children:[e.jsxs("div",{className:"flex items-center gap-3 w-full",children:[e.jsx("div",{className:"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2","data-alt":"AI Avatar",children:e.jsx(d.BotMessageSquare,{className:"text-xs",color:"white"})}),e.jsx("span",{className:"text-zinc-500 text-sm",children:n||"Agent"})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-1 items-start min-w-0",children:[e.jsx("div",{className:"text-content text-foreground",style:t?{fontSize:t}:void 0,children:i||e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"flex items-center gap-2 text-zinc-500",children:e.jsx("span",{children:"Thinking..."})}),s&&r&&e.jsx("span",{className:"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse"})]})}),!s&&o&&l&&h&&l.length>1&&e.jsx(A.BranchSwitcher,{branch:o,branchOptions:l,onSelect:h,isLoading:s}),!s&&r&&e.jsx(b.MessageActions,{message:a,onRegenerate:c,feedback:g,onFeedback:x,className:""})]})]})}const T=f.memo(R,(n,t)=>t.isStreaming?!1:n.message.id===t.message.id&&n.isStreaming===t.isStreaming&&n.feedback===t.feedback&&n.onRegenerate===t.onRegenerate&&n.onFeedback===t.onFeedback&&n.branch===t.branch&&n.branchOptions?.length===t.branchOptions?.length&&n.onBranchSelect===t.onBranchSelect);module.exports=T;
 //# sourceMappingURL=AgentMessage.cjs.js.map

package/dist/components/messages/AgentMessage.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentMessage.cjs.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, Loader2, LoaderCircle, Sparkles } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\nfunction getReasoningFromKwargs(message: Message | undefined): string | null {\n  if (!message) return null;\n  const ak = (message as Record<string, unknown>).additional_kwargs as\n    | Record<string, unknown>\n    | undefined;\n  if (\n    ak &&\n    typeof ak.reasoning_content === \"string\" &&\n    ak.reasoning_content.length > 0\n  ) {\n    return ak.reasoning_content;\n  }\n  return null;\n}\n\nfunction InlineThinking({ text, isStreaming, fontSize }: { text: string; isStreaming?: boolean; fontSize?: string }) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(!!isStreaming);\n  }, [isStreaming]);\n\n  return (\n    <div className=\"my-1\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((p) => !p)}\n        className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n      >\n        {isStreaming ? (\n          <LoaderCircle className=\"size-3 animate-spin\" />\n        ) : (\n          <Sparkles className=\"size-3\" />\n        )}\n        <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n        <ChevronRight\n          className={cn(\n            \"size-3 transition-transform duration-200\",\n            expanded && \"rotate-90\",\n          )}\n        />\n      </button>\n      {expanded && (\n        <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300\">\n          <AgentMarkdown fontSize={fontSize}>{text}</AgentMarkdown>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderContentInline(message: Message | undefined, isActivelyStreaming?: boolean, fontSize?: string) {\n  if (!message) return null;\n  const content = message.content;\n  const parts: React.ReactNode[] = [];\n\n  const kwargsReasoning = getReasoningFromKwargs(message);\n  if (kwargsReasoning) {\n    const hasTextContent =\n      typeof content === \"string\"\n        ? content.length > 0\n        : Array.isArray(content) &&\n          (content as Record<string, unknown>[]).some(\n            (b) =>\n              b.type === \"text\" &&\n              typeof b.text === \"string\" &&\n              (b.text as string).length > 0,\n          );\n    parts.push(\n      <InlineThinking\n        key=\"kwargs-reasoning\"\n        text={kwargsReasoning}\n        isStreaming={isActivelyStreaming && !hasTextContent}\n        fontSize={fontSize}\n      />,\n    );\n  }\n\n  if (typeof content === \"string\") {\n    if (content.length > 0) {\n      parts.push(\n        <div key=\"text-content\" className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n        </div>,\n      );\n    }\n    return parts.length > 0 ? <>{parts}</> : null;\n  }\n\n  if (!Array.isArray(content)) return null;\n\n  const blocks = content as Record<string, unknown>[];\n  let textAccum = \"\";\n  let idx = 0;\n\n  const flushText = () => {\n    if (textAccum.length > 0) {\n      parts.push(\n        <div key={`text-${idx}`} className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n        </div>,\n      );\n      textAccum = \"\";\n      idx++;\n    }\n  };\n\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i];\n    if (block.type === \"text\" && typeof block.text === \"string\") {\n      textAccum += block.text;\n    } else if (\n      (block.type === \"reasoning\" && typeof block.reasoning === \"string\") ||\n      (block.type === \"thinking\" && typeof block.thinking === \"string\")\n    ) {\n      flushText();\n      const text = (block.reasoning ?? block.thinking) as string;\n      const hasTextAfter = blocks.slice(i + 1).some(\n        (b) =>\n          b.type === \"text\" &&\n          typeof b.text === \"string\" &&\n          (b.text as string).length > 0,\n      );\n      const isThisBlockStreaming = isActivelyStreaming && !hasTextAfter;\n      parts.push(\n        <InlineThinking key={`thinking-${idx}`} text={text} isStreaming={isThisBlockStreaming} fontSize={fontSize} />,\n      );\n      idx++;\n    }\n  }\n\n  flushText();\n  return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n  agentName,\n  fontSize,\n  message,\n  isStreaming = false,\n  onRegenerate,\n  feedback,\n  onFeedback,\n  branch,\n  branchOptions,\n  onBranchSelect,\n}: {\n  agentName?: string;\n  fontSize?: string;\n  message: Message;\n  isStreaming?: boolean;\n  onRegenerate?: (parentCheckpoint: any | null | undefined, messageId: string, currentMessage: any) => void;\n  feedback?: MessageFeedback;\n  onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n  branch?: string;\n  branchOptions?: string[];\n  onBranchSelect?: (branch: string) => void;\n}) {\n  const content = getContentString(message?.content);\n  const inlineContent = renderContentInline(message, isStreaming, fontSize);\n\n  return (\n    <div className=\"agent-message flex flex-col gap-1 w-full group\">\n      <div className=\"flex items-center gap-3 w-full\">\n        <div\n          className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n          data-alt=\"AI Avatar\"\n        >\n          <BotMessageSquare className=\"text-xs\" color=\"white\" />\n        </div>\n        <span className=\"text-zinc-500 text-sm\">{agentName || \"Agent\"}</span>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n        <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n          {inlineContent ? (\n            inlineContent\n          ) : (\n            <>\n              <div className=\"flex items-center gap-2 text-zinc-500\">\n                <Loader2 className=\"animate-spin\" size={16} />\n                <span>Thinking...</span>\n              </div>\n              {isStreaming && content && (\n                <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n              )}\n            </>\n          )}\n        </div>\n\n        {/* Branch switcher - show when multiple branches exist */}\n        {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n          <BranchSwitcher\n            branch={branch}\n            branchOptions={branchOptions}\n            onSelect={onBranchSelect}\n            isLoading={isStreaming}\n          />\n        )}\n\n        {/* Show actions only when not streaming and content exists */}\n        {!isStreaming && content && (\n          <MessageActions\n            message={message}\n            onRegenerate={onRegenerate}\n            feedback={feedback}\n            onFeedback={onFeedback}\n            className=\"\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n  // If it's streaming, we need to re-render to show updates\n  if (nextProps.isStreaming) {\n    return false; // Always re-render when streaming\n  }\n\n  // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n  return (\n    prevProps.message.id === nextProps.message.id &&\n    prevProps.isStreaming === nextProps.isStreaming &&\n    prevProps.feedback === nextProps.feedback &&\n    prevProps.onRegenerate === nextProps.onRegenerate &&\n    prevProps.onFeedback === nextProps.onFeedback &&\n    prevProps.branch === nextProps.branch &&\n    prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n    prevProps.onBranchSelect === nextProps.onBranchSelect\n  );\n});\n"],"names":["getReasoningFromKwargs","message","ak","InlineThinking","text","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","AgentMarkdown","renderContentInline","isActivelyStreaming","content","parts","kwargsReasoning","hasTextContent","b","Fragment","blocks","textAccum","idx","flushText","i","block","hasTextAfter","isThisBlockStreaming","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","Loader2","BranchSwitcher","MessageActions","React","prevProps","nextProps"],"mappings":"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"}
+{"version":3,"file":"AgentMessage.cjs.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, LoaderCircle, Sparkles } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\nfunction getReasoningFromKwargs(message: Message | undefined): string | null {\n  if (!message) return null;\n  const ak = (message as Record<string, unknown>).additional_kwargs as\n    | Record<string, unknown>\n    | undefined;\n  if (\n    ak &&\n    typeof ak.reasoning_content === \"string\" &&\n    ak.reasoning_content.length > 0\n  ) {\n    return ak.reasoning_content;\n  }\n  return null;\n}\n\nfunction InlineThinking({\n  text,\n  isStreaming,\n  fontSize,\n}: {\n  text: string;\n  isStreaming?: boolean;\n  fontSize?: string;\n}) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(!!isStreaming);\n  }, [isStreaming]);\n\n  return (\n    <div className=\"my-1\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((p) => !p)}\n        className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n      >\n        {isStreaming ? (\n          <LoaderCircle className=\"size-3 animate-spin\" />\n        ) : (\n          <Sparkles className=\"size-3\" />\n        )}\n        <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n        <ChevronRight\n          className={cn(\n            \"size-3 transition-transform duration-200\",\n            expanded && \"rotate-90\",\n          )}\n        />\n      </button>\n      {expanded && (\n        <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300\">\n          <AgentMarkdown fontSize={fontSize}>{text}</AgentMarkdown>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderContentInline(\n  message: Message | undefined,\n  isActivelyStreaming?: boolean,\n  fontSize?: string,\n) {\n  if (!message) return null;\n  const content = message.content;\n  const parts: React.ReactNode[] = [];\n\n  const kwargsReasoning = getReasoningFromKwargs(message);\n  if (kwargsReasoning) {\n    const hasTextContent =\n      typeof content === \"string\"\n        ? content.length > 0\n        : Array.isArray(content) &&\n          (content as Record<string, unknown>[]).some(\n            (block) =>\n              block.type === \"text\" &&\n              typeof block.text === \"string\" &&\n              (block.text as string).length > 0,\n          );\n\n    parts.push(\n      <InlineThinking\n        key=\"kwargs-reasoning\"\n        text={kwargsReasoning}\n        isStreaming={isActivelyStreaming && !hasTextContent}\n        fontSize={fontSize}\n      />,\n    );\n  }\n\n  if (typeof content === \"string\") {\n    if (content.length > 0) {\n      parts.push(\n        <div key=\"text-content\" className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n        </div>,\n      );\n    }\n    return parts.length > 0 ? <>{parts}</> : null;\n  }\n\n  if (!Array.isArray(content)) return null;\n\n  const blocks = content as Record<string, unknown>[];\n  let textAccum = \"\";\n  let idx = 0;\n\n  const flushText = () => {\n    if (textAccum.length > 0) {\n      parts.push(\n        <div key={`text-${idx}`} className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n        </div>,\n      );\n      textAccum = \"\";\n      idx++;\n    }\n  };\n\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i];\n    if (block.type === \"text\" && typeof block.text === \"string\") {\n      textAccum += block.text;\n    } else if (\n      (block.type === \"reasoning\" && typeof block.reasoning === \"string\") ||\n      (block.type === \"thinking\" && typeof block.thinking === \"string\")\n    ) {\n      flushText();\n      const text = (block.reasoning ?? block.thinking) as string;\n      const hasTextAfter = blocks.slice(i + 1).some(\n        (b) =>\n          b.type === \"text\" &&\n          typeof b.text === \"string\" &&\n          (b.text as string).length > 0,\n      );\n      const isThisBlockStreaming = isActivelyStreaming && !hasTextAfter;\n      parts.push(\n        <InlineThinking\n          key={`thinking-${idx}`}\n          text={text}\n          isStreaming={isThisBlockStreaming}\n          fontSize={fontSize}\n        />,\n      );\n      idx++;\n    }\n  }\n\n  flushText();\n  return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n  agentName,\n  fontSize,\n  message,\n  isStreaming = false,\n  onRegenerate,\n  feedback,\n  onFeedback,\n  branch,\n  branchOptions,\n  onBranchSelect,\n}: {\n  agentName?: string;\n  fontSize?: string;\n  message: Message;\n  isStreaming?: boolean;\n  onRegenerate?: (parentCheckpoint: any | null | undefined, messageId: string, currentMessage: any) => void;\n  feedback?: MessageFeedback;\n  onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n  branch?: string;\n  branchOptions?: string[];\n  onBranchSelect?: (branch: string) => void;\n}) {\n  const content = getContentString(message?.content);\n  const inlineContent = renderContentInline(message, isStreaming, fontSize);\n\n  return (\n    <div className=\"agent-message flex flex-col gap-1 w-full group\">\n      <div className=\"flex items-center gap-3 w-full\">\n        <div\n          className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n          data-alt=\"AI Avatar\"\n        >\n          <BotMessageSquare className=\"text-xs\" color=\"white\" />\n        </div>\n        <span className=\"text-zinc-500 text-sm\">{agentName || \"Agent\"}</span>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n        <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n          {inlineContent ? (\n            inlineContent\n          ) : (\n            <>\n              <div className=\"flex items-center gap-2 text-zinc-500\">\n                {/* <Loader2 className=\"animate-spin\" size={16} /> */}\n                <span>Thinking...</span>\n              </div>\n              {isStreaming && content && (\n                <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n              )}\n            </>\n          )}\n        </div>\n\n        {/* Branch switcher - show when multiple branches exist */}\n        {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n          <BranchSwitcher\n            branch={branch}\n            branchOptions={branchOptions}\n            onSelect={onBranchSelect}\n            isLoading={isStreaming}\n          />\n        )}\n\n        {/* Show actions only when not streaming and content exists */}\n        {!isStreaming && content && (\n          <MessageActions\n            message={message}\n            onRegenerate={onRegenerate}\n            feedback={feedback}\n            onFeedback={onFeedback}\n            className=\"\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n  // If it's streaming, we need to re-render to show updates\n  if (nextProps.isStreaming) {\n    return false; // Always re-render when streaming\n  }\n\n  // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n  return (\n    prevProps.message.id === nextProps.message.id &&\n    prevProps.isStreaming === nextProps.isStreaming &&\n    prevProps.feedback === nextProps.feedback &&\n    prevProps.onRegenerate === nextProps.onRegenerate &&\n    prevProps.onFeedback === nextProps.onFeedback &&\n    prevProps.branch === nextProps.branch &&\n    prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n    prevProps.onBranchSelect === nextProps.onBranchSelect\n  );\n});\n"],"names":["getReasoningFromKwargs","message","ak","InlineThinking","text","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","AgentMarkdown","renderContentInline","isActivelyStreaming","content","parts","kwargsReasoning","hasTextContent","block","Fragment","blocks","textAccum","idx","flushText","i","hasTextAfter","b","isThisBlockStreaming","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","BranchSwitcher","MessageActions","React","prevProps","nextProps"],"mappings":"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"}

package/dist/components/messages/AgentMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAyIxE,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1G,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,2CAuDA;;AAGD,wBAiBG"}
+{"version":3,"file":"AgentMessage.d.ts","sourceRoot":"","sources":["../../../src/components/messages/AgentMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA2JxE,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAmB,EACnB,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,MAAM,EACN,aAAa,EACb,cAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1G,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,2CAuDA;;AAGD,wBAiBG"}

package/dist/components/messages/AgentMessage.es.js

@@ -1,29 +1,33 @@
-import { jsxs as g, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { jsxs as h, jsx as t, Fragment as u } from "react/jsx-runtime";
 import { cn as w } from "../../utils/tailwindUtil.es.js";
 import { getContentString as A } from "../../utils/utils.es.js";
-import { BotMessageSquare as b, Loader2 as T, LoaderCircle as z, Sparkles as C, ChevronRight as v } from "lucide-react";
-import R, { useState as _, useEffect as M } from "react";
+import { BotMessageSquare as b, LoaderCircle as T, Sparkles as C, ChevronRight as v } from "lucide-react";
+import z, { useState as R, useEffect as _ } from "react";
 import { AgentMarkdown as x } from "../ui/AgentMarkdown.es.js";
-import { BranchSwitcher as B } from "./BranchSwitcher.es.js";
-import { MessageActions as F } from "./MessageActions.es.js";
-function j(n) {
+import { BranchSwitcher as M } from "./BranchSwitcher.es.js";
+import { MessageActions as B } from "./MessageActions.es.js";
+function F(n) {
   if (!n) return null;
   const e = n.additional_kwargs;
   return e && typeof e.reasoning_content == "string" && e.reasoning_content.length > 0 ? e.reasoning_content : null;
 }
-function p({ text: n, isStreaming: e, fontSize: l }) {
-  const [i, a] = _(!1);
-  return M(() => {
-    a(!!e);
-  }, [e]), /* @__PURE__ */ g("div", { className: "my-1", children: [
-    /* @__PURE__ */ g(
+function p({
+  text: n,
+  isStreaming: e,
+  fontSize: a
+}) {
+  const [i, l] = R(!1);
+  return _(() => {
+    l(!!e);
+  }, [e]), /* @__PURE__ */ h("div", { className: "my-1", children: [
+    /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        onClick: () => a((h) => !h),
+        onClick: () => l((g) => !g),
         className: "inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300",
         children: [
-          e ? /* @__PURE__ */ t(z, { className: "size-3 animate-spin" }) : /* @__PURE__ */ t(C, { className: "size-3" }),
+          e ? /* @__PURE__ */ t(T, { className: "size-3 animate-spin" }) : /* @__PURE__ */ t(C, { className: "size-3" }),
           /* @__PURE__ */ t("span", { children: e ? "Thinking" : "Thought" }),
           /* @__PURE__ */ t(
             v,
@@ -37,38 +41,38 @@ function p({ text: n, isStreaming: e, fontSize: l }) {
         ]
       }
     ),
-    i && /* @__PURE__ */ t("div", { className: "mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300", children: /* @__PURE__ */ t(x, { fontSize: l, children: n }) })
+    i && /* @__PURE__ */ t("div", { className: "mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300", children: /* @__PURE__ */ t(x, { fontSize: a, children: n }) })
   ] });
 }
-function I(n, e, l) {
+function j(n, e, a) {
   if (!n) return null;
-  const i = n.content, a = [], h = j(n);
-  if (h) {
+  const i = n.content, l = [], g = F(n);
+  if (g) {
     const r = typeof i == "string" ? i.length > 0 : Array.isArray(i) && i.some(
       (s) => s.type === "text" && typeof s.text == "string" && s.text.length > 0
     );
-    a.push(
+    l.push(
       /* @__PURE__ */ t(
         p,
         {
-          text: h,
+          text: g,
           isStreaming: e && !r,
-          fontSize: l
+          fontSize: a
         },
         "kwargs-reasoning"
       )
     );
   }
   if (typeof i == "string")
-    return i.length > 0 && a.push(
-      /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ t(x, { fontSize: l, children: i }) }, "text-content")
-    ), a.length > 0 ? /* @__PURE__ */ t(u, { children: a }) : null;
+    return i.length > 0 && l.push(
+      /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ t(x, { fontSize: a, children: i }) }, "text-content")
+    ), l.length > 0 ? /* @__PURE__ */ t(u, { children: l }) : null;
   if (!Array.isArray(i)) return null;
   const d = i;
   let o = "", c = 0;
   const f = () => {
-    o.length > 0 && (a.push(
-      /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ t(x, { fontSize: l, children: o }) }, `text-${c}`)
+    o.length > 0 && (l.push(
+      /* @__PURE__ */ t("div", { className: "py-1", children: /* @__PURE__ */ t(x, { fontSize: a, children: o }) }, `text-${c}`)
     ), o = "", c++);
   };
   for (let r = 0; r < d.length; r++) {
@@ -77,31 +81,39 @@ function I(n, e, l) {
       o += s.text;
     else if (s.type === "reasoning" && typeof s.reasoning == "string" || s.type === "thinking" && typeof s.thinking == "string") {
       f();
-      const k = s.reasoning ?? s.thinking, y = d.slice(r + 1).some(
+      const y = s.reasoning ?? s.thinking, k = d.slice(r + 1).some(
         (m) => m.type === "text" && typeof m.text == "string" && m.text.length > 0
-      ), N = e && !y;
-      a.push(
-        /* @__PURE__ */ t(p, { text: k, isStreaming: N, fontSize: l }, `thinking-${c}`)
+      ), N = e && !k;
+      l.push(
+        /* @__PURE__ */ t(
+          p,
+          {
+            text: y,
+            isStreaming: N,
+            fontSize: a
+          },
+          `thinking-${c}`
+        )
       ), c++;
     }
   }
-  return f(), a.length > 0 ? /* @__PURE__ */ t(u, { children: a }) : null;
+  return f(), l.length > 0 ? /* @__PURE__ */ t(u, { children: l }) : null;
 }
-function L({
+function I({
   agentName: n,
   fontSize: e,
-  message: l,
+  message: a,
   isStreaming: i = !1,
-  onRegenerate: a,
-  feedback: h,
+  onRegenerate: l,
+  feedback: g,
   onFeedback: d,
   branch: o,
   branchOptions: c,
   onBranchSelect: f
 }) {
-  const r = A(l?.content), s = I(l, i, e);
-  return /* @__PURE__ */ g("div", { className: "agent-message flex flex-col gap-1 w-full group", children: [
-    /* @__PURE__ */ g("div", { className: "flex items-center gap-3 w-full", children: [
+  const r = A(a?.content), s = j(a, i, e);
+  return /* @__PURE__ */ h("div", { className: "agent-message flex flex-col gap-1 w-full group", children: [
+    /* @__PURE__ */ h("div", { className: "flex items-center gap-3 w-full", children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -112,16 +124,13 @@ function L({
       ),
       /* @__PURE__ */ t("span", { className: "text-zinc-500 text-sm", children: n || "Agent" })
     ] }),
-    /* @__PURE__ */ g("div", { className: "flex flex-1 flex-col gap-1 items-start min-w-0", children: [
-      /* @__PURE__ */ t("div", { className: "text-content text-foreground", style: e ? { fontSize: e } : void 0, children: s || /* @__PURE__ */ g(u, { children: [
-        /* @__PURE__ */ g("div", { className: "flex items-center gap-2 text-zinc-500", children: [
-          /* @__PURE__ */ t(T, { className: "animate-spin", size: 16 }),
-          /* @__PURE__ */ t("span", { children: "Thinking..." })
-        ] }),
+    /* @__PURE__ */ h("div", { className: "flex flex-1 flex-col gap-1 items-start min-w-0", children: [
+      /* @__PURE__ */ t("div", { className: "text-content text-foreground", style: e ? { fontSize: e } : void 0, children: s || /* @__PURE__ */ h(u, { children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-zinc-500", children: /* @__PURE__ */ t("span", { children: "Thinking..." }) }),
         i && r && /* @__PURE__ */ t("span", { className: "inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse" })
       ] }) }),
       !i && o && c && f && c.length > 1 && /* @__PURE__ */ t(
-        B,
+        M,
         {
           branch: o,
           branchOptions: c,
@@ -130,11 +139,11 @@ function L({
         }
       ),
       !i && r && /* @__PURE__ */ t(
-        F,
+        B,
         {
-          message: l,
-          onRegenerate: a,
-          feedback: h,
+          message: a,
+          onRegenerate: l,
+          feedback: g,
           onFeedback: d,
           className: ""
         }
@@ -142,8 +151,8 @@ function L({
     ] })
   ] });
 }
-const O = R.memo(L, (n, e) => e.isStreaming ? !1 : n.message.id === e.message.id && n.isStreaming === e.isStreaming && n.feedback === e.feedback && n.onRegenerate === e.onRegenerate && n.onFeedback === e.onFeedback && n.branch === e.branch && n.branchOptions?.length === e.branchOptions?.length && n.onBranchSelect === e.onBranchSelect);
+const J = z.memo(I, (n, e) => e.isStreaming ? !1 : n.message.id === e.message.id && n.isStreaming === e.isStreaming && n.feedback === e.feedback && n.onRegenerate === e.onRegenerate && n.onFeedback === e.onFeedback && n.branch === e.branch && n.branchOptions?.length === e.branchOptions?.length && n.onBranchSelect === e.onBranchSelect);
 export {
-  O as default
+  J as default
 };
 //# sourceMappingURL=AgentMessage.es.js.map

package/dist/components/messages/AgentMessage.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentMessage.es.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, Loader2, LoaderCircle, Sparkles } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\nfunction getReasoningFromKwargs(message: Message | undefined): string | null {\n  if (!message) return null;\n  const ak = (message as Record<string, unknown>).additional_kwargs as\n    | Record<string, unknown>\n    | undefined;\n  if (\n    ak &&\n    typeof ak.reasoning_content === \"string\" &&\n    ak.reasoning_content.length > 0\n  ) {\n    return ak.reasoning_content;\n  }\n  return null;\n}\n\nfunction InlineThinking({ text, isStreaming, fontSize }: { text: string; isStreaming?: boolean; fontSize?: string }) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(!!isStreaming);\n  }, [isStreaming]);\n\n  return (\n    <div className=\"my-1\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((p) => !p)}\n        className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n      >\n        {isStreaming ? (\n          <LoaderCircle className=\"size-3 animate-spin\" />\n        ) : (\n          <Sparkles className=\"size-3\" />\n        )}\n        <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n        <ChevronRight\n          className={cn(\n            \"size-3 transition-transform duration-200\",\n            expanded && \"rotate-90\",\n          )}\n        />\n      </button>\n      {expanded && (\n        <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300\">\n          <AgentMarkdown fontSize={fontSize}>{text}</AgentMarkdown>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderContentInline(message: Message | undefined, isActivelyStreaming?: boolean, fontSize?: string) {\n  if (!message) return null;\n  const content = message.content;\n  const parts: React.ReactNode[] = [];\n\n  const kwargsReasoning = getReasoningFromKwargs(message);\n  if (kwargsReasoning) {\n    const hasTextContent =\n      typeof content === \"string\"\n        ? content.length > 0\n        : Array.isArray(content) &&\n          (content as Record<string, unknown>[]).some(\n            (b) =>\n              b.type === \"text\" &&\n              typeof b.text === \"string\" &&\n              (b.text as string).length > 0,\n          );\n    parts.push(\n      <InlineThinking\n        key=\"kwargs-reasoning\"\n        text={kwargsReasoning}\n        isStreaming={isActivelyStreaming && !hasTextContent}\n        fontSize={fontSize}\n      />,\n    );\n  }\n\n  if (typeof content === \"string\") {\n    if (content.length > 0) {\n      parts.push(\n        <div key=\"text-content\" className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n        </div>,\n      );\n    }\n    return parts.length > 0 ? <>{parts}</> : null;\n  }\n\n  if (!Array.isArray(content)) return null;\n\n  const blocks = content as Record<string, unknown>[];\n  let textAccum = \"\";\n  let idx = 0;\n\n  const flushText = () => {\n    if (textAccum.length > 0) {\n      parts.push(\n        <div key={`text-${idx}`} className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n        </div>,\n      );\n      textAccum = \"\";\n      idx++;\n    }\n  };\n\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i];\n    if (block.type === \"text\" && typeof block.text === \"string\") {\n      textAccum += block.text;\n    } else if (\n      (block.type === \"reasoning\" && typeof block.reasoning === \"string\") ||\n      (block.type === \"thinking\" && typeof block.thinking === \"string\")\n    ) {\n      flushText();\n      const text = (block.reasoning ?? block.thinking) as string;\n      const hasTextAfter = blocks.slice(i + 1).some(\n        (b) =>\n          b.type === \"text\" &&\n          typeof b.text === \"string\" &&\n          (b.text as string).length > 0,\n      );\n      const isThisBlockStreaming = isActivelyStreaming && !hasTextAfter;\n      parts.push(\n        <InlineThinking key={`thinking-${idx}`} text={text} isStreaming={isThisBlockStreaming} fontSize={fontSize} />,\n      );\n      idx++;\n    }\n  }\n\n  flushText();\n  return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n  agentName,\n  fontSize,\n  message,\n  isStreaming = false,\n  onRegenerate,\n  feedback,\n  onFeedback,\n  branch,\n  branchOptions,\n  onBranchSelect,\n}: {\n  agentName?: string;\n  fontSize?: string;\n  message: Message;\n  isStreaming?: boolean;\n  onRegenerate?: (parentCheckpoint: any | null | undefined, messageId: string, currentMessage: any) => void;\n  feedback?: MessageFeedback;\n  onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n  branch?: string;\n  branchOptions?: string[];\n  onBranchSelect?: (branch: string) => void;\n}) {\n  const content = getContentString(message?.content);\n  const inlineContent = renderContentInline(message, isStreaming, fontSize);\n\n  return (\n    <div className=\"agent-message flex flex-col gap-1 w-full group\">\n      <div className=\"flex items-center gap-3 w-full\">\n        <div\n          className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n          data-alt=\"AI Avatar\"\n        >\n          <BotMessageSquare className=\"text-xs\" color=\"white\" />\n        </div>\n        <span className=\"text-zinc-500 text-sm\">{agentName || \"Agent\"}</span>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n        <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n          {inlineContent ? (\n            inlineContent\n          ) : (\n            <>\n              <div className=\"flex items-center gap-2 text-zinc-500\">\n                <Loader2 className=\"animate-spin\" size={16} />\n                <span>Thinking...</span>\n              </div>\n              {isStreaming && content && (\n                <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n              )}\n            </>\n          )}\n        </div>\n\n        {/* Branch switcher - show when multiple branches exist */}\n        {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n          <BranchSwitcher\n            branch={branch}\n            branchOptions={branchOptions}\n            onSelect={onBranchSelect}\n            isLoading={isStreaming}\n          />\n        )}\n\n        {/* Show actions only when not streaming and content exists */}\n        {!isStreaming && content && (\n          <MessageActions\n            message={message}\n            onRegenerate={onRegenerate}\n            feedback={feedback}\n            onFeedback={onFeedback}\n            className=\"\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n  // If it's streaming, we need to re-render to show updates\n  if (nextProps.isStreaming) {\n    return false; // Always re-render when streaming\n  }\n\n  // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n  return (\n    prevProps.message.id === nextProps.message.id &&\n    prevProps.isStreaming === nextProps.isStreaming &&\n    prevProps.feedback === nextProps.feedback &&\n    prevProps.onRegenerate === nextProps.onRegenerate &&\n    prevProps.onFeedback === nextProps.onFeedback &&\n    prevProps.branch === nextProps.branch &&\n    prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n    prevProps.onBranchSelect === nextProps.onBranchSelect\n  );\n});\n"],"names":["getReasoningFromKwargs","message","ak","InlineThinking","text","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","AgentMarkdown","renderContentInline","isActivelyStreaming","content","parts","kwargsReasoning","hasTextContent","b","Fragment","blocks","textAccum","idx","flushText","i","block","hasTextAfter","isThisBlockStreaming","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","Loader2","BranchSwitcher","MessageActions","AgentMessage$1","React","prevProps","nextProps"],"mappings":"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"}
+{"version":3,"file":"AgentMessage.es.js","sources":["../../../src/components/messages/AgentMessage.tsx"],"sourcesContent":["import { cn } from \"@/utils/tailwindUtil\";\nimport { getContentString } from \"@/utils/utils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { BotMessageSquare, ChevronRight, LoaderCircle, Sparkles } from \"lucide-react\";\nimport React, { useEffect, useState } from \"react\";\nimport { AgentMarkdown } from \"../ui/AgentMarkdown\";\nimport { BranchSwitcher } from \"./BranchSwitcher\";\nimport { MessageActions, type MessageFeedback } from \"./MessageActions\";\n\nfunction getReasoningFromKwargs(message: Message | undefined): string | null {\n  if (!message) return null;\n  const ak = (message as Record<string, unknown>).additional_kwargs as\n    | Record<string, unknown>\n    | undefined;\n  if (\n    ak &&\n    typeof ak.reasoning_content === \"string\" &&\n    ak.reasoning_content.length > 0\n  ) {\n    return ak.reasoning_content;\n  }\n  return null;\n}\n\nfunction InlineThinking({\n  text,\n  isStreaming,\n  fontSize,\n}: {\n  text: string;\n  isStreaming?: boolean;\n  fontSize?: string;\n}) {\n  const [expanded, setExpanded] = useState(false);\n\n  useEffect(() => {\n    setExpanded(!!isStreaming);\n  }, [isStreaming]);\n\n  return (\n    <div className=\"my-1\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((p) => !p)}\n        className=\"inline-flex items-center gap-1.5 text-xs text-zinc-400/80 transition-colors hover:text-zinc-300\"\n      >\n        {isStreaming ? (\n          <LoaderCircle className=\"size-3 animate-spin\" />\n        ) : (\n          <Sparkles className=\"size-3\" />\n        )}\n        <span>{isStreaming ? \"Thinking\" : \"Thought\"}</span>\n        <ChevronRight\n          className={cn(\n            \"size-3 transition-transform duration-200\",\n            expanded && \"rotate-90\",\n          )}\n        />\n      </button>\n      {expanded && (\n        <div className=\"mt-1.5 border-l-2 border-white/10 pl-4 text-sm text-zinc-300\">\n          <AgentMarkdown fontSize={fontSize}>{text}</AgentMarkdown>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderContentInline(\n  message: Message | undefined,\n  isActivelyStreaming?: boolean,\n  fontSize?: string,\n) {\n  if (!message) return null;\n  const content = message.content;\n  const parts: React.ReactNode[] = [];\n\n  const kwargsReasoning = getReasoningFromKwargs(message);\n  if (kwargsReasoning) {\n    const hasTextContent =\n      typeof content === \"string\"\n        ? content.length > 0\n        : Array.isArray(content) &&\n          (content as Record<string, unknown>[]).some(\n            (block) =>\n              block.type === \"text\" &&\n              typeof block.text === \"string\" &&\n              (block.text as string).length > 0,\n          );\n\n    parts.push(\n      <InlineThinking\n        key=\"kwargs-reasoning\"\n        text={kwargsReasoning}\n        isStreaming={isActivelyStreaming && !hasTextContent}\n        fontSize={fontSize}\n      />,\n    );\n  }\n\n  if (typeof content === \"string\") {\n    if (content.length > 0) {\n      parts.push(\n        <div key=\"text-content\" className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{content}</AgentMarkdown>\n        </div>,\n      );\n    }\n    return parts.length > 0 ? <>{parts}</> : null;\n  }\n\n  if (!Array.isArray(content)) return null;\n\n  const blocks = content as Record<string, unknown>[];\n  let textAccum = \"\";\n  let idx = 0;\n\n  const flushText = () => {\n    if (textAccum.length > 0) {\n      parts.push(\n        <div key={`text-${idx}`} className=\"py-1\">\n          <AgentMarkdown fontSize={fontSize}>{textAccum}</AgentMarkdown>\n        </div>,\n      );\n      textAccum = \"\";\n      idx++;\n    }\n  };\n\n  for (let i = 0; i < blocks.length; i++) {\n    const block = blocks[i];\n    if (block.type === \"text\" && typeof block.text === \"string\") {\n      textAccum += block.text;\n    } else if (\n      (block.type === \"reasoning\" && typeof block.reasoning === \"string\") ||\n      (block.type === \"thinking\" && typeof block.thinking === \"string\")\n    ) {\n      flushText();\n      const text = (block.reasoning ?? block.thinking) as string;\n      const hasTextAfter = blocks.slice(i + 1).some(\n        (b) =>\n          b.type === \"text\" &&\n          typeof b.text === \"string\" &&\n          (b.text as string).length > 0,\n      );\n      const isThisBlockStreaming = isActivelyStreaming && !hasTextAfter;\n      parts.push(\n        <InlineThinking\n          key={`thinking-${idx}`}\n          text={text}\n          isStreaming={isThisBlockStreaming}\n          fontSize={fontSize}\n        />,\n      );\n      idx++;\n    }\n  }\n\n  flushText();\n  return parts.length > 0 ? <>{parts}</> : null;\n}\n\nfunction AgentMessage({\n  agentName,\n  fontSize,\n  message,\n  isStreaming = false,\n  onRegenerate,\n  feedback,\n  onFeedback,\n  branch,\n  branchOptions,\n  onBranchSelect,\n}: {\n  agentName?: string;\n  fontSize?: string;\n  message: Message;\n  isStreaming?: boolean;\n  onRegenerate?: (parentCheckpoint: any | null | undefined, messageId: string, currentMessage: any) => void;\n  feedback?: MessageFeedback;\n  onFeedback?: (messageId: string, feedback: MessageFeedback) => void;\n  branch?: string;\n  branchOptions?: string[];\n  onBranchSelect?: (branch: string) => void;\n}) {\n  const content = getContentString(message?.content);\n  const inlineContent = renderContentInline(message, isStreaming, fontSize);\n\n  return (\n    <div className=\"agent-message flex flex-col gap-1 w-full group\">\n      <div className=\"flex items-center gap-3 w-full\">\n        <div\n          className=\"rounded-full size-8 shrink-0 bg-zinc-800 flex items-center justify-center p-2\"\n          data-alt=\"AI Avatar\"\n        >\n          <BotMessageSquare className=\"text-xs\" color=\"white\" />\n        </div>\n        <span className=\"text-zinc-500 text-sm\">{agentName || \"Agent\"}</span>\n      </div>\n      <div className=\"flex flex-1 flex-col gap-1 items-start min-w-0\">\n        <div className=\"text-content text-foreground\" style={fontSize ? { fontSize } : undefined}>\n          {inlineContent ? (\n            inlineContent\n          ) : (\n            <>\n              <div className=\"flex items-center gap-2 text-zinc-500\">\n                {/* <Loader2 className=\"animate-spin\" size={16} /> */}\n                <span>Thinking...</span>\n              </div>\n              {isStreaming && content && (\n                <span className=\"inline-block w-2 h-4 ml-1 bg-zinc-400 animate-pulse\" />\n              )}\n            </>\n          )}\n        </div>\n\n        {/* Branch switcher - show when multiple branches exist */}\n        {!isStreaming && branch && branchOptions && onBranchSelect && branchOptions.length > 1 && (\n          <BranchSwitcher\n            branch={branch}\n            branchOptions={branchOptions}\n            onSelect={onBranchSelect}\n            isLoading={isStreaming}\n          />\n        )}\n\n        {/* Show actions only when not streaming and content exists */}\n        {!isStreaming && content && (\n          <MessageActions\n            message={message}\n            onRegenerate={onRegenerate}\n            feedback={feedback}\n            onFeedback={onFeedback}\n            className=\"\"\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\n// Memoize - only re-render if message ID changes or streaming state changes\nexport default React.memo(AgentMessage, (prevProps, nextProps) => {\n  // If it's streaming, we need to re-render to show updates\n  if (nextProps.isStreaming) {\n    return false; // Always re-render when streaming\n  }\n\n  // Otherwise, only re-render if the message ID, feedback, branch, or callbacks changed\n  return (\n    prevProps.message.id === nextProps.message.id &&\n    prevProps.isStreaming === nextProps.isStreaming &&\n    prevProps.feedback === nextProps.feedback &&\n    prevProps.onRegenerate === nextProps.onRegenerate &&\n    prevProps.onFeedback === nextProps.onFeedback &&\n    prevProps.branch === nextProps.branch &&\n    prevProps.branchOptions?.length === nextProps.branchOptions?.length &&\n    prevProps.onBranchSelect === nextProps.onBranchSelect\n  );\n});\n"],"names":["getReasoningFromKwargs","message","ak","InlineThinking","text","isStreaming","fontSize","expanded","setExpanded","useState","useEffect","jsxs","p","jsx","LoaderCircle","Sparkles","ChevronRight","cn","AgentMarkdown","renderContentInline","isActivelyStreaming","content","parts","kwargsReasoning","hasTextContent","block","Fragment","blocks","textAccum","idx","flushText","i","hasTextAfter","b","isThisBlockStreaming","AgentMessage","agentName","onRegenerate","feedback","onFeedback","branch","branchOptions","onBranchSelect","getContentString","inlineContent","BotMessageSquare","BranchSwitcher","MessageActions","AgentMessage$1","React","prevProps","nextProps"],"mappings":"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"}

package/dist/components/sidebar/ChatInput.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("lucide-react"),u=require("react"),I=require("react-dom"),F=require("../../hooks/useAudioRecorder.cjs.js"),G=require("../../hooks/use-models.cjs.js"),S=require("../../utils/tailwindUtil.cjs.js");function J({input:f,inputFileAccept:m=".png,.jpg,.jpeg,.pdf,.docx",setInput:y,textToSpeechVoice:o,handleSubmit:D,fileInput:h,setFileInput:b,handleFileSelect:i,isLoading:n=!1,onCancel:w,filePreview:g}){const l=(f.trim().length>0||h.length>0)&&!n,[x,v]=u.useState(!1),s=u.useRef(null),{models:k,selectedModel:r,setSelectedModel:j}=G.useModels(),C=k.map(e=>({id:e.id,label:e.name||e.id})),{isRecording:N,recordingTime:P,isTranscribing:M,startRecording:E,stopRecording:O,transcribeAudio:T}=F.useAudioRecorder(),H=async()=>{if(N){const e=await O();if(e)try{const c=await T(e,o?.apiKey||"",o?.apiUrl||"",o?.model||"Systran/faster-whisper-small");c&&(y(c),s.current&&setTimeout(()=>{if(s.current){s.current.style.height="auto";const z=300;s.current.style.height=Math.min(s.current.scrollHeight,z)+"px"}},0))}catch{alert("Failed to transcribe audio. Please try again.")}}else await E()},K=e=>{D(e),s.current&&(s.current.style.height="auto")},U=e=>{e.preventDefault(),e.stopPropagation(),v(!0)},W=e=>{e.preventDefault(),e.stopPropagation(),v(!1)},$=async e=>{e.preventDefault(),e.stopPropagation(),v(!1);const c=Array.from(e.dataTransfer.files);if(c.length===0)return;const z=c.filter(a=>m?m.split(",").map(p=>p.trim()).some(p=>p.startsWith(".")?a.name.toLowerCase().endsWith(p.toLowerCase()):a.type.match(p.replace("*",".*"))):!0);if(z.length===0)return;const L=await Promise.all(z.map(async a=>{const q=await new Promise((p,A)=>{const R=new FileReader;R.onload=()=>{const B=R.result;p(B.split(",")[1])},R.onerror=A,R.readAsDataURL(a)});return{fileName:a.name,fileType:a.type,file:a,fileData:q}}));b(a=>[...a,...L])};return t.jsxs("form",{onSubmit:K,className:`relative flex flex-col  border rounded-xl m-2 bg-zinc-900 border-zinc-800 transition-colors ${x?"border-blue-500 bg-zinc-800":""}`,onDragOver:U,onDragLeave:W,onDrop:$,children:[g&&g(h,b),t.jsx("textarea",{ref:s,placeholder:"Type your message...",value:f,onChange:e=>{y(e.target.value);const c=300;e.target.style.height="auto",e.target.style.height=Math.min(e.target.scrollHeight,c)+"px"},onKeyDown:e=>{e.key==="Enter"&&!e.shiftKey&&!e.metaKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),l&&e.currentTarget.form?.requestSubmit())},disabled:n,className:"w-full field-sizing-content resize-none px-2.5 pt-2.5 bg-transparent text-white placeholder-zinc-500 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed overflow-y-auto thread-scrollbar",rows:1}),t.jsxs("div",{className:"flex justify-between items-center px-1 pb-2",children:[t.jsxs("div",{className:"flex gap-1 m-2",children:[t.jsx("label",{htmlFor:"file-input",className:`cursor-pointer ${n?"opacity-50 cursor-not-allowed":""}`,children:t.jsx(d.Paperclip,{size:30,className:"text-zinc-400 hover:text-white hover:bg-zinc-800 rounded p-1 transition-colors"})}),t.jsx("input",{id:"file-input",type:"file",multiple:!0,disabled:n,accept:m,className:"hidden",onChange:i}),o?.apiKey&&o?.apiUrl&&o?.model&&t.jsx("button",{type:"button",onClick:H,disabled:n||M,className:`${N?"text-red-500 hover:bg-red-900/20":"text-zinc-400 hover:text-white hover:bg-zinc-800"} rounded p-1 transition-colors disabled:opacity-50 disabled:cursor-not-allowed`,title:N?`Recording... ${P}s`:"Record audio",children:N?t.jsx(d.Square,{size:24,className:"animate-pulse"}):t.jsx(d.Mic,{size:24})})]}),t.jsxs("div",{className:"flex gap-2 items-center",children:[M&&t.jsxs("span",{className:"text-xs text-zinc-400 flex items-center gap-1",children:[t.jsx(d.Loader2,{size:14,className:"animate-spin"}),"Transcribing..."]}),C.length>1&&t.jsx(Q,{items:C,selected:r,onSelect:j,placeholder:"Model",maxWidth:160}),n&&w&&t.jsx("button",{type:"button",onClick:w,className:"px-3 py-1 text-xs text-zinc-400 hover:text-white hover:bg-zinc-800 rounded transition-colors",children:"Cancel"}),t.jsx("button",{type:"submit",disabled:!l,className:"focus:outline-none transition-all bg-zinc-300 border rounded-full p-1 mx-2 cursor-pointer",style:{border:"none"},children:n?t.jsx(d.Loader2,{size:24,className:"animate-spin text-black p-1"}):t.jsx(d.MoveUp,{size:24,className:"text-black p-1"})})]})]})]})}function Q({items:f,selected:m,onSelect:y,placeholder:o,maxWidth:D=160,maxLength:h=20,dropDown:b=!1}){const[i,n]=u.useState(!1),[w,g]=u.useState({}),l=u.useRef(null),x=u.useRef(null);u.useEffect(()=>{if(!i)return;const r=j=>{l.current&&!l.current.contains(j.target)&&x.current&&!x.current.contains(j.target)&&n(!1)};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[i]),u.useEffect(()=>{if(!i||!l.current)return;const r=l.current.getBoundingClientRect();g(b?{position:"fixed",top:r.bottom+4,right:window.innerWidth-r.right}:{position:"fixed",bottom:window.innerHeight-r.top+4,right:window.innerWidth-r.right})},[i,b]);const s=f.find(r=>r.id===m)?.label||o,k=s.length>h?`${s.slice(0,Math.max(0,h-1))}…`:s;return t.jsxs("div",{className:"relative",children:[t.jsxs("button",{ref:l,type:"button",onClick:()=>n(r=>!r),className:"flex items-center gap-1.5 rounded-lg border border-border/50 bg-background px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",children:[t.jsx("span",{className:"truncate",style:{maxWidth:D},title:s,children:k}),t.jsx(d.ChevronDown,{className:S.cn("size-3 shrink-0 transition-transform",i&&"rotate-180")})]}),i&&I.createPortal(t.jsx("div",{ref:x,style:w,className:"z-9999 min-w-55 max-h-77 overflow-y-auto rounded-xl border bg-popover p-1 shadow-lg [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent",children:f.map(r=>t.jsxs("button",{type:"button",onClick:()=>{y(r.id),n(!1)},className:S.cn("flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-accent",r.id===m&&"bg-accent/50 font-medium"),children:[t.jsx("span",{className:"truncate",children:r.label}),r.id===m&&t.jsx(d.Check,{className:"size-4 shrink-0 text-primary"})]},r.id))}),document.body)]})}module.exports=J;
+"use strict";const t=require("react/jsx-runtime"),d=require("lucide-react"),u=require("react"),I=require("react-dom"),F=require("../../hooks/useAudioRecorder.cjs.js"),G=require("../../hooks/use-models.cjs.js"),S=require("../../utils/tailwindUtil.cjs.js");function J({input:p,inputFileAccept:m=".png,.jpg,.jpeg,.pdf,.docx",setInput:y,textToSpeechVoice:i,handleSubmit:D,fileInput:b,setFileInput:f,handleFileSelect:o,isLoading:n=!1,onCancel:w,filePreview:x}){const l=(p.trim().length>0||b.length>0)&&!n,[g,v]=u.useState(!1),s=u.useRef(null),{models:k,selectedModel:r,setSelectedModel:z}=G.useModels(),C=k.map(e=>({id:e.id,label:e.name||e.id})),{isRecording:j,recordingTime:P,isTranscribing:M,startRecording:E,stopRecording:O,transcribeAudio:T}=F.useAudioRecorder(),H=async()=>{if(j){const e=await O();if(e)try{const c=await T(e,i?.apiKey||"",i?.apiUrl||"",i?.model||"Systran/faster-whisper-small");c&&(y(c),s.current&&setTimeout(()=>{if(s.current){s.current.style.height="auto";const N=300;s.current.style.height=Math.min(s.current.scrollHeight,N)+"px"}},0))}catch{alert("Failed to transcribe audio. Please try again.")}}else await E()},K=e=>{D(e),s.current&&(s.current.style.height="auto")},U=e=>{e.preventDefault(),e.stopPropagation(),v(!0)},W=e=>{e.preventDefault(),e.stopPropagation(),v(!1)},$=async e=>{e.preventDefault(),e.stopPropagation(),v(!1);const c=Array.from(e.dataTransfer.files);if(c.length===0)return;const N=c.filter(a=>m?m.split(",").map(h=>h.trim()).some(h=>h.startsWith(".")?a.name.toLowerCase().endsWith(h.toLowerCase()):a.type.match(h.replace("*",".*"))):!0);if(N.length===0)return;const L=await Promise.all(N.map(async a=>{const q=await new Promise((h,A)=>{const R=new FileReader;R.onload=()=>{const B=R.result;h(B.split(",")[1])},R.onerror=A,R.readAsDataURL(a)});return{fileName:a.name,fileType:a.type,file:a,fileData:q}}));f(a=>[...a,...L])};return t.jsxs("form",{onSubmit:K,className:`relative flex flex-col  border rounded-xl m-2 bg-zinc-900 border-zinc-800 transition-colors ${g?"border-blue-500 bg-zinc-800":""}`,onDragOver:U,onDragLeave:W,onDrop:$,children:[x&&x(b,f),t.jsx("textarea",{ref:s,placeholder:"Type your message...",value:p,onChange:e=>{y(e.target.value);const c=300;e.target.style.height="auto",e.target.style.height=Math.min(e.target.scrollHeight,c)+"px"},onKeyDown:e=>{e.key==="Enter"&&!e.shiftKey&&!e.metaKey&&!e.nativeEvent.isComposing&&(e.preventDefault(),l&&e.currentTarget.form?.requestSubmit())},disabled:n,className:"w-full field-sizing-content resize-none px-2.5 pt-2.5 bg-transparent text-white placeholder-zinc-500 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed overflow-y-auto thread-scrollbar",rows:1}),t.jsxs("div",{className:"flex justify-between items-center px-1 pb-2",children:[t.jsxs("div",{className:"flex gap-1 m-2",children:[t.jsx("label",{htmlFor:"file-input",className:`cursor-pointer ${n?"opacity-50 cursor-not-allowed":""}`,children:t.jsx(d.Paperclip,{size:30,className:"text-zinc-400 hover:text-white hover:bg-zinc-800 rounded p-1 transition-colors"})}),t.jsx("input",{id:"file-input",type:"file",multiple:!0,disabled:n,accept:m,className:"hidden",onChange:o}),i?.apiKey&&i?.apiUrl&&i?.model&&t.jsx("button",{type:"button",onClick:H,disabled:n||M,className:`${j?"text-red-500 hover:bg-red-900/20":"text-zinc-400 hover:text-white hover:bg-zinc-800"} rounded p-1 transition-colors disabled:opacity-50 disabled:cursor-not-allowed`,title:j?`Recording... ${P}s`:"Record audio",children:j?t.jsx(d.Square,{size:24,className:"animate-pulse"}):t.jsx(d.Mic,{size:24})})]}),t.jsxs("div",{className:"flex gap-2 items-center",children:[M&&t.jsxs("span",{className:"text-xs text-zinc-400 flex items-center gap-1",children:[t.jsx(d.Loader2,{size:14,className:"animate-spin"}),"Transcribing..."]}),C.length>1&&t.jsx(Q,{items:C,selected:r,onSelect:z,placeholder:"Model",maxWidth:160}),n&&w&&t.jsx("button",{type:"button",onClick:w,className:"px-3 py-1 text-xs text-zinc-400 hover:text-white hover:bg-zinc-800 rounded transition-colors",children:"Cancel"}),t.jsx("button",{type:"submit",disabled:!l,className:"focus:outline-none transition-all bg-zinc-300 border rounded-full p-1 mx-2 cursor-pointer",style:{border:"none"},children:n?t.jsx(d.Loader2,{size:24,className:"animate-spin text-black p-1"}):t.jsx(d.MoveUp,{size:24,className:"text-black p-1"})})]})]})]})}function Q({items:p,selected:m,onSelect:y,placeholder:i,maxWidth:D=160,maxLength:b=20,dropDown:f=!1}){const[o,n]=u.useState(!1),[w,x]=u.useState({}),l=u.useRef(null),g=u.useRef(null);u.useEffect(()=>{if(!o)return;const r=z=>{l.current&&!l.current.contains(z.target)&&g.current&&!g.current.contains(z.target)&&n(!1)};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[o]),u.useEffect(()=>{if(!o||!l.current)return;const r=l.current.getBoundingClientRect();x(f?{position:"fixed",top:r.bottom+4,right:window.innerWidth-r.right}:{position:"fixed",bottom:window.innerHeight-r.top+4,right:window.innerWidth-r.right})},[o,f]);const s=p.find(r=>r.id===m)?.label||i,k=s.length>b?`${s.slice(0,Math.max(0,b-1))}…`:s;return t.jsxs("div",{className:"relative",children:[t.jsxs("button",{ref:l,type:"button",onClick:()=>n(r=>!r),className:"flex items-center gap-1.5 rounded-lg border border-zinc-700 bg-zinc-800 px-3 py-1.5 text-xs text-zinc-400 transition-colors hover:bg-zinc-700 hover:text-white",children:[t.jsx("span",{className:"truncate",style:{maxWidth:D},title:s,children:k}),t.jsx(d.ChevronDown,{className:S.cn("size-3 shrink-0 transition-transform",o&&"rotate-180")})]}),o&&I.createPortal(t.jsx("div",{ref:g,style:w,className:"z-[9999] min-w-[14rem] max-h-[19rem] overflow-y-auto rounded-xl border border-zinc-700 bg-zinc-900 text-white p-1 shadow-lg [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-600 [&::-webkit-scrollbar-track]:bg-transparent",children:p.map(r=>t.jsxs("button",{type:"button",onClick:()=>{y(r.id),n(!1)},className:S.cn("flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 text-sm text-zinc-300 transition-colors hover:bg-zinc-800 hover:text-white",r.id===m&&"bg-zinc-800 font-medium text-white"),children:[t.jsx("span",{className:"truncate",children:r.label}),r.id===m&&t.jsx(d.Check,{className:"size-4 shrink-0 text-zinc-300"})]},r.id))}),document.body)]})}module.exports=J;
 //# sourceMappingURL=ChatInput.cjs.js.map