update

backend/app/main.py

@@ -547,7 +547,7 @@ async def upload_asset(
             # This allows the app to work even if DB has issues
             print(f"Database save warning: {db_error}")
             return {
-                "id": 1,
+                "id": "1",  # Return as string for consistency
                 "name": file.filename,
                 "file_type": file_type,
                 "product_category": product_category,
@@ -648,7 +648,7 @@ async def get_assets(
         # Merge with mock data (as requested - keep dummy content)
         mock_assets = [
             {
-                "id": 9991,
+                "id": "9991",  # Return as string for consistency
                 "name": "OCR_Demo_Screenshot.png",
                 "file_type": "image",
                 "product_category": "ocr",
@@ -657,7 +657,7 @@ async def get_assets(
                 "created_at": datetime(2024, 12, 20)
             },
             {
-                "id": 9992,
+                "id": "9992",  # Return as string for consistency
                 "name": "P2P_Workflow_Diagram.pdf",
                 "file_type": "document",
                 "product_category": "p2p",
@@ -666,7 +666,7 @@ async def get_assets(
                 "created_at": datetime(2024, 12, 19)
             },
             {
-                "id": 9993,
+                "id": "9993",  # Return as string for consistency
                 "name": "O2C_Process_Video.mp4",
                 "file_type": "video",
                 "product_category": "o2c",

frontend/src/pages/Repository.jsx

@@ -84,14 +84,14 @@ const products = [
 ];
 
 const mockAssets = [
-  { id: 1, name: 'OCR_Demo_Screenshot.png', type: 'image', product: 'ocr', subCategory: null, size: '2.4 MB', date: '2024-12-20' },
-  { id: 2, name: 'P2P_Workflow_Diagram.pdf', type: 'document', product: 'p2p', subCategory: 'Budget Approval Workflow', size: '1.8 MB', date: '2024-12-19' },
-  { id: 3, name: 'Invoice_Processing_Video.mp4', type: 'video', product: 'ocr', subCategory: null, size: '45.2 MB', date: '2024-12-18' },
-  { id: 4, name: 'Sales_Order_Infographic.png', type: 'image', product: 'o2c', subCategory: 'Sales Order Workflow', size: '3.1 MB', date: '2024-12-17' },
-  { id: 5, name: 'AP_Automation_Brochure.pdf', type: 'document', product: 'p2p', subCategory: 'Accounts Payable Workflow', size: '5.6 MB', date: '2024-12-16' },
-  { id: 6, name: 'O2C_Product_Banner.png', type: 'image', product: 'o2c', subCategory: 'Quotation Workflow', size: '1.2 MB', date: '2024-12-15' },
-  { id: 7, name: 'Document_Parsing_Demo.png', type: 'image', product: 'ocr', subCategory: null, size: '890 KB', date: '2024-12-14' },
-  { id: 8, name: 'PR_Workflow_Guide.pdf', type: 'document', product: 'p2p', subCategory: 'Purchase Request Workflow', size: '2.3 MB', date: '2024-12-13' },
+  { id: '1', name: 'OCR_Demo_Screenshot.png', type: 'image', product: 'ocr', subCategory: null, size: '2.4 MB', date: '2024-12-20' },
+  { id: '2', name: 'P2P_Workflow_Diagram.pdf', type: 'document', product: 'p2p', subCategory: 'Budget Approval Workflow', size: '1.8 MB', date: '2024-12-19' },
+  { id: '3', name: 'Invoice_Processing_Video.mp4', type: 'video', product: 'ocr', subCategory: null, size: '45.2 MB', date: '2024-12-18' },
+  { id: '4', name: 'Sales_Order_Infographic.png', type: 'image', product: 'o2c', subCategory: 'Sales Order Workflow', size: '3.1 MB', date: '2024-12-17' },
+  { id: '5', name: 'AP_Automation_Brochure.pdf', type: 'document', product: 'p2p', subCategory: 'Accounts Payable Workflow', size: '5.6 MB', date: '2024-12-16' },
+  { id: '6', name: 'O2C_Product_Banner.png', type: 'image', product: 'o2c', subCategory: 'Quotation Workflow', size: '1.2 MB', date: '2024-12-15' },
+  { id: '7', name: 'Document_Parsing_Demo.png', type: 'image', product: 'ocr', subCategory: null, size: '890 KB', date: '2024-12-14' },
+  { id: '8', name: 'PR_Workflow_Guide.pdf', type: 'document', product: 'p2p', subCategory: 'Purchase Request Workflow', size: '2.3 MB', date: '2024-12-13' },
 ];
 
 export default function Repository() {
@@ -156,8 +156,9 @@ export default function Repository() {
       if (response.ok) {
         const data = await response.json();
         // Convert API response to match mockAssets format
+        // IMPORTANT: Keep IDs as strings to preserve precision for large CockroachDB IDs
         const formattedAssets = data.map(asset => ({
-          id: asset.id,
+          id: String(asset.id),  // Explicitly convert to string to preserve precision
           name: asset.name,
           type: asset.file_type,
           product: asset.product_category,
@@ -398,6 +399,9 @@ export default function Repository() {
           const result = await response.json();
           results.push(result);
 
+          // Ensure ID is kept as string to preserve precision
+          const assetId = String(result.id);
+
           // Update progress - file uploaded, now analyzing
           setUploadProgress(prev => ({
             ...prev,
@@ -411,7 +415,7 @@ export default function Repository() {
 
           // Start polling for analysis status if it's a document/image
           if (result.file_type === 'document' || result.file_type === 'image') {
-            pollAssetStatus(result.id, file.name);
+            pollAssetStatus(assetId, file.name);
           } else {
             setUploadProgress(prev => ({
               ...prev,