diff --git a/.changeset/funny-gifts-learn.md b/.changeset/funny-gifts-learn.md
new file mode 100644
index 0000000..707f324
--- /dev/null
+++ b/.changeset/funny-gifts-learn.md
@@ -0,0 +1,5 @@
+---
+"@sourceacademy/web-test": patch
+---
+
+Add the `ITabService` argument and open a tab when it loads
diff --git a/.github/workflows/on_push.yml b/.github/workflows/on_push.yml
index 4d4938d..3845200 100644
--- a/.github/workflows/on_push.yml
+++ b/.github/workflows/on_push.yml
@@ -22,6 +22,12 @@ jobs:
         run: yarn install --frozen-lockfile
       - name: yarn run build
         run: yarn run build 
+      - name: Run tests
+        run: yarn run test-coverage
+      - name: Coveralls
+        uses: coverallsapp/github-action@v2
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
@@ -35,18 +41,6 @@ jobs:
         with:
           path: dist/
 
-  test-coverage:
-    needs: build
-    name: Test coverage
-    runs-on: ubuntu-latest
-    steps:
-      - name: Run tests
-        run: yarn run test-coverage
-      - name: Coveralls
-        uses: coverallsapp/github-action@v2
-        with:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-
   deploy:
     needs: test-coverage
     name: Deploy plugins
diff --git a/lib/build.ts b/lib/build.ts
index 867644c..c947e59 100644
--- a/lib/build.ts
+++ b/lib/build.ts
@@ -1,6 +1,6 @@
 import { Command } from "commander";
 import packageJSON from "../package.json" with { type: "json" };
-import fs from "fs/promises";
+import fs, { readFile, writeFile } from "fs/promises";
 import { spawn } from "child_process";
 import pathlib from "path";
 import type { IPluginDefinition } from "@sourceacademy/plugin-directory/dist/types/IPluginDefinition.js";
@@ -49,7 +49,7 @@ async function generateManifest() {
             resolutions: {},
           };
           pluginDirectory[folderName].resolutions[pluginType] =
-            "./" + pluginType + "/" + folderName + "/index.mjs";
+            "./" + pluginType + "/" + folderName + "/index.js";
         }
       }
       globalManifest[pluginType] = manifest;
@@ -58,7 +58,10 @@ async function generateManifest() {
   );
 
   // Write the plugin directory to the dist folder. This is used by the plugin loaders to load non-installable plugins.
-  await fs.writeFile(`dist/directory.json`, JSON.stringify(pluginDirectory, null, 2));
+  await fs.writeFile(
+    `dist/directory.json`,
+    JSON.stringify(Object.values(pluginDirectory), null, 2),
+  );
 
   // Update changeset config to ignore non-installable plugins
   const changesetConfig = await fs.readFile(".changeset/config.json", "utf-8");
@@ -134,6 +137,33 @@ async function build(extraArgs: string[] = []) {
     ),
   ]);
   await copyDistFiles();
+  await transform();
+}
+
+/**
+ * Transforms a particular external plugin to its final form
+ */
+async function transformSingle(path: string) {
+  if (path.endsWith("mjs")) {
+    return;
+  }
+  let file = (await readFile(path)).toString("utf-8");
+
+  // Create a mock "module" object, then return the exports
+  file = `export default require => {let module = {exports: {}}; let exports = module.exports; ${file}; return module.exports;}`;
+  await writeFile(path, file);
+}
+
+/**
+ * Transforms the plugins to its final form
+ * For external plugins, this wraps it in an "export default require => { ... }" or "export default import => { ... }"
+ */
+async function transform() {
+  const promises = [];
+  for await (const file of fs.glob(`./dist/*/*/index.*js`)) {
+    promises.push(transformSingle(file));
+  }
+  await Promise.all(promises);
 }
 
 // TO-DO: Add more options
