✨ feat(node): Move the node configuration to the server module

apps/admin/app/dashboard/server/node-config.tsx

@@ -14,8 +14,8 @@ import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/
 import { ArrayInput } from '@workspace/ui/custom-components/dynamic-Inputs';
 import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
 import { DicesIcon } from 'lucide-react';
-import { nanoid } from 'nanoid';
 import { useTranslations } from 'next-intl';
+import { uid } from 'radash';
 import { useMemo, useState } from 'react';
 import { Cell, Legend, Pie, PieChart } from 'recharts';
 import { toast } from 'sonner';
@@ -28,8 +28,52 @@ const COLORS = [
   'hsl(var(--chart-5))',
 ];
 
-export default function Node() {
-  const t = useTranslations('system.node');
+const MINUTES_IN_DAY = 1440; // 24 * 60
+
+function getTimeRangeData(slots: API.TimePeriod[]) {
+  const timePoints = slots
+    .flatMap((slot) => {
+      const [startH = 0, startM = 0] = slot.start_time.split(':').map(Number);
+      const [endH = 0, endM = 0] = slot.end_time.split(':').map(Number);
+      const start = startH * 60 + startM;
+      let end = endH * 60 + endM;
+      if (end < start) end += MINUTES_IN_DAY;
+      return { start, end, multiplier: slot.multiplier };
+    })
+    .sort((a, b) => a.start - b.start);
+
+  const result = [];
+  let currentMinute = 0;
+
+  timePoints.forEach((point) => {
+    if (point.start > currentMinute) {
+      result.push({
+        name: `${Math.floor(currentMinute / 60)}:${String(currentMinute % 60).padStart(2, '0')} - ${Math.floor(point.start / 60)}:${String(point.start % 60).padStart(2, '0')}`,
+        value: point.start - currentMinute,
+        multiplier: 1,
+      });
+    }
+    result.push({
+      name: `${Math.floor(point.start / 60)}:${String(point.start % 60).padStart(2, '0')} - ${Math.floor((point.end / 60) % 24)}:${String(point.end % 60).padStart(2, '0')}`,
+      value: point.end - point.start,
+      multiplier: point.multiplier,
+    });
+    currentMinute = point.end % MINUTES_IN_DAY;
+  });
+
+  if (currentMinute < MINUTES_IN_DAY) {
+    result.push({
+      name: `${Math.floor(currentMinute / 60)}:${String(currentMinute % 60).padStart(2, '0')} - 24:00`,
+      value: MINUTES_IN_DAY - currentMinute,
+      multiplier: 1,
+    });
+  }
+
+  return result;
+}
+
+export default function NodeConfig() {
+  const t = useTranslations('server.config');
 
   const { data, refetch } = useQuery({
     queryKey: ['getNodeConfig'],
@@ -68,10 +112,7 @@ export default function Node() {
   });
 
   const chartTimeSlots = useMemo(() => {
-    return timeSlots.map((slot) => ({
-      name: `${slot.start_time} - ${slot.end_time}`,
-      value: slot.multiplier,
-    }));
+    return getTimeRangeData(timeSlots);
   }, [timeSlots]);
 
   const chartConfig = useMemo(() => {
@@ -104,7 +145,9 @@ export default function Node() {
                 suffix={
                   <DicesIcon
                     onClick={() => {
-                      updateConfig('node_secret', nanoid());
+                      const id = uid(32).toLowerCase();
+                      const formatted = `${id.slice(0, 8)}-${id.slice(8, 12)}-${id.slice(12, 16)}-${id.slice(16, 20)}-${id.slice(20)}`;
+                      updateConfig('node_secret', formatted);
                     }}
                   />
                 }
@@ -136,6 +179,7 @@ export default function Node() {
               <EnhancedInput
                 type='number'
                 min={0}
+                step={0.1}
                 value={data?.node_push_interval}
                 onValueBlur={(value) => updateConfig('node_push_interval', value)}
                 placeholder={t('inputPlaceholder')}
@@ -187,8 +231,8 @@ export default function Node() {
                 outerRadius='80%'
                 fill='#8884d8'
                 dataKey='value'
-                label={({ name, percent, value }) =>
-                  `${value?.toFixed(2)}x (${(percent * 100).toFixed(0)}%)`
+                label={({ name, percent, multiplier }) =>
+                  `${multiplier?.toFixed(2)}x (${(percent * 100).toFixed(0)}%)`
                 }
               >
                 {chartTimeSlots.map((entry, index) => (
@@ -214,7 +258,7 @@ export default function Node() {
                             <span className='text-muted-foreground text-[0.70rem] uppercase'>
                               {t('multiplier')}
                             </span>
-                            <span className='font-bold'>{data.value.toFixed(2)}x</span>
+                            <span className='font-bold'>{data.multiplier.toFixed(2)}x</span>
                           </div>
                         </div>
                       </div>
@@ -236,7 +280,7 @@ export default function Node() {
                 type: 'time',
               },
               { name: 'end_time', prefix: t('endTime'), type: 'time' },
-              { name: 'multiplier', prefix: t('multiplier'), type: 'number' },
+              { name: 'multiplier', prefix: t('multiplier'), type: 'number', placeholder: '0' },
             ]}
             value={timeSlots}
             onChange={setTimeSlots}

apps/admin/app/dashboard/server/page.tsx

@@ -2,6 +2,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/componen
 import { getTranslations } from 'next-intl/server';
 
 import GroupTable from './group-table';
+import NodeConfig from './node-config';
 import NodeTable from './node-table';
 
 export default async function Page() {
@@ -12,6 +13,7 @@ export default async function Page() {
       <TabsList>
         <TabsTrigger value='node'>{t('tabs.node')}</TabsTrigger>
         <TabsTrigger value='group'>{t('tabs.nodeGroup')}</TabsTrigger>
+        <TabsTrigger value='config'>{t('tabs.nodeConfig')}</TabsTrigger>
       </TabsList>
       <TabsContent value='node'>
         <NodeTable />
@@ -19,6 +21,9 @@ export default async function Page() {
       <TabsContent value='group'>
         <GroupTable />
       </TabsContent>
+      <TabsContent value='config'>
+        <NodeConfig />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/system/page.tsx

@@ -3,7 +3,6 @@ import { getTranslations } from 'next-intl/server';
 
 import Currency from './currency';
 import Invite from './invite';
-import Node from './node';
 import Site from './site';
 import Telegram from './telegram';
 import Tos from './tos';
@@ -18,7 +17,6 @@ export default async function Page() {
         <TabsTrigger value='site'>{t('tabs.site')}</TabsTrigger>
         <TabsTrigger value='currency'>{t('tabs.currency')}</TabsTrigger>
         <TabsTrigger value='verify'>{t('tabs.verify')}</TabsTrigger>
-        <TabsTrigger value='node'>{t('tabs.node')}</TabsTrigger>
         <TabsTrigger value='invite'>{t('tabs.invite')}</TabsTrigger>
         <TabsTrigger value='telegram'>{t('tabs.telegram')}</TabsTrigger>
         <TabsTrigger value='tos'>{t('tabs.tos')}</TabsTrigger>
@@ -32,9 +30,6 @@ export default async function Page() {
       <TabsContent value='verify'>
         <Verify />
       </TabsContent>
-      <TabsContent value='node'>
-        <Node />
-      </TabsContent>
       <TabsContent value='invite'>
         <Invite />
       </TabsContent>