Loading dashboard data...

\n );\n }\n\n const formatMovementType = (type: string) => {\n switch (type) {\n case 'IN': return { text: 'Stock In', class: 'movement-in' };\n case 'OUT': return { text: 'Stock Out', class: 'movement-out' };\n case 'ADJUSTMENT': return { text: 'Adjustment', class: 'movement-adjustment' };\n default: return { text: type, class: '' };\n }\n };\n\n return (\n

\n {/* Header */}\n

Dashboard

\n \n 🔄 Refresh\n \n

\n\n {/* Key Metrics */}\n

\n 📦\n

Total Products

{data.total_products}

\n\n

\n 💰\n

Total Inventory Value

${data.total_value.toLocaleString()}

\n\n

0 ? 'bg-red-100' : 'bg-gray-100'}`}>\n {data.low_stock_count > 0 ? '⚠️' : '✅'}\n

Low Stock Items

0 ? 'text-red-600' : 'text-gray-900'}`}>\n {data.low_stock_count}\n

\n\n

\n {/* Recent Stock Movements */}\n

Recent Stock Movements

\n {data.recent_movements.length === 0 ? (\n

No recent movements

\n ) : (\n

\n {data.recent_movements.slice(0, 5).map((movement) => {\n const movementType = formatMovementType(movement.movement_type);\n return (\n

{movement.product_name}

SKU: {movement.product_sku}

\n {movementType.text}\n

\n {movement.movement_type === 'OUT' ? '-' : '+'}{movement.quantity}\n

\n );\n })}\n

\n )}\n

\n\n {/* Top Products by Value */}\n

Top Products by Value

\n {data.top_products.length === 0 ? (\n

No products found

\n ) : (\n

\n {data.top_products.map((product) => (\n

{product.name}

\n Stock: {product.current_stock} {product.unit_of_measure}\n {product.is_low_stock && (\n ⚠️ Low Stock\n )}\n

${product.total_value.toLocaleString()}

${product.unit_price}/unit

\n ))}\n

\n )}\n

\n\n {/* Quick Actions */}\n

Quick Actions

\n \n \n \n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/helton_munee/helton/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]