Recipe-app main

.env

@@ -0,0 +1,19 @@
+NODE_ENV=production
+
+NEXT_PUBLIC_APP_URL=https://recept.gynther.se
+NEXT_PUBLIC_API_URL=https://api.recept.gynther.se
+
+API_PORT=8080
+FRONTEND_PORT=3000
+
+MARIADB_ROOT_PASSWORD=byt_det_har_till_ett_starkt_losenord
+MARIADB_DATABASE=recipe_app
+MARIADB_USER=recipe_user
+MARIADB_PASSWORD=byt_det_har_till_ett_annat_starkt_losenord
+
+DATABASE_URL=mysql://recipe_user:byt_det_har_till_ett_annat_starkt_losenord@recipe-db:3306/recipe_app
+
+JWT_SECRET=byt_till_en_lang_slumpad_hemlighet
+OPENAI_API_KEY=tomt_tills_vidare
+
+UPLOAD_DIR=/app/uploads

backend/.env

@@ -0,0 +1 @@
+DATABASE_URL="mysql://recipe_user:Imminent-Umpire-Undertook8-Crunchy@recipe-db:3306/recipe_app"

backend/Dockerfile

@@ -0,0 +1,27 @@
+# Stage 1: Installera beroenden
+FROM node:22-alpine AS deps
+WORKDIR /app
+COPY package.json ./
+COPY prisma ./prisma
+RUN npm install
+
+# Stage 2: Bygg applikationen
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN npx prisma generate
+RUN npm run build
+
+# Stage 3: Kör applikationen
+FROM node:22-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+
+COPY --from=builder /app/package.json ./package.json
+COPY --from=builder /app/node_modules ./node_modules
+COPY --from=builder /app/prisma ./prisma
+COPY --from=builder /app/dist ./dist
+
+EXPOSE 8080
+CMD ["node", "dist/main"]

backend/nano

@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { InventoryController } from './inventory.controller';
+import { InventoryService } from './inventory.service';
+import { PrismaModule } from '../prisma/prisma.module';
+
+@Module({
+  controllers: [InventoryController],
+  providers: [InventoryService],
+  imports: [PrismaModule],
+})
+export class InventoryModule {}

backend/nest-cli.json

@@ -0,0 +1,4 @@
+{
+  "collection": "@nestjs/schematics",
+  "sourceRoot": "src"
+}

backend/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "recipe-api",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "build": "nest build",
+    "start": "node dist/main",
+    "start:dev": "nest start --watch",
+    "prisma:generate": "prisma generate",
+    "prisma:migrate": "prisma migrate dev",
+    "prisma:deploy": "prisma migrate deploy"
+  },
+  "dependencies": {
+    "@nestjs/common": "^10.3.0",
+    "@nestjs/core": "^10.3.0",
+    "@nestjs/platform-express": "^10.3.0",
+    "@prisma/client": "^6.12.0",
+    "class-transformer": "^0.5.1",
+    "class-validator": "^0.15.1",
+    "reflect-metadata": "^0.2.2",
+    "rxjs": "^7.8.1"
+  },
+  "devDependencies": {
+    "@nestjs/cli": "^10.3.0",
+    "@nestjs/schematics": "^10.1.1",
+    "@nestjs/testing": "^10.3.0",
+    "@types/node": "^22.15.29",
+    "prisma": "^6.12.0",
+    "typescript": "^5.4.5"
+  }
+}

backend/prisma/schema.prisma

@@ -0,0 +1,85 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "mysql"
+  url      = env("DATABASE_URL")
+}
+
+model Product {
+  id             Int             @id @default(autoincrement())
+  name           String
+  normalizedName String          @unique
+  category       String?
+  canonicalName  String?
+  isActive       Boolean         @default(true)
+  deletedAt      DateTime?
+  createdAt      DateTime        @default(now())
+  updatedAt      DateTime        @updatedAt
+
+  inventoryItems InventoryItem[]
+  recipeIngredients RecipeIngredient[]
+}
+
+model InventoryItem {
+  id             Int      @id @default(autoincrement())
+  productId      Int
+  quantity       Decimal  @db.Decimal(10, 2)
+  unit           String
+  brand		 String?
+  location       String?
+  priority       Int?
+  purchaseDate   DateTime?
+  opened         Boolean?
+  shelfNote      String?
+  suitableFor    String?
+  isOnSale       Boolean?
+  priceLevel     Int?
+  bestBeforeDate DateTime?	
+  proteinType    String?
+  isLeftover     Boolean?
+  comment        String?
+
+  createdAt      DateTime @default(now())
+  updatedAt      DateTime @updatedAt
+
+  product Product @relation(fields: [productId], references: [id], onDelete: Cascade)
+  consumptions   InventoryConsumption[]
+
+  @@index([productId])
+}
+
+model InventoryConsumption {
+  id              Int           @id @default(autoincrement())
+  inventoryItem   InventoryItem @relation(fields: [inventoryItemId], references: [id])
+  inventoryItemId Int
+  amountUsed      Decimal       @db.Decimal(10, 2)
+  comment         String?
+  createdAt       DateTime      @default(now())
+}
+
+model Recipe {
+  id          Int                @id @default(autoincrement())
+  name        String
+  description String?
+  instructions String?
+  createdAt   DateTime           @default(now())
+  updatedAt   DateTime           @updatedAt
+
+  ingredients RecipeIngredient[]
+}
+
+model RecipeIngredient {
+  id        Int      @id @default(autoincrement())
+  recipe    Recipe   @relation(fields: [recipeId], references: [id])
+  recipeId  Int
+  product   Product  @relation(fields: [productId], references: [id])
+  productId Int
+  quantity  Decimal  @db.Decimal(10, 2)
+  unit      String
+  note      String?
+
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}

backend/src/app.module.ts

@@ -0,0 +1,18 @@
+import { Module } from '@nestjs/common';
+import { HealthModule } from './health/health.module';
+import { PrismaModule } from './prisma/prisma.module';
+import { ProductsModule } from './products/products.module';
+import { InventoryModule } from './inventory/inventory.module';
+import { RecipesModule } from './recipes/recipes.module';
+
+
+@Module({
+  imports: [
+    HealthModule,    
+    PrismaModule,
+    ProductsModule,
+    InventoryModule,
+    RecipesModule,
+  ],
+})
+export class AppModule {}

backend/src/common/utils/normalize-name.ts

@@ -0,0 +1,9 @@
+export function normalizeName(value: string): string {
+  return value
+    .trim()
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[^a-z0-9\s]/g, '')
+    .replace(/\s+/g, '');
+}

backend/src/health/health.controller.ts

@@ -0,0 +1,36 @@
+import { Controller, Get } from '@nestjs/common';
+import { PrismaService } from '../prisma/prisma.service';
+
+@Controller('health')
+export class HealthController {
+  constructor(private readonly prisma: PrismaService) {}
+
+  @Get()
+  getHealth() {
+    return {
+      status: 'ok',
+      service: 'recipe-api',
+      timestamp: new Date().toISOString(),
+    };
+  }
+
+  @Get('db')
+  async getDatabaseHealth() {
+    try {
+      await this.prisma.$queryRaw`SELECT 1`;
+
+      return {
+        status: 'ok',
+        database: 'connected',
+        timestamp: new Date().toISOString(),
+      };
+    } catch (error) {
+      return {
+        status: 'error',
+        database: 'not reachable',
+        message: error instanceof Error ? error.message : 'unknown error',
+        timestamp: new Date().toISOString(),
+      };
+    }
+  }
+}

backend/src/health/health.module.ts

@@ -0,0 +1,7 @@
+import { Module } from '@nestjs/common';
+import { HealthController } from './health.controller';
+
+@Module({
+  controllers: [HealthController],
+})
+export class HealthModule {}

backend/src/inventory/dto/consume-inventory.dto.ts

@@ -0,0 +1,11 @@
+import { IsNumber, IsOptional, IsString, Min } from 'class-validator';
+
+export class ConsumeInventoryDto {
+  @IsNumber()
+  @Min(0.01)
+  amountUsed!: number;
+
+  @IsOptional()
+  @IsString()
+  comment?: string;
+}

backend/src/inventory/dto/create-inventory.dto.ts

@@ -0,0 +1,70 @@
+import {
+  IsBoolean,
+  IsInt,
+  IsNumber,
+  IsOptional,
+  IsString,
+  Min,
+} from 'class-validator';
+
+export class CreateInventoryDto {
+  @IsInt()
+  productId!: number;
+
+  @IsNumber()
+  @Min(0)
+  quantity!: number;
+
+  @IsString()
+  unit!: string;
+
+  @IsOptional()
+  @IsString()
+  location?: string;
+
+  @IsOptional()
+  @IsInt()
+  priority?: number;
+
+  @IsOptional()
+  purchaseDate?: string;
+
+  @IsOptional()
+  bestBeforeDate?: string;
+
+  @IsOptional()
+  @IsString()
+  brand?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  opened?: boolean;
+
+  @IsOptional()
+  @IsString()
+  shelfNote?: string;
+
+  @IsOptional()
+  @IsString()
+  suitableFor?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  isOnSale?: boolean;
+
+  @IsOptional()
+  @IsInt()
+  priceLevel?: number;
+
+  @IsOptional()
+  @IsString()
+  proteinType?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  isLeftover?: boolean;
+
+  @IsOptional()
+  @IsString()
+  comment?: string;
+}

backend/src/inventory/dto/update-inventory.dto.ts

@@ -0,0 +1,73 @@
+import {
+  IsBoolean,
+  IsInt,
+  IsNumber,
+  IsOptional,
+  IsString,
+  Min,
+} from 'class-validator';
+
+export class UpdateInventoryDto {
+  @IsOptional()
+  @IsInt()
+  productId?: number;
+
+  @IsOptional()
+  @IsNumber()
+  @Min(0)
+  quantity?: number;
+
+  @IsOptional()
+  @IsString()
+  unit?: string;
+
+  @IsOptional()
+  @IsString()
+  location?: string;
+
+  @IsOptional()
+  @IsInt()
+  priority?: number;
+
+  @IsOptional()
+  purchaseDate?: string;
+
+  @IsOptional()
+  bestBeforeDate?: string;
+
+  @IsOptional()
+  @IsString()
+  brand?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  opened?: boolean;
+
+  @IsOptional()
+  @IsString()
+  shelfNote?: string;
+
+  @IsOptional()
+  @IsString()
+  suitableFor?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  isOnSale?: boolean;
+
+  @IsOptional()
+  @IsInt()
+  priceLevel?: number;
+
+  @IsOptional()
+  @IsString()
+  proteinType?: string;
+
+  @IsOptional()
+  @IsBoolean()
+  isLeftover?: boolean;
+
+  @IsOptional()
+  @IsString()
+  comment?: string;
+}

backend/src/inventory/inventory.controller.ts

@@ -0,0 +1,58 @@
+import {
+  Body,
+  Controller,
+  Get,
+  Param,
+  ParseIntPipe,
+  Patch,
+  Post,
+  Query,
+} from '@nestjs/common';
+import { CreateInventoryDto } from './dto/create-inventory.dto';
+import { UpdateInventoryDto } from './dto/update-inventory.dto';
+import { InventoryService } from './inventory.service';
+import { ConsumeInventoryDto } from './dto/consume-inventory.dto';
+
+@Controller('inventory')
+export class InventoryController {
+  constructor(private readonly inventoryService: InventoryService) {}
+ 
+ @Post(':id/consume')
+ consume(
+   @Param('id', ParseIntPipe) id: number,
+   @Body() body: ConsumeInventoryDto,
+  ) {
+  return this.inventoryService.consume(id, body);
+  }
+  
+  @Get(':id/consumption-history')
+findConsumptionHistory(@Param('id', ParseIntPipe) id: number) {
+  return this.inventoryService.findConsumptionHistory(id);
+  } 
+ 
+  @Get()
+  findAll(
+    @Query('location') location?: string,
+    @Query('sort') sort?: string,
+  ) {
+    return this.inventoryService.findAll({ location, sort });
+  }
+
+  @Get('expiring')
+  findExpiring() {
+    return this.inventoryService.findExpiring();
+  }
+
+  @Post()
+  create(@Body() body: CreateInventoryDto) {
+    return this.inventoryService.create(body);
+  }
+
+  @Patch(':id')
+  update(
+    @Param('id', ParseIntPipe) id: number,
+    @Body() body: UpdateInventoryDto,
+  ) {
+    return this.inventoryService.update(id, body);
+  }
+}

backend/src/inventory/inventory.module.ts

@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { InventoryController } from './inventory.controller';
+import { InventoryService } from './inventory.service';
+import { PrismaModule } from '../prisma/prisma.module';
+
+@Module({
+  controllers: [InventoryController],
+  providers: [InventoryService],
+  imports: [PrismaModule],
+})
+export class InventoryModule {}

backend/src/inventory/inventory.service.ts

@@ -0,0 +1,248 @@
+import { ConsumeInventoryDto } from './dto/consume-inventory.dto';
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { Prisma } from '@prisma/client';
+import { PrismaService } from '../prisma/prisma.service';
+import { CreateInventoryDto } from './dto/create-inventory.dto';
+import { UpdateInventoryDto } from './dto/update-inventory.dto';
+
+type InventoryQuery = {
+  location?: string;
+  sort?: string;
+};
+
+@Injectable()
+export class InventoryService {
+  constructor(private prisma: PrismaService) {}
+
+  async findAll(query?: InventoryQuery) {
+    const where: Prisma.InventoryItemWhereInput = {};
+    const orderBy: Prisma.InventoryItemOrderByWithRelationInput[] = [];
+
+    if (query?.location) {
+      where.location = query.location;
+    }
+
+    if (query?.sort === 'bestBeforeAsc') {
+      orderBy.push({ bestBeforeDate: 'asc' });
+    } else if (query?.sort === 'bestBeforeDesc') {
+      orderBy.push({ bestBeforeDate: 'desc' });
+    } else if (query?.sort === 'purchaseDateAsc') {
+      orderBy.push({ purchaseDate: 'asc' });
+    } else if (query?.sort === 'purchaseDateDesc') {
+      orderBy.push({ purchaseDate: 'desc' });
+    } else {
+      orderBy.push({ createdAt: 'desc' });
+    }
+
+    return this.prisma.inventoryItem.findMany({
+      where,
+      include: {
+        product: true,
+      },
+      orderBy,
+    });
+  }
+  
+  async consume(id: number, data: ConsumeInventoryDto) {
+  const existing = await this.prisma.inventoryItem.findUnique({
+    where: { id },
+    include: {
+      product: true,
+    },
+  });
+
+  if (!existing) {
+    throw new NotFoundException(`Inventory item with id ${id} not found`);
+  }
+
+  const currentQuantity = Number(existing.quantity);
+  const newQuantity = Math.max(0, currentQuantity - data.amountUsed);
+
+  return this.prisma.$transaction(async (tx) => {
+    const updatedItem = await tx.inventoryItem.update({
+      where: { id },
+      data: {
+        quantity: new Prisma.Decimal(newQuantity),
+      },
+      include: {
+        product: true,
+      },
+    });
+
+    await tx.inventoryConsumption.create({
+      data: {
+        inventoryItemId: id,
+        amountUsed: new Prisma.Decimal(data.amountUsed),
+        comment: data.comment?.trim() || null,
+      },
+    });
+
+    return updatedItem;
+  });
+}
+
+  async findConsumptionHistory(id: number) {
+    const existing = await this.prisma.inventoryItem.findUnique({
+    where: { id },
+  });
+
+  if (!existing) {
+    throw new NotFoundException(`Inventory item with id ${id} not found`);
+  }
+
+  return this.prisma.inventoryConsumption.findMany({
+    where: {
+      inventoryItemId: id,
+    },
+    orderBy: {
+      createdAt: 'desc',
+    },
+  });
+}
+  async findExpiring() {
+    const now = new Date();
+
+    return this.prisma.inventoryItem.findMany({
+      where: {
+        bestBeforeDate: {
+          not: null,
+          gte: now,
+        },
+      },
+      include: {
+        product: true,
+      },
+      orderBy: [{ bestBeforeDate: 'asc' }, { createdAt: 'desc' }],
+    });
+  }
+
+  async create(data: CreateInventoryDto) {
+    const product = await this.prisma.product.findUnique({
+      where: { id: data.productId },
+  });
+
+  if (!product) {
+    throw new NotFoundException('Product not found');
+  }
+
+  return this.prisma.inventoryItem.create({
+    data: {
+      ...data,
+      quantity: new Prisma.Decimal(data.quantity),
+      location: data.location?.trim() || undefined,
+      brand: data.brand?.trim() || undefined,
+      suitableFor: data.suitableFor?.trim() || undefined,
+      comment: data.comment?.trim() || undefined,
+      purchaseDate: data.purchaseDate
+        ? new Date(data.purchaseDate)
+        : undefined,
+      bestBeforeDate: data.bestBeforeDate
+        ? new Date(data.bestBeforeDate)
+        : undefined,
+    },
+    include: {
+      product: true,
+    },
+  });
+}
+
+  async update(id: number, data: UpdateInventoryDto) {
+    const existing = await this.prisma.inventoryItem.findUnique({
+      where: { id },
+    });
+
+    if (!existing) {
+      throw new NotFoundException(`Inventory item with id ${id} not found`);
+    }
+
+    if (typeof data.productId === 'number') {
+      const product = await this.prisma.product.findUnique({
+        where: { id: data.productId },
+      });
+
+      if (!product) {
+        throw new NotFoundException('Product not found');
+      }
+    }
+
+    const updateData: Prisma.InventoryItemUpdateInput = {};
+
+    if (typeof data.productId === 'number') {
+      updateData.product = {
+        connect: { id: data.productId },
+      };
+    }
+
+    if (typeof data.quantity === 'number') {
+      updateData.quantity = new Prisma.Decimal(data.quantity);
+    }
+
+    if (typeof data.unit === 'string') {
+      updateData.unit = data.unit.trim();
+    }
+
+    if (typeof data.location === 'string') {
+      updateData.location = data.location.trim();
+    }
+    
+    if (typeof data.brand === 'string') {
+      updateData.brand = data.brand.trim();
+    }
+    
+    if (typeof data.priority === 'number') {
+      updateData.priority = data.priority;
+    }
+
+    if (typeof data.purchaseDate === 'string') {
+      updateData.purchaseDate = data.purchaseDate
+        ? new Date(data.purchaseDate)
+        : null;
+    }
+
+    if (typeof data.bestBeforeDate === 'string') {
+      updateData.bestBeforeDate = data.bestBeforeDate
+        ? new Date(data.bestBeforeDate)
+        : null;
+    }
+
+    if (typeof data.opened === 'boolean') {
+      updateData.opened = data.opened;
+    }
+
+    if (typeof data.shelfNote === 'string') {
+      updateData.shelfNote = data.shelfNote.trim();
+    }
+
+    if (typeof data.suitableFor === 'string') {
+      updateData.suitableFor = data.suitableFor.trim();
+    }
+
+    if (typeof data.isOnSale === 'boolean') {
+      updateData.isOnSale = data.isOnSale;
+    }
+
+    if (typeof data.priceLevel === 'number') {
+      updateData.priceLevel = data.priceLevel;
+    }
+
+    if (typeof data.proteinType === 'string') {
+      updateData.proteinType = data.proteinType.trim();
+    }
+
+    if (typeof data.isLeftover === 'boolean') {
+      updateData.isLeftover = data.isLeftover;
+    }
+
+    if (typeof data.comment === 'string') {
+      updateData.comment = data.comment.trim();
+    }
+
+    return this.prisma.inventoryItem.update({
+      where: { id },
+      data: updateData,
+      include: {
+        product: true,
+      },
+    });
+  }
+}

backend/src/main.ts