diff --git a/src/common/tabs/manifest.json b/src/common/tabs/manifest.json
new file mode 100644
index 0000000..e263f73
--- /dev/null
+++ b/src/common/tabs/manifest.json
@@ -0,0 +1,3 @@
+{
+  "type": "installable"
+}
diff --git a/src/common/tabs/package.json b/src/common/tabs/package.json
new file mode 100644
index 0000000..ae1bd3f
--- /dev/null
+++ b/src/common/tabs/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@sourceacademy/common-tabs",
+  "version": "0.0.1",
+  "packageManager": "yarn@4.6.0",
+  "description": "Common utilities for tab loading in Source Academy",
+  "scripts": {
+    "build": "rollup -c",
+    "prepack": "yarn build"
+  },
+  "license": "ISC",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "rollup": "^4.60.2",
+    "tslib": "^2.8.1",
+    "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "@blueprintjs/icons": ">=6.0.0",
+    "@types/react": "^19.2.17"
+  }
+}
diff --git a/src/common/tabs/rollup.config.mjs b/src/common/tabs/rollup.config.mjs
new file mode 100644
index 0000000..238a07c
--- /dev/null
+++ b/src/common/tabs/rollup.config.mjs
@@ -0,0 +1,21 @@
+import nodeResolve from "@rollup/plugin-node-resolve";
+import terser from "@rollup/plugin-terser";
+import typescript from "@rollup/plugin-typescript";
+
+/**
+ * @type {import('rollup').RollupOptions}
+ */
+export default {
+  input: "src/index.ts",
+  output: [
+    {
+      file: "dist/index.cjs",
+      format: "cjs",
+    },
+    {
+      file: "dist/index.mjs",
+      format: "esm",
+    },
+  ],
+  plugins: [nodeResolve(), typescript(), terser()],
+};
diff --git a/src/common/tabs/src/index.ts b/src/common/tabs/src/index.ts
new file mode 100644
index 0000000..c4c6987
--- /dev/null
+++ b/src/common/tabs/src/index.ts
@@ -0,0 +1,43 @@
+import type { IconName } from "@blueprintjs/icons";
+import type React from "react";
+
+/**
+ * The Tab interface represents a tab that can be registered with the tab service.
+ * It contains an id, title, and a React component that will be rendered when the tab is displayed.
+ * The id is used to identify the tab when it is registered and when it is displayed or hidden.
+ * The title is used to display the name of the tab in the UI.
+ * The tab component is the React component that will be rendered when the tab is displayed.
+ */
+export type Tab = {
+  label: string;
+  iconName: IconName;
+  body: React.ReactElement | null;
+  id: string;
+  disabled?: boolean;
+};
+
+export interface ITabService {
+  /**
+   * Registers a tab with the tab service. This allows for dynamic rendering of tabs based on the arguments passed in.
+   * The tab can be displayed by calling the showTab method with the id of the tab.
+   * @param tab The tab to be loaded
+   */
+  registerTab(tab: Tab): void;
+
+  /**
+   * Should be called when a tab is no longer needed. This allows the tab service to clean up any resources associated with the tab and prevent memory leaks.
+   * @param id The id of the tab to unregister.
+   */
+  unregisterTab(id: string): void;
+
+  /**
+   * The showTab method is used to display a tab that has been registered with the tab service. The tab is identified by its id, which is passed as an argument to the method. When the showTab method is called, the tab service will render the corresponding tab component with the arguments that were passed in when the tab was registered. This allows for dynamic rendering of tabs based on the arguments passed in.
+   * @param id The id of the tab to be displayed. This should correspond to the id of a tab that has been registered with the tab service.
+   */
+  showTab(id: string): void;
+
+  /**
+   * The hideTab method is used to hide a tab that is currently being displayed. The tab is identified by its id, which is passed as an argument to the method. When the hideTab method is called, the tab service will stop rendering the corresponding tab component, effectively hiding it from view. This allows for dynamic hiding of tabs based on user interactions or other events.
+   */
+  hideTab(id: string): void;
+}
diff --git a/src/common/tabs/tsconfig.json b/src/common/tabs/tsconfig.json
new file mode 100644
index 0000000..c818bd8
--- /dev/null
+++ b/src/common/tabs/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.json",
+  "exclude": ["./dist"],
+  "include": ["./src"],
+  "compilerOptions": {
+    "declaration": true,
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "types": ["react"]
+  }
+}
diff --git a/src/runner/test/src/index.ts b/src/runner/test/src/index.ts
index f5c5e83..c6c89f9 100644
--- a/src/runner/test/src/index.ts
+++ b/src/runner/test/src/index.ts
@@ -1,5 +1,12 @@
 import { CHANNEL_ID, RUNNER_ID, type TestMessage } from "@sourceacademy/common-test";
