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

package/dist/features/LearningManagement/AuditLog/ChangeLogDiff.js

@@ -1,2 +1,341 @@
-import{__assign as e,__spreadArray as r}from"tslib";import{jsx as a,jsxs as n,Fragment as t}from"react/jsx-runtime";import{useState as i}from"react";import{Layers as l,BookOpen as o,GitBranch as d,ChevronUp as c,ChevronDown as f}from"lucide-react";var s={scope:{label:"Scope",icon:a(l,{size:11}),accent:"#6d28d9",accentBg:"#f5f3ff",accentBorder:"#ddd6fe"},learning:{label:"Learning",icon:a(o,{size:11}),accent:"#1d4ed8",accentBg:"#eff6ff",accentBorder:"#bfdbfe"},variant:{label:"Variant",icon:a(d,{size:11}),accent:"#b45309",accentBg:"#fffbeb",accentBorder:"#fde68a"}},p={label:"Change",icon:null,accent:"#475569",accentBg:"#f8fafc",accentBorder:"#e2e8f0"},u={created:{label:"Created",color:"#15803d",bg:"#f0fdf4",border:"#bbf7d0"},updated:{label:"Updated",color:"#92400e",bg:"#fffbeb",border:"#fde68a"},deleted:{label:"Deleted",color:"#b91c1c",bg:"#fef2f2",border:"#fecaca"}},g=function(e,a){var n=new Set(r(r([],Object.keys(e),!0),Object.keys(a),!0));return Array.from(n).filter(function(r){var n,t;return String(null!==(n=e[r])&&void 0!==n?n:"")!==String(null!==(t=a[r])&&void 0!==t?t:"")})},b=function(e,r){void 0===r&&(r=28);var a=Array.isArray(e)?e.join(", "):String(null!=e?e:"—");return a.length>r?a.slice(0,r)+"…":a||"—"},v=function(r){var n=r.cols;return a("div",e({style:{display:"grid",gridTemplateColumns:n.map(function(){return"1fr"}).join(" "),gap:"6px",padding:"2px 6px 4px",fontSize:"9px",fontWeight:700,color:"var(--eal-muted,var(--il-muted,#94a3b8))",textTransform:"uppercase",letterSpacing:"0.07em",borderBottom:"1px solid var(--eal-border,var(--il-border,#e2e8f0))",marginBottom:"2px"}},{children:n.map(function(e){return a("span",{children:e},e)})}))},x=function(r){var t=r.label,i=r.value,l=r.mode;return n("div",e({style:{display:"grid",gridTemplateColumns:"1fr 1.4fr",gap:"6px",alignItems:"start",padding:"3px 6px",borderRadius:"5px",fontSize:"11px",lineHeight:1.4}},{children:[a("span",e({style:{color:"var(--eal-text-tertiary,var(--il-muted,#64748b))",fontWeight:500}},{children:t})),a("span",e({style:{color:"created"===l?"var(--eal-success,var(--il-success,#15803d))":"var(--eal-danger,var(--il-danger,#b91c1c))",background:"created"===l?"var(--eal-success-soft,#f0fdf4)":"var(--eal-danger-soft,#fef2f2)",border:"1px solid ".concat("created"===l?"var(--eal-success-soft,#bbf7d0)":"var(--eal-danger-soft,#fecaca)"),borderRadius:"4px",padding:"1px 5px",wordBreak:"break-word",fontWeight:500},title:Array.isArray(i)?i.join(", "):String(null!=i?i:"—")},{children:b(i)}))]}))},y=function(r){var t=r.label,i=r.before,l=r.after,o=r.changed;return n("div",e({style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:"6px",alignItems:"start",padding:"3px 6px",borderRadius:"5px",background:o?"var(--eal-warning-soft,rgba(255,251,235,0.7))":"transparent",fontSize:"11px",lineHeight:1.4}},{children:[a("span",e({style:{color:"var(--eal-text-tertiary,var(--il-muted,#64748b))",fontWeight:500}},{children:t})),a("span",e({style:{color:o?"var(--eal-danger,var(--il-danger,#b91c1c))":"var(--eal-disabled,var(--il-disabled,#94a3b8))",background:o?"var(--eal-danger-soft,#fff1f0)":"transparent",border:o?"1px solid var(--eal-danger-soft,#fecaca)":"none",borderRadius:"4px",padding:o?"1px 5px":"0",textDecoration:o?"line-through":"none",wordBreak:"break-word",opacity:o?1:.6},title:Array.isArray(i)?i.join(", "):String(null!=i?i:"—")},{children:b(i)})),a("span",e({style:{color:o?"var(--eal-success,var(--il-success,#15803d))":"var(--eal-text-tertiary,var(--il-secondary-fg,#475569))",background:o?"var(--eal-success-soft,#f0fdf4)":"transparent",border:o?"1px solid var(--eal-success-soft,#bbf7d0)":"none",borderRadius:"4px",padding:o?"1px 5px":"0",fontWeight:o?600:400,wordBreak:"break-word"},title:Array.isArray(l)?l.join(", "):String(null!=l?l:"—")},{children:b(l)}))]}))},h=function(i){var l=i.mode,o=i.before,d=i.after,c=Array.from(new Set(r(r([],Object.keys(o),!0),Object.keys(d),!0))),f=g(o,d);if(0===c.length)return a("span",e({style:{fontSize:"11px",color:"var(--eal-muted,var(--il-muted,#94a3b8))",padding:"4px 6px"}},{children:"No details available"}));var s=c;return n(t,{children:[a(v,"updated"===l?{cols:["Field","Before","After"]}:{cols:["Field","created"===l?"Value":"Was"]}),s.map(function(e){return"updated"===l?a(y,{label:e,before:o[e],after:d[e],changed:f.includes(e)},e):a(x,{label:e,value:"created"===l?d[e]:o[e],mode:l},e)})]})},m=function(r){return a(h,e({},r))},S=function(r){return a(h,e({},r))},k=function(r){return a(h,e({},r))},w=function(t){var l,o,d,b,v,x=t.change,y=i(!1),w=y[0],B=y[1],j=function(e){if(!e)return null;if("object"==typeof e&&e.data)return e;if("string"==typeof e)try{var r=JSON.parse(e);if(null==r?void 0:r.data)return r}catch(e){return null}return null}(x);if(!j)return a("span",e({style:{color:"var(--eal-foreground,var(--il-foreground,#334155))",fontSize:"13px",lineHeight:1.5}},{children:"string"==typeof x?x:"—"}));var T=j.action,z=j.data,W=null!==(l=null==z?void 0:z.before)&&void 0!==l?l:{},A=null!==(o=null==z?void 0:z.after)&&void 0!==o?o:{},D=function(e,r){var a=e&&Object.keys(e).length>0,n=r&&Object.keys(r).length>0;return a&&n?"updated":n?"created":"deleted"}(W,A),O=null!==(b=null===(d=null==z?void 0:z.type)||void 0===d?void 0:d.toLowerCase())&&void 0!==b?b:"",R=null!==(v=s[O])&&void 0!==v?v:p,C=u[D],H=g(W,A),I=Array.from(new Set(r(r([],Object.keys(W),!0),Object.keys(A),!0))),L=I.length>0,V=function(e,r,a,n){var t="deleted"===r?a:n;switch(e){case"scope":return"Name: ".concat((null==t?void 0:t.name)||"—",", Description: ").concat((null==t?void 0:t.description)||"—",", Type: ").concat((null==t?void 0:t.scopeType)||"—");case"learning":return"Title: ".concat((null==t?void 0:t.LearningTitle)||"—",", Tier: ").concat((null==t?void 0:t.Tier)||"—");case"variant":return"Title: ".concat((null==t?void 0:t.Learning)||"—",", Description: ").concat((null==t?void 0:t["Variant Description"])||(null==t?void 0:t.VariantDescription)||(null==t?void 0:t.Description)||"—",", Tier: ").concat((null==t?void 0:t.Tier)||"—");default:return"Details available in table below."}}(O,D,W,A),N={mode:D,before:W,after:A};return n("div",e({style:{display:"flex",flexDirection:"column",gap:"8px",minWidth:0,padding:"4px 0"}},{children:[n("div",e({style:{display:"flex",alignItems:"center",gap:"6px",flexWrap:"wrap"}},{children:[n("span",e({style:{display:"inline-flex",alignItems:"center",gap:"3px",fontSize:"11px",fontWeight:600,color:R.accent,background:R.accentBg,border:"1px solid ".concat(R.accentBorder),borderRadius:"999px",padding:"2px 8px"}},{children:[R.icon,R.label]})),a("span",e({style:{fontSize:"11px",fontWeight:700,color:R.accent,background:R.accentBg,border:"1px solid ".concat(R.accentBorder),borderRadius:"999px",padding:"2px 8px",whiteSpace:"nowrap"}},{children:T})),n("span",e({style:{fontSize:"11px",fontWeight:600,color:C.color,background:C.bg,border:"1px solid ".concat(C.border),borderRadius:"999px",padding:"2px 8px",whiteSpace:"nowrap"}},{children:[C.label,"updated"===D&&H.length>0&&" · ".concat(H.length," field").concat(1!==H.length?"s":"")]}))]})),a("div",e({style:{fontSize:"13px",color:"var(--eal-foreground,var(--il-foreground,#1e293b))",fontWeight:400,lineHeight:1.5,marginLeft:"2px"}},{children:V})),L&&n("button",e({onClick:function(){return B(function(e){return!e})},style:{display:"inline-flex",alignItems:"center",gap:"4px",background:"none",border:"none",cursor:"pointer",color:R.accent,fontSize:"11px",fontWeight:600,padding:"2px",alignSelf:"flex-start",marginTop:"-2px"}},{children:[a(w?c:f,{size:13}),w?"Hide diff table":"Show details (".concat(I.length," fields)")]})),w&&L&&a("div",e({style:{display:"flex",flexDirection:"column",gap:"2px",background:"var(--eal-surface-alt,var(--il-secondary-bg,#f8fafc))",border:"1px solid var(--eal-border,var(--il-border,#e2e8f0))",borderRadius:"8px",padding:"6px 4px 4px",overflow:"hidden",marginTop:"4px"}},{children:function(){switch(O){case"scope":return a(m,e({},N));case"learning":return a(S,e({},N));case"variant":return a(k,e({},N));default:return a(h,e({},N))}}()}))]}))};export{w as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { ChevronUp, ChevronDown, Layers, BookOpen, GitBranch } from 'lucide-react';
+
+const resolveMode = (before, after) => {
+  const hasBefore = before && Object.keys(before).length > 0;
+  const hasAfter = after && Object.keys(after).length > 0;
+  if (hasBefore && hasAfter) return "updated";
+  if (hasAfter) return "created";
+  return "deleted";
+};
+const TYPE_CONFIG = {
+  scope: {
+    label: "Scope",
+    icon: /* @__PURE__ */ jsx(Layers, { size: 11 }),
+    accent: "#6d28d9",
+    accentBg: "#f5f3ff",
+    accentBorder: "#ddd6fe"
+  },
+  learning: {
+    label: "Learning",
+    icon: /* @__PURE__ */ jsx(BookOpen, { size: 11 }),
+    accent: "#1d4ed8",
+    accentBg: "#eff6ff",
+    accentBorder: "#bfdbfe"
+  },
+  variant: {
+    label: "Variant",
+    icon: /* @__PURE__ */ jsx(GitBranch, { size: 11 }),
+    accent: "#b45309",
+    accentBg: "#fffbeb",
+    accentBorder: "#fde68a"
+  }
+};
+const FALLBACK_TYPE_CONFIG = {
+  label: "Change",
+  icon: null,
+  accent: "#475569",
+  accentBg: "#f8fafc",
+  accentBorder: "#e2e8f0"
+};
+const MODE_BADGE = {
+  created: { label: "Created", color: "#15803d", bg: "#f0fdf4", border: "#bbf7d0" },
+  updated: { label: "Updated", color: "#92400e", bg: "#fffbeb", border: "#fde68a" },
+  deleted: { label: "Deleted", color: "#b91c1c", bg: "#fef2f2", border: "#fecaca" }
+};
+const parseChange = (change) => {
+  if (!change) return null;
+  if (typeof change === "object" && change.data) return change;
+  if (typeof change === "string") {
+    try {
+      const parsed = JSON.parse(change);
+      if (parsed == null ? void 0 : parsed.data) return parsed;
+    } catch (e) {
+      return null;
+    }
+  }
+  return null;
+};
+const getChangedKeys = (before, after) => {
+  const all = /* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)]);
+  return Array.from(all).filter((k) => {
+    var _a, _b;
+    return String((_a = before[k]) != null ? _a : "") !== String((_b = after[k]) != null ? _b : "");
+  });
+};
+const truncate = (val, max = 28) => {
+  const str = Array.isArray(val) ? val.join(", ") : String(val != null ? val : "\u2014");
+  return str.length > max ? str.slice(0, max) + "\u2026" : str || "\u2014";
+};
+const generateSummary = (type, mode, before, after) => {
+  const target = mode === "deleted" ? before : after;
+  switch (type) {
+    case "scope":
+      return `Name: ${(target == null ? void 0 : target.name) || "\u2014"}, Description: ${(target == null ? void 0 : target.description) || "\u2014"}, Type: ${(target == null ? void 0 : target.scopeType) || "\u2014"}`;
+    case "learning":
+      return `Title: ${(target == null ? void 0 : target.LearningTitle) || "\u2014"}, Tier: ${(target == null ? void 0 : target.Tier) || "\u2014"}`;
+    case "variant":
+      return `Title: ${(target == null ? void 0 : target.Learning) || "\u2014"}, Description: ${(target == null ? void 0 : target["Variant Description"]) || (target == null ? void 0 : target.VariantDescription) || (target == null ? void 0 : target.Description) || "\u2014"}, Tier: ${(target == null ? void 0 : target.Tier) || "\u2014"}`;
+    default:
+      return "Details available in table below.";
+  }
+};
+const ColHeader = ({ cols }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: cols.map(() => "1fr").join(" "),
+      gap: "6px",
+      padding: "2px 6px 4px",
+      fontSize: "9px",
+      fontWeight: 700,
+      color: "var(--eal-muted,var(--il-muted,#94a3b8))",
+      textTransform: "uppercase",
+      letterSpacing: "0.07em",
+      borderBottom: "1px solid var(--eal-border,var(--il-border,#e2e8f0))",
+      marginBottom: "2px"
+    },
+    children: cols.map((c) => /* @__PURE__ */ jsx("span", { children: c }, c))
+  }
+);
+const SingleFieldRow = ({ label, value, mode }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "1fr 1.4fr",
+      gap: "6px",
+      alignItems: "start",
+      padding: "3px 6px",
+      borderRadius: "5px",
+      fontSize: "11px",
+      lineHeight: 1.4
+    },
+    children: [
+      /* @__PURE__ */ jsx("span", { style: { color: "var(--eal-text-tertiary,var(--il-muted,#64748b))", fontWeight: 500 }, children: label }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            color: mode === "created" ? "var(--eal-success,var(--il-success,#15803d))" : "var(--eal-danger,var(--il-danger,#b91c1c))",
+            background: mode === "created" ? "var(--eal-success-soft,#f0fdf4)" : "var(--eal-danger-soft,#fef2f2)",
+            border: `1px solid ${mode === "created" ? "var(--eal-success-soft,#bbf7d0)" : "var(--eal-danger-soft,#fecaca)"}`,
+            borderRadius: "4px",
+            padding: "1px 5px",
+            wordBreak: "break-word",
+            fontWeight: 500
+          },
+          title: Array.isArray(value) ? value.join(", ") : String(value != null ? value : "\u2014"),
+          children: truncate(value)
+        }
+      )
+    ]
+  }
+);
+const DiffFieldRow = ({
+  label,
+  before,
+  after,
+  changed
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "1fr 1fr 1fr",
+      gap: "6px",
+      alignItems: "start",
+      padding: "3px 6px",
+      borderRadius: "5px",
+      background: changed ? "var(--eal-warning-soft,rgba(255,251,235,0.7))" : "transparent",
+      fontSize: "11px",
+      lineHeight: 1.4
+    },
+    children: [
+      /* @__PURE__ */ jsx("span", { style: { color: "var(--eal-text-tertiary,var(--il-muted,#64748b))", fontWeight: 500 }, children: label }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            color: changed ? "var(--eal-danger,var(--il-danger,#b91c1c))" : "var(--eal-disabled,var(--il-disabled,#94a3b8))",
+            background: changed ? "var(--eal-danger-soft,#fff1f0)" : "transparent",
+            border: changed ? "1px solid var(--eal-danger-soft,#fecaca)" : "none",
+            borderRadius: "4px",
+            padding: changed ? "1px 5px" : "0",
+            textDecoration: changed ? "line-through" : "none",
+            wordBreak: "break-word",
+            opacity: changed ? 1 : 0.6
+          },
+          title: Array.isArray(before) ? before.join(", ") : String(before != null ? before : "\u2014"),
+          children: truncate(before)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            color: changed ? "var(--eal-success,var(--il-success,#15803d))" : "var(--eal-text-tertiary,var(--il-secondary-fg,#475569))",
+            background: changed ? "var(--eal-success-soft,#f0fdf4)" : "transparent",
+            border: changed ? "1px solid var(--eal-success-soft,#bbf7d0)" : "none",
+            borderRadius: "4px",
+            padding: changed ? "1px 5px" : "0",
+            fontWeight: changed ? 600 : 400,
+            wordBreak: "break-word"
+          },
+          title: Array.isArray(after) ? after.join(", ") : String(after != null ? after : "\u2014"),
+          children: truncate(after)
+        }
+      )
+    ]
+  }
+);
+const DiffBody = ({ mode, before, after }) => {
+  const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)]));
+  const changedKeys = getChangedKeys(before, after);
+  if (allKeys.length === 0) {
+    return /* @__PURE__ */ jsx("span", { style: { fontSize: "11px", color: "var(--eal-muted,var(--il-muted,#94a3b8))", padding: "4px 6px" }, children: "No details available" });
+  }
+  const visibleKeys = allKeys;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    mode === "updated" ? /* @__PURE__ */ jsx(ColHeader, { cols: ["Field", "Before", "After"] }) : /* @__PURE__ */ jsx(ColHeader, { cols: ["Field", mode === "created" ? "Value" : "Was"] }),
+    visibleKeys.map(
+      (key) => mode === "updated" ? /* @__PURE__ */ jsx(
+        DiffFieldRow,
+        {
+          label: key,
+          before: before[key],
+          after: after[key],
+          changed: changedKeys.includes(key)
+        },
+        key
+      ) : /* @__PURE__ */ jsx(
+        SingleFieldRow,
+        {
+          label: key,
+          value: mode === "created" ? after[key] : before[key],
+          mode
+        },
+        key
+      )
+    )
+  ] });
+};
+const ScopeDiff = (props) => /* @__PURE__ */ jsx(DiffBody, { ...props });
+const LearningDiff = (props) => /* @__PURE__ */ jsx(DiffBody, { ...props });
+const VariantDiff = (props) => /* @__PURE__ */ jsx(DiffBody, { ...props });
+const ChangeLogDiff = ({ change }) => {
+  var _a, _b, _c, _d, _e;
+  const [showTable, setShowTable] = useState(false);
+  const parsed = parseChange(change);
+  if (!parsed) {
+    return /* @__PURE__ */ jsx("span", { style: { color: "var(--eal-foreground,var(--il-foreground,#334155))", fontSize: "13px", lineHeight: 1.5 }, children: typeof change === "string" ? change : "\u2014" });
+  }
+  const { action, data } = parsed;
+  const before = (_a = data == null ? void 0 : data.before) != null ? _a : {};
+  const after = (_b = data == null ? void 0 : data.after) != null ? _b : {};
+  const mode = resolveMode(before, after);
+  const type = (_d = (_c = data == null ? void 0 : data.type) == null ? void 0 : _c.toLowerCase()) != null ? _d : "";
+  const typeConfig = (_e = TYPE_CONFIG[type]) != null ? _e : FALLBACK_TYPE_CONFIG;
+  const modeBadge = MODE_BADGE[mode];
+  const changedKeys = getChangedKeys(before, after);
+  const allKeys = Array.from(/* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)]));
+  const hasFields = allKeys.length > 0;
+  const summaryText = generateSummary(type, mode, before, after);
+  const sharedProps = { mode, before, after };
+  const renderBody = () => {
+    switch (type) {
+      case "scope":
+        return /* @__PURE__ */ jsx(ScopeDiff, { ...sharedProps });
+      case "learning":
+        return /* @__PURE__ */ jsx(LearningDiff, { ...sharedProps });
+      case "variant":
+        return /* @__PURE__ */ jsx(VariantDiff, { ...sharedProps });
+      default:
+        return /* @__PURE__ */ jsx(DiffBody, { ...sharedProps });
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "8px", minWidth: 0, padding: "4px 0" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "6px", flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs("span", { style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "3px",
+        fontSize: "11px",
+        fontWeight: 600,
+        color: typeConfig.accent,
+        background: typeConfig.accentBg,
+        border: `1px solid ${typeConfig.accentBorder}`,
+        borderRadius: "999px",
+        padding: "2px 8px"
+      }, children: [
+        typeConfig.icon,
+        typeConfig.label
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: {
+        fontSize: "11px",
+        fontWeight: 700,
+        color: typeConfig.accent,
+        background: typeConfig.accentBg,
+        border: `1px solid ${typeConfig.accentBorder}`,
+        borderRadius: "999px",
+        padding: "2px 8px",
+        whiteSpace: "nowrap"
+      }, children: action }),
+      /* @__PURE__ */ jsxs("span", { style: {
+        fontSize: "11px",
+        fontWeight: 600,
+        color: modeBadge.color,
+        background: modeBadge.bg,
+        border: `1px solid ${modeBadge.border}`,
+        borderRadius: "999px",
+        padding: "2px 8px",
+        whiteSpace: "nowrap"
+      }, children: [
+        modeBadge.label,
+        mode === "updated" && changedKeys.length > 0 && ` \xB7 ${changedKeys.length} field${changedKeys.length !== 1 ? "s" : ""}`
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { fontSize: "13px", color: "var(--eal-foreground,var(--il-foreground,#1e293b))", fontWeight: 400, lineHeight: 1.5, marginLeft: "2px" }, children: summaryText }),
+    hasFields && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setShowTable((p) => !p),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          background: "none",
+          border: "none",
+          cursor: "pointer",
+          color: typeConfig.accent,
+          fontSize: "11px",
+          fontWeight: 600,
+          padding: "2px",
+          alignSelf: "flex-start",
+          marginTop: "-2px"
+        },
+        children: [
+          showTable ? /* @__PURE__ */ jsx(ChevronUp, { size: 13 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 13 }),
+          showTable ? "Hide diff table" : `Show details (${allKeys.length} fields)`
+        ]
+      }
+    ),
+    showTable && hasFields && /* @__PURE__ */ jsx("div", { style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "2px",
+      background: "var(--eal-surface-alt,var(--il-secondary-bg,#f8fafc))",
+      border: "1px solid var(--eal-border,var(--il-border,#e2e8f0))",
+      borderRadius: "8px",
+      padding: "6px 4px 4px",
+      overflow: "hidden",
+      marginTop: "4px"
+    }, children: renderBody() })
+  ] });
+};
+var ChangeLogDiff$1 = ChangeLogDiff;
+
+export { ChangeLogDiff$1 as default };
 //# sourceMappingURL=ChangeLogDiff.js.map

