nipsysdev · nipsysdev · Sep 2, 2025 · Sep 2, 2025 · Sep 2, 2025 · Sep 2, 2025
diff --git a/.github/instructions/ai.instructions.md b/.github/instructions/ai.instructions.md
diff --git a/README.md b/README.md
@@ -26,8 +26,9 @@ Still a work in progress, but it already lives on the InterPlanetary FileSystem:
 - [x] responsive design
 - [x] internationalization
 - [x] automatic deployment on IPFS
-- [] content is still being written
-- [] pages are still being added & refined
+- [ ] UI still needs to be improved
+- [ ] content is still being written
+- [ ] pages are still being added & refined
 
 ## commands
 

diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
     "postinstall": "lefthook install"
   },
   "dependencies": {
-    "@acid-info/lsd-react": "0.2.0-beta.4",
+    "@nipsysdev/lsd-react": "0.2.0-beta.4-dev1",
     "next": "^15.5.2",
     "next-intl": "^4.3.5",
     "postcss": "^8.5.6",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/[locale]/contribs/page.tsx b/src/app/[locale]/contribs/page.tsx
@@ -0,0 +1,10 @@
+import Contribs from '@/components/contribs/Contribs';
+import type { RouteData } from '@/types/routing';
+import { setPageMeta } from '@/utils/metadata-utils';
+
+export const generateMetadata = async (routeData: RouteData) =>
+  await setPageMeta(routeData, 'contribs');
+
+export default function ContribsPage() {
+  return <Contribs />;
+}
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -1,8 +1,7 @@
 import { notFound } from 'next/navigation';
 import { hasLocale, NextIntlClientProvider } from 'next-intl';
 import { setRequestLocale } from 'next-intl/server';
-import Header from '@/components/layout/Header';
-import TerminalWindow from '@/components/layout/TermWindow';
+import MainWrapper from '@/components/layout/MainWrapper';
 import { routing } from '@/i18n/intl';
 import type { RouteData } from '@/types/routing';
 import { setPageMeta } from '@/utils/metadata-utils';
@@ -29,13 +28,7 @@ export default async function Layout({
 
   return (
     <NextIntlClientProvider>
-      <main className="flex flex-col gap-y-(--lsd-spacing-40) w-5xl mx-auto max-w-full p-3 sm:p-5 h-screen">
-        <Header />
-
-        <div className="w-full sm:w-4/5 mx-auto overflow-hidden flex-auto">
-          <TerminalWindow>{children}</TerminalWindow>
-        </div>
-      </main>
+      <MainWrapper>{children}</MainWrapper>
     </NextIntlClientProvider>
   );
 }
diff --git a/src/app/[locale]/mission/page.tsx b/src/app/[locale]/mission/page.tsx
diff --git a/src/app/[locale]/web2work/page.tsx b/src/app/[locale]/web2work/page.tsx
@@ -0,0 +1,10 @@
+import Web2work from '@/components/web2work/Web2work';
+import type { RouteData } from '@/types/routing';
+import { setPageMeta } from '@/utils/metadata-utils';
+
+export const generateMetadata = async (routeData: RouteData) =>
+  await setPageMeta(routeData, 'web2work');
+
+export default function Web3workPage() {
+  return <Web2work />;
+}
diff --git a/src/app/[locale]/web3work/page.tsx b/src/app/[locale]/web3work/page.tsx
@@ -0,0 +1,10 @@
+import Web3work from '@/components/web3work/Web3work';
+import type { RouteData } from '@/types/routing';
+import { setPageMeta } from '@/utils/metadata-utils';
+
+export const generateMetadata = async (routeData: RouteData) =>
+  await setPageMeta(routeData, 'web3work');
+
+export default function Web3workPage() {
+  return <Web3work />;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,11 +1,9 @@
-import { LsdThemeStyles } from '@acid-info/lsd-react/theme';
 import { getTranslations } from 'next-intl/server';
 import { AppStateProvider } from '@/contexts/AppContext';
 import 'tailwindcss/index.css';
-import '@acid-info/lsd-react/css';
-
-// Initialize chunk retry manager for IPFS deployment
+import '@nipsysdev/lsd-react/css';
 import '@/utils/chunk-retry';
+import { LsdThemeStyles } from '@nipsysdev/lsd-react/theme';
 
 export async function generateMetadata() {
   const tMeta = await getTranslations({ locale: 'en', namespace: 'Metadata' });
@@ -31,7 +29,7 @@ export default function RootLayout({
         <meta name="theme-color" content="#000000" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
       </head>
-      <body className="bg-black h-screen w-screen monospace">
+      <body className="bg-black h-dvh w-screen monospace">
         <AppStateProvider>{children}</AppStateProvider>
       </body>
     </html>

diff --git a/src/components/__tests__/LoadSequence.test.tsx b/src/components/__tests__/LoadSequence.test.tsx
@@ -3,7 +3,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import LoadSequence from '../LoadSequence';
 
 // Mock Typography component
-vi.mock('@acid-info/lsd-react/client/Typography', () => ({
+vi.mock('@nipsysdev/lsd-react/client/Typography', () => ({
   Typography: ({ children, ...props }: { children: React.ReactNode }) => (
     <div {...props}>{children}</div>
   ),

diff --git a/src/components/cmd-outputs/ContribsOutput.tsx b/src/components/cmd-outputs/ContribsOutput.tsx
@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import type { CommandOutputProps } from '@/types/terminal';
+import Contribs from '../contribs/Contribs';
+
+export default class ContribsOutput extends Component<CommandOutputProps> {
+  render() {
+    return <Contribs />;
+  }
+}
diff --git a/src/components/cmd-outputs/HelpOutput.tsx b/src/components/cmd-outputs/HelpOutput.tsx
@@ -1,4 +1,4 @@
-import { Typography } from '@acid-info/lsd-react/client/Typography';
+import { Typography } from '@nipsysdev/lsd-react/client/Typography';
 import { Component } from 'react';
 import { Commands } from '@/constants/commands';
 import type { CommandOutputProps } from '@/types/terminal';

diff --git a/src/components/cmd-outputs/Web2workOutput.tsx b/src/components/cmd-outputs/Web2workOutput.tsx
@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import type { CommandOutputProps } from '@/types/terminal';
+import Web2work from '../web2work/Web2work';
+
+export default class Web2workOutput extends Component<CommandOutputProps> {
+  render() {
+    return <Web2work />;
+  }
+}
diff --git a/src/components/cmd-outputs/Web3MissionOutput.tsx b/src/components/cmd-outputs/Web3MissionOutput.tsx
diff --git a/src/components/cmd-outputs/Web3workOutput.tsx b/src/components/cmd-outputs/Web3workOutput.tsx
@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import type { CommandOutputProps } from '@/types/terminal';
+import Web3work from '../web3work/Web3work';
+
+export default class Web3workOutput extends Component<CommandOutputProps> {
+  render() {
+    return <Web3work />;
+  }
+}
diff --git a/src/components/cmd-outputs/IntroOutput.tsx → src/components/cmd-outputs/WelcomeOutput.tsx b/src/components/cmd-outputs/IntroOutput.tsx → src/components/cmd-outputs/WelcomeOutput.tsx
@@ -3,7 +3,7 @@ import asciiArt from '@/assets/ascii-art';
 import { Command, type CommandOutputProps } from '@/types/terminal';
 import CmdLink from '../terminal/CmdLink';
 
-export default class IntroOutput extends Component<CommandOutputProps> {
+export default class WelcomeOutput extends Component<CommandOutputProps> {
   render() {
     return (
       <div className="flex flex-col">
@@ -12,14 +12,14 @@ export default class IntroOutput extends Component<CommandOutputProps> {
         </div>
 
         <p className="mb-3">
-          {this.props.t.rich('cmds.intro.welcome', {
+          {this.props.t.rich('cmds.welcome.welcome', {
             name: (name) => <span className="font-bold">{name}</span>,
           })}
         </p>
 
-        <p>{this.props.t('cmds.intro.site_intro_1')}</p>
+        <p>{this.props.t('cmds.welcome.site_intro_1')}</p>
         <p>
-          {this.props.t.rich('cmds.intro.site_intro_2', {
+          {this.props.t.rich('cmds.welcome.site_intro_2', {
             cmd: () => <CmdLink cmdName={Command.Help} />,
           })}
         </p>

diff --git a/src/components/cmd-outputs/__tests__/ContribsOutput.test.tsx b/src/components/cmd-outputs/__tests__/ContribsOutput.test.tsx
@@ -0,0 +1,22 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import type { Translator } from '@/i18n/intl';
+import { Command, type CommandEntry } from '@/types/terminal';
+import ContribsOutput from '../ContribsOutput';
+
+vi.mock('../contribs/Contribs', () => ({
+  default: () => <div>contribs / todo</div>,
+}));
+
+describe('ContribsOutput', () => {
+  const mockT = vi.fn((key: string) => key) as unknown as Translator;
+  const mockEntry: CommandEntry = {
+    timestamp: Date.now(),
+    cmdName: Command.Contribs,
+  };
+
+  it('renders the Contribs component', () => {
+    render(<ContribsOutput t={mockT} entry={mockEntry} />);
+    expect(screen.getByText('contribs / todo')).toBeInTheDocument();
+  });
+});
diff --git a/src/components/cmd-outputs/__tests__/HelpOutput.test.tsx b/src/components/cmd-outputs/__tests__/HelpOutput.test.tsx
@@ -49,7 +49,7 @@ vi.mock('@/contexts/TerminalContext', () => ({
 }));
 
 // Mock LSD React Typography component
-vi.mock('@acid-info/lsd-react/client/Typography', () => ({
+vi.mock('@nipsysdev/lsd-react/client/Typography', () => ({
   Typography: ({
     children,
     variant,

diff --git a/src/components/cmd-outputs/__tests__/Web2workOutput.test.tsx b/src/components/cmd-outputs/__tests__/Web2workOutput.test.tsx
@@ -0,0 +1,22 @@
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import type { Translator } from '@/i18n/intl';
+import { Command, type CommandEntry } from '@/types/terminal';
+import Web2workOutput from '../Web2workOutput';
+
+vi.mock('../web2work/Web2work', () => ({
+  default: () => <div>web2work / todo</div>,
+}));
+
+describe('Web2workOutput', () => {
+  const mockT = vi.fn((key: string) => key) as unknown as Translator;
+  const mockEntry: CommandEntry = {
+    timestamp: Date.now(),
+    cmdName: Command.Web2work,
+  };
+
+  it('renders the Web2work component', () => {
+    render(<Web2workOutput t={mockT} entry={mockEntry} />);
+    expect(screen.getByText('web2work / todo')).toBeInTheDocument();
+  });
+});