diff --git a/webviews/package-lock.json b/webviews/package-lock.json
index 50e6799..199164c 100644
--- a/webviews/package-lock.json
+++ b/webviews/package-lock.json
@@ -14,6 +14,7 @@
       "devDependencies": {
         "@types/react": "^18.3.5",
         "@types/react-dom": "^18.3.0",
+        "@types/vscode-webview": "^1.57.5",
         "@vitejs/plugin-react": "^1.0.7",
         "typescript": "^4.4.4",
         "vite": "^2.9.13"
@@ -477,6 +478,12 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/vscode-webview": {
+      "version": "1.57.5",
+      "resolved": "https://registry.npmjs.org/@types/vscode-webview/-/vscode-webview-1.57.5.tgz",
+      "integrity": "sha512-iBAUYNYkz+uk1kdsq05fEcoh8gJmwT3lqqFPN7MGyjQ3HVloViMdo7ZJ8DFIP8WOK74PjOEilosqAyxV2iUFUw==",
+      "dev": true
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-1.3.2.tgz",
diff --git a/webviews/package.json b/webviews/package.json
index 18ddac0..a1b65d3 100644
--- a/webviews/package.json
+++ b/webviews/package.json
@@ -15,6 +15,7 @@
   "devDependencies": {
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
+    "@types/vscode-webview": "^1.57.5",
     "@vitejs/plugin-react": "^1.0.7",
     "typescript": "^4.4.4",
     "vite": "^2.9.13"
diff --git a/webviews/src/App.tsx b/webviews/src/App.tsx
index 583db82..869133f 100644
--- a/webviews/src/App.tsx
+++ b/webviews/src/App.tsx
@@ -14,7 +14,7 @@ function handleSetupGraniteClick() {
 }
 function App() {
 
-  const modelOptions: string[] = ['granite-code:3b', 'granite-code:8b', 'granite-code:20b'];
+  const modelOptions: string[] = ['granite-code:3b', 'granite-code:8b', 'granite-code:20b', 'granite-code:34b'];
   const [tabModel, setTabModel] = useState<string>(modelOptions[0]);
   const [chatModel, setChatModel] = useState<string>(modelOptions[2]);
   const [status, setStatus] = useState<string>('Unknown');