@@ -0,0 +1,19 @@
+import { ValidationPipe } from '@nestjs/common';
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from './app.module';
+
+async function bootstrap() {
+  const app = await NestFactory.create(AppModule);
+
+  app.setGlobalPrefix('api');
+  app.useGlobalPipes(
+    new ValidationPipe({
+      whitelist: true,
+      forbidNonWhitelisted: true,
+      transform: true,
+    }),
+  );
+
+  await app.listen(8080, '0.0.0.0');
+}
+bootstrap();

backend/src/prisma/prisma.module.ts

@@ -0,0 +1,9 @@
+import { Global, Module } from '@nestjs/common';
+import { PrismaService } from './prisma.service';
+
+@Global()
+@Module({
+  providers: [PrismaService],
+  exports: [PrismaService],
+})
+export class PrismaModule {}

backend/src/prisma/prisma.service.ts

@@ -0,0 +1,48 @@
+import { Injectable, Logger, OnModuleDestroy, OnModuleInit } from '@nestjs/common';
+import { PrismaClient } from '@prisma/client';
+
+@Injectable()
+export class PrismaService
+  extends PrismaClient
+  implements OnModuleInit, OnModuleDestroy
+{
+  private readonly logger = new Logger(PrismaService.name);
+
+  async onModuleInit() {
+    const maxAttempts = 10;
+    const delayMs = 3000;
+
+    for (let attempt = 1; attempt <= maxAttempts; attempt++) {
+      try {
+        this.logger.log(
+          `Försöker ansluta till databasen (försök ${attempt}/${maxAttempts})...`,
+        );
+
+        await this.$connect();
+
+        this.logger.log('Databasanslutning etablerad.');
+        return;
+      } catch (error) {
+        const message =
+          error instanceof Error ? error.message : 'Okänt fel';
+
+        this.logger.warn(
+          `Databasanslutning misslyckades på försök ${attempt}/${maxAttempts}: ${message}`,
+        );
+
+        if (attempt === maxAttempts) {
+          this.logger.error(
+            'Kunde inte ansluta till databasen efter maximalt antal försök.',
+          );
+          throw error;
+        }
+
+        await new Promise((resolve) => setTimeout(resolve, delayMs));
+      }
+    }
+  }
+
+  async onModuleDestroy() {
+    await this.$disconnect();
+  }
+}

backend/src/products/dto/create-product.dto.ts

@@ -0,0 +1,8 @@
+import { IsNotEmpty, IsString, MaxLength } from 'class-validator';
+
+export class CreateProductDto {
+  @IsString()
+  @IsNotEmpty()
+  @MaxLength(191)
+  name!: string;
+}

backend/src/products/dto/merge-products.dto.ts

@@ -0,0 +1,9 @@
+import { IsInt } from 'class-validator';
+
+export class MergeProductsDto {
+  @IsInt()
+  sourceProductId!: number;
+
+  @IsInt()
+  targetProductId!: number;
+}

backend/src/products/dto/update-canonical-name.dto.ts

@@ -0,0 +1,8 @@
+import { IsNotEmpty, IsString, MaxLength } from 'class-validator';
+
+export class UpdateCanonicalNameDto {
+  @IsString()
+  @IsNotEmpty()
+  @MaxLength(191)
+  canonicalName!: string;
+}

backend/src/products/dto/update-product.dto.ts

@@ -0,0 +1,9 @@
+import { IsNotEmpty, IsOptional, IsString, MaxLength } from 'class-validator';
+
+export class UpdateProductDto {
+  @IsOptional()
+  @IsString()
+  @IsNotEmpty()
+  @MaxLength(191)
+  name?: string;
+}

backend/src/products/products.controller.ts

@@ -0,0 +1,85 @@
+import {
+  Body,
+  Controller,
+  Delete,
+  Get,
+  Param,
+  ParseIntPipe,
+  Patch,
+  Post,
+  Query,
+} from '@nestjs/common';
+import { CreateProductDto } from './dto/create-product.dto';
+import { UpdateProductDto } from './dto/update-product.dto';
+import { ProductsService } from './products.service';
+import { MergeProductsDto } from './dto/merge-products.dto';
+import { UpdateCanonicalNameDto } from './dto/update-canonical-name.dto';
+
+@Controller('products')
+export class ProductsController {
+  constructor(private readonly productsService: ProductsService) {}
+
+  @Get()
+  findAll() {
+    return this.productsService.findAll();
+  }
+ 
+  @Get('duplicates')
+  findDuplicates() {
+    return this.productsService.findDuplicateCandidates();
+  }
+  
+    @Get('merge-preview')
+  previewMerge(
+  @Query('sourceProductId', ParseIntPipe) sourceProductId: number,
+  @Query('targetProductId', ParseIntPipe) targetProductId: number,
+  ) {
+    return this.productsService.previewMerge(sourceProductId, targetProductId);
+  }
+
+  @Post('backfill-canonical')
+  backfillCanonical() {
+    return this.productsService.backfillCanonicalNames();
+  }
+
+  @Get(':id')
+  findOne(@Param('id', ParseIntPipe) id: number) {
+    return this.productsService.findOne(id);
+  }
+
+  @Post()
+  create(@Body() body: CreateProductDto) {
+    return this.productsService.create(body);
+  }
+
+  @Post('merge')
+  merge(@Body() body: MergeProductsDto) {
+    return this.productsService.merge(body.sourceProductId, body.targetProductId);
+  }
+
+  @Patch(':id/canonical-name')
+  updateCanonicalName(
+  @Param('id', ParseIntPipe) id: number,
+  @Body() body: UpdateCanonicalNameDto,
+  ) {
+  return this.productsService.updateCanonicalName(id, body.canonicalName);
+  }
+
+  @Patch(':id')
+  update(
+    @Param('id', ParseIntPipe) id: number,
+    @Body() body: UpdateProductDto,
+  ) {
+    return this.productsService.update(id, body);
+  }
+
+  @Delete(':id')
+  remove(@Param('id', ParseIntPipe) id: number) {
+    return this.productsService.remove(id);
+  }
+
+  @Post(':id/restore')
+  restore(@Param('id', ParseIntPipe) id: number) {
+    return this.productsService.restore(id);
+  }
+}

backend/src/products/products.module.ts

@@ -0,0 +1,9 @@
+import { Module } from '@nestjs/common';
+import { ProductsController } from './products.controller';
+import { ProductsService } from './products.service';
+
+@Module({
+  controllers: [ProductsController],
+  providers: [ProductsService],
+})
+export class ProductsModule {}

backend/src/products/products.service.ts

@@ -0,0 +1,308 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { PrismaService } from '../prisma/prisma.service';
+import { normalizeName } from '../common/utils/normalize-name';
+import { CreateProductDto } from './dto/create-product.dto';
+import { UpdateProductDto } from './dto/update-product.dto';
+
+@Injectable()
+export class ProductsService {
+  constructor(private readonly prisma: PrismaService) {}
+
+  async findAll() {
+    return this.prisma.product.findMany({
+      where: {
+        isActive: true,
+      },
+      orderBy: {
+        name: 'asc',
+      },
+    });
+  }
+
+  async findDuplicateCandidates() {
+    const products = await this.prisma.product.findMany({
+      where: {
+        isActive: true,
+      },
+      orderBy: {
+        name: 'asc',
+      },
+    });
+
+    const grouped = new Map<string, typeof products>();
+
+    for (const product of products) {
+      const key = product.normalizedName;
+
+      if (!grouped.has(key)) {
+        grouped.set(key, []);
+      }
+
+      grouped.get(key)!.push(product);
+    }
+
+    return Array.from(grouped.entries())
+      .filter(([, items]) => items.length > 1)
+      .map(([normalizedName, items]) => ({
+        normalizedName,
+        count: items.length,
+        products: items,
+      }));
+  }
+
+  async findOne(id: number) {
+    const product = await this.prisma.product.findUnique({
+      where: { id },
+    });
+
+    if (!product) {
+      throw new NotFoundException(`Product with id ${id} not found`);
+    }
+
+    return product;
+  }
+
+  async create(data: CreateProductDto) {
+    const name = data.name.trim();
+    const normalizedName = normalizeName(name);
+
+    const existing = await this.prisma.product.findUnique({
+      where: { normalizedName },
+    });
+
+    if (existing) {
+      if (!existing.isActive) {
+        return this.prisma.product.update({
+          where: { id: existing.id },
+          data: {
+            isActive: true,
+            deletedAt: null,
+            name,
+            canonicalName: name,
+          },
+        });
+      }
+
+      return existing;
+    }
+
+    return this.prisma.product.create({
+      data: {
+        name,
+        normalizedName,
+        canonicalName: name,
+        isActive: true,
+        deletedAt: null,
+      },
+    });
+  }
+
+  async update(id: number, data: UpdateProductDto) {
+    await this.findOne(id);
+
+    const updateData: {
+      name?: string;
+      normalizedName?: string;
+      canonicalName?: string;
+    } = {};
+
+    if (typeof data.name === 'string') {
+      const name = data.name.trim();
+      const normalizedName = normalizeName(name);
+
+      const existing = await this.prisma.product.findUnique({
+        where: { normalizedName },
+      });
+
+      if (existing && existing.id !== id) {
+        if (!existing.isActive) {
+          return this.prisma.product.update({
+            where: { id: existing.id },
+            data: {
+              isActive: true,
+              deletedAt: null,
+              name,
+              canonicalName: name,
+            },
+          });
+        }
+
+        return existing;
+      }
+
+      updateData.name = name;
+      updateData.normalizedName = normalizedName;
+      updateData.canonicalName = name;
+    }
+
+    return this.prisma.product.update({
+      where: { id },
+      data: updateData,
+    });
+  }
+
+  async updateCanonicalName(id: number, canonicalName: string) {
+    await this.findOne(id);
+
+    const cleaned = canonicalName.trim();
+
+    return this.prisma.product.update({
+      where: { id },
+      data: {
+        canonicalName: cleaned,
+      },
+    });
+  }
+
+  async remove(id: number) {
+    await this.findOne(id);
+
+    return this.prisma.product.update({
+      where: { id },
+      data: {
+        isActive: false,
+        deletedAt: new Date(),
+      },
+    });
+  }
+
+  async restore(id: number) {
+    const product = await this.findOne(id);
+
+    if (product.isActive) {
+      return product;
+    }
+
+    return this.prisma.product.update({
+      where: { id },
+      data: {
+        isActive: true,
+        deletedAt: null,
+      },
+    });
+  }
+
+  async merge(sourceProductId: number, targetProductId: number) {
+    if (sourceProductId === targetProductId) {
+      throw new Error('sourceProductId och targetProductId kan inte vara samma');
+    }
+
+    const source = await this.prisma.product.findUnique({
+      where: { id: sourceProductId },
+    });
+
+    if (!source) {
+      throw new NotFoundException(
+        `Source product with id ${sourceProductId} not found`,
+      );
+    }
+
+    const target = await this.prisma.product.findUnique({
+      where: { id: targetProductId },
+    });
+
+    if (!target) {
+      throw new NotFoundException(
+        `Target product with id ${targetProductId} not found`,
+      );
+    }
+
+    return this.prisma.$transaction(async (tx) => {
+      const movedInventoryCount = await tx.inventoryItem.updateMany({
+        where: { productId: sourceProductId },
+        data: { productId: targetProductId },
+      });
+
+      const softDeletedSource = await tx.product.update({
+        where: { id: sourceProductId },
+        data: {
+          isActive: false,
+          deletedAt: new Date(),
+        },
+      });
+
+      return {
+        message: 'Products merged successfully',
+        sourceProductId,
+        targetProductId,
+        movedInventoryCount: movedInventoryCount.count,
+        softDeletedSource,
+      };
+    });
+  }
+
+  async previewMerge(sourceProductId: number, targetProductId: number) {
+    if (sourceProductId === targetProductId) {
+      throw new Error('sourceProductId och targetProductId kan inte vara samma');
+    }
+
+    const [source, target, sourceInventoryCount, targetInventoryCount] =
+      await Promise.all([
+        this.prisma.product.findUnique({
+          where: { id: sourceProductId },
+        }),
+        this.prisma.product.findUnique({
+          where: { id: targetProductId },
+        }),
+        this.prisma.inventoryItem.count({
+          where: { productId: sourceProductId },
+        }),
+        this.prisma.inventoryItem.count({
+          where: { productId: targetProductId },
+        }),
+      ]);
+
+    if (!source) {
+      throw new NotFoundException(
+        `Source product with id ${sourceProductId} not found`,
+      );
+    }
+
+    if (!target) {
+      throw new NotFoundException(
+        `Target product with id ${targetProductId} not found`,
+      );
+    }
+
+    return {
+      source: {
+        ...source,
+        inventoryCount: sourceInventoryCount,
+      },
+      target: {
+        ...target,
+        inventoryCount: targetInventoryCount,
+      },
+      outcome: {
+        inventoryItemsToMove: sourceInventoryCount,
+        sourceWillBeSoftDeleted: true,
+        targetWillRemainActive: true,
+      },
+    };
+  }
+
+  async backfillCanonicalNames() {
+    const products = await this.prisma.product.findMany({
+      where: {
+        canonicalName: null,
+      },
+    });
+
+    const results = await this.prisma.$transaction(
+      products.map((product) =>
+        this.prisma.product.update({
+          where: { id: product.id },
+          data: {
+            canonicalName: product.name,
+          },
+        }),
+      ),
+    );
+
+    return {
+      message: 'Canonical names backfilled successfully',
+      updatedCount: results.length,
+      products: results,
+    };
+  }
+}

backend/src/recipes/dto/create-recipe-ingredient.dto.ts

@@ -0,0 +1,17 @@
+import { IsInt, IsNumber, IsOptional, IsString, Min } from 'class-validator';
+
+export class CreateRecipeIngredientDto {
+  @IsInt()
+  productId!: number;
+
+  @IsNumber()
+  @Min(0.01)
+  quantity!: number;
+
+  @IsString()
+  unit!: string;
+
+  @IsOptional()
+  @IsString()
+  note?: string;
+}

backend/src/recipes/dto/create-recipe.dto.ts

@@ -0,0 +1,28 @@
+import {
+  IsArray,
+  IsOptional,
+  IsString,
+  ValidateNested,
+  ArrayMinSize,
+} from 'class-validator';
+import { Type } from 'class-transformer';
+import { CreateRecipeIngredientDto } from './create-recipe-ingredient.dto';
+
+export class CreateRecipeDto {
+  @IsString()
+  name!: string;
+
+  @IsOptional()
+  @IsString()
+  description?: string;
+
+  @IsOptional()
+  @IsString()
+  instructions?: string;
+
+  @IsArray()
+  @ArrayMinSize(1)
+  @ValidateNested({ each: true })
+  @Type(() => CreateRecipeIngredientDto)
+  ingredients!: CreateRecipeIngredientDto[];
+}

backend/src/recipes/recipes.controller.ts

@@ -0,0 +1,28 @@
+import { Body, Controller, Get, Param, ParseIntPipe, Post } from '@nestjs/common';
+import { CreateRecipeDto } from './dto/create-recipe.dto';
+import { RecipesService } from './recipes.service';
+
+@Controller('recipes')
+export class RecipesController {
+  constructor(private readonly recipesService: RecipesService) {}
+
+  @Get()
+  findAll() {
+    return this.recipesService.findAll();
+  }
+
+  @Get(':id/inventory-preview')
+  getInventoryPreview(@Param('id', ParseIntPipe) id: number) {
+    return this.recipesService.getInventoryPreview(id);
+  }
+
+  @Get(':id')
+  findOne(@Param('id', ParseIntPipe) id: number) {
+    return this.recipesService.findOne(id);
+  }
+
+  @Post()
+  create(@Body() body: CreateRecipeDto) {
+    return this.recipesService.create(body);
+  }
+}

backend/src/recipes/recipes.module.ts

@@ -0,0 +1,11 @@
+import { Module } from '@nestjs/common';
+import { PrismaModule } from '../prisma/prisma.module';
+import { RecipesController } from './recipes.controller';
+import { RecipesService } from './recipes.service';
+
+@Module({
+  imports: [PrismaModule],
+  controllers: [RecipesController],
+  providers: [RecipesService],
+})
+export class RecipesModule {}

backend/src/recipes/recipes.service.ts

@@ -0,0 +1,189 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { Prisma } from '@prisma/client';
+import { PrismaService } from '../prisma/prisma.service';
+import { CreateRecipeDto } from './dto/create-recipe.dto';
+
+@Injectable()
+export class RecipesService {
+  constructor(private readonly prisma: PrismaService) {}
+
+  async findAll() {
+    return this.prisma.recipe.findMany({
+      include: {
+        ingredients: {
+          include: {
+            product: true,
+          },
+        },
+      },
+      orderBy: {
+        name: 'asc',
+      },
+    });
+  }
+
+  async findOne(id: number) {
+    const recipe = await this.prisma.recipe.findUnique({
+      where: { id },
+      include: {
+        ingredients: {
+          include: {
+            product: true,
+          },
+          orderBy: {
+            id: 'asc',
+          },
+        },
+      },
+    });
+
+    if (!recipe) {
+      throw new NotFoundException(`Recipe with id ${id} not found`);
+    }
+
+    return recipe;
+  }
+
+  async create(data: CreateRecipeDto) {
+    for (const ingredient of data.ingredients) {
+      const product = await this.prisma.product.findUnique({
+        where: { id: ingredient.productId },
+      });
+
+      if (!product) {
+        throw new NotFoundException(
+          `Product with id ${ingredient.productId} not found`,
+        );
+      }
+    }
+
+    return this.prisma.recipe.create({
+      data: {
+        name: data.name.trim(),
+        description: data.description?.trim() || null,
+        instructions: data.instructions?.trim() || null,
+        ingredients: {
+          create: data.ingredients.map((ingredient) => ({
+            productId: ingredient.productId,
+            quantity: new Prisma.Decimal(ingredient.quantity),
+            unit: ingredient.unit.trim(),
+            note: ingredient.note?.trim() || null,
+          })),
+        },
+      },
+      include: {
+        ingredients: {
+          include: {
+            product: true,
+          },
+          orderBy: {
+            id: 'asc',
+          },
+        },
+      },
+    });
+  }
+
+  async getInventoryPreview(id: number) {
+    const recipe = await this.prisma.recipe.findUnique({
+      where: { id },
+      include: {
+        ingredients: {
+          include: {
+            product: true,
+          },
+          orderBy: {
+            id: 'asc',
+          },
+        },
+      },
+    });
+
+    if (!recipe) {
+      throw new NotFoundException(`Recipe with id ${id} not found`);
+    }
+
+    const ingredientPreviews = await Promise.all(
+      recipe.ingredients.map(async (ingredient: typeof recipe.ingredients[0]) => {
+        const inventoryItems = await this.prisma.inventoryItem.findMany({
+          where: {
+            productId: ingredient.productId,
+          },
+          orderBy: {
+            createdAt: 'desc',
+          },
+        });
+
+        const sameUnitItems = inventoryItems.filter(
+          (item) => item.unit.trim().toLowerCase() === ingredient.unit.trim().toLowerCase(),
+        );
+
+        const availableQuantity = sameUnitItems.reduce(
+          (sum, item) => sum + Number(item.quantity),
+          0,
+        );
+
+        const requiredQuantity = Number(ingredient.quantity);
+
+        let status: 'enough' | 'missing' | 'unit_mismatch';
+
+        if (sameUnitItems.length > 0) {
+          status = availableQuantity >= requiredQuantity ? 'enough' : 'missing';
+        } else if (inventoryItems.length > 0) {
+          status = 'unit_mismatch';
+        } else {
+          status = 'missing';
+        }
+
+        return {
+          ingredientId: ingredient.id,
+          productId: ingredient.productId,
+          productName: ingredient.product.canonicalName || ingredient.product.name,
+          requiredQuantity,
+          requiredUnit: ingredient.unit,
+          note: ingredient.note,
+          availableQuantity,
+          availableUnit: sameUnitItems.length > 0 ? ingredient.unit : null,
+          matchingInventoryItems: sameUnitItems.map((item) => ({
+            id: item.id,
+            quantity: item.quantity,
+            unit: item.unit,
+            location: item.location,
+          })),
+          otherInventoryItems: inventoryItems
+            .filter((item) => item.unit.trim().toLowerCase() !== ingredient.unit.trim().toLowerCase())
+            .map((item) => ({
+              id: item.id,
+              quantity: item.quantity,
+              unit: item.unit,
+              location: item.location,
+            })),
+          status,
+          missingQuantity:
+            status === 'missing'
+              ? Math.max(0, requiredQuantity - availableQuantity)
+              : 0,
+        };
+      }),
+    );
+
+    const summary = {
+      totalIngredients: ingredientPreviews.length,
+      enoughCount: ingredientPreviews.filter((i: typeof ingredientPreviews[0]) => i.status === 'enough').length,
+      missingCount: ingredientPreviews.filter((i: typeof ingredientPreviews[0]) => i.status === 'missing').length,
+      unitMismatchCount: ingredientPreviews.filter((i: typeof ingredientPreviews[0]) => i.status === 'unit_mismatch').length,
+      canCookExactly:
+        ingredientPreviews.every((i: typeof ingredientPreviews[0]) => i.status === 'enough'),
+    };
+
+    return {
+      recipe: {
+        id: recipe.id,
+        name: recipe.name,
+        description: recipe.description,
+      },
+      ingredients: ingredientPreviews,
+      summary,
+    };
+  }
+}

