frontend: remove embeddedAvailableRoutesObservable

Author: malinskibeniamin

frontend/src/federation/console-app.test.tsx

@@ -42,19 +42,6 @@ vi.mock('config', () => ({
   getGrpcBasePath: vi.fn(() => 'http://localhost:9090'),
   addBearerTokenInterceptor: vi.fn((next) => async (request: unknown) => await next(request)),
   checkExpiredLicenseInterceptor: vi.fn((next) => async (request: unknown) => await next(request)),
-  embeddedAvailableRoutesObservable: {
-    routes: [
-      { path: '/topics', title: 'Topics', icon: () => null },
-      { path: '/groups', title: 'Consumer Groups', icon: () => null },
-    ],
-  },
-}));
-
-vi.mock('state/ui-state', () => ({
-  uiState: {
-    pageTitle: '',
-    pageBreadcrumbs: [],
-  },
 }));
 
 vi.mock('protobuf-registry', () => ({
@@ -161,22 +148,6 @@ describe('ConsoleApp', () => {
     });
   });
 
-  test('calls onSidebarItemsChange after initialization', async () => {
-    render(<ConsoleApp {...defaultProps} />);
-
-    await waitFor(() => {
-      expect(mockOnSidebarItemsChange).toHaveBeenCalled();
-    });
-
-    const sidebarItems = mockOnSidebarItemsChange.mock.calls[0][0];
-    expect(sidebarItems).toEqual(
-      expect.arrayContaining([
-        expect.objectContaining({ title: 'Topics', to: '/topics' }),
-        expect.objectContaining({ title: 'Consumer Groups', to: '/groups' }),
-      ])
-    );
-  });
-
   test('stays in loading state while token refresh is pending', async () => {
     // Create a deferred promise that never resolves during this test
     const tokenPromise = new Promise<string>(() => {});

frontend/src/federation/console-app.tsx

@@ -41,17 +41,8 @@ import { FederatedProviders } from './federated-providers';
 import { TokenManager } from './token-manager';
 import type { ConsoleAppProps } from './types';
 import { NotFoundPage } from '../components/misc/not-found-page';
-import {
-  addBearerTokenInterceptor,
-  checkExpiredLicenseInterceptor,
-  config,
-  embeddedAvailableRoutesObservable,
-  getGrpcBasePath,
-  type SidebarItem,
-  setup,
-} from '../config';
+import { addBearerTokenInterceptor, checkExpiredLicenseInterceptor, config, getGrpcBasePath, setup } from '../config';
 import { routeTree } from '../routeTree.gen';
-import { uiState } from '../state/ui-state';
 
 /**
  * Creates an interceptor that refreshes the token on 401 and retries the request.
@@ -224,41 +215,6 @@ function ConsoleAppInner({
     };
   }, [tokenManager, queryClient, clusterId, onSidebarItemsChange, onBreadcrumbsChange, featureFlags, configOverrides]);
 
-  // Sync sidebar items when routes change
-  useEffect(() => {
-    if (!(isInitialized && onSidebarItemsChange)) {
-      return;
-    }
-
-    // Push current sidebar items to host
-    const sidebarItems = embeddedAvailableRoutesObservable.routes.map(
-      (r, i) =>
-        ({
-          title: String(r.title),
-          to: r.path,
-          icon: r.icon,
-          order: i,
-          group: r.group,
-        }) as SidebarItem
-    );
-
-    onSidebarItemsChange(sidebarItems);
-  }, [isInitialized, onSidebarItemsChange]);
-
-  // Sync breadcrumbs when they change
-  useEffect(() => {
-    if (!(isInitialized && onBreadcrumbsChange)) {
-      return;
-    }
-
-    const breadcrumbs = uiState.pageBreadcrumbs.map((v) => ({
-      title: v.title,
-      to: v.linkTo,
-    }));
-
-    onBreadcrumbsChange(breadcrumbs);
-  }, [isInitialized, onBreadcrumbsChange]);
-
   // Create transport with token interceptors (including refresh on 401)
   const dataplaneTransport = useMemo(
     () =>