Add task detail view with navigation and log streaming

esbuild.mjs

@@ -27,10 +27,11 @@ const buildOptions = {
 	target: "node20",
 	format: "cjs",
 	mainFields: ["module", "main"],
-	// Force openpgp to use CJS. The ESM version uses import.meta.url which is
-	// undefined when bundled to CJS, causing runtime errors.
 	alias: {
+		// Force openpgp to use CJS. The ESM version uses import.meta.url which is
+		// undefined when bundled to CJS, causing runtime errors.
 		openpgp: "./node_modules/openpgp/dist/node/openpgp.min.cjs",
+		"@repo/webview-shared": "./packages/webview-shared/src/index.ts",
 	},
 	external: ["vscode"],
 	sourcemap: production ? "external" : true,

eslint.config.mjs

@@ -8,6 +8,7 @@ import { createTypeScriptImportResolver } from "eslint-import-resolver-typescrip
 import { flatConfigs as importXFlatConfigs } from "eslint-plugin-import-x";
 import packageJson from "eslint-plugin-package-json";
 import reactPlugin from "eslint-plugin-react";
+import reactCompilerPlugin from "eslint-plugin-react-compiler";
 import reactHooksPlugin from "eslint-plugin-react-hooks";
 import globals from "globals";
 
@@ -181,6 +182,7 @@ export default defineConfig(
 		files: ["**/*.tsx"],
 		plugins: {
 			react: reactPlugin,
+			"react-compiler": reactCompilerPlugin,
 			"react-hooks": reactHooksPlugin,
 		},
 		settings: {
@@ -194,6 +196,7 @@ export default defineConfig(
 			...reactPlugin.configs["jsx-runtime"].rules, // React 17+ JSX transform
 			...reactHooksPlugin.configs.recommended.rules,
 			"react/prop-types": "off", // Using TypeScript
+			"react-compiler/react-compiler": "error",
 		},
 	},
 

package.json

@@ -182,6 +182,11 @@
 					"id": "coder",
 					"title": "Coder Remote",
 					"icon": "media/logo-white.svg"
+				},
+				{
+					"id": "coderTasks",
+					"title": "Coder Tasks",
+					"icon": "media/tasks-logo.svg"
 				}
 			]
 		},
@@ -199,13 +204,14 @@
 					"visibility": "visible",
 					"icon": "media/logo-white.svg",
 					"when": "coder.authenticated && coder.isOwner"
-				},
+				}
+			],
+			"coderTasks": [
 				{
 					"type": "webview",
 					"id": "coder.tasksPanel",
-					"name": "Tasks",
-					"icon": "media/logo-white.svg",
-					"when": "coder.authenticated && coder.devMode"
+					"name": "Coder Tasks",
+					"when": "coder.authenticated"
 				}
 			]
 		},
@@ -308,6 +314,12 @@
 				"command": "coder.manageCredentials",
 				"title": "Manage Credentials",
 				"category": "Coder"
+			},
+			{
+				"command": "coder.tasks.refresh",
+				"title": "Refresh Tasks",
+				"category": "Coder",
+				"icon": "$(refresh)"
 			}
 		],
 		"menus": {
@@ -370,6 +382,10 @@
 				},
 				{
 					"command": "coder.manageCredentials"
+				},
+				{
+					"command": "coder.tasks.refresh",
+					"when": "false"
 				}
 			],
 			"view/title": [
@@ -404,6 +420,11 @@
 					"command": "coder.searchAllWorkspaces",
 					"when": "coder.authenticated && view == allWorkspaces",
 					"group": "navigation@3"
+				},
+				{
+					"command": "coder.tasks.refresh",
+					"when": "coder.authenticated && view == coder.tasksPanel",
+					"group": "navigation@1"
 				}
 			],
 			"view/item/context": [
@@ -478,11 +499,12 @@
 		"@types/ws": "^8.18.1",
 		"@typescript-eslint/eslint-plugin": "^8.53.1",
 		"@typescript-eslint/parser": "^8.53.1",
-		"@vitejs/plugin-react-swc": "catalog:",
+		"@vitejs/plugin-react": "catalog:",
 		"@vitest/coverage-v8": "^4.0.16",
 		"@vscode/test-cli": "^0.0.12",
 		"@vscode/test-electron": "^2.5.2",
 		"@vscode/vsce": "^3.7.1",
+		"babel-plugin-react-compiler": "catalog:",
 		"bufferutil": "^4.1.0",
 		"coder": "github:coder/coder#main",
 		"concurrently": "^9.2.1",
@@ -495,6 +517,7 @@
 		"eslint-plugin-import-x": "^4.16.1",
 		"eslint-plugin-package-json": "^0.88.2",
 		"eslint-plugin-react": "^7.37.0",
+		"eslint-plugin-react-compiler": "catalog:",
 		"eslint-plugin-react-hooks": "^5.0.0",
 		"globals": "^17.0.0",
 		"jsdom": "^27.4.0",

packages/tasks/package.json

@@ -11,13 +11,15 @@
 	"dependencies": {
 		"@repo/webview-shared": "workspace:*",
 		"@vscode-elements/react-elements": "catalog:",
+		"@vscode/codicons": "catalog:",
 		"react": "catalog:",
 		"react-dom": "catalog:"
 	},
 	"devDependencies": {
 		"@types/react": "catalog:",
 		"@types/react-dom": "catalog:",
-		"@vitejs/plugin-react-swc": "catalog:",
+		"@vitejs/plugin-react": "catalog:",
+		"babel-plugin-react-compiler": "catalog:",
 		"typescript": "catalog:",
 		"vite": "catalog:"
 	}