ApiLogicServer 15.0.10__py3-none-any.whl → 15.0.12__py3-none-any.whl

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/Config.ts

@@ -1,508 +0,0 @@
-import { compareVersions } from 'compare-versions';
-import yaml from "js-yaml";
-
-interface Config {
-  api_root: string;
-  authentication?: {
-    keycloak?: {
-      url: string;
-      realm: string;
-      clientId: string;
-    };
-    endpoint?: string;
-    redirect?: any;
-    sso?: any;
-  };
-  info?: any;
-  about?: any;
-  resources?: Record<string, any>;
-  settings?: {
-    locale?: string;
-    max_list_columns?: number;
-    HomeJS?: string;
-    Home?: string;
-  };
-  ext_comp_url?: any;
-  conf_source?: string | null | undefined;
-  ui?: any;
-  path?: string;
-  info_toggle_checked?: boolean;
-  server_msg?: string;
-}
-
-const initConf = (): void => {
-  console.log("InitConf");
-};
-
-const getBrowserLocales = (
-  options: { languageCodeOnly?: boolean } = {}
-): string[] | undefined => {
-  const defaultOptions = {
-    languageCodeOnly: false,
-  };
-  const opt = {
-    ...defaultOptions,
-    ...options,
-  };
-  const browserLocales =
-    navigator.languages === undefined
-      ? [navigator.language]
-      : navigator.languages;
-  if (!browserLocales) {
-    return undefined;
-  }
-  return browserLocales.map((locale) => {
-    const trimmedLocale = locale.trim();
-    return opt.languageCodeOnly ? trimmedLocale.split(/-|_/)[0] : trimmedLocale;
-  });
-};
-
-export const getLSConf = (): Config => {
-  let result: Config = getCurrentConf();
-  let ls_conf: Config | null = null;
-  try {
-    ls_conf = getCurrentConf();
-    result = ls_conf ?? result;
-  } catch (e) {
-    console.warn(`Failed to parse config `);
-    localStorage.setItem("raconf", JSON.stringify(config));
-  }
-
-  //console.debug("LSConf", result);
-  doTelemetry();
-  return result;
-};
-
-export const doTelemetry = () => {
-  const currentDate = new Date().toISOString();
-  if(localStorage.getItem("telemetry")){
-    return;
-  }
-  fetch('https://apifabric.ai/static2/tm?p='+document.location.href)
-  .finally(() => {
-    localStorage.setItem("telemetry", currentDate);
-  })
-}
-
-const json2Conf = (conf: Config) => {
-  let result = conf;
-  if (!result.resources) {
-    result.resources = {};
-  }
-  if (!result.settings) {
-    result.settings = {};
-  }
-  const resourceEntries = Object.entries(result.resources);
-  resourceEntries.sort((a, b) => (b.order || 0) - (a.order || 0))
-  const resources = Object.fromEntries(resourceEntries);
-  
-  for (let [resource_name, resource] of Object.entries(resources || {})) {
-    resource.relationships = resource.relationships || [];
-    if (resource.tab_groups instanceof Array) {
-      for (let tg of resource.tab_groups) {
-        if (!tg.direction) {
-          continue;
-        }
-        tg.target = tg.resource;
-        resource.relationships.push(tg);
-      }
-    } else {
-      for (let [tab_group_name, tab_group] of Object.entries(
-        resource.tab_groups || {}
-      )) {
-        resource.relationships.push(
-          Object.assign({}, tab_group as any, {
-            name: tab_group_name,
-            target: (tab_group as any).resource,
-          })
-        );
-      }
-    }
-
-    if (
-      !(
-        resource.attributes instanceof Array ||
-        resource.relationships instanceof Array
-      )
-    ) {
-      continue;
-    }
-
-    if (!resource.type) {
-      resource.type = resource_name;
-    }
-
-    resource.search_cols = [];
-    resource.sort_attr_names = [];
-    result.resources[resource_name].name = resource_name;
-    let attributes = resource.attributes || [];
-
-    for (let attr of attributes) {
-      if (!(attr.constructor === Object)) {
-        console.warn(`Invalid attribute ${attr}`);
-        continue;
-      }
-      for (let rel of resource.relationships || []) {
-        for (let fk of rel.fks || []) {
-          if (attr.name === fk) {
-            attr.relationship = rel;
-            attr.relationship.target_resource =
-              result.resources[attr.relationship.target] ||
-              result.resources[attr.relationship.resource];
-          }
-        }
-      }
-      if (attr.search) {
-        resource.search_cols.push(attr);
-      }
-      if (attr.sort) {
-        if (attr.sort === "DESC") {
-          resource.sort_attr_names.push("-" + attr.name);
-        } else {
-          resource.sort_attr_names.push(attr.name);
-        }
-        resource.sort = resource.sort_attr_names.join(",");
-      }
-      if (!attr.label) {
-        attr.label =
-          attr.relationship?.resource ||
-          attr.name?.replace(/([A-Z])/g, " $1").replace(/(_)/g, " ");
-      }
-      attr.resource = resource;
-    }
-    if (resource.search_cols.length === 0) {
-      resource.search_cols = attributes.filter(
-        (col: any) =>
-          col.name !== false &&
-          (col.name === "id" ||
-            col.name === resource.user_key ||
-            col.name === "name")
-      );
-    }
-    resource.max_list_columns =
-      resource.max_list_columns || result.settings?.max_list_columns || 8;
-  }
-
-  if (result.settings) {
-    result.settings.locale =
-      result.settings.locale || getBrowserLocales()?.[0] || "fr-FR";
-  }
-  return result || resetConf(true);
-};
-
-export const useConf = (): Config => {
-  let conf = getCurrentConf();
-  if(document.location.hash.includes("/SPA")){
-    // workaround to show/hide SPA resources in the webgenai SPA admin
-    Object.entries(conf.resources || {}).forEach(([key, value]) => {
-      if(value?.hidden){
-        value.hidden = false;
-      }
-    })
-  }
-  return conf;
-};
-
-export const getConf = (): Config => {
-  try {
-    initConf();
-  }
-  catch(e){
-    console.warn("Failed to init conf", e);
-    return {};
-  }
-  return json2Conf(getLSConf());
-};
-
-export const resetConf = (reload: boolean) => {
-  const configs: any = {};
-  console.log("Resetting conf");
-  localStorage.removeItem("raconf");
-  configs[config.api_root] = config;
-  setConfigs(configs);
-
-  if (reload) {
-    window.location.reload();
-  }
-  return config;
-};
-
-
-export const getKcUrl = (): string | undefined => {
-  const conf: any = getCurrentConf();
-  let authentication;
-  try {
-    authentication = conf.authentication;
-  } catch (e) {
-    console.warn("conf.authentication error");
-  }
-  if (!authentication?.kc_url) {
-    return undefined;
-  }
-  return authentication?.kc_url;
-};
-
-export const getCurrentConf = (raw: boolean = false): Config => {
-  const conf = sessionStorage.getItem("raconf") || localStorage.getItem("raconf") || "{}";
-  let result = null;
-  try {
-    result = JSON.parse(conf);
-  } catch (e) {
-    console.warn("Failed to parse raconf", e);
-  }
-  if(raw) { return result; }
-  return json2Conf(result);
-};
-
-const DEFAULT_YAML_URL = `/ui/admin/admin.yaml?v=${new Date().getTime()}`;
-
-export const setCurrentConf = (conf: Config): boolean => {
-  //console.debug("setCurrentConf", conf);
-  if(conf.server_msg){
-    console.log("Server Message", conf.server_msg);
-    if(conf.server_msg.endsWith("reload")){
-      // Check webgenie @app.route('/api/boot/')' for a reload message
-      window.location.reload();
-    }
-  }
-  if (!conf.api_root) {
-    throw new Error(`No api_root in conf ${conf}`);
-  }
-
-  sessionStorage.setItem("raconf", JSON.stringify(conf));
-  localStorage.setItem("raconf", JSON.stringify(conf));
-
-  const stFndStr = "fetchedNonDefault";
-  if (conf.about?.default && !sessionStorage.getItem(stFndStr)) {
-    sessionStorage.setItem(stFndStr, "true");
-    console.warn("default config - checking for " + DEFAULT_YAML_URL);
-    loadYaml(DEFAULT_YAML_URL); // async!!
-  } else if(!conf.path) {
-    conf.path = window.location.pathname.split("#")[0];
-    const configs = getConfigs();
-    configs[conf.api_root] = conf;
-    setConfigs(configs);
-  }
-  return true;
-};
-
-export const getConfigs = (): { [key: string]: Config } => {
-  let result;
-  try {
-    result = JSON.parse(localStorage.getItem("raconfigs") || "{}");
-  } catch (e) {
-    console.warn("Failed to parse raconfigs", e);
-    result = {};
-  }
-  console.debug("getConfigs", result);
-  return result;
-};
-
-export const setConfigs = (configs: any) => {
-  localStorage.setItem("raconfigs", JSON.stringify(configs));
-};
-
-export const getProjectId = () => {
-  /*
-  Check if the path is a project id, used for apifabric..
-  */
-  let id = window.location.pathname.split("/")[1];
-  if (!id || id === "index.html" || id === "admin-app" || !id.startsWith("0")) {
-    id = "";
-  }
-  return id;
-};
-
-export const needsReload = () => {
-  // check if a reload is needed, only once per session
-  let result = localStorage.getItem("autoReload") && !(sessionStorage.getItem("autoReloaded") === window.location.pathname)
-  sessionStorage.setItem("autoReloaded", window.location.pathname);
-  const minVersion = localStorage.getItem("minVersion");
-  const currentVersion = getCurrentConf().about?.version;
-    
-  if(minVersion){
-    if(compareVersions(currentVersion, minVersion) < 0){
-      console.log("Version mismatch, reloading", currentVersion, minVersion);
-      result = true;
-    }
-  }
-  console.log("needsReload", result, currentVersion, minVersion);
-  return result;
-}
-
-export const loadHomeConf = async () => {
-  const currentConf = getCurrentConf();
-  const storedConfigs = localStorage.getItem("raconfigs");
-  const id = getProjectId();
-  let configs = storedConfigs ? JSON.parse(storedConfigs) : {};
-  let found = false;
-  console.debug("loadHomeConf path:", window.location.pathname);
-
-  for (let root in configs) {
-    let conf = configs[root];
-    
-    if (conf.path === window.location.pathname.split("#")[0]) {
-      console.log("loadHomeConf conf:", conf);
-      if (found) {
-        console.warn("Multiple configs found for path", conf.path);
-      }
-      found = true;
-      setCurrentConf(conf);
-    }
-  }
-  const newConf = getCurrentConf();
-  if (currentConf.path != newConf.path) {
-    console.log("loadHomeConf: conf path changed", currentConf.path, newConf.path);
-    sessionStorage.setItem("autoReloaded", window.location.pathname);
-    window.location.reload();
-  } else if (!found || needsReload()) {
-    let confPath = window.location.origin + `/${id}/ui/admin/admin.yaml?v=${new Date().getTime()}`;
-
-    if (window.location.origin === "http://localhost:3000") {
-      console.log("DEVMODE!!!");
-      confPath = `/${id}/ui/admin/admin.yaml`;
-    }
-
-    console.log("loadHomeConf, loading", id, confPath);
-    await loadYaml(confPath);
-
-  } else {
-    console.log("loadHomeConf: conf found", window.location.pathname);
-  }
-  return newConf;
-};
-
-export const loadYaml = async (confPath: string) => {
-  const storedConfigs = localStorage.getItem("raconfigs");
-  let configs = storedConfigs ? JSON.parse(storedConfigs) : {};
-
-  console.log("SPAloadYaml", confPath);
-  await fetch(confPath)
-    .then((response) => response.text())
-    .then((text) => {
-      const c_conf = getCurrentConf(true);
-      let conf;
-      try {
-        conf = yaml.load(text);
-        let loadUrl = confPath
-        if(document.location.href.includes("spa-dev") && conf?.api_root?.includes('g.apifabric.ai')){
-          conf.api_root = conf.api_root.replace('g.apifabric.ai', 'apifabric.ai');
-        }
-
-        if(document.location.hash.includes("Configuration")){
-          // special case: configuration page contains a load parameter
-          const hashParams = new URLSearchParams(document.location.hash.split("?")[1]);
-          loadUrl = hashParams.get("load") ?? confPath
-        }
-
-        if (!conf.conf_source) {
-          const encodedLoadUrl = btoa(loadUrl);
-          conf.conf_source = encodedLoadUrl;
-        }
-      } catch (e) {
-        console.warn("Failed to parse yaml", e);
-        return;
-      }
-      if (!setCurrentConf(conf)) {
-        return;
-      }
-      
-      if(compareConf(c_conf, conf)){
-        return
-      }
-      console.log("loadYaml Reload...", conf);
-      configs[conf.api_root] = conf;
-      setConfigs(configs);
-      window.location.reload();
-    })
-    .catch((error) => {
-      console.warn(`SPA: Failed to load yaml from ${confPath}`, error);
-    });
-};
-
-export const compareConf = (conf1: Config, conf2: Config): boolean => {
-  // return true if the two configs are the same, else false
-  let result
-  try{
-    result = conf1.api_root === conf2.api_root && Object.keys(conf1).length === Object.keys(conf2).length && JSON.stringify(conf1.authentication) === JSON.stringify(conf2.authentication);
-    result = result && JSON.stringify(conf1.about) === JSON.stringify(conf2.about);
-    result = JSON.stringify({...(conf1.resources || {}), ...(conf1.authentication || {})}) === JSON.stringify({...(conf2.resources || {}), ...(conf2.authentication || {})});
-  }
-  catch(e){
-    console.warn("compareConf error", e);
-    result = false;
-  }
-  console.debug("compareConf", result);
-  return result;
-}
-
-
-/*
-Landing Page SPA Conf load
-*/
-export const loadConf = async (appId = "") => {
-  /*
-      Load the configuration
-  */
-  appId = getAppId(appId);
-  console.log("LoadConf App ID:", appId);
-  let yamlUrl = `${document.location.origin}/${appId}/ui/admin/admin.yaml`
-  await loadYaml(yamlUrl);
-  const conf = getCurrentConf();
-  console.log('Loaded Configuration', conf);
-  
-  if(conf.api_root){
-    return conf.api_root;
-  }
-  throw new Error("Failed to load configuration");
-  
-}
-
-
-export const getAppId = (appId?:string) => {
-  // set the app id for the current session
-
-  appId = appId || window.location.pathname.split("/")[1];
-  if (!appId || appId === "index.html" || appId === "admin-app" || !appId.startsWith("0")) {
-    appId = "";
-  }
-
-  appId = appId || sessionStorage.getItem("appId") || localStorage.getItem("appId") || "";
-  const hash = window.location.hash;
-  
-  if (hash.includes('?') && hash.includes('appId')) {
-      // get the app id from the URL hash
-      const queryString = hash.split('?')[1];
-      const params = new URLSearchParams(queryString);
-      appId = params.get("appId") || appId;
-  }
-  else if (document.location.pathname.startsWith("/01")){
-      // get the app id from the URL path
-      appId = document.location.pathname.split("/")[1];
-  }
-  if(appId){
-    if(appId !== localStorage.getItem("appId")){
-      console.log("Changing LS appId", appId);
-      localStorage.setItem("appId", appId);
-    }
-    if(appId !== sessionStorage.getItem("appId")){
-      console.log("Changing SS appId", appId);
-      sessionStorage.setItem("appId", appId);
-    }
-  }
-  else{
-    localStorage.removeItem("appId");
-    sessionStorage.removeItem("appId");
-  }
-
-  return appId;
-}
-
-
-export const clearSpa = () => {
-  localStorage.removeItem("appId");
-  sessionStorage.removeItem("appId");
-  localStorage.removeItem("raSpa");
-  sessionStorage.removeItem("raSpa");
-  console.log("SPA Cleared");
-}

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/ErrorBoundary.tsx