-import type { IPlugin, IChannel, IConduit } from "@sourceacademy/conductor/conduit";
+import {
+  checkIsPluginClass,
+  type IChannel,
+  type IConduit,
+  type IPlugin,
+} from "@sourceacademy/conductor/conduit";
+
+@checkIsPluginClass
 export abstract class TestPlugin implements IPlugin {
   readonly id: string = RUNNER_ID;
   static readonly channelAttach = [CHANNEL_ID];
diff --git a/src/web/test/package.json b/src/web/test/package.json
index d081044..9d1cfb6 100644
--- a/src/web/test/package.json
+++ b/src/web/test/package.json
@@ -22,16 +22,24 @@
     }
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
+    "@sourceacademy/common-tabs": "workspace:^",
     "@sourceacademy/common-test": "workspace:*",
     "@sourceacademy/conductor": ">=0.3.0",
     "@types/jest": "^30.0.0",
+    "@types/react-dom": "^19",
     "jest": "^30.4.2",
     "rollup": "^4.60.2",
     "ts-jest": "^29.4.11",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "@types/react": "^19.2.17",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
   }
 }
diff --git a/src/web/test/rollup.config.mjs b/src/web/test/rollup.config.mjs
index 238a07c..02b9dde 100644
--- a/src/web/test/rollup.config.mjs
+++ b/src/web/test/rollup.config.mjs
@@ -1,12 +1,12 @@
 import nodeResolve from "@rollup/plugin-node-resolve";
 import terser from "@rollup/plugin-terser";
 import typescript from "@rollup/plugin-typescript";
-
+import commonjs from "@rollup/plugin-commonjs";
 /**
  * @type {import('rollup').RollupOptions}
  */
 export default {
-  input: "src/index.ts",
+  input: "src/index.tsx",
   output: [
     {
       file: "dist/index.cjs",
@@ -17,5 +17,6 @@ export default {
       format: "esm",
     },
   ],
-  plugins: [nodeResolve(), typescript(), terser()],
+  plugins: [nodeResolve(), commonjs(), typescript(), terser()],
+  external: ["react", "react-dom", "react/jsx-runtime"],
 };
diff --git a/src/web/test/src/index.ts b/src/web/test/src/index.ts
deleted file mode 100644
index c73f819..0000000
--- a/src/web/test/src/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { CHANNEL_ID, WEB_ID, type TestMessage } from "@sourceacademy/common-test";
-import type { IPlugin, IChannel, IConduit } from "@sourceacademy/conductor/conduit";
-
-export abstract class TestPlugin implements IPlugin {
-  readonly id: string = WEB_ID;
-  static readonly channelAttach = [CHANNEL_ID];
-  private readonly __testChannel: IChannel<TestMessage>;
-  constructor(
-    _conduit: IConduit,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    [testChannel]: IChannel<any>[],
-  ) {
-    this.__testChannel = testChannel;
-    this.__testChannel.subscribe(message => {
-      console.log(message);
-    });
-    this.__testChannel.send("ping");
-  }
-}
diff --git a/src/web/test/src/index.tsx b/src/web/test/src/index.tsx
new file mode 100644
index 0000000..1b7d8bb
--- /dev/null
+++ b/src/web/test/src/index.tsx
@@ -0,0 +1,41 @@
+import { CHANNEL_ID, WEB_ID, type TestMessage } from "@sourceacademy/common-test";
+import {
+  type IPlugin,
+  type IChannel,
+  type IConduit,
+  checkIsPluginClass,
+} from "@sourceacademy/conductor/conduit";
+import type { ITabService, Tab } from "@sourceacademy/common-tabs";
+
+@checkIsPluginClass
+export abstract class TestPlugin implements IPlugin {
+  readonly id: string = WEB_ID;
+  static readonly channelAttach = [CHANNEL_ID];
+  private readonly __testChannel: IChannel<TestMessage>;
+  constructor(
+    _conduit: IConduit,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    [testChannel]: IChannel<any>[],
+    tabService: ITabService,
+  ) {
+    this.__testChannel = testChannel;
+    this.__testChannel.subscribe(message => {
+      console.log(message);
+    });
+    this.__testChannel.send("ping");
+    const tab = {
+      id: "test-tab",
+      iconName: "airplane",
+      body: (
+        <div>
+          This is a test tab
+          <button onClick={() => tabService.hideTab(tab.id)}>Click here to hide the tab!</button>
+        </div>
+      ),
+      label: "Test Tab",
+      disabled: false,
+    } satisfies Tab;
+    tabService.registerTab(tab);
+    tabService.showTab(tab.id);
+  }
+}
diff --git a/src/web/test/tsconfig.json b/src/web/test/tsconfig.json
index 471f5d3..4730529 100644
--- a/src/web/test/tsconfig.json
+++ b/src/web/test/tsconfig.json
@@ -6,6 +6,7 @@
     "declaration": true,
     "outDir": "./dist",
     "rootDir": "./src",
-    "types": ["jest"]
+    "types": ["jest"],
+    "jsx": "react-jsx"
   }
 }
