@e-llm-studio/instant-learning 1.3.2 → 1.3.4

package/dist/features/InstantLearning/_components/GeneralizationAccordion.js

@@ -1,2 +1,543 @@
-import{__assign as e}from"tslib";import{jsxs as n,jsx as i,Fragment as r}from"react/jsx-runtime";import{useState as t}from"react";import{Accordion as a,AccordionSummary as l,Box as o,Typography as d,AccordionDetails as s,CircularProgress as c,TextField as u,Tooltip as f,IconButton as x,Button as p}from"@mui/material";import m from"@mui/icons-material/Edit";import g from"@mui/icons-material/Undo";import h from"@mui/icons-material/Add";import y from"@mui/icons-material/Cancel";import{ChevronDown as v,Sparkles as b}from"lucide-react";var k=function(k){var C=k.title,S=k.description,z=k.tags,W=k.appliedTags;k.hoveredWord;var A=k.isLoading,I=k.onApply,F=k.onUndo,P=k.onEditSave,J=k.onAddSave,K=k.setHoveredText,M=k.setHoveredTag,w=t(!1),V=w[0],T=w[1],E=t(!1),R=E[0],j=E[1],L=t({index:null,originalKey:"",originalValue:"",editedKey:"",editedValue:""}),B=L[0],H=L[1],G=t({key:"",value:""}),O=G[0],D=G[1],U=t(""),q=U[0],N=U[1],Q=t(""),X=Q[0],Y=Q[1],Z=function(){if(null!==B.index)if(B.editedKey.trim()&&B.editedValue.trim()){var e=B.editedValue.trim();e.startsWith("<")&&e.endsWith(">")||(e="<".concat(e.replace(/[<>]/g,""),">"));var n=P(B.originalKey,B.editedKey,e);n.success?(H({index:null,originalKey:"",originalValue:"",editedKey:"",editedValue:""}),Y("")):Y(n.error||"An unknown error occurred.")}else Y("Both fields are required.")},$=function(){H({index:null,originalKey:"",originalValue:"",editedKey:"",editedValue:""}),Y("")},_=Object.entries(z).filter(function(e){var n=e[0];return!W.some(function(e){return e.original.toLowerCase()===n.toLowerCase()})}),ee={p:"8px 12px",borderRadius:"8px",background:"#f1f5ff",textAlign:"center",fontFamily:"Plus Jakarta Sans",fontSize:"0.875rem",minHeight:"38px",display:"flex",alignItems:"center",justifyContent:"center",wordBreak:"break-word",border:"none",boxShadow:"none",cursor:"pointer","&:hover":{background:"#e4ebf9"}},ne=e(e({},ee),{color:"#5928ed",fontWeight:600}),ie={p:"8px",borderRadius:"8px",background:"#f1f5ff",minHeight:"48px",display:"flex",alignItems:"center",justifyContent:"center",flex:1,"& .MuiOutlinedInput-root":{height:"100%",width:"95%",borderRadius:"8px",background:"white",fontFamily:"Plus Jakarta Sans",fontSize:"0.875rem",fontWeight:"normal",color:"text.primary",p:"8px 8px","& fieldset":{borderColor:"#5928ed"},"&.Mui-focused fieldset":{borderColor:"#5928ed",borderWidth:"1px"},"& input":{textAlign:"center",p:"0",height:"100%",boxSizing:"border-box"}},"&.value-pill .MuiOutlinedInput-root":{"& input":{color:"#5928ed",fontWeight:600}}},re={color:"#5928ed",textTransform:"none",fontFamily:"Plus Jakarta Sans",fontWeight:600,padding:"6px 8px",minWidth:"auto"};return n(a,e({expanded:V,onChange:function(e,n){return T(n)},sx:{backgroundColor:"#f7f9fe",border:"1px solid #adacd4",borderRadius:"8px",boxShadow:"none","&:before":{display:"none"}}},{children:[n(l,e({expandIcon:i(v,{size:20}),sx:{gap:1.5,"& .MuiAccordionSummary-content":{margin:"12px 0"}}},{children:[i(o,e({sx:{marginRight:1.5}},{children:i(b,{size:24,color:"#5928ed"})})),n(o,{children:[i(d,e({sx:{fontWeight:600,fontFamily:"Plus Jakarta Sans"}},{children:C})),i(d,e({variant:"body2",sx:{color:"text.secondary",fontFamily:"Plus Jakarta Sans"}},{children:S}))]})]})),i(s,e({sx:{borderTop:"1px solid #adacd4",p:2,display:"flex",flexDirection:"column",gap:2}},{children:A?i(o,e({sx:{display:"flex",justifyContent:"center",my:2}},{children:i(c,{size:24})})):n(r,{children:[" ",n(o,e({sx:{border:"1px dashed #adacd4",borderRadius:"8px",p:2}},{children:[i(d,e({variant:"subtitle1",sx:{fontWeight:600,mb:1.5,fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"Generalize"})),_.length>0?i(o,e({sx:{display:"flex",flexDirection:"column",gap:1.5}},{children:_.map(function(t,a){var l=t[0],s=t[1],c=B.index===a;return n(o,e({sx:{display:"flex",alignItems:"center",gap:1.5,flexWrap:"wrap"}},{children:[n(o,e({sx:{flex:1,display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",gap:1.5}},{children:[c?i(u,{size:"small",value:B.editedKey,onChange:function(n){H(function(i){return e(e({},i),{editedKey:n.target.value})}),Y("")},sx:ie,variant:"outlined"}):i(o,e({sx:ee,onMouseEnter:function(){return K(l)},onMouseLeave:function(){return K(null)}},{children:l})),i(d,e({sx:{color:"text.secondary",textAlign:"center",fontWeight:"bold",fontSize:"1.2rem"}},{children:"→"})),c?i(u,{size:"small",value:B.editedValue,onChange:function(n){H(function(i){return e(e({},i),{editedValue:n.target.value})}),Y("")},sx:e(e({},ie),{"& .MuiOutlinedInput-root input":{color:"#5928ed",fontWeight:600}}),variant:"outlined"}):i(o,e({sx:ne,onMouseEnter:function(){K(l),M(s)},onMouseLeave:function(){K(null),M(null)}},{children:s}))]})),i(o,e({sx:{display:"flex",alignItems:"center",gap:.5}},{children:n(r,c?{children:[i(f,e({title:"Cancel"},{children:i(x,e({onClick:$,size:"small"},{children:i(y,{})}))})),i(p,e({onClick:Z,size:"small",sx:e(e({},re),{padding:"6px 11px"})},{children:"Save"}))]}:{children:[i(f,e({title:"Edit"},{children:i(x,e({onClick:function(){return function(e,n,i){H({index:i,originalKey:e,originalValue:n,editedKey:e,editedValue:n.replace(/[<>]/g,"")})}(l,s,a)},size:"small"},{children:i(m,{})}))})),i(p,e({onClick:function(){return function(e,n){null!==B.index&&B.originalKey===e?(Z(),I(B.editedKey,B.editedValue)):I(e,n)}(l,s)},size:"small",sx:re},{children:"Apply"}))]})})),c&&X&&i(d,e({variant:"caption",color:"error",sx:{fontFamily:"Plus Jakarta Sans",width:"100%",textAlign:"center",mt:1}},{children:X}))]}),l)})})):i(o,e({sx:{display:"flex",justifyContent:"center",my:2}},{children:i(d,e({variant:"body2",sx:{color:"text.secondary",fontFamily:"Plus Jakarta Sans"}},{children:"No suggestions available for this content."}))}))]}))," ",R?n(o,e({sx:{border:"1px dashed #adacd4",borderRadius:"8px",p:2}},{children:[i(d,e({variant:"subtitle1",sx:{fontWeight:600,mb:1.5,fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"Add Generalization"})),n(o,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:[n(o,e({sx:{flex:1,display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",gap:1.5}},{children:[i(u,{fullWidth:!0,placeholder:"Enter phrase (e.g., laptop)",size:"small",value:O.key,onChange:function(n){D(function(i){return e(e({},i),{key:n.target.value})}),N("")},error:!!q,sx:{"& .MuiInputBase-input":{textAlign:"center"}}}),i(d,e({sx:{color:"text.secondary",textAlign:"center",fontWeight:"bold",fontSize:"1.2rem"}},{children:"→"})),i(u,{fullWidth:!0,placeholder:"Enter tag (e.g., device)",size:"small",value:O.value,onChange:function(n){D(function(i){return e(e({},i),{value:n.target.value})}),N("")},error:!!q,FormHelperTextProps:{sx:{fontFamily:"Plus Jakarta Sans",textAlign:"center"}},sx:{"& .MuiInputBase-input":{textAlign:"center",color:"#5928ed",fontWeight:600}}})]})),n(o,e({sx:{display:"flex",gap:1}},{children:[i(p,e({variant:"outlined",onClick:function(){j(!1),N(""),D({key:"",value:""})},sx:{textTransform:"none",fontFamily:"Plus Jakarta Sans"}},{children:"Cancel"})),i(p,e({variant:"contained",onClick:function(){if(O.key.trim()&&O.value.trim()){var e=O.value.trim();e.startsWith("<")&&e.endsWith(">")||(e="<".concat(e.replace(/[<>]/g,""),">"));var n=J(O.key,e);n.success?(D({key:"",value:""}),j(!1),N("")):N(n.error||"An unknown error occurred.")}else N("Both fields are required.")},sx:{textTransform:"none",fontFamily:"Plus Jakarta Sans"}},{children:"Save"}))]}))]})),q&&i(d,e({variant:"caption",color:"error",sx:{mt:1,fontFamily:"Plus Jakarta Sans",textAlign:"center",width:"100%"}},{children:q}))]})):i(o,e({sx:{display:"flex",justifyContent:"center"}},{children:i(p,e({startIcon:i(h,{}),onClick:function(){return j(!0)},variant:"outlined",size:"medium",sx:{textTransform:"none",fontFamily:"Plus Jakarta Sans",width:"100%",py:1}},{children:"Add Generalization"}))})),W.length>0&&n(o,e({sx:{border:"1px dashed #adacd4",borderRadius:"8px",p:2}},{children:[i(d,e({variant:"subtitle1",sx:{fontWeight:600,mb:1.5,fontFamily:"Plus Jakarta Sans",color:"#5928ed"}},{children:"Applied Generalizations"})),i(o,e({sx:{display:"flex",flexDirection:"column",gap:1.5}},{children:W.map(function(r){return n(o,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:[n(o,e({sx:{flex:1,display:"grid",gridTemplateColumns:"1fr auto 1fr",alignItems:"center",gap:1.5}},{children:[i(o,e({sx:ee,onMouseEnter:function(){return K(r.original)},onMouseLeave:function(){return K(null)}},{children:r.original})),i(d,e({sx:{color:"text.secondary",textAlign:"center",fontWeight:"bold",fontSize:"1.2rem"}},{children:"→"})),i(o,e({sx:ne,onMouseEnter:function(){K(r.replacement),M(r.replacement)},onMouseLeave:function(){K(null),M(null)}},{children:r.replacement}))]})),i(o,e({sx:{display:"flex"}},{children:i(p,e({startIcon:i(g,{}),onClick:function(){return F(r.original,r.replacement)},size:"small",sx:re},{children:"Undo"}))}))]}),r.replacement+r.original)})}))]}))]})}))]}))};export{k as default};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Accordion, AccordionSummary, Box, Typography, AccordionDetails, CircularProgress, TextField, Tooltip, IconButton, Button } from '@mui/material';
+import EditIcon from '@mui/icons-material/Edit';
+import UndoIcon from '@mui/icons-material/Undo';
+import AddIcon from '@mui/icons-material/Add';
+import CancelIcon from '@mui/icons-material/Cancel';
+import { ChevronDown, Sparkles } from 'lucide-react';
+
+const GeneralizationAccordion = ({
+  title,
+  description,
+  tags,
+  appliedTags,
+  hoveredWord,
+  isLoading,
+  onApply,
+  onUndo,
+  onEditSave,
+  onAddSave,
+  setHoveredText,
+  setHoveredTag
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [showAddForm, setShowAddForm] = useState(false);
+  const [editState, setEditState] = useState({
+    index: null,
+    originalKey: "",
+    originalValue: "",
+    editedKey: "",
+    editedValue: ""
+  });
+  const [newTag, setNewTag] = useState({ key: "", value: "" });
+  const [addError, setAddError] = useState("");
+  const [editError, setEditError] = useState("");
+  const handleApplyClick = (key, value) => {
+    if (editState.index !== null && editState.originalKey === key) {
+      handleSaveEditClick();
+      onApply(editState.editedKey, editState.editedValue);
+    } else {
+      onApply(key, value);
+    }
+  };
+  const handleEditClick = (key, value, index) => {
+    setEditState({
+      index,
+      originalKey: key,
+      originalValue: value,
+      editedKey: key,
+      editedValue: value.replace(/[<>]/g, "")
+      // Show value without brackets in edit input
+    });
+  };
+  const handleSaveEditClick = () => {
+    if (editState.index === null) return;
+    if (!editState.editedKey.trim() || !editState.editedValue.trim()) {
+      setEditError("Both fields are required.");
+      return;
+    }
+    let finalValue = editState.editedValue.trim();
+    if (!finalValue.startsWith("<") || !finalValue.endsWith(">")) {
+      finalValue = `<${finalValue.replace(/[<>]/g, "")}>`;
+    }
+    const result = onEditSave(
+      editState.originalKey,
+      editState.editedKey,
+      finalValue
+    );
+    if (result.success) {
+      setEditState({
+        index: null,
+        originalKey: "",
+        originalValue: "",
+        editedKey: "",
+        editedValue: ""
+      });
+      setEditError("");
+    } else {
+      setEditError(result.error || "An unknown error occurred.");
+    }
+  };
+  const handleCancelEditClick = () => {
+    setEditState({
+      index: null,
+      originalKey: "",
+      originalValue: "",
+      editedKey: "",
+      editedValue: ""
+    });
+    setEditError("");
+  };
+  const handleSaveNewTag = () => {
+    if (!newTag.key.trim() || !newTag.value.trim()) {
+      setAddError("Both fields are required.");
+      return;
+    }
+    let finalValue = newTag.value.trim();
+    if (!finalValue.startsWith("<") || !finalValue.endsWith(">")) {
+      finalValue = `<${finalValue.replace(/[<>]/g, "")}>`;
+    }
+    const result = onAddSave(newTag.key, finalValue);
+    if (result.success) {
+      setNewTag({ key: "", value: "" });
+      setShowAddForm(false);
+      setAddError("");
+    } else {
+      setAddError(result.error || "An unknown error occurred.");
+    }
+  };
+  const suggestedTags = Object.entries(tags).filter(
+    ([key]) => !appliedTags.some(
+      (tag) => tag.original.toLowerCase() === key.toLowerCase()
+    )
+  );
+  const pillStyle = {
+    p: "8px 12px",
+    borderRadius: "8px",
+    background: "#f1f5ff",
+    textAlign: "center",
+    fontFamily: "Plus Jakarta Sans",
+    fontSize: "0.875rem",
+    minHeight: "38px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    wordBreak: "break-word",
+    // For wrapping
+    border: "none",
+    boxShadow: "none",
+    cursor: "pointer",
+    "&:hover": {
+      background: "#e4ebf9"
+    }
+  };
+  const pillValueStyle = {
+    ...pillStyle,
+    color: "#5928ed",
+    fontWeight: 600
+  };
+  const editPillInputStyle = {
+    // Container for the TextField
+    p: "8px",
+    borderRadius: "8px",
+    background: "#f1f5ff",
+    minHeight: "48px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flex: 1,
+    // Styles for the actual MUI TextField
+    "& .MuiOutlinedInput-root": {
+      height: "100%",
+      width: "95%",
+      borderRadius: "8px",
+      background: "white",
+      fontFamily: "Plus Jakarta Sans",
+      fontSize: "0.875rem",
+      fontWeight: "normal",
+      color: "text.primary",
+      p: "8px 8px",
+      "& fieldset": {
+        borderColor: "#5928ed"
+      },
+      "&.Mui-focused fieldset": {
+        borderColor: "#5928ed",
+        borderWidth: "1px"
+      },
+      "& input": {
+        textAlign: "center",
+        p: "0",
+        height: "100%",
+        boxSizing: "border-box"
+      }
+    },
+    // Specific styles for the value pill (e.g., color)
+    "&.value-pill .MuiOutlinedInput-root": {
+      "& input": {
+        color: "#5928ed",
+        // Purple text for value
+        fontWeight: 600
+      }
+    }
+  };
+  const actionButtonStyle = {
+    color: "#5928ed",
+    textTransform: "none",
+    fontFamily: "Plus Jakarta Sans",
+    fontWeight: 600,
+    padding: "6px 8px",
+    minWidth: "auto"
+  };
+  return /* @__PURE__ */ jsxs(
+    Accordion,
+    {
+      expanded: isExpanded,
+      onChange: (_, expanded) => setIsExpanded(expanded),
+      sx: {
+        backgroundColor: "#f7f9fe",
+        // Light blue-ish background
+        border: "1px solid #adacd4",
+        // Solid blue-ish border
+        borderRadius: "8px",
+        boxShadow: "none",
+        "&:before": { display: "none" }
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          AccordionSummary,
+          {
+            expandIcon: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }),
+            sx: {
+              gap: 1.5,
+              "& .MuiAccordionSummary-content": { margin: "12px 0" }
+            },
+            children: [
+              /* @__PURE__ */ jsx(Box, { sx: { marginRight: 1.5 }, children: /* @__PURE__ */ jsx(Sparkles, { size: 24, color: "#5928ed" }) }),
+              /* @__PURE__ */ jsxs(Box, { children: [
+                /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600, fontFamily: "Plus Jakarta Sans" }, children: title }),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    sx: { color: "text.secondary", fontFamily: "Plus Jakarta Sans" },
+                    children: description
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(AccordionDetails, { sx: { borderTop: "1px solid #adacd4", p: 2, display: "flex", flexDirection: "column", gap: 2 }, children: isLoading ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", my: 2 }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 24 }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsxs(Box, { sx: { border: "1px dashed #adacd4", borderRadius: "8px", p: 2 }, children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "subtitle1",
+                sx: { fontWeight: 600, mb: 1.5, fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                children: "Generalize"
+              }
+            ),
+            suggestedTags.length > 0 ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: suggestedTags.map(([key, value], index) => {
+              const isEditingThis = editState.index === index;
+              return /* @__PURE__ */ jsxs(
+                Box,
+                {
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 1.5,
+                    flexWrap: "wrap"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, display: "grid", gridTemplateColumns: "1fr auto 1fr", alignItems: "center", gap: 1.5 }, children: [
+                      isEditingThis ? /* @__PURE__ */ jsx(
+                        TextField,
+                        {
+                          size: "small",
+                          value: editState.editedKey,
+                          onChange: (e) => {
+                            setEditState((prev) => ({
+                              ...prev,
+                              editedKey: e.target.value
+                            }));
+                            setEditError("");
+                          },
+                          sx: editPillInputStyle,
+                          variant: "outlined"
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          sx: pillStyle,
+                          onMouseEnter: () => setHoveredText(key),
+                          onMouseLeave: () => setHoveredText(null),
+                          children: key
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary", textAlign: "center", fontWeight: "bold", fontSize: "1.2rem" }, children: "\u2192" }),
+                      isEditingThis ? /* @__PURE__ */ jsx(
+                        TextField,
+                        {
+                          size: "small",
+                          value: editState.editedValue,
+                          onChange: (e) => {
+                            setEditState((prev) => ({
+                              ...prev,
+                              editedValue: e.target.value
+                            }));
+                            setEditError("");
+                          },
+                          sx: { ...editPillInputStyle, "& .MuiOutlinedInput-root input": { color: "#5928ed", fontWeight: 600 } },
+                          variant: "outlined"
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          sx: pillValueStyle,
+                          onMouseEnter: () => {
+                            setHoveredText(key);
+                            setHoveredTag(value);
+                          },
+                          onMouseLeave: () => {
+                            setHoveredText(null);
+                            setHoveredTag(null);
+                          },
+                          children: value
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: isEditingThis ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Tooltip, { title: "Cancel", children: /* @__PURE__ */ jsx(IconButton, { onClick: handleCancelEditClick, size: "small", children: /* @__PURE__ */ jsx(CancelIcon, {}) }) }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          onClick: handleSaveEditClick,
+                          size: "small",
+                          sx: { ...actionButtonStyle, padding: "6px 11px" },
+                          children: "Save"
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(Tooltip, { title: "Edit", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => handleEditClick(key, value, index), size: "small", children: /* @__PURE__ */ jsx(EditIcon, {}) }) }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          onClick: () => handleApplyClick(key, value),
+                          size: "small",
+                          sx: actionButtonStyle,
+                          children: "Apply"
+                        }
+                      )
+                    ] }) }),
+                    isEditingThis && editError && /* @__PURE__ */ jsx(
+                      Typography,
+                      {
+                        variant: "caption",
+                        color: "error",
+                        sx: {
+                          fontFamily: "Plus Jakarta Sans",
+                          width: "100%",
+                          textAlign: "center",
+                          mt: 1
+                        },
+                        children: editError
+                      }
+                    )
+                  ]
+                },
+                key
+              );
+            }) }) : /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", my: 2 }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "text.secondary", fontFamily: "Plus Jakarta Sans" }, children: "No suggestions available for this content." }) })
+          ] }),
+          " ",
+          showAddForm ? /* @__PURE__ */ jsxs(
+            Box,
+            {
+              sx: {
+                border: "1px dashed #adacd4",
+                borderRadius: "8px",
+                p: 2
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "subtitle1",
+                    sx: { fontWeight: 600, mb: 1.5, fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                    children: "Add Generalization"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                  /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, display: "grid", gridTemplateColumns: "1fr auto 1fr", alignItems: "center", gap: 1.5 }, children: [
+                    /* @__PURE__ */ jsx(
+                      TextField,
+                      {
+                        fullWidth: true,
+                        placeholder: "Enter phrase (e.g., laptop)",
+                        size: "small",
+                        value: newTag.key,
+                        onChange: (e) => {
+                          setNewTag((prev) => ({ ...prev, key: e.target.value }));
+                          setAddError("");
+                        },
+                        error: !!addError,
+                        sx: {
+                          "& .MuiInputBase-input": { textAlign: "center" }
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary", textAlign: "center", fontWeight: "bold", fontSize: "1.2rem" }, children: "\u2192" }),
+                    /* @__PURE__ */ jsx(
+                      TextField,
+                      {
+                        fullWidth: true,
+                        placeholder: "Enter tag (e.g., device)",
+                        size: "small",
+                        value: newTag.value,
+                        onChange: (e) => {
+                          setNewTag((prev) => ({ ...prev, value: e.target.value }));
+                          setAddError("");
+                        },
+                        error: !!addError,
+                        FormHelperTextProps: { sx: { fontFamily: "Plus Jakarta Sans", textAlign: "center" } },
+                        sx: {
+                          "& .MuiInputBase-input": { textAlign: "center", color: "#5928ed", fontWeight: 600 }
+                        }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 1 }, children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outlined",
+                        onClick: () => {
+                          setShowAddForm(false);
+                          setAddError("");
+                          setNewTag({ key: "", value: "" });
+                        },
+                        sx: { textTransform: "none", fontFamily: "Plus Jakarta Sans" },
+                        children: "Cancel"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "contained",
+                        onClick: handleSaveNewTag,
+                        sx: { textTransform: "none", fontFamily: "Plus Jakarta Sans" },
+                        children: "Save"
+                      }
+                    )
+                  ] })
+                ] }),
+                addError && /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    color: "error",
+                    sx: {
+                      mt: 1,
+                      fontFamily: "Plus Jakarta Sans",
+                      textAlign: "center",
+                      width: "100%"
+                    },
+                    children: addError
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              startIcon: /* @__PURE__ */ jsx(AddIcon, {}),
+              onClick: () => setShowAddForm(true),
+              variant: "outlined",
+              size: "medium",
+              sx: {
+                textTransform: "none",
+                fontFamily: "Plus Jakarta Sans",
+                width: "100%",
+                py: 1
+                // Add padding
+              },
+              children: "Add Generalization"
+            }
+          ) }),
+          appliedTags.length > 0 && /* @__PURE__ */ jsxs(Box, { sx: { border: "1px dashed #adacd4", borderRadius: "8px", p: 2 }, children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "subtitle1",
+                sx: { fontWeight: 600, mb: 1.5, fontFamily: "Plus Jakarta Sans", color: "#5928ed" },
+                children: "Applied Generalizations"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                sx: { display: "flex", flexDirection: "column", gap: 1.5 },
+                children: appliedTags.map((tag) => /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 1.5
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, display: "grid", gridTemplateColumns: "1fr auto 1fr", alignItems: "center", gap: 1.5 }, children: [
+                        /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            sx: pillStyle,
+                            onMouseEnter: () => setHoveredText(tag.original),
+                            onMouseLeave: () => setHoveredText(null),
+                            children: tag.original
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(Typography, { sx: { color: "text.secondary", textAlign: "center", fontWeight: "bold", fontSize: "1.2rem" }, children: "\u2192" }),
+                        /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            sx: pillValueStyle,
+                            onMouseEnter: () => {
+                              setHoveredText(tag.replacement);
+                              setHoveredTag(tag.replacement);
+                            },
+                            onMouseLeave: () => {
+                              setHoveredText(null);
+                              setHoveredTag(null);
+                            },
+                            children: tag.replacement
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          startIcon: /* @__PURE__ */ jsx(UndoIcon, {}),
+                          onClick: () => onUndo(tag.original, tag.replacement),
+                          size: "small",
+                          sx: actionButtonStyle,
+                          children: "Undo"
+                        }
+                      ) })
+                    ]
+                  },
+                  tag.replacement + tag.original
+                ))
+              }
+            )
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+var GeneralizationAccordion$1 = GeneralizationAccordion;
+
+export { GeneralizationAccordion$1 as default };
 //# sourceMappingURL=GeneralizationAccordion.js.map

package/dist/features/InstantLearning/_components/GeneralizationAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralizationAccordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"GeneralizationAccordion.js","sources":["../../../../src/features/InstantLearning/_components/GeneralizationAccordion.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Accordion,\n  AccordionSummary,\n  AccordionDetails,\n  Typography,\n  Box,\n  Button,\n  TextField,\n  IconButton,\n  CircularProgress,\n  Tooltip,\n} from '@mui/material';\n// Import MUI icons\nimport EditIcon from '@mui/icons-material/Edit';\nimport UndoIcon from '@mui/icons-material/Undo';\nimport AddIcon from '@mui/icons-material/Add';\nimport CancelIcon from '@mui/icons-material/Cancel';\nimport { ChevronDown, Sparkles } from 'lucide-react';\n\n// --- Types ---\n\ninterface Tag {\n  original: string;\n  replacement: string;\n}\n\ninterface EditState {\n  index: number | null;\n  originalKey: string;\n  originalValue: string;\n  editedKey: string;\n  editedValue: string;\n}\n\ninterface GeneralizationAccordionProps {\n  title: string;\n  description: string;\n  // State from parent\n  tags: Record<string, string>; // The \"Suggested\" list from the API\n  appliedTags: Tag[]; // The \"Applied\" list\n  hoveredWord: string | null;\n  isLoading: boolean;\n  // Handlers from parent\n  onApply: (original: string, replacement: string) => void;\n  onUndo: (original: string, replacement: string) => void;\n  onAddSave: (key: string, value: string) => { success: boolean; error?: string }; // Return object with error\n  onEditSave: (originalKey: string, newKey: string, newValue: string) => { success: boolean; error?: string };\n  setHoveredText: (text: string | null) => void;\n  setHoveredTag: (tag: string | null) => void;\n}\n\n// --- Main Component ---\n\nconst GeneralizationAccordion: React.FC<GeneralizationAccordionProps> = ({\n  title,\n  description,\n  tags,\n  appliedTags,\n  hoveredWord,\n  isLoading,\n  onApply,\n  onUndo,\n  onEditSave,\n  onAddSave,\n  setHoveredText,\n  setHoveredTag,\n}) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [showAddForm, setShowAddForm] = useState(false);\n\n  // State for editing a *suggested* tag\n  const [editState, setEditState] = useState<EditState>({\n    index: null,\n    originalKey: '',\n    originalValue: '',\n    editedKey: '',\n    editedValue: '',\n  });\n\n  // State for adding a *new* tag\n  const [newTag, setNewTag] = useState({ key: '', value: '' });\n  const [addError, setAddError] = useState('');\n  const [editError, setEditError] = useState('');\n\n  const handleApplyClick = (key: string, value: string) => {\n    // If this item is being edited, save it first\n    if (editState.index !== null && editState.originalKey === key) {\n      handleSaveEditClick();\n      onApply(editState.editedKey, editState.editedValue);\n    } else {\n      onApply(key, value);\n    }\n  };\n\n  const handleEditClick = (\n    key: string,\n    value: string,\n    index: number,\n  ) => {\n    setEditState({\n      index,\n      originalKey: key,\n      originalValue: value,\n      editedKey: key,\n      editedValue: value.replace(/[<>]/g, ''), // Show value without brackets in edit input\n    });\n  };\n\n  const handleSaveEditClick = () => {\n    if (editState.index === null) return;\n    if (!editState.editedKey.trim() || !editState.editedValue.trim()) {\n      setEditError(\"Both fields are required.\");\n      return;\n    }\n\n    // Add brackets back\n    let finalValue = editState.editedValue.trim();\n    if (!finalValue.startsWith('<') || !finalValue.endsWith('>')) {\n      finalValue = `<${finalValue.replace(/[<>]/g, '')}>`;\n    }\n\n    const result = onEditSave(\n      editState.originalKey,\n      editState.editedKey,\n      finalValue,\n    );\n\n    if (result.success) {\n      // On success, reset state and clear error\n      setEditState({\n        index: null,\n        originalKey: '',\n        originalValue: '',\n        editedKey: '',\n        editedValue: '',\n      });\n      setEditError('');\n    } else {\n      // On failure, DO NOT reset state. Show the error.\n      setEditError(result.error || 'An unknown error occurred.');\n    }\n  };\n\n  const handleCancelEditClick = () => {\n    setEditState({\n      index: null,\n      originalKey: '',\n      originalValue: '',\n      editedKey: '',\n      editedValue: '',\n    });\n    setEditError(''); // Clear error on cancel\n  };\n\n  const handleSaveNewTag = () => {\n    if (!newTag.key.trim() || !newTag.value.trim()) {\n      setAddError('Both fields are required.');\n      return;\n    }\n    \n    // Add brackets when saving\n    let finalValue = newTag.value.trim();\n    if (!finalValue.startsWith('<') || !finalValue.endsWith('>')) {\n      finalValue = `<${finalValue.replace(/[<>]/g, '')}>`;\n    }\n\n    const result = onAddSave(newTag.key, finalValue);\n\n    if (result.success) {\n      setNewTag({ key: '', value: '' });\n      setShowAddForm(false);\n      setAddError('');\n    } else {\n      setAddError(result.error || 'An unknown error occurred.');\n    }\n  };\n  \n  // Filter out applied tags from the suggestions list\n  const suggestedTags = Object.entries(tags).filter(\n    ([key]) =>\n      !appliedTags.some(\n        (tag) => tag.original.toLowerCase() === key.toLowerCase()\n      )\n  );\n\n  // Common pill style for text fields and boxes\n  const pillStyle = {\n    p: '8px 12px',\n    borderRadius: '8px',\n    background: '#f1f5ff',\n    textAlign: 'center',\n    fontFamily: \"Plus Jakarta Sans\",\n    fontSize: '0.875rem',\n    minHeight: '38px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    wordBreak: 'break-word', // For wrapping\n    border: 'none',\n    boxShadow: 'none',\n    cursor: 'pointer',\n    '&:hover': {\n      background: '#e4ebf9',\n    },\n  };\n\n  const pillValueStyle = {\n    ...pillStyle,\n    color: '#5928ed',\n    fontWeight: 600,\n  };\n\n  // Style for pill when in EDIT mode\n  const editPillInputStyle = {\n    // Container for the TextField\n    p: '8px',\n    borderRadius: '8px',\n    background: '#f1f5ff',\n    minHeight: '48px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flex: 1,\n    \n    // Styles for the actual MUI TextField\n    '& .MuiOutlinedInput-root': {\n      height: '100%',\n      width: '95%',\n      borderRadius: '8px',\n      background: 'white',\n      fontFamily: \"Plus Jakarta Sans\",\n      fontSize: '0.875rem',\n      fontWeight: 'normal',\n      color: 'text.primary',\n      p: '8px 8px',\n      \n      '& fieldset': {\n        borderColor: '#5928ed',\n      },\n      '&.Mui-focused fieldset': {\n        borderColor: '#5928ed',\n        borderWidth: '1px',\n      },\n      '& input': {\n        textAlign: 'center',\n        p: '0',\n        height: '100%',\n        boxSizing: 'border-box',\n      },\n    },\n    // Specific styles for the value pill (e.g., color)\n    '&.value-pill .MuiOutlinedInput-root': {\n      '& input': {\n        color: '#5928ed', // Purple text for value\n        fontWeight: 600,\n      },\n    },\n  };\n\n\n  const actionButtonStyle = {\n    color: '#5928ed', \n    textTransform: 'none', \n    fontFamily: \"Plus Jakarta Sans\",\n    fontWeight: 600,\n    padding: '6px 8px',\n    minWidth: 'auto'\n  };\n\n  const actionIconStyle = {\n    color: '#5928ed',\n    fontSize: '1.25rem' // 20px\n  };\n\n  return (\n    <Accordion\n      expanded={isExpanded}\n      onChange={(_, expanded) => setIsExpanded(expanded)}\n      sx={{\n        backgroundColor: '#f7f9fe', // Light blue-ish background\n        border: '1px solid #adacd4', // Solid blue-ish border\n        borderRadius: '8px',\n        boxShadow: 'none',\n        '&:before': { display: 'none' },\n      }}\n    >\n      <AccordionSummary\n        expandIcon={<ChevronDown size={20} />}\n        sx={{\n          gap: 1.5,\n          '& .MuiAccordionSummary-content': { margin: '12px 0' },\n        }}\n      >\n        <Box sx={{ marginRight: 1.5 }}>\n          <Sparkles size={24} color=\"#5928ed\" />\n        </Box>\n        <Box>\n          <Typography sx={{ fontWeight: 600, fontFamily: \"Plus Jakarta Sans\" }}>\n            {title}\n          </Typography>\n          <Typography\n            variant=\"body2\"\n            sx={{ color: 'text.secondary', fontFamily: \"Plus Jakarta Sans\" }}\n          >\n            {description}\n          </Typography>\n        </Box>\n      </AccordionSummary>\n      <AccordionDetails sx={{ borderTop: '1px solid #adacd4', p: 2, display: 'flex', flexDirection: 'column', gap: 2 }}>\n        {isLoading ? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', my: 2 }}>\n            <CircularProgress size={24} />\n          </Box>\n        ) : (\n          (<> {/* Main content wrapper */}\n            {/* --- 1. Generalize Box (Suggestions) --- */}\n            <Box sx={{ border: '1px dashed #adacd4', borderRadius: '8px', p: 2 }}>\n              <Typography\n                variant=\"subtitle1\"\n                sx={{ fontWeight: 600, mb: 1.5, fontFamily: \"Plus Jakarta Sans\", color: '#5928ed' }}\n              >\n                Generalize\n              </Typography>\n              \n              {suggestedTags.length > 0 ? (\n                <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n                  {suggestedTags.map(([key, value], index) => {\n                    const isEditingThis = editState.index === index;\n                    return (\n                      <Box\n                        key={key}\n                        sx={{\n                          display: 'flex',\n                          alignItems: 'center',\n                          gap: 1.5,\n                          flexWrap: 'wrap',\n                        }}\n                      >\n                        {/* Container 1: Pills + Arrow */}\n                        <Box sx={{ flex: 1, display: 'grid', gridTemplateColumns: '1fr auto 1fr', alignItems: 'center', gap: 1.5 }}>\n                          {isEditingThis ? (\n                            <TextField\n                              size=\"small\"\n                              value={editState.editedKey}\n                              onChange={(e) => {\n                                setEditState((prev) => ({\n                                  ...prev,\n                                  editedKey: e.target.value,\n                                }));\n                                setEditError('');\n                              }}\n                              sx={editPillInputStyle}\n                              variant=\"outlined\"\n                            />\n                          ) : (\n                            <Box\n                              sx={pillStyle}\n                              onMouseEnter={() => setHoveredText(key)}\n                              onMouseLeave={() => setHoveredText(null)}\n                            >\n                              {key}\n                            </Box>\n                          )}\n\n                          <Typography sx={{ color: 'text.secondary', textAlign: 'center', fontWeight: 'bold', fontSize: '1.2rem' }}>→</Typography>\n\n                          {isEditingThis ? (\n                            <TextField\n                              size=\"small\"\n                              value={editState.editedValue}\n                              onChange={(e) => {\n                                setEditState((prev) => ({\n                                  ...prev,\n                                  editedValue: e.target.value,\n                                }));\n                                setEditError('');\n                              }}\n                              sx={{...editPillInputStyle, '& .MuiOutlinedInput-root input': { color: '#5928ed', fontWeight: 600 }}}\n                              variant=\"outlined\"\n                            />\n                          ) : (\n                            <Box\n                              sx={pillValueStyle}\n                              onMouseEnter={() => {\n                                setHoveredText(key);\n                                setHoveredTag(value);\n                              }}\n                              onMouseLeave={() => {\n                                setHoveredText(null);\n                                setHoveredTag(null);\n                              }}\n                            >\n                              {value}\n                            </Box>\n                          )}\n                        </Box>\n\n                        {/* Container 2: Actions */}\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                          {isEditingThis ? (\n                            <>\n                              <Tooltip title=\"Cancel\">\n                                <IconButton onClick={handleCancelEditClick} size=\"small\">\n                                  <CancelIcon  />\n                                </IconButton>\n                              </Tooltip>\n                              <Button\n                                onClick={handleSaveEditClick}\n                                size=\"small\"\n                                sx={{ ...actionButtonStyle, padding: '6px 11px' }}\n                              >\n                                Save\n                              </Button>\n                            </>\n                          ) : (\n                            <>\n                              <Tooltip title=\"Edit\">\n                                <IconButton onClick={() => handleEditClick(key, value, index)} size=\"small\">\n                                  <EditIcon  />\n                                </IconButton>\n                              </Tooltip>\n                              <Button\n                                onClick={() => handleApplyClick(key, value)}\n                                size=\"small\"\n                                sx={actionButtonStyle}\n                              >\n                                Apply\n                              </Button>\n                            </>\n                          )}\n                        </Box>\n                          {isEditingThis && editError && (\n                            <Typography \n                              variant=\"caption\" \n                              color=\"error\" \n                              sx={{ \n                                fontFamily: \"Plus Jakarta Sans\", \n                                width: '100%', \n                                textAlign: 'center', \n                                mt: 1 \n                              }}\n                            >\n                              {editError}\n                            </Typography>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              ) : (\n                <Box sx={{ display: 'flex', justifyContent: 'center', my: 2 }}>\n                  <Typography variant=\"body2\" sx={{ color: 'text.secondary', fontFamily: \"Plus Jakarta Sans\" }}>\n                    No suggestions available for this content.\n                  </Typography>\n                </Box>\n              )}\n            </Box> {/* End Generalize Box */}\n            {/* --- 2. Add Generalization Button / Form --- */}\n            {showAddForm ? (\n                <Box\n                  sx={{\n                    border: '1px dashed #adacd4',\n                    borderRadius: '8px',\n                    p: 2,\n                  }}\n                >\n                  <Typography\n                    variant=\"subtitle1\"\n                    sx={{ fontWeight: 600, mb: 1.5, fontFamily: \"Plus Jakarta Sans\", color: '#5928ed' }}\n                  >\n                    Add Generalization\n                  </Typography>\n                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>\n                    {/* Container 1: Inputs + Arrow */}\n                    <Box sx={{ flex: 1, display: 'grid', gridTemplateColumns: '1fr auto 1fr', alignItems: 'center', gap: 1.5 }}>\n                      <TextField\n                        fullWidth\n                        placeholder=\"Enter phrase (e.g., laptop)\"\n                        size=\"small\"\n                        value={newTag.key}\n                        onChange={(e) => {\n                          setNewTag((prev) => ({ ...prev, key: e.target.value }));\n                          setAddError('');\n                        }}\n                        error={!!addError}\n                        sx={{\n                           '& .MuiInputBase-input': { textAlign: 'center' }\n                        }}\n                      />\n                      <Typography sx={{ color: 'text.secondary', textAlign: 'center', fontWeight: 'bold', fontSize: '1.2rem' }}>→</Typography>\n                      <TextField\n                        fullWidth\n                        placeholder=\"Enter tag (e.g., device)\"\n                        size=\"small\"\n                        value={newTag.value}\n                        onChange={(e) => {\n                          setNewTag((prev) => ({ ...prev, value: e.target.value }));\n                          setAddError('');\n                        }}\n                        error={!!addError}\n                        // helperText={addError ? addError : \"e.g., 'device' will be saved as '<device>'\"}\n                        FormHelperTextProps={{ sx: { fontFamily: \"Plus Jakarta Sans\", textAlign: 'center' } }}\n                        sx={{\n                           '& .MuiInputBase-input': { textAlign: 'center', color: '#5928ed', fontWeight: 600 }\n                        }}\n                      />\n                    </Box>\n                    {/* Container 2: Actions */}\n                    <Box sx={{ display: 'flex', gap: 1 }}>\n                      <Button\n                        variant=\"outlined\"\n                        onClick={() => {\n                          setShowAddForm(false);\n                          setAddError('');\n                          setNewTag({ key: '', value: '' });\n                        }}\n                        sx={{textTransform: 'none', fontFamily: \"Plus Jakarta Sans\"}}\n                      >\n                        Cancel\n                      </Button>\n                      <Button\n                        variant=\"contained\"\n                        onClick={handleSaveNewTag}\n                        sx={{textTransform: 'none', fontFamily: \"Plus Jakarta Sans\"}}\n                      >\n                        Save\n                      </Button>\n                    </Box>\n                  </Box>\n                  {addError && (\n                    <Typography\n                      variant=\"caption\"\n                      color=\"error\"\n                      sx={{ \n                        mt: 1, \n                        fontFamily: \"Plus Jakarta Sans\", \n                        textAlign: 'center',\n                        width: '100%'\n                      }}\n                    >\n                      {addError}\n                    </Typography>\n                  )}\n                </Box>\n              ) : (\n                <Box sx={{display: 'flex', justifyContent: 'center'}}>\n                  <Button\n                    startIcon={<AddIcon  />}\n                    onClick={() => setShowAddForm(true)}\n                    variant=\"outlined\"\n                    size=\"medium\"\n                    sx={{ \n                      textTransform: 'none', \n                      fontFamily: \"Plus Jakarta Sans\", \n                      width: '100%',\n                      py: 1 // Add padding\n                    }}\n                  >\n                    Add Generalization\n                  </Button>\n                </Box>\n            )}\n            {/* --- 3. Applied Generalizations Box --- */}\n            {appliedTags.length > 0 && (\n              <Box sx={{ border: '1px dashed #adacd4', borderRadius: '8px', p: 2 }}>\n                <Typography\n                  variant=\"subtitle1\"\n                  sx={{ fontWeight: 600, mb: 1.5, fontFamily: \"Plus Jakarta Sans\", color: '#5928ed' }}\n                >\n                  Applied Generalizations\n                </Typography>\n                <Box\n                  sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}\n                >\n                  {appliedTags.map((tag) => (\n                    <Box\n                      key={tag.replacement + tag.original} // More unique key\n                      sx={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        gap: 1.5,\n                      }}\n                    >\n                      {/* Container 1: Pills + Arrow */}\n                      <Box sx={{ flex: 1, display: 'grid', gridTemplateColumns: '1fr auto 1fr', alignItems: 'center', gap: 1.5 }}>\n                        <Box\n                          sx={pillStyle}\n                          onMouseEnter={() => setHoveredText(tag.original)}\n                          onMouseLeave={() => setHoveredText(null)}\n                        >\n                          {tag.original}\n                        </Box>\n\n                        <Typography sx={{ color: 'text.secondary', textAlign: 'center', fontWeight: 'bold', fontSize: '1.2rem' }}>→</Typography>\n                        \n                        <Box\n                          sx={pillValueStyle}\n                          onMouseEnter={() => {\n                            setHoveredText(tag.replacement); // Use replacement for hover\n                            setHoveredTag(tag.replacement);\n                          }}\n                          onMouseLeave={() => {\n                            setHoveredText(null);\n                            setHoveredTag(null);\n                          }}\n                        >\n                          {tag.replacement}\n                        </Box>\n                      </Box>\n                      \n                      {/* Container 2: Actions */}\n                      <Box sx={{ display: 'flex' }}>\n                        <Button\n                          startIcon={<UndoIcon  />}\n                          onClick={() => onUndo(tag.original, tag.replacement)}\n                          size=\"small\"\n                          sx={actionButtonStyle}\n                        >\n                          Undo\n                        </Button>\n                      </Box>\n                    </Box>\n                  ))}\n                </Box>\n              </Box>\n            )}\n          </>) // End main content wrapper\n        )}\n      </AccordionDetails>\n    </Accordion>\n  );\n};\n\nexport default GeneralizationAccordion;"],"names":[],"mappings":"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"}