feat: replace connect to bi page in playground with cube bi page (cube-js#10293)

* feat: replace connect to bi page in playground with cube bi page

* Remove unused PNG logo file, using SVG version instead

Author: keydunov

README.md

@@ -54,7 +54,7 @@ For a step-by-step guide, [see the docs](https://cube.dev/docs/getting-started-d
 
 ### Cube — Complete Modern BI Tool from Cube Core Creators
 
-[Cube](https://cube.dev?ref=github-readme) is a complete modern AI-first business intelligence platform built on Cube Core. It provides a fully integrated solution with a user-friendly interface, advanced analytics capabilities, and managed infrastructure. [Cube Cloud](https://cube.dev/cloud?ref=github-readme) offers the fastest way to get started with instant and free access for development projects and proofs of concept.
+[Cube](https://cube.dev?ref=github-readme) is a complete modern agentic analytics platform built on Cube Core. It provides a fully integrated solution with a user-friendly interface, advanced analytics capabilities, and managed infrastructure.
 
 <a href="https://cubecloud.dev/auth/signup?ref=github-readme"><img src="https://cubedev-blog-images.s3.us-east-2.amazonaws.com/f1f1eac0-0b44-4c47-936e-33b5c06eedf0.png" alt="Get started now" width="200px"></a>
 

packages/cubejs-playground/public/cube-core-logo-adapted_for_dark_bg.svg

@@ -38,7 +38,7 @@ export default function Header({ selectedKeys }: Props) {
     <StyledHeader>
       <div style={{ float: 'left' }}>
         <img
-          src="./cube-logo.svg"
+          src="./cube-core-logo-adapted_for_dark_bg.svg"
           style={{ height: 28, marginRight: 28 }}
           alt=""
         />
@@ -58,8 +58,8 @@ export default function Header({ selectedKeys }: Props) {
             <Link to="/frontend-integrations">Frontend Integrations</Link>
           </StyledMenuItem>
 
-          <StyledMenuItem key="/connect-to-bi">
-            <Link to="/connect-to-bi">Connect to BI</Link>
+          <StyledMenuItem key="/cube-bi">
+            <Link to="/cube-bi">Cube BI</Link>
           </StyledMenuItem>
 
           <StyledMenuButton

packages/cubejs-playground/src/components/Header/Header.tsx

@@ -34,7 +34,7 @@ export function RunOnCubeCloud() {
       ) : (
         <CloudFilled />
       )}
-      {!active ? 'Run' : 'Running'} on Cube Cloud
+      {!active ? 'Run' : 'Running'} in Cloud
     </StyledMenuButton>
   );
 

packages/cubejs-playground/src/components/Header/RunOnCubeCloud.tsx

@@ -9,7 +9,7 @@ import {
   ConnectionWizardPage,
   SchemaPage,
   IndexPage,
-  ConnectToBiPage,
+  CubeBiPage,
   FrontendIntegrationsPage,
 } from './pages';
 import { SecurityContextProvider } from './components/SecurityContext/SecurityContextProvider';
@@ -75,9 +75,9 @@ ReactDOM.render(
           component={() => <ConnectionWizardPage history={history} />}
         />
         <Route
-          key="connect-to-bi"
-          path="/connect-to-bi"
-          component={ConnectToBiPage}
+          key="cube-bi"
+          path="/cube-bi"
+          component={CubeBiPage}
         />
         <Route
           key="frontend-integrations"