fix(webview): tolerate missing view state id helper

Author: easonliang28

webview-ui/src/App.tsx

@@ -191,7 +191,14 @@ const App = () => {
 	}, [telemetrySetting, telemetryKey, machineId, didHydrateState])
 
 	// Tell the extension that we are ready to receive messages.
-	useEffect(() => vscode.postMessage({ type: "webviewDidLaunch", viewStateId: vscode.getViewStateId() }), [])
+	useEffect(
+		() =>
+			vscode.postMessage({
+				type: "webviewDidLaunch",
+				viewStateId: typeof vscode.getViewStateId === "function" ? vscode.getViewStateId() : undefined,
+			}),
+		[],
+	)
 
 	// Initialize source map support for better error reporting
 	useEffect(() => {

webview-ui/src/context/ExtensionStateContext.tsx

@@ -489,7 +489,10 @@ export const ExtensionStateContextProvider: React.FC<{ children: React.ReactNode
 	}, [handleMessage])
 
 	useEffect(() => {
-		vscode.postMessage({ type: "webviewDidLaunch", viewStateId: vscode.getViewStateId() })
+		vscode.postMessage({
+			type: "webviewDidLaunch",
+			viewStateId: typeof vscode.getViewStateId === "function" ? vscode.getViewStateId() : undefined,
+		})
 	}, [])
 
 	// Apply the configurable chat font size as a CSS variable. When unset, the