diff --git a/src/web/tsconfig.json b/src/web/tsconfig.json
index 4e83688..f628782 100644
--- a/src/web/tsconfig.json
+++ b/src/web/tsconfig.json
@@ -1,8 +1,6 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    // Tabs should never need to emit any kind of files
-    "declaration": false,
     "jsx": "react-jsx"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 83cb788..e6b29d0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -388,6 +388,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@blueprintjs/icons@npm:>=6.0.0":
+  version: 6.11.0
+  resolution: "@blueprintjs/icons@npm:6.11.0"
+  dependencies:
+    change-case: "npm:^4.1.2"
+    classnames: "npm:^2.3.1"
+    tslib: "npm:~2.6.2"
+  peerDependencies:
+    "@types/react": 18 || 19
+    react: 18 || 19
+    react-dom: 18 || 19
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/192f1f3b6465f3c76eed1ea8192255e98fd32a0da6645419934478c5966441f31a1760e14c707f0124cdd70f8076b04d9efb9ad46c9ab1682702e17ed42ee11b
+  languageName: node
+  linkType: hard
+
 "@changesets/apply-release-plan@npm:^7.1.1":
   version: 7.1.1
   resolution: "@changesets/apply-release-plan@npm:7.1.1"
@@ -1369,7 +1387,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.5.0":
+"@jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.5.0, @jridgewell/sourcemap-codec@npm:^1.5.5":
   version: 1.5.5
   resolution: "@jridgewell/sourcemap-codec@npm:1.5.5"
   checksum: 10c0/f9e538f302b63c0ebc06eecb1dd9918dd4289ed36147a0ddce35d6ea4d7ebbda243cda7b2213b6a5e1d8087a298d5cf630fb2bd39329cdecb82017023f6081a0
@@ -1464,6 +1482,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/plugin-commonjs@npm:^29.0.3":
+  version: 29.0.3
+  resolution: "@rollup/plugin-commonjs@npm:29.0.3"
+  dependencies:
+    "@rollup/pluginutils": "npm:^5.0.1"
+    commondir: "npm:^1.0.1"
+    estree-walker: "npm:^2.0.2"
+    fdir: "npm:^6.2.0"
+    is-reference: "npm:1.2.1"
+    magic-string: "npm:^0.30.3"
+    picomatch: "npm:^4.0.2"
+  peerDependencies:
+    rollup: ^2.68.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 10c0/e2aa2e4c99a72354b7aef932d222c7748155f29cd1d45ed692de56bbd524d4a36f99b0549d2cb293d878f1de83d7b47d7da82c67954dade3f8d42e891c0a9016
+  languageName: node
+  linkType: hard
+
 "@rollup/plugin-node-resolve@npm:^16.0.3":
   version: 16.0.3
   resolution: "@rollup/plugin-node-resolve@npm:16.0.3"
