SCAL-336134: Add developer examples related to chat history for spotter mcp server

.claude/launch.json

@@ -0,0 +1,32 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "spotter-backend",
+      "runtimeExecutable": "bash",
+      "runtimeArgs": [
+        "-c",
+        "cd mcp/python-react-agent-simple-ui/server && exec ../.venv/bin/python -m uvicorn claude_agent_with_spotter3_mcp_server:app --reload --port 8001"
+      ],
+      "port": 8001
+    },
+    {
+      "name": "spotter-history-backend",
+      "runtimeExecutable": "bash",
+      "runtimeArgs": [
+        "-c",
+        "cd mcp/python-react-agent-simple-ui/server && exec ../.venv/bin/python -m uvicorn claude_agent_with_spotter3_mcp_server_and_chat_history:app --reload --port 8001"
+      ],
+      "port": 8001
+    },
+    {
+      "name": "spotter-frontend",
+      "runtimeExecutable": "bash",
+      "runtimeArgs": [
+        "-c",
+        "cd mcp/python-react-agent-simple-ui/client && exec npm run dev"
+      ],
+      "port": 8000
+    }
+  ]
+}

.gitignore

@@ -137,3 +137,8 @@ dist
 *.egg-info
 __pycache__
 .env*.local
+
+# Local chat history databases (mcp/python-react-agent-simple-ui)
+*.db
+*.db-wal
+*.db-shm

mcp/python-react-agent-simple-ui/client/.npmrc

@@ -0,0 +1,3 @@
+# This is a public example: resolve packages from the public npm registry, so
+# package-lock.json never records a private registry URL from a machine-level config.
+registry=https://registry.npmjs.org/

mcp/python-react-agent-simple-ui/client/index.html

@@ -4,9 +4,19 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ThoughtSpot Agent</title>
+    <script>
+      // Set the theme before first paint (see src/theme.ts, which keeps it in sync).
+      try {
+        var theme = localStorage.getItem("theme");
+        if (theme !== "light" && theme !== "dark") {
+          theme = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+        }
+        document.documentElement.dataset.theme = theme;
+      } catch (e) {}
+    </script>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

mcp/python-react-agent-simple-ui/client/package.json

@@ -6,18 +6,23 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "typecheck": "tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@thoughtspot/visual-embed-sdk": "^1.45.3-mcp.2",
+    "@thoughtspot/visual-embed-sdk": "^1.52.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
     "@vitejs/plugin-react": "^4.4.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
     "vite": "^6.2.0"
   }
 }