From fd6c563f7197348ad85814cd589fa4a835e73c48 Mon Sep 17 00:00:00 2001
From: Gemini AI <gemini@google.com>
Date: Wed, 24 Dec 2025 21:46:13 +0400
Subject: [PATCH] Fix TypeScript errors in mcp-manager and instance-shell2

---
 .../ui/src/components/instance/instance-shell2.tsx   | 12 +++++-------
 packages/ui/src/components/mcp-manager.tsx           |  2 +-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/ui/src/components/instance/instance-shell2.tsx b/packages/ui/src/components/instance/instance-shell2.tsx
index 913daa5..381a275 100644
--- a/packages/ui/src/components/instance/instance-shell2.tsx
+++ b/packages/ui/src/components/instance/instance-shell2.tsx
@@ -1338,25 +1338,23 @@ const InstanceShell2: Component<InstanceShellProps> = (props) => {
                   <div class="flex items-center gap-2">
                     <button
                       type="button"
-                      class={`px-2.5 py-1 rounded-md text-[11px] font-semibold uppercase tracking-wide border ${
-                        centerTab() === "code"
+                      class={`px-2.5 py-1 rounded-md text-[11px] font-semibold uppercase tracking-wide border ${centerTab() === "code"
                           ? "bg-white/10 border-white/20 text-white"
                           : "border-transparent text-zinc-400 hover:text-zinc-200 hover:bg-white/5"
-                      }`}
+                        }`}
                       onClick={() => setCenterTab("code")}
                     >
                       Code
                     </button>
                     <button
                       type="button"
-                      class={`px-2.5 py-1 rounded-md text-[11px] font-semibold uppercase tracking-wide border ${
-                        centerTab() === "preview"
+                      class={`px-2.5 py-1 rounded-md text-[11px] font-semibold uppercase tracking-wide border ${centerTab() === "preview"
                           ? "bg-white/10 border-white/20 text-white"
                           : "border-transparent text-zinc-400 hover:text-zinc-200 hover:bg-white/5"
-                      }`}
+                        }`}
                       onClick={() => setCenterTab("preview")}
                       disabled={!previewUrl()}
-                      title={previewUrl() ? previewUrl() : "Run build to enable preview"}
+                      title={previewUrl() || "Run build to enable preview"}
                     >
                       Preview
                     </button>
diff --git a/packages/ui/src/components/mcp-manager.tsx b/packages/ui/src/components/mcp-manager.tsx
index 4733652..ef38951 100644
--- a/packages/ui/src/components/mcp-manager.tsx
+++ b/packages/ui/src/components/mcp-manager.tsx
@@ -131,7 +131,7 @@ const McpManager: Component<McpManagerProps> = (props) => {
     setError(null)
     try {
       const data = await serverApi.fetchWorkspaceMcpConfig(props.instanceId)
-      setConfig(data.config ?? { mcpServers: {} })
+      setConfig((data.config ?? { mcpServers: {} }) as McpConfig)
     } catch (err) {
       log.error("Failed to load MCP config", err)
       setError("Failed to load MCP configuration.")