create-mcp-use-app 2.0.0-beta.3 → 2.0.0-beta.4

package/README.md

@@ -21,7 +21,7 @@
         <img src="https://dcbadge.limes.pink/api/server/XkNkSkMz3V?style=flat" /></a>
 </p>
 
-🚀 **Create mcp-use App** is the fastest way to scaffold a new MCP (Model Context Protocol) application. With just one command, you get a fully configured TypeScript project with hot reload, automatic inspector, and UI widget support - everything you need to build powerful MCP servers.
+🚀 **Create mcp-use App** scaffolds a TypeScript MCP project with hot reload, the inspector, and MCP Apps view support.
 
 ## 📦 Related Packages
 
@@ -48,22 +48,20 @@ That's it! Your MCP server is running at `http://localhost:3000` with the inspec
 
 ## 🎯 What It Creates
 
-Running `create-mcp-use-app` sets up a complete MCP development environment:
+The `mcp-apps` template creates this MCP development environment:
 
 ### Project Structure
 
 ```
 my-mcp-server/
-├── package.json          # Pre-configured with all scripts
-├── tsconfig.json         # TypeScript configuration
-├── .env.example          # Environment variables template
-├── .gitignore           # Git ignore rules
-├── README.md            # Project documentation
-├── src/
-│   └── index.ts         # MCP server entry point with example tools
-├── resources/           # UI widgets directory
-│   └── example-widget.tsx  # Example React widget
-└── dist/               # Build output (generated)
+├── index.ts                              # MCP server entry point
+├── package.json                          # Scripts and dependencies
+├── tsconfig.json                         # TypeScript configuration
+├── mcp-env.d.ts                          # Generated view typing bridge
+├── public/                               # Static assets
+└── views/                                # Included by the mcp-apps template
+    └── product-search-result/
+        └── view.tsx                      # React view entry point
 ```
 
 ### Pre-configured Features
@@ -73,7 +71,7 @@ my-mcp-server/
 | **📝 TypeScript**       | Full TypeScript setup with proper types           |
 | **🔥 Hot Reload**       | Auto-restart on code changes during development   |
 | **🔍 Auto Inspector**   | Inspector UI opens automatically in dev mode      |
-| **🎨 UI Widgets**       | React components that compile to standalone pages |
+| **🎨 MCP Apps Views**   | React views discovered and bundled by the CLI      |
 | **🛠️ Example Tools**    | Sample MCP tools, resources, and prompts          |
 | **📦 Build Scripts**    | Ready-to-use development and production scripts   |
 | **🚀 Production Ready** | Optimized build configuration                     |
@@ -139,17 +137,16 @@ npx create-mcp-use-app --list-templates
 
 ## 🎨 Available Templates
 
-### Starter Template (Default)
+### MCP Server Template
 
-The starter template includes:
+The `mcp-server` template includes:
 
-- Comprehensive MCP server setup with all features
-- Example tool, resource, and prompt
-- Both MCP-UI and OpenAI Apps SDK widget examples
-- Full TypeScript configuration
+- MCP server setup with TypeScript configuration
+- Example tool (`fetch-weather`) with structured output
+- Example prompt (`review-code`)
 - Development and production scripts
 
-Perfect for getting started with all available features or building full-featured MCP servers.
+Ideal for building MCP servers with tools and prompts (no widgets or resources).
 
 ### MCP Apps Template
 
@@ -157,7 +154,7 @@ The mcp-apps template includes:
 
 - MCP server setup focused on OpenAI Apps SDK integration
 - OpenAI Apps SDK compatible views under `views/<name>/view.tsx`
-- Example `product-search-result` view with carousel UI
+- Example `my-view` view with mesh gradient card and interactive demo hooks
 - Optimized for OpenAI assistant integration
 
 Ideal for building MCP servers that integrate with OpenAI's Apps SDK.
@@ -268,7 +265,7 @@ After creating your app, here's what to do next:
 
 ### 1. Explore the Example Server
 
-Open `src/index.ts` to see how to:
+Open `index.ts` to see how to:
 
 - Define MCP tools with Zod schemas
 - Create resources for data access
