YashasVM · YashasVM · Aug 2, 2026 · Aug 2, 2026 · coderabbitai · Aug 2, 2026
diff --git a/desktop/.gitignore b/desktop/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/desktop/.prettierignore b/desktop/.prettierignore
@@ -0,0 +1,7 @@
+node_modules/
+coverage/
+.pnpm-store/
+pnpm-lock.yaml
+package-lock.json
+pnpm-lock.yaml
+yarn.lock
diff --git a/desktop/.prettierrc b/desktop/.prettierrc
@@ -0,0 +1,11 @@
+{
+  "endOfLine": "lf",
+  "semi": false,
+  "singleQuote": false,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindStylesheet": "src/index.css",
+  "tailwindFunctions": ["cn", "cva"]
+}
diff --git a/desktop/README.md b/desktop/README.md
@@ -0,0 +1,32 @@
+# React + TypeScript + Vite + shadcn/ui
+
+This is a template for a new Vite project with React, TypeScript, and shadcn/ui.
+
+## b0 compatibility adaptation
+
+The requested shadcn `b0` preset was translated into this existing Vite/Tauri
+desktop app instead of converting it to Next.js or a monorepo. Compact b0
+tokens (neutral dark surfaces, tight radii, thin borders, restrained elevation),
+Base UI primitives, pointer-sized controls, and RTL-safe layout rules live in
+`src/index.css` and the generated `src/components/ui/*` primitives.
+`components.json` keeps the supported `base-nova` style name so future shadcn
+CLI updates remain compatible, while `rtl: true` keeps generated components
+RTL-ready. No new routes or media ownership are introduced by this adaptation.
+
+## Adding components
+
+To add components to your app, run the following command:
+
+```bash
+npx shadcn@latest add button
+```
+
+This will place the ui components in the `src/components` directory.
+
+## Using components
+
+To use the components in your app, import them as follows:
+
+```tsx
+import { Button } from "@/components/ui/button"
+```
diff --git a/desktop/bun.lock b/desktop/bun.lock
diff --git a/desktop/components.json b/desktop/components.json
@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "base-nova",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "rtl": true,
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "menuColor": "default",
+  "menuAccent": "subtle",
+  "registries": {}
+}
diff --git a/desktop/eslint.config.js b/desktop/eslint.config.js
@@ -0,0 +1,30 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      globals: globals.browser,
+    },
+  },
+  {
+    files: ['src/components/ui/**/*.{ts,tsx}'],
+    rules: { 'react-refresh/only-export-components': 'off' },
+  },
+  {
+    files: ['src/hooks/use-mobile.ts'],
+    rules: { 'react-hooks/set-state-in-effect': 'off' },
+  },
+])
diff --git a/desktop/index.html b/desktop/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>vite-app</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/desktop/package.json b/desktop/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "desktop",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "format": "prettier --write \"**/*.{ts,tsx}\"",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.6.0",
+    "@fontsource-variable/geist": "^5.3.0",
+    "@tailwindcss/vite": "^4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.28.0",
+    "next-themes": "^0.4.6",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "recharts": "3.8.0",
+    "shadcn": "^4.16.1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.6.0",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^10",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^6",
+    "eslint": "^10",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17",
+    "jsdom": "^30.0.1",
+    "prettier": "^3.8.3",
+    "prettier-plugin-tailwindcss": "^0.8.0",
+    "typescript": "~6",
+    "typescript-eslint": "^8",
+    "vite": "^8",
+    "vitest": "^4.1.10"
+  }
+}
diff --git a/desktop/public/vite.svg b/desktop/public/vite.svg
diff --git a/desktop/src/App.test.tsx b/desktop/src/App.test.tsx
@@ -0,0 +1,12 @@
+import { fireEvent, render, screen } from "@testing-library/react"
+import { beforeEach, describe, expect, it } from "vitest"
+import { App } from "./App"
+import { DeterministicStudioAdapter } from "./studio-adapter"
+
+describe("operator routes",()=>{
+  beforeEach(()=>{location.hash=""})
+  it("navigates to each of the four destinations",()=>{render(<App/>);for(const name of ["Cameras","Audio","Studio","Dashboard"]){fireEvent.click(screen.getByRole("button",{name:new RegExp(name)}));expect(screen.getByRole("heading",{name,level:1})).toBeInTheDocument()}})
+  it("renders capability and command authority states",()=>{location.hash="#/cameras";render(<App/>);fireEvent.click(screen.getByRole("button",{name:/Camera 4, idle/}));expect(screen.getByText("Unsupported")).toBeInTheDocument();expect(screen.getByText("No torch on active lens")).toBeInTheDocument()})
+  it("requires explicit audio routing",()=>{const adapter=new DeterministicStudioAdapter();location.hash="#/audio";render(<App adapter={adapter}/>);const routes=screen.getAllByRole("switch",{name:/Route to Program/});expect(routes.filter(r=>r.getAttribute("aria-checked")==="true")).toHaveLength(1);fireEvent.click(routes[1]);expect(adapter.getSnapshot().audio[1].routed).toBe(true)})
+  it("exposes non-colour-only failure feedback and keyboard cut",()=>{const adapter=new DeterministicStudioAdapter();location.hash="#/studio";render(<App adapter={adapter}/>);fireEvent.click(screen.getByRole("button",{name:/Simulate live failure/}));expect(screen.getAllByText(/LAST FRAME HELD/).length).toBeGreaterThan(0);const before=adapter.getSnapshot().programId;fireEvent.keyDown(window,{key:" "});expect(adapter.getSnapshot().programId).not.toBe(before)})
+})