diff --git a/skd-used-case/used-case/.vscode/launch.json b/skd-used-case/used-case/.vscode/launch.json
index cf55e83..a5d2a86 100644
--- a/skd-used-case/used-case/.vscode/launch.json
+++ b/skd-used-case/used-case/.vscode/launch.json
@@ -1,6 +1,7 @@
 {
     "version": "0.2.0",
     "configurations": [
+    
       {
         "name": "Launch Remote in Teams (Chrome)",
         "type": "chrome",
diff --git a/skd-used-case/used-case/api/host1.json b/skd-used-case/used-case/api/host1.json
new file mode 100644
index 0000000..55d1642
--- /dev/null
+++ b/skd-used-case/used-case/api/host1.json
@@ -0,0 +1,7 @@
+{
+  "version": "2.0",
+  "extensionBundle": {
+    "id": "Microsoft.Azure.Functions.ExtensionBundle",
+    "version": "[4.*, 5.0.0)"
+  }
+}
\ No newline at end of file
diff --git a/skd-used-case/used-case/appPackage/manifest.json b/skd-used-case/used-case/appPackage/manifest.json
index 4e65678..565cd48 100644
--- a/skd-used-case/used-case/appPackage/manifest.json
+++ b/skd-used-case/used-case/appPackage/manifest.json
@@ -14,7 +14,7 @@
         "outline": "outline.png"
     },
     "name": {
-        "short": "used-case${{APP_NAME_SUFFIX}}",
+        "short": "ForgeFlow!${{APP_NAME_SUFFIX}}",
         "full": "Full name for used-case"
     },
     "description": {
diff --git a/skd-used-case/used-case/src/components/Deploy.css b/skd-used-case/used-case/src/components/Deploy.css
deleted file mode 100644
index 2891c45..0000000
--- a/skd-used-case/used-case/src/components/Deploy.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.deploy.page > img {
-  margin: 0 auto;
-  display: block;
-  width: 100%;
-}
diff --git a/skd-used-case/used-case/src/components/Deploy.jsx b/skd-used-case/used-case/src/components/Deploy.jsx
deleted file mode 100644
index 581bf0a..0000000
--- a/skd-used-case/used-case/src/components/Deploy.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React from "react";
-import "./Deploy.css";
-import { Image } from "@fluentui/react-components";
-
-export function Deploy(props) {
-  const { docsUrl } = {
-    docsUrl: "https://aka.ms/teamsfx-docs",
-    ...props,
-  };
-  return (
-    <div className="deploy page">
-      <h2>Deploy to the Cloud</h2>
-      <p>
-        Before publishing your app to Teams App Catalog, you may want to provision and deploy your
-        app's resources to the cloud to make sure your app will be running smoothly!
-      </p>
-      <p>
-        To provision your resources, you can either use our CLI command "teamsapp provision" or
-        apply "Teams: Provision" in Command palette.
-      </p>
-      <p>
-        To deploy your app, you can either use our CLI command "teamsapp deploy" or apply "Teams:
-        Deploy" in Command palette.
-      </p>
-      <Image src="deploy.png" />
-      <p>
-        For more information, see the{" "}
-        <a href={docsUrl} target="_blank" rel="noreferrer">
-          docs
-        </a>
-        .
-      </p>
-    </div>
-  );
-}
diff --git a/skd-used-case/used-case/src/components/Publish.css b/skd-used-case/used-case/src/components/Publish.css
deleted file mode 100644
index 6b8c5f4..0000000
--- a/skd-used-case/used-case/src/components/Publish.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.publish.page > img {
-  margin: 0 auto;
-  display: block;
-  width: 100%;
-}
diff --git a/skd-used-case/used-case/src/components/Publish.jsx b/skd-used-case/used-case/src/components/Publish.jsx
deleted file mode 100644
index c59e22e..0000000
--- a/skd-used-case/used-case/src/components/Publish.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from "react";
-import "./Publish.css";
-import { Image } from "@fluentui/react-components";
-
-export function Publish(props) {
-  const { docsUrl } = {
-    docsUrl: "https://aka.ms/teamsfx-docs",
-    ...props,
-  };
-  return (
-    <div className="publish page">
-      <h2>Publish to Teams</h2>
-      <p>
-        Your app's resources and infrastructure are deployed and ready? Publish and register your
-        app to Teams app catalog to share your app with others in your organization!
-      </p>
-      <Image src="publish.png" />
-      <p>
-        For more information, see the{" "}
-        <a href={docsUrl} target="_blank" rel="noreferrer">
-          docs
-        </a>
-        .
-      </p>
-    </div>
-  );
-}
diff --git a/skd-used-case/used-case/src/components/Welcome.jsx b/skd-used-case/used-case/src/components/Welcome.jsx
index 788e56b..f6d8d4c 100644
--- a/skd-used-case/used-case/src/components/Welcome.jsx
+++ b/skd-used-case/used-case/src/components/Welcome.jsx
@@ -1,12 +1,12 @@
 import React, { useContext, useState } from "react";
 import { Button } from "@fluentui/react-components";
-import { useData } from "@microsoft/teamsfx-react";
+//import { useData } from "@microsoft/teamsfx-react";
 import { TeamsFxContext } from "./Context";
 //import { app } from "@microsoft/teams-js";
 import "./Welcome.css";
 
 const Welcome = ({ teamsUserCredential }) => {
-  const { loading, data, error } = useData(async () => {
+  /*const { loading, data, error } = useData(async () => {
     if (teamsUserCredential) {
       const userInfo = await teamsUserCredential.getUserInfo();
       return userInfo;
@@ -72,8 +72,8 @@ const TeamsApp = () => {
 
   const renderContent = () => {
     switch(currentTab) {
-      case 'welcome':
-        return <Welcome teamsUserCredential={teamsUserCredential} />;
+      //case 'welcome':
+        //return <Welcome teamsUserCredential={teamsUserCredential} />;
       case 'faq':
         return <FAQ />;
       case 'support':