@@ -283,28 +280,62 @@ The inspector automatically opens at `http://localhost:3000/inspector` where you
 - Debug tool executions
 - Monitor server status
 
-### 3. Create a UI Widget
+### 3. Create an MCP Apps view
 
-Edit `resources/example-widget.tsx` or create new widgets:
+Bind a tool to a view with the tool definition's `view` field:
+
+```typescript
+server.tool(
+  {
+    name: "show-analytics",
+    description: "Show analytics for a reporting period",
+    inputSchema: z.object({ period: z.string() }),
+    outputSchema: z.object({ period: z.string(), visitors: z.number() }),
+    view: { name: "analytics-dashboard" },
+  },
+  async ({ period }) => {
+    const analytics = { period, visitors: 1_024 };
+    return {
+      content: [{ type: "text", text: JSON.stringify(analytics) }],
+      structuredContent: analytics,
+    };
+  }
+);
+```
+
+Create the component at `views/analytics-dashboard/view.tsx`. Read the bound
+tool result with `useToolContext`; call a server tool with `useCallTool`:
 
 ```tsx
-import React from "react";
-import { useMcp } from "mcp-use/react";
+import { useCallTool, useToolContext } from "mcp-use/react";
+
+interface Analytics {
+  period: string;
+  visitors: number;
+}
+
+export default function AnalyticsDashboard() {
+  const view = useToolContext();
+  const refresh = useCallTool<{ period: string }, Analytics>(
+    "show-analytics"
+  );
 
-export default function MyWidget() {
-  const { callTool } = useMcp();
+  if (view.status === "pending") return <p>Loading analytics…</p>;
+  if (view.status === "error") return <p>{view.error.message}</p>;
 
-  const handleClick = async () => {
-    const result = await callTool("my_tool", {
-      param: "value",
-    });
-    console.log(result);
-  };
+  const analytics =
+    refresh.data?.structuredContent ?? (view.toolOutput as Analytics);
 
   return (
-    <div>
-      <button onClick={handleClick}>Call MCP Tool</button>
-    </div>
+    <main>
+      <h1>{analytics.visitors} visitors</h1>
+      <button
+        disabled={refresh.isPending}
+        onClick={() => void refresh.callTool({ period: analytics.period })}
+      >
+        Refresh
+      </button>
+    </main>
   );
 }
 ```

package/dist/index.js

