From 705617f031cb993e90b51664b31dbe1019ee04a0 Mon Sep 17 00:00:00 2001 From: "CanbiZ (MickLesk)" <47820557+MickLesk@users.noreply.github.com> Date: Wed, 1 Apr 2026 13:31:09 +0200 Subject: [PATCH 01/50] Add GeneratorTab and UI refactor/styles Introduce a full-featured GeneratorTab component for building and exporting script configuration (script selector, CPU/RAM/Disk sliders, advanced networking/features, generate/copy/export/import, and execute). Apply visual and structural UI refactors: new glass-card styles across ScriptCard, ScriptCardList, ScriptDetailModal, Terminal and Footer; update button variants and interaction classes; add Heart icon and extra footer links; update layout to use Manrope + JetBrains Mono fonts, sticky navbar, ambient backgrounds and metadata tweaks. Wire GeneratorTab into the main page and add related icon imports. Misc: small code-style/formatting adjustments and improved deriveScriptPath / handler signatures for clarity. --- src/app/_components/Footer.tsx | 56 +- src/app/_components/GeneratorTab.tsx | 935 ++++++++++++++++++++++ src/app/_components/ScriptCard.tsx | 2 +- src/app/_components/ScriptCardList.tsx | 2 +- src/app/_components/ScriptDetailModal.tsx | 41 +- src/app/_components/Terminal.tsx | 8 +- src/app/_components/ui/button.tsx | 27 +- src/app/layout.tsx | 28 +- src/app/page.tsx | 285 ++++--- src/styles/globals.css | 389 +++++---- 10 files changed, 1441 insertions(+), 332 deletions(-) create mode 100644 src/app/_components/GeneratorTab.tsx diff --git a/src/app/_components/Footer.tsx b/src/app/_components/Footer.tsx index 7d3b5e1f..255fb2df 100644 --- a/src/app/_components/Footer.tsx +++ b/src/app/_components/Footer.tsx @@ -1,8 +1,8 @@ -'use client'; +"use client"; -import { api } from '~/trpc/react'; -import { Button } from './ui/button'; -import { ExternalLink, FileText } from 'lucide-react'; +import { api } from "~/trpc/react"; +import { Button } from "./ui/button"; +import { ExternalLink, FileText, Heart } from "lucide-react"; interface FooterProps { onOpenReleaseNotes: () => void; @@ -12,50 +12,70 @@ export function Footer({ onOpenReleaseNotes }: FooterProps) { const { data: versionData } = api.version.getCurrentVersion.useQuery(); return ( -