add: more commits

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/modules/admin/pages/assets/ViewDocumentAsset.jsx

@@ -1,12 +1,13 @@
 // modules/admin/pages/assets/ViewDocumentAsset.jsx
 
-import { useEffect, useState } from "react";
+import { useEffect } from "react";
 import { useParams, useNavigate } from "react-router-dom";
-import { ArrowLeft, Lock, Globe, FileText } from "lucide-react";
-import api from "@/utils/api.util";
+import { ArrowLeft, Lock, Globe, FileText, Download } from "lucide-react";
 import { useDateFormat } from "@/hooks/useDateFormat";
 
 import { useAssets } from "@/contexts/AdminAssetsContext";
+import { useAssetPreviewSrc } from "@/hooks/useAssetPreviewSrc";
+import { downloadAsset } from "@/utils/media.util";
 import { Spinner }   from "@/components/ui/spinner";
 import { Badge }     from "@/components/ui/badge";
 import { Button }    from "@/components/ui/button";
@@ -30,31 +31,12 @@ export default function ViewDocumentAsset() {
     const { fmtDateTime } = useDateFormat();
 
     const { selectedAsset, loading, fetchAsset } = useAssets();
-    const [streamUrl, setStreamUrl] = useState(null);
+    const { src: streamUrl } = useAssetPreviewSrc(selectedAsset, { scope: "admin" });
 
     useEffect(() => {
         if (assetId) fetchAsset(assetId);
     }, [assetId]);
 
-    useEffect(() => {
-        if (!selectedAsset) return;
-        setStreamUrl(null);
-        if (selectedAsset.storage_provider !== "s3") {
-            setStreamUrl(selectedAsset.file_url ?? null);
-            return;
-        }
-        const API_BASE = (import.meta.env.VITE_API_URL ?? "http://localhost:3024").replace(/\/$/, "");
-        // fetchAsset already embeds stream_token for S3 assets — only fall back
-        // to a token request if it's somehow missing (expired cache edge case).
-        if (selectedAsset.stream_token) {
-            setStreamUrl(`${API_BASE}/client/media/stream/${selectedAsset.stream_token}`);
-            return;
-        }
-        api.post("/admin/media/token", { asset_id: selectedAsset.asset_id })
-            .then(({ data }) => setStreamUrl(`${API_BASE}/client/media/stream/${data?.data?.token}`))
-            .catch(() => setStreamUrl(null));
-    }, [selectedAsset]);
-
     if (loading) {
         return (
             <div className="flex items-center justify-center h-96">
@@ -87,6 +69,9 @@ export default function ViewDocumentAsset() {
                     <h1 className="text-xl font-semibold truncate">{a.display_name ?? a.original_name}</h1>
                     <p className="text-sm text-muted-foreground">{a.mime_type}</p>
                 </div>
+                <Button variant="outline" size="sm" onClick={() => downloadAsset(a, { scope: "admin" })}>
+                    <Download className="h-4 w-4" /> Download
+                </Button>
             </div>
 
             <div className="grid grid-cols-1 lg:grid-cols-5 gap-6">