create-nextjs-cms 0.5.55 → 0.5.58

package/templates/default/apps/cms/node_modules/next/node_modules/_tmp_40516_de1b9f7e36eccb968b79dbd2b8c388ea/src/utilities.cc

@@ -0,0 +1,288 @@
+/*!
+  Copyright 2013 Lovell Fuller and others.
+  SPDX-License-Identifier: Apache-2.0
+*/
+
+#include <cmath>
+#include <cstdio>
+#include <string>
+
+#include <napi.h>
+#include <vips/vips8>
+#include <vips/vector.h>
+
+#include "./common.h"
+#include "./operations.h"
+#include "./utilities.h"
+
+/*
+  Get and set cache limits
+*/
+Napi::Value cache(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+
+  // Set memory limit
+  if (info[size_t(0)].IsNumber()) {
+    vips_cache_set_max_mem(info[size_t(0)].As<Napi::Number>().Int32Value() * 1048576);
+  }
+  // Set file limit
+  if (info[size_t(1)].IsNumber()) {
+    vips_cache_set_max_files(info[size_t(1)].As<Napi::Number>().Int32Value());
+  }
+  // Set items limit
+  if (info[size_t(2)].IsNumber()) {
+    vips_cache_set_max(info[size_t(2)].As<Napi::Number>().Int32Value());
+  }
+
+  // Get memory stats
+  Napi::Object memory = Napi::Object::New(env);
+  memory.Set("current", round(vips_tracked_get_mem() / 1048576));
+  memory.Set("high", round(vips_tracked_get_mem_highwater() / 1048576));
+  memory.Set("max", round(vips_cache_get_max_mem() / 1048576));
+  // Get file stats
+  Napi::Object files = Napi::Object::New(env);
+  files.Set("current", vips_tracked_get_files());
+  files.Set("max", vips_cache_get_max_files());
+
+  // Get item stats
+  Napi::Object items = Napi::Object::New(env);
+  items.Set("current", vips_cache_get_size());
+  items.Set("max", vips_cache_get_max());
+
+  Napi::Object cache = Napi::Object::New(env);
+  cache.Set("memory", memory);
+  cache.Set("files", files);
+  cache.Set("items", items);
+  return cache;
+}
+
+/*
+  Get and set size of thread pool
+*/
+Napi::Value concurrency(const Napi::CallbackInfo& info) {
+  // Set concurrency
+  if (info[size_t(0)].IsNumber()) {
+    vips_concurrency_set(info[size_t(0)].As<Napi::Number>().Int32Value());
+  }
+  // Get concurrency
+  return Napi::Number::New(info.Env(), vips_concurrency_get());
+}
+
+/*
+  Get internal counters (queued tasks, processing tasks)
+*/
+Napi::Value counters(const Napi::CallbackInfo& info) {
+  Napi::Object counters = Napi::Object::New(info.Env());
+  counters.Set("queue", static_cast<int>(sharp::counterQueue));
+  counters.Set("process", static_cast<int>(sharp::counterProcess));
+  return counters;
+}
+
+/*
+  Get and set use of SIMD vector unit instructions
+*/
+Napi::Value simd(const Napi::CallbackInfo& info) {
+  // Set state
+  if (info[size_t(0)].IsBoolean()) {
+    vips_vector_set_enabled(info[size_t(0)].As<Napi::Boolean>().Value());
+  }
+  // Get state
+  return Napi::Boolean::New(info.Env(), vips_vector_isenabled());
+}
+
+/*
+  Get libvips version
+*/
+Napi::Value libvipsVersion(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  Napi::Object version = Napi::Object::New(env);
+
+  char semver[9];
+  std::snprintf(semver, sizeof(semver), "%d.%d.%d", vips_version(0), vips_version(1), vips_version(2));
+  version.Set("semver", Napi::String::New(env, semver));
+#ifdef SHARP_USE_GLOBAL_LIBVIPS
+  version.Set("isGlobal", Napi::Boolean::New(env, true));
+#else
+  version.Set("isGlobal", Napi::Boolean::New(env, false));
+#endif
+#ifdef __EMSCRIPTEN__
+  version.Set("isWasm", Napi::Boolean::New(env, true));
+#else
+  version.Set("isWasm", Napi::Boolean::New(env, false));
+#endif
+  return version;
+}
+
+/*
+  Get available input/output file/buffer/stream formats
+*/
+Napi::Value format(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  Napi::Object format = Napi::Object::New(env);
+  for (std::string const f : {
+    "jpeg", "png", "webp", "tiff", "magick", "openslide", "dz",
+    "ppm", "fits", "gif", "svg", "heif", "pdf", "vips", "jp2k", "jxl", "rad", "dcraw"
+  }) {
+    // Input
+    const VipsObjectClass *oc = vips_class_find("VipsOperation", (f + "load").c_str());
+    Napi::Boolean hasInputFile = Napi::Boolean::New(env, oc);
+    Napi::Boolean hasInputBuffer =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "load_buffer").c_str()));
+    Napi::Object input = Napi::Object::New(env);
+    input.Set("file", hasInputFile);
+    input.Set("buffer", hasInputBuffer);
+    input.Set("stream", hasInputBuffer);
+    if (hasInputFile) {
+      const VipsForeignClass *fc = VIPS_FOREIGN_CLASS(oc);
+      if (fc->suffs) {
+        Napi::Array fileSuffix = Napi::Array::New(env);
+        const char **suffix = fc->suffs;
+        for (int i = 0; *suffix; i++, suffix++) {
+          fileSuffix.Set(i, Napi::String::New(env, *suffix));
+        }
+        input.Set("fileSuffix", fileSuffix);
+      }
+    }
+    // Output
+    Napi::Boolean hasOutputFile =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "save").c_str()));
+    Napi::Boolean hasOutputBuffer =
+      Napi::Boolean::New(env, vips_type_find("VipsOperation", (f + "save_buffer").c_str()));
+    Napi::Object output = Napi::Object::New(env);
+    output.Set("file", hasOutputFile);
+    output.Set("buffer", hasOutputBuffer);
+    output.Set("stream", hasOutputBuffer);
+    // Other attributes
+    Napi::Object container = Napi::Object::New(env);
+    container.Set("id", f);
+    container.Set("input", input);
+    container.Set("output", output);
+    // Add to set of formats
+    format.Set(f, container);
+  }
+
+  // Raw, uncompressed data
+  Napi::Boolean supported = Napi::Boolean::New(env, true);
+  Napi::Boolean unsupported = Napi::Boolean::New(env, false);
+  Napi::Object rawInput = Napi::Object::New(env);
+  rawInput.Set("file", unsupported);
+  rawInput.Set("buffer", supported);
+  rawInput.Set("stream", supported);
+  Napi::Object rawOutput = Napi::Object::New(env);
+  rawOutput.Set("file", unsupported);
+  rawOutput.Set("buffer", supported);
+  rawOutput.Set("stream", supported);
+  Napi::Object raw = Napi::Object::New(env);
+  raw.Set("id", "raw");
+  raw.Set("input", rawInput);
+  raw.Set("output", rawOutput);
+  format.Set("raw", raw);
+
+  return format;
+}
+
+/*
+  (Un)block libvips operations at runtime.
+*/
+void block(const Napi::CallbackInfo& info) {
+  Napi::Array ops = info[size_t(0)].As<Napi::Array>();
+  bool const state = info[size_t(1)].As<Napi::Boolean>().Value();
+  for (unsigned int i = 0; i < ops.Length(); i++) {
+    vips_operation_block_set(ops.Get(i).As<Napi::String>().Utf8Value().c_str(), state);
+  }
+}
+
+/*
+  Synchronous, internal-only method used by some of the functional tests.
+  Calculates the maximum colour distance using the DE2000 algorithm
+  between two images of the same dimensions and number of channels.
+*/
+Napi::Value _maxColourDistance(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+
+  // Open input files
+  VImage image1;
+  sharp::ImageType imageType1 = sharp::DetermineImageType(info[size_t(0)].As<Napi::String>().Utf8Value().data());
+  if (imageType1 != sharp::ImageType::UNKNOWN) {
+    try {
+      image1 = VImage::new_from_file(info[size_t(0)].As<Napi::String>().Utf8Value().c_str());
+    } catch (...) {
+      throw Napi::Error::New(env, "Input file 1 has corrupt header");
+    }
+  } else {
+    throw Napi::Error::New(env, "Input file 1 is of an unsupported image format");
+  }
+  VImage image2;
+  sharp::ImageType imageType2 = sharp::DetermineImageType(info[size_t(1)].As<Napi::String>().Utf8Value().data());
+  if (imageType2 != sharp::ImageType::UNKNOWN) {
+    try {
+      image2 = VImage::new_from_file(info[size_t(1)].As<Napi::String>().Utf8Value().c_str());
+    } catch (...) {
+      throw Napi::Error::New(env, "Input file 2 has corrupt header");
+    }
+  } else {
+    throw Napi::Error::New(env, "Input file 2 is of an unsupported image format");
+  }
+  // Ensure same number of channels
+  if (image1.bands() != image2.bands()) {
+    throw Napi::Error::New(env, "mismatchedBands");
+  }
+  // Ensure same dimensions
+  if (image1.width() != image2.width() || image1.height() != image2.height()) {
+    throw Napi::Error::New(env, "mismatchedDimensions");
+  }
+
+  double maxColourDistance;
+  try {
+    // Premultiply and remove alpha
+    if (image1.has_alpha()) {
+      image1 = image1.premultiply().extract_band(1, VImage::option()->set("n", image1.bands() - 1));
+    }
+    if (image2.has_alpha()) {
+      image2 = image2.premultiply().extract_band(1, VImage::option()->set("n", image2.bands() - 1));
+    }
+    // Calculate colour distance
+    maxColourDistance = image1.dE00(image2).max();
+  } catch (vips::VError const &err) {
+    throw Napi::Error::New(env, err.what());
+  }
+
+  // Clean up libvips' per-request data and threads
+  vips_error_clear();
+  vips_thread_shutdown();
+
+  return Napi::Number::New(env, maxColourDistance);
+}
+
+#if defined(__GNUC__)
+// mallctl will be resolved by the runtime linker when jemalloc is being used
+extern "C" {
+  int mallctl(const char *name, void *oldp, size_t *oldlenp, void *newp, size_t newlen) __attribute__((weak));
+}
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  return Napi::Boolean::New(env, mallctl != nullptr);
+}
+#else
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  return Napi::Boolean::New(env, false);
+}
+#endif
+
+#if defined(__GNUC__) && defined(__x86_64__)
+// Are SSE 4.2 intrinsics available at runtime?
+Napi::Value _isUsingX64V2(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  unsigned int eax, ebx, ecx, edx;
+  __asm__ __volatile__("cpuid"
+    : "=a"(eax), "=b"(ebx), "=c"(ecx), "=d"(edx)
+    : "a"(1));
+  return Napi::Boolean::New(env, (ecx & 1U << 20) != 0);
+}
+#else
+Napi::Value _isUsingX64V2(const Napi::CallbackInfo& info) {
+  Napi::Env env = info.Env();
+  return Napi::Boolean::New(env, false);
+}
+#endif