@@ -1,42 +0,0 @@
-import React, { Component, ErrorInfo } from 'react';
-import { Typography, Link } from '@mui/material';
-
-interface ErrorBoundaryProps {
-    children: React.ReactNode;
-}
-
-interface ErrorBoundaryState {
-    hasError: boolean;
-}
-
-class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps) {
-        super(props);
-        this.state = { hasError: false };
-    }
-
-    static getDerivedStateFromError(error: Error) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true };
-    }
-
-    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-        // Log the error to an error reporting service
-        console.error("Error caught by Error Boundary:", error, errorInfo);
-    }
-
-    render() {
-        if (this.state.hasError) {
-            // Fallback UI
-            return <>
-            <Typography variant='h4'>Something went wrong.</Typography>
-            <Link component="button" onClick={() => document.location.reload()}>Reload</Link>
-
-            </>
-        }
-
-        return this.props.children;
-    }
-}
-
-export default ErrorBoundary;

api_logic_server_cli/prototypes/manager/system/genai/examples/genai_demo/wg_dev_merge/wg_demo_no_logic_fixed/ui/spa/src/components/Header.tsx

@@ -1,103 +0,0 @@
-import { Typography, Box, Button, IconButton, Menu, MenuItem, Link } from '@mui/material';
-import { ISection } from '../interfaces.tsx';
-import SettingsIcon from '@mui/icons-material/Settings';
-import React, { useState } from 'react';
-import { StyledAppBar, StyledToolBar } from '../themes/default.tsx';
-import { useTheme } from '@mui/material/styles'
-import { useTour } from '@reactour/tour'
-import { TourProvider } from '@reactour/tour'
-import {steps} from './sections/steps.tsx'
-
-
-
-const Settings = () => {
-    const theme = useTheme();
-    const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
-    const { setIsOpen } = useTour()
-
-    const handleClick = (event: React.MouseEvent<HTMLElement>) => {
-        setAnchorEl(event.currentTarget);
-    };
-
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-
-    const pageRoot = document.location.href.split('#')[0];
-
-    return (
-        <div className="third-step">
-            <IconButton edge="end" color="inherit" onClick={handleClick}>
-                <SettingsIcon  sx={{color: `rgba(${theme.palette.primary.main}, 0.8)`}}/>
-            </IconButton>
-            <Menu
-                anchorEl={anchorEl}
-                open={Boolean(anchorEl)}
-                onClose={handleClose}
-            >
-                <MenuItem onClick={handleClose}>
-                    <Link href={`${pageRoot}#/dev`} color="inherit" underline="none">AI Dev</Link>
-                </MenuItem>
-                <MenuItem onClick={handleClose}>
-                    <Link href="#" color="inherit" underline="none">Backend Admin</Link>
-                </MenuItem>
-                <MenuItem onClick={handleClose}>
-                    <Link href="/admin-app/#/Home" color="inherit" underline="none">User Settings</Link>
-                </MenuItem>
-                <MenuItem onClick={handleClose}>
-                    <Link onClick={() => setIsOpen(true)} color="inherit" underline="none">Help</Link>
-                </MenuItem>
-            </Menu>
-        </div>
-    );
-};
-
-const Header = ({ title, SectionList }: { title: string; SectionList: ISection[] | undefined }) => {
-    const theme = useTheme();
-    const contrastColor = theme.palette.primary.contrastText
-    const SRAappBarId = 'SRAheader';
-
-    const scrollTo = (section: ISection) => {
-        const element = document.getElementById(section.id);
-        element?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-    };
-
-    if (!SectionList) return null;
-
-    const sections = SectionList.sort((a: ISection, b: ISection) => a.order - b.order)
-        .map((section: ISection) => {
-            if((section.label || section.name).toLowerCase() === 'footer'){
-                return null;
-            }
-            if((section.label || section.name).toLowerCase() === 'hero'){
-                section.label = 'Home';
-            }
-            return <Button key={section.id} color="inherit" onClick={() => scrollTo(section)}>
-                    {section.label || section.name}
-                    </Button>;
-            }
-        );
-
-    return (
-        <StyledAppBar id={SRAappBarId}>
-            <StyledToolBar>
-                <Typography variant="h6" sx={{color:contrastColor}}>{title}</Typography>
-                <Box sx={{ flexGrow: 1 }} />
-                {sections}
-                <Settings />
-            </StyledToolBar>
-        </StyledAppBar>
-    );
-};
-
-
-
-const HeaderTour = (props:any) => {
-    return (
-        <TourProvider steps={steps}>
-            <Header {...props}/>
-        </TourProvider>
-    );
-}
-
-export default HeaderTour;