fix(admin): resolve moderation, gift, and admin-panel bugs from QA

- scam/fake: enforce mutual exclusivity (scam precedence) at TL conversion, admin command, and UI toggles; both flags could render as neither
- scam/fake flicker: persist scam/fake in the Redis user base cache so cache hits no longer drop the flags
- getSavedStarGifts: hidden (unsaved) gifts are now force-excluded for non-owner viewers; same guard for get-by-ref
- convertStarGift: map already-upgraded/owner-invalid/unavailable to a clean client error instead of 500
- channel force-settings: send only changed fields (partial patch) and re-sync toggles after reload, so one setting no longer resets another
- give gifts: removed custom collectible numbers (auto sequential only); locked sender to the system account 777000
- give gifts UI: fixed picker card spacing/right gap; static (hover-play) Lottie previews on emoji + picker to stop render lag; fixed emoji ID field overflow

cmd/telesrv-admin/web/src/pages/EmojiPage.tsx

@@ -1,7 +1,7 @@
-import lottie from "lottie-web/build/player/lottie_light_canvas";
 import { Check, ChevronRight, Copy, Loader2, RefreshCw, Search } from "lucide-react";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { api, errorMessage } from "../api";
+import { StaticLottie } from "../components/StaticLottie";
 import { Alert, Metric, PageFrame, QueryPanel } from "../components/ui";
 import { useI18n } from "../i18n";
 import type { EmojiListResponse, EmojiRow } from "../types";
@@ -18,38 +18,25 @@ function isAnimated(mime: string): boolean {
 }
 
 function EmojiPreview({ row }: { row: EmojiRow }) {
-  const host = useRef<HTMLDivElement>(null);
-  const animation = useRef<ReturnType<typeof lottie.loadAnimation> | null>(null);
   const [failed, setFailed] = useState(!isAnimated(row.MimeType));
 
   useEffect(() => {
-    if (!isAnimated(row.MimeType)) {
-      setFailed(true);
-      return;
-    }
-    let cancelled = false;
-    api.emojiAnimation(row.DocumentID).then((data) => {
-      if (cancelled || !host.current) return;
-      animation.current?.destroy();
-      animation.current = lottie.loadAnimation({
-        container: host.current,
-        renderer: "canvas",
-        loop: true,
-        autoplay: true,
-        animationData: structuredClone(data)
-      });
-    }).catch(() => setFailed(true));
-    return () => {
-      cancelled = true;
-      animation.current?.destroy();
-      animation.current = null;
-    };
+    setFailed(!isAnimated(row.MimeType));
   }, [row.DocumentID, row.MimeType]);
 
   if (failed) {
     return <div className="emoji-glyph">{row.Alt || "🙂"}</div>;
   }
-  return <div className="emoji-anim" ref={host} />;
+  // Render a static first frame (plays only on hover) so a full grid of emoji
+  // does not keep every Lottie canvas animating and lag the page.
+  return (
+    <StaticLottie
+      className="emoji-anim"
+      cacheKey={row.DocumentID}
+      loader={() => api.emojiAnimation(row.DocumentID)}
+      onError={() => setFailed(true)}
+    />
+  );
 }
 
 function EmojiCard({ row }: { row: EmojiRow }) {

cmd/telesrv-admin/web/src/pages/GiveGiftForm.tsx

@@ -20,7 +20,6 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
   const [kind, setKind] = useState<RecipientKind>("user");
   const [user, setUser] = useState<AccountRow | null>(null);
   const [channel, setChannel] = useState<ChannelRow | null>(null);
-  const [sender, setSender] = useState(SYSTEM_SENDER);
   const [message, setMessage] = useState("");
   const [hideName, setHideName] = useState(false);
   const [upgrade, setUpgrade] = useState(false);
@@ -29,7 +28,6 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
   const [modelID, setModelID] = useState("0");
   const [patternID, setPatternID] = useState("0");
   const [backdropID, setBackdropID] = useState("0");
-  const [num, setNum] = useState("");
   const [reason, setReason] = useState("");
   const [result, setResult] = useState<CommandResult | null>(null);
   const [error, setError] = useState("");
@@ -47,7 +45,6 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
     setModelID("0");
     setPatternID("0");
     setBackdropID("0");
-    setNum("");
     setResult(null);
     setError("");
   }, [gift.GiftID]);
