Rebrand to Pocket Network & add comprehensive test coverage

[TheFeloniousMonk]

Changes

Branding & Design

• Rebrand UI from Soothe/Igniter to Pocket Network Foundation theme
• Redesign landing page with new hero, services, and about sections
• Add Pocket Network logo assets (black and white SVGs)
• Implement theme toggle functionality
• Update component styling to match new brand guidelines

Landing Page

• Create new landing page layout with app shell integration
• Add comprehensive landing page components (Hero, About, Services, Footer)
• Implement responsive design with custom CSS
• Fix hydration errors in layout configuration
• Fix landing page scroll so header stays fixed and footer remains visible

Code Quality

• Add Jest configuration across all packages and apps
• Implement comprehensive unit test coverage:
  • Crypto utilities tests
  • Share calculations tests
  • Time utility tests
  • Provider services and suppliers tests
  • General utils tests
• Add launch configuration for debugging

Build & Test Fixes

• Exclude test files from production tsconfigs (commons, domain, pocket) to fix Docker build failures
• Fix domain package Jest moduleNameMapper for cross-package imports (@igniter/pocket proto paths, @igniter/db, @igniter/logger, @pocket/* aliases)
• All 14 turbo tasks pass (builds + tests across all packages)

Bug Fixes

• Fix stray ] bracket in Notifications component Tailwind class (rounded-full] → rounded-full)

Refactoring

• Consolidate action patterns across stake, unstake, and transaction actions
• Fix component hydration issues
• Update DAL queries for nodes and application settings
• Remove unused Geist font files

Dependencies

• Update package configurations for testing framework support
• Add turbo test task configuration

Test Results

Package	Tests	Suites
@igniter/middleman	43 passed	crypto, shareCalculations, time
@igniter/provider	18 passed	crypto
@igniter/domain	35 passed	services, suppliers, BuildHandler, CompareHandler
@igniter/commons	✅	utils
@igniter/pocket	✅	utils

🤖 Generated with Claude Code

[Copilot]

Pull request overview

This PR updates the monorepo’s UI/UX to a Pocket Network Foundation theme (including a theme toggle and new logo assets), while also adding Jest-based unit testing across multiple apps/packages and refactoring some middleman DAL/actions for consistency and caching.

Changes:

• Rebrand UI components to new design tokens + add Pocket brand logo + add theme toggle.
• Add Jest/ts-jest configuration and unit tests across apps/packages (crypto, env/utils, share calculations, time utilities, provider services).
• Refactor middleman server actions/DAL (auth helper aliases, ownership assertions, cached application settings fetch, query updates) and reduce polling intervals.

Reviewed changes

Copilot reviewed 134 out of 142 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
turbo.json	Adds a test task to Turbo pipeline.
packages/ui/src/theme-toggle.tsx	New client theme toggle component.
packages/ui/src/context/Notifications/index.tsx	Updates notification UI colors to new tokens.
packages/ui/src/components/WalletPicker/index.tsx	Updates wallet picker styling to new theme tokens.
packages/ui/src/components/WalletPicker/components/WalletPickerItem.tsx	Updates wallet picker item hover/text styles.
packages/ui/src/components/UserMenu.tsx	Updates trigger styling and text colors.
packages/ui/src/components/TransactionHash.tsx	Updates link styling + mono font for hashes.
packages/ui/src/components/tooltip.tsx	Updates tooltip surface/border/shadow styling.
packages/ui/src/components/textarea.tsx	Updates textarea colors, borders, focus styles.
packages/ui/src/components/table.tsx	Updates table row/head/footer styling to new tokens.
packages/ui/src/components/switch.tsx	Updates switch colors to PNF palette.
packages/ui/src/components/Summary.tsx	Updates Summary component borders/text colors.
packages/ui/src/components/sonner.tsx	Updates toast theming to new tokens.
packages/ui/src/components/skeleton.tsx	Updates skeleton background token.
packages/ui/src/components/sidebar.tsx	Rebrands sidebar/inset/menu styles to new tokens.
packages/ui/src/components/sheet.tsx	Updates sheet overlay/content/title/description styles.
packages/ui/src/components/separator.tsx	Updates separator token usage.
packages/ui/src/components/select.tsx	Updates select trigger/content/item/separator styles.
packages/ui/src/components/RewardsByAddresses/ItemsSelector.tsx	Updates selected chip color to PNF blue.
packages/ui/src/components/radio.tsx	Updates radio group item colors/border tokens.
packages/ui/src/components/QuickDetails/DetailResolver.tsx	Updates icon colors to tokenized text colors.
packages/ui/src/components/progress.tsx	Updates progress track/fill colors.
packages/ui/src/components/popover.tsx	Updates popover surface/border styling.
packages/ui/src/components/PocketBrandLogo/index.tsx	New logo component that switches by theme.
packages/ui/src/components/OverrideSidebar.tsx	Updates background token.
packages/ui/src/components/NoData.tsx	Updates empty-state icon/text colors.
packages/ui/src/components/multi-select.tsx	Updates multi-select hover/text token usage.
packages/ui/src/components/label.tsx	Updates label text color token.
packages/ui/src/components/input.tsx	Updates input colors, selection, focus styles.
packages/ui/src/components/form.tsx	Updates form description color token.
packages/ui/src/components/ErrorRetry.tsx	Updates error icon color token.
packages/ui/src/components/dropzone.tsx	Updates dropzone styling tokens and error colors.
packages/ui/src/components/dropdown-menu.tsx	Updates dropdown styling tokens and separators.
packages/ui/src/components/drawer.tsx	Updates drawer overlay/content/title/description tokens.
packages/ui/src/components/DialogContentSectionHeader.tsx	Updates section header token usage.
packages/ui/src/components/dialog.tsx	Updates dialog overlay/content/title/description tokens.
packages/ui/src/components/DataTable/SortDropdown.tsx	Updates DataTable dropdown item hover token.
packages/ui/src/components/DataTable/RowsPerPage.tsx	Updates rows-per-page dropdown hover token.
packages/ui/src/components/DataTable/Pagination.tsx	Updates pagination dropdown hover token.
packages/ui/src/components/DataTable/index.tsx	Updates table skeleton/error/header styling tokens.
packages/ui/src/components/DataTable/FilterDropdown.tsx	Updates filter dropdown item hover token.
packages/ui/src/components/Currency.tsx	Updates currency text token usage.
packages/ui/src/components/command.tsx	Updates command palette theming tokens.
packages/ui/src/components/checkbox.tsx	Updates checkbox colors to PNF palette.
packages/ui/src/components/button.tsx	Updates button variants to new theme tokens/colors.
packages/ui/src/components/BaseQuickInfoTooltip.tsx	Updates tooltip popover surface/text tokens.
packages/ui/src/components/BaseLineBarChart/BaseLineBarChart.tsx	Swaps hardcoded chart colors for CSS variables.
packages/ui/src/components/badge.tsx	Updates badge shapes/variants and adds new variants.
packages/ui/src/components/avatar.tsx	Updates avatar fallback background token.
packages/ui/src/components/AppTopBar/index.tsx	Uses Pocket brand logo as default + updates topbar tokens.
packages/ui/src/components/AppSidebar.tsx	Removes unused commented sidebar block / Soothe logo import.
packages/ui/src/components/Amount.tsx	Updates $POKT suffix color token.
packages/ui/src/components/Address.tsx	Updates address link styling + mono font.
packages/ui/src/components/ActivityHeader.tsx	Updates header typography/colors to new tokens/font.
packages/ui/src/components/AbortConfirmationDialog.tsx	Updates dialog surface/border/text tokens.
packages/ui/src/assets/logo/pocket-logo-white.svg	Adds Pocket white logo asset.
packages/ui/src/assets/logo/pocket-logo-black.svg	Adds Pocket black logo asset.
packages/ui/src/assets/index.ts	Exposes new logo exports and updates default PocketLogo.
packages/ui/package.json	Exports PocketBrandLogo and theme-toggle entrypoints.
packages/pocket/src/utils.test.ts	Adds unit tests for isValidPrivateKey.
packages/pocket/package.json	Adds Jest tooling + test script.
packages/pocket/jest.config.ts	Adds Jest config for pocket package.
packages/domain/src/provider/utils/services.test.ts	Adds unit tests for getRevShare.
packages/commons/src/utils.test.ts	Adds unit tests for env parsing/check helpers.
packages/commons/package.json	Adds Jest tooling + test script.
packages/commons/jest.config.ts	Adds Jest config for commons package.
apps/provider/src/lib/crypto.test.ts	Adds unit tests for provider crypto helpers.
apps/provider/package.json	Adds Jest tooling + test script; dependency ordering updates.
apps/provider/jest.config.ts	Adds Jest config for provider app.
apps/middleman/src/styles/layout.ts	Switches Google font from Jost to Rubik.
apps/middleman/src/lib/utils/time.test.ts	Adds tests for formatDuration.
apps/middleman/src/lib/utils/shareCalculations.test.ts	Adds extensive tests for share/performance calculations.
apps/middleman/src/lib/utils/actions.ts	Adds requireAuth, requireAdmin, assertOwnership helpers.
apps/middleman/src/lib/dal/nodes.ts	Replaces raw SQL with Drizzle selectDistinct query.
apps/middleman/src/lib/dal/applicationSettings.ts	Wraps settings fetch in react.cache() for per-request dedupe.
apps/middleman/src/lib/crypto.test.ts	Adds tests for middleman crypto helpers (with env mock).
apps/middleman/src/app/layout.tsx	Uses Rubik font; switches theme attribute to data-theme; adds ThemeToggle; layout width tweaks.
apps/middleman/src/app/detail/TransactionDetail.tsx	Updates transaction detail styling tokens.
apps/middleman/src/app/detail/NodeDetail.tsx	Updates node detail styling tokens and borders.
apps/middleman/src/app/components/Sidebar.tsx	Updates active/inactive sidebar item styling tokens.
apps/middleman/src/app/components/EngagementLinks.tsx	Updates background token usage.
apps/middleman/src/app/components/CurrentUser.tsx	Updates loading state styling tokens.
apps/middleman/src/app/auth/layout.tsx	Switches auth layout font to Rubik.
apps/middleman/src/app/auth/error/page.tsx	Updates auth error card styling tokens.
apps/middleman/src/app/app/unstake/components/UnstakeSuccessStep/index.tsx	Updates unstake success UI tokens/borders.
apps/middleman/src/app/app/unstake/components/ReviewStep/UnstakingProcess.tsx	Updates dialog/tokenized divider colors.
apps/middleman/src/app/app/unstake/components/OwnerAddressSelectionStep.tsx	Updates tokens, skeleton colors, border focus tokens.
apps/middleman/src/app/app/unstake/components/NodeSelectionStep.tsx	Updates tokens, skeleton colors, list borders/hover tokens.
apps/middleman/src/app/app/unstake/components/Loading.tsx	Updates loader token color.
apps/middleman/src/app/app/unstake/components/InformationStep.tsx	Updates tokens + replaces error coloring with theme tokens.
apps/middleman/src/app/app/stake/components/ReviewStep/StakingProcess.tsx	Updates dialog divider tokens.
apps/middleman/src/app/app/stake/components/PlanDetailsSection.tsx	Updates borders/text tokens.
apps/middleman/src/app/app/stake/components/PickStakeAmountStep/index.tsx	Updates container/border tokens and fee block styling.
apps/middleman/src/app/app/stake/components/PickStakeAmountStep/AmountPickerSlider.tsx	Updates slider track/thumb colors to tokens.
apps/middleman/src/app/app/stake/components/PickStakeAmountStep/AmountDisplay.tsx	Updates borders/text tokens and currency label tokens.
apps/middleman/src/app/app/stake/components/PickOfferStep/ProviderOfferItem.tsx	Updates offer card styles and tooltip tokens.
apps/middleman/src/app/app/stake/components/PickOfferStep/index.tsx	Updates container + empty state token colors.
apps/middleman/src/app/app/stake/components/OwnerAddressStep/index.tsx	Updates borders and “personal plan” accent tokens.
apps/middleman/src/app/app/stake/components/Loading.tsx	Updates loading shell border/background tokens.
apps/middleman/src/app/app/providers/clientPage.tsx	Updates providers page text/loading/error tokens + borders.
apps/middleman/src/app/app/overview/page.tsx	Updates overview page subtext token.
apps/middleman/src/app/app/import-suppliers/components/SelectProviderStep.tsx	Updates tokens for list, statuses, empty/error states.
apps/middleman/src/app/app/import-suppliers/components/ImportSuccessStep.tsx	Updates import success UI tokens/borders.
apps/middleman/src/app/app/import-suppliers/components/ImportProcess.tsx	Updates import process UI tokens + dialog divider tokens.
apps/middleman/src/app/app/(lists)/transactions/table/index.tsx	Reduces polling interval from 5s to 15s.
apps/middleman/src/app/app/(lists)/nodes/table/columns.tsx	Updates $POKT label token color.
apps/middleman/src/app/app/(lists)/nodes/page.tsx	Updates nodes page subtext token.
apps/middleman/src/app/admin/setup/stepper.tsx	Updates stepper accent tokens.
apps/middleman/src/app/admin/(internal)/transactions/table/index.tsx	Reduces polling interval from 5s to 15s.
apps/middleman/src/app/admin/(internal)/settings/Form.tsx	Updates admin settings form surfaces/inputs tokens.
apps/middleman/src/app/(landing)/page.tsx	Replaces prior landing composition with LandingPage and static metadata.
apps/middleman/src/app/(landing)/layout.tsx	Adds client landing layout that collapses sidebar via useSidebar().
apps/middleman/src/app/(landing)/components/Services.tsx	Updates landing services section tokens.
apps/middleman/src/app/(landing)/components/Hero.tsx	Redesigns hero background/typography using tokenized gradients.
apps/middleman/src/app/(landing)/components/Header.tsx	Uses PocketBrandLogo + updates header tokens.
apps/middleman/src/app/(landing)/components/Footer.tsx	Updates footer branding text and logo + tokens.
apps/middleman/src/app/(landing)/components/Divider.tsx	Updates divider border token.
apps/middleman/src/app/(landing)/components/About.tsx	Updates about content and replaces Soothe branding with Pocket branding.
apps/middleman/src/actions/Unstake.ts	Uses requireAuth alias and simplifies transaction insert creation.
apps/middleman/src/actions/Transactions.ts	Uses requireAuth/requireAdmin helpers.
apps/middleman/src/actions/Stake.ts	Uses requireAuth alias and simplifies insert creation.
apps/middleman/src/actions/Providers.ts	Uses requireAuth alias and minor refactors.
apps/middleman/src/actions/Nodes.ts	Uses requireAuth + centralized ownership assertion.
apps/middleman/src/actions/ImportSuppliers.ts	Uses requireAuth + centralized ownership assertion helper.
apps/middleman/src/actions/ApplicationSettings.ts	Simplifies settings fetch path (relies on DAL always returning settings).
apps/middleman/public/pocket-logo-white.svg	Adds Pocket logo asset to app public directory.
apps/middleman/package.json	Adds Jest tooling + test script.
apps/middleman/jest.config.ts	Adds Jest config for middleman app.
.gitignore	Ignores branding build artifacts and local dev helpers.
.claude/launch.json	Adds a launch configuration for middleman debugging.

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

@TheFeloniousMonk I've opened a new pull request, #240, to work on those changes. Once the pull request is ready, I'll request review from you.

[Copilot]

Pull request overview

Copilot reviewed 139 out of 147 changed files in this pull request and generated 9 comments.

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (2)

apps/middleman/src/app/(landing)/components/Header.tsx:9

• There are several unused imports here (Link, PlaceholderLogo, EngagementLinks, and the social SVG icons). With typical TS/ESLint settings this will fail lint/typecheck. Remove the unused imports (or re-enable the commented-out usage) to keep the landing bundle clean.

import Link from 'next/link';
import {ComponentType} from "react";
import {PlaceholderLogo} from "@igniter/ui/assets";
import { PocketBrandLogo } from "@igniter/ui/components/PocketBrandLogo";
import EngagementLinks from "@/app/components/EngagementLinks";
import GithubIcon from "@/app/assets/icons/dark/socials/github.svg";
import DiscordIcon from "@/app/assets/icons/dark/socials/discord.svg";
import XIcon from "@/app/assets/icons/dark/socials/x.svg";
import CurrentUser from "@/app/components/CurrentUser";

apps/middleman/src/app/(landing)/components/Footer.tsx:8

• Unused imports (Link, PlaceholderLogo, EngagementLinks, and the social SVG icons) remain after switching to PocketBrandLogo and commenting out the links section. These will typically break lint/typecheck; remove the unused imports or restore the usage.

import {ComponentType} from "react";
import Link from "next/link";
import {PlaceholderLogo} from "@igniter/ui/assets";
import { PocketBrandLogo } from "@igniter/ui/components/PocketBrandLogo";
import EngagementLinks from "@/app/components/EngagementLinks";
import GithubIcon from "@/app/assets/icons/dark/socials/github.svg";
import DiscordIcon from "@/app/assets/icons/dark/socials/discord.svg";
import XIcon from "@/app/assets/icons/dark/socials/x.svg";

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

Pull request overview

Copilot reviewed 140 out of 148 changed files in this pull request and generated 3 comments.

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

[Copilot]

Copilot was unable to review this pull request because the user who requested the review is ineligible. To be eligible to request a review, you need a paid Copilot license, or your organization must enable Copilot code review.

[Copilot]

Pull request overview

Copilot reviewed 178 out of 186 changed files in this pull request and generated 11 comments.

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

[Copilot]

Pull request overview

Copilot reviewed 178 out of 186 changed files in this pull request and generated 4 comments.

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

[jorgecuesta]

LGTM, we need to keep working on provider side which has some minor issues with the left navigation bar during bootstrap. On both the icons are not the expected.