backend/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "declaration": true,
+    "removeComments": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "target": "ES2021",
+    "sourceMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "incremental": true,
+    "skipLibCheck": true,
+    "strictNullChecks": true,
+    "noImplicitAny": true,
+    "strictBindCallApply": false,
+    "forceConsistentCasingInFileNames": false,
+    "noFallthroughCasesInSwitch": false
+  }
+}

backup_recipe_app.sh

@@ -0,0 +1,66 @@
+#!/bin/bash
+
+# Konfiguration
+PROJECT_DIR="/opt/containers/recipe-app"
+BACKUP_DIR="/media/share1/backups"  # Ändra till önskad backup-plats
+DATE=$(date +"%Y%m%d_%H%M%S")
+BACKUP_NAME="recipe_app_backup_$DATE"
+
+# Skapa backup-mapp om den inte finns
+mkdir -p "$BACKUP_DIR/$BACKUP_NAME"
+
+# Säkerhetskopiera compose.yml (om den finns)
+if [ -f "$PROJECT_DIR/compose.yml" ]; then
+  echo "Säkerhetskopierar compose.yml..."
+  cp "$PROJECT_DIR/compose.yml" "$BACKUP_DIR/$BACKUP_NAME/compose.yml.backup"
+else
+  echo "Varning: compose.yml hittades inte i $PROJECT_DIR"
+fi
+
+# Säkerhetskopiera projektmappen (exkludera onödiga mappar)
+echo "Säkerhetskopierar projektmappen (exkluderar node_modules, .next, dist, uploads, db)..."
+rsync -a \
+  --exclude='node_modules' \
+  --exclude='.next' \
+  --exclude='dist' \
+  --exclude='uploads' \
+  --exclude='db' \
+  "$PROJECT_DIR/" "$BACKUP_DIR/$BACKUP_NAME/recipe-app/"
+
+# Säkerhetskopiera Docker-images
+echo "Säkerhetskopierar Docker-images..."
+docker save -o "$BACKUP_DIR/$BACKUP_NAME/recipe_frontend_backup.tar" recipe-frontend:local || echo "Kunde inte säkerhetskopiera recipe-frontend:local"
+docker save -o "$BACKUP_DIR/$BACKUP_NAME/recipe_api_backup.tar" recipe-api:local || echo "Kunde inte säkerhetskopiera recipe-api:local"
+
+# Säkerhetskopiera körande containrar
+echo "Säkerhetskopierar körande containrar..."
+FRONTEND_CONTAINER_ID=$(docker ps -aqf "name=recipe-app-frontend")
+API_CONTAINER_ID=$(docker ps -aqf "name=recipe-app-recipe-api")
+
+if [ ! -z "$FRONTEND_CONTAINER_ID" ]; then
+  docker commit "$FRONTEND_CONTAINER_ID" recipe-frontend-container-backup
+  docker save -o "$BACKUP_DIR/$BACKUP_NAME/recipe_frontend_container_backup.tar" recipe-frontend-container-backup
+  docker rmi recipe-frontend-container-backup
+fi
+
+if [ ! -z "$API_CONTAINER_ID" ]; then
+  docker commit "$API_CONTAINER_ID" recipe-api-container-backup
+  docker save -o "$BACKUP_DIR/$BACKUP_NAME/recipe_api_container_backup.tar" recipe-api-container-backup
+  docker rmi recipe-api-container-backup
+fi
+
+# Säkerhetskopiera Docker-volymer
+echo "Säkerhetskopierar Docker-volymer..."
+docker run --rm -v recipe-db-data:/volume -v "$BACKUP_DIR/$BACKUP_NAME":/backup alpine tar cvf /backup/recipe_db_data_backup.tar /volume
+
+# Komprimera backup-mappen i delar
+echo "Komprimerar backup i delar..."
+cd "$BACKUP_DIR"
+tar -czvf "$BACKUP_NAME-part1.tar.gz" -C "$BACKUP_NAME" compose.yml.backup recipe_db_data_backup.tar 2>/dev/null
+tar -czvf "$BACKUP_NAME-part2.tar.gz" -C "$BACKUP_NAME" recipe_app 2>/dev/null
+tar -czvf "$BACKUP_NAME-part3.tar.gz" -C "$BACKUP_NAME" *.tar 2>/dev/null
+
+# Rensa temporära filer
+rm -rf "$BACKUP_DIR/$BACKUP_NAME"
+
+echo "Backup klar! Filerna sparades i $BACKUP_DIR/ som $BACKUP_NAME-part*.tar.gz"

compose.yml

@@ -0,0 +1,50 @@
+services:
+  recipe-frontend:
+    build:
+      context: ./frontend
+      dockerfile: Dockerfile
+    container_name: recipe-frontend
+    restart: unless-stopped
+#    env_file:
+#      - .env
+    networks:
+      - proxy
+      - recipe-internal
+
+  recipe-api:
+    image: hashicorp/http-echo:1.0
+    container_name: recipe-api
+    command: ["-listen=:8080", "-text=recipe-api is alive"]
+    restart: unless-stopped
+    networks:
+      - proxy
+      - recipe-internal
+
+  recipe-db:
+    image: mariadb:11
+    container_name: recipe-db
+    restart: unless-stopped
+#    env_file:
+#      - .env
+    environment:
+      MARIADB_ROOT_PASSWORD: ${MARIADB_ROOT_PASSWORD}
+      MARIADB_DATABASE: ${MARIADB_DATABASE}
+      MARIADB_USER: ${MARIADB_USER}
+      MARIADB_PASSWORD: ${MARIADB_PASSWORD}
+    volumes:
+      - recipe_db_data:/var/lib/mysql
+      - ./db/init:/docker-entrypoint-initdb.d
+    command: >
+      --character-set-server=utf8mb4
+      --collation-server=utf8mb4_unicode_ci
+    networks:
+      - recipe-internal
+
+volumes:
+  recipe_db_data:
+
+networks:
+  proxy:
+    external: true
+  recipe-internal:
+    driver: bridge

db/init/001-init.sql

@@ -0,0 +1,8 @@
+CREATE TABLE IF NOT EXISTS app_bootstrap_check (
+  id INT AUTO_INCREMENT PRIMARY KEY,
+  message VARCHAR(255) NOT NULL,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+INSERT INTO app_bootstrap_check (message)
+VALUES ('recipe-db initialized');

frontend/Dockerfile

@@ -0,0 +1,21 @@
+FROM node:22-alpine AS deps
+WORKDIR /app
+COPY package.json ./
+RUN npm install
+
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+RUN npm run build
+
+FROM node:22-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV=production
+
+COPY --from=builder /app/.next/standalone ./
+COPY --from=builder /app/.next/static ./.next/static
+COPY --from=builder /app/public ./public
+
+EXPOSE 3000
+CMD ["node", "server.js"]

frontend/app/admin/products/CanonicalNameForm.tsx

@@ -0,0 +1,51 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import { updateCanonicalName } from '../../inventory/actions';
+
+type Props = {
+  id: number;
+  currentCanonicalName: string | null;
+};
+
+export default function CanonicalNameForm({
+  id,
+  currentCanonicalName,
+}: Props) {
+  const [isPending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        setError(null);
+
+        const form = e.currentTarget;
+        const formData = new FormData(form);
+
+        startTransition(async () => {
+          try {
+            await updateCanonicalName(formData);
+          } catch (err) {
+            setError(err instanceof Error ? err.message : 'Okänt fel');
+          }
+        });
+      }}
+      style={{ display: 'flex', gap: '0.5rem', alignItems: 'center', flexWrap: 'wrap' }}
+    >
+      <input type="hidden" name="id" value={id} />
+      <input
+        name="canonicalName"
+        type="text"
+        defaultValue={currentCanonicalName || ''}
+        placeholder="Canonical name"
+        style={{ padding: '0.4rem', minWidth: '220px' }}
+      />
+      <button type="submit" disabled={isPending} style={{ padding: '0.4rem 0.75rem' }}>
+        {isPending ? 'Sparar...' : 'Spara'}
+      </button>
+      {error ? <span style={{ color: 'crimson' }}>{error}</span> : null}
+    </form>
+  );
+}

frontend/app/admin/products/MergePreviewForm.tsx

@@ -0,0 +1,262 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import type { MergePreview, Product } from '../../../features/inventory/types';
+import { mergeProducts } from '../../inventory/actions';
+
+type Props = {
+  products: Product[];
+};
+
+export default function MergePreviewForm({ products }: Props) {
+  const [sourceProductId, setSourceProductId] = useState('');
+  const [targetProductId, setTargetProductId] = useState('');
+  const [preview, setPreview] = useState<MergePreview | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const [successMessage, setSuccessMessage] = useState<string | null>(null);
+  const [isPending, startTransition] = useTransition();
+  const [isConfirming, setIsConfirming] = useState(false);
+
+  const fetchPreview = () => {
+    setError(null);
+    setSuccessMessage(null);
+    setPreview(null);
+    setIsConfirming(false);
+
+    if (!sourceProductId || !targetProductId) {
+      setError('Välj både source och target.');
+      return;
+    }
+
+    if (sourceProductId === targetProductId) {
+      setError('Source och target kan inte vara samma produkt.');
+      return;
+    }
+
+    startTransition(async () => {
+      try {
+        const res = await fetch(
+          `/api/admin/merge-preview-proxy?sourceProductId=${sourceProductId}&targetProductId=${targetProductId}`,
+          {
+            method: 'GET',
+            cache: 'no-store',
+          },
+        );
+
+        if (!res.ok) {
+          const text = await res.text();
+          throw new Error(text || 'Kunde inte hämta preview.');
+        }
+
+        const data: MergePreview = await res.json();
+        setPreview(data);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Okänt fel');
+      }
+    });
+  };
+
+  const confirmMerge = () => {
+    setError(null);
+    setSuccessMessage(null);
+
+    if (!preview) {
+      setError('Ingen preview finns att bekräfta.');
+      return;
+    }
+
+    startTransition(async () => {
+      try {
+        const formData = new FormData();
+        formData.set('sourceProductId', String(preview.source.id));
+        formData.set('targetProductId', String(preview.target.id));
+
+        await mergeProducts(formData);
+
+        setSuccessMessage(
+          `Produkten "${preview.source.canonicalName || preview.source.name}" slogs ihop med "${preview.target.canonicalName || preview.target.name}".`,
+        );
+        setPreview(null);
+        setIsConfirming(false);
+        setSourceProductId('');
+        setTargetProductId('');
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Okänt fel');
+      }
+    });
+  };
+
+  return (
+    <section
+      style={{
+        border: '1px solid #ddd',
+        borderRadius: '8px',
+        padding: '1rem',
+        marginBottom: '1.5rem',
+        display: 'grid',
+        gap: '1rem',
+      }}
+    >
+      <h2 style={{ margin: 0 }}>Förhandsgranska merge</h2>
+
+      <div style={{ display: 'grid', gap: '0.75rem', gridTemplateColumns: '1fr 1fr' }}>
+        <label>
+          Source product (ska bort)
+          <br />
+          <select
+            value={sourceProductId}
+            onChange={(e) => setSourceProductId(e.target.value)}
+            style={{ width: '100%', padding: '0.5rem' }}
+          >
+            <option value="">Välj source</option>
+            {products.map((product) => (
+              <option key={product.id} value={product.id}>
+                {product.canonicalName || product.name} (ID {product.id})
+              </option>
+            ))}
+          </select>
+        </label>
+
+        <label>
+          Target product (ska behållas)
+          <br />
+          <select
+            value={targetProductId}
+            onChange={(e) => setTargetProductId(e.target.value)}
+            style={{ width: '100%', padding: '0.5rem' }}
+          >
+            <option value="">Välj target</option>
+            {products.map((product) => (
+              <option key={product.id} value={product.id}>
+                {product.canonicalName || product.name} (ID {product.id})
+              </option>
+            ))}
+          </select>
+        </label>
+      </div>
+
+      <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
+        <button
+          type="button"
+          onClick={fetchPreview}
+          disabled={isPending}
+          style={{ padding: '0.6rem 1rem' }}
+        >
+          {isPending ? 'Hämtar preview...' : 'Förhandsgranska merge'}
+        </button>
+
+        {preview ? (
+          <button
+            type="button"
+            onClick={() => setIsConfirming((prev) => !prev)}
+            disabled={isPending}
+            style={{ padding: '0.6rem 1rem' }}
+          >
+            {isConfirming ? 'Avbryt bekräftelse' : 'Gå vidare till bekräftelse'}
+          </button>
+        ) : null}
+      </div>
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+      {successMessage ? <p style={{ color: 'green', margin: 0 }}>{successMessage}</p> : null}
+
+      {preview ? (
+        <div style={{ display: 'grid', gap: '1rem' }}>
+          <div
+            style={{
+              display: 'grid',
+              gap: '1rem',
+              gridTemplateColumns: '1fr 1fr',
+            }}
+          >
+            <article style={{ border: '1px solid #ddd', borderRadius: '8px', padding: '1rem' }}>
+              <h3 style={{ marginTop: 0 }}>Source</h3>
+              <div><strong>ID:</strong> {preview.source.id}</div>
+              <div><strong>Namn:</strong> {preview.source.name}</div>
+              <div><strong>Canonical:</strong> {preview.source.canonicalName || 'Saknas'}</div>
+              <div><strong>Normalized:</strong> {preview.source.normalizedName}</div>
+              <div><strong>Aktiv:</strong> {preview.source.isActive ? 'Ja' : 'Nej'}</div>
+              <div><strong>Inventory count:</strong> {preview.source.inventoryCount}</div>
+            </article>
+
+            <article style={{ border: '1px solid #ddd', borderRadius: '8px', padding: '1rem' }}>
+              <h3 style={{ marginTop: 0 }}>Target</h3>
+              <div><strong>ID:</strong> {preview.target.id}</div>
+              <div><strong>Namn:</strong> {preview.target.name}</div>
+              <div><strong>Canonical:</strong> {preview.target.canonicalName || 'Saknas'}</div>
+              <div><strong>Normalized:</strong> {preview.target.normalizedName}</div>
+              <div><strong>Aktiv:</strong> {preview.target.isActive ? 'Ja' : 'Nej'}</div>
+              <div><strong>Inventory count:</strong> {preview.target.inventoryCount}</div>
+            </article>
+          </div>
+
+          <article
+            style={{
+              border: '1px solid #ddd',
+              borderRadius: '8px',
+              padding: '1rem',
+              background: '#fafafa',
+            }}
+          >
+            <h3 style={{ marginTop: 0 }}>Det här kommer att hända</h3>
+            <div>
+              <strong>Inventory som flyttas:</strong> {preview.outcome.inventoryItemsToMove}
+            </div>
+            <div>
+              <strong>Source soft-deletas:</strong>{' '}
+              {preview.outcome.sourceWillBeSoftDeleted ? 'Ja' : 'Nej'}
+            </div>
+            <div>
+              <strong>Target förblir aktiv:</strong>{' '}
+              {preview.outcome.targetWillRemainActive ? 'Ja' : 'Nej'}
+            </div>
+          </article>
+
+          {isConfirming ? (
+            <article
+              style={{
+                border: '1px solid #e0b4b4',
+                borderRadius: '8px',
+                padding: '1rem',
+                background: '#fff6f6',
+                display: 'grid',
+                gap: '0.75rem',
+              }}
+            >
+              <h3 style={{ marginTop: 0 }}>Bekräfta merge</h3>
+              <p style={{ margin: 0 }}>
+                Du är på väg att slå ihop{' '}
+                <strong>{preview.source.canonicalName || preview.source.name}</strong> in i{' '}
+                <strong>{preview.target.canonicalName || preview.target.name}</strong>.
+              </p>
+              <p style={{ margin: 0 }}>
+                Source-produkten kommer att soft-deletas och kan återställas senare, men
+                inventory flyttas till target.
+              </p>
+
+              <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
+                <button
+                  type="button"
+                  onClick={confirmMerge}
+                  disabled={isPending}
+                  style={{ padding: '0.75rem 1rem' }}
+                >
+                  {isPending ? 'Slår ihop...' : 'Bekräfta merge'}
+                </button>
+
+                <button
+                  type="button"
+                  onClick={() => setIsConfirming(false)}
+                  disabled={isPending}
+                  style={{ padding: '0.75rem 1rem' }}
+                >
+                  Avbryt
+                </button>
+              </div>
+            </article>
+          ) : null}
+        </div>
+      ) : null}
+    </section>
+  );
+}

frontend/app/admin/products/page.tsx

@@ -0,0 +1,50 @@
+import { fetchJson } from '../../../lib/api';
+import type { Product } from '../../../features/inventory/types';
+import CanonicalNameForm from './CanonicalNameForm';
+import MergePreviewForm from './MergePreviewForm';
+
+export default async function AdminProductsPage() {
+  const products = await fetchJson<Product[]>('/api/products');
+
+  return (
+    <main style={{ padding: '1.5rem', maxWidth: '1100px', margin: '0 auto' }}>
+      <h1>Admin: Produkter</h1>
+      <p>Här kan du granska och standardisera produktnamn.</p>
+
+      <MergePreviewForm products={products} />
+
+      <div style={{ display: 'grid', gap: '1rem' }}>
+        {products.map((product) => (
+          <article
+            key={product.id}
+            style={{
+              border: '1px solid #ddd',
+              borderRadius: '8px',
+              padding: '1rem',
+              display: 'grid',
+              gap: '0.5rem',
+            }}
+          >
+            <div>
+              <strong>ID:</strong> {product.id}
+            </div>
+            <div>
+              <strong>Namn:</strong> {product.name}
+            </div>
+            <div>
+              <strong>Canonical name:</strong> {product.canonicalName || 'Saknas'}
+            </div>
+            <div>
+              <strong>Normalized:</strong> {product.normalizedName}
+            </div>
+
+            <CanonicalNameForm
+              id={product.id}
+              currentCanonicalName={product.canonicalName}
+            />
+          </article>
+        ))}
+      </div>
+    </main>
+  );
+}

frontend/app/api/admin/merge-preview-proxy/route.ts