@@ -1740,6 +1778,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sourceacademy/common-tabs@workspace:^, @sourceacademy/common-tabs@workspace:src/common/tabs":
+  version: 0.0.0-use.local
+  resolution: "@sourceacademy/common-tabs@workspace:src/common/tabs"
+  dependencies:
+    "@blueprintjs/icons": "npm:>=6.0.0"
+    "@rollup/plugin-node-resolve": "npm:^16.0.3"
+    "@rollup/plugin-terser": "npm:^1.0.0"
+    "@rollup/plugin-typescript": "npm:^12.3.0"
+    "@types/react": "npm:^19.2.17"
+    rollup: "npm:^4.60.2"
+    tslib: "npm:^2.8.1"
+    typescript: "npm:^6.0.3"
+  languageName: unknown
+  linkType: soft
+
 "@sourceacademy/common-test@workspace:*, @sourceacademy/common-test@workspace:src/common/test":
   version: 0.0.0-use.local
   resolution: "@sourceacademy/common-test@workspace:src/common/test"
@@ -1794,13 +1847,19 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@sourceacademy/web-test@workspace:src/web/test"
   dependencies:
+    "@rollup/plugin-commonjs": "npm:^29.0.3"
     "@rollup/plugin-node-resolve": "npm:^16.0.3"
     "@rollup/plugin-terser": "npm:^1.0.0"
     "@rollup/plugin-typescript": "npm:^12.3.0"
+    "@sourceacademy/common-tabs": "workspace:^"
     "@sourceacademy/common-test": "workspace:*"
     "@sourceacademy/conductor": "npm:>=0.3.0"
     "@types/jest": "npm:^30.0.0"
+    "@types/react": "npm:^19.2.17"
+    "@types/react-dom": "npm:^19"
     jest: "npm:^30.4.2"
+    react: "npm:^19.2.7"
+    react-dom: "npm:^19.2.7"
     rollup: "npm:^4.60.2"
     ts-jest: "npm:^29.4.11"
     tslib: "npm:^2.8.1"
@@ -1865,6 +1924,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/estree@npm:*":
+  version: 1.0.9
+  resolution: "@types/estree@npm:1.0.9"
+  checksum: 10c0/3ad3286ca2988cd550dafb8f2ad599c8474868e954fa601a36655bdfefd8039f7c714b8c1c7f2ae219ffbd58bd4660e66fa7479a0120fc02d4777057d4865387
+  languageName: node
+  linkType: hard
+
 "@types/estree@npm:1.0.8, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.6, @types/estree@npm:^1.0.8":
   version: 1.0.8
   resolution: "@types/estree@npm:1.0.8"
@@ -1939,6 +2005,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-dom@npm:^19":
+  version: 19.2.3
+  resolution: "@types/react-dom@npm:19.2.3"
+  peerDependencies:
+    "@types/react": ^19.2.0
+  checksum: 10c0/b486ebe0f4e2fb35e2e108df1d8fc0927ca5d6002d5771e8a739de11239fe62d0e207c50886185253c99eb9dedfeeb956ea7429e5ba17f6693c7acb4c02f8cd1
+  languageName: node
+  linkType: hard
+
+"@types/react@npm:^19.2.17":
+  version: 19.2.17
+  resolution: "@types/react@npm:19.2.17"
+  dependencies:
+    csstype: "npm:^3.2.2"
+  checksum: 10c0/bc2c4af96b3e480604424de70d5ebda90c5f4b485df471858c0bc2d7d70364b606ec3c4d8579f94f01aa0c6c0591f56bcf14cba5689f5eea4b74250ccdc3a232
+  languageName: node
+  linkType: hard
+
 "@types/resolve@npm:1.20.2":
   version: 1.20.2
   resolution: "@types/resolve@npm:1.20.2"
@@ -2561,6 +2645,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"camel-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "camel-case@npm:4.1.2"
+  dependencies:
+    pascal-case: "npm:^3.1.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/bf9eefaee1f20edbed2e9a442a226793bc72336e2b99e5e48c6b7252b6f70b080fc46d8246ab91939e2af91c36cdd422e0af35161e58dd089590f302f8f64c8a
+  languageName: node
+  linkType: hard
+
 "camelcase@npm:^5.3.1":
   version: 5.3.1
   resolution: "camelcase@npm:5.3.1"