package/templates/default/apps/cms/node_modules/next/node_modules/_tmp_40516_de1b9f7e36eccb968b79dbd2b8c388ea/src/utilities.h

@@ -0,0 +1,22 @@
+/*!
+  Copyright 2013 Lovell Fuller and others.
+  SPDX-License-Identifier: Apache-2.0
+*/
+
+#ifndef SRC_UTILITIES_H_
+#define SRC_UTILITIES_H_
+
+#include <napi.h>
+
+Napi::Value cache(const Napi::CallbackInfo& info);
+Napi::Value concurrency(const Napi::CallbackInfo& info);
+Napi::Value counters(const Napi::CallbackInfo& info);
+Napi::Value simd(const Napi::CallbackInfo& info);
+Napi::Value libvipsVersion(const Napi::CallbackInfo& info);
+Napi::Value format(const Napi::CallbackInfo& info);
+void block(const Napi::CallbackInfo& info);
+Napi::Value _maxColourDistance(const Napi::CallbackInfo& info);
+Napi::Value _isUsingJemalloc(const Napi::CallbackInfo& info);
+Napi::Value _isUsingX64V2(const Napi::CallbackInfo& info);
+
+#endif  // SRC_UTILITIES_H_

package/templates/default/components/BrowsePage.tsx

@@ -31,13 +31,13 @@ export default function BrowsePage({ section, page }: { section: string; page: s
 
     return (
         <div>
-            <div className='relative z-1 border-b-2 p-8 pt-12 font-extrabold text-foreground'>
-                <div className='absolute left-0 top-0 z-2 h-4 w-full bg-linear-to-r from-sky-300 via-gray-300 to-blue-400'></div>
+            <div className='text-foreground relative z-1 border-b-2 p-8 pt-12 font-extrabold'>
+                <div className='absolute top-0 left-0 z-2 h-4 w-full bg-linear-to-r from-sky-300 via-gray-300 to-blue-400'></div>
                 <h1 className='text-3xl'>{data?.section?.title}</h1>
             </div>
             <div className='p-4'>
                 {data?.section?.hasSearch ? (
-                    <Card className='mb-4 border border-accent-foreground'>
+                    <Card className='border-accent-foreground mb-4 border'>
                         <form
                             onSubmit={(event) => {
                                 event.preventDefault()
@@ -95,7 +95,7 @@ export default function BrowsePage({ section, page }: { section: string; page: s
                                     ))}
                                 </div>
                             ) : (
-                                <Alert variant='default' className='my-8 bg-primary text-primary-foreground'>
+                                <Alert variant='default' className='bg-primary text-primary-foreground my-8'>
                                     <AlertDescription className='font-bold'>{getString('noItems')}</AlertDescription>
                                 </Alert>
                             )}

package/templates/default/components/DashboardNewPage.tsx

@@ -0,0 +1,252 @@
+'use client'
+
+import React from 'react'
+import getString from 'nextjs-cms/translations'
+import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js'
+import { LiveUsersCount } from '@/components/analytics/LiveUsersCount'
+import { TotalPageViews } from '@/components/analytics/TotalPageViews'
+import { TotalSessions } from '@/components/analytics/TotalSessions'
+import { TotalUniqueUsers } from '@/components/analytics/TotalUniqueUsers'
+import ContainerBox from '@/components/ContainerBox'
+import LoadingSpinners from '@/components/LoadingSpinners'
+import { trpc } from '@/app/_trpc/client'
+import Link from 'next/link'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { PlusCircle, FileText, BarChart3, Users, Settings, Eye } from 'lucide-react'
+
+ChartJS.register(ArcElement, Tooltip, Legend)
+
+const DashboardNewPage = () => {
+    // Analytics date range - last 30 days
+    const [fromDate, setFromDate] = React.useState<Date | string>('30daysAgo')
+    const [toDate, setToDate] = React.useState<Date | string>('today')
+
+    // Get available sections
+    const { data: sectionsData, isLoading: sectionsLoading } = trpc.hasItemsSections.listItems.useQuery({
+        section: 'settings', // This might give us section metadata
+        page: 1,
+        limit: 100,
+    })
+
+    return (
+        <div className='w-full'>
+            <div className='text-foreground bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+                <h1 className='text-3xl'>{getString('dashboard')}</h1>
+                <p className='mt-2 text-lg opacity-90'>Content Management System Overview</p>
+            </div>
+
+            <div className='flex flex-col gap-6 p-6'>
+                {/* Analytics Overview */}
+                <div>
+                    <h2 className='mb-4 flex items-center gap-2 text-2xl font-semibold'>
+                        <BarChart3 className='h-6 w-6' />
+                        Analytics Overview
+                    </h2>
+                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-2 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
+                        <LiveUsersCount />
+                        <TotalPageViews fromDate={fromDate} toDate={toDate} />
+                        <TotalSessions fromDate={fromDate} toDate={toDate} />
+                        <TotalUniqueUsers fromDate={fromDate} toDate={toDate} />
+                    </div>
+                </div>
+
+                {/* Content Statistics */}
+                <div>
+                    <h2 className='mb-4 flex items-center gap-2 text-2xl font-semibold'>
+                        <FileText className='h-6 w-6' />
+                        Content Statistics
+                    </h2>
+                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-3 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
+                        <Card>
+                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
+                                <CardTitle className='text-sm font-medium'>Total Cars</CardTitle>
+                                <FileText className='text-muted-foreground h-4 w-4' />
+                            </CardHeader>
+                            <CardContent>
+                                <div className='text-2xl font-bold'>1,234</div>
+                                <p className='text-muted-foreground text-xs'>+20.1% from last month</p>
+                            </CardContent>
+                        </Card>
+
+                        <Card>
+                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
+                                <CardTitle className='text-sm font-medium'>Real Estate</CardTitle>
+                                <FileText className='text-muted-foreground h-4 w-4' />
+                            </CardHeader>
+                            <CardContent>
+                                <div className='text-2xl font-bold'>856</div>
+                                <p className='text-muted-foreground text-xs'>+15.3% from last month</p>
+                            </CardContent>
+                        </Card>
+
+                        <Card>
+                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
+                                <CardTitle className='text-sm font-medium'>Jobs</CardTitle>
+                                <FileText className='text-muted-foreground h-4 w-4' />
+                            </CardHeader>
+                            <CardContent>
+                                <div className='text-2xl font-bold'>432</div>
+                                <p className='text-muted-foreground text-xs'>+7.2% from last month</p>
+                            </CardContent>
+                        </Card>
+
+                        <Card>
+                            <CardHeader className='flex flex-row items-center justify-between space-y-0 pb-2'>
+                                <CardTitle className='text-sm font-medium'>Services</CardTitle>
+                                <FileText className='text-muted-foreground h-4 w-4' />
+                            </CardHeader>
+                            <CardContent>
+                                <div className='text-2xl font-bold'>298</div>
+                                <p className='text-muted-foreground text-xs'>+12.5% from last month</p>
+                            </CardContent>
+                        </Card>
+                    </div>
+                </div>
+
+                {/* Recent Activity */}
+                <div>
+                    <h2 className='mb-4 text-2xl font-semibold'>Recent Activity</h2>
+                    <Card>
+                        <CardHeader>
+                            <CardTitle>Latest Content Updates</CardTitle>
+                            <CardDescription>Recently added or modified items across all sections</CardDescription>
+                        </CardHeader>
+                        <CardContent>
+                            <div className='space-y-4'>
+                                <div className='flex items-center justify-between border-b pb-2'>
+                                    <div>
+                                        <p className='font-medium'>2024 BMW X5 - Cars Section</p>
+                                        <p className='text-muted-foreground text-sm'>Added 2 hours ago</p>
+                                    </div>
+                                    <Button variant='outline' size='sm' asChild>
+                                        <Link href='/browse/cars/1'>
+                                            <Eye className='mr-1 h-4 w-4' />
+                                            View
+                                        </Link>
+                                    </Button>
+                                </div>
+
+                                <div className='flex items-center justify-between border-b pb-2'>
+                                    <div>
+                                        <p className='font-medium'>3BR Apartment in Downtown - Real Estate</p>
+                                        <p className='text-muted-foreground text-sm'>Added 4 hours ago</p>
+                                    </div>
+                                    <Button variant='outline' size='sm' asChild>
+                                        <Link href='/browse/real-estate/1'>
+                                            <Eye className='mr-1 h-4 w-4' />
+                                            View
+                                        </Link>
+                                    </Button>
+                                </div>
+
+                                <div className='flex items-center justify-between border-b pb-2'>
+                                    <div>
+                                        <p className='font-medium'>Software Developer Position - Jobs</p>
+                                        <p className='text-muted-foreground text-sm'>Added 6 hours ago</p>
+                                    </div>
+                                    <Button variant='outline' size='sm' asChild>
+                                        <Link href='/browse/jobs/1'>
+                                            <Eye className='mr-1 h-4 w-4' />
+                                            View
+                                        </Link>
+                                    </Button>
+                                </div>
+                            </div>
+                        </CardContent>
+                    </Card>
+                </div>
+
+                {/* Quick Actions */}
+                <div>
+                    <h2 className='mb-4 text-2xl font-semibold'>Quick Actions</h2>
+                    <div className='sm-sidebar:grid-cols-2 md-sidebar:grid-cols-3 lg-sidebar:grid-cols-4 grid grid-cols-1 gap-4'>
+                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
+                            <CardHeader>
+                                <CardTitle className='flex items-center gap-2'>
+                                    <PlusCircle className='h-5 w-5' />
+                                    Add New Car
+                                </CardTitle>
+                                <CardDescription>Create a new car listing</CardDescription>
+                            </CardHeader>
+                            <CardContent>
+                                <Button asChild className='w-full'>
+                                    <Link href='/new/cars'>Create Car Listing</Link>
+                                </Button>
+                            </CardContent>
+                        </Card>
+
+                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
+                            <CardHeader>
+                                <CardTitle className='flex items-center gap-2'>
+                                    <PlusCircle className='h-5 w-5' />
+                                    Add Real Estate
+                                </CardTitle>
+                                <CardDescription>Create a new property listing</CardDescription>
+                            </CardHeader>
+                            <CardContent>
+                                <Button asChild className='w-full'>
+                                    <Link href='/new/real-estate'>Create Property</Link>
+                                </Button>
+                            </CardContent>
+                        </Card>
+
+                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
+                            <CardHeader>
+                                <CardTitle className='flex items-center gap-2'>
+                                    <Users className='h-5 w-5' />
+                                    Manage Admins
+                                </CardTitle>
+                                <CardDescription>View and manage administrators</CardDescription>
+                            </CardHeader>
+                            <CardContent>
+                                <Button asChild variant='outline' className='w-full'>
+                                    <Link href='/admins'>Manage Admins</Link>
+                                </Button>
+                            </CardContent>
+                        </Card>
+
+                        <Card className='cursor-pointer transition-shadow hover:shadow-md'>
+                            <CardHeader>
+                                <CardTitle className='flex items-center gap-2'>
+                                    <BarChart3 className='h-5 w-5' />
+                                    View Analytics
+                                </CardTitle>
+                                <CardDescription>Detailed analytics and insights</CardDescription>
+                            </CardHeader>
+                            <CardContent>
+                                <Button asChild variant='outline' className='w-full'>
+                                    <Link href='/analytics'>View Analytics</Link>
+                                </Button>
+                            </CardContent>
+                        </Card>
+                    </div>
+                </div>
+
+                {/* System Status */}
+                <div>
+                    <h2 className='mb-4 text-2xl font-semibold'>System Status</h2>
+                    <div className='grid grid-cols-1 gap-4 md:grid-cols-2'>
+                        <ContainerBox title='Database Status'>
+                            <div className='flex items-center gap-2'>
+                                <div className='h-3 w-3 rounded-full bg-green-500'></div>
+                                <span>Connected</span>
+                            </div>
+                            <p className='text-muted-foreground mt-2 text-sm'>All database connections are healthy</p>
+                        </ContainerBox>
+
+                        <ContainerBox title='Cache Status'>
+                            <div className='flex items-center gap-2'>
+                                <div className='h-3 w-3 rounded-full bg-green-500'></div>
+                                <span>Operational</span>
+                            </div>
+                            <p className='text-muted-foreground mt-2 text-sm'>Caching system is functioning properly</p>
+                        </ContainerBox>
+                    </div>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default DashboardNewPage

package/templates/default/components/Layout.tsx

@@ -18,7 +18,7 @@ function Layout({ children }: { children: React.ReactNode }) {
     return (
         <div
             className={classNames({
-                'flex min-h-screen flex-col bg-background text-foreground': true,
+                'bg-background text-foreground flex min-h-screen flex-col': true,
                 'overflow-hidden': true,
             })}
         >
@@ -38,7 +38,7 @@ function Layout({ children }: { children: React.ReactNode }) {
                         {showMobileSidebar && (
                             // Display a black transparent div to close the sidebar when clicked outside
                             <div
-                                className='fixed left-0 top-0 z-15 h-full w-full bg-black/80 md:hidden'
+                                className='fixed top-0 left-0 z-15 h-full w-full bg-black/80 md:hidden'
                                 onClick={() => setShowMobileSidebar(false)}
                             ></div>
                         )}

package/templates/default/components/LogPage.tsx

@@ -6,12 +6,11 @@ import React from 'react'
 export default function LogPage() {
     return (
         <div className='w-full'>
-            <div className='bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold text-foreground dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
+            <div className='text-foreground bg-linear-to-r from-sky-200 via-emerald-300 to-blue-600 p-8 font-extrabold dark:from-blue-800 dark:via-amber-700 dark:to-rose-900'>
                 <h1 className='text-3xl'>{getString('logs')}</h1>
             </div>
 
-            <div className='flex flex-col gap-2 p-4'>
-            </div>
+            <div className='flex flex-col gap-2 p-4'></div>
         </div>
     )
 }