@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/features/IL-OTJ/_components/MarkdownRenderer.js

@@ -1,2 +1,294 @@
-import{__assign as e,__rest as t,__spreadArray as r}from"tslib";import{jsx as n,jsxs as i}from"react/jsx-runtime";import a,{useEffect as l}from"react";import o from"react-markdown";import u from"rehype-raw";import c from"remark-gfm";import{visit as p}from"unist-util-visit";import s from"./MarkdownRenderer.module.css.js";function d(){return function(e){p(e,"text",function(e,t,n){var i;if(n&&"string"==typeof e.value&&e.value.includes("✓")){for(var a=e.value.split("✓"),l=[],o=0;o<a.length;o++){var u=a[o];u&&l.push({type:"text",value:u}),o<a.length-1&&l.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[s.checkGreen]},children:[{type:"text",value:"✓"}]})}return(i=n.children).splice.apply(i,r([t,1],l,!1)),t+l.length}})}}function m(){return function(e){p(e,"element",function(e,t,r){if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}var f=function(e){var t;return"text"===(null==e?void 0:e.type)&&/^\s*$/.test(null!==(t=e.value)&&void 0!==t?t:"")};function v(){return function(e){p(e,"element",function(e){var t,r;if("details"===e.tagName&&"data-target"in(e.properties||{})){var n=e.children||[],i=0;"element"===(null===(t=n[0])||void 0===t?void 0:t.type)&&"summary"===(null===(r=n[0])||void 0===r?void 0:r.tagName)&&(i=1);var a=n.slice(i),l=a.filter(function(e){return!f(e)});if((1!==l.length||"element"!==l[0].type||!l[0].properties||!("data-popup"in l[0].properties)&&void 0===l[0].properties["data-popup"])&&!l.some(function(e){return"element"===(null==e?void 0:e.type)&&(null==e?void 0:e.properties)&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])})){var o={type:"element",tagName:"div",properties:{"data-popup":""},children:a};e.children=n.slice(0,i).concat([o])}}})}}function h(){return function(e){p(e,"element",function(e){var t,r;if("details"===e.tagName){var n=e.properties||{};if(!("data-inline"in n)&&!("data-target"in n)){var i=e.children||[],a=0;"element"===(null===(t=i[0])||void 0===t?void 0:t.type)&&"summary"===(null===(r=i[0])||void 0===r?void 0:r.tagName)&&(a=1);var l=i.slice(a),o=l.filter(function(e){return!f(e)});if((1!==o.length||"element"!==o[0].type||!o[0].properties||!("data-popup"in o[0].properties)&&void 0===o[0].properties["data-popup"])&&!o.some(function(e){return"element"===(null==e?void 0:e.type)&&(null==e?void 0:e.properties)&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])})){var u={type:"element",tagName:"div",properties:{"data-popup":""},children:l};e.children=i.slice(0,a).concat([u])}}}})}}var g=function(t,r,i){if(!r||!r.trim())return t;var a=new RegExp("(".concat(r.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),")"),"gi");return t.split(a).map(function(t,r){return a.test(t)?n("mark",e({className:s.customHighlight,id:"customHighlight",style:i},{children:t}),r):t})},y=function(r){var p=r.value,f=r.highlightedText,y=r.scrollTo,N=r.styles,k=void 0===N?{}:N,x=a.useRef(null),T=a.useRef(null);l(function(){if(f){var e=setTimeout(function(){if(T.current){var e=T.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:y||"center"})}},225);return function(){return clearTimeout(e)}}},[f,p]);return n("div",e({ref:x,className:s.containerWrapper,style:k.containerWrapper},{children:n("div",e({className:s.mainCard,style:k.mainCard},{children:n("div",e({ref:T,className:s.scrollArea,style:k.scrollArea},{children:n(o,e({remarkPlugins:[c],rehypePlugins:[u,m,d,v,h],components:{details:function(r){r.node;var a=t(r,["node"]),l=!!a["data-inline"],o=!!a["data-target"],u=s.detailsBlock,c=k.detailsBlock;return l&&(u=s.detailsInline,c=k.detailsInline),o&&(u=s.detailsTarget,c=k.detailsTarget),i("details",e({},a,{className:u,style:e(e({},c),a.style),onToggle:function(e){e.stopPropagation(),l&&function(e){var t=e.currentTarget,r=t.getAttribute("data-inline");if(r&&x.current){var n=x.current.querySelector('details[data-target="'.concat(r,'"]'));n&&(n.open=t.open)}}(e)}},{children:[o&&n("summary",{className:s.targetDummySummary,"aria-hidden":"true"}),a.children]}))},summary:function(r){r.node;var i=t(r,["node"]);return n("summary",e({className:s.summary,style:k.summary,onClick:function(e){return e.stopPropagation()}},i,{children:i.children}))},ul:function(t){return n("ul",e({className:s.list,style:k.list},t))},ol:function(t){return n("ol",e({className:s.list,style:k.list},t))},div:function(r){var i=r.node,a=t(r,["node"]),l=(null==i?void 0:i.properties)&&"data-popup"in i.properties;return n("div",e({},a,{className:l?s.popup:a.className,style:l?k.popup:a.style}))},span:function(r){var i,a=r.node,l=t(r,["node"]),o="true"===(null===(i=null==a?void 0:a.properties)||void 0===i?void 0:i["data-green-check"]);return n("span",o?e({},l,{style:k.checkGreen}):e({},l))},p:function(e){var t=e.children,r=Array.isArray(t)?t:[t];return n("p",{children:r.map(function(e,t){return"string"==typeof e?g(e,f,k.customHighlight):n(a.Fragment,{children:e},t)})})},li:function(t){var r=t.children;try{var i=null==r?[]:Array.isArray(r)?r:[r];return n("li",e({style:{marginBottom:"4px"}},{children:null==i?void 0:i.map(function(e,t){return"string"==typeof e?g(e,f,k.customHighlight):n(a.Fragment,{children:e},t)})}))}catch(e){return console.error("Error rendering <li>:",e),n("li",{children:r})}},code:function(r){var i=r.children,a=t(r,["children"]);return n("code",e({},a,{children:i.map(function(e){return"string"==typeof e?g(e,f,k.customHighlight):e})}))}}},{children:p}))}))}))}))};export{y as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React__default, { useEffect } from 'react';
+import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+import { visit } from 'unist-util-visit';
+import defaultStyles from './MarkdownRenderer.module.css.js';
+
+function rehypeGreenChecks() {
+  return (tree) => {
+    visit(tree, "text", (node, index, parent) => {
+      if (!parent || typeof node.value !== "string") return;
+      if (!node.value.includes("\u2713")) return;
+      const parts = node.value.split("\u2713");
+      const newChildren = [];
+      for (let i = 0; i < parts.length; i++) {
+        const text = parts[i];
+        if (text) newChildren.push({ type: "text", value: text });
+        if (i < parts.length - 1) {
+          newChildren.push({
+            type: "element",
+            tagName: "span",
+            properties: {
+              "data-green-check": "true",
+              className: [defaultStyles.checkGreen]
+            },
+            children: [{ type: "text", value: "\u2713" }]
+          });
+        }
+      }
+      parent.children.splice(index, 1, ...newChildren);
+      return index + newChildren.length;
+    });
+  };
+}
+function rehypeUnwrapParagraphDetails() {
+  return (tree) => {
+    visit(tree, "element", (node, i, parent) => {
+      if (!parent || node.tagName !== "p") return;
+      if (node.children && node.children.length === 1 && node.children[0].type === "element" && node.children[0].tagName === "details") {
+        parent.children.splice(i, 1, node.children[0]);
+        return i;
+      }
+    });
+  };
+}
+const isWhitespaceText = (n) => {
+  var _a;
+  return (n == null ? void 0 : n.type) === "text" && /^\s*$/.test((_a = n.value) != null ? _a : "");
+};
+function rehypeWrapTargetContent() {
+  return (tree) => {
+    visit(tree, "element", (node) => {
+      var _a, _b;
+      if (node.tagName !== "details") return;
+      const props = node.properties || {};
+      if (!("data-target" in props)) return;
+      const children = node.children || [];
+      let startIdx = 0;
+      if (((_a = children[0]) == null ? void 0 : _a.type) === "element" && ((_b = children[0]) == null ? void 0 : _b.tagName) === "summary") {
+        startIdx = 1;
+      }
+      const rest = children.slice(startIdx);
+      const meaningful = rest.filter((c) => !isWhitespaceText(c));
+      if (meaningful.length === 1 && meaningful[0].type === "element" && meaningful[0].properties && ("data-popup" in meaningful[0].properties || meaningful[0].properties["data-popup"] !== void 0)) {
+        return;
+      }
+      if (meaningful.some(
+        (c) => (c == null ? void 0 : c.type) === "element" && (c == null ? void 0 : c.properties) && ("data-popup" in c.properties || c.properties["data-popup"] !== void 0)
+      )) {
+        return;
+      }
+      const popupDiv = {
+        type: "element",
+        tagName: "div",
+        properties: { "data-popup": "" },
+        children: rest
+      };
+      node.children = children.slice(0, startIdx).concat([popupDiv]);
+    });
+  };
+}
+function rehypeWrapAnyDetailsBody() {
+  return (tree) => {
+    visit(tree, "element", (node) => {
+      var _a, _b;
+      if (node.tagName !== "details") return;
+      const props = node.properties || {};
+      if ("data-inline" in props || "data-target" in props) return;
+      const children = node.children || [];
+      let startIdx = 0;
+      if (((_a = children[0]) == null ? void 0 : _a.type) === "element" && ((_b = children[0]) == null ? void 0 : _b.tagName) === "summary") {
+        startIdx = 1;
+      }
+      const rest = children.slice(startIdx);
+      const meaningful = rest.filter((c) => !isWhitespaceText(c));
+      if (meaningful.length === 1 && meaningful[0].type === "element" && meaningful[0].properties && ("data-popup" in meaningful[0].properties || meaningful[0].properties["data-popup"] !== void 0)) {
+        return;
+      }
+      if (meaningful.some(
+        (c) => (c == null ? void 0 : c.type) === "element" && (c == null ? void 0 : c.properties) && ("data-popup" in c.properties || c.properties["data-popup"] !== void 0)
+      )) {
+        return;
+      }
+      const popupDiv = {
+        type: "element",
+        tagName: "div",
+        properties: { "data-popup": "" },
+        children: rest
+      };
+      node.children = children.slice(0, startIdx).concat([popupDiv]);
+    });
+  };
+}
+const renderWithHighlights = (text, highlightedText, customHighlightStyle) => {
+  if (!highlightedText || !highlightedText.trim()) return text;
+  const escapeRegExp = (str) => str.replace(/[-[\]/{}()*+?.\\^$|]/g, "\\$&");
+  const regex = new RegExp(`(${escapeRegExp(highlightedText)})`, "gi");
+  const parts = text.split(regex);
+  return parts.map(
+    (part, i) => regex.test(part) ? /* @__PURE__ */ jsx(
+      "mark",
+      {
+        className: defaultStyles.customHighlight,
+        id: "customHighlight",
+        style: customHighlightStyle,
+        children: part
+      },
+      i
+    ) : part
+  );
+};
+const MarkdownRenderer = ({
+  value,
+  highlightedText,
+  scrollTo,
+  styles = {}
+  // Default to empty object
+}) => {
+  const rootRef = React__default.useRef(null);
+  const scrollRef = React__default.useRef(null);
+  useEffect(() => {
+    if (highlightedText) {
+      const timer = setTimeout(() => {
+        if (scrollRef.current) {
+          const highlightElement = scrollRef.current.querySelector("#customHighlight");
+          if (highlightElement) {
+            highlightElement.scrollIntoView({
+              behavior: "smooth",
+              block: scrollTo ? scrollTo : "center"
+            });
+          }
+        }
+      }, 225);
+      return () => clearTimeout(timer);
+    }
+  }, [highlightedText, value]);
+  const handleInlineToggle = (e) => {
+    const trigger = e.currentTarget;
+    const id = trigger.getAttribute("data-inline");
+    if (!id || !rootRef.current) return;
+    const target = rootRef.current.querySelector(
+      `details[data-target="${id}"]`
+    );
+    if (target) {
+      target.open = trigger.open;
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      className: defaultStyles.containerWrapper,
+      style: styles.containerWrapper,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: defaultStyles.mainCard,
+          style: styles.mainCard,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: scrollRef,
+              className: defaultStyles.scrollArea,
+              style: styles.scrollArea,
+              children: /* @__PURE__ */ jsx(
+                ReactMarkdown,
+                {
+                  remarkPlugins: [remarkGfm],
+                  rehypePlugins: [
+                    rehypeRaw,
+                    rehypeUnwrapParagraphDetails,
+                    rehypeGreenChecks,
+                    rehypeWrapTargetContent,
+                    rehypeWrapAnyDetailsBody
+                  ],
+                  components: {
+                    details: ({ node, ...props }) => {
+                      const isInline = !!props["data-inline"];
+                      const isTarget = !!props["data-target"];
+                      let className = defaultStyles.detailsBlock;
+                      let style = styles.detailsBlock;
+                      if (isInline) {
+                        className = defaultStyles.detailsInline;
+                        style = styles.detailsInline;
+                      }
+                      if (isTarget) {
+                        className = defaultStyles.detailsTarget;
+                        style = styles.detailsTarget;
+                      }
+                      return /* @__PURE__ */ jsxs(
+                        "details",
+                        {
+                          ...props,
+                          className,
+                          style: { ...style, ...props.style },
+                          onToggle: (e) => {
+                            e.stopPropagation();
+                            if (isInline) handleInlineToggle(e);
+                          },
+                          children: [
+                            isTarget && /* @__PURE__ */ jsx("summary", { className: defaultStyles.targetDummySummary, "aria-hidden": "true" }),
+                            props.children
+                          ]
+                        }
+                      );
+                    },
+                    summary: ({ node, ...props }) => /* @__PURE__ */ jsx(
+                      "summary",
+                      {
+                        className: defaultStyles.summary,
+                        style: styles.summary,
+                        onClick: (e) => e.stopPropagation(),
+                        ...props,
+                        children: props.children
+                      }
+                    ),
+                    ul: (props) => /* @__PURE__ */ jsx("ul", { className: defaultStyles.list, style: styles.list, ...props }),
+                    ol: (props) => /* @__PURE__ */ jsx("ol", { className: defaultStyles.list, style: styles.list, ...props }),
+                    div: ({ node, ...props }) => {
+                      const isPopup = (node == null ? void 0 : node.properties) && "data-popup" in node.properties;
+                      return /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          ...props,
+                          className: isPopup ? defaultStyles.popup : props.className,
+                          style: isPopup ? styles.popup : props.style
+                        }
+                      );
+                    },
+                    // Handle the Green check that rehypeGreenChecks created
+                    span: ({ node, ...props }) => {
+                      var _a;
+                      const isGreenCheck = ((_a = node == null ? void 0 : node.properties) == null ? void 0 : _a["data-green-check"]) === "true";
+                      if (isGreenCheck) {
+                        return /* @__PURE__ */ jsx("span", { ...props, style: styles.checkGreen });
+                      }
+                      return /* @__PURE__ */ jsx("span", { ...props });
+                    },
+                    p: function({ children }) {
+                      const childArray = Array.isArray(children) ? children : [children];
+                      return /* @__PURE__ */ jsx("p", { children: childArray.map(
+                        (child, i) => typeof child === "string" ? renderWithHighlights(child, highlightedText, styles.customHighlight) : /* @__PURE__ */ jsx(React__default.Fragment, { children: child }, i)
+                      ) });
+                    },
+                    li: ({ children }) => {
+                      try {
+                        const childArray = children == null ? [] : Array.isArray(children) ? children : [children];
+                        return /* @__PURE__ */ jsx("li", { style: { marginBottom: "4px" }, children: childArray == null ? void 0 : childArray.map(
+                          (child, index) => typeof child === "string" ? renderWithHighlights(child, highlightedText, styles.customHighlight) : /* @__PURE__ */ jsx(React__default.Fragment, { children: child }, index)
+                        ) });
+                      } catch (e) {
+                        console.error("Error rendering <li>:", e);
+                        return /* @__PURE__ */ jsx("li", { children });
+                      }
+                    },
+                    code: ({ children, ...props }) => /* @__PURE__ */ jsx("code", { ...props, children: children.map(
+                      (child) => typeof child === "string" ? renderWithHighlights(child, highlightedText, styles.customHighlight) : child
+                    ) })
+                  },
+                  children: value
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var MarkdownRenderer$1 = MarkdownRenderer;
+
+export { MarkdownRenderer$1 as default };
 //# sourceMappingURL=MarkdownRenderer.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"MarkdownRenderer.js","sources":["../../../../src/features/IL-OTJ/_components/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Markdown from 'react-markdown';\nimport { CSSProperties } from 'react';\n\nimport rehypeRaw from 'rehype-raw';\nimport remarkGfm from 'remark-gfm';\nimport { visit } from 'unist-util-visit';\nimport defaultStyles from './MarkdownRenderer.module.css';\n\nexport interface MarkdownRendererStyles {\n  containerWrapper?: CSSProperties;\n  mainCard?: CSSProperties;\n  scrollArea?: CSSProperties;\n  customHighlight?: CSSProperties;\n  popup?: CSSProperties;\n  summary?: CSSProperties;\n  list?: CSSProperties;\n  detailsBlock?: CSSProperties;\n  detailsInline?: CSSProperties;\n  detailsTarget?: CSSProperties;\n  checkGreen?: CSSProperties;\n}\n\ntype Props = {\n  value: string;\n  highlightedText?: string;\n  highlightKeys?: any[];\n  scrollTo?: 'center' | 'start' | 'end';\n  styles?: MarkdownRendererStyles;\n};\n\n/** ✓ → green in preview (inline with following text) */\nfunction rehypeGreenChecks() {\n  return (tree: any) => {\n    // @ts-ignore\n    visit(tree, 'text', (node: any, index: number, parent: any) => {\n      if (!parent || typeof node.value !== 'string') return;\n      if (!node.value.includes('✓')) return;\n\n      const parts = node.value.split('✓');\n      const newChildren: any[] = [];\n      for (let i = 0; i < parts.length; i++) {\n        const text = parts[i];\n        if (text) newChildren.push({ type: 'text', value: text });\n        if (i < parts.length - 1) {\n          newChildren.push({\n            type: 'element',\n            tagName: 'span',\n            properties: {\n              'data-green-check': 'true',\n              className: [defaultStyles.checkGreen],\n            },\n            children: [{ type: 'text', value: '✓' }],\n          });\n        }\n      }\n      parent.children.splice(index, 1, ...newChildren);\n      return index + newChildren.length;\n    });\n  };\n}\n\n/** Unwrap <p><details>…</details></p> → <details>…</details> */\nfunction rehypeUnwrapParagraphDetails() {\n  return (tree: any) => {\n    // @ts-ignore\n    visit(tree, 'element', (node: any, i: number, parent: any) => {\n      if (!parent || node.tagName !== 'p') return;\n      if (\n        node.children &&\n        node.children.length === 1 &&\n        node.children[0].type === 'element' &&\n        node.children[0].tagName === 'details'\n      ) {\n        parent.children.splice(i, 1, node.children[0]);\n        return i;\n      }\n    });\n  };\n}\n\n/** helper: treat whitespace-only text as ignorable */\nconst isWhitespaceText = (n: any) => n?.type === 'text' && /^\\s*$/.test(n.value ?? '');\n\nfunction rehypeWrapTargetContent() {\n  return (tree: any) => {\n    // @ts-ignore\n    visit(tree, 'element', (node: any) => {\n      if (node.tagName !== 'details') return;\n      const props = node.properties || {};\n      if (!('data-target' in props)) return;\n\n      const children = node.children || [];\n      let startIdx = 0;\n      if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n        startIdx = 1;\n      }\n      const rest = children.slice(startIdx);\n      const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n      if (\n        meaningful.length === 1 &&\n        meaningful[0].type === 'element' &&\n        meaningful[0].properties &&\n        ('data-popup' in meaningful[0].properties ||\n          meaningful[0].properties['data-popup'] !== undefined)\n      ) {\n        return;\n      }\n\n      if (\n        meaningful.some(\n          (c: any) =>\n            c?.type === 'element' &&\n            c?.properties &&\n            ('data-popup' in c.properties || c.properties['data-popup'] !== undefined),\n        )\n      ) {\n        return;\n      }\n\n      const popupDiv = {\n        type: 'element',\n        tagName: 'div',\n        properties: { 'data-popup': '' },\n        children: rest,\n      };\n      node.children = children.slice(0, startIdx).concat([popupDiv]);\n    });\n  };\n}\n\nfunction rehypeWrapAnyDetailsBody() {\n  return (tree: any) => {\n    // @ts-ignore\n    visit(tree, 'element', (node: any) => {\n      if (node.tagName !== 'details') return;\n      const props = node.properties || {};\n      if ('data-inline' in props || 'data-target' in props) return;\n\n      const children = node.children || [];\n      let startIdx = 0;\n      if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n        startIdx = 1;\n      }\n      const rest = children.slice(startIdx);\n      const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n      if (\n        meaningful.length === 1 &&\n        meaningful[0].type === 'element' &&\n        meaningful[0].properties &&\n        ('data-popup' in meaningful[0].properties ||\n          meaningful[0].properties['data-popup'] !== undefined)\n      ) {\n        return;\n      }\n      if (\n        meaningful.some(\n          (c: any) =>\n            c?.type === 'element' &&\n            c?.properties &&\n            ('data-popup' in c.properties || c.properties['data-popup'] !== undefined),\n        )\n      ) {\n        return;\n      }\n\n      const popupDiv = {\n        type: 'element',\n        tagName: 'div',\n        properties: { 'data-popup': '' },\n        children: rest,\n      };\n      node.children = children.slice(0, startIdx).concat([popupDiv]);\n    });\n  };\n}\n\nconst renderWithHighlights = (\n  text: string, \n  highlightedText?: string, \n  customHighlightStyle?: CSSProperties\n): React.ReactNode => {\n  if (!highlightedText || !highlightedText.trim()) return text;\n\n  const escapeRegExp = (str: string) => str.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n  const regex = new RegExp(`(${escapeRegExp(highlightedText)})`, 'gi');\n  \n  const parts = text.split(regex);\n\n  return parts.map((part, i) => \n    regex.test(part) ? (\n      <mark \n        key={i} \n        className={defaultStyles.customHighlight} \n        id=\"customHighlight\"\n        style={customHighlightStyle} // Apply custom style\n      >\n        {part}\n      </mark>\n    ) : (\n      part\n    )\n  );\n};\n\nconst MarkdownRenderer: React.FC<Props> = ({\n  value,\n  highlightedText,\n  scrollTo,\n  styles = {}, // Default to empty object\n}) => {\n  const rootRef = React.useRef<HTMLDivElement | null>(null);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (highlightedText) {\n      const timer = setTimeout(() => {\n        if (scrollRef.current) {\n          const highlightElement = scrollRef.current.querySelector('#customHighlight');\n\n          if (highlightElement) {\n            highlightElement.scrollIntoView({\n              behavior: 'smooth',\n              block: scrollTo ? scrollTo : 'center',\n            });\n          }\n        }\n      }, 225);\n      return () => clearTimeout(timer);\n    }\n  }, [highlightedText, value]);\n\n  const handleInlineToggle = (e: React.SyntheticEvent<HTMLDetailsElement>) => {\n    const trigger = e.currentTarget;\n    const id = trigger.getAttribute('data-inline');\n    if (!id || !rootRef.current) return;\n\n    const target = rootRef.current.querySelector<HTMLDetailsElement>(\n      `details[data-target=\"${id}\"]`,\n    );\n    if (target) {\n      target.open = trigger.open;\n    }\n  };\n\n  return (\n    <div \n      ref={rootRef} // Attached to outer wrapper to help scope queries\n      className={defaultStyles.containerWrapper} \n      style={styles.containerWrapper}\n    >\n      <div \n        className={defaultStyles.mainCard} \n        style={styles.mainCard}\n      >\n        <div \n          ref={scrollRef} \n          className={defaultStyles.scrollArea} \n          style={styles.scrollArea}\n        >\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[\n              rehypeRaw as any,\n              rehypeUnwrapParagraphDetails,\n              rehypeGreenChecks,\n              rehypeWrapTargetContent,\n              rehypeWrapAnyDetailsBody,\n            ]}\n            components={{\n              details: ({ node, ...props }) => {\n                const isInline = !!(props as any)['data-inline'];\n                const isTarget = !!(props as any)['data-target'];\n                \n                let className = defaultStyles.detailsBlock;\n                let style = styles.detailsBlock;\n\n                if (isInline) {\n                   className = defaultStyles.detailsInline;\n                   style = styles.detailsInline;\n                }\n                if (isTarget) {\n                    className = defaultStyles.detailsTarget;\n                    style = styles.detailsTarget;\n                }\n\n                return (\n                  <details\n                    {...props}\n                    className={className}\n                    style={{ ...style, ...props.style }} // Merge with Markdown props if any\n                    onToggle={(e) => {\n                      e.stopPropagation();\n                      if (isInline) handleInlineToggle(e);\n                    }}\n                  >\n                    {isTarget && <summary className={defaultStyles.targetDummySummary} aria-hidden=\"true\" />}\n                    {props.children}\n                  </details>\n                );\n              },\n              summary: ({ node, ...props }) => (\n                <summary \n                  className={defaultStyles.summary} \n                  style={styles.summary}\n                  onClick={(e) => e.stopPropagation()} \n                  {...props}\n                >\n                  {props.children}\n                </summary>\n              ),\n\n              ul: (props) => <ul className={defaultStyles.list} style={styles.list} {...props} />,\n              ol: (props) => <ol className={defaultStyles.list} style={styles.list} {...props} />,\n              \n              div: ({ node, ...props }) => {\n                const isPopup = (node as any)?.properties && 'data-popup' in (node as any).properties;\n                return (\n                    <div \n                        {...props} \n                        className={isPopup ? defaultStyles.popup : props.className} \n                        style={isPopup ? styles.popup : props.style}\n                    />\n                );\n              },\n              \n              // Handle the Green check that rehypeGreenChecks created\n              span: ({node, ...props}) => {\n                const isGreenCheck = (node as any)?.properties?.['data-green-check'] === 'true';\n                if (isGreenCheck) {\n                    return <span {...props} style={styles.checkGreen} />;\n                }\n                return <span {...props} />;\n              },\n\n              p: function ({ children }) {\n                const childArray = Array.isArray(children) ? children : [children];\n                return (\n                  <p>\n                    {childArray.map((child, i) =>\n                      typeof child === 'string' ? (\n                        renderWithHighlights(child, highlightedText, styles.customHighlight)\n                      ) : (\n                        <React.Fragment key={i}>{child}</React.Fragment>\n                      ),\n                    )}\n                  </p>\n                );\n              },\n              li: ({ children }) => {\n                try {\n                    const childArray = children == null\n                        ? []\n                        : Array.isArray(children)\n                            ? children\n                            : [children];\n\n                    return (\n                        <li style={{ marginBottom: '4px' }}>\n                            {childArray?.map((child, index) =>\n                                typeof child === 'string'\n                                    ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n                                    : <React.Fragment key={index}>{child}</React.Fragment>\n                            )}\n                        </li>\n                    );\n                } catch (e) {\n                    console.error('Error rendering <li>:', e);\n                    return <li>{children}</li>;\n                }\n            },\n              code: ({ children, ...props }) => (\n                <code {...props}>\n                  {children.map((child) =>\n                    typeof child === 'string'\n                      ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n                      : child,\n                  )}\n                </code>\n              ),\n            }}\n          >\n            {value}\n          </Markdown>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRenderer;"],"names":["React","Markdown"],"mappings":"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"}

package/dist/features/IL-OTJ/_components/MarkdownRenderer.module.css.js

@@ -1,2 +1,8 @@
-import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";var r={containerWrapper:"MarkdownRenderer-module_containerWrapper__XUtML",mainCard:"MarkdownRenderer-module_mainCard__BcSV-",scrollArea:"MarkdownRenderer-module_scrollArea__oTyxO",checkGreen:"MarkdownRenderer-module_checkGreen__fc8ex",list:"MarkdownRenderer-module_list__UqrN9",customHighlight:"MarkdownRenderer-module_customHighlight__KSBCr",detailsInline:"MarkdownRenderer-module_detailsInline__Lqlyi",detailsTarget:"MarkdownRenderer-module_detailsTarget__MQk1n",detailsBlock:"MarkdownRenderer-module_detailsBlock__iHvXn",summary:"MarkdownRenderer-module_summary__2-IHg",targetDummySummary:"MarkdownRenderer-module_targetDummySummary__1L590",popup:"MarkdownRenderer-module_popup__QuC1y"};e(".MarkdownRenderer-module_containerWrapper__XUtML{display:flex;gap:16px;height:42vh!important}.MarkdownRenderer-module_mainCard__BcSV-{background-color:var(--il-color-ffffff,#fff);border:1px solid var(--il-color-e5e7eb,#e5e7eb);border-radius:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex:1;height:42vh;padding:20px}.MarkdownRenderer-module_scrollArea__oTyxO{height:100%;overflow-y:auto;padding-right:8px}.MarkdownRenderer-module_scrollArea__oTyxO h2{font-size:1.5em;font-weight:700}.MarkdownRenderer-module_scrollArea__oTyxO h3{font-size:1.17em;font-weight:700}.MarkdownRenderer-module_checkGreen__fc8ex{color:var(--il-color-16a34a,#16a34a)!important;display:inline-block;font-weight:var(--il-font-weight-medium,500);margin-right:4px;vertical-align:middle}.MarkdownRenderer-module_list__UqrN9{list-style-type:decimal;margin:4px 0;padding-left:20px}.MarkdownRenderer-module_customHighlight__KSBCr{background-color:var(--il-color-fef08a,#fef08a);border-radius:4px;color:var(--il-color-374151,#374151);padding:2px 4px}.MarkdownRenderer-module_detailsInline__Lqlyi{border-radius:8px;display:inline-block;margin:4px 0;position:relative;vertical-align:middle}.MarkdownRenderer-module_detailsInline__Lqlyi>:not(summary){display:none!important}.MarkdownRenderer-module_detailsTarget__MQk1n{display:block;margin:8px 0}.MarkdownRenderer-module_detailsBlock__iHvXn{border-radius:8px;margin:4px 0;position:relative;width:100%}.MarkdownRenderer-module_summary__2-IHg{align-items:center;color:var(--il-color-19213d,#19213d);cursor:pointer;display:inline-flex;font-weight:var(--il-font-weight-medium,500);gap:4px;padding:4px 0;user-select:none}.MarkdownRenderer-module_summary__2-IHg:hover{opacity:.9}.MarkdownRenderer-module_detailsBlock__iHvXn summary::-webkit-details-marker,.MarkdownRenderer-module_detailsInline__Lqlyi summary::-webkit-details-marker,.MarkdownRenderer-module_detailsTarget__MQk1n summary::-webkit-details-marker{display:none}.MarkdownRenderer-module_targetDummySummary__1L590{display:none!important}.MarkdownRenderer-module_popup__QuC1y{background:rgba(109,40,217,.1);border:1px solid var(--il-color-6d28d9,#6d28d9);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.06);color:var(--il-color-6d28d9,#6d28d9);display:block;font-size:var(--il-font-size-xs,12px);line-height:1.35;margin-top:6px;padding:12px;transition:opacity .2s ease,transform .2s ease}.MarkdownRenderer-module_detailsTarget__MQk1n .MarkdownRenderer-module_popup__QuC1y{opacity:0;transform:translateY(-4px)}.MarkdownRenderer-module_detailsTarget__MQk1n[open] .MarkdownRenderer-module_popup__QuC1y{opacity:1;transform:translateY(0)}.MarkdownRenderer-module_popup__QuC1y .MarkdownRenderer-module_popup__QuC1y{background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}");export{r as default};
+import styleInject from '../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".MarkdownRenderer-module_containerWrapper__XUtML{display:flex;gap:16px;height:42vh!important}.MarkdownRenderer-module_mainCard__BcSV-{background-color:var(--il-color-ffffff,#fff);border:1px solid var(--il-color-e5e7eb,#e5e7eb);border-radius:12px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);flex:1;height:42vh;padding:20px}.MarkdownRenderer-module_scrollArea__oTyxO{height:100%;overflow-y:auto;padding-right:8px}.MarkdownRenderer-module_scrollArea__oTyxO h2{font-size:1.5em;font-weight:700}.MarkdownRenderer-module_scrollArea__oTyxO h3{font-size:1.17em;font-weight:700}.MarkdownRenderer-module_checkGreen__fc8ex{color:var(--il-color-16a34a,#16a34a)!important;display:inline-block;font-weight:var(--il-font-weight-medium,500);margin-right:4px;vertical-align:middle}.MarkdownRenderer-module_list__UqrN9{list-style-type:decimal;margin:4px 0;padding-left:20px}.MarkdownRenderer-module_customHighlight__KSBCr{background-color:var(--il-color-fef08a,#fef08a);border-radius:4px;color:var(--il-color-374151,#374151);padding:2px 4px}.MarkdownRenderer-module_detailsInline__Lqlyi{border-radius:8px;display:inline-block;margin:4px 0;position:relative;vertical-align:middle}.MarkdownRenderer-module_detailsInline__Lqlyi>:not(summary){display:none!important}.MarkdownRenderer-module_detailsTarget__MQk1n{display:block;margin:8px 0}.MarkdownRenderer-module_detailsBlock__iHvXn{border-radius:8px;margin:4px 0;position:relative;width:100%}.MarkdownRenderer-module_summary__2-IHg{align-items:center;color:var(--il-color-19213d,#19213d);cursor:pointer;display:inline-flex;font-weight:var(--il-font-weight-medium,500);gap:4px;padding:4px 0;user-select:none}.MarkdownRenderer-module_summary__2-IHg:hover{opacity:.9}.MarkdownRenderer-module_detailsBlock__iHvXn summary::-webkit-details-marker,.MarkdownRenderer-module_detailsInline__Lqlyi summary::-webkit-details-marker,.MarkdownRenderer-module_detailsTarget__MQk1n summary::-webkit-details-marker{display:none}.MarkdownRenderer-module_targetDummySummary__1L590{display:none!important}.MarkdownRenderer-module_popup__QuC1y{background:rgba(109,40,217,.1);border:1px solid var(--il-color-6d28d9,#6d28d9);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.06);color:var(--il-color-6d28d9,#6d28d9);display:block;font-size:var(--il-font-size-xs,12px);line-height:1.35;margin-top:6px;padding:12px;transition:opacity .2s ease,transform .2s ease}.MarkdownRenderer-module_detailsTarget__MQk1n .MarkdownRenderer-module_popup__QuC1y{opacity:0;transform:translateY(-4px)}.MarkdownRenderer-module_detailsTarget__MQk1n[open] .MarkdownRenderer-module_popup__QuC1y{opacity:1;transform:translateY(0)}.MarkdownRenderer-module_popup__QuC1y .MarkdownRenderer-module_popup__QuC1y{background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}";
+var defaultStyles = {"containerWrapper":"MarkdownRenderer-module_containerWrapper__XUtML","mainCard":"MarkdownRenderer-module_mainCard__BcSV-","scrollArea":"MarkdownRenderer-module_scrollArea__oTyxO","checkGreen":"MarkdownRenderer-module_checkGreen__fc8ex","list":"MarkdownRenderer-module_list__UqrN9","customHighlight":"MarkdownRenderer-module_customHighlight__KSBCr","detailsInline":"MarkdownRenderer-module_detailsInline__Lqlyi","detailsTarget":"MarkdownRenderer-module_detailsTarget__MQk1n","detailsBlock":"MarkdownRenderer-module_detailsBlock__iHvXn","summary":"MarkdownRenderer-module_summary__2-IHg","targetDummySummary":"MarkdownRenderer-module_targetDummySummary__1L590","popup":"MarkdownRenderer-module_popup__QuC1y"};
+styleInject(css_248z);
+
+export { defaultStyles as default };
 //# sourceMappingURL=MarkdownRenderer.module.css.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"MarkdownRenderer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/features/IL-OTJ/_components/MessageRendering/ChatFeedback.js

@@ -1,2 +1,228 @@
-import{__assign as e,__awaiter as r,__generator as t}from"tslib";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as l,useEffect as a}from"react";import{ThumbsUp as d,ThumbsDown as u}from"lucide-react";import s from"../_svg/SparkleIcon.js";var c={title:"Help us improve this response!",submitButtonText:"Submit Feedback",fields:[{id:"severity",label:"1. How would you rate this issue?",type:"radio",options:["Critical","High","Moderate","Low"]},{id:"what_went_wrong",label:"2. What went wrong?",type:"textarea",placeholder:"Tell us what didn't work or what you expected instead..."}]},f=function(f){var p=f.isLastMessage,g=f.isStreamEnd,v=f.role,b=f.content,y=f.messages,h=f.index,x=f.onFeedbackSubmit,m=f.feedbackConfig||c,w=l(!1),k=w[0],C=w[1],S=l({}),E=S[0],B=S[1],T=l(!1),_=T[0],z=T[1],F=l(null),I=F[0],M=F[1],W=l(!1),j=W[0],L=W[1],q=l(!1),D=q[0],H=q[1];a(function(){if(0===Object.keys(E).length){var e={};m.fields.forEach(function(r){e[r.id]=""}),B(e)}},[m.fields]);var R=function(r,t){B(function(n){var o;return e(e({},n),((o={})[r]=t,o))})};if(!(p||_&&h===y.length-2)||"assistant"!==v||!g||"Thanks for your feedback — this will help improve future suggestions."===b)return null;var A=m.fields.some(function(e){var r;return""!==(null===(r=E[e.id])||void 0===r?void 0:r.trim())});return n(o,{children:[i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"4px"}},{children:n("div",e({style:{display:"flex",gap:"12px"}},{children:[i("button",e({onClick:function(){_||("up"===I?M(null):(M("up"),C(!1)))},style:{background:"none",border:"none",cursor:"pointer",color:"up"===I?"var(--il-primary, #2563EB)":"var(--il-muted, #94a3b8)"},onMouseEnter:function(e){"up"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"up"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(d,{size:18,fill:"up"===I?"currentColor":"none"})})),i("button",e({onClick:function(){_||("down"===I?(M(null),C(!1)):(M("down"),C(!0)))},style:{background:"none",border:"none",cursor:"pointer",color:"down"===I?"var(--il-primary, #2563EB)":"var(--il-muted, #94a3b8)"},onMouseEnter:function(e){"down"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"down"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(u,{size:18,fill:"down"===I?"currentColor":"none"})}))]}))})),k&&!_&&"down"===I&&n("div",e({style:{position:"relative",marginTop:"16px"}},{children:[i("div",e({style:{position:"absolute",left:"calc(-32px - 0.7rem)",top:"0",width:"32px",display:"flex",justifyContent:"center"}},{children:i(s,{})})),n("div",e({style:{border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px",padding:"14px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-foreground, #17212B)",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[i("div",e({style:{fontSize:"12px",fontWeight:500,color:"var(--il-secondary-fg, #334155)",marginBottom:"12px"}},{children:m.title})),m.fields.map(function(r,t){var o;return n("div",e({style:{marginBottom:t===m.fields.length-1?"0":"16px"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:500,color:"var(--il-foreground, #17212B)",marginBottom:"8px"}},{children:r.label})),"radio"===r.type&&i("div",e({style:{display:"flex",gap:"16px",fontSize:"14px",color:"var(--il-secondary-fg, #334155)",flexWrap:"wrap"}},{children:null===(o=r.options)||void 0===o?void 0:o.map(function(t){return n("label",e({style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer"}},{children:[i("input",{type:"radio",name:"feedback-".concat(r.id),value:t,checked:E[r.id]===t,onChange:function(e){return R(r.id,e.target.value)},style:{cursor:"pointer",accentColor:"#3b82f6"}}),t]}),t)})})),"text"===r.type&&i("input",{type:"text",style:{width:"100%",padding:"10px",border:"1px solid var(--il-input-border, #E3E6EA)",backgroundColor:"var(--il-input-bg, #ffffff)",color:"var(--il-input-fg, #17212B)",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",outline:"none"},placeholder:r.placeholder,value:E[r.id]||"",onChange:function(e){return R(r.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}}),"textarea"===r.type&&i("textarea",{style:{width:"100%",minHeight:"80px",padding:"10px",border:"1px solid var(--il-input-border, #E3E6EA)",backgroundColor:"var(--il-input-bg, #ffffff)",color:"var(--il-input-fg, #17212B)",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",resize:"vertical",outline:"none"},placeholder:r.placeholder,value:E[r.id]||"",onChange:function(e){return R(r.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}})]}),r.id)}),D&&i("div",e({style:{display:"flex",justifyContent:"flex-end",marginTop:"6px"}},{children:i("span",e({style:{color:"var(--il-danger, #ef4444)",fontSize:"12px",fontWeight:500}},{children:"Submission failed, try again."}))}))]})),A&&i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"12px"}},{children:i("button",e({onClick:function(){return r(void 0,void 0,void 0,function(){var r,n,o,i;return t(this,function(t){switch(t.label){case 0:r=y[h],n=y[h-1],o=(null==n?void 0:n.time)?new Date(n.time).toISOString():(new Date).toISOString(),i=e(e({},E),{user_query:"user"===(null==n?void 0:n.role)?n.content:"",query_time:o,session_id:(null==r?void 0:r.sessionId)||"",request_id:(null==r?void 0:r.requestId)||""}),void 0!==E.what_went_wrong&&(i.what_went_wrong=E.what_went_wrong),void 0!==E.severity&&(i.severity=E.severity),L(!0),H(!1),t.label=1;case 1:return t.trys.push([1,4,5,6]),x?[4,x(i)]:[3,3];case 2:t.sent(),t.label=3;case 3:return z(!0),C(!1),[3,6];case 4:return t.sent(),H(!0),[3,6];case 5:return L(!1),[7];case 6:return[2]}})})},disabled:j,style:{backgroundColor:j?"#93c5fd":"#3b82f6",color:"var(--il-primary-fg, #ffffff)",padding:"6px 12px",borderRadius:"8px",fontSize:"14px",fontWeight:500,border:"none",cursor:j?"not-allowed":"pointer",transition:"background-color 0.2s"},onMouseEnter:function(e){j||(e.currentTarget.style.backgroundColor="#0069F5")},onMouseLeave:function(e){j||(e.currentTarget.style.backgroundColor="#3b82f6")}},{children:j?"Submitting...":m.submitButtonText||"Submit Feedback"}))}))]}))]})};export{f as default};
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { ThumbsUp, ThumbsDown } from 'lucide-react';
+import SparkleIcon from '../_svg/SparkleIcon.js';
+
+const DEFAULT_CONFIG = {
+  title: "Help us improve this response!",
+  submitButtonText: "Submit Feedback",
+  fields: [
+    {
+      id: "severity",
+      label: "1. How would you rate this issue?",
+      type: "radio",
+      options: ["Critical", "High", "Moderate", "Low"]
+    },
+    {
+      id: "what_went_wrong",
+      label: "2. What went wrong?",
+      type: "textarea",
+      placeholder: "Tell us what didn't work or what you expected instead..."
+    }
+  ]
+};
+const ChatFeedback = ({
+  isLastMessage,
+  isStreamEnd,
+  role,
+  content,
+  messages,
+  index,
+  onFeedbackSubmit,
+  feedbackConfig
+}) => {
+  const config = feedbackConfig || DEFAULT_CONFIG;
+  const [showFeedbackForm, setShowFeedbackForm] = useState(false);
+  const [feedbackValues, setFeedbackValues] = useState({});
+  const [isFeedbackSubmitted, setIsFeedbackSubmitted] = useState(false);
+  const [feedbackType, setFeedbackType] = useState(null);
+  const [isSubmittingFeedback, setIsSubmittingFeedback] = useState(false);
+  const [feedbackError, setFeedbackError] = useState(false);
+  useEffect(() => {
+    if (Object.keys(feedbackValues).length === 0) {
+      const initialValues = {};
+      config.fields.forEach((field) => {
+        initialValues[field.id] = "";
+      });
+      setFeedbackValues(initialValues);
+    }
+  }, [config.fields]);
+  const handleInputChange = (fieldId, value) => {
+    setFeedbackValues((prev) => ({ ...prev, [fieldId]: value }));
+  };
+  const handleThumbsUp = () => {
+    if (isFeedbackSubmitted) return;
+    if (feedbackType === "up") {
+      setFeedbackType(null);
+    } else {
+      setFeedbackType("up");
+      setShowFeedbackForm(false);
+    }
+  };
+  const handleThumbsDown = () => {
+    if (isFeedbackSubmitted) return;
+    if (feedbackType === "down") {
+      setFeedbackType(null);
+      setShowFeedbackForm(false);
+    } else {
+      setFeedbackType("down");
+      setShowFeedbackForm(true);
+    }
+  };
+  const handleSubmitFeedback = async () => {
+    const currentMsg = messages[index];
+    const prevUserMsg = messages[index - 1];
+    const actualQueryTime = (prevUserMsg == null ? void 0 : prevUserMsg.time) ? new Date(prevUserMsg.time).toISOString() : (/* @__PURE__ */ new Date()).toISOString();
+    const payload = {
+      ...feedbackValues,
+      user_query: (prevUserMsg == null ? void 0 : prevUserMsg.role) === "user" ? prevUserMsg.content : "",
+      query_time: actualQueryTime,
+      session_id: (currentMsg == null ? void 0 : currentMsg.sessionId) || "",
+      request_id: (currentMsg == null ? void 0 : currentMsg.requestId) || ""
+    };
+    if (feedbackValues.what_went_wrong !== void 0) {
+      payload.what_went_wrong = feedbackValues.what_went_wrong;
+    }
+    if (feedbackValues.severity !== void 0) {
+      payload.severity = feedbackValues.severity;
+    }
+    setIsSubmittingFeedback(true);
+    setFeedbackError(false);
+    try {
+      if (onFeedbackSubmit) {
+        await onFeedbackSubmit(payload);
+      }
+      setIsFeedbackSubmitted(true);
+      setShowFeedbackForm(false);
+    } catch (error) {
+      setFeedbackError(true);
+    } finally {
+      setIsSubmittingFeedback(false);
+    }
+  };
+  if (!(isLastMessage || isFeedbackSubmitted && index === messages.length - 2) || role !== "assistant" || !isStreamEnd || content === "Thanks for your feedback \u2014 this will help improve future suggestions.") {
+    return null;
+  }
+  const isAnyFieldFilled = config.fields.some((field) => {
+    var _a;
+    return ((_a = feedbackValues[field.id]) == null ? void 0 : _a.trim()) !== "";
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", marginTop: "4px" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "12px" }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleThumbsUp,
+          style: { background: "none", border: "none", cursor: "pointer", color: feedbackType === "up" ? "var(--il-primary, #2563EB)" : "var(--il-muted, #94a3b8)" },
+          onMouseEnter: (e) => {
+            if (feedbackType !== "up") e.currentTarget.style.color = "#2563EB";
+          },
+          onMouseLeave: (e) => {
+            if (feedbackType !== "up") e.currentTarget.style.color = "#94a3b8";
+          },
+          children: /* @__PURE__ */ jsx(ThumbsUp, { size: 18, fill: feedbackType === "up" ? "currentColor" : "none" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleThumbsDown,
+          style: { background: "none", border: "none", cursor: "pointer", color: feedbackType === "down" ? "var(--il-primary, #2563EB)" : "var(--il-muted, #94a3b8)" },
+          onMouseEnter: (e) => {
+            if (feedbackType !== "down") e.currentTarget.style.color = "#2563EB";
+          },
+          onMouseLeave: (e) => {
+            if (feedbackType !== "down") e.currentTarget.style.color = "#94a3b8";
+          },
+          children: /* @__PURE__ */ jsx(ThumbsDown, { size: 18, fill: feedbackType === "down" ? "currentColor" : "none" })
+        }
+      )
+    ] }) }),
+    showFeedbackForm && !isFeedbackSubmitted && feedbackType === "down" && /* @__PURE__ */ jsxs("div", { style: { position: "relative", marginTop: "16px" }, children: [
+      /* @__PURE__ */ jsx("div", { style: {
+        position: "absolute",
+        left: "calc(-32px - 0.7rem)",
+        top: "0",
+        width: "32px",
+        display: "flex",
+        justifyContent: "center"
+      }, children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { style: { border: "1px solid var(--il-border, #E3E6EA)", borderRadius: "8px", padding: "14px", backgroundColor: "var(--il-surface, #ffffff)", color: "var(--il-foreground, #17212B)", fontFamily: "Plus Jakarta Sans, sans-serif" }, children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", fontWeight: 500, color: "var(--il-secondary-fg, #334155)", marginBottom: "12px" }, children: config.title }),
+        config.fields.map((field, idx) => {
+          var _a;
+          return /* @__PURE__ */ jsxs("div", { style: { marginBottom: idx === config.fields.length - 1 ? "0" : "16px" }, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", fontWeight: 500, color: "var(--il-foreground, #17212B)", marginBottom: "8px" }, children: field.label }),
+            field.type === "radio" && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "16px", fontSize: "14px", color: "var(--il-secondary-fg, #334155)", flexWrap: "wrap" }, children: (_a = field.options) == null ? void 0 : _a.map((option) => /* @__PURE__ */ jsxs("label", { style: { display: "flex", alignItems: "center", gap: "6px", cursor: "pointer" }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "radio",
+                  name: `feedback-${field.id}`,
+                  value: option,
+                  checked: feedbackValues[field.id] === option,
+                  onChange: (e) => handleInputChange(field.id, e.target.value),
+                  style: { cursor: "pointer", accentColor: "#3b82f6" }
+                }
+              ),
+              option
+            ] }, option)) }),
+            field.type === "text" && /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                style: { width: "100%", padding: "10px", border: "1px solid var(--il-input-border, #E3E6EA)", backgroundColor: "var(--il-input-bg, #ffffff)", color: "var(--il-input-fg, #17212B)", borderRadius: "6px", fontSize: "14px", fontFamily: "inherit", outline: "none" },
+                placeholder: field.placeholder,
+                value: feedbackValues[field.id] || "",
+                onChange: (e) => handleInputChange(field.id, e.target.value),
+                onFocus: (e) => e.target.style.borderColor = "#3b82f6",
+                onBlur: (e) => e.target.style.borderColor = "#cbd5e1"
+              }
+            ),
+            field.type === "textarea" && /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                style: { width: "100%", minHeight: "80px", padding: "10px", border: "1px solid var(--il-input-border, #E3E6EA)", backgroundColor: "var(--il-input-bg, #ffffff)", color: "var(--il-input-fg, #17212B)", borderRadius: "6px", fontSize: "14px", fontFamily: "inherit", resize: "vertical", outline: "none" },
+                placeholder: field.placeholder,
+                value: feedbackValues[field.id] || "",
+                onChange: (e) => handleInputChange(field.id, e.target.value),
+                onFocus: (e) => e.target.style.borderColor = "#3b82f6",
+                onBlur: (e) => e.target.style.borderColor = "#cbd5e1"
+              }
+            )
+          ] }, field.id);
+        }),
+        feedbackError && /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: "6px" }, children: /* @__PURE__ */ jsx("span", { style: { color: "var(--il-danger, #ef4444)", fontSize: "12px", fontWeight: 500 }, children: "Submission failed, try again." }) })
+      ] }),
+      isAnyFieldFilled && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-end", marginTop: "12px" }, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: handleSubmitFeedback,
+          disabled: isSubmittingFeedback,
+          style: {
+            backgroundColor: isSubmittingFeedback ? "#93c5fd" : "#3b82f6",
+            color: "var(--il-primary-fg, #ffffff)",
+            padding: "6px 12px",
+            borderRadius: "8px",
+            fontSize: "14px",
+            fontWeight: 500,
+            border: "none",
+            cursor: isSubmittingFeedback ? "not-allowed" : "pointer",
+            transition: "background-color 0.2s"
+          },
+          onMouseEnter: (e) => {
+            if (!isSubmittingFeedback) e.currentTarget.style.backgroundColor = "#0069F5";
+          },
+          onMouseLeave: (e) => {
+            if (!isSubmittingFeedback) e.currentTarget.style.backgroundColor = "#3b82f6";
+          },
+          children: isSubmittingFeedback ? "Submitting..." : config.submitButtonText || "Submit Feedback"
+        }
+      ) })
+    ] })
+  ] });
+};
+var ChatFeedback$1 = ChatFeedback;
+
+export { ChatFeedback$1 as default };
 //# sourceMappingURL=ChatFeedback.js.map