package/dist/features/LearningManagement/AuditLog/ChangeLogDiff.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeLogDiff.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ChangeLogDiff.js","sources":["../../../../src/features/LearningManagement/AuditLog/ChangeLogDiff.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp, Layers, BookOpen, GitBranch } from 'lucide-react';\n\n//  Types \n\ninterface DiffPayload {\n  action: string;\n  data: {\n    type: 'scope' | 'learning' | 'variant' | string;\n    before?: Record<string, any>;\n    after?: Record<string, any>;\n  };\n}\n\ninterface ChangeLogDiffProps {\n  change: string | DiffPayload | any;\n}\n\n//  Mode: created | updated | deleted \n\ntype DiffMode = 'created' | 'updated' | 'deleted';\n\nconst resolveMode = (before?: Record<string, any>, after?: Record<string, any>): DiffMode => {\n  const hasBefore = before && Object.keys(before).length > 0;\n  const hasAfter  = after  && Object.keys(after).length  > 0;\n  if (hasBefore && hasAfter) return 'updated';\n  if (hasAfter)              return 'created';\n  return 'deleted'; \n};\n\n//  Type configs \nconst TYPE_CONFIG: Record<string, {\n  label: string;\n  icon: React.ReactNode;\n  accent: string;         // text + border\n  accentBg: string;       // badge background\n  accentBorder: string;\n}> = {\n  scope: {\n    label: 'Scope',\n    icon: <Layers size={11} />,\n    accent: '#6d28d9',\n    accentBg: '#f5f3ff',\n    accentBorder: '#ddd6fe',\n  },\n  learning: {\n    label: 'Learning',\n    icon: <BookOpen size={11} />,\n    accent: '#1d4ed8',\n    accentBg: '#eff6ff',\n    accentBorder: '#bfdbfe',\n  },\n  variant: {\n    label: 'Variant',\n    icon: <GitBranch size={11} />,\n    accent: '#b45309',\n    accentBg: '#fffbeb',\n    accentBorder: '#fde68a',\n  },\n};\n\nconst FALLBACK_TYPE_CONFIG = {\n  label: 'Change',\n  icon: null,\n  accent: '#475569',\n  accentBg: '#f8fafc',\n  accentBorder: '#e2e8f0',\n};\n\nconst MODE_BADGE: Record<DiffMode, { label: string; color: string; bg: string; border: string }> = {\n  created: { label: 'Created', color: '#15803d', bg: '#f0fdf4', border: '#bbf7d0' },\n  updated: { label: 'Updated', color: '#92400e', bg: '#fffbeb', border: '#fde68a' },\n  deleted: { label: 'Deleted', color: '#b91c1c', bg: '#fef2f2', border: '#fecaca' },\n};\n\n//  Helpers \n\nconst parseChange = (change: any): DiffPayload | null => {\n  if (!change) return null;\n  if (typeof change === 'object' && change.data) return change as DiffPayload;\n  if (typeof change === 'string') {\n    try {\n      const parsed = JSON.parse(change);\n      if (parsed?.data) return parsed as DiffPayload;\n    } catch {\n      return null;\n    }\n  }\n  return null;\n};\n\nconst getChangedKeys = (before: Record<string, any>, after: Record<string, any>) => {\n  const all = new Set([...Object.keys(before), ...Object.keys(after)]);\n  return Array.from(all).filter(k => String(before[k] ?? '') !== String(after[k] ?? ''));\n};\n\nconst truncate = (val: any, max = 28) => {\n  const str = Array.isArray(val) ? val.join(', ') : String(val ?? '—');\n  return str.length > max ? str.slice(0, max) + '…' : str || '—';\n};\n\n// Natural Language Summary Generator\nconst generateSummary = (type: string, mode: DiffMode, before: Record<string, any>, after: Record<string, any>) => {\n  const target = mode === 'deleted' ? before : after;\n\n  switch (type) {\n    case 'scope':\n      return `Name: ${target?.name || '—'}, Description: ${target?.description || '—'}, Type: ${target?.scopeType || '—'}`;\n    case 'learning':\n      return `Title: ${target?.LearningTitle || '—'}, Tier: ${target?.Tier || '—'}`;\n    case 'variant':\n      return `Title: ${target?.Learning || '—'}, Description: ${target?.['Variant Description'] || target?.VariantDescription || target?.Description || '—'}, Tier: ${target?.Tier || '—'}`;\n    default:\n      return 'Details available in table below.';\n  }\n};\n\n//  Sub-components \n\nconst ColHeader: React.FC<{ cols: string[] }> = ({ cols }) => (\n  <div\n    style={{\n      display: 'grid',\n      gridTemplateColumns: cols.map(() => '1fr').join(' '),\n      gap: '6px',\n      padding: '2px 6px 4px',\n      fontSize: '9px',\n      fontWeight: 700,\n      color: 'var(--eal-muted,var(--il-muted,#94a3b8))',\n      textTransform: 'uppercase',\n      letterSpacing: '0.07em',\n      borderBottom: '1px solid var(--eal-border,var(--il-border,#e2e8f0))',\n      marginBottom: '2px',\n    }}\n  >\n    {cols.map(c => <span key={c}>{c}</span>)}\n  </div>\n);\n\n// Created / Deleted: single value column\nconst SingleFieldRow: React.FC<{ label: string; value: any; mode: 'created' | 'deleted' }> = ({ label, value, mode }) => (\n  <div\n    style={{\n      display: 'grid',\n      gridTemplateColumns: '1fr 1.4fr',\n      gap: '6px',\n      alignItems: 'start',\n      padding: '3px 6px',\n      borderRadius: '5px',\n      fontSize: '11px',\n      lineHeight: 1.4,\n    }}\n  >\n    <span style={{ color: 'var(--eal-text-tertiary,var(--il-muted,#64748b))', fontWeight: 500 }}>{label}</span>\n    <span\n      style={{\n        color: mode === 'created' ? 'var(--eal-success,var(--il-success,#15803d))' : 'var(--eal-danger,var(--il-danger,#b91c1c))',\n        background: mode === 'created' ? 'var(--eal-success-soft,#f0fdf4)' : 'var(--eal-danger-soft,#fef2f2)',\n        border: `1px solid ${mode === 'created' ? 'var(--eal-success-soft,#bbf7d0)' : 'var(--eal-danger-soft,#fecaca)'}`,\n        borderRadius: '4px',\n        padding: '1px 5px',\n        wordBreak: 'break-word',\n        fontWeight: 500,\n      }}\n      title={Array.isArray(value) ? value.join(', ') : String(value ?? '—')}\n    >\n      {truncate(value)}\n    </span>\n  </div>\n);\n\n// Updated: before → after columns\nconst DiffFieldRow: React.FC<{ label: string; before: any; after: any; changed: boolean }> = ({\n  label, before, after, changed,\n}) => (\n  <div\n    style={{\n      display: 'grid',\n      gridTemplateColumns: '1fr 1fr 1fr',\n      gap: '6px',\n      alignItems: 'start',\n      padding: '3px 6px',\n      borderRadius: '5px',\n      background: changed ? 'var(--eal-warning-soft,rgba(255,251,235,0.7))' : 'transparent',\n      fontSize: '11px',\n      lineHeight: 1.4,\n    }}\n  >\n    <span style={{ color: 'var(--eal-text-tertiary,var(--il-muted,#64748b))', fontWeight: 500 }}>{label}</span>\n    <span\n      style={{\n        color: changed ? 'var(--eal-danger,var(--il-danger,#b91c1c))' : 'var(--eal-disabled,var(--il-disabled,#94a3b8))',\n        background: changed ? 'var(--eal-danger-soft,#fff1f0)' : 'transparent',\n        border: changed ? '1px solid var(--eal-danger-soft,#fecaca)' : 'none',\n        borderRadius: '4px',\n        padding: changed ? '1px 5px' : '0',\n        textDecoration: changed ? 'line-through' : 'none',\n        wordBreak: 'break-word',\n        opacity: changed ? 1 : 0.6,\n      }}\n      title={Array.isArray(before) ? before.join(', ') : String(before ?? '—')}\n    >\n      {truncate(before)}\n    </span>\n    <span\n      style={{\n        color: changed ? 'var(--eal-success,var(--il-success,#15803d))' : 'var(--eal-text-tertiary,var(--il-secondary-fg,#475569))',\n        background: changed ? 'var(--eal-success-soft,#f0fdf4)' : 'transparent',\n        border: changed ? '1px solid var(--eal-success-soft,#bbf7d0)' : 'none',\n        borderRadius: '4px',\n        padding: changed ? '1px 5px' : '0',\n        fontWeight: changed ? 600 : 400,\n        wordBreak: 'break-word',\n      }}\n      title={Array.isArray(after) ? after.join(', ') : String(after ?? '—')}\n    >\n      {truncate(after)}\n    </span>\n  </div>\n);\n\n//  Shared diff body (used by all 3 type renderers) \n\nconst DiffBody: React.FC<{\n  mode: DiffMode;\n  before: Record<string, any>;\n  after: Record<string, any>;\n}> = ({ mode, before, after }) => {\n  const allKeys = Array.from(new Set([...Object.keys(before), ...Object.keys(after)]));\n  const changedKeys = getChangedKeys(before, after);\n\n  if (allKeys.length === 0) {\n    return <span style={{ fontSize: '11px', color: 'var(--eal-muted,var(--il-muted,#94a3b8))', padding: '4px 6px' }}>No details available</span>;\n  }\n\n  // When viewing the table, we show all keys. (Or you can revert to slicing based on preference)\n  const visibleKeys = allKeys; \n\n  return (\n    <>\n      {mode === 'updated'\n        ? <ColHeader cols={['Field', 'Before', 'After']} />\n        : <ColHeader cols={['Field', mode === 'created' ? 'Value' : 'Was']} />\n      }\n      {visibleKeys.map(key =>\n        mode === 'updated' ? (\n          <DiffFieldRow\n            key={key}\n            label={key}\n            before={before[key]}\n            after={after[key]}\n            changed={changedKeys.includes(key)}\n          />\n        ) : (\n          <SingleFieldRow\n            key={key}\n            label={key}\n            value={mode === 'created' ? after[key] : before[key]}\n            mode={mode}\n          />\n        )\n      )}\n    </>\n  );\n};\n\n//  Type-specific wrappers (switch case) \n\nconst ScopeDiff: React.FC<{ mode: DiffMode; before: Record<string, any>; after: Record<string, any>; }> =\n  (props) => <DiffBody {...props} />;\n\nconst LearningDiff: React.FC<{ mode: DiffMode; before: Record<string, any>; after: Record<string, any>; }> =\n  (props) => <DiffBody {...props} />;\n\nconst VariantDiff: React.FC<{ mode: DiffMode; before: Record<string, any>; after: Record<string, any>; }> =\n  (props) => <DiffBody {...props} />;\n\n//  Main component \n\nconst ChangeLogDiff: React.FC<ChangeLogDiffProps> = ({ change }) => {\n  const [showTable, setShowTable] = useState(false);\n  const parsed = parseChange(change);\n\n  if (!parsed) {\n    return (\n      <span style={{ color: 'var(--eal-foreground,var(--il-foreground,#334155))', fontSize: '13px', lineHeight: 1.5 }}>\n        {typeof change === 'string' ? change : '—'}\n      </span>\n    );\n  }\n\n  const { action, data } = parsed;\n  const before = data?.before ?? {};\n  const after  = data?.after  ?? {};\n  const mode   = resolveMode(before, after);\n  const type   = data?.type?.toLowerCase() ?? '';\n\n  const typeConfig = TYPE_CONFIG[type] ?? FALLBACK_TYPE_CONFIG;\n  const modeBadge  = MODE_BADGE[mode];\n\n  const changedKeys = getChangedKeys(before, after);\n  const allKeys = Array.from(new Set([...Object.keys(before), ...Object.keys(after)]));\n  const hasFields = allKeys.length > 0;\n\n  const summaryText = generateSummary(type, mode, before, after);\n  const sharedProps = { mode, before, after };\n\n  const renderBody = () => {\n    switch (type) {\n      case 'scope':    return <ScopeDiff    {...sharedProps} />;\n      case 'learning': return <LearningDiff {...sharedProps} />;\n      case 'variant':  return <VariantDiff  {...sharedProps} />;\n      default:         return <DiffBody     {...sharedProps} />;\n    }\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '8px', minWidth: 0, padding: '4px 0' }}>\n\n      {/* Header row: action + type chip + mode badge */}\n      <div style={{ display: 'flex', alignItems: 'center', gap: '6px', flexWrap: 'wrap' }}>\n         {/* Type chip */}\n        <span style={{\n          display: 'inline-flex', alignItems: 'center', gap: '3px',\n          fontSize: '11px', fontWeight: 600,\n          color: typeConfig.accent,\n          background: typeConfig.accentBg,\n          border: `1px solid ${typeConfig.accentBorder}`,\n          borderRadius: '999px',\n          padding: '2px 8px',\n        }}>\n          {typeConfig.icon}{typeConfig.label}\n        </span>\n        \n        {/* Action */}\n        <span style={{\n          fontSize: '11px', fontWeight: 700,\n          color: typeConfig.accent,\n          background: typeConfig.accentBg,\n          border: `1px solid ${typeConfig.accentBorder}`,\n          borderRadius: '999px',\n          padding: '2px 8px',\n          whiteSpace: 'nowrap',\n        }}>\n          {action}\n        </span>\n\n        {/* Mode badge */}\n        <span style={{\n          fontSize: '11px', fontWeight: 600,\n          color: modeBadge.color,\n          background: modeBadge.bg,\n          border: `1px solid ${modeBadge.border}`,\n          borderRadius: '999px',\n          padding: '2px 8px',\n          whiteSpace: 'nowrap',\n        }}>\n          {modeBadge.label}\n          {mode === 'updated' && changedKeys.length > 0 && ` · ${changedKeys.length} field${changedKeys.length !== 1 ? 's' : ''}`}\n        </span>\n      </div>\n\n      {/* Natural Language Summary */}\n      <div style={{ fontSize: '13px', color: 'var(--eal-foreground,var(--il-foreground,#1e293b))', fontWeight: 400, lineHeight: 1.5, marginLeft: '2px' }}>\n        {summaryText}\n      </div>\n\n      {/* Expand / Collapse Button */}\n      {hasFields && (\n        <button\n          onClick={() => setShowTable(p => !p)}\n          style={{\n            display: 'inline-flex', alignItems: 'center', gap: '4px',\n            background: 'none', border: 'none', cursor: 'pointer',\n            color: typeConfig.accent,\n            fontSize: '11px', fontWeight: 600,\n            padding: '2px', alignSelf: 'flex-start',\n            marginTop: '-2px',\n          }}\n        >\n          {showTable ? <ChevronUp size={13} /> : <ChevronDown size={13} />}\n          {showTable ? 'Hide diff table' : `Show details (${allKeys.length} fields)`}\n        </button>\n      )}\n\n      {/* Diff table (conditionally rendered) */}\n      {showTable && hasFields && (\n        <div style={{\n          display: 'flex', flexDirection: 'column', gap: '2px',\n          background: 'var(--eal-surface-alt,var(--il-secondary-bg,#f8fafc))',\n          border: '1px solid var(--eal-border,var(--il-border,#e2e8f0))',\n          borderRadius: '8px',\n          padding: '6px 4px 4px',\n          overflow: 'hidden',\n          marginTop: '4px'\n        }}>\n          {renderBody()}\n        </div>\n      )}\n\n    </div>\n  );\n};\n\nexport default ChangeLogDiff;\n"],"names":[],"mappings":"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"}