diff --git a/.idea/.name b/.idea/.name
new file mode 100644
index 0000000..2f47b83
--- /dev/null
+++ b/.idea/.name
@@ -0,0 +1 @@
+Identity
\ No newline at end of file
diff --git a/pkg/view/.dockerignore b/pkg/view/.dockerignore
deleted file mode 100644
index 8179c84..0000000
--- a/pkg/view/.dockerignore
+++ /dev/null
@@ -1,5 +0,0 @@
-/dist
-/node_modules
-/package-lock.json
-
-*.lock
\ No newline at end of file
diff --git a/pkg/view/.eslintrc.cjs b/pkg/view/.eslintrc.cjs
new file mode 100644
index 0000000..d6c9537
--- /dev/null
+++ b/pkg/view/.eslintrc.cjs
@@ -0,0 +1,18 @@
+module.exports = {
+ root: true,
+ env: { browser: true, es2020: true },
+ extends: [
+ 'eslint:recommended',
+ 'plugin:@typescript-eslint/recommended',
+ 'plugin:react-hooks/recommended',
+ ],
+ ignorePatterns: ['dist', '.eslintrc.cjs'],
+ parser: '@typescript-eslint/parser',
+ plugins: ['react-refresh'],
+ rules: {
+ 'react-refresh/only-export-components': [
+ 'warn',
+ { allowConstantExport: true },
+ ],
+ },
+}
diff --git a/pkg/view/README.md b/pkg/view/README.md
index 99613fc..0d6babe 100644
--- a/pkg/view/README.md
+++ b/pkg/view/README.md
@@ -1,28 +1,30 @@
-## Usage
+# React + TypeScript + Vite
-```bash
-$ npm install # or pnpm install or yarn install
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default {
+ // other rules...
+ parserOptions: {
+ ecmaVersion: 'latest',
+ sourceType: 'module',
+ project: ['./tsconfig.json', './tsconfig.node.json'],
+ tsconfigRootDir: __dirname,
+ },
+}
```
-### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `npm run dev`
-
-Runs the app in the development mode.
-Open [http://localhost:5173](http://localhost:5173) to view it in the browser.
-
-### `npm run build`
-
-Builds the app for production to the `dist` folder.
-It correctly bundles Solid in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.
-Your app is ready to be deployed!
-
-## Deployment
-
-Learn more about deploying your application with the [documentations](https://vitejs.dev/guide/static-deploy.html)
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
diff --git a/pkg/view/bun.lockb b/pkg/view/bun.lockb
new file mode 100755
index 0000000..4f36ee3
Binary files /dev/null and b/pkg/view/bun.lockb differ
diff --git a/pkg/view/index.html b/pkg/view/index.html
index 3c940c2..346559b 100644
--- a/pkg/view/index.html
+++ b/pkg/view/index.html
@@ -8,6 +8,6 @@