@@ -2582,6 +2676,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"capital-case@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "capital-case@npm:1.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+    upper-case-first: "npm:^2.0.2"
+  checksum: 10c0/6a034af73401f6e55d91ea35c190bbf8bda21714d4ea8bb8f1799311d123410a80f0875db4e3236dc3f97d74231ff4bf1c8783f2be13d7733c7d990c57387281
+  languageName: node
+  linkType: hard
+
 "chalk@npm:^4.0.0, chalk@npm:^4.1.2":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
@@ -2592,6 +2697,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"change-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "change-case@npm:4.1.2"
+  dependencies:
+    camel-case: "npm:^4.1.2"
+    capital-case: "npm:^1.0.4"
+    constant-case: "npm:^3.0.4"
+    dot-case: "npm:^3.0.4"
+    header-case: "npm:^2.0.4"
+    no-case: "npm:^3.0.4"
+    param-case: "npm:^3.0.4"
+    pascal-case: "npm:^3.1.2"
+    path-case: "npm:^3.0.4"
+    sentence-case: "npm:^3.0.4"
+    snake-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/95a6e48563cd393241ce18470c7310a8a050304a64b63addac487560ab039ce42b099673d1d293cc10652324d92060de11b5d918179fe3b5af2ee521fb03ca58
+  languageName: node
+  linkType: hard
+
 "char-regex@npm:^1.0.2":
   version: 1.0.2
   resolution: "char-regex@npm:1.0.2"
@@ -2634,6 +2759,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"classnames@npm:^2.3.1":
+  version: 2.5.1
+  resolution: "classnames@npm:2.5.1"
+  checksum: 10c0/afff4f77e62cea2d79c39962980bf316bacb0d7c49e13a21adaadb9221e1c6b9d3cdb829d8bb1b23c406f4e740507f37e1dcf506f7e3b7113d17c5bab787aa69
+  languageName: node
+  linkType: hard
+
 "cliui@npm:^8.0.1":
   version: 8.0.1
   resolution: "cliui@npm:8.0.1"
@@ -2689,6 +2821,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commondir@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "commondir@npm:1.0.1"
+  checksum: 10c0/33a124960e471c25ee19280c9ce31ccc19574b566dc514fe4f4ca4c34fa8b0b57cf437671f5de380e11353ea9426213fca17687dd2ef03134fea2dbc53809fd6
+  languageName: node
+  linkType: hard
+
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -2696,6 +2835,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"constant-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "constant-case@npm:3.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+    upper-case: "npm:^2.0.2"
+  checksum: 10c0/91d54f18341fcc491ae66d1086642b0cc564be3e08984d7b7042f8b0a721c8115922f7f11d6a09f13ed96ff326eabae11f9d1eb0335fa9d8b6e39e4df096010e
+  languageName: node
+  linkType: hard
+
 "convert-source-map@npm:^2.0.0":
   version: 2.0.0
   resolution: "convert-source-map@npm:2.0.0"
@@ -2714,6 +2864,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csstype@npm:^3.2.2":
+  version: 3.2.3
+  resolution: "csstype@npm:3.2.3"
+  checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce
+  languageName: node
+  linkType: hard
+
 "debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.4.3":
   version: 4.4.3
   resolution: "debug@npm:4.4.3"
@@ -2775,6 +2932,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dot-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "dot-case@npm:3.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/5b859ea65097a7ea870e2c91b5768b72ddf7fa947223fd29e167bcdff58fe731d941c48e47a38ec8aa8e43044c8fbd15cd8fa21689a526bc34b6548197cd5b05
+  languageName: node
+  linkType: hard
+
 "eastasianwidth@npm:^0.2.0":
   version: 0.2.0
   resolution: "eastasianwidth@npm:0.2.0"
@@ -3213,7 +3380,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fdir@npm:^6.5.0":
+"fdir@npm:^6.2.0, fdir@npm:^6.5.0":
   version: 6.5.0
   resolution: "fdir@npm:6.5.0"
   peerDependencies:
