fix(default): resolve v1 frontend issue regressions

Fix v1 frontend regressions across channel forms, dashboard charts, wallet history, payment callbacks, invite links, API key groups, rate-limit errors, and usage-log scrolling.

Fixes #4715
Fixes #4618
Fixes #4699
Fixes #4651
Fixes #4637
Fixes #4682
Fixes #4691
Fixes #4565
Fixes #4334

web/default/src/features/dashboard/components/models/consumption-distribution-chart.tsx

@@ -115,6 +115,15 @@ export function ConsumptionDistributionChart(
     ]
   )
   const spec = chartType === 'bar' ? chartData.spec_line : chartData.spec_area
+  const specType = typeof spec?.type === 'string' ? spec.type : chartType
+  const chartKey = [
+    chartType,
+    specType,
+    props.loading ? 'loading' : 'ready',
+    props.data.length,
+    resolvedTheme,
+    customization.preset,
+  ].join('-')
 
   return (
     <div className='overflow-hidden rounded-lg border'>
@@ -152,7 +161,7 @@ export function ConsumptionDistributionChart(
       <div className='h-[300px] p-1.5 sm:h-96 sm:p-2'>
         {themeReady && spec && (
           <VChart
-            key={`${chartType}-${resolvedTheme}-${customization.preset}`}
+            key={chartKey}
             spec={{
               ...spec,
               theme: resolvedTheme === 'dark' ? 'dark' : 'light',

web/default/src/features/dashboard/components/models/model-charts.tsx

@@ -114,6 +114,15 @@ export function ModelCharts(props: ModelChartsProps) {
   )
 
   const spec = chartData[CHART_SPEC_KEYS[activeTab]]
+  const specType = typeof spec?.type === 'string' ? spec.type : activeTab
+  const chartKey = [
+    activeTab,
+    specType,
+    props.loading ? 'loading' : 'ready',
+    props.data.length,
+    resolvedTheme,
+    customization.preset,
+  ].join('-')
 
   return (
     <div className='overflow-hidden rounded-lg border'>
@@ -149,7 +158,7 @@ export function ModelCharts(props: ModelChartsProps) {
       <div className='h-[300px] p-1.5 sm:h-96 sm:p-2'>
         {themeReady && spec && (
           <VChart
-            key={`${activeTab}-${resolvedTheme}-${customization.preset}`}
+            key={chartKey}
             spec={{
               ...spec,
               theme: resolvedTheme === 'dark' ? 'dark' : 'light',

web/default/src/features/dashboard/lib/charts.ts

@@ -212,7 +212,7 @@ export function processChartData(
         legends: { visible: true, selectMode: 'single' },
       },
       spec_model_line: {
-        type: 'line',
+        type: 'area',
         data: [{ id: 'lineData', values: [] }],
         xField: 'Time',
         yField: 'Count',