OpenModelDB · joeyballentine · Jul 31, 2026 · Jul 29, 2026 · Jul 29, 2026 · Jul 29, 2026
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,9 @@
 # testing
 /coverage
 
+# storybook
+/storybook-static/
+
 # next.js
 /.next/
 /out/

diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -1,21 +1,21 @@
 import type { StorybookConfig } from '@storybook/nextjs';
 
 const config: StorybookConfig = {
-  "stories": [
-    "../src/**/*.mdx",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)"
-  ],
-  "addons": [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
-  ],
-  "framework": {
-    "name": "@storybook/nextjs",
-    "options": {}
-  },
-  "docs": {
-    "autodocs": true
-  }
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+
+    // `addon-essentials` and `addon-interactions` are no longer separate
+    // packages: from Storybook 9 on, controls, actions, viewport, backgrounds,
+    // docs and interactions all live in core, and naming them here fails to
+    // resolve.
+    addons: ['@storybook/addon-links'],
+
+    framework: {
+        name: '@storybook/nextjs',
+        options: {},
+    },
+
+    // `docs.autodocs` was replaced by the `autodocs` tag on individual stories.
+    docs: {},
 };
+
 export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,42 +1,50 @@
-import { Decorator } from '@storybook/react'
-import { Parameters, GlobalTypes } from '@storybook/types'
-import '../src/styles/globals.scss'
+import type { Decorator, Preview } from '@storybook/react';
+import '../src/styles/globals.scss';
 
-export const parameters: Parameters = {
-  backgrounds: {
-    default: 'light',
-  },
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  controls: {
-    matchers: {
-      color: /(background|color)$/i,
-      date: /Date$/,
+// A single default export, rather than the loose `parameters`/`globalTypes`/
+// `decorators` exports the old config used. `@storybook/types` no longer
+// exists as a package — those types come from the renderer now.
+const preview: Preview = {
+    parameters: {
+        backgrounds: {
+            default: 'light',
+        },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/,
+            },
+        },
     },
-  },
-}
 
-export const globalTypes: GlobalTypes = {
-  theme: {
-    name: 'Theme',
-    description: 'Global theme for components',
-    defaultValue: 'light',
-    toolbar: {
-      icon: 'circlehollow',
-      // Array of plain string values or MenuItem shape (see below)
-      items: ['light', 'dark'],
-      // Property that specifies if the name of the item will be displayed
-      showName: true,
-      // Change title based on selected value
-      dynamicTitle: true,
+    globalTypes: {
+        theme: {
+            name: 'Theme',
+            description: 'Global theme for components',
+            toolbar: {
+                icon: 'circlehollow',
+                items: ['light', 'dark'],
+                showName: true,
+                dynamicTitle: true,
+            },
+        },
+    },
+
+    initialGlobals: {
+        theme: 'light',
     },
-  },
 };
 
-const withThemeProvider: Decorator = (Story, context) => {
-  if (typeof document !== undefined) {
-    document.documentElement.dataset['theme'] = context.globals.theme;
-  }
+// The site reads its palette off `data-theme` on <html>, so the toolbar toggle
+// has to write there rather than wrap the story in a provider.
+const withTheme: Decorator = (Story, context) => {
+    if (typeof document !== 'undefined') {
+        document.documentElement.dataset['theme'] = context.globals.theme as string;
+    }
 
-  return Story();
+    return Story();
 };
-export const decorators = [withThemeProvider];
+
+export const decorators = [withTheme];
+
+export default preview;
diff --git a/docs/faq.md b/docs/faq.md
@@ -30,9 +30,9 @@ There are many programs that can perform AI upscaling, though not all are able t
   - [GitHub](https://github.com/the-database/AnimeJaNaiConverterGui)
   - Allows for fast video upscaling utilizing TensorRT (On Nvidia cards), DirectML, or NCNN within a clean GUI. Only supports ONNX. Use chaiNNer to convert PyTorch models to ONNX for usage.
 
-- **enhancr** (open-source | paid)
-  - [GitHub](https://github.com/mafiosnik777/enhancr)
-  - Meant for fast video frame upscaling and interpolation, enhancr takes advantage of Nvidia's TensorRT to provide fast processing on video. It supports a variety of models, including many of the custom ESRGAN ones from OpenModelDB.
+- **VapourKit** (open-source | free)
+  - [Website](https://www.vapourkit.app/) | [GitHub](https://github.com/Kim2091/vapourkit)
+  - A VapourSynth frontend focused on video upscaling, with a real-time preview and side-by-side comparison. Runs ONNX models on TensorRT (Nvidia) or DirectML (AMD/Intel/Nvidia), and fetches everything it needs on first launch rather than making you assemble a VapourSynth environment yourself. Handles plain upscales as well as fuller restoration work such as deinterlacing and temporal stability. Windows only.
 
 - **VSGAN-TensorRT-docker** (open-source | free)
   - [GitHub](https://github.com/styler00dollar/VSGAN-tensorrt-docker)
@@ -52,6 +52,10 @@ There are many programs that can perform AI upscaling, though not all are able t
 
 ### Unmaintained Programs
 
+- **enhancr** (open-source | paid)
+  - [GitHub](https://github.com/mafiosnik777/enhancr)
+  - Meant for fast video frame upscaling and interpolation, enhancr takes advantage of Nvidia's TensorRT to provide fast processing on video. It supports a variety of models, including many of the custom ESRGAN ones from OpenModelDB. The last release was 0.9.9 in June 2023 and the last commit was in January 2024, so it is no longer actively maintained — for the same job, VapourKit is the maintained option.
+
 - **Joey's ESRGAN fork** (open-source | free)
   - [GitHub](https://github.com/joeyballentine/ESRGAN/)
   - This is a fork (of a fork) of the original official ESRGAN CLI code by Xinntao. At one point, it was the best way to upscale as it was the only way to automatically run ESRGAN models of any configuration, and improving on vram-tiling and transparency splitting features from IEU. However, it is no longer actively maintained, and is only recommended if you just need to run ESRGAN models via CLI.

diff --git a/jest.config.js b/jest.config.js
diff --git a/next.config.js b/next.config.js
@@ -1,12 +1,34 @@
 const path = require('path');
 
+/**
+ * The static export is a separate build from the one used for local
+ * development: `output: 'export'` has no server, so the API routes that edit
+ * mode talks to cannot exist in it. `next export` used to be a second CLI step
+ * that made this distinction for us; Next 14 removed it, so the mode is now
+ * chosen by the environment variable the build script sets.
+ */
+const isExport = process.env.NEXT_OUTPUT_EXPORT === 'true';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    // output: 'export',
+    output: isExport ? 'export' : undefined,
     reactStrictMode: true,
     sassOptions: {
         includePaths: [path.join(__dirname, 'styles')],
     },
+
+    // SVGs are imported as React components. Turbopack is the default bundler
+    // from Next 16 on, so the rule has to be declared for both bundlers — the
+    // webpack half still applies when a build opts out with `--webpack`.
+    turbopack: {
+        rules: {
+            '*.svg': {
+                loaders: ['@svgr/webpack'],
+                as: '*.js',
+            },
+        },
+    },
+
     webpack(config) {
         config.module.rules.push({
             test: /\.svg$/,