@@ -3476,6 +3643,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"header-case@npm:^2.0.4":
+  version: 2.0.4
+  resolution: "header-case@npm:2.0.4"
+  dependencies:
+    capital-case: "npm:^1.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/c9f295d9d8e38fa50679281fd70d80726962256e888a76c8e72e526453da7a1832dcb427caa716c1ad5d79841d4537301b90156fa30298fefd3d68f4ea2181bb
+  languageName: node
+  linkType: hard
+
 "html-escaper@npm:^2.0.0":
   version: 2.0.2
   resolution: "html-escaper@npm:2.0.2"
@@ -3618,6 +3795,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-reference@npm:1.2.1":
+  version: 1.2.1
+  resolution: "is-reference@npm:1.2.1"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10c0/7dc819fc8de7790264a0a5d531164f9f5b9ef5aa1cd05f35322d14db39c8a2ec78fd5d4bf57f9789f3ddd2b3abeea7728432b759636157a42db12a9e8c3b549b
+  languageName: node
+  linkType: hard
+
 "is-stream@npm:^2.0.0":
   version: 2.0.1
   resolution: "is-stream@npm:2.0.1"
@@ -4398,6 +4584,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lower-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "lower-case@npm:2.0.2"
+  dependencies:
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/3d925e090315cf7dc1caa358e0477e186ffa23947740e4314a7429b6e62d72742e0bbe7536a5ae56d19d7618ce998aba05caca53c2902bd5742fdca5fc57fd7b
+  languageName: node
+  linkType: hard
+
 "lru-cache@npm:^10.2.0":
   version: 10.4.3
   resolution: "lru-cache@npm:10.4.3"
@@ -4414,6 +4609,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.3":
+  version: 0.30.21
+  resolution: "magic-string@npm:0.30.21"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.5.5"
+  checksum: 10c0/299378e38f9a270069fc62358522ddfb44e94244baa0d6a8980ab2a9b2490a1d03b236b447eee309e17eb3bddfa482c61259d47960eb018a904f0ded52780c4a
+  languageName: node
+  linkType: hard
+
 "make-dir@npm:^4.0.0":
   version: 4.0.0
   resolution: "make-dir@npm:4.0.0"
@@ -4557,6 +4761,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"no-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "no-case@npm:3.0.4"
+  dependencies:
+    lower-case: "npm:^2.0.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/8ef545f0b3f8677c848f86ecbd42ca0ff3cd9dd71c158527b344c69ba14710d816d8489c746b6ca225e7b615108938a0bda0a54706f8c255933703ac1cf8e703
+  languageName: node
+  linkType: hard
+
 "node-gyp@npm:latest":
   version: 12.3.0
   resolution: "node-gyp@npm:12.3.0"
@@ -4732,6 +4946,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"param-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "param-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/ccc053f3019f878eca10e70ec546d92f51a592f762917dafab11c8b532715dcff58356118a6f350976e4ab109e321756f05739643ed0ca94298e82291e6f9e76
+  languageName: node
+  linkType: hard
+
 "parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
@@ -4744,6 +4968,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pascal-case@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "pascal-case@npm:3.1.2"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/05ff7c344809fd272fc5030ae0ee3da8e4e63f36d47a1e0a4855ca59736254192c5a27b5822ed4bae96e54048eec5f6907713cfcfff7cdf7a464eaf7490786d8
+  languageName: node
+  linkType: hard
+
+"path-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "path-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/b6b14637228a558793f603aaeb2fcd981e738b8b9319421b713532fba96d75aa94024b9f6b9ae5aa33d86755144a5b36697d28db62ae45527dbd672fcc2cf0b7
+  languageName: node
+  linkType: hard
+
 "path-exists@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-exists@npm:4.0.0"
