feat: Implement cache token ratio for more precise token pricing

web/src/components/LogsTable.js

@@ -464,6 +464,8 @@ const LogsTable = () => {
           other.model_ratio,
           other.model_price,
           other.group_ratio,
+          other.cache_tokens || 0,
+          other.cache_ratio || 1.0,
         );
         return (
             <Paragraph
@@ -665,6 +667,8 @@ const LogsTable = () => {
             other?.audio_ratio,
             other?.audio_completion_ratio,
             other.group_ratio,
+            other.cache_tokens || 0,
+            other.cache_ratio || 1.0,
           );
         } else {
           content = renderModelPrice(
@@ -674,6 +678,8 @@ const LogsTable = () => {
             other.model_price,
             other.completion_ratio,
             other.group_ratio,
+            other.cache_tokens || 0,
+            other.cache_ratio || 1.0,
           );
         }
         expandDataLocal.push({

web/src/components/OperationSetting.js

@@ -28,6 +28,7 @@ const OperationSetting = () => {
     PreConsumedQuota: 0,
     StreamCacheQueueLength: 0,
     ModelRatio: '',
+    CacheRatio: '',
     CompletionRatio: '',
     ModelPrice: '',
     GroupRatio: '',
@@ -77,7 +78,8 @@ const OperationSetting = () => {
           item.key === 'GroupRatio' ||
           item.key === 'UserUsableGroups' ||
           item.key === 'CompletionRatio' ||
-          item.key === 'ModelPrice'
+          item.key === 'ModelPrice' ||
+          item.key === 'CacheRatio'
         ) {
           item.value = JSON.stringify(JSON.parse(item.value), null, 2);
         }