xvai-loi 0.1.42 → 0.1.44

package/co.txt

@@ -1 +1 @@
-xvaiLoi100236
+xvaiLoi100850

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xvai-loi",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "description": "Loi dung video (Edit Video Tu Dong) nap vao tool Google Flow qua o cam engine/oCam.ts",
   "license": "UNLICENSED",
   "type": "module",

package/xvai-loi.js

@@ -9508,18 +9508,37 @@ function hop4(g, lop, x0, y0, x1, y1, them) {
   } catch (e) {
   }
 }
+var kcCache = null;
+var kcLuc = 0;
+function kieuChu() {
+  const now = Date.now();
+  if (kcCache && now - kcLuc < 1e3) return kcCache;
+  kcLuc = now;
+  let k = globalThis.__xvaiKieuChu || null;
+  if (!k) {
+    try {
+      const t = localStorage.getItem("xvaiKieuChu");
+      if (t) k = JSON.parse(t);
+    } catch (e) {
+    }
+  }
+  kcCache = k || {};
+  return kcCache;
+}
 function chu2(g, txt, x, y, px, kieu, a = 1, maxW = 0) {
   if (!txt || a <= 0) return;
   g.save();
   g.globalAlpha = a;
-  const ng = kieu === "brand" || kieu === "cam" ? "" : "italic ";
-  g.font = ng + "900 " + px.toFixed(1) + "px " + FB;
+  const KC = kieu === "brand" || kieu === "cam" ? {} : kieuChu();
+  const ng = kieu === "brand" || kieu === "cam" || KC.nghieng === false ? "" : "italic ";
+  const FBc = KC.font ? "'" + KC.font + "', " + FB : FB;
+  g.font = ng + "900 " + px.toFixed(1) + "px " + FBc;
   g.textAlign = "center";
   g.textBaseline = "middle";
   const dong = String(txt).split("\n"), w = Math.max(...dong.map((s) => g.measureText(s).width));
   if (maxW && w > maxW) {
     px *= maxW / w;
-    g.font = ng + "900 " + px.toFixed(1) + "px " + FB;
+    g.font = ng + "900 " + px.toFixed(1) + "px " + FBc;
   }
   const lh = px * (kieu === "giant" ? 1.12 : 1.15), y0 = y - (dong.length - 1) * lh / 2;
   g.lineJoin = "round";
@@ -9556,7 +9575,7 @@ function chu2(g, txt, x, y, px, kieu, a = 1, maxW = 0) {
       g.fillText(s, x, yy);
       return;
     }
-    const mauChu = kieu === "do" ? "rgb(255,52,52)" : kieu === "vang" ? "rgb(255,214,60)" : "#fff", vien2 = kieu === "do" ? "rgb(60,0,0)" : kieu === "giant" ? "rgb(40,20,10)" : "rgb(15,15,20)";
+    const mauChu = kieu === "do" ? "rgb(255,52,52)" : kieu === "vang" ? KC.nhan || "rgb(255,214,60)" : KC.mau || "#fff", vien2 = kieu === "do" ? "rgb(60,0,0)" : KC.vien ? KC.vien : kieu === "giant" ? "rgb(40,20,10)" : "rgb(15,15,20)";
     if (kieu === "do") {
       g.shadowColor = "rgba(255,30,30,0.85)";
       g.shadowBlur = px * 0.17;
@@ -9566,7 +9585,7 @@ function chu2(g, txt, x, y, px, kieu, a = 1, maxW = 0) {
     g.shadowColor = kieu === "giant" ? "rgba(60,20,0,0.75)" : "rgba(0,0,0,0.9)";
     g.shadowBlur = px * 0.08;
     g.shadowOffsetY = px * 0.06;
-    g.lineWidth = px * (kieu === "giant" ? 0.06 : kieu === "vang" ? 0.14 : 0.09);
+    g.lineWidth = px * (kieu === "giant" ? 0.06 : kieu === "vang" ? 0.14 : 0.09) * (+KC.day || 1);
     g.strokeStyle = vien2;
     g.strokeText(s, x, yy);
     g.shadowColor = "transparent";
@@ -9592,6 +9611,17 @@ function tfE(g, W4, H2, F, s, yDau, k, zk = 1) {
   g.translate(W4 / 2 - cxe * W4 * se, ye * H2 - top * H2 * se);
   g.scale(se, se);
 }
+function locFx(fx) {
+  if (!fx || typeof fx !== "object") return "";
+  const a = [];
+  if (fx.sang && +fx.sang !== 1) a.push("brightness(" + (+fx.sang).toFixed(2) + ")");
+  if (fx.tuongPhan && +fx.tuongPhan !== 1) a.push("contrast(" + (+fx.tuongPhan).toFixed(2) + ")");
+  if (fx.baoHoa && +fx.baoHoa !== 1) a.push("saturate(" + (+fx.baoHoa).toFixed(2) + ")");
+  if (fx.am) a.push("sepia(" + Math.min(0.6, Math.abs(+fx.am)).toFixed(2) + ")");
+  if (fx.mo) a.push("blur(" + Math.min(12, Math.abs(+fx.mo)).toFixed(1) + "px)");
+  if (fx.xam) a.push("grayscale(" + Math.min(1, Math.abs(+fx.xam)).toFixed(2) + ")");
+  return a.join(" ");
+}
 function tf(g, W4, H2, F, s, yDau) {
   const cx = F ? (F[0] + F[2]) / 2 : 0.5, top = F ? F[1] : 0.2;
   g.translate(W4 / 2 - cx * W4 * s, yDau * H2 - top * H2 * s);
@@ -9830,6 +9860,10 @@ dangKy("cmNen", (g, d, tuoi, W4, H2, nen2, _s, dai2) => {
   if (a <= 0) return;
   g.save();
   g.globalAlpha = a;
+  {
+    const fS = locFx(d.fx);
+    if (fS) g.filter = fS;
+  }
   const kS = 1;
   const p = (d.bo === "card" || d.bo === "depth" || d.bo === "cut" && !d.anNguoi) && nen2 ? nguoi(nen2, W4, H2) : null;
   const hv = d.huong ?? -1, kv = 1 - Math.pow(1 - Math.min(1, tuoi / 0.35), 3), ox = hv === 0 ? -(1 - kv) * 0.3 * W4 : hv === 1 ? (1 - kv) * 0.3 * W4 : 0, oy = hv === 2 ? (1 - kv) * 0.1 * H2 : 0;
@@ -9840,6 +9874,7 @@ dangKy("cmNen", (g, d, tuoi, W4, H2, nen2, _s, dai2) => {
       g.save();
       g.translate(ox, oy);
       const x = 0.07 * W4, y = 0.715 * H2, w = 0.86 * W4, h = 0.4 * H2, r = 46 * W4 / 1080, s = d.s || 1;
+      hop4(g, "the:card", x, y, x + w, y + h);
       g.save();
       g.shadowColor = "rgba(0,0,0,0.45)";
       g.shadowBlur = 22 * W4 / 1080;
@@ -10019,6 +10054,10 @@ dangKy("cmAnh", (g, d, tuoi, W4, H2, _n, _s, dai2) => {
   if (a <= 0) return;
   g.save();
   g.globalAlpha = a;
+  {
+    const fS = locFx(d.fx);
+    if (fS) g.filter = fS;
+  }
   if (im && im.width > 1.25 * im.height) {
     const zb = Math.max(W4 / im.width, H2 / im.height);
     g.save();
@@ -10065,11 +10104,13 @@ dangKy("cmAnh", (g, d, tuoi, W4, H2, _n, _s, dai2) => {
     g.fillStyle = "rgba(0,0,0," + (0.22 * kc).toFixed(3) + ")";
     g.fillRect(0, 0, W4, H2);
     const k = eOut(tuoi / 0.28);
-    chu2(g, d.chu, W4 / 2, 0.6 * H2 + (1 - k) * 70 * H2 / 1920, 112 * H2 / 1920, d.do1 ? "do" : "kw", kep12(tuoi / 0.15) * kc, 0.88 * W4);
-    if (d.chu2) chu2(g, d.chu2, W4 / 2, 0.6 * H2 + 125 * H2 / 1920 + (1 - k) * 70 * H2 / 1920, 96 * H2 / 1920, d.do2 ? "do" : "vang", kep12((tuoi - 0.35) / 0.15) * kc, 0.88 * W4);
+    const cxK = d.pip && _n ? 0.68 * W4 : W4 / 2, wK = d.pip && _n ? 0.56 * W4 : 0.88 * W4;
+    chu2(g, d.chu, cxK, 0.6 * H2 + (1 - k) * 70 * H2 / 1920, 112 * H2 / 1920, d.do1 ? "do" : "kw", kep12(tuoi / 0.15) * kc, wK);
+    if (d.chu2) chu2(g, d.chu2, cxK, 0.6 * H2 + 125 * H2 / 1920 + (1 - k) * 70 * H2 / 1920, 96 * H2 / 1920, d.do2 ? "do" : "vang", kep12((tuoi - 0.35) / 0.15) * kc, wK);
   }
   if (d.pip && _n) {
     const bw = 0.36 * W4, bh = bw * 1.2, bx = 0.06 * W4, by = 0.555 * H2 + (1 - eOut(Math.min(1, tuoi / 0.5))) * 0.35 * H2, F = d.F, s = 1.7 * bw / W4, cx = F ? (F[0] + F[2]) / 2 : 0.5, top = F ? F[1] : 0.2;
+    hop4(g, "nguoi:pip", bx, by, bx + bw, by + bh);
     g.save();
     g.shadowColor = "rgba(0,0,0,0.5)";
     g.shadowBlur = 0.02 * W4;
@@ -10099,6 +10140,7 @@ dangKy("cmTien", (g, d, tuoi, W4, H2, _n, _s, dai2) => {
   g.globalAlpha = a;
   g.font = "900 " + (46 * s).toFixed(1) + "px " + FB;
   const tw = g.measureText(nhan).width, rw = N * ow + (N - 1) * gap + 30 * s + tw + 50 * s, x0 = (W4 - rw) / 2, yc = 0.072 * H2;
+  hop4(g, "thanh:tien", x0, yc - 26 * s, x0 + rw, yc + 26 * s);
   bo(g, x0, yc - 34 * s, rw, 68 * s, 34 * s);
   g.fillStyle = "rgba(15,15,20,0.6)";
   g.fill();
@@ -10493,6 +10535,10 @@ function lapCuongMe(o) {
     }
   }
   const { tl, cs, ws, kb, fm, zc, tong, the: the0, keu: keu0, anh, moi, ms } = o;
+  try {
+    globalThis.__fTu = typeof o.fTu === "function" ? o.fTu : null;
+  } catch (e) {
+  }
   let fKeu = -9;
   const keu = (f2, L) => {
     let cach = 0;
@@ -11568,6 +11614,21 @@ function lapCuongMe(o) {
           s.dSua = 1;
           nS++;
         }
+        if (e.fx && typeof e.fx === "object") {
+          s.fx = { ...e.fx };
+          s.khoa = 1;
+          nS++;
+        }
+        if (typeof e.stX === "number" && e.stX >= 0.05 && e.stX <= 0.95) {
+          s.stX = e.stX;
+          s.khoa = 1;
+          nS++;
+        }
+        if (typeof e.stY === "number" && e.stY >= 0.05 && e.stY <= 0.95) {
+          s.stY = e.stY;
+          s.khoa = 1;
+          nS++;
+        }
         if (typeof e.yChu === "number" && e.yChu >= 0.05 && e.yChu <= 0.6) {
           s.yChu = e.yChu;
           s.khoa = 1;
@@ -11599,7 +11660,172 @@ function lapCuongMe(o) {
       G2.__lichSuaDaAp = nS;
       ghiL("bo", { bo: "sua-tay" }, "sua tay: " + nS + " truong");
     }
-    G2.__lichSp = sp.map((s, i) => ({ i, id: s.id, yChu: s.yChu, coChu: s.coChu, f: +s.f.toFixed(2), d: +s.d.toFixed(2), bo: s.bo, giant: s.giant || "", chu: s.chu || "", chu2: s.chu2 || "", st: s.st || "", ten: s.ten || "", tieu: s.tieu || "", khoa: s.khoa ? 1 : 0 }));
+    {
+      let nhipCham = false;
+      try {
+        nhipCham = localStorage.getItem("xvaiNhipCham") === "1";
+      } catch (e) {
+      }
+      if (nhipCham) {
+        const UTn = { card: 100, kinh: 70, anh: 60, chia: 60, depth: 50, cut: 50, tron: 40, phong: 10 };
+        const ut = (x) => (x.uuTien != null ? x.uuTien : UTn[x.bo] ?? 30) + (x.khoa ? 1e3 : 0);
+        let nBo = 0;
+        sp.sort((p, q) => p.f - q.f);
+        const bo4 = (i, ly) => {
+          const x = sp[i];
+          if (x.khoa) return false;
+          if ((x.bo === "cut" || x.bo === "tron") && (x.giant || x.chu)) {
+            ghiL("doi", x, "nhip cham: " + x.bo + " -> depth (" + ly + ")");
+            x.bo = "depth";
+            x.giant = x.giant || x.chu;
+            x.haCap = 1;
+            nBo++;
+            return false;
+          }
+          if (x.bo === "chia" && x.ten) {
+            ghiL("doi", x, "nhip cham: chia -> anh (" + ly + ")");
+            x.bo = "anh";
+            x.chu = x.chu || x.giant || "";
+            x.haCap = 1;
+            nBo++;
+            return false;
+          }
+          ghiL("bo", { bo: x.bo, f: x.f, d: x.d }, "nhip cham: " + ly);
+          sp.splice(i, 1);
+          nBo++;
+          return true;
+        };
+        for (let i = sp.length - 1; i >= 0; i--) {
+          const x = sp[i];
+          if (x.bo === "phong" && sp.some((y, j) => j !== i && y.bo !== "phong" && x.f >= y.f - 0.05 && x.f < y.f + y.d)) bo4(i, "phong chong canh khac");
+        }
+        for (let i = sp.length - 1; i >= 1; i--) {
+          const x = sp[i], tr = sp[i - 1];
+          if (x.d < 1.4 && !x.khoa && !x.haCap && (x.bo === "cut" || x.bo === "tron" || x.bo === "chia") && x.f - (tr.f + tr.d) < 0.3 && ut(x) <= ut(tr)) bo4(i, "ngan < 1,4 s noi sat (" + x.d.toFixed(2) + " s)");
+        }
+        for (let i = 1; i < sp.length; i++) {
+          const x = sp[i], tr = sp[i - 1];
+          const khe = x.f - (tr.f + tr.d);
+          if (khe > -0.05 && khe < 0.9 && (x.bo === "cut" || x.bo === "tron" || x.bo === "chia") && !x.khoa && !x.haCap) {
+            if (!bo4(i, "chua giu khung goc 0,9 s sau canh truoc (khe " + khe.toFixed(2) + ")")) continue;
+            i--;
+          }
+        }
+        for (let i = 0; i < sp.length; i++) {
+          const cua2 = sp.filter((y) => y.f >= sp[i].f && y.f < sp[i].f + 10 && y.bo !== "phong" && y.bo !== "depth");
+          if (cua2.length > 3.5) {
+            const thap = cua2.filter((y) => !y.khoa).sort((a, b) => ut(a) - ut(b))[0];
+            if (thap) {
+              const j = sp.indexOf(thap);
+              if (j >= 0 && bo4(j, "tran 3,5 canh/10 s")) i = Math.max(-1, i - 1);
+            }
+          }
+        }
+        const toiThieu = { card: 2.5, chia: 2.5, kinh: 2.5, anh: 1.6, depth: 1.6, cut: 1.6, tron: 1.6 };
+        for (let i = 0; i < sp.length; i++) {
+          const x = sp[i], m = toiThieu[x.bo];
+          if (!m || x.khoa || x.d >= m) continue;
+          const ke = sp[i + 1];
+          const tran = ke ? ke.f - 0.1 : x.f + m;
+          const dMoi = Math.min(m, tran - x.f);
+          if (dMoi > x.d + 0.05) {
+            ghiL("doi", x, "nhip cham: keo dai " + x.d.toFixed(2) + " -> " + dMoi.toFixed(2) + " s (giu toi thieu " + x.bo + ")");
+            x.d = +dMoi.toFixed(2);
+          }
+        }
+        const kieu = (x) => x.bo === "depth" || x.bo === "cut" || x.bo === "tron" || x.bo === "phong" ? "nguoi" : x.bo;
+        for (let i = 0; i < sp.length; i++) {
+          const cua2 = sp.filter((y) => y.f >= sp[i].f && y.f < sp[i].f + 10 && y.bo !== "phong");
+          let doiKieu = 0;
+          for (let j = 1; j < cua2.length; j++) if (kieu(cua2[j]) !== kieu(cua2[j - 1])) doiKieu++;
+          if (doiKieu > 1.5) {
+            const thap = cua2.filter((y) => !y.khoa && (y.bo === "chia" || y.bo === "anh" && !y.ten)).sort((a, b) => ut(a) - ut(b))[0];
+            if (thap) {
+              const j = sp.indexOf(thap);
+              if (j >= 0 && bo4(j, "doi kieu > 1,5/10 s")) i = Math.max(-1, i - 1);
+            }
+          }
+        }
+        G2.__nhipChamBo = nBo;
+        ghiL("bo", { bo: "nhip-cham" }, "nhip cham: bo " + nBo + " canh");
+      }
+    }
+    {
+      let chuoi = false;
+      try {
+        chuoi = localStorage.getItem("xvaiChuoiTram") === "1";
+      } catch (e) {
+      }
+      if (chuoi) {
+        sp.sort((p, q) => p.f - q.f);
+        const lanCuoi = {};
+        sp.forEach((x) => {
+          if (x.ten) lanCuoi[x.ten] = Math.max(lanCuoi[x.ten] ?? -99, x.f);
+        });
+        const tatCa = dsTenTaiSan().filter((t) => t.indexOf("trang:") === 0 || t.indexOf("anh:") === 0);
+        const kho6 = tatCa.filter((t) => lanCuoi[t] == null);
+        let kI = 0, nThem = 0;
+        const spans = [];
+        const layAnh = (f2) => {
+          if (kI < kho6.length) return kho6[kI++];
+          const cu = tatCa.filter((t) => (lanCuoi[t] ?? -99) < f2 - 20).sort((a, b) => (lanCuoi[a] ?? -99) - (lanCuoi[b] ?? -99))[0];
+          return cu || null;
+        };
+        for (let i = 0; i + 1 < sp.length; i++) {
+          const a = sp[i].f + sp[i].d, b = sp[i + 1].f;
+          if (b - a >= 4.5) spans.push([a + 0.5, b - 0.3]);
+        }
+        for (const [a, b] of spans) {
+          let f2 = a, n = 0;
+          while (f2 + 2 <= b && n < 2) {
+            const ten2 = layAnh(f2);
+            if (!ten2) break;
+            if (dat(+f2.toFixed(2), 2, { uuTien: UT.anh, bo: "anh", ten: ten2, chu: "", keu: n === 0 ? "whoosh-nhanh" : "", chuoi: 1 }, 0, 0.01)) {
+              ghiL("them", { bo: "anh", f: f2, d: 2 }, "chuoi tram " + ten2);
+              lanCuoi[ten2] = f2;
+              n++;
+              nThem++;
+            }
+            f2 += 2.1;
+          }
+        }
+        const tongDai = sp.length ? sp[sp.length - 1].f + sp[sp.length - 1].d : 1;
+        const tramGiay = () => sp.filter((x) => x.bo === "anh" || x.bo === "chia" || x.bo === "kinh").reduce((a, x) => a + x.d, 0);
+        const chuaDung = tatCa.filter((t) => lanCuoi[t] == null);
+        G2.__khoTen = tatCa.slice();
+        G2.__khoChuaDung = chuaDung.slice();
+        const boDau2 = (t) => t.normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/đ/g, "d");
+        const tu = (t) => boDau2(String(t).toLocaleLowerCase("vi")).split(/[^a-z0-9]+/).filter((w) => w.length >= 3);
+        for (const x of sp) {
+          if (tramGiay() / tongDai >= 0.3) break;
+          if (x.bo !== "depth" || x.khoa || x.f < 3 || x.d < 1.5) continue;
+          const tg = tu(x.giant || x.chu || "");
+          if (!tg.length) continue;
+          let ten2 = "";
+          const j = chuaDung.findIndex((t) => tu(t.slice(t.indexOf(":") + 1)).some((w) => tg.indexOf(w) >= 0));
+          if (j >= 0) ten2 = chuaDung.splice(j, 1)[0];
+          else {
+            const mm = muc.find((m) => x.f >= m.f && x.f < (m.b ?? 1e9));
+            if (mm) {
+              const tk = "trang:" + String(mm.ten).toLocaleLowerCase("vi").replace(/[^\p{L}\p{N}]+/gu, "");
+              if (taiSan(tk) && !sp.some((y) => y.ten === tk && Math.abs(y.f - x.f) < 6)) ten2 = tk;
+            }
+          }
+          if (!ten2) continue;
+          ghiL("doi", x, "chuoi tram: depth -> anh " + ten2);
+          x.bo = "anh";
+          x.ten = ten2;
+          x.chu = String(x.giant || x.chu || "").split(String.fromCharCode(10)).join(" ");
+          x.giant = "";
+          lanCuoi[ten2] = x.f;
+          nThem++;
+        }
+        G2.__chuoiTramThem = nThem;
+        ghiL("bo", { bo: "chuoi-tram" }, "chuoi tram: them " + nThem + " anh trong " + spans.length + " khoang trong");
+        sp.sort((p, q) => p.f - q.f);
+      }
+    }
+    G2.__lichSp = sp.map((s, i) => ({ i, id: s.id, yChu: s.yChu, coChu: s.coChu, fx: s.fx, stX: s.stX, stY: s.stY, f: +s.f.toFixed(2), d: +s.d.toFixed(2), bo: s.bo, giant: s.giant || "", chu: s.chu || "", chu2: s.chu2 || "", st: s.st || "", ten: s.ten || "", tieu: s.tieu || "", khoa: s.khoa ? 1 : 0 }));
   }
   bc = "B7 phat the";
   const stTr = { n: 0 }, keuTr = {};
@@ -11618,7 +11844,7 @@ function lapCuongMe(o) {
     });
     else if (s.bo === "anh") {
       if (s.m) moi.set(s.m, { ...s.m, t0: a, t1: b });
-      the(a, bT, { loai: "cmAnh", chu: s.chu, chu2: s.chu2, do1: !s.chu2 && /tốn|mất|mỏi|khổ|oan|sai|lỗi|đau|chậm|dừng|đừng|cực|vô hồn/.test(String(s.chu || "").toLocaleLowerCase("vi")) ? 1 : 0, do2: s.chu2 && /tốn|mất|mỏi|khổ|oan|sai|lỗi|đau|chậm|còng|dừng|đừng|cực/.test((String(s.chu || "") + " " + String(s.chu2)).toLocaleLowerCase("vi")) ? 1 : 0, ten: s.ten, pip: s.pip, F: Fs, vao: s.vao, ra: s.ra });
+      the(a, bT, { loai: "cmAnh", fx: s.fx, chu: s.chu, chu2: s.chu2, do1: !s.chu2 && /tốn|mất|mỏi|khổ|oan|sai|lỗi|đau|chậm|dừng|đừng|cực|vô hồn/.test(String(s.chu || "").toLocaleLowerCase("vi")) ? 1 : 0, do2: s.chu2 && /tốn|mất|mỏi|khổ|oan|sai|lỗi|đau|chậm|còng|dừng|đừng|cực/.test((String(s.chu || "") + " " + String(s.chu2)).toLocaleLowerCase("vi")) ? 1 : 0, ten: s.ten, pip: s.pip, F: Fs, vao: s.vao, ra: s.ra });
     } else the(a, bT, {
       loai: "cmNen",
       bo: s.bo,
@@ -11648,6 +11874,7 @@ function lapCuongMe(o) {
       do2: s.chu2 && /tốn|mất|mỏi|khổ|oan|sai|lỗi|đau|chậm|còng|dừng|đừng|cực/.test((String(s.giant || "") + " " + String(s.chu2)).toLocaleLowerCase("vi")) ? 1 : 0,
       z: s.z,
       coChu: s.coChu,
+      fx: s.fx,
       phong: s.phong,
       ra: s.ra,
       chu2: s.chu2,
@@ -12730,6 +12957,13 @@ async function doRung(M, tr, lo, hi) {
   }), rung = B.length ? B.slice().sort((p, q) => p - q)[Math.floor((B.length - 1) / 2)] : 0;
   return rung < 8e-4 ? null : { cx: muot(X), cy: muot(Y), o: new Map(ts2.map((t, i) => [Math.round(t * 1e4), i])) };
 }
+function amCua(fx) {
+  return fx && fx.amLuong || globalThis.__xvaiAm || {};
+}
+function amFx(fx) {
+  const am = amCua(fx);
+  return am && am.on != null ? { ...fx || {}, voice: +am.on } : fx;
+}
 async function tiengFf(ff, clips, files, audio, dai2, total, nen2, options) {
   const a = [], fc = [], voices = options?.voiceChunks || [];
   let n = 0, main = "original";
@@ -12739,7 +12973,7 @@ async function tiengFf(ff, clips, files, audio, dai2, total, nen2, options) {
       fc.push("[" + n++ + ":a]asetpts=PTS-STARTPTS,aresample=48000,aformat=channel_layouts=stereo,apad,atrim=duration=" + f(dai2[i]) + "[a" + i + "]");
     } else fc.push("anullsrc=r=48000:cl=stereo:d=" + f(dai2[i]) + "[a" + i + "]");
   });
-  fc.push(clips.map((_, i) => "[a" + i + "]").join("") + "concat=n=" + clips.length + ":v=0:a=1," + voiceChain(options?.studioFx) + "volume=" + (options?.videoVol ?? 1) + "[original]");
+  fc.push(clips.map((_, i) => "[a" + i + "]").join("") + "concat=n=" + clips.length + ":v=0:a=1," + voiceChain(amFx(options?.studioFx)) + "volume=" + ((options?.videoVol ?? 1) * (+amCua(options?.studioFx).loi || 1)).toFixed(3) + "[original]");
   for (let i = 0; i < voices.length; i++) {
     await ff.writeFile("voice" + i + ".dat", bytesFrom64(voices[i].base64));
     a.push("-i", "voice" + i + ".dat");
@@ -12752,7 +12986,7 @@ async function tiengFf(ff, clips, files, audio, dai2, total, nen2, options) {
   if (nen2?.base64) {
     await ff.writeFile("music.dat", bytesFrom64(nen2.base64));
     a.push("-i", "music.dat");
-    fc.push("[" + n++ + ":a]aresample=48000,aformat=channel_layouts=stereo,apad,atrim=duration=" + f(total) + ",volume=" + nen2.vol + "[music]", "[" + main + "]asplit=2[direct][side]", "[music][side]sidechaincompress=threshold=0.05:ratio=2.5:attack=25:release=350[ducked]", "[direct][ducked]amix=inputs=2:duration=first:normalize=0[mixed]");
+    fc.push("[" + n++ + ":a]aresample=48000,aformat=channel_layouts=stereo,apad,atrim=duration=" + f(total) + ",volume=" + ((+nen2.vol || 0.2) * (+amCua(options?.studioFx).nhac || 1)).toFixed(3) + "[music]", "[" + main + "]asplit=2[direct][side]", "[music][side]sidechaincompress=threshold=0.05:ratio=2.5:attack=25:release=350[ducked]", "[direct][ducked]amix=inputs=2:duration=first:normalize=0[mixed]");
     main = "mixed";
   }
   fc.push("[" + main + "]loudnorm=I=-14:TP=-1.5:LRA=11,alimiter=level=false:limit=0.80:attack=5:release=50[out]");
@@ -12991,6 +13225,29 @@ async function renderNhanh(ff, clips, files, audio, cards, nen2, options, paint,
         }
       }
       const vi = Number(fx.flashIn) || 0, vr = Number(fx.flashOut) || 0, trang = Math.max(vi > 0 ? 1 - u / vi : 0, vr > 0 ? (u - full2 + vr) / vr : 0), den = fx.fade > 0 ? Math.max(1 - u / 0.12, (u - full2 + 0.12) / 0.12) : 0;
+      {
+        const G = globalThis, sp = G.__lichSp || [];
+        if (sp.length) {
+          if (!G.__khungCanh || G.__khungCanhLan !== G.__lichSp) {
+            G.__khungCanh = {};
+            G.__khungCanhLan = G.__lichSp;
+          }
+          const Tq = Math.round(T * 10) / 10;
+          for (const s of sp) {
+            const kq = (+s.f).toFixed(1);
+            if (!G.__khungCanh[kq] && Math.abs(T - (+s.f + 0.3)) < 0.5 / FPS + 0.02) {
+              try {
+                const c2 = document.createElement("canvas");
+                c2.width = 90;
+                c2.height = 160;
+                c2.getContext("2d").drawImage(gn.canvas, 0, 0, 90, 160);
+                G.__khungCanh[kq] = c2.toDataURL("image/jpeg", 0.6);
+              } catch (e) {
+              }
+            }
+          }
+        }
+      }
       if (trang > 0) {
         gn.globalAlpha = Math.min(1, trang);
         gn.fillStyle = "#fff";
@@ -19103,7 +19360,7 @@ async function napLoi(d) {
     return "LOI: " + String(e && e.message || e).slice(0, 300);
   }
 }
-var LOI_URL = "https://cdn.jsdelivr.net/npm/xvai-loi@0.1.41/nap.js";
+var LOI_URL = "https://cdn.jsdelivr.net/npm/xvai-loi@0.1.43/nap.js";
 var TRONG_LOI = !!globalThis.__xvaiReact;
 try {
   if (!TRONG_LOI) setTimeout(() => {
@@ -19133,7 +19390,7 @@ function datCauLenh(a) {
   on2 = true;
   window.addEventListener("message", async (ev) => {
     const d = ev.data;
-    if (!d || d.xvaiLoi100236 !== true) return;
+    if (!d || d.xvaiLoi100850 !== true) return;
     const o = String(ev.origin || "");
     if (!(o.indexOf("https://flow.google.com") === 0 || o.indexOf("https://labs.google") === 0)) return;
     const tra = (kq) => {
@@ -19355,7 +19612,11 @@ var SuaLich = ({ ten, onDong }) => {
   const taiSrt = () => {
     const p = G.__loiApp && G.__loiApp.p;
     const cues = [];
-    for (const sc of p && p.timeline || []) for (const m of sc.text_moments || []) if (m && m.kind === "sub" && m.text) cues.push({ t0: +m.t0 - (+sc.trimStart || 0), t1: +m.t1 - (+sc.trimStart || 0), text: String(m.text) });
+    for (const sc of p && p.timeline || []) for (const m of sc.text_moments || []) if (m && m.kind === "sub" && m.text) {
+      const fT = G.__fTu;
+      const a0 = fT ? fT(+m.t0) : +m.t0 - (+sc.trimStart || 0), a1 = fT ? fT(+m.t1) : +m.t1 - (+sc.trimStart || 0);
+      if (a1 > a0 && a0 >= 0) cues.push({ t0: a0, t1: a1, text: String(m.text) });
+    }
     cues.sort((a, b) => a.t0 - b.t0);
     const hh = (t) => {
       t = Math.max(0, t);
@@ -19391,6 +19652,170 @@ var SuaLich = ({ ten, onDong }) => {
       setBao("M\xE0u c\u1EA3 b\xE0i: s\xE1ng " + (+n.sang).toFixed(2) + " \xB7 t\u01B0\u01A1ng ph\u1EA3n " + (+n.tuongPhan).toFixed(2) + " \xB7 t\u01B0\u01A1i " + (+n.baoHoa).toFixed(2) + " \xB7 \u1EA5m " + (+n.am).toFixed(2) + " \u2192 b\u1EA5m Xu\u1EA5t l\u1EA1i");
     }
   };
+  const [khung, setKhung] = useState({});
+  const khungDang = useState({ v: null, q: [], ban: false })[0];
+  const layKhung = async (giay2) => {
+    const k = giay2.toFixed(1);
+    if (khung[k]) return;
+    const b = G.__loiApp && G.__loiApp.b;
+    if (!b) return;
+    khungDang.q.push(giay2);
+    if (khungDang.ban) return;
+    khungDang.ban = true;
+    try {
+      if (!khungDang.v) {
+        const v2 = document.createElement("video");
+        v2.muted = true;
+        v2.preload = "auto";
+        v2.src = URL.createObjectURL(b);
+        await new Promise((ok, er) => {
+          v2.onloadeddata = () => ok();
+          v2.onerror = () => er(new Error("video"));
+        });
+        khungDang.v = v2;
+      }
+      const v = khungDang.v;
+      const c = document.createElement("canvas");
+      c.width = 90;
+      c.height = 160;
+      const g = c.getContext("2d");
+      while (khungDang.q.length) {
+        const gi = khungDang.q.shift();
+        const kk = gi.toFixed(1);
+        if (khung[kk]) continue;
+        await new Promise((ok) => {
+          v.onseeked = () => ok();
+          v.currentTime = Math.min(Math.max(0, gi + 0.3), Math.max(0, v.duration - 0.05));
+        });
+        g.drawImage(v, 0, 0, 90, 160);
+        const u = c.toDataURL("image/jpeg", 0.6);
+        setKhung((kh) => ({ ...kh, [kk]: u }));
+      }
+    } catch (e) {
+    } finally {
+      khungDang.ban = false;
+    }
+  };
+  useEffect(() => {
+    const kc2 = G.__khungCanh || {};
+    if (Object.keys(kc2).length) setKhung((kh) => ({ ...kc2, ...kh }));
+    else (ds2 || []).slice(0, 60).forEach((s) => layKhung(+s.f));
+  }, [ds2.length, !!(G.__loiApp && G.__loiApp.b)]);
+  const [khungTo, setKhungTo] = useState("");
+  const [fxMo, setFxMo] = useState("");
+  const fxCua = (s) => {
+    const e = sua[s.id] || sua[s.i] || {};
+    return e.fx || s.fx || {};
+  };
+  const datFxCanh = (s, k, v) => {
+    const cu = fxCua(s);
+    dat(s.id || String(s.i), "fx", { ...cu, [k]: v });
+  };
+  let am0 = fx0 && fx0.amLuong || G.__xvaiAm || {};
+  try {
+    if (!Object.keys(am0).length) {
+      const t = localStorage.getItem("xvaiAm");
+      if (t) am0 = JSON.parse(t);
+    }
+  } catch (e) {
+  }
+  const [am, setAm] = useState({ loi: +am0.loi || 1, nhac: +am0.nhac || 1, on: am0.on ?? "" });
+  const datAm = (k, v) => {
+    const n = { ...am, [k]: v };
+    setAm(n);
+    G.__xvaiAm = n;
+    try {
+      localStorage.setItem("xvaiAm", JSON.stringify(n));
+    } catch (e) {
+    }
+    if (typeof G.__loiSetP === "function") G.__loiSetP((c) => c ? { ...c, studioFx: { ...c.studioFx || {}, amLuong: n } } : c);
+    setBao("\xC2m thanh: l\u1EDDi \xD7" + (+n.loi).toFixed(2) + " \xB7 nh\u1EA1c+SFX \xD7" + (+n.nhac).toFixed(2) + (n.on !== "" ? " \xB7 ch\u1ED1ng \u1ED3n " + n.on : "") + " \u2192 b\u1EA5m Xu\u1EA5t l\u1EA1i");
+  };
+  const [nKho, setNKho] = useState(0);
+  const taiKho = async (fs) => {
+    if (!fs || !fs.length) return;
+    const ds3 = [...fs];
+    let n = 0;
+    const ten2 = [];
+    for (const f2 of ds3) {
+      const t = "anh:" + f2.name.replace(/\.[^.]+$/, "").toLocaleLowerCase("vi").replace(/[^\p{L}\p{N}]+/gu, "-").slice(0, 30);
+      try {
+        if (f2.type.indexOf("video") === 0) {
+          const v = await napVideo(f2);
+          if (v) {
+            datTaiSan(t, v);
+            n++;
+            ten2.push(t);
+          }
+        } else {
+          const bm = await createImageBitmap(f2);
+          datTaiSan(t, bm);
+          n++;
+          ten2.push(t);
+        }
+      } catch (e) {
+      }
+    }
+    try {
+      await themKho(ds3);
+    } catch (e) {
+    }
+    setNKho((x) => x + n);
+    setBao("\u0110\xE3 th\xEAm " + n + " v\xE0o kho: " + ten2.join(", ") + " \xB7 ch\u1ECDn \u1EDF c\u1ED9t \u1EA3nh ho\u1EB7c h\xE0ng Th\xEAm c\u1EA3nh");
+  };
+  const KIEU_CHU = { "M\u1EB7c \u0111\u1ECBnh (nghi\xEAng, tr\u1EAFng/v\xE0ng)": {}, "Th\u1EB3ng hi\u1EC7n \u0111\u1EA1i": { nghieng: false }, "V\xE0ng neon nh\u1EA5n": { nhan: "rgb(214,255,60)" }, "Tr\u1EAFng vi\u1EC1n \u0111en d\xE0y": { vien: "rgb(0,0,0)", day: 1.8, nghieng: false }, "Cam th\u01B0\u01A1ng hi\u1EC7u": { mau: "rgb(255,236,220)", nhan: "rgb(255,140,60)" }, "Arial Black th\u1EB3ng": { font: "Arial Black", nghieng: false }, "Georgia c\u1ED5 \u0111i\u1EC3n": { font: "Georgia", nghieng: false } };
+  const [kc, setKc] = useState(() => {
+    try {
+      return localStorage.getItem("xvaiKieuChuTen") || "M\u1EB7c \u0111\u1ECBnh (nghi\xEAng, tr\u1EAFng/v\xE0ng)";
+    } catch (e) {
+      return "M\u1EB7c \u0111\u1ECBnh (nghi\xEAng, tr\u1EAFng/v\xE0ng)";
+    }
+  });
+  const datKc = (t) => {
+    setKc(t);
+    const v = KIEU_CHU[t] || {};
+    G.__xvaiKieuChu = v;
+    try {
+      localStorage.setItem("xvaiKieuChu", JSON.stringify(v));
+      localStorage.setItem("xvaiKieuChuTen", t);
+    } catch (e) {
+    }
+    setBao("Ki\u1EC3u ch\u1EEF c\u1EA3 b\xE0i: " + t + " \u2192 V\u1EBD l\u1EA1i / Xu\u1EA5t");
+  };
+  const tlRef = useState({ el: null })[0];
+  const [keo, setKeo] = useState(null);
+  const tongS = Math.max(1, ...(ds2 || []).map((x) => +x.f + +x.d));
+  const MAUBO = { depth: "#E87034", cut: "#B5651D", anh: "#2E86DE", chia: "#16A085", card: "#8E44AD", kinh: "#F6D178", tron: "#E74C3C", phong: "#555" };
+  const giaTri = (x, k) => {
+    const e = sua[x.id] || sua[x.i] || {};
+    return typeof e[k] === "number" ? e[k] : +x[k];
+  };
+  const batDauKeo = (ev, x, mep3) => {
+    ev.preventDefault();
+    ev.stopPropagation();
+    setKeo({ x, mep: mep3, x0: ev.clientX, f0: giaTri(x, "f"), d0: giaTri(x, "d") });
+  };
+  useEffect(() => {
+    if (!keo) return;
+    const mv = (ev) => {
+      const el = tlRef.el;
+      if (!el) return;
+      const dt = (ev.clientX - keo.x0) / el.clientWidth * tongS;
+      const id = keo.x.id || String(keo.x.i);
+      if (keo.mep) dat(id, "d", Math.max(0.4, Math.round((keo.d0 + dt) * 10) / 10));
+      else dat(id, "f", Math.max(0, Math.round((keo.f0 + dt) * 10) / 10));
+    };
+    const up = () => {
+      setKeo(null);
+      setBao("\u0110\xE3 k\xE9o c\u1EA3nh \xB7 L\u01B0u r\u1ED3i V\u1EBD l\u1EA1i");
+    };
+    window.addEventListener("pointermove", mv);
+    window.addEventListener("pointerup", up);
+    return () => {
+      window.removeEventListener("pointermove", mv);
+      window.removeEventListener("pointerup", up);
+    };
+  }, [keo]);
   const themCanh = () => {
     if (!(them.d > 0.3)) return;
     ghiHoan(sua);
@@ -19420,18 +19845,26 @@ var SuaLich = ({ ten, onDong }) => {
     setDs(G.__lichSp || []);
   } }, "N\u1EA1p l\u1EA1i"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: onDong }, "\u0110\xF3ng"), ls.length ? /* @__PURE__ */ shim_react_default.createElement("select", { className: "bg-[#0B1A2D] border border-[#2C4A73] rounded px-1 text-[11px]", value: "", onChange: (ev) => {
     if (ev.target.value) napBan(+ev.target.value);
-  } }, /* @__PURE__ */ shim_react_default.createElement("option", { value: "" }, "b\u1EA3n c\u0169\u2026"), ls.map((t) => /* @__PURE__ */ shim_react_default.createElement("option", { key: t, value: t }, new Date(t).toLocaleString("vi")))) : null), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-2 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "M\xE0u c\u1EA3 b\xE0i:"), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "s\xE1ng ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.7", max: "1.4", step: "0.05", value: fx.sang, onChange: (ev) => datFx("sang", +ev.target.value), className: "w-20" }), " ", (+fx.sang).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "t\u01B0\u01A1ng ph\u1EA3n ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.7", max: "1.4", step: "0.05", value: fx.tuongPhan, onChange: (ev) => datFx("tuongPhan", +ev.target.value), className: "w-20" }), " ", (+fx.tuongPhan).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "t\u01B0\u01A1i ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.5", max: "1.6", step: "0.05", value: fx.baoHoa, onChange: (ev) => datFx("baoHoa", +ev.target.value), className: "w-20" }), " ", (+fx.baoHoa).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "\u1EA5m ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0", max: "0.4", step: "0.05", value: fx.am, onChange: (ev) => datFx("am", +ev.target.value), className: "w-20" }), " ", (+fx.am).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: () => {
+  } }, /* @__PURE__ */ shim_react_default.createElement("option", { value: "" }, "b\u1EA3n c\u0169\u2026"), ls.map((t) => /* @__PURE__ */ shim_react_default.createElement("option", { key: t, value: t }, new Date(t).toLocaleString("vi")))) : null), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-2 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "Ki\u1EC3u ch\u1EEF c\u1EA3 b\xE0i:"), /* @__PURE__ */ shim_react_default.createElement("select", { className: "bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: kc, onChange: (ev) => datKc(ev.target.value) }, Object.keys(KIEU_CHU).map((t) => /* @__PURE__ */ shim_react_default.createElement("option", { key: t, value: t }, t)))), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-2 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "\xC2m thanh:"), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "l\u1EDDi ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.5", max: "2", step: "0.05", value: am.loi, onChange: (ev) => datAm("loi", +ev.target.value), className: "w-20" }), " \xD7", (+am.loi).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "nh\u1EA1c + SFX ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0", max: "2.5", step: "0.05", value: am.nhac, onChange: (ev) => datAm("nhac", +ev.target.value), className: "w-20" }), " \xD7", (+am.nhac).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "ch\u1ED1ng \u1ED3n ", /* @__PURE__ */ shim_react_default.createElement("select", { className: "bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: am.on, onChange: (ev) => datAm("on", ev.target.value === "" ? "" : +ev.target.value) }, /* @__PURE__ */ shim_react_default.createElement("option", { value: "" }, "theo b\u1EA3ng L\xE0m pro"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "0" }, "t\u1EAFt"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "1" }, "nh\u1EB9"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "2" }, "m\u1EA1nh"))), /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "(t\u1EF1 c\xE2n \u221214 LUFS, nh\u1EA1c t\u1EF1 h\u1EA1 khi n\xF3i)")), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-2 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "M\xE0u c\u1EA3 b\xE0i:"), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "s\xE1ng ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.7", max: "1.4", step: "0.05", value: fx.sang, onChange: (ev) => datFx("sang", +ev.target.value), className: "w-20" }), " ", (+fx.sang).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "t\u01B0\u01A1ng ph\u1EA3n ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.7", max: "1.4", step: "0.05", value: fx.tuongPhan, onChange: (ev) => datFx("tuongPhan", +ev.target.value), className: "w-20" }), " ", (+fx.tuongPhan).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "t\u01B0\u01A1i ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0.5", max: "1.6", step: "0.05", value: fx.baoHoa, onChange: (ev) => datFx("baoHoa", +ev.target.value), className: "w-20" }), " ", (+fx.baoHoa).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("label", { className: "flex items-center gap-1" }, "\u1EA5m ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: "0", max: "0.4", step: "0.05", value: fx.am, onChange: (ev) => datFx("am", +ev.target.value), className: "w-20" }), " ", (+fx.am).toFixed(2)), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: () => {
     setFx({ sang: 1, tuongPhan: 1, baoHoa: 1, am: 0 });
     datFx("sang", 1);
-  } }, "V\u1EC1 g\u1ED1c"), /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "(ch\u1ED1ng rung \xB7 l\xE0m \u0111\u1EB9p \xB7 ti\u1EBFng \xB7 r\u0103ng: 4 c\xF4ng t\u1EAFc \u1EDF b\u1EA3ng L\xE0m pro)")), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-1 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "Th\xEAm c\u1EA3nh:"), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", value: them.f, onChange: (ev) => setThem({ ...them, f: ev.target.value }), title: "gi\xE2y \u0111\u1EA7u" }), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", value: them.d, onChange: (ev) => setThem({ ...them, d: ev.target.value }), title: "d\xE0i (s)" }), /* @__PURE__ */ shim_react_default.createElement("select", { className: "bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: them.bo, onChange: (ev) => setThem({ ...them, bo: ev.target.value }) }, /* @__PURE__ */ shim_react_default.createElement("option", { value: "depth" }, "ch\u1EEF nh\u1EA5n"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "anh" }, "\u1EA3nh to\xE0n khung"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "cut" }, "c\u1EAFt ch\u1EEF"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "tron" }, "\xF4 tr\xF2n")), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-28 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", placeholder: "ch\u1EEF nh\u1EA5n", value: them.giant, onChange: (ev) => setThem({ ...them, giant: ev.target.value }) }), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-24 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", placeholder: "\u1EA3nh: trang:\u2026", value: them.ten, onChange: (ev) => setThem({ ...them, ten: ev.target.value }) }), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: themCanh }, "+ Th\xEAm"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: taiLich }, "T\u1EA3i l\u1ECBch .json"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: taiSrt, title: "b\u1EA3n \u0111\u1EA7u: ch\u01B0a tr\u1EEB \u0111o\u1EA1n l\u1EB7ng b\u1ECB c\u1EAFt" }, "T\u1EA3i SRT"), /* @__PURE__ */ shim_react_default.createElement("label", { className: nut3 + " cursor-pointer" }, "M\u1EDF d\u1EF1 \xE1n .json", /* @__PURE__ */ shim_react_default.createElement("input", { type: "file", accept: ".json,application/json", className: "hidden", onChange: (ev) => moDuAn(ev.target.files && ev.target.files[0]) })), (sua.them || []).length ? /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#F6D178]" }, (sua.them || []).length, " c\u1EA3nh th\xEAm") : null), /* @__PURE__ */ shim_react_default.createElement("datalist", { id: "xvai-kho-anh" }, dsTenTaiSan().map((t) => /* @__PURE__ */ shim_react_default.createElement("option", { key: t, value: t }))), /* @__PURE__ */ shim_react_default.createElement("div", { className: "max-h-[60vh] overflow-auto" }, /* @__PURE__ */ shim_react_default.createElement("table", { className: "w-full text-[11px]" }, /* @__PURE__ */ shim_react_default.createElement("thead", null, /* @__PURE__ */ shim_react_default.createElement("tr", { className: "text-[#A2B2C9]" }, /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "#"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "gi\xE2y"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "b\u1ED1 c\u1EE5c"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "\u0111\u1EA7u/d\xE0i (s)"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "ch\u1EEF nh\u1EA5n"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "y / c\u1EE1"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "ch\u1EEF ph\u1EE5"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "icon"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "\u1EA3nh (t\xEAn kho)"), /* @__PURE__ */ shim_react_default.createElement("th", null, "xo\xE1"))), /* @__PURE__ */ shim_react_default.createElement("tbody", null, ds2.map((s) => {
+  } }, "V\u1EC1 g\u1ED1c"), /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "(ch\u1ED1ng rung \xB7 l\xE0m \u0111\u1EB9p \xB7 ti\u1EBFng \xB7 r\u0103ng: 4 c\xF4ng t\u1EAFc \u1EDF b\u1EA3ng L\xE0m pro)")), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex items-center gap-1 mb-2 text-[11px] flex-wrap" }, /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "Th\xEAm c\u1EA3nh:"), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", value: them.f, onChange: (ev) => setThem({ ...them, f: ev.target.value }), title: "gi\xE2y \u0111\u1EA7u" }), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", value: them.d, onChange: (ev) => setThem({ ...them, d: ev.target.value }), title: "d\xE0i (s)" }), /* @__PURE__ */ shim_react_default.createElement("select", { className: "bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: them.bo, onChange: (ev) => setThem({ ...them, bo: ev.target.value }) }, /* @__PURE__ */ shim_react_default.createElement("option", { value: "depth" }, "ch\u1EEF nh\u1EA5n"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "anh" }, "\u1EA3nh to\xE0n khung"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "cut" }, "c\u1EAFt ch\u1EEF"), /* @__PURE__ */ shim_react_default.createElement("option", { value: "tron" }, "\xF4 tr\xF2n")), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-28 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", placeholder: "ch\u1EEF nh\u1EA5n", value: them.giant, onChange: (ev) => setThem({ ...them, giant: ev.target.value }) }), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-24 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", placeholder: "\u1EA3nh: trang:\u2026", value: them.ten, onChange: (ev) => setThem({ ...them, ten: ev.target.value }) }), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: themCanh }, "+ Th\xEAm"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: taiLich }, "T\u1EA3i l\u1ECBch .json"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: taiSrt, title: "gi\u1EDD theo phim (\u0111\xE3 tr\u1EEB l\u1EB7ng c\u1EAFt)" }, "T\u1EA3i SRT"), /* @__PURE__ */ shim_react_default.createElement("label", { className: nut3 + " cursor-pointer" }, "T\u1EA3i \u1EA3nh/clip v\xE0o kho", /* @__PURE__ */ shim_react_default.createElement("input", { type: "file", multiple: true, accept: "image/*,video/*", className: "hidden", onChange: (ev) => taiKho(ev.target.files) })), nKho ? /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#F6D178]" }, "+", nKho, " kho") : null, /* @__PURE__ */ shim_react_default.createElement("label", { className: nut3 + " cursor-pointer" }, "M\u1EDF d\u1EF1 \xE1n .json", /* @__PURE__ */ shim_react_default.createElement("input", { type: "file", accept: ".json,application/json", className: "hidden", onChange: (ev) => moDuAn(ev.target.files && ev.target.files[0]) })), (sua.them || []).length ? /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#F6D178]" }, (sua.them || []).length, " c\u1EA3nh th\xEAm") : null), /* @__PURE__ */ shim_react_default.createElement("div", { className: "mb-2" }, /* @__PURE__ */ shim_react_default.createElement("div", { className: "text-[#A2B2C9] text-[11px] mb-1" }, "Timeline (", tongS.toFixed(1), " s) \u2014 k\xE9o kh\u1ED1i \u0111\u1EC3 d\u1EDDi, k\xE9o m\xE9p ph\u1EA3i \u0111\u1EC3 \u0111\u1ED5i d\xE0i"), /* @__PURE__ */ shim_react_default.createElement("div", { ref: (el) => {
+    tlRef.el = el;
+  }, className: "relative h-9 bg-[#0B1A2D] border border-[#2C4A73] rounded select-none", style: { touchAction: "none" } }, [...Array(Math.floor(tongS / 10) + 1)].map((_, k) => /* @__PURE__ */ shim_react_default.createElement("div", { key: "v" + k, className: "absolute top-0 bottom-0 border-l border-[#2C4A73]/60 text-[9px] text-[#A2B2C9] pl-0.5", style: { left: k * 10 / tongS * 100 + "%" } }, k * 10)), (ds2 || []).map((x) => {
+    const f2 = giaTri(x, "f"), d = giaTri(x, "d"), e = sua[x.id] || sua[x.i] || {};
+    if (e.xoa) return null;
+    return /* @__PURE__ */ shim_react_default.createElement("div", { key: "k" + (x.id || x.i), title: x.bo + " " + f2.toFixed(1) + "\u2013" + (f2 + d).toFixed(1) + " " + (x.giant || x.chu || ""), onPointerDown: (ev) => batDauKeo(ev, x, false), className: "absolute top-3 h-5 rounded-sm cursor-grab text-[8px] text-white overflow-hidden whitespace-nowrap px-0.5", style: { left: f2 / tongS * 100 + "%", width: Math.max(0.4, d / tongS * 100) + "%", background: MAUBO[x.bo] || "#777", outline: e.f != null || e.d != null ? "1px solid #fff" : "none" } }, String(x.giant || x.chu || x.bo).split(String.fromCharCode(10))[0].slice(0, 12), /* @__PURE__ */ shim_react_default.createElement("span", { onPointerDown: (ev) => batDauKeo(ev, x, true), className: "absolute right-0 top-0 bottom-0 w-1.5 bg-white/60 cursor-ew-resize" }));
+  }))), /* @__PURE__ */ shim_react_default.createElement("datalist", { id: "xvai-kho-anh" }, dsTenTaiSan().map((t) => /* @__PURE__ */ shim_react_default.createElement("option", { key: t, value: t }))), /* @__PURE__ */ shim_react_default.createElement("div", { className: "max-h-[60vh] overflow-auto" }, /* @__PURE__ */ shim_react_default.createElement("table", { className: "w-full text-[11px]" }, /* @__PURE__ */ shim_react_default.createElement("thead", null, /* @__PURE__ */ shim_react_default.createElement("tr", { className: "text-[#A2B2C9]" }, /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "#"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "khung"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "gi\xE2y"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "b\u1ED1 c\u1EE5c"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "\u0111\u1EA7u/d\xE0i (s)"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "ch\u1EEF nh\u1EA5n"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "y / c\u1EE1"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "ch\u1EEF ph\u1EE5"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "icon"), /* @__PURE__ */ shim_react_default.createElement("th", { className: "text-left" }, "\u1EA3nh (t\xEAn kho)"), /* @__PURE__ */ shim_react_default.createElement("th", null, "fx"), /* @__PURE__ */ shim_react_default.createElement("th", null, "xo\xE1"))), /* @__PURE__ */ shim_react_default.createElement("tbody", null, ds2.map((s) => {
     const e = sua[s.id] || sua[s.i] || {};
     const v = (k) => (typeof e[k] === "string" ? e[k] : s[k]) || "";
-    return /* @__PURE__ */ shim_react_default.createElement("tr", { key: s.id || s.i, className: e.xoa ? "opacity-40" : s.khoa ? "bg-[#1E3A5F]/40" : "" }, /* @__PURE__ */ shim_react_default.createElement("td", null, s.i), /* @__PURE__ */ shim_react_default.createElement("td", null, s.f.toFixed(1), "\u2013", (s.f + s.d).toFixed(1)), /* @__PURE__ */ shim_react_default.createElement("td", null, s.bo), /* @__PURE__ */ shim_react_default.createElement("td", { className: "whitespace-nowrap" }, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: typeof e.f === "number" ? e.f : s.f, onChange: (ev) => dat(s.id || String(s.i), "f", +ev.target.value), type: "number", step: "0.1" }), " ", /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: typeof e.d === "number" ? e.d : s.d, onChange: (ev) => dat(s.id || String(s.i), "d", +ev.target.value), type: "number", step: "0.1", min: "0.4" })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-full bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("giant"), onChange: (ev) => dat(s.id || String(s.i), "giant", ev.target.value) })), /* @__PURE__ */ shim_react_default.createElement("td", { className: "whitespace-nowrap" }, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.02", min: "0.05", max: "0.6", placeholder: "y", value: typeof e.yChu === "number" ? e.yChu : s.yChu ?? "", onChange: (ev) => dat(s.id || String(s.i), "yChu", +ev.target.value), title: "v\u1ECB tr\xED ch\u1EEF nh\u1EA5n (0,05 tr\xEAn \u2013 0,6 d\u01B0\u1EDBi)" }), " ", /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", min: "0.5", max: "1.6", placeholder: "\xD71", value: typeof e.coChu === "number" ? e.coChu : s.coChu ?? "", onChange: (ev) => dat(s.id || String(s.i), "coChu", +ev.target.value), title: "c\u1EE1 ch\u1EEF nh\u1EA5n \xD70,5\u20131,6" })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-full bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("chu2") || v("chu"), onChange: (ev) => dat(s.id || String(s.i), s.chu2 || !s.chu ? "chu2" : "chu", ev.target.value) })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-20 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("st"), onChange: (ev) => dat(s.id || String(s.i), "st", ev.target.value), placeholder: "tich/luu\u2026" })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-24 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", list: "xvai-kho-anh", value: v("ten"), onChange: (ev) => dat(s.id || String(s.i), "ten", ev.target.value), placeholder: "trang:\u2026 / anh:\u2026" })), /* @__PURE__ */ shim_react_default.createElement("td", { className: "text-center" }, /* @__PURE__ */ shim_react_default.createElement("input", { type: "checkbox", checked: !!e.xoa, onChange: (ev) => dat(s.id || String(s.i), "xoa", ev.target.checked ? 1 : 0) })));
-  })))), /* @__PURE__ */ shim_react_default.createElement("div", { className: "text-[#A2B2C9] mt-2" }, "Ch\u1EEF nh\u1EA5n xu\u1ED1ng d\xF2ng: g\xF5 \\n. Icon: tich, luu, chuot, sao, tim, dong-ho\u2026 (t\xEAn trong veSticker). S\u1EEDa xong b\u1EA5m V\u1EBD l\u1EA1i (~2\u20135 ph\xFAt)."));
+    return /* @__PURE__ */ shim_react_default.createElement("tr", { key: s.id || s.i, className: e.xoa ? "opacity-40" : s.khoa ? "bg-[#1E3A5F]/40" : "" }, /* @__PURE__ */ shim_react_default.createElement("td", null, s.i), /* @__PURE__ */ shim_react_default.createElement("td", null, khung[(+s.f).toFixed(1)] ? /* @__PURE__ */ shim_react_default.createElement("img", { src: khung[(+s.f).toFixed(1)], width: 45, height: 80, className: "rounded cursor-zoom-in", onClick: () => setKhungTo(khung[(+s.f).toFixed(1)]) }) : /* @__PURE__ */ shim_react_default.createElement("span", { className: "text-[#A2B2C9]" }, "\u2026")), /* @__PURE__ */ shim_react_default.createElement("td", null, s.f.toFixed(1), "\u2013", (s.f + s.d).toFixed(1)), /* @__PURE__ */ shim_react_default.createElement("td", null, s.bo), /* @__PURE__ */ shim_react_default.createElement("td", { className: "whitespace-nowrap" }, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: typeof e.f === "number" ? e.f : s.f, onChange: (ev) => dat(s.id || String(s.i), "f", +ev.target.value), type: "number", step: "0.1" }), " ", /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: typeof e.d === "number" ? e.d : s.d, onChange: (ev) => dat(s.id || String(s.i), "d", +ev.target.value), type: "number", step: "0.1", min: "0.4" })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-full bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("giant"), onChange: (ev) => dat(s.id || String(s.i), "giant", ev.target.value) })), /* @__PURE__ */ shim_react_default.createElement("td", { className: "whitespace-nowrap" }, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.02", min: "0.05", max: "0.6", placeholder: "y", value: typeof e.yChu === "number" ? e.yChu : s.yChu ?? "", onChange: (ev) => dat(s.id || String(s.i), "yChu", +ev.target.value), title: "v\u1ECB tr\xED ch\u1EEF nh\u1EA5n (0,05 tr\xEAn \u2013 0,6 d\u01B0\u1EDBi)" }), " ", /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-12 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.1", min: "0.5", max: "1.6", placeholder: "\xD71", value: typeof e.coChu === "number" ? e.coChu : s.coChu ?? "", onChange: (ev) => dat(s.id || String(s.i), "coChu", +ev.target.value), title: "c\u1EE1 ch\u1EEF nh\u1EA5n \xD70,5\u20131,6" })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-full bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("chu2") || v("chu"), onChange: (ev) => dat(s.id || String(s.i), s.chu2 || !s.chu ? "chu2" : "chu", ev.target.value) })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-20 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", value: v("st"), onChange: (ev) => dat(s.id || String(s.i), "st", ev.target.value), placeholder: "tich/luu\u2026" }), " ", /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-10 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.05", min: "0.05", max: "0.95", placeholder: "x", title: "v\u1ECB tr\xED icon ngang 0,05\u20130,95", value: typeof e.stX === "number" ? e.stX : s.stX ?? "", onChange: (ev) => dat(s.id || String(s.i), "stX", +ev.target.value) }), /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-10 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", type: "number", step: "0.05", min: "0.05", max: "0.95", placeholder: "y", title: "v\u1ECB tr\xED icon d\u1ECDc", value: typeof e.stY === "number" ? e.stY : s.stY ?? "", onChange: (ev) => dat(s.id || String(s.i), "stY", +ev.target.value) })), /* @__PURE__ */ shim_react_default.createElement("td", null, /* @__PURE__ */ shim_react_default.createElement("input", { className: "w-24 bg-[#0B1A2D] border border-[#2C4A73] rounded px-1", list: "xvai-kho-anh", value: v("ten"), onChange: (ev) => dat(s.id || String(s.i), "ten", ev.target.value), placeholder: "trang:\u2026 / anh:\u2026" })), /* @__PURE__ */ shim_react_default.createElement("td", { className: "text-center" }, /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3 + (Object.keys(fxCua(s)).length ? " bg-[#F6D178] text-[#122238]" : ""), onClick: () => setFxMo(fxMo === (s.id || String(s.i)) ? "" : s.id || String(s.i)) }, "fx"), fxMo === (s.id || String(s.i)) ? /* @__PURE__ */ shim_react_default.createElement("div", { className: "absolute z-40 bg-[#0B1A2D] border border-[#F6D178] rounded p-2 text-[11px] w-56 text-left", onClick: (ev) => ev.stopPropagation() }, [["sang", "s\xE1ng", 0.5, 1.6, 1], ["tuongPhan", "t\u01B0\u01A1ng ph\u1EA3n", 0.5, 1.6, 1], ["baoHoa", "t\u01B0\u01A1i", 0, 1.8, 1], ["am", "\u1EA5m", 0, 0.6, 0], ["mo", "m\u1EDD (px)", 0, 10, 0], ["xam", "\u0111en tr\u1EAFng", 0, 1, 0]].map((r) => /* @__PURE__ */ shim_react_default.createElement("label", { key: r[0], className: "flex items-center gap-1" }, r[1], " ", /* @__PURE__ */ shim_react_default.createElement("input", { type: "range", min: r[2], max: r[3], step: r[0] === "mo" ? 0.5 : 0.05, value: fxCua(s)[r[0]] ?? r[4], onChange: (ev) => datFxCanh(s, r[0], +ev.target.value), className: "flex-1" }), " ", (+(fxCua(s)[r[0]] ?? r[4])).toFixed(2))), /* @__PURE__ */ shim_react_default.createElement("div", { className: "flex gap-1 mt-1" }, /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: () => {
+      dat(s.id || String(s.i), "fx", {});
+    } }, "V\u1EC1 g\u1ED1c"), /* @__PURE__ */ shim_react_default.createElement("button", { className: nut3, onClick: () => setFxMo("") }, "\u0110\xF3ng"))) : null), /* @__PURE__ */ shim_react_default.createElement("td", { className: "text-center" }, /* @__PURE__ */ shim_react_default.createElement("input", { type: "checkbox", checked: !!e.xoa, onChange: (ev) => dat(s.id || String(s.i), "xoa", ev.target.checked ? 1 : 0) })));
+  })))), khungTo ? /* @__PURE__ */ shim_react_default.createElement("div", { className: "fixed inset-0 bg-black/70 flex items-center justify-center z-50", onClick: () => setKhungTo("") }, /* @__PURE__ */ shim_react_default.createElement("img", { src: khungTo, style: { height: "80vh" }, className: "rounded" })) : null, /* @__PURE__ */ shim_react_default.createElement("div", { className: "text-[#A2B2C9] mt-2" }, "Ch\u1EEF nh\u1EA5n xu\u1ED1ng d\xF2ng: g\xF5 \\n. Icon: tich, luu, chuot, sao, tim, dong-ho\u2026 (t\xEAn trong veSticker). S\u1EEDa xong b\u1EA5m V\u1EBD l\u1EA1i (~2\u20135 ph\xFAt)."));
 };
 
 // loi/vo-flow.tsx
-var PHIEN_BAN = "loi-1010R";
+var PHIEN_BAN = "loi-1010AJ";
 var TRONG = () => migrateProject({ id: crypto.randomUUID(), name: "D\u1EF1 \xE1n m\u1EDBi", scenes: [], timeline: [], images: [null, null, null] });
 var nut4 = "px-3 py-1.5 rounded-lg border border-[#2C4A73] text-[11px] font-bold text-[#A2B2C9] hover:text-[#F6D178] hover:border-[#F6D178]/60";
 var Vo = () => {