@@ -4937,6 +5181,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-dom@npm:^19.2.7":
+  version: 19.2.7
+  resolution: "react-dom@npm:19.2.7"
+  dependencies:
+    scheduler: "npm:^0.27.0"
+  peerDependencies:
+    react: ^19.2.7
+  checksum: 10c0/970ff600f6e80d47d39e2f226f12f226173b3cba3382efc97c5f0cd663de9af38c7a4c11c213fb936094faeac83060d660247accaa96b752180d5b951b9cfecb
+  languageName: node
+  linkType: hard
+
 "react-is-18@npm:react-is@^18.3.1, react-is@npm:^18.3.1":
   version: 18.3.1
   resolution: "react-is@npm:18.3.1"
@@ -4951,6 +5206,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react@npm:^19.2.7":
+  version: 19.2.7
+  resolution: "react@npm:19.2.7"
+  checksum: 10c0/0bd0e2f1bbd4ba97561c6597bf8a5fec05e6476fe61e165c1065598d16668efc6715205599c94d3ddd49d36cb0f21cbf1b9bcc18ee840b805ce222c3e8d558ac
+  languageName: node
+  linkType: hard
+
 "read-yaml-file@npm:^1.1.0":
   version: 1.1.0
   resolution: "read-yaml-file@npm:1.1.0"
@@ -5127,6 +5389,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"scheduler@npm:^0.27.0":
+  version: 0.27.0
+  resolution: "scheduler@npm:0.27.0"
+  checksum: 10c0/4f03048cb05a3c8fddc45813052251eca00688f413a3cee236d984a161da28db28ba71bd11e7a3dd02f7af84ab28d39fb311431d3b3772fed557945beb00c452
+  languageName: node
+  linkType: hard
+
 "semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
@@ -5154,6 +5423,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sentence-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "sentence-case@npm:3.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+    upper-case-first: "npm:^2.0.2"
+  checksum: 10c0/9a90527a51300cf5faea7fae0c037728f9ddcff23ac083883774c74d180c0a03c31aab43d5c3347512e8c1b31a0d4712512ec82beb71aa79b85149f9abeb5467
+  languageName: node
+  linkType: hard
+
 "serialize-javascript@npm:^7.0.3":
   version: 7.0.5
   resolution: "serialize-javascript@npm:7.0.5"
@@ -5205,6 +5485,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"snake-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "snake-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/ab19a913969f58f4474fe9f6e8a026c8a2142a01f40b52b79368068343177f818cdfef0b0c6b9558f298782441d5ca8ed5932eb57822439fad791d866e62cecd
+  languageName: node
+  linkType: hard
+
 "source-map-support@npm:0.5.13":
   version: 0.5.13
   resolution: "source-map-support@npm:0.5.13"
@@ -5490,13 +5780,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.4.0, tslib@npm:^2.8.1":
+"tslib@npm:^2.0.3, tslib@npm:^2.4.0, tslib@npm:^2.8.1":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62
   languageName: node
   linkType: hard
 
+"tslib@npm:~2.6.2":
+  version: 2.6.3
+  resolution: "tslib@npm:2.6.3"
+  checksum: 10c0/2598aef53d9dbe711af75522464b2104724d6467b26a60f2bdac8297d2b5f1f6b86a71f61717384aa8fd897240467aaa7bcc36a0700a0faf751293d1331db39a
+  languageName: node
+  linkType: hard
+
 "tsx@npm:^4.22.3":
   version: 4.22.3
   resolution: "tsx@npm:4.22.3"
@@ -5695,6 +5992,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"upper-case-first@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "upper-case-first@npm:2.0.2"
+  dependencies:
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/ccad6a0b143310ebfba2b5841f30bef71246297385f1329c022c902b2b5fc5aee009faf1ac9da5ab3ba7f615b88f5dc1cd80461b18a8f38cb1d4c3eb92538ea9
+  languageName: node
+  linkType: hard
+
+"upper-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "upper-case@npm:2.0.2"
+  dependencies:
+    tslib: "npm:^2.0.3"
+  checksum: 10c0/5ac176c9d3757abb71400df167f9abb46d63152d5797c630d1a9f083fbabd89711fb4b3dc6de06ff0138fe8946fa5b8518b4fcdae9ca8a3e341417075beae069
+  languageName: node
+  linkType: hard
+
 "uri-js@npm:^4.2.2":
   version: 4.4.1
   resolution: "uri-js@npm:4.4.1"