assets and tier plans revamp

src/components/generic/TranscodeStatusBanner.jsx

@@ -0,0 +1,22 @@
+// components/generic/TranscodeStatusBanner.jsx
+//
+// Small inline notice for a video asset's background remux (see backend
+// services/assetTranscode.service.js) — .mov/.mkv uploads get repackaged
+// into a faststart .mp4 for fast in-browser playback. Non-blocking: the
+// asset still plays from its original (slower) file while this is pending/
+// processing, this banner is just a heads-up. Renders nothing once the
+// asset is "done"/"none" (fast already) — "failed" also renders nothing,
+// the asset just quietly keeps playing from the original.
+
+import { Loader2 } from "lucide-react";
+
+export function TranscodeStatusBanner({ status }) {
+    if (status !== "pending" && status !== "processing") return null;
+
+    return (
+        <div className="flex items-center gap-2 px-3 py-2 text-xs text-muted-foreground bg-muted/40 border-b">
+            <Loader2 className="size-3.5 animate-spin" />
+            Optimizing this video for faster playback — still watchable now, will load quicker shortly.
+        </div>
+    );
+}