@@ -1735,7 +1735,8 @@ function validateTemplateName(template) {
     return sanitized;
   }
   const aliases = {
-    "apps-sdk": "mcp-apps"
+    "apps-sdk": "mcp-apps",
+    starter: "mcp-server"
   };
   const resolvedTemplate = aliases[sanitized] || sanitized;
   if (resolvedTemplate.includes("..") || resolvedTemplate.includes("/") || resolvedTemplate.includes("\\")) {
@@ -1794,7 +1795,7 @@ async function copyTemplate(projectPath, template, versions, isDevelopment = fal
       console.log("No templates directory found");
     }
     console.log(
-      '\u{1F4A1} Tip: Use "starter" template for a comprehensive MCP server with all features'
+      '\u{1F4A1} Tip: Use "mcp-server" template for an MCP server with an example tool and prompt'
     );
     console.log(
       '\u{1F4A1} Tip: Use "mcp-apps" template for a MCP server that displays Widgets on ChatGPT, Claude, and other mcp-apps compatible clients'
@@ -1965,7 +1966,7 @@ async function main() {
     if (interactive) {
       selectedTemplate = await promptForTemplate();
     } else {
-      selectedTemplate = "starter";
+      selectedTemplate = "mcp-server";
     }
   }
   const trimmedProjectName = projectName.trim();
@@ -2154,19 +2155,20 @@ async function main() {
   } else if (validatedTemplate === "mcp-apps") {
     console.log("   \u251C\u2500\u2500 public/");
     console.log("   \u2502   \u251C\u2500\u2500 icon.svg");
-    console.log("   \u2502   \u2514\u2500\u2500 fruits/ (16 WebP assets)");
+    console.log("   \u2502   \u2514\u2500\u2500 logo-mcp-use.svg");
     console.log("   \u251C\u2500\u2500 views/");
-    console.log("   \u2502   \u2514\u2500\u2500 product-search-result/");
+    console.log("   \u2502   \u2514\u2500\u2500 my-view/");
     console.log("   \u2502       \u251C\u2500\u2500 view.tsx");
     console.log("   \u2502       \u251C\u2500\u2500 view.css");
-    console.log("   \u2502       \u251C\u2500\u2500 components/");
-    console.log("   \u2502       \u2514\u2500\u2500 hooks/");
+    console.log("   \u2502       \u251C\u2500\u2500 icons.tsx");
+    console.log("   \u2502       \u251C\u2500\u2500 Tooltip.tsx");
+    console.log("   \u2502       \u2514\u2500\u2500 MeshGradient.tsx");
     console.log("   \u251C\u2500\u2500 mcp-env.d.ts");
     console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
     console.log("   \u251C\u2500\u2500 package.json");
     console.log("   \u251C\u2500\u2500 tsconfig.json");
     console.log("   \u2514\u2500\u2500 README.md");
-  } else if (validatedTemplate === "starter") {
+  } else if (validatedTemplate === "mcp-server") {
     console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
     console.log("   \u251C\u2500\u2500 package.json");
     console.log("   \u251C\u2500\u2500 tsconfig.json");

package/dist/templates/blank/tsconfig.json

@@ -9,7 +9,8 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "skipLibCheck": true,
-    "noEmit": true
+    "noEmit": true,
+    "noUncheckedSideEffectImports": false
   },
   "include": [
     "index.ts",

package/dist/templates/mcp-apps/index.ts

@@ -1,57 +1,14 @@
 import { MCPServer } from "mcp-use";
 import { z } from "zod";
 
-const fruits = [
-  { fruit: "mango", color: "bg-[#FBF1E1] dark:bg-[#FBF1E1]/10" },
-  { fruit: "pineapple", color: "bg-[#f8f0d9] dark:bg-[#f8f0d9]/10" },
-  { fruit: "cherries", color: "bg-[#E2EDDC] dark:bg-[#E2EDDC]/10" },
-  { fruit: "coconut", color: "bg-[#fbedd3] dark:bg-[#fbedd3]/10" },
-  { fruit: "apricot", color: "bg-[#fee6ca] dark:bg-[#fee6ca]/10" },
-  { fruit: "blueberry", color: "bg-[#e0e6e6] dark:bg-[#e0e6e6]/10" },
-  { fruit: "grapes", color: "bg-[#f4ebe2] dark:bg-[#f4ebe2]/10" },
-  { fruit: "watermelon", color: "bg-[#e6eddb] dark:bg-[#e6eddb]/10" },
-  { fruit: "orange", color: "bg-[#fdebdf] dark:bg-[#fdebdf]/10" },
-  { fruit: "avocado", color: "bg-[#ecefda] dark:bg-[#ecefda]/10" },
-  { fruit: "apple", color: "bg-[#F9E7E4] dark:bg-[#F9E7E4]/10" },
-  { fruit: "pear", color: "bg-[#f1f1cf] dark:bg-[#f1f1cf]/10" },
-  { fruit: "plum", color: "bg-[#ece5ec] dark:bg-[#ece5ec]/10" },
-  { fruit: "banana", color: "bg-[#fdf0dd] dark:bg-[#fdf0dd]/10" },
-  { fruit: "strawberry", color: "bg-[#f7e6df] dark:bg-[#f7e6df]/10" },
-  { fruit: "lemon", color: "bg-[#feeecd] dark:bg-[#feeecd]/10" },
-];
-
-const fruitRowSchema = z.object({
-  fruit: z.string(),
-  color: z.string(),
-});
-
-const searchOutputSchema = z.object({
-  query: z.string(),
-  results: z.array(fruitRowSchema),
-});
-
-const detailsOutputSchema = z.object({
-  fruit: z.string(),
-  color: z.string(),
-  facts: z.array(z.string()),
-});
-
-function renderAsMarkdownTable(
-  results: Array<{ fruit: string; color: string }>
-): string {
-  const header = "| Fruit | Color |\n| --- | --- |";
-  const rows = results.map((r) => `| ${r.fruit} | ${r.color} |`).join("\n");
-  return `${header}\n${rows}`;
-}
-
 const server = new MCPServer({
   name: "{{PROJECT_NAME}}",
-  title: "{{PROJECT_NAME}}",
+  title: "{{PROJECT_NAME}}", // Human readable name of the server
   version: "1.0.0",
-  description: "MCP Apps server with a fruit shop view",
-  instructions:
-    "Use search-fruits to find fruit matches before calling get-fruit-details. Prefer the view result when the user wants to browse or compare options visually.",
+  description: "an mcp-use app",
+  instructions: "use show-app to open the app view", // Model-facing guidance — surfaced to the LLM by compatible clients.
   websiteUrl: "https://mcp-use.com",
+  // Icons for your MCP Server, from public/ (or absolute URLs).
   icons: [
     {
       src: "icon.svg",
@@ -59,87 +16,100 @@ const server = new MCPServer({
       sizes: ["512x512"],
     },
   ],
+
+  // The MCP server is by default served at /mcp, to customise
+  // basePath: "/mcp",
+
+  // mcp-use has 1 line adapter for OAuth, import from mcp-use/oauth/*
+  // oauth: oauthClerkProvider(), // zero-config via MCP_USE_OAUTH_CLERK_FRONTEND_API_URL, import from mcp-use/oauth/*
+
+  // When OAuth is on, the HTML landing page (/mcp) is protected by default, set to true to keep the landing page public while /mcp stays bearer-protected.
+  // publicLandingPage: true,
+});
+
+// TOOLS
+
+// tool inputs are zod schemas. Important: set decriptions for the model to understand the input.
+const showAppInputSchema = z.object({
+  appName: z
+    .string()
+    .optional()
+    .describe(
+      "Optional title shown in the MCP App card instead of the default"
+    ),
+});
+
+// tool outputs are zod schemas. Important: set descriptions for the model to understand the output.
+const showAppOutputSchema = z.object({
+  message: z.string().describe("Message to display in the MCP App"),
 });
 
-export const searchFruits = server.tool(
+export const showApp = server.tool(
   {
-    name: "search-fruits",
-    title: "Search fruits",
-    description: "Search for fruits and display the results in a view",
-    inputSchema: z.object({
-      query: z.string().optional().describe("Search query to filter fruits"),
-    }),
-    outputSchema: searchOutputSchema,
+    name: "show-app", // Unique tool id on the wire.
+    title: "Show MCP App", // Short label in inspector and client UIs (falls back to name).
+    description: "Display the MCP App starter view", // LLM-facing summary of what the tool does.
+    inputSchema: showAppInputSchema, // Validated before the handler runs; .describe() text becomes LLM hints.
+    outputSchema: showAppOutputSchema, // Required when binding a view — the view reads structuredContent typed by this.
     view: {
-      name: "product-search-result",
-      description: "Product search results with carousel and details",
-      prefersBorder: true,
+      name: "my-view", // directory under views/
+      description: "MCP App starter card with interactive demo hooks",
+      prefersBorder: false, // ask the host to skip a card border around the view
+      csp: {
+        resourceDomains: [
+          "https://fonts.googleapis.com",
+          "https://fonts.gstatic.com",
+        ],
+      },
     },
+    // Behavioral hints for clients (readOnly / destructive / open-world).
     annotations: {
       readOnlyHint: true,
       destructiveHint: false,
       openWorldHint: false,
     },
   },
-  async ({ query = "" }, ctx) => {
-    const results = fruits.filter(
-      (f) => query === "" || f.fruit.toLowerCase().includes(query.toLowerCase())
-    );
-
-    // Emulate a delay to show the loading state in the view
-    await new Promise((resolve) => setTimeout(resolve, 2000));
-
-    const data = { query, results };
+  async ({ appName }, ctx) => {
+    // Brief delay so the pending skeleton is visible during dev/inspector demos.
+    await new Promise((resolve) => setTimeout(resolve, 1500));
 
-    if (!ctx.client.supportsViews()) {
-      return {
-        content: [{ type: "text", text: renderAsMarkdownTable(results) }],
-        structuredContent: data,
-      };
-    }
+    console.log(`The app name was: ${appName}`);
+    const data = { message: `The MCP App starter for ${appName} is ready!` };
 
     return {
-      content: [
-        {
-          type: "text",
-          text: `Found ${results.length} fruits matching "${query || "all"}"`,
-        },
-      ],
+      content: [{ type: "text", text: data.message }],
       structuredContent: data,
     };
   }
 );
 
-export const getFruitDetails = server.tool(
+// say-hello — plain tool (no view); used by the Say Hello button in my-view
+const sayHelloInputSchema = z.object({
+  name: z.string().describe("Name to greet"),
+});
+
+const sayHelloOutputSchema = z.object({
+  greeting: z.string().describe("Greeting to display"),
+});
+
+export const sayHello = server.tool(
   {
-    name: "get-fruit-details",
-    title: "Get fruit details",
-    description: "Get detailed information about a specific fruit",
-    inputSchema: z.object({
-      fruit: z.string().describe("The fruit name"),
-    }),
-    outputSchema: detailsOutputSchema,
+    name: "say-hello",
+    title: "Say hello",
+    description: "Returns a greeting for the Say Hello button demo",
+    inputSchema: sayHelloInputSchema,
+    outputSchema: sayHelloOutputSchema,
     annotations: {
       readOnlyHint: true,
       destructiveHint: false,
       openWorldHint: false,
     },
   },
-  async ({ fruit }) => {
-    const found = fruits.find(
-      (f) => f.fruit.toLowerCase() === fruit.toLowerCase()
-    );
-    const details = {
-      fruit: found?.fruit ?? fruit,
-      color: found?.color ?? "unknown",
-      facts: [
-        `${fruit} is a delicious fruit`,
-        `Color: ${found?.color ?? "unknown"}`,
-      ],
-    };
+  async ({ name }) => {
+    const data = { greeting: `Hello, ${name}!` };
     return {
-      content: [{ type: "text", text: JSON.stringify(details) }],
-      structuredContent: details,
+      content: [{ type: "text", text: data.greeting }],
+      structuredContent: data,
     };
   }
 );

package/dist/templates/mcp-apps/public/logo-mcp-use.svg

@@ -0,0 +1,8 @@
+<svg width="2476" height="480" viewBox="0 0 2476 480" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M793.5 245.5C793.5 218.167 790 198.5 783 186.5C776.333 174.167 763.667 168 745 168C738.333 168 731 168.5 723 169.5C715 170.5 709 171.333 705 172V383H644.5V130C656.167 126.667 671.333 123.5 690 120.5C709 117.5 729 116 750 116C768 116 782.667 118.333 794 123C805.667 127.667 815.333 133.833 823 141.5C826.667 138.833 831.333 136 837 133C842.667 130 849 127.333 856 125C863 122.333 870.333 120.167 878 118.5C886 116.833 894 116 902 116C922.333 116 939 119 952 125C965.333 130.667 975.667 138.833 983 149.5C990.667 159.833 995.833 172.5 998.5 187.5C1001.5 202.167 1003 218.333 1003 236V383H942.5V245.5C942.5 218.167 939.167 198.5 932.5 186.5C925.833 174.167 913 168 894 168C884.333 168 875.167 169.667 866.5 173C857.833 176 851.333 179 847 182C849.667 190.333 851.5 199.167 852.5 208.5C853.5 217.833 854 227.833 854 238.5V383H793.5V245.5ZM1052.62 252.5C1052.62 233.167 1055.62 215.167 1061.62 198.5C1067.62 181.5 1076.12 166.833 1087.12 154.5C1098.45 142.167 1112.12 132.5 1128.12 125.5C1144.12 118.5 1162.12 115 1182.12 115C1206.78 115 1230.12 119.5 1252.12 128.5L1239.12 178C1232.12 175 1224.12 172.5 1215.12 170.5C1206.45 168.5 1197.12 167.5 1187.12 167.5C1163.45 167.5 1145.45 175 1133.12 190C1120.78 204.667 1114.62 225.5 1114.62 252.5C1114.62 278.5 1120.45 299.167 1132.12 314.5C1143.78 329.5 1163.45 337 1191.12 337C1201.45 337 1211.62 336 1221.62 334C1231.62 332 1240.28 329.5 1247.62 326.5L1256.12 376.5C1249.45 379.833 1239.28 382.833 1225.62 385.5C1212.28 388.167 1198.45 389.5 1184.12 389.5C1161.78 389.5 1142.28 386.167 1125.62 379.5C1109.28 372.5 1095.62 363 1084.62 351C1073.95 338.667 1065.95 324.167 1060.62 307.5C1055.28 290.5 1052.62 272.167 1052.62 252.5ZM1466.46 253.5C1466.46 226.5 1460.29 205.5 1447.96 190.5C1435.96 175.5 1416.46 168 1389.46 168C1383.79 168 1377.79 168.333 1371.46 169C1365.46 169.333 1359.46 170.333 1353.46 172V321.5C1358.79 325.167 1365.79 328.667 1374.46 332C1383.46 335 1392.96 336.5 1402.96 336.5C1424.96 336.5 1440.96 329 1450.96 314C1461.29 299 1466.46 278.833 1466.46 253.5ZM1528.46 252.5C1528.46 272.5 1525.79 290.833 1520.46 307.5C1515.46 324.167 1508.12 338.5 1498.46 350.5C1488.79 362.5 1476.62 371.833 1461.96 378.5C1447.62 385.167 1431.29 388.5 1412.96 388.5C1400.62 388.5 1389.29 387 1378.96 384C1368.62 381 1360.12 377.667 1353.46 374V475.5H1292.96V130C1305.29 126.667 1320.46 123.5 1338.46 120.5C1356.46 117.5 1375.46 116 1395.46 116C1416.12 116 1434.62 119.167 1450.96 125.5C1467.29 131.833 1481.12 141 1492.46 153C1504.12 164.667 1512.96 179 1518.96 196C1525.29 212.667 1528.46 231.5 1528.46 252.5ZM1553.81 212.5H1688.31V268H1553.81V212.5ZM1943.02 375C1931.36 378 1916.19 381 1897.52 384C1878.86 387.333 1858.36 389 1836.02 389C1815.02 389 1797.36 386 1783.02 380C1769.02 374 1757.69 365.667 1749.02 355C1740.69 344.333 1734.69 331.667 1731.02 317C1727.36 302 1725.52 285.667 1725.52 268V121.5H1786.02V258.5C1786.02 286.5 1790.02 306.5 1798.02 318.5C1806.36 330.5 1820.69 336.5 1841.02 336.5C1848.36 336.5 1856.02 336.167 1864.02 335.5C1872.36 334.833 1878.52 334 1882.52 333V121.5H1943.02V375ZM2075.53 339.5C2091.53 339.5 2103.19 337.667 2110.53 334C2117.86 330 2121.53 323.333 2121.53 314C2121.53 305.333 2117.53 298.167 2109.53 292.5C2101.86 286.833 2089.03 280.667 2071.03 274C2060.03 270 2049.86 265.833 2040.53 261.5C2031.53 256.833 2023.69 251.5 2017.03 245.5C2010.36 239.5 2005.03 232.333 2001.03 224C1997.36 215.333 1995.53 204.833 1995.53 192.5C1995.53 168.5 2004.36 149.667 2022.03 136C2039.69 122 2063.69 115 2094.03 115C2109.36 115 2124.03 116.5 2138.03 119.5C2152.03 122.167 2162.53 124.833 2169.53 127.5L2158.53 176.5C2151.86 173.5 2143.36 170.833 2133.03 168.5C2122.69 165.833 2110.69 164.5 2097.03 164.5C2084.69 164.5 2074.69 166.667 2067.03 171C2059.36 175 2055.53 181.333 2055.53 190C2055.53 194.333 2056.19 198.167 2057.53 201.5C2059.19 204.833 2061.86 208 2065.53 211C2069.19 213.667 2074.03 216.5 2080.03 219.5C2086.03 222.167 2093.36 225 2102.03 228C2116.36 233.333 2128.53 238.667 2138.53 244C2148.53 249 2156.69 254.833 2163.03 261.5C2169.69 267.833 2174.53 275.167 2177.53 283.5C2180.53 291.833 2182.03 301.833 2182.03 313.5C2182.03 338.5 2172.69 357.5 2154.03 370.5C2135.69 383.167 2109.36 389.5 2075.03 389.5C2052.03 389.5 2033.53 387.5 2019.53 383.5C2005.53 379.833 1995.69 376.833 1990.03 374.5L2000.53 324C2009.53 327.667 2020.19 331.167 2032.53 334.5C2045.19 337.833 2059.53 339.5 2075.53 339.5ZM2214.04 253.5C2214.04 230.5 2217.38 210.333 2224.04 193C2231.04 175.667 2240.21 161.333 2251.54 150C2262.88 138.333 2275.88 129.667 2290.54 124C2305.21 118 2320.21 115 2335.54 115C2371.54 115 2399.54 126.167 2419.54 148.5C2439.88 170.833 2450.04 204.167 2450.04 248.5C2450.04 251.833 2449.88 255.667 2449.54 260C2449.54 264 2449.38 267.667 2449.04 271H2276.54C2278.21 292 2285.54 308.333 2298.54 320C2311.88 331.333 2331.04 337 2356.04 337C2370.71 337 2384.04 335.667 2396.04 333C2408.38 330.333 2418.04 327.5 2425.04 324.5L2433.04 374C2429.71 375.667 2425.04 377.5 2419.04 379.5C2413.38 381.167 2406.71 382.667 2399.04 384C2391.71 385.667 2383.71 387 2375.04 388C2366.38 389 2357.54 389.5 2348.54 389.5C2325.54 389.5 2305.54 386.167 2288.54 379.5C2271.54 372.5 2257.54 363 2246.54 351C2235.54 338.667 2227.38 324.333 2222.04 308C2216.71 291.333 2214.04 273.167 2214.04 253.5ZM2389.54 226.5C2389.54 218.167 2388.38 210.333 2386.04 203C2383.71 195.333 2380.21 188.833 2375.54 183.5C2371.21 177.833 2365.71 173.5 2359.04 170.5C2352.71 167.167 2345.04 165.5 2336.04 165.5C2326.71 165.5 2318.54 167.333 2311.54 171C2304.54 174.333 2298.54 178.833 2293.54 184.5C2288.88 190.167 2285.21 196.667 2282.54 204C2279.88 211.333 2278.04 218.833 2277.04 226.5H2389.54Z" fill="black"/>
+<g transform="scale(0.96)">
+<path d="M105.933 0C164.437 0.000116002 211.865 47.607 211.865 106.333C211.865 131.829 210.493 158.403 221.068 181.602L228.975 198.947C243.584 230.997 269.265 256.7 301.303 271.336L316.155 278.121C340.142 289.079 367.694 287.335 394.066 287.335C452.571 287.335 499.999 334.942 499.999 393.668C499.999 452.394 452.571 500.001 394.066 500.001C335.562 500.001 288.134 452.394 288.134 393.668C288.134 368.974 289.24 343.275 278.992 320.807L270.586 302.38C255.948 270.29 230.214 244.565 198.118 229.939L180.164 221.758C157.282 211.331 131.078 212.666 105.933 212.666C47.4278 212.666 4.86252e-05 165.059 0 106.333C0 47.607 47.4278 0 105.933 0Z" fill="black"/>
+<circle cx="100.426" cy="399.575" r="100.426" fill="black"/>
+<path d="M500 100.426C500 155.889 455.037 200.851 399.574 200.851C344.11 200.851 299.148 155.889 299.148 100.426C299.148 44.962 344.11 0 399.574 0C455.037 0 500 44.962 500 100.426Z" fill="black"/>
+</g>
+</svg>

package/dist/templates/mcp-apps/tsconfig.json

@@ -9,7 +9,8 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "skipLibCheck": true,
-    "noEmit": true
+    "noEmit": true,
+    "noUncheckedSideEffectImports": false
   },
   "include": [
     "index.ts",