@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+const API_BASE =
+  process.env.NEXT_PUBLIC_API_URL_INTERNAL || 'http://recipe-api:8080';
+
+export async function GET(request: NextRequest) {
+  const sourceProductId = request.nextUrl.searchParams.get('sourceProductId');
+  const targetProductId = request.nextUrl.searchParams.get('targetProductId');
+
+  const res = await fetch(
+    `${API_BASE}/api/products/merge-preview?sourceProductId=${sourceProductId}&targetProductId=${targetProductId}`,
+    {
+      method: 'GET',
+      cache: 'no-store',
+    },
+  );
+
+  const text = await res.text();
+
+  return new NextResponse(text, {
+    status: res.status,
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+}

frontend/app/api/inventory-history-proxy/route.ts

@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+const API_BASE =
+  process.env.NEXT_PUBLIC_API_URL_INTERNAL || 'http://recipe-api:8080';
+
+export async function GET(request: NextRequest) {
+  const id = request.nextUrl.searchParams.get('id');
+
+  const res = await fetch(`${API_BASE}/api/inventory/${id}/consumption-history`, {
+    method: 'GET',
+    cache: 'no-store',
+  });
+
+  const text = await res.text();
+
+  return new NextResponse(text, {
+    status: res.status,
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  });
+}

frontend/app/inventory/InventoryConsumeForm.tsx

@@ -0,0 +1,112 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import { consumeInventoryItem } from './actions';
+
+type Props = {
+  id: number;
+  unit: string;
+};
+
+export default function InventoryConsumeForm({ id, unit }: Props) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+
+  if (!isOpen) {
+    return (
+      <button
+        type="button"
+        onClick={() => setIsOpen(true)}
+        style={{ padding: '0.5rem 0.75rem' }}
+      >
+        Använt
+      </button>
+    );
+  }
+
+  return (
+    <div
+      style={{
+        width: '100%',
+        display: 'grid',
+        gap: '0.75rem',
+        marginTop: '0.5rem',
+      }}
+    >
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          setError(null);
+
+          const form = e.currentTarget;
+          const formData = new FormData(form);
+
+          startTransition(async () => {
+            try {
+              await consumeInventoryItem(formData);
+              setIsOpen(false);
+            } catch (err) {
+              setError(err instanceof Error ? err.message : 'Okänt fel');
+            }
+          });
+        }}
+        style={{
+          display: 'grid',
+          gap: '0.75rem',
+          border: '1px solid #eee',
+          borderRadius: '8px',
+          padding: '0.75rem',
+          background: '#fafafa',
+        }}
+      >
+        <input type="hidden" name="id" value={id} />
+
+        <label>
+          Hur mycket använde du? ({unit})
+          <br />
+          <input
+            name="amountUsed"
+            type="number"
+            step="0.01"
+            min="0.01"
+            required
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+
+        <label>
+          Kommentar
+          <br />
+          <input
+            name="comment"
+            type="text"
+            placeholder="t.ex. lagade middag"
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+
+        <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
+          <button
+            type="submit"
+            disabled={isPending}
+            style={{ padding: '0.6rem 0.9rem' }}
+          >
+            {isPending ? 'Sparar...' : 'Spara användning'}
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setIsOpen(false)}
+            disabled={isPending}
+            style={{ padding: '0.6rem 0.9rem' }}
+          >
+            Avbryt
+          </button>
+        </div>
+      </form>
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+    </div>
+  );
+}

frontend/app/inventory/InventoryConsumptionHistory.tsx

@@ -0,0 +1,125 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import type { InventoryConsumption } from '../../features/inventory/types';
+
+type Props = {
+  id: number;
+};
+
+function formatDateTime(value: string) {
+  return new Date(value).toLocaleString('sv-SE');
+}
+
+export default function InventoryConsumptionHistory({ id }: Props) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+  const [history, setHistory] = useState<InventoryConsumption[] | null>(null);
+
+  const loadHistory = () => {
+    setError(null);
+
+    startTransition(async () => {
+      try {
+        const res = await fetch(`/api/inventory-history-proxy?id=${id}`, {
+          method: 'GET',
+          cache: 'no-store',
+        });
+
+        if (!res.ok) {
+          const text = await res.text();
+          throw new Error(text || 'Kunde inte hämta historik.');
+        }
+
+        const data: InventoryConsumption[] = await res.json();
+        setHistory(data);
+        setIsOpen(true);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : 'Okänt fel');
+      }
+    });
+  };
+
+  if (!isOpen) {
+    return (
+      <div style={{ display: 'grid', gap: '0.5rem' }}>
+        <button
+          type="button"
+          onClick={loadHistory}
+          disabled={isPending}
+          style={{ padding: '0.5rem 0.75rem' }}
+        >
+          {isPending ? 'Hämtar historik...' : 'Visa historik'}
+        </button>
+        {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+      </div>
+    );
+  }
+
+  return (
+    <div
+      style={{
+        width: '100%',
+        display: 'grid',
+        gap: '0.75rem',
+        marginTop: '0.5rem',
+        border: '1px solid #eee',
+        borderRadius: '8px',
+        padding: '0.75rem',
+        background: '#fafafa',
+      }}
+    >
+      <div
+        style={{
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          gap: '0.75rem',
+          flexWrap: 'wrap',
+        }}
+      >
+        <strong>Förbrukningshistorik</strong>
+        <button
+          type="button"
+          onClick={() => setIsOpen(false)}
+          style={{ padding: '0.45rem 0.75rem' }}
+        >
+          Dölj
+        </button>
+      </div>
+
+      {history && history.length > 0 ? (
+        <div style={{ display: 'grid', gap: '0.5rem' }}>
+          {history.map((entry) => (
+            <article
+              key={entry.id}
+              style={{
+                border: '1px solid #e5e5e5',
+                borderRadius: '6px',
+                padding: '0.6rem',
+                background: '#fff',
+              }}
+            >
+              <div>
+                <strong>Använt:</strong> {entry.amountUsed}
+              </div>
+              <div>
+                <strong>Tid:</strong> {formatDateTime(entry.createdAt)}
+              </div>
+              {entry.comment ? (
+                <div>
+                  <strong>Kommentar:</strong> {entry.comment}
+                </div>
+              ) : null}
+            </article>
+          ))}
+        </div>
+      ) : (
+        <p style={{ margin: 0 }}>Ingen förbrukningshistorik ännu.</p>
+      )}
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+    </div>
+  );
+}

frontend/app/inventory/InventoryEditForm.tsx

@@ -0,0 +1,189 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import { updateInventoryItem } from './actions';
+import type { InventoryItem } from '../../features/inventory/types';
+
+type Props = {
+  item: InventoryItem;
+};
+
+function toDateInputValue(value: string | null) {
+  if (!value) return '';
+  return value.slice(0, 10);
+}
+
+export default function InventoryEditForm({ item }: Props) {
+  const [isEditing, setIsEditing] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+
+  if (!isEditing) {
+    return (
+      <button
+        type="button"
+        onClick={() => setIsEditing(true)}
+        style={{ padding: '0.5rem 0.75rem' }}
+      >
+        Redigera
+      </button>
+    );
+  }
+
+  return (
+    <div
+      style={{
+        width: '100%',
+        display: 'grid',
+        gap: '0.75rem',
+        marginTop: '0.5rem',
+      }}
+    >
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          setError(null);
+
+          const form = e.currentTarget;
+          const formData = new FormData(form);
+
+          startTransition(async () => {
+            try {
+              await updateInventoryItem(formData);
+              setIsEditing(false);
+            } catch (err) {
+              setError(err instanceof Error ? err.message : 'Okänt fel');
+            }
+          });
+        }}
+        style={{
+          display: 'grid',
+          gap: '0.75rem',
+          border: '1px solid #eee',
+          borderRadius: '8px',
+          padding: '0.75rem',
+          background: '#fafafa',
+        }}
+      >
+        <input type="hidden" name="id" value={item.id} />
+
+        <div
+          style={{
+            display: 'grid',
+            gap: '0.75rem',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',
+          }}
+        >
+          <label>
+            Mängd
+            <br />
+            <input
+              name="quantity"
+              type="number"
+              step="0.01"
+              min="0"
+              defaultValue={item.quantity}
+              style={{ width: '100%', padding: '0.5rem' }}
+            />
+          </label>
+
+          <label>
+            Enhet
+            <br />
+            <input
+              name="unit"
+              type="text"
+              defaultValue={item.unit}
+              style={{ width: '100%', padding: '0.5rem' }}
+            />
+          </label>
+
+          <label>
+            Plats
+            <br />
+            <input
+              name="location"
+              type="text"
+              defaultValue={item.location || ''}
+              style={{ width: '100%', padding: '0.5rem' }}
+            />
+          </label>
+
+          <label>
+            Varumärke
+            <br />
+            <input
+              name="brand"
+              type="text"
+              defaultValue={item.brand || ''}
+              style={{ width: '100%', padding: '0.5rem' }}
+            />
+          </label>
+
+          <label>
+            Bäst före
+            <br />
+            <input
+              name="bestBeforeDate"
+              type="date"
+              defaultValue={toDateInputValue(item.bestBeforeDate)}
+              style={{ width: '100%', padding: '0.5rem' }}
+            />
+          </label>
+        </div>
+
+        <label>
+          Passar till
+          <br />
+          <input
+            name="suitableFor"
+            type="text"
+            defaultValue={item.suitableFor || ''}
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+
+        <label>
+          Kommentar
+          <br />
+          <input
+            name="comment"
+            type="text"
+            defaultValue={item.comment || ''}
+            style={{ width: '100%', padding: '0.5rem' }}
+          />
+        </label>
+
+        <label style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+          <input
+            name="opened"
+            type="checkbox"
+            defaultChecked={item.opened ?? false}
+          />
+          Öppnad
+        </label>
+
+        <div style={{ display: 'flex', gap: '0.75rem', flexWrap: 'wrap' }}>
+          <button
+            type="submit"
+            disabled={isPending}
+            style={{ padding: '0.6rem 0.9rem' }}
+          >
+            {isPending ? 'Sparar...' : 'Spara ändringar'}
+          </button>
+
+          <button
+            type="button"
+            onClick={() => setIsEditing(false)}
+            disabled={isPending}
+            style={{ padding: '0.6rem 0.9rem' }}
+          >
+            Avbryt
+          </button>
+        </div>
+      </form>
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+    </div>
+  );
+}

frontend/app/inventory/InventoryForm.tsx

@@ -0,0 +1,139 @@
+'use client';
+
+import { useState } from 'react';
+import { createInventoryItem } from './actions';
+import type { Product } from '../../features/inventory/types';
+
+type Props = {
+  products: Product[];
+};
+
+export default function InventoryForm({ products }: Props) {
+  const [isPending, setIsPending] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  return (
+    <form
+      onSubmit={async (e) => {
+        e.preventDefault();
+        setError(null);
+        setIsPending(true);
+
+        const form = e.currentTarget;
+        const formData = new FormData(form);
+
+        try {
+          await createInventoryItem(formData);
+          form.reset();
+        } catch (err) {
+          setError(err instanceof Error ? err.message : 'Okänt fel');
+        } finally {
+          setIsPending(false);
+        }
+      }}
+      style={{
+        display: 'grid',
+        gap: '0.75rem',
+        padding: '1rem',
+        border: '1px solid #ddd',
+        borderRadius: '8px',
+        marginBottom: '1.5rem',
+      }}
+    >
+      <h2 style={{ margin: 0 }}>Lägg till hemmavara</h2>
+
+      <label>
+        Produkt
+        <br />
+        <select name="productId" required style={{ width: '100%', padding: '0.5rem' }}>
+          <option value="">Välj produkt</option>
+          {products.map((product) => (
+            <option key={product.id} value={product.id}>
+              {product.canonicalName || product.name}
+            </option>
+          ))}
+        </select>
+      </label>
+
+      <label>
+        Mängd
+        <br />
+        <input
+          name="quantity"
+          type="number"
+          step="0.01"
+          min="0"
+          required
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <label>
+        Enhet
+        <br />
+        <input
+          name="unit"
+          type="text"
+          required
+          placeholder="g, kg, st, dl..."
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <label>
+        Plats
+        <br />
+        <select name="location" required style={{ width: '100%', padding: '0.5rem' }}>
+          <option value="">Välj plats</option>
+          <option value="Kyl">Kyl</option>
+          <option value="Frys">Frys</option>
+          <option value="Skafferi">Skafferi</option>
+          <option value="Annat">Annat</option>
+        </select>
+      </label>
+      
+       <label>
+        Varumärke
+        <br />
+        <input
+          name="brand"
+          type="text"
+          placeholder="t.ex. Eldorado, Kronfågel, Garant, ICA Basic, Motti"
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <label>
+        Passar till
+        <br />
+        <input
+          name="suitableFor"
+          type="text"
+          placeholder="Wok, Gryta..."
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <label>
+        Bäst före
+        <br />
+        <input
+          name="bestBeforeDate"
+          type="date"
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <label style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
+        <input name="opened" type="checkbox" />
+        Öppnad
+      </label>
+
+      <button type="submit" disabled={isPending} style={{ padding: '0.75rem' }}>
+        {isPending ? 'Sparar...' : 'Lägg till'}
+      </button>
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+    </form>
+  );
+}

frontend/app/inventory/ProductForm.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import { createProduct } from './actions';
+
+export default function ProductForm() {
+  const [isPending, startTransition] = useTransition();
+  const [error, setError] = useState<string | null>(null);
+
+  return (
+    <form
+      onSubmit={(e) => {
+        e.preventDefault();
+        setError(null);
+
+        const form = e.currentTarget;
+        const formData = new FormData(form);
+
+        startTransition(async () => {
+          try {
+            await createProduct(formData);
+            form.reset();
+          } catch (err) {
+            setError(err instanceof Error ? err.message : 'Okänt fel');
+          }
+        });
+      }}
+      style={{
+        display: 'grid',
+        gap: '0.75rem',
+        padding: '1rem',
+        border: '1px solid #ddd',
+        borderRadius: '8px',
+        marginBottom: '1.5rem',
+      }}
+    >
+      <h2 style={{ margin: 0 }}>Skapa produkt</h2>
+
+      <label>
+        Produktnamn
+        <br />
+        <input
+          name="name"
+          type="text"
+          required
+          placeholder="Till exempel Rödkål"
+          style={{ width: '100%', padding: '0.5rem' }}
+        />
+      </label>
+
+      <button type="submit" disabled={isPending} style={{ padding: '0.75rem' }}>
+        {isPending ? 'Sparar...' : 'Skapa produkt'}
+      </button>
+
+      {error ? <p style={{ color: 'crimson', margin: 0 }}>{error}</p> : null}
+    </form>
+  );
+}

frontend/app/inventory/actions.ts