@@ -63,11 +60,10 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
   }, [upgradable, preview, gift.GiftID]);
 
   function buildPayload(confirm: boolean): Record<string, unknown> {
-    const senderID = Number.parseInt(sender.trim() || SYSTEM_SENDER, 10);
-    const parsedNum = Number.parseInt(num.trim(), 10);
     return {
       gift_id: gift.GiftID,
-      sender_user_id: Number.isFinite(senderID) ? senderID : 0,
+      // Gifts are always sent from the official system account (777000).
+      sender_user_id: Number(SYSTEM_SENDER),
       user_id: kind === "user" ? recipientID : 0,
       channel_id: kind === "channel" ? recipientID : 0,
       hide_name: hideName,
@@ -76,13 +72,12 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
       model_attribute_id: upgradable ? modelID : "0",
       pattern_attribute_id: upgradable ? patternID : "0",
       backdrop_attribute_id: upgradable ? backdropID : "0",
-      num: upgradable && Number.isFinite(parsedNum) && parsedNum > 0 ? parsedNum : 0,
       reason: reason.trim(),
       confirm
     };
   }
 
-  const previewPayload = useMemo(() => buildPayload(false), [gift.GiftID, kind, recipientID, sender, message, hideName, upgrade, modelID, patternID, backdropID, num, reason]);
+  const previewPayload = useMemo(() => buildPayload(false), [gift.GiftID, kind, recipientID, message, hideName, upgrade, modelID, patternID, backdropID, reason]);
   const canConfirm = result?.dry_run && !result.error;
 
   async function run(confirm: boolean) {
@@ -134,7 +129,7 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
 
       <label className="form-field">
         <span>{t("giveGift.sender")}</span>
-        <input value={sender} inputMode="numeric" onChange={(event) => { setSender(event.target.value.replace(/[^0-9]/g, "")); setResult(null); }} placeholder={SYSTEM_SENDER} />
+        <input value={SYSTEM_SENDER} disabled readOnly />
         <small className="field-hint">{t("giveGift.senderHint")}</small>
       </label>
 
@@ -152,7 +147,7 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
       {kind === "user" && (
         <>
           <label className="gift-switch">
-            <input type="checkbox" checked={upgrade} onChange={(event) => { setUpgrade(event.target.checked); if (!event.target.checked) { setModelID("0"); setPatternID("0"); setBackdropID("0"); setNum(""); } setResult(null); }} />
+            <input type="checkbox" checked={upgrade} onChange={(event) => { setUpgrade(event.target.checked); if (!event.target.checked) { setModelID("0"); setPatternID("0"); setBackdropID("0"); } setResult(null); }} />
             <span className="gift-switch-track" aria-hidden="true"><span /></span>
             <span>{t("giveGift.upgrade")}</span>
           </label>
@@ -181,10 +176,6 @@ export function GiveGiftForm({ gift, onDone }: { gift: StarGiftRow; onDone?: ()
                   {(preview.backdrops ?? []).map((attr) => <option key={attr.id} value={attr.id}>{attrLabel(attr)}</option>)}
                 </select>
               </label>
-              <label>
-                <span>{t("giveGift.number")}</span>
-                <input type="number" min="1" max={preview.supply_total ?? undefined} value={num} placeholder={t("giveGift.numberAuto")} onChange={(event) => { setNum(event.target.value.replace(/[^0-9]/g, "")); setResult(null); }} />
-              </label>
             </div>
           )}
         </>

cmd/telesrv-admin/web/src/pages/GiveGiftsPage.tsx

@@ -1,10 +1,10 @@
 import { Gift, RefreshCw, Search } from "lucide-react";
 import { useEffect, useMemo, useState } from "react";
 import { api, errorMessage } from "../api";
+import { StaticLottie } from "../components/StaticLottie";
 import { Alert, Badge, PageFrame } from "../components/ui";
 import { useI18n } from "../i18n";
 import type { StarGiftRow } from "../types";
-import { LottiePreview } from "./GiftsPage";
 import { GiveGiftForm } from "./GiveGiftForm";
 
 export function GiveGiftsPage() {
@@ -58,13 +58,13 @@ export function GiveGiftsPage() {
                 <button key={gift.GiftID} type="button" role="option" aria-selected={active}
                   className={`give-gift-option ${active ? "selected" : ""} ${gift.Enabled ? "" : "gift-row-disabled"}`}
                   onClick={() => setSelected(gift)}>
-                  <LottiePreview giftID={gift.GiftID} revision={gift.Revision} compact />
+                  <StaticLottie className="give-gift-thumb" cacheKey={`${gift.GiftID}:${gift.Revision}`} loader={() => api.giftAnimation(gift.GiftID)} />
                   <span className="give-gift-option-info">
                     <strong>{gift.Title || `Gift #${gift.GiftID}`}</strong>
                     <span className="mono">#{gift.GiftID}</span>
-                    <span className="give-gift-option-meta">
-                      {gift.Enabled ? <Badge>⭐ {gift.Stars}</Badge> : <Badge tone="neutral">{t("common.disabled")}</Badge>}
-                    </span>
+                  </span>
+                  <span className="give-gift-option-price">
+                    {gift.Enabled ? <Badge>⭐ {gift.Stars}</Badge> : <Badge tone="neutral">{t("common.disabled")}</Badge>}
                   </span>
                 </button>
               );