@@ -0,0 +1,178 @@
+'use server';
+
+import { revalidatePath } from 'next/cache';
+import { API_BASE } from '../../lib/api';
+
+export async function createProduct(formData: FormData) {
+  const name = String(formData.get('name') || '').trim();
+
+  const res = await fetch(`${API_BASE}/api/products`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ name }),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte skapa produkt: ${text}`);
+  }
+
+  revalidatePath('/inventory');
+}
+
+export async function createInventoryItem(formData: FormData) {
+  const productId = Number(formData.get('productId'));
+  const quantity = Number(formData.get('quantity'));
+  const unit = String(formData.get('unit') || '').trim();
+  const location = String(formData.get('location') || '').trim();
+  const opened = formData.get('opened') === 'on';
+  const suitableFor = String(formData.get('suitableFor') || '').trim();
+  const bestBeforeDateRaw = String(formData.get('bestBeforeDate') || '').trim();
+  const brand = String(formData.get('brand') || '').trim();
+ 
+  const payload: Record<string, unknown> = {
+    productId,
+    quantity,
+    unit,
+  };
+
+  if (location) payload.location = location;
+  payload.opened = opened;
+  if (brand) payload.brand = brand;
+  if (suitableFor) payload.suitableFor = suitableFor;
+  if (bestBeforeDateRaw) payload.bestBeforeDate = bestBeforeDateRaw;
+  
+  const res = await fetch(`${API_BASE}/api/inventory`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(payload),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte skapa inventory-rad: ${text}`);
+  }
+
+  revalidatePath('/inventory');
+}
+
+export async function updateInventoryItem(formData: FormData) {
+  const id = Number(formData.get('id'));
+  const quantityRaw = String(formData.get('quantity') || '').trim();
+  const unit = String(formData.get('unit') || '').trim();
+  const location = String(formData.get('location') || '').trim();
+  const brand = String(formData.get('brand') || '').trim();
+  const suitableFor = String(formData.get('suitableFor') || '').trim();
+  const comment = String(formData.get('comment') || '').trim();
+  const bestBeforeDateRaw = String(formData.get('bestBeforeDate') || '').trim();
+  const opened = formData.get('opened') === 'on';
+
+  const payload: Record<string, unknown> = {
+    opened,
+  };
+
+  if (quantityRaw) payload.quantity = Number(quantityRaw);
+  if (unit) payload.unit = unit;
+  payload.location = location;
+  payload.brand = brand;
+  payload.suitableFor = suitableFor;
+  payload.comment = comment;
+  payload.bestBeforeDate = bestBeforeDateRaw || null;
+
+  const res = await fetch(`${API_BASE}/api/inventory/${id}`, {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(payload),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte uppdatera inventory-rad: ${text}`);
+  }
+
+  revalidatePath('/inventory');
+}
+
+export async function updateCanonicalName(formData: FormData) {
+  const id = Number(formData.get('id'));
+  const canonicalName = String(formData.get('canonicalName') || '').trim();
+
+  const res = await fetch(`${API_BASE}/api/products/${id}/canonical-name`, {
+    method: 'PATCH',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({ canonicalName }),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte uppdatera canonicalName: ${text}`);
+  }
+
+  revalidatePath('/admin/products');
+}
+
+export async function mergeProducts(formData: FormData) {
+  const sourceProductId = Number(formData.get('sourceProductId'));
+  const targetProductId = Number(formData.get('targetProductId'));
+
+  const res = await fetch(`${API_BASE}/api/products/merge`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      sourceProductId,
+      targetProductId,
+    }),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte slå ihop produkter: ${text}`);
+  }
+
+  revalidatePath('/admin/products');
+}
+
+export async function consumeInventoryItem(formData: FormData) {
+  const id = Number(formData.get('id'));
+  const amountUsed = Number(formData.get('amountUsed'));
+  const comment = String(formData.get('comment') || '').trim();
+
+  const payload: Record<string, unknown> = {
+    amountUsed,
+  };
+
+  if (comment) {
+    payload.comment = comment;
+  }
+
+  const res = await fetch(`${API_BASE}/api/inventory/${id}/consume`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(payload),
+    cache: 'no-store',
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`Kunde inte förbruka inventory-rad: ${text}`);
+  }
+
+  revalidatePath('/inventory');
+}

frontend/app/inventory/page.tsx

@@ -0,0 +1,294 @@
+import InventoryForm from './InventoryForm';
+import InventoryEditForm from './InventoryEditForm';
+import InventoryConsumeForm from './InventoryConsumeForm';
+import ProductForm from './ProductForm';
+import Link from 'next/link';
+import { fetchJson } from '../../lib/api';
+import type { InventoryItem, Product } from '../../features/inventory/types';
+import InventoryConsumptionHistory from './InventoryConsumptionHistory';
+
+function formatDate(value: string | null) {
+  if (!value) return null;
+  return new Date(value).toLocaleDateString('sv-SE');
+}
+
+function getBestBeforeStatus(bestBeforeDate: string | null) {
+  if (!bestBeforeDate) {
+    return {
+      label: 'Ingen bäst före angiven',
+      color: '#666',
+      background: '#f5f5f5',
+      border: '#ddd',
+    };
+  }
+
+  const today = new Date();
+  const bestBefore = new Date(bestBeforeDate);
+
+  today.setHours(0, 0, 0, 0);
+  bestBefore.setHours(0, 0, 0, 0);
+
+  const diffMs = bestBefore.getTime() - today.getTime();
+  const diffDays = Math.round(diffMs / (1000 * 60 * 60 * 24));
+
+  if (diffDays < 0) {
+    return {
+      label: 'Utgången',
+      color: '#8b0000',
+      background: '#ffeaea',
+      border: '#f1b5b5',
+    };
+  }
+
+  if (diffDays <= 3) {
+    return {
+      label: 'Snart utgången',
+      color: '#8a4b00',
+      background: '#fff4e5',
+      border: '#f0cf9b',
+    };
+  }
+
+  return {
+    label: 'OK',
+    color: '#1f5f2c',
+    background: '#ecf8ee',
+    border: '#b9e0bf',
+  };
+}
+
+type InventoryPageProps = {
+  searchParams?: Promise<{
+    location?: string;
+    sort?: string;
+  }>;
+};
+
+function buildInventoryUrl(location?: string, sort?: string) {
+  const params = new URLSearchParams();
+
+  if (location) {
+    params.set('location', location);
+  }
+
+  if (sort) {
+    params.set('sort', sort);
+  }
+
+  const query = params.toString();
+  return query ? `/inventory?${query}` : '/inventory';
+}
+
+export default async function InventoryPage({ searchParams }: InventoryPageProps) {
+  const resolvedSearchParams = searchParams ? await searchParams : {};
+  const location = resolvedSearchParams.location || '';
+  const sort = resolvedSearchParams.sort || '';
+
+  const inventoryPath = (() => {
+    const params = new URLSearchParams();
+
+    if (location) {
+      params.set('location', location);
+    }
+
+    if (sort) {
+      params.set('sort', sort);
+    }
+
+    const query = params.toString();
+    return query ? `/api/inventory?${query}` : '/api/inventory';
+  })();
+
+  const [inventory, products] = await Promise.all([
+    fetchJson<InventoryItem[]>(inventoryPath),
+    fetchJson<Product[]>('/api/products'),
+  ]);
+
+  const locationOptions = ['', 'Kyl', 'Frys', 'Skafferi'];
+  const sortOptions = [
+    { value: '', label: 'Senast tillagda' },
+    { value: 'bestBeforeAsc', label: 'Bäst före Stigande' },
+    { value: 'bestBeforeDesc', label: 'Bäst före Fallande' },
+  ];
+
+  return (
+    <main style={{ padding: '1.5rem', maxWidth: '900px', margin: '0 auto' }}>
+      <h1>Hemmavaror</h1>
+
+      <ProductForm />
+      <InventoryForm products={products} />
+
+      <section style={{ marginBottom: '1.5rem' }}>
+        <h2>Filter och sortering</h2>
+
+        <div
+          style={{
+            display: 'grid',
+            gap: '1rem',
+            gridTemplateColumns: '1fr 1fr',
+            alignItems: 'start',
+          }}
+        >
+          <div>
+            <div style={{ fontWeight: 600, marginBottom: '0.5rem' }}>Plats</div>
+            <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
+              {locationOptions.map((option) => {
+                const isActive = location === option;
+                const label = option === '' ? 'Alla' : option;
+
+                return (
+                  <Link
+                    key={option || 'alla'}
+                    href={buildInventoryUrl(option || undefined, sort || undefined)}
+                    style={{
+                      padding: '0.45rem 0.75rem',
+                      borderRadius: '999px',
+                      border: '1px solid #ddd',
+                      textDecoration: 'none',
+                      color: '#111',
+                      background: isActive ? '#efefef' : '#fff',
+                      fontWeight: isActive ? 600 : 400,
+                    }}
+                  >
+                    {label}
+                  </Link>
+                );
+              })}
+            </div>
+          </div>
+
+          <div>
+            <div style={{ fontWeight: 600, marginBottom: '0.5rem' }}>Sortering</div>
+            <div style={{ display: 'flex', gap: '0.5rem', flexWrap: 'wrap' }}>
+              {sortOptions.map((option) => {
+                const isActive = sort === option.value;
+
+                return (
+                  <Link
+                    key={option.value || 'default'}
+                    href={buildInventoryUrl(location || undefined, option.value || undefined)}
+                    style={{
+                      padding: '0.45rem 0.75rem',
+                      borderRadius: '999px',
+                      border: '1px solid #ddd',
+                      textDecoration: 'none',
+                      color: '#111',
+                      background: isActive ? '#efefef' : '#fff',
+                      fontWeight: isActive ? 600 : 400,
+                    }}
+                  >
+                    {option.label}
+                  </Link>
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <h2>Aktuella hemmavaror (inventory)</h2>
+
+        {inventory.length === 0 ? (
+          <p>Inga hemmavaror för det valda filtret.</p>
+        ) : (
+          <div style={{ display: 'grid', gap: '0.75rem' }}>
+            {inventory.map((item) => {
+              const bestBeforeStatus = getBestBeforeStatus(item.bestBeforeDate);
+
+              return (
+                <article
+                  key={item.id}
+                  style={{
+                    border: `1px solid ${bestBeforeStatus.border}`,
+                    borderRadius: '10px',
+                    padding: '1rem',
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: '0.6rem',
+                    background: '#fff',
+                    boxShadow: '0 1px 2px rgba(0,0,0,0.03)',
+                  }}
+                >
+                  <div
+                    style={{
+                      display: 'flex',
+                      justifyContent: 'space-between',
+                      alignItems: 'flex-start',
+                      gap: '1rem',
+                      flexWrap: 'wrap',
+                    }}
+                  >
+                    <div>
+                      <strong style={{ fontSize: '1rem' }}>
+                        {item.product.canonicalName || item.product.name}
+                      </strong>
+                      <div style={{ marginTop: '0.2rem', color: '#444' }}>
+                        {item.quantity} {item.unit}
+                      </div>
+                    </div>
+
+                    <div
+                      style={{
+                        padding: '0.3rem 0.6rem',
+                        borderRadius: '999px',
+                        background: bestBeforeStatus.background,
+                        color: bestBeforeStatus.color,
+                        border: `1px solid ${bestBeforeStatus.border}`,
+                        fontSize: '0.85rem',
+                        fontWeight: 600,
+                        whiteSpace: 'nowrap',
+                      }}
+                    >
+                      {bestBeforeStatus.label}
+                    </div>
+                  </div>
+
+                  <div
+                    style={{
+                      display: 'grid',
+                      gap: '0.35rem',
+                      color: '#333',
+                    }}
+                  >
+                    {item.location ? <div>Plats: {item.location}</div> : null}
+        
+                    {item.brand ? <div>Varumärke: {item.brand}</div> : null}
+        
+                   <div>Öppnad: {item.opened ? 'Ja' : 'Nej'}</div>
+       
+                   {item.suitableFor ? (
+                      <div>Passar till: {item.suitableFor}</div>
+                    ) : null}
+      
+                   {item.bestBeforeDate ? (
+                      <div>Bäst före: {formatDate(item.bestBeforeDate)}</div>
+                    ) : null}
+     
+                  {item.comment ? <div>Kommentar: {item.comment}</div> : null}</div>
+
+                  <div
+                    style={{
+                      marginTop: '0.75rem',
+                      paddingTop: '0.75rem',
+                      borderTop: '1px solid #eee',
+                      display: 'flex',
+                      gap: '0.75rem',
+                      flexWrap: 'wrap',
+                      alignItems: 'center',
+                      justifyContent: 'flex-start',
+                    }}
+                  >
+                    <InventoryEditForm item={item} />
+                    <InventoryConsumeForm id={item.id} unit={item.unit} />
+		    <InventoryConsumptionHistory id={item.id} />	
+                  </div>
+                </article>
+              );
+            })}
+          </div>
+        )}
+      </section>
+    </main>
+  );
+}

frontend/app/layout.tsx

@@ -0,0 +1,20 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Recipe App',
+  description: 'Din receptapp',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="sv">
+      <body style={{ fontFamily: 'Arial, sans-serif', margin: 0 }}>
+        {children}
+      </body>
+    </html>
+  );
+}

frontend/app/page.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link';
+
+export default function HomePage() {
+  return (
+    <main style={{ padding: '2rem' }}>
+      <h1>Recipe App</h1>
+      <p>Next.js-frontend fungerar.</p>
+      <p>Det här är första riktiga grunden för projektet.</p>
+
+      <p>
+        <Link href="/inventory">Gå till hemmavaror</Link>
+      </p>
+      <p>
+	<Link href="/admin/products">Gå till admingränssnitt</Link>
+      </p>
+    </main>
+  );
+}

frontend/features/inventory/types.ts

@@ -0,0 +1,56 @@
+export type Product = {
+  id: number;
+  name: string;
+  normalizedName: string;
+  category: string | null;
+  canonicalName: string | null;
+  isActive: boolean;
+  deletedAt: string | null;
+  createdAt: string;
+  updatedAt: string;
+};
+
+export type InventoryItem = {
+  id: number;
+  productId: number;
+  quantity: string;
+  unit: string;
+  location: string | null;
+  priority: number | null;
+  purchaseDate: string | null;
+  opened: boolean | null;
+  shelfNote: string | null;
+  suitableFor: string | null;
+  isOnSale: boolean | null;
+  priceLevel: number | null;
+  bestBeforeDate: string | null;
+  brand: string | null;
+  proteinType: string | null;
+  isLeftover: boolean | null;
+  comment: string | null;
+  createdAt: string;
+  updatedAt: string;
+  product: Product;
+};
+
+export type MergePreviewProduct = Product & {
+  inventoryCount: number;
+};
+
+export type MergePreview = {
+  source: MergePreviewProduct;
+  target: MergePreviewProduct;
+  outcome: {
+    inventoryItemsToMove: number;
+    sourceWillBeSoftDeleted: boolean;
+    targetWillRemainActive: boolean;
+  };
+};
+
+export type InventoryConsumption = {
+  id: number;
+  inventoryItemId: number;
+  amountUsed: string;
+  comment: string | null;
+  createdAt: string;
+};

frontend/lib/api.ts

@@ -0,0 +1,22 @@
+const API_BASE =
+  process.env.NEXT_PUBLIC_API_URL_INTERNAL || 'http://recipe-api:8080';
+
+export async function fetchJson<T>(path: string, init?: RequestInit): Promise<T> {
+  const res = await fetch(`${API_BASE}${path}`, {
+    ...init,
+    cache: 'no-store',
+    headers: {
+      'Content-Type': 'application/json',
+      ...(init?.headers || {}),
+    },
+  });
+
+  if (!res.ok) {
+    const text = await res.text();
+    throw new Error(`API ${res.status}: ${text}`);
+  }
+
+  return res.json();
+}
+
+export { API_BASE };

frontend/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

frontend/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  output: 'standalone',
+};
+
+module.exports = nextConfig;

frontend/node_modules/.bin/baseline-browser-mapping

@@ -0,0 +1 @@
+../baseline-browser-mapping/dist/cli.cjs

frontend/node_modules/.bin/nanoid

@@ -0,0 +1 @@
+../nanoid/bin/nanoid.cjs

frontend/node_modules/.bin/next

@@ -0,0 +1 @@
+../next/dist/bin/next

frontend/node_modules/.bin/semver

@@ -0,0 +1 @@
+../semver/bin/semver.js

frontend/node_modules/.bin/tsc

@@ -0,0 +1 @@
+../typescript/bin/tsc

frontend/node_modules/.bin/tsserver

@@ -0,0 +1 @@
+../typescript/bin/tsserver

frontend/node_modules/.package-lock.json

@@ -0,0 +1,428 @@
+{
+  "name": "recipe-frontend",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.2.tgz",
+      "integrity": "sha512-LqSGz5+xGk9EL/iBDr2yo/CgNQV6cFsNhRR2xhSXYh7B/hb4nePCxlmDvGEKG30NMHDFf0raqSyOZiQrO7BkHQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.2.tgz",
+      "integrity": "sha512-kU3OPHJq6sBUjOk7wc5zJ7/lipn8yGldMoAv4z67j6ov6Xo/JvzA7L7LCsyzzsXmgLEhk3Qkpwqaq/1+XpNR3g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.15.29",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.29.tgz",
+      "integrity": "sha512-LNdjOkUDlU1RZb8e1kOIUpN1qQUlzGkEtbVNo53vbrwDg5om6oduhm4SiUaPW5ASTXhAiP0jInWG8Qx9fVlOeQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.16",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.16.tgz",
+      "integrity": "sha512-Lyf3aK28zpsD1yQMiiHD4RvVb6UdMoo8xzG2XzFIfR9luPzOpcBlAsT/qfB1XWS1bxWT+UtE4WmQgsp297FYOA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.2.tgz",
+      "integrity": "sha512-i6AJdyVa4oQjyvX/6GeER8dpY/xlIV+4NMv/svykcLtURJSy/WzDnnUk/TM4d0uewFHK7xSQz4TbIwPgjky+3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.2.2",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.2.2",
+        "@next/swc-darwin-x64": "16.2.2",
+        "@next/swc-linux-arm64-gnu": "16.2.2",
+        "@next/swc-linux-arm64-musl": "16.2.2",
+        "@next/swc-linux-x64-gnu": "16.2.2",
+        "@next/swc-linux-x64-musl": "16.2.2",
+        "@next/swc-win32-arm64-msvc": "16.2.2",
+        "@next/swc-win32-x64-msvc": "16.2.2",
+        "sharp": "^0.34.5"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.4"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.4.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
+      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    }
+  }
+}

frontend/node_modules/@img/colour/LICENSE.md

@@ -0,0 +1,82 @@
+# Licensing
+
+## color
+
+Copyright (c) 2012 Heather Arthur
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## color-convert
+
+Copyright (c) 2011-2016 Heather Arthur <fayearthur@gmail.com>.
+Copyright (c) 2016-2021 Josh Junon <josh@junon.me>.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## color-string
+
+Copyright (c) 2011 Heather Arthur <fayearthur@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## color-name
+
+The MIT License (MIT)
+Copyright (c) 2015 Dmitry Ivanov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

frontend/node_modules/@img/colour/README.md

@@ -0,0 +1,15 @@
+# `@img/colour`
+
+The latest version of the
+[color](https://www.npmjs.com/package/color)
+package is now ESM-only,
+however some JavaScript runtimes do not yet support this,
+which includes versions of Node.js prior to 20.19.0.
+
+This package converts the `color` package and its dependencies,
+all of which are MIT-licensed, to CommonJS.
+
+- [color](https://www.npmjs.com/package/color)
+- [color-convert](https://www.npmjs.com/package/color-convert)
+- [color-string](https://www.npmjs.com/package/color-string)
+- [color-name](https://www.npmjs.com/package/color-name)

frontend/node_modules/@img/colour/index.cjs

@@ -0,0 +1 @@
+module.exports = require("./color.cjs").default;

frontend/node_modules/@img/colour/index.d.ts

@@ -0,0 +1,929 @@
+// Generated by dts-bundle-generator v9.5.1
+
+type Channels = number;
+type RGB = [
+	r: number,
+	g: number,
+	b: number
+];
+type HSL = [
+	h: number,
+	s: number,
+	l: number
+];
+type HSV = [
+	h: number,
+	s: number,
+	v: number
+];
+type CMYK = [
+	c: number,
+	m: number,
+	y: number,
+	k: number
+];
+type LAB = [
+	l: number,
+	a: number,
+	b: number
+];
+type LCH = [
+	l: number,
+	c: number,
+	h: number
+];
+type HCG = [
+	h: number,
+	c: number,
+	g: number
+];
+type HWB = [
+	h: number,
+	w: number,
+	b: number
+];
+type XYZ = [
+	x: number,
+	y: number,
+	z: number
+];
+type Apple = [
+	r16: number,
+	g16: number,
+	b16: number
+];
+type Gray = [
+	gray: number
+];
+type ANSI16 = number;
+type ANSI256 = number;
+type Keyword = string;
+type HEX = string;
+declare namespace route {
+	type rgb = {
+		hsl(from: RGB): HSL;
+		hsl(...from: RGB): HSL;
+		hsl(from: RGB): HSL;
+		hsl(...from: RGB): HSL;
+		hsv(from: RGB): HSV;
+		hsv(...from: RGB): HSV;
+		hwb(from: RGB): HWB;
+		hwb(...from: RGB): HWB;
+		cmyk(from: RGB): CMYK;
+		cmyk(...from: RGB): CMYK;
+		xyz(from: RGB): XYZ;
+		xyz(...from: RGB): XYZ;
+		lab(from: RGB): LAB;
+		lab(...from: RGB): LAB;
+		lch(from: RGB): LCH;
+		lch(...from: RGB): LCH;
+		hex(from: RGB): HEX;
+		hex(...from: RGB): HEX;
+		keyword(from: RGB): Keyword;
+		keyword(...from: RGB): Keyword;
+		ansi16(from: RGB): ANSI16;
+		ansi16(...from: RGB): ANSI16;
+		ansi256(from: RGB): ANSI256;
+		ansi256(...from: RGB): ANSI256;
+		hcg(from: RGB): HCG;
+		hcg(...from: RGB): HCG;
+		apple(from: RGB): Apple;
+		apple(...from: RGB): Apple;
+		gray(from: RGB): Gray;
+		gray(...from: RGB): Gray;
+	};
+	type hsl = {
+		rgb(from: HSL): RGB;
+		rgb(...from: HSL): RGB;
+		hsv(from: HSL): HSV;
+		hsv(...from: HSL): HSV;
+		hwb(from: HSL): HWB;
+		hwb(...from: HSL): HWB;
+		cmyk(from: HSL): CMYK;
+		cmyk(...from: HSL): CMYK;
+		xyz(from: HSL): XYZ;
+		xyz(...from: HSL): XYZ;
+		lab(from: HSL): LAB;
+		lab(...from: HSL): LAB;
+		lch(from: HSL): LCH;
+		lch(...from: HSL): LCH;
+		hex(from: HSL): HEX;
+		hex(...from: HSL): HEX;
+		keyword(from: HSL): Keyword;
+		keyword(...from: HSL): Keyword;
+		ansi16(from: HSL): ANSI16;
+		ansi16(...from: HSL): ANSI16;
+		ansi256(from: HSL): ANSI256;
+		ansi256(...from: HSL): ANSI256;
+		hcg(from: HSL): HCG;
+		hcg(...from: HSL): HCG;
+		apple(from: HSL): Apple;
+		apple(...from: HSL): Apple;
+		gray(from: HSL): Gray;
+		gray(...from: HSL): Gray;
+	};
+	type hsv = {
+		rgb(from: HSV): RGB;
+		rgb(...from: HSV): RGB;
+		hsl(from: HSV): HSL;
+		hsl(...from: HSV): HSL;
+		hwb(from: HSV): HWB;
+		hwb(...from: HSV): HWB;
+		cmyk(from: HSV): CMYK;
+		cmyk(...from: HSV): CMYK;
+		xyz(from: HSV): XYZ;
+		xyz(...from: HSV): XYZ;
+		lab(from: HSV): LAB;
+		lab(...from: HSV): LAB;
+		lch(from: HSV): LCH;
+		lch(...from: HSV): LCH;
+		hex(from: HSV): HEX;
+		hex(...from: HSV): HEX;
+		keyword(from: HSV): Keyword;
+		keyword(...from: HSV): Keyword;
+		ansi16(from: HSV): ANSI16;
+		ansi16(...from: HSV): ANSI16;
+		ansi256(from: HSV): ANSI256;
+		ansi256(...from: HSV): ANSI256;
+		hcg(from: HSV): HCG;
+		hcg(...from: HSV): HCG;
+		apple(from: HSV): Apple;
+		apple(...from: HSV): Apple;
+		gray(from: HSV): Gray;
+		gray(...from: HSV): Gray;
+	};
+	type hwb = {
+		rgb(from: HWB): RGB;
+		rgb(...from: HWB): RGB;
+		hsl(from: HWB): HSL;
+		hsl(...from: HWB): HSL;
+		hsv(from: HWB): HSV;
+		hsv(...from: HWB): HSV;
+		cmyk(from: HWB): CMYK;
+		cmyk(...from: HWB): CMYK;
+		xyz(from: HWB): XYZ;
+		xyz(...from: HWB): XYZ;
+		lab(from: HWB): LAB;
+		lab(...from: HWB): LAB;
+		lch(from: HWB): LCH;
+		lch(...from: HWB): LCH;
+		hex(from: HWB): HEX;
+		hex(...from: HWB): HEX;
+		keyword(from: HWB): Keyword;
+		keyword(...from: HWB): Keyword;
+		ansi16(from: HWB): ANSI16;
+		ansi16(...from: HWB): ANSI16;
+		ansi256(from: HWB): ANSI256;
+		ansi256(...from: HWB): ANSI256;
+		hcg(from: HWB): HCG;
+		hcg(...from: HWB): HCG;
+		apple(from: HWB): Apple;
+		apple(...from: HWB): Apple;
+		gray(from: HWB): Gray;
+		gray(...from: HWB): Gray;
+	};
+	type cmyk = {
+		rgb(from: CMYK): RGB;
+		rgb(...from: CMYK): RGB;
+		hsl(from: CMYK): HSL;
+		hsl(...from: CMYK): HSL;
+		hsv(from: CMYK): HSV;
+		hsv(...from: CMYK): HSV;
+		hwb(from: CMYK): HWB;
+		hwb(...from: CMYK): HWB;
+		xyz(from: CMYK): XYZ;
+		xyz(...from: CMYK): XYZ;
+		lab(from: CMYK): LAB;
+		lab(...from: CMYK): LAB;
+		lch(from: CMYK): LCH;
+		lch(...from: CMYK): LCH;
+		hex(from: CMYK): HEX;
+		hex(...from: CMYK): HEX;
+		keyword(from: CMYK): Keyword;
+		keyword(...from: CMYK): Keyword;
+		ansi16(from: CMYK): ANSI16;
+		ansi16(...from: CMYK): ANSI16;
+		ansi256(from: CMYK): ANSI256;
+		ansi256(...from: CMYK): ANSI256;
+		hcg(from: CMYK): HCG;
+		hcg(...from: CMYK): HCG;
+		apple(from: CMYK): Apple;
+		apple(...from: CMYK): Apple;
+		gray(from: CMYK): Gray;
+		gray(...from: CMYK): Gray;
+	};
+	type xyz = {
+		rgb(from: XYZ): RGB;
+		rgb(...from: XYZ): RGB;
+		hsl(from: XYZ): HSL;
+		hsl(...from: XYZ): HSL;
+		hsv(from: XYZ): HSV;
+		hsv(...from: XYZ): HSV;
+		hwb(from: XYZ): HWB;
+		hwb(...from: XYZ): HWB;
+		cmyk(from: XYZ): CMYK;
+		cmyk(...from: XYZ): CMYK;
+		lab(from: XYZ): LAB;
+		lab(...from: XYZ): LAB;
+		lch(from: XYZ): LCH;
+		lch(...from: XYZ): LCH;
+		hex(from: XYZ): HEX;
+		hex(...from: XYZ): HEX;
+		keyword(from: XYZ): Keyword;
+		keyword(...from: XYZ): Keyword;
+		ansi16(from: XYZ): ANSI16;
+		ansi16(...from: XYZ): ANSI16;
+		ansi256(from: XYZ): ANSI256;
+		ansi256(...from: XYZ): ANSI256;
+		hcg(from: XYZ): HCG;
+		hcg(...from: XYZ): HCG;
+		apple(from: XYZ): Apple;
+		apple(...from: XYZ): Apple;
+		gray(from: XYZ): Gray;
+		gray(...from: XYZ): Gray;
+	};
+	type lab = {
+		rgb(from: LAB): RGB;
+		rgb(...from: LAB): RGB;
+		hsl(from: LAB): HSL;
+		hsl(...from: LAB): HSL;
+		hsv(from: LAB): HSV;
+		hsv(...from: LAB): HSV;
+		hwb(from: LAB): HWB;
+		hwb(...from: LAB): HWB;
+		cmyk(from: LAB): CMYK;
+		cmyk(...from: LAB): CMYK;
+		xyz(from: LAB): XYZ;
+		xyz(...from: LAB): XYZ;
+		lch(from: LAB): LCH;
+		lch(...from: LAB): LCH;
+		hex(from: LAB): HEX;
+		hex(...from: LAB): HEX;
+		keyword(from: LAB): Keyword;
+		keyword(...from: LAB): Keyword;
+		ansi16(from: LAB): ANSI16;
+		ansi16(...from: LAB): ANSI16;
+		ansi256(from: LAB): ANSI256;
+		ansi256(...from: LAB): ANSI256;
+		hcg(from: LAB): HCG;
+		hcg(...from: LAB): HCG;
+		apple(from: LAB): Apple;
+		apple(...from: LAB): Apple;
+		gray(from: LAB): Gray;
+		gray(...from: LAB): Gray;
+	};
+	type lch = {
+		rgb(from: LCH): RGB;
+		rgb(...from: LCH): RGB;
+		hsl(from: LCH): HSL;
+		hsl(...from: LCH): HSL;
+		hsv(from: LCH): HSV;
+		hsv(...from: LCH): HSV;
+		hwb(from: LCH): HWB;
+		hwb(...from: LCH): HWB;
+		cmyk(from: LCH): CMYK;
+		cmyk(...from: LCH): CMYK;
+		xyz(from: LCH): XYZ;
+		xyz(...from: LCH): XYZ;
+		lab(from: LCH): LAB;
+		lab(...from: LCH): LAB;
+		hex(from: LCH): HEX;
+		hex(...from: LCH): HEX;
+		keyword(from: LCH): Keyword;
+		keyword(...from: LCH): Keyword;
+		ansi16(from: LCH): ANSI16;
+		ansi16(...from: LCH): ANSI16;
+		ansi256(from: LCH): ANSI256;
+		ansi256(...from: LCH): ANSI256;
+		hcg(from: LCH): HCG;
+		hcg(...from: LCH): HCG;
+		apple(from: LCH): Apple;
+		apple(...from: LCH): Apple;
+		gray(from: LCH): Gray;
+		gray(...from: LCH): Gray;
+	};
+	type hex = {
+		rgb(from: HEX): RGB;
+		hsl(from: HEX): HSL;
+		hsv(from: HEX): HSV;
+		hwb(from: HEX): HWB;
+		cmyk(from: HEX): CMYK;
+		xyz(from: HEX): XYZ;
+		lab(from: HEX): LAB;
+		lch(from: HEX): LCH;
+		keyword(from: HEX): Keyword;
+		ansi16(from: HEX): ANSI16;
+		ansi256(from: HEX): ANSI256;
+		hcg(from: HEX): HCG;
+		apple(from: HEX): Apple;
+		gray(from: HEX): Gray;
+	};
+	type keyword = {
+		rgb(from: Keyword): RGB;
+		hsl(from: Keyword): HSL;
+		hsv(from: Keyword): HSV;
+		hwb(from: Keyword): HWB;
+		cmyk(from: Keyword): CMYK;
+		xyz(from: Keyword): XYZ;
+		lab(from: Keyword): LAB;
+		lch(from: Keyword): LCH;
+		hex(from: Keyword): HEX;
+		ansi16(from: Keyword): ANSI16;
+		ansi256(from: Keyword): ANSI256;
+		hcg(from: Keyword): HCG;
+		apple(from: Keyword): Apple;
+		gray(from: Keyword): Gray;
+	};
+	type ansi16 = {
+		rgb(from: ANSI16): RGB;
+		hsl(from: ANSI16): HSL;
+		hsv(from: ANSI16): HSV;
+		hwb(from: ANSI16): HWB;
+		cmyk(from: ANSI16): CMYK;
+		xyz(from: ANSI16): XYZ;
+		lab(from: ANSI16): LAB;
+		lch(from: ANSI16): LCH;
+		hex(from: ANSI16): HEX;
+		keyword(from: ANSI16): Keyword;
+		ansi256(from: ANSI16): ANSI256;
+		hcg(from: ANSI16): HCG;
+		apple(from: ANSI16): Apple;
+		gray(from: ANSI16): Gray;
+	};
+	type ansi256 = {
+		rgb(from: ANSI256): RGB;
+		hsl(from: ANSI256): HSL;
+		hsv(from: ANSI256): HSV;
+		hwb(from: ANSI256): HWB;
+		cmyk(from: ANSI256): CMYK;
+		xyz(from: ANSI256): XYZ;
+		lab(from: ANSI256): LAB;
+		lch(from: ANSI256): LCH;
+		hex(from: ANSI256): HEX;
+		keyword(from: ANSI256): Keyword;
+		ansi16(from: ANSI256): ANSI16;
+		hcg(from: ANSI256): HCG;
+		apple(from: ANSI256): Apple;
+		gray(from: ANSI256): Gray;
+	};
+	type hcg = {
+		rgb(from: HCG): RGB;
+		rgb(...from: HCG): RGB;
+		hsl(from: HCG): HSL;
+		hsl(...from: HCG): HSL;
+		hsv(from: HCG): HSV;
+		hsv(...from: HCG): HSV;
+		hwb(from: HCG): HWB;
+		hwb(...from: HCG): HWB;
+		cmyk(from: HCG): CMYK;
+		cmyk(...from: HCG): CMYK;
+		xyz(from: HCG): XYZ;
+		xyz(...from: HCG): XYZ;
+		lab(from: HCG): LAB;
+		lab(...from: HCG): LAB;
+		lch(from: HCG): LCH;
+		lch(...from: HCG): LCH;
+		hex(from: HCG): HEX;
+		hex(...from: HCG): HEX;
+		keyword(from: HCG): Keyword;
+		keyword(...from: HCG): Keyword;
+		ansi16(from: HCG): ANSI16;
+		ansi16(...from: HCG): ANSI16;
+		ansi256(from: HCG): ANSI256;
+		ansi256(...from: HCG): ANSI256;
+		apple(from: HCG): Apple;
+		apple(...from: HCG): Apple;
+		gray(from: HCG): Gray;
+		gray(...from: HCG): Gray;
+	};
+	type apple = {
+		rgb(from: Apple): RGB;
+		rgb(...from: Apple): RGB;
+		hsl(from: Apple): HSL;
+		hsl(...from: Apple): HSL;
+		hsv(from: Apple): HSV;
+		hsv(...from: Apple): HSV;
+		hwb(from: Apple): HWB;
+		hwb(...from: Apple): HWB;
+		cmyk(from: Apple): CMYK;
+		cmyk(...from: Apple): CMYK;
+		xyz(from: Apple): XYZ;
+		xyz(...from: Apple): XYZ;
+		lab(from: Apple): LAB;
+		lab(...from: Apple): LAB;
+		lch(from: Apple): LCH;
+		lch(...from: Apple): LCH;
+		hex(from: Apple): HEX;
+		hex(...from: Apple): HEX;
+		keyword(from: Apple): Keyword;
+		keyword(...from: Apple): Keyword;
+		ansi16(from: Apple): ANSI16;
+		ansi16(...from: Apple): ANSI16;
+		ansi256(from: Apple): ANSI256;
+		ansi256(...from: Apple): ANSI256;
+		hcg(from: Apple): HCG;
+		hcg(...from: Apple): HCG;
+		gray(from: Apple): Gray;
+		gray(...from: Apple): Gray;
+	};
+	type gray = {
+		rgb(from: Gray): RGB;
+		rgb(...from: Gray): RGB;
+		hsl(from: Gray): HSL;
+		hsl(...from: Gray): HSL;
+		hsv(from: Gray): HSV;
+		hsv(...from: Gray): HSV;
+		hwb(from: Gray): HWB;
+		hwb(...from: Gray): HWB;
+		cmyk(from: Gray): CMYK;
+		cmyk(...from: Gray): CMYK;
+		xyz(from: Gray): XYZ;
+		xyz(...from: Gray): XYZ;
+		lab(from: Gray): LAB;
+		lab(...from: Gray): LAB;
+		lch(from: Gray): LCH;
+		lch(...from: Gray): LCH;
+		hex(from: Gray): HEX;
+		hex(...from: Gray): HEX;
+		keyword(from: Gray): Keyword;
+		keyword(...from: Gray): Keyword;
+		ansi16(from: Gray): ANSI16;
+		ansi16(...from: Gray): ANSI16;
+		ansi256(from: Gray): ANSI256;
+		ansi256(...from: Gray): ANSI256;
+		hcg(from: Gray): HCG;
+		hcg(...from: Gray): HCG;
+		apple(from: Gray): Apple;
+		apple(...from: Gray): Apple;
+	};
+}
+declare function route(fromModel: "rgb"): route.rgb;
+declare function route(fromModel: "hsl"): route.hsl;
+declare function route(fromModel: "hsv"): route.hsv;
+declare function route(fromModel: "hwb"): route.hwb;
+declare function route(fromModel: "cmyk"): route.cmyk;
+declare function route(fromModel: "xyz"): route.xyz;
+declare function route(fromModel: "lab"): route.lab;
+declare function route(fromModel: "lch"): route.lch;
+declare function route(fromModel: "hex"): route.hex;
+declare function route(fromModel: "keyword"): route.keyword;
+declare function route(fromModel: "ansi16"): route.ansi16;
+declare function route(fromModel: "ansi256"): route.ansi256;
+declare function route(fromModel: "hcg"): route.hcg;
+declare function route(fromModel: "apple"): route.apple;
+declare function route(fromModel: "gray"): route.gray;
+type Convert = {
+	rgb: {
+		channels: Channels;
+		labels: "rgb";
+		hsl: {
+			(...rgb: RGB): HSL;
+			raw: (...rgb: RGB) => HSL;
+		};
+		hsv: {
+			(...rgb: RGB): HSV;
+			raw: (...rgb: RGB) => HSV;
+		};
+		hwb: {
+			(...rgb: RGB): HWB;
+			raw: (...rgb: RGB) => HWB;
+		};
+		hcg: {
+			(...rgb: RGB): HCG;
+			raw: (...rgb: RGB) => HCG;
+		};
+		cmyk: {
+			(...rgb: RGB): CMYK;
+			raw: (...rgb: RGB) => CMYK;
+		};
+		keyword: {
+			(...rgb: RGB): Keyword;
+			raw: (...rgb: RGB) => Keyword;
+		};
+		ansi16: {
+			(...rgb: RGB): ANSI16;
+			raw: (...rgb: RGB) => ANSI16;
+		};
+		ansi256: {
+			(...rgb: RGB): ANSI256;
+			raw: (...rgb: RGB) => ANSI256;
+		};
+		apple: {
+			(...rgb: RGB): Apple;
+			raw: (...rgb: RGB) => Apple;
+		};
+		hex: {
+			(...rgb: RGB): HEX;
+			raw: (...rgb: RGB) => HEX;
+		};
+		gray: {
+			(...rgb: RGB): Gray;
+			raw: (...rgb: RGB) => Gray;
+		};
+	} & route.rgb & {
+		[F in keyof route.rgb]: {
+			raw: route.rgb[F];
+		};
+	};
+	keyword: {
+		channels: Channels;
+		rgb: {
+			(keyword: Keyword): RGB;
+			raw: (keyword: Keyword) => RGB;
+		};
+	} & route.keyword & {
+		[F in keyof route.keyword]: {
+			raw: route.keyword[F];
+		};
+	};
+	hsl: {
+		channels: Channels;
+		labels: "hsl";
+		rgb: {
+			(...hsl: HSL): RGB;
+			raw: (...hsl: HSL) => RGB;
+		};
+		hsv: {
+			(...hsl: HSL): HSV;
+			raw: (...hsl: HSL) => HSV;
+		};
+		hcg: {
+			(...hsl: HSL): HCG;
+			raw: (...hsl: HSL) => HCG;
+		};
+	} & route.hsl & {
+		[F in keyof route.hsl]: {
+			raw: route.hsl[F];
+		};
+	};
+	hsv: {
+		channels: Channels;
+		labels: "hsv";
+		hcg: {
+			(...hsv: HSV): HCG;
+			raw: (...hsv: HSV) => HCG;
+		};
+		rgb: {
+			(...hsv: HSV): RGB;
+			raw: (...hsv: HSV) => RGB;
+		};
+		hsv: {
+			(...hsv: HSV): HSV;
+			raw: (...hsv: HSV) => HSV;
+		};
+		hsl: {
+			(...hsv: HSV): HSL;
+			raw: (...hsv: HSV) => HSL;
+		};
+		hwb: {
+			(...hsv: HSV): HWB;
+			raw: (...hsv: HSV) => HWB;
+		};
+		ansi16: {
+			(...hsv: HSV): ANSI16;
+			raw: (...hsv: HSV) => ANSI16;
+		};
+	} & route.hsv & {
+		[F in keyof route.hsv]: {
+			raw: route.hsv[F];
+		};
+	};
+	hwb: {
+		channels: Channels;
+		labels: "hwb";
+		hcg: {
+			(...hwb: HWB): HCG;
+			raw: (...hwb: HWB) => HCG;
+		};
+		rgb: {
+			(...hwb: HWB): RGB;
+			raw: (...hwb: HWB) => RGB;
+		};
+	} & route.hwb & {
+		[F in keyof route.hwb]: {
+			raw: route.hwb[F];
+		};
+	};
+	cmyk: {
+		channels: Channels;
+		labels: "cmyk";
+		rgb: {
+			(...cmyk: CMYK): RGB;
+			raw: (...cmyk: CMYK) => RGB;
+		};
+	} & route.cmyk & {
+		[F in keyof route.cmyk]: {
+			raw: route.cmyk[F];
+		};
+	};
+	xyz: {
+		channels: Channels;
+		labels: "xyz";
+		rgb: {
+			(...xyz: XYZ): RGB;
+			raw: (...xyz: XYZ) => RGB;
+		};
+		lab: {
+			(...xyz: XYZ): LAB;
+			raw: (...xyz: XYZ) => LAB;
+		};
+	} & route.xyz & {
+		[F in keyof route.xyz]: {
+			raw: route.xyz[F];
+		};
+	};
+	lab: {
+		channels: Channels;
+		labels: "lab";
+		xyz: {
+			(...lab: LAB): XYZ;
+			raw: (...lab: LAB) => XYZ;
+		};
+		lch: {
+			(...lab: LAB): LCH;
+			raw: (...lab: LAB) => LCH;
+		};
+	} & route.lab & {
+		[F in keyof route.lab]: {
+			raw: route.lab[F];
+		};
+	};
+	lch: {
+		channels: Channels;
+		labels: "lch";
+		lab: {
+			(...lch: LCH): LAB;
+			raw: (...lch: LCH) => LAB;
+		};
+	} & route.lch & {
+		[F in keyof route.lch]: {
+			raw: route.lch[F];
+		};
+	};
+	hex: {
+		channels: Channels;
+		labels: [
+			"hex"
+		];
+		rgb: {
+			(hex: HEX): RGB;
+			raw: (hex: HEX) => RGB;
+		};
+	} & route.hex & {
+		[F in keyof route.hex]: {
+			raw: route.hex[F];
+		};
+	};
+	ansi16: {
+		channels: Channels;
+		labels: [
+			"ansi16"
+		];
+		rgb: {
+			(ansi16: ANSI16): RGB;
+			raw: (ansi16: ANSI16) => RGB;
+		};
+	} & route.ansi16 & {
+		[F in keyof route.ansi16]: {
+			raw: route.ansi16[F];
+		};
+	};
+	ansi256: {
+		channels: Channels;
+		labels: [
+			"ansi256"
+		];
+		rgb: {
+			(ansi256: ANSI256): RGB;
+			raw: (ansi256: ANSI256) => RGB;
+		};
+	} & route.ansi256 & {
+		[F in keyof route.ansi256]: {
+			raw: route.ansi256[F];
+		};
+	};
+	hcg: {
+		channels: Channels;
+		labels: [
+			"h",
+			"c",
+			"g"
+		];
+		rgb: {
+			(...hcg: HCG): RGB;
+			raw: (...hcg: HCG) => RGB;
+		};
+		hsv: {
+			(...hcg: HCG): HSV;
+			raw: (...hcg: HCG) => HSV;
+		};
+		hwb: {
+			(...hcg: HCG): HWB;
+			raw: (...hcg: HCG) => HWB;
+		};
+	} & route.hcg & {
+		[F in keyof route.hcg]: {
+			raw: route.hcg[F];
+		};
+	};
+	apple: {
+		channels: Channels;
+		labels: [
+			"r16",
+			"g16",
+			"b16"
+		];
+		rgb: {
+			(...apple: Apple): RGB;
+			raw: (...apple: Apple) => RGB;
+		};
+	} & route.apple & {
+		[F in keyof route.apple]: {
+			raw: route.apple[F];
+		};
+	};
+	gray: {
+		channels: Channels;
+		labels: [
+			"gray"
+		];
+		rgb: {
+			(...gray: Gray): RGB;
+			raw: (...gray: Gray) => RGB;
+		};
+		hsl: {
+			(...gray: Gray): HSL;
+			raw: (...gray: Gray) => HSL;
+		};
+		hsv: {
+			(...gray: Gray): HSV;
+			raw: (...gray: Gray) => HSV;
+		};
+		hwb: {
+			(...gray: Gray): HWB;
+			raw: (...gray: Gray) => HWB;
+		};
+		cmyk: {
+			(...gray: Gray): CMYK;
+			raw: (...gray: Gray) => CMYK;
+		};
+		lab: {
+			(...gray: Gray): LAB;
+			raw: (...gray: Gray) => LAB;
+		};
+		hex: {
+			(...gray: Gray): HEX;
+			raw: (...gray: Gray) => HEX;
+		};
+	} & route.gray & {
+		[F in keyof route.gray]: {
+			raw: route.gray[F];
+		};
+	};
+};
+declare const convert: Convert;
+export type ColorLike = ColorInstance | string | ArrayLike<number> | number | Record<string, any>;
+export type ColorJson = {
+	model: string;
+	color: number[];
+	valpha: number;
+};
+export type ColorObject = {
+	alpha?: number | undefined;
+} & Record<string, number>;
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export interface ColorInstance {
+	toString(): string;
+	// eslint-disable-next-line @typescript-eslint/naming-convention
+	toJSON(): ColorJson;
+	string(places?: number): string;
+	percentString(places?: number): string;
+	array(): number[];
+	object(): ColorObject;
+	unitArray(): number[];
+	unitObject(): {
+		r: number;
+		g: number;
+		b: number;
+		alpha?: number | undefined;
+	};
+	round(places?: number): ColorInstance;
+	alpha(): number;
+	alpha(value: number): ColorInstance;
+	red(): number;
+	red(value: number): ColorInstance;
+	green(): number;
+	green(value: number): ColorInstance;
+	blue(): number;
+	blue(value: number): ColorInstance;
+	hue(): number;
+	hue(value: number): ColorInstance;
+	saturationl(): number;
+	saturationl(value: number): ColorInstance;
+	lightness(): number;
+	lightness(value: number): ColorInstance;
+	saturationv(): number;
+	saturationv(value: number): ColorInstance;
+	value(): number;
+	value(value: number): ColorInstance;
+	chroma(): number;
+	chroma(value: number): ColorInstance;
+	gray(): number;
+	gray(value: number): ColorInstance;
+	white(): number;
+	white(value: number): ColorInstance;
+	wblack(): number;
+	wblack(value: number): ColorInstance;
+	cyan(): number;
+	cyan(value: number): ColorInstance;
+	magenta(): number;
+	magenta(value: number): ColorInstance;
+	yellow(): number;
+	yellow(value: number): ColorInstance;
+	black(): number;
+	black(value: number): ColorInstance;
+	x(): number;
+	x(value: number): ColorInstance;
+	y(): number;
+	y(value: number): ColorInstance;
+	z(): number;
+	z(value: number): ColorInstance;
+	l(): number;
+	l(value: number): ColorInstance;
+	a(): number;
+	a(value: number): ColorInstance;
+	b(): number;
+	b(value: number): ColorInstance;
+	keyword(): string;
+	keyword<V extends string>(value: V): ColorInstance;
+	hex(): string;
+	hex<V extends string>(value: V): ColorInstance;
+	hexa(): string;
+	hexa<V extends string>(value: V): ColorInstance;
+	rgbNumber(): number;
+	luminosity(): number;
+	contrast(color2: ColorInstance): number;
+	level(color2: ColorInstance): "AAA" | "AA" | "";
+	isDark(): boolean;
+	isLight(): boolean;
+	negate(): ColorInstance;
+	lighten(ratio: number): ColorInstance;
+	darken(ratio: number): ColorInstance;
+	saturate(ratio: number): ColorInstance;
+	desaturate(ratio: number): ColorInstance;
+	whiten(ratio: number): ColorInstance;
+	blacken(ratio: number): ColorInstance;
+	grayscale(): ColorInstance;
+	fade(ratio: number): ColorInstance;
+	opaquer(ratio: number): ColorInstance;
+	rotate(degrees: number): ColorInstance;
+	mix(mixinColor: ColorInstance, weight?: number): ColorInstance;
+	rgb(...arguments_: number[]): ColorInstance;
+	hsl(...arguments_: number[]): ColorInstance;
+	hsv(...arguments_: number[]): ColorInstance;
+	hwb(...arguments_: number[]): ColorInstance;
+	cmyk(...arguments_: number[]): ColorInstance;
+	xyz(...arguments_: number[]): ColorInstance;
+	lab(...arguments_: number[]): ColorInstance;
+	lch(...arguments_: number[]): ColorInstance;
+	ansi16(...arguments_: number[]): ColorInstance;
+	ansi256(...arguments_: number[]): ColorInstance;
+	hcg(...arguments_: number[]): ColorInstance;
+	apple(...arguments_: number[]): ColorInstance;
+}
+export type ColorConstructor = {
+	(object?: ColorLike, model?: keyof (typeof convert)): ColorInstance;
+	new (object?: ColorLike, model?: keyof (typeof convert)): ColorInstance;
+	rgb(...value: number[]): ColorInstance;
+	rgb(color: ColorLike): ColorInstance;
+	hsl(...value: number[]): ColorInstance;
+	hsl(color: ColorLike): ColorInstance;
+	hsv(...value: number[]): ColorInstance;
+	hsv(color: ColorLike): ColorInstance;
+	hwb(...value: number[]): ColorInstance;
+	hwb(color: ColorLike): ColorInstance;
+	cmyk(...value: number[]): ColorInstance;
+	cmyk(color: ColorLike): ColorInstance;
+	xyz(...value: number[]): ColorInstance;
+	xyz(color: ColorLike): ColorInstance;
+	lab(...value: number[]): ColorInstance;
+	lab(color: ColorLike): ColorInstance;
+	lch(...value: number[]): ColorInstance;
+	lch(color: ColorLike): ColorInstance;
+	ansi16(...value: number[]): ColorInstance;
+	ansi16(color: ColorLike): ColorInstance;
+	ansi256(...value: number[]): ColorInstance;
+	ansi256(color: ColorLike): ColorInstance;
+	hcg(...value: number[]): ColorInstance;
+	hcg(color: ColorLike): ColorInstance;
+	apple(...value: number[]): ColorInstance;
+	apple(color: ColorLike): ColorInstance;
+};
+// eslint-disable-next-line @typescript-eslint/naming-convention
+declare const Color: ColorConstructor;
+
+export {
+	Color as default,
+};
+
+export {};

frontend/node_modules/@img/colour/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@img/colour",
+  "version": "1.1.0",
+  "description": "The ESM-only 'color' package made compatible for use with CommonJS runtimes",
+  "license": "MIT",
+  "main": "index.cjs",
+  "types": "index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "require": "./index.cjs",
+      "default": "./index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "authors": [
+    "Heather Arthur <fayearthur@gmail.com>",
+    "Josh Junon <josh@junon.me>",
+    "Maxime Thirouin",
+    "Dyma Ywanov <dfcreative@gmail.com>",
+    "LitoMore (https://github.com/LitoMore)"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "color.cjs",
+    "index.d.ts"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lovell/colour.git"
+  },
+  "type": "commonjs",
+  "keywords": [
+    "color",
+    "colour",
+    "cjs",
+    "commonjs"
+  ],
+  "scripts": {
+    "build:cjs": "esbuild node_modules/color/index.js --bundle --platform=node --outfile=color.cjs",
+    "build:dts": "dts-bundle-generator ./dts-src.ts -o index.d.ts --project tsconfig.build.json --external-inlines color --external-inlines color-convert --export-referenced-types=false",
+    "build": "npm run build:cjs && npm run build:dts",
+    "test": "node --test"
+  },
+  "devDependencies": {
+    "color": "5.0.3",
+    "color-convert": "3.1.3",
+    "color-name": "2.1.0",
+    "color-string": "2.1.4",
+    "dts-bundle-generator": "^9.5.1",
+    "esbuild": "^0.27.3"
+  }
+}

frontend/node_modules/@img/sharp-libvips-linux-x64/README.md

@@ -0,0 +1,46 @@
+# `@img/sharp-libvips-linux-x64`
+
+Prebuilt libvips and dependencies for use with sharp on Linux (glibc) x64.
+
+## Licensing
+
+This software contains third-party libraries
+used under the terms of the following licences:
+
+| Library       | Used under the terms of                                                                                   |
+|---------------|-----------------------------------------------------------------------------------------------------------|
+| aom           | BSD 2-Clause + [Alliance for Open Media Patent License 1.0](https://aomedia.org/license/patent-license/)  |
+| cairo         | Mozilla Public License 2.0                                                                                |
+| cgif          | MIT Licence                                                                                               |
+| expat         | MIT Licence                                                                                               |
+| fontconfig    | [fontconfig Licence](https://gitlab.freedesktop.org/fontconfig/fontconfig/blob/main/COPYING) (BSD-like)   |
+| freetype      | [freetype Licence](https://git.savannah.gnu.org/cgit/freetype/freetype2.git/tree/docs/FTL.TXT) (BSD-like) |
+| fribidi       | LGPLv3                                                                                                    |
+| glib          | LGPLv3                                                                                                    |
+| harfbuzz      | MIT Licence                                                                                               |
+| highway       | Apache-2.0 License, BSD 3-Clause                                                                          |
+| lcms          | MIT Licence                                                                                               |
+| libarchive    | BSD 2-Clause                                                                                              |
+| libexif       | LGPLv3                                                                                                    |
+| libffi        | MIT Licence                                                                                               |
+| libheif       | LGPLv3                                                                                                    |
+| libimagequant | [BSD 2-Clause](https://github.com/lovell/libimagequant/blob/main/COPYRIGHT)                               |
+| libnsgif      | MIT Licence                                                                                               |
+| libpng        | [libpng License](https://github.com/pnggroup/libpng/blob/master/LICENSE)                                  |
+| librsvg       | LGPLv3                                                                                                    |
+| libspng       | [BSD 2-Clause, libpng License](https://github.com/randy408/libspng/blob/master/LICENSE)                   |
+| libtiff       | [libtiff License](https://gitlab.com/libtiff/libtiff/blob/master/LICENSE.md) (BSD-like)                   |
+| libvips       | LGPLv3                                                                                                    |
+| libwebp       | New BSD License                                                                                           |
+| libxml2       | MIT Licence                                                                                               |
+| mozjpeg       | [zlib License, IJG License, BSD-3-Clause](https://github.com/mozilla/mozjpeg/blob/master/LICENSE.md)      |
+| pango         | LGPLv3                                                                                                    |
+| pixman        | MIT Licence                                                                                               |
+| proxy-libintl | LGPLv3                                                                                                    |
+| zlib-ng       | [zlib Licence](https://github.com/zlib-ng/zlib-ng/blob/develop/LICENSE.md)                                |
+
+Use of libraries under the terms of the LGPLv3 is via the
+"any later version" clause of the LGPLv2 or LGPLv2.1.
+
+Please report any errors or omissions via
+https://github.com/lovell/sharp-libvips/issues/new

frontend/node_modules/@img/sharp-libvips-linux-x64/lib/glib-2.0/include/glibconfig.h

@@ -0,0 +1,221 @@
+/* glibconfig.h
+ *
+ * This is a generated file.  Please modify 'glibconfig.h.in'
+ */
+
+#ifndef __GLIBCONFIG_H__
+#define __GLIBCONFIG_H__
+
+#include <glib/gmacros.h>
+
+#include <limits.h>
+#include <float.h>
+#define GLIB_HAVE_ALLOCA_H
+
+#define GLIB_STATIC_COMPILATION 1
+#define GOBJECT_STATIC_COMPILATION 1
+#define GIO_STATIC_COMPILATION 1
+#define GMODULE_STATIC_COMPILATION 1
+#define GI_STATIC_COMPILATION 1
+#define G_INTL_STATIC_COMPILATION 1
+#define FFI_STATIC_BUILD 1
+
+/* Specifies that GLib's g_print*() functions wrap the
+ * system printf functions.  This is useful to know, for example,
+ * when using glibc's register_printf_function().
+ */
+#define GLIB_USING_SYSTEM_PRINTF
+
+G_BEGIN_DECLS
+
+#define G_MINFLOAT	FLT_MIN
+#define G_MAXFLOAT	FLT_MAX
+#define G_MINDOUBLE	DBL_MIN
+#define G_MAXDOUBLE	DBL_MAX
+#define G_MINSHORT	SHRT_MIN
+#define G_MAXSHORT	SHRT_MAX
+#define G_MAXUSHORT	USHRT_MAX
+#define G_MININT	INT_MIN
+#define G_MAXINT	INT_MAX
+#define G_MAXUINT	UINT_MAX
+#define G_MINLONG	LONG_MIN
+#define G_MAXLONG	LONG_MAX
+#define G_MAXULONG	ULONG_MAX
+
+typedef signed char gint8;
+typedef unsigned char guint8;
+
+typedef signed short gint16;
+typedef unsigned short guint16;
+
+#define G_GINT16_MODIFIER "h"
+#define G_GINT16_FORMAT "hi"
+#define G_GUINT16_FORMAT "hu"
+
+
+typedef signed int gint32;
+typedef unsigned int guint32;
+
+#define G_GINT32_MODIFIER ""
+#define G_GINT32_FORMAT "i"
+#define G_GUINT32_FORMAT "u"
+
+
+#define G_HAVE_GINT64 1          /* deprecated, always true */
+
+typedef signed long gint64;
+typedef unsigned long guint64;
+
+#define G_GINT64_CONSTANT(val)	(val##L)
+#define G_GUINT64_CONSTANT(val)	(val##UL)
+
+#define G_GINT64_MODIFIER "l"
+#define G_GINT64_FORMAT "li"
+#define G_GUINT64_FORMAT "lu"
+
+
+#define GLIB_SIZEOF_VOID_P 8
+#define GLIB_SIZEOF_LONG   8
+#define GLIB_SIZEOF_SIZE_T 8
+#define GLIB_SIZEOF_SSIZE_T 8
+
+typedef signed long gssize;
+typedef unsigned long gsize;
+#define G_GSIZE_MODIFIER "l"
+#define G_GSSIZE_MODIFIER "l"
+#define G_GSIZE_FORMAT "lu"
+#define G_GSSIZE_FORMAT "li"
+
+#define G_MAXSIZE	G_MAXULONG
+#define G_MINSSIZE	G_MINLONG
+#define G_MAXSSIZE	G_MAXLONG
+
+typedef gint64 goffset;
+#define G_MINOFFSET	G_MININT64
+#define G_MAXOFFSET	G_MAXINT64
+
+#define G_GOFFSET_MODIFIER      G_GINT64_MODIFIER
+#define G_GOFFSET_FORMAT        G_GINT64_FORMAT
+#define G_GOFFSET_CONSTANT(val) G_GINT64_CONSTANT(val)
+
+#define G_POLLFD_FORMAT "%d"
+
+#define GPOINTER_TO_INT(p)	((gint)  (glong) (p))
+#define GPOINTER_TO_UINT(p)	((guint) (gulong) (p))
+
+#define GINT_TO_POINTER(i)	((gpointer) (glong) (i))
+#define GUINT_TO_POINTER(u)	((gpointer) (gulong) (u))
+
+typedef signed long gintptr;
+typedef unsigned long guintptr;
+
+#define G_GINTPTR_MODIFIER      "l"
+#define G_GINTPTR_FORMAT        "li"
+#define G_GUINTPTR_FORMAT       "lu"
+
+#define GLIB_MAJOR_VERSION 2
+#define GLIB_MINOR_VERSION 86
+#define GLIB_MICRO_VERSION 1
+
+#define G_OS_UNIX
+
+#define G_VA_COPY va_copy
+
+#define G_VA_COPY_AS_ARRAY 1
+
+#define G_HAVE_ISO_VARARGS 1
+
+/* gcc-2.95.x supports both gnu style and ISO varargs, but if -ansi
+ * is passed ISO vararg support is turned off, and there is no work
+ * around to turn it on, so we unconditionally turn it off.
+ */
+#if __GNUC__ == 2 && __GNUC_MINOR__ == 95
+#  undef G_HAVE_ISO_VARARGS
+#endif
+
+#define G_HAVE_GROWING_STACK 0
+
+#ifndef _MSC_VER
+# define G_HAVE_GNUC_VARARGS 1
+#endif
+
+#if defined(__SUNPRO_C) && (__SUNPRO_C >= 0x590)
+#define G_GNUC_INTERNAL __attribute__((visibility("hidden")))
+#elif defined(__SUNPRO_C) && (__SUNPRO_C >= 0x550)
+#define G_GNUC_INTERNAL __hidden
+#elif defined (__GNUC__) && defined (G_HAVE_GNUC_VISIBILITY)
+#define G_GNUC_INTERNAL __attribute__((visibility("hidden")))
+#else
+#define G_GNUC_INTERNAL
+#endif
+
+#define G_THREADS_ENABLED
+#define G_THREADS_IMPL_POSIX
+
+#define G_ATOMIC_LOCK_FREE
+
+#define GINT16_TO_LE(val)	((gint16) (val))
+#define GUINT16_TO_LE(val)	((guint16) (val))
+#define GINT16_TO_BE(val)	((gint16) GUINT16_SWAP_LE_BE (val))
+#define GUINT16_TO_BE(val)	(GUINT16_SWAP_LE_BE (val))
+
+#define GINT32_TO_LE(val)	((gint32) (val))
+#define GUINT32_TO_LE(val)	((guint32) (val))
+#define GINT32_TO_BE(val)	((gint32) GUINT32_SWAP_LE_BE (val))
+#define GUINT32_TO_BE(val)	(GUINT32_SWAP_LE_BE (val))
+
+#define GINT64_TO_LE(val)	((gint64) (val))
+#define GUINT64_TO_LE(val)	((guint64) (val))
+#define GINT64_TO_BE(val)	((gint64) GUINT64_SWAP_LE_BE (val))
+#define GUINT64_TO_BE(val)	(GUINT64_SWAP_LE_BE (val))
+
+#define GLONG_TO_LE(val)	((glong) GINT64_TO_LE (val))
+#define GULONG_TO_LE(val)	((gulong) GUINT64_TO_LE (val))
+#define GLONG_TO_BE(val)	((glong) GINT64_TO_BE (val))
+#define GULONG_TO_BE(val)	((gulong) GUINT64_TO_BE (val))
+#define GINT_TO_LE(val)		((gint) GINT32_TO_LE (val))
+#define GUINT_TO_LE(val)	((guint) GUINT32_TO_LE (val))
+#define GINT_TO_BE(val)		((gint) GINT32_TO_BE (val))
+#define GUINT_TO_BE(val)	((guint) GUINT32_TO_BE (val))
+#define GSIZE_TO_LE(val)	((gsize) GUINT64_TO_LE (val))
+#define GSSIZE_TO_LE(val)	((gssize) GINT64_TO_LE (val))
+#define GSIZE_TO_BE(val)	((gsize) GUINT64_TO_BE (val))
+#define GSSIZE_TO_BE(val)	((gssize) GINT64_TO_BE (val))
+#define G_BYTE_ORDER G_LITTLE_ENDIAN
+
+#define GLIB_SYSDEF_POLLIN =1
+#define GLIB_SYSDEF_POLLOUT =4
+#define GLIB_SYSDEF_POLLPRI =2
+#define GLIB_SYSDEF_POLLHUP =16
+#define GLIB_SYSDEF_POLLERR =8
+#define GLIB_SYSDEF_POLLNVAL =32
+
+/* No way to disable deprecation warnings for macros, so only emit deprecation
+ * warnings on platforms where usage of this macro is broken */
+#if defined(__APPLE__) || defined(_MSC_VER) || defined(__CYGWIN__)
+#define G_MODULE_SUFFIX "so" GLIB_DEPRECATED_MACRO_IN_2_76
+#else
+#define G_MODULE_SUFFIX "so"
+#endif
+
+typedef int GPid;
+#define G_PID_FORMAT "i"
+
+#define GLIB_SYSDEF_AF_UNIX 1
+#define GLIB_SYSDEF_AF_INET 2
+#define GLIB_SYSDEF_AF_INET6 10
+
+#define GLIB_SYSDEF_MSG_OOB 1
+#define GLIB_SYSDEF_MSG_PEEK 2
+#define GLIB_SYSDEF_MSG_DONTROUTE 4
+
+#define G_DIR_SEPARATOR '/'
+#define G_DIR_SEPARATOR_S "/"
+#define G_SEARCHPATH_SEPARATOR ':'
+#define G_SEARCHPATH_SEPARATOR_S ":"
+
+#undef G_HAVE_FREE_SIZED
+
+G_END_DECLS
+
+#endif /* __GLIBCONFIG_H__ */

frontend/node_modules/@img/sharp-libvips-linux-x64/lib/index.js

@@ -0,0 +1 @@
+module.exports = __dirname;

frontend/node_modules/@img/sharp-libvips-linux-x64/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@img/sharp-libvips-linux-x64",
+  "version": "1.2.4",
+  "description": "Prebuilt libvips and dependencies for use with sharp on Linux (glibc) x64",
+  "author": "Lovell Fuller <npm@lovell.info>",
+  "homepage": "https://sharp.pixelplumbing.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lovell/sharp-libvips.git",
+    "directory": "npm/linux-x64"
+  },
+  "license": "LGPL-3.0-or-later",
+  "funding": {
+    "url": "https://opencollective.com/libvips"
+  },
+  "preferUnplugged": true,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "lib",
+    "versions.json"
+  ],
+  "type": "commonjs",
+  "exports": {
+    "./lib": "./lib/index.js",
+    "./package": "./package.json",
+    "./versions": "./versions.json"
+  },
+  "config": {
+    "glibc": ">=2.26"
+  },
+  "os": [
+    "linux"
+  ],
+  "libc": [
+    "glibc"
+  ],
+  "cpu": [
+    "x64"
+  ]
+}

frontend/node_modules/@img/sharp-libvips-linux-x64/versions.json

@@ -0,0 +1,30 @@
+{
+  "aom": "3.13.1",
+  "archive": "3.8.2",
+  "cairo": "1.18.4",
+  "cgif": "0.5.0",
+  "exif": "0.6.25",
+  "expat": "2.7.3",
+  "ffi": "3.5.2",
+  "fontconfig": "2.17.1",
+  "freetype": "2.14.1",
+  "fribidi": "1.0.16",
+  "glib": "2.86.1",
+  "harfbuzz": "12.1.0",
+  "heif": "1.20.2",
+  "highway": "1.3.0",
+  "imagequant": "2.4.1",
+  "lcms": "2.17",
+  "mozjpeg": "0826579",
+  "pango": "1.57.0",
+  "pixman": "0.46.4",
+  "png": "1.6.50",
+  "proxy-libintl": "0.5",
+  "rsvg": "2.61.2",
+  "spng": "0.7.4",
+  "tiff": "4.7.1",
+  "vips": "8.17.3",
+  "webp": "1.6.0",
+  "xml2": "2.15.1",
+  "zlib-ng": "2.2.5"
+}

frontend/node_modules/@img/sharp-linux-x64/LICENSE

@@ -0,0 +1,191 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made
+available under the License, as indicated by a copyright notice that is included
+in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work
+by the copyright owner or by an individual or Legal Entity authorized to submit
+on behalf of the copyright owner. For the purposes of this definition,
+"submitted" means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems, and
+issue tracking systems that are managed by, or on behalf of, the Licensor for
+the purpose of discussing and improving the Work, but excluding communication
+that is conspicuously marked or otherwise designated in writing by the copyright
+owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License.
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable copyright license to reproduce, prepare Derivative Works of,
+publicly display, publicly perform, sublicense, and distribute the Work and such
+Derivative Works in Source or Object form.
+
+3. Grant of Patent License.
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable (except as stated in this section) patent license to make, have
+made, use, offer to sell, sell, import, and otherwise transfer the Work, where
+such license applies only to those patent claims licensable by such Contributor
+that are necessarily infringed by their Contribution(s) alone or by combination
+of their Contribution(s) with the Work to which such Contribution(s) was
+submitted. If You institute patent litigation against any entity (including a
+cross-claim or counterclaim in a lawsuit) alleging that the Work or a
+Contribution incorporated within the Work constitutes direct or contributory
+patent infringement, then any patent licenses granted to You under this License
+for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution.
+
+You may reproduce and distribute copies of the Work or Derivative Works thereof
+in any medium, with or without modifications, and in Source or Object form,
+provided that You meet the following conditions:
+
+You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+You must cause any modified files to carry prominent notices stating that You
+changed the files; and
+You must retain, in the Source form of any Derivative Works that You distribute,
+all copyright, patent, trademark, and attribution notices from the Source form
+of the Work, excluding those notices that do not pertain to any part of the
+Derivative Works; and
+If the Work includes a "NOTICE" text file as part of its distribution, then any
+Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the
+Derivative Works; within the Source form or documentation, if provided along
+with the Derivative Works; or, within a display generated by the Derivative
+Works, if and wherever such third-party notices normally appear. The contents of
+the NOTICE file are for informational purposes only and do not modify the
+License. You may add Your own attribution notices within Derivative Works that
+You distribute, alongside or as an addendum to the NOTICE text from the Work,
+provided that such additional attribution notices cannot be construed as
+modifying the License.
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions.
+
+Unless You explicitly state otherwise, any Contribution intentionally submitted
+for inclusion in the Work by You to the Licensor shall be under the terms and
+conditions of this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify the terms of
+any separate license agreement you may have executed with Licensor regarding
+such Contributions.
+
+6. Trademarks.
+
+This License does not grant permission to use the trade names, trademarks,
+service marks, or product names of the Licensor, except as required for
+reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty.
+
+Unless required by applicable law or agreed to in writing, Licensor provides the
+Work (and each Contributor provides its Contributions) on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied,
+including, without limitation, any warranties or conditions of TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are
+solely responsible for determining the appropriateness of using or
+redistributing the Work and assume any risks associated with Your exercise of
+permissions under this License.
+
+8. Limitation of Liability.
+
+In no event and under no legal theory, whether in tort (including negligence),
+contract, or otherwise, unless required by applicable law (such as deliberate
+and grossly negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special, incidental,
+or consequential damages of any character arising as a result of this License or
+out of the use or inability to use the Work (including but not limited to
+damages for loss of goodwill, work stoppage, computer failure or malfunction, or
+any and all other commercial damages or losses), even if such Contributor has
+been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability.
+
+While redistributing the Work or Derivative Works thereof, You may choose to
+offer, and charge a fee for, acceptance of support, warranty, indemnity, or
+other liability obligations and/or rights consistent with this License. However,
+in accepting such obligations, You may act only on Your own behalf and on Your
+sole responsibility, not on behalf of any other Contributor, and only if You
+agree to indemnify, defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason of your
+accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work
+
+To apply the Apache License to your work, attach the following boilerplate
+notice, with the fields enclosed by brackets "[]" replaced with your own
+identifying information. (Don't include the brackets!) The text should be
+enclosed in the appropriate comment syntax for the file format. We also
+recommend that a file or class name and description of purpose be included on
+the same "printed page" as the copyright notice for easier identification within
+third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

frontend/node_modules/@img/sharp-linux-x64/README.md

@@ -0,0 +1,18 @@
+# `@img/sharp-linux-x64`
+
+Prebuilt sharp for use with Linux (glibc) x64.
+
+## Licensing
+
+Copyright 2013 Lovell Fuller and others.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+[https://www.apache.org/licenses/LICENSE-2.0](https://www.apache.org/licenses/LICENSE-2.0)
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

frontend/node_modules/@img/sharp-linux-x64/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@img/sharp-linux-x64",
+  "version": "0.34.5",
+  "description": "Prebuilt sharp for use with Linux (glibc) x64",
+  "author": "Lovell Fuller <npm@lovell.info>",
+  "homepage": "https://sharp.pixelplumbing.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lovell/sharp.git",
+    "directory": "npm/linux-x64"
+  },
+  "license": "Apache-2.0",
+  "funding": {
+    "url": "https://opencollective.com/libvips"
+  },
+  "preferUnplugged": true,
+  "optionalDependencies": {
+    "@img/sharp-libvips-linux-x64": "1.2.4"
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "commonjs",
+  "exports": {
+    "./sharp.node": "./lib/sharp-linux-x64.node",
+    "./package": "./package.json"
+  },
+  "engines": {
+    "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+  },
+  "config": {
+    "glibc": ">=2.26"
+  },
+  "os": [
+    "linux"
+  ],
+  "libc": [
+    "glibc"
+  ],
+  "cpu": [
+    "x64"
+  ]
+}

frontend/node_modules/@next/env/README.md

@@ -0,0 +1,3 @@
+# `@next/env`
+
+Next.js' util for loading dotenv files in with the proper priorities

frontend/node_modules/@next/env/dist/index.d.ts

@@ -0,0 +1,22 @@
+export type Env = {
+    [key: string]: string | undefined;
+};
+export type LoadedEnvFiles = Array<{
+    path: string;
+    contents: string;
+    env: Env;
+}>;
+export declare let initialEnv: Env | undefined;
+export declare function updateInitialEnv(newEnv: Env): void;
+type Log = {
+    info: (...args: any[]) => void;
+    error: (...args: any[]) => void;
+};
+export declare function processEnv(loadedEnvFiles: LoadedEnvFiles, dir?: string, log?: Log, forceReload?: boolean, onReload?: (envFilePath: string) => void): Env[];
+export declare function resetEnv(): void;
+export declare function loadEnvConfig(dir: string, dev?: boolean, log?: Log, forceReload?: boolean, onReload?: (envFilePath: string) => void): {
+    combinedEnv: Env;
+    parsedEnv: Env | undefined;
+    loadedEnvFiles: LoadedEnvFiles;
+};
+export {};

frontend/node_modules/@next/env/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@next/env",
+  "version": "16.2.2",
+  "keywords": [
+    "react",
+    "next",
+    "next.js",
+    "dotenv"
+  ],
+  "description": "Next.js dotenv file loading",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/next.js",
+    "directory": "packages/next-env"
+  },
+  "author": "Next.js Team <support@vercel.com>",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "ncc build ./index.ts -w -o dist/",
+    "prebuild:source": "node ../../scripts/rm.mjs dist",
+    "types": "tsc --declaration --emitDeclarationOnly --declarationDir dist",
+    "build:source": "ncc build ./index.ts -o ./dist/ --minify --no-cache --no-source-map-register",
+    "build": "pnpm build:source && pnpm types",
+    "prepublishOnly": "cd ../../ && turbo run build"
+  },
+  "devDependencies": {
+    "@vercel/ncc": "0.34.0",
+    "dotenv": "16.3.1",
+    "dotenv-expand": "10.0.0"
+  }
+}

frontend/node_modules/@next/swc-linux-x64-gnu/README.md

@@ -0,0 +1,3 @@
+# `@next/swc-linux-x64-gnu`
+
+This is the **x86_64-unknown-linux-gnu** binary for `@next/swc`

frontend/node_modules/@next/swc-linux-x64-gnu/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@next/swc-linux-x64-gnu",
+  "version": "16.2.2",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vercel/next.js",
+    "directory": "crates/next-napi-bindings/npm/linux-x64-gnu"
+  },
+  "os": [
+    "linux"
+  ],
+  "cpu": [
+    "x64"
+  ],
+  "libc": [
+    "glibc"
+  ],
+  "main": "next-swc.linux-x64-gnu.node",
+  "files": [
+    "next-swc.linux-x64-gnu.node"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">= 10"
+  }
+}

frontend/node_modules/@swc/helpers/LICENSE

@@ -0,0 +1,201 @@
+                              Apache License
+                        Version 2.0, January 2004
+                     http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+   "License" shall mean the terms and conditions for use, reproduction,
+   and distribution as defined by Sections 1 through 9 of this document.
+
+   "Licensor" shall mean the copyright owner or entity authorized by
+   the copyright owner that is granting the License.
+
+   "Legal Entity" shall mean the union of the acting entity and all
+   other entities that control, are controlled by, or are under common
+   control with that entity. For the purposes of this definition,
+   "control" means (i) the power, direct or indirect, to cause the
+   direction or management of such entity, whether by contract or
+   otherwise, or (ii) ownership of fifty percent (50%) or more of the
+   outstanding shares, or (iii) beneficial ownership of such entity.
+
+   "You" (or "Your") shall mean an individual or Legal Entity
+   exercising permissions granted by this License.
+
+   "Source" form shall mean the preferred form for making modifications,
+   including but not limited to software source code, documentation
+   source, and configuration files.
+
+   "Object" form shall mean any form resulting from mechanical
+   transformation or translation of a Source form, including but
+   not limited to compiled object code, generated documentation,
+   and conversions to other media types.
+
+   "Work" shall mean the work of authorship, whether in Source or
+   Object form, made available under the License, as indicated by a
+   copyright notice that is included in or attached to the work
+   (an example is provided in the Appendix below).
+
+   "Derivative Works" shall mean any work, whether in Source or Object
+   form, that is based on (or derived from) the Work and for which the
+   editorial revisions, annotations, elaborations, or other modifications
+   represent, as a whole, an original work of authorship. For the purposes
+   of this License, Derivative Works shall not include works that remain
+   separable from, or merely link (or bind by name) to the interfaces of,
+   the Work and Derivative Works thereof.
+
+   "Contribution" shall mean any work of authorship, including
+   the original version of the Work and any modifications or additions
+   to that Work or Derivative Works thereof, that is intentionally
+   submitted to Licensor for inclusion in the Work by the copyright owner
+   or by an individual or Legal Entity authorized to submit on behalf of
+   the copyright owner. For the purposes of this definition, "submitted"
+   means any form of electronic, verbal, or written communication sent
+   to the Licensor or its representatives, including but not limited to
+   communication on electronic mailing lists, source code control systems,
+   and issue tracking systems that are managed by, or on behalf of, the
+   Licensor for the purpose of discussing and improving the Work, but
+   excluding communication that is conspicuously marked or otherwise
+   designated in writing by the copyright owner as "Not a Contribution."
+
+   "Contributor" shall mean Licensor and any individual or Legal Entity
+   on behalf of whom a Contribution has been received by Licensor and
+   subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   copyright license to reproduce, prepare Derivative Works of,
+   publicly display, publicly perform, sublicense, and distribute the
+   Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of
+   this License, each Contributor hereby grants to You a perpetual,
+   worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+   (except as stated in this section) patent license to make, have made,
+   use, offer to sell, sell, import, and otherwise transfer the Work,
+   where such license applies only to those patent claims licensable
+   by such Contributor that are necessarily infringed by their
+   Contribution(s) alone or by combination of their Contribution(s)
+   with the Work to which such Contribution(s) was submitted. If You
+   institute patent litigation against any entity (including a
+   cross-claim or counterclaim in a lawsuit) alleging that the Work
+   or a Contribution incorporated within the Work constitutes direct
+   or contributory patent infringement, then any patent licenses
+   granted to You under this License for that Work shall terminate
+   as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the
+   Work or Derivative Works thereof in any medium, with or without
+   modifications, and in Source or Object form, provided that You
+   meet the following conditions:
+
+   (a) You must give any other recipients of the Work or
+       Derivative Works a copy of this License; and
+
+   (b) You must cause any modified files to carry prominent notices
+       stating that You changed the files; and
+
+   (c) You must retain, in the Source form of any Derivative Works
+       that You distribute, all copyright, patent, trademark, and
+       attribution notices from the Source form of the Work,
+       excluding those notices that do not pertain to any part of
+       the Derivative Works; and
+
+   (d) If the Work includes a "NOTICE" text file as part of its
+       distribution, then any Derivative Works that You distribute must
+       include a readable copy of the attribution notices contained
+       within such NOTICE file, excluding those notices that do not
+       pertain to any part of the Derivative Works, in at least one
+       of the following places: within a NOTICE text file distributed
+       as part of the Derivative Works; within the Source form or
+       documentation, if provided along with the Derivative Works; or,
+       within a display generated by the Derivative Works, if and
+       wherever such third-party notices normally appear. The contents
+       of the NOTICE file are for informational purposes only and
+       do not modify the License. You may add Your own attribution
+       notices within Derivative Works that You distribute, alongside
+       or as an addendum to the NOTICE text from the Work, provided
+       that such additional attribution notices cannot be construed
+       as modifying the License.
+
+   You may add Your own copyright statement to Your modifications and
+   may provide additional or different license terms and conditions
+   for use, reproduction, or distribution of Your modifications, or
+   for any such Derivative Works as a whole, provided Your use,
+   reproduction, and distribution of the Work otherwise complies with
+   the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise,
+   any Contribution intentionally submitted for inclusion in the Work
+   by You to the Licensor shall be under the terms and conditions of
+   this License, without any additional terms or conditions.
+   Notwithstanding the above, nothing herein shall supersede or modify
+   the terms of any separate license agreement you may have executed
+   with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade
+   names, trademarks, service marks, or product names of the Licensor,
+   except as required for reasonable and customary use in describing the
+   origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or
+   agreed to in writing, Licensor provides the Work (and each
+   Contributor provides its Contributions) on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied, including, without limitation, any warranties or conditions
+   of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+   PARTICULAR PURPOSE. You are solely responsible for determining the
+   appropriateness of using or redistributing the Work and assume any
+   risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory,
+   whether in tort (including negligence), contract, or otherwise,
+   unless required by applicable law (such as deliberate and grossly
+   negligent acts) or agreed to in writing, shall any Contributor be
+   liable to You for damages, including any direct, indirect, special,
+   incidental, or consequential damages of any character arising as a
+   result of this License or out of the use or inability to use the
+   Work (including but not limited to damages for loss of goodwill,
+   work stoppage, computer failure or malfunction, or any and all
+   other commercial damages or losses), even if such Contributor
+   has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing
+   the Work or Derivative Works thereof, You may choose to offer,
+   and charge a fee for, acceptance of support, warranty, indemnity,
+   or other liability obligations and/or rights consistent with this
+   License. However, in accepting such obligations, You may act only
+   on Your own behalf and on Your sole responsibility, not on behalf
+   of any other Contributor, and only if You agree to indemnify,
+   defend, and hold each Contributor harmless for any liability
+   incurred by, or claims asserted against, such Contributor by reason
+   of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+   To apply the Apache License to your work, attach the following
+   boilerplate notice, with the fields enclosed by brackets "[]"
+   replaced with your own identifying information. (Don't include
+   the brackets!)  The text should be enclosed in the appropriate
+   comment syntax for the file format. We also recommend that a
+   file or class name and description of purpose be included on the
+   same "printed page" as the copyright notice for easier
+   identification within third-party archives.
+
+Copyright 2024 SWC contributors.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+	http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.