@vantagecompute/docusaurus-theme 0.1.0

package/src/index.ts

@@ -0,0 +1,35 @@
+import path from 'path';
+import type { Plugin } from '@docusaurus/types';
+
+export default function themeVantage(): Plugin {
+  return {
+    name: '@vantagecompute/docusaurus-theme',
+
+    getThemePath() {
+      return path.resolve(__dirname, '../src/theme');
+    },
+
+    getPathsToWatch() {
+      return [path.resolve(__dirname, '../src/theme/**/*.{js,jsx,ts,tsx,css}')];
+    },
+
+    getClientModules() {
+      return [path.resolve(__dirname, '../src/css/custom.css')];
+    },
+  };
+}
+
+/**
+ * Returns the absolute path to this package's static directory.
+ * Add this to your `staticDirectories` in docusaurus.config.js:
+ *
+ * ```js
+ * const { staticDir } = require('@vantagecompute/docusaurus-theme');
+ * module.exports = {
+ *   staticDirectories: ['static', staticDir],
+ * };
+ * ```
+ */
+export const staticDir = path.resolve(__dirname, '../static');
+
+export { default as rehypeTabsTransform } from './utils/rehypeTabsTransform';

package/src/theme/ColorModeToggle/index.js

@@ -0,0 +1,60 @@
+import React from 'react'
+import clsx from 'clsx'
+import useIsBrowser from '@docusaurus/useIsBrowser'
+import { translate } from '@docusaurus/Translate'
+
+import styles from './styles.module.css'
+
+import IconLightMode from '../../../static/img/icons/bx-sun.svg'
+import IconDarkMode from '../../../static/img/icons/bx-moon.svg'
+
+function ColorModeToggle({ className, buttonClassName, value, onChange }) {
+  const isBrowser = useIsBrowser()
+  const title = translate(
+    {
+      message: 'Switch between dark and light mode (currently {mode})',
+      id: 'theme.colorToggle.ariaLabel',
+      description: 'The ARIA label for the navbar color mode toggle',
+    },
+    {
+      mode:
+        value === 'dark'
+          ? translate({
+              message: 'dark mode',
+              id: 'theme.colorToggle.ariaLabel.mode.dark',
+              description: 'The name for the dark color mode',
+            })
+          : translate({
+              message: 'light mode',
+              id: 'theme.colorToggle.ariaLabel.mode.light',
+              description: 'The name for the light color mode',
+            }),
+    }
+  )
+  return (
+    <div className={clsx(styles.toggle, className)}>
+      <button
+        className={clsx(
+          'clean-btn',
+          styles.toggleButton,
+          !isBrowser && styles.toggleButtonDisabled,
+          buttonClassName
+        )}
+        type='button'
+        onClick={() => onChange(value === 'dark' ? 'light' : 'dark')}
+        disabled={!isBrowser}
+        title={title}
+        aria-label={title}
+        aria-live='polite'
+      >
+        <IconLightMode
+          className={clsx(styles.toggleIcon, styles.lightToggleIcon)}
+        />
+        <IconDarkMode
+          className={clsx(styles.toggleIcon, styles.darkToggleIcon)}
+        />
+      </button>
+    </div>
+  )
+}
+export default React.memo(ColorModeToggle)

package/src/theme/ColorModeToggle/styles.module.css

@@ -0,0 +1,40 @@
+.toggle {
+  width: 36px;
+  height: 36px;
+}
+
+.toggleButton {
+  -webkit-tap-highlight-color: transparent;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border: none;
+  border-radius: 0;
+  background: transparent;
+  color: rgba(255, 255, 255, 0.85);
+  transition: color 0.15s;
+}
+
+.toggleButton:hover {
+  color: rgba(255, 255, 255, 1) !important;
+}
+
+[data-theme='dark'] .toggleButton {
+  background: transparent;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+[data-theme='dark'] .toggleButton:hover {
+  color: rgba(255, 255, 255, 1) !important;
+}
+
+[data-theme='light'] .lightToggleIcon,
+[data-theme='dark'] .darkToggleIcon {
+  display: none;
+}
+
+.toggleButtonDisabled {
+  cursor: not-allowed;
+}

package/src/theme/DocBreadcrumbs/index.tsx

@@ -0,0 +1,82 @@
+/**
+ * Custom DocBreadcrumbs component that ensures full path representation
+ * e.g., Home -> Platform -> <platform page>
+ */
+import React from 'react';
+import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
+import {useSidebarBreadcrumbs} from '@docusaurus/plugin-content-docs/client';
+import {useHomePageRoute} from '@docusaurus/theme-common/internal';
+import Link from '@docusaurus/Link';
+import {translate} from '@docusaurus/Translate';
+import HomeBreadcrumbItem from '@theme/DocBreadcrumbs/Items/Home';
+import DocBreadcrumbsStructuredData from '@theme/DocBreadcrumbs/StructuredData';
+import styles from './styles.module.css';
+
+function BreadcrumbsItemLink({children, href, isLast}: {children: React.ReactNode, href?: string, isLast: boolean}) {
+  const className = 'breadcrumbs__link';
+  if (isLast) {
+    return <span className={className}>{children}</span>;
+  }
+  return href ? (
+    <Link className={className} href={href}>
+      <span>{children}</span>
+    </Link>
+  ) : (
+    <span className={className}>{children}</span>
+  );
+}
+
+function BreadcrumbsItem({children, active}: {children: React.ReactNode, active: boolean}) {
+  return (
+    <li
+      className={clsx('breadcrumbs__item', {
+        'breadcrumbs__item--active': active,
+      })}>
+      {children}
+    </li>
+  );
+}
+
+export default function DocBreadcrumbs() {
+  const breadcrumbs = useSidebarBreadcrumbs();
+  const homePageRoute = useHomePageRoute();
+  
+  if (!breadcrumbs) {
+    return null;
+  }
+  
+  return (
+    <>
+      <DocBreadcrumbsStructuredData breadcrumbs={breadcrumbs} />
+      <nav
+        className={clsx(
+          ThemeClassNames.docs.docBreadcrumbs,
+          styles.breadcrumbsContainer,
+        )}
+        aria-label={translate({
+          id: 'theme.docs.breadcrumbs.navAriaLabel',
+          message: 'Breadcrumbs',
+          description: 'The ARIA label for the breadcrumbs',
+        })}>
+        <ul className="breadcrumbs">
+          {homePageRoute && <HomeBreadcrumbItem />}
+          {breadcrumbs.map((item, idx) => {
+            const isLast = idx === breadcrumbs.length - 1;
+            const href =
+              item.type === 'category' && item.linkUnlisted
+                ? undefined
+                : item.href;
+            return (
+              <BreadcrumbsItem key={idx} active={isLast}>
+                <BreadcrumbsItemLink href={href} isLast={isLast}>
+                  {item.label}
+                </BreadcrumbsItemLink>
+              </BreadcrumbsItem>
+            );
+          })}
+        </ul>
+      </nav>
+    </>
+  );
+}

package/src/theme/DocBreadcrumbs/styles.module.css

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.breadcrumbsContainer {
+  --ifm-breadcrumb-size-multiplier: 0.8;
+  margin-bottom: 0.8rem;
+}

package/src/theme/MDXComponents.js

@@ -0,0 +1,14 @@
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+import MDXComponents from '@theme-original/MDXComponents';
+
+// Global MDX components available to all MDX files
+const CustomMDXComponents = {
+  // Import all the default components (including headings with anchor links)
+  ...MDXComponents,
+  // Add our custom components
+  Tabs,
+  TabItem,
+};
+
+export default CustomMDXComponents;

package/src/theme/Navbar/MobileSidebar/SecondaryMenu/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import {useNavbarSecondaryMenu} from '@docusaurus/theme-common/internal';
+
+export default function NavbarMobileSidebarSecondaryMenu() {
+  const secondaryMenu = useNavbarSecondaryMenu();
+  return <>{secondaryMenu.content}</>;
+}

package/src/theme/Tabs/index.js

@@ -0,0 +1,128 @@
+/**
+ * Swizzled <Tabs> component.
+ *
+ * Why: Docusaurus 3.10.0's `useTabValues` calls `extractChildrenTabValues`
+ * on raw children, which crashes at `child.type.name` when whitespace text
+ * nodes (`\n`) sit between `<Tabs>` and `<TabItem>`. The upstream Tabs
+ * component sanitizes children only when rendering, not when extracting
+ * values  -  see node_modules/@docusaurus/theme-common/lib/utils/tabsUtils.js.
+ *
+ * Fix: sanitize children up front, then pass the cleaned list to BOTH
+ * `useTabsContextValue` (for value extraction) and the rendered
+ * `TabsContainer`.
+ */
+import React from 'react';
+import clsx from 'clsx';
+import {ThemeClassNames} from '@docusaurus/theme-common';
+import {
+  useScrollPositionBlocker,
+  useTabsContextValue,
+  useTabs,
+  sanitizeTabsChildren,
+  TabsProvider,
+} from '@docusaurus/theme-common/internal';
+import useIsBrowser from '@docusaurus/useIsBrowser';
+import styles from './styles.module.css';
+
+function TabList({className}) {
+  const {selectedValue, selectValue, tabValues, block} = useTabs();
+  const tabRefs = [];
+  const {blockElementScrollPositionUntilNextRender} =
+    useScrollPositionBlocker();
+  const handleTabChange = (event) => {
+    const newTab = event.currentTarget;
+    const newTabIndex = tabRefs.indexOf(newTab);
+    const newTabValue = tabValues[newTabIndex].value;
+    if (newTabValue !== selectedValue) {
+      blockElementScrollPositionUntilNextRender(newTab);
+      selectValue(newTabValue);
+    }
+  };
+  const handleKeydown = (event) => {
+    let focusElement = null;
+    switch (event.key) {
+      case 'Enter': {
+        handleTabChange(event);
+        break;
+      }
+      case 'ArrowRight': {
+        const nextTab = tabRefs.indexOf(event.currentTarget) + 1;
+        focusElement = tabRefs[nextTab] ?? tabRefs[0];
+        break;
+      }
+      case 'ArrowLeft': {
+        const prevTab = tabRefs.indexOf(event.currentTarget) - 1;
+        focusElement = tabRefs[prevTab] ?? tabRefs[tabRefs.length - 1];
+        break;
+      }
+      default:
+        break;
+    }
+    focusElement?.focus();
+  };
+  return (
+    <ul
+      role="tablist"
+      aria-orientation="horizontal"
+      className={clsx(
+        'tabs',
+        {
+          'tabs--block': block,
+        },
+        className,
+      )}>
+      {tabValues.map(({value, label, attributes}) => (
+        <li
+          role="tab"
+          tabIndex={selectedValue === value ? 0 : -1}
+          aria-selected={selectedValue === value}
+          key={value}
+          ref={(ref) => {
+            tabRefs.push(ref);
+          }}
+          onKeyDown={handleKeydown}
+          onClick={handleTabChange}
+          {...attributes}
+          className={clsx('tabs__item', styles.tabItem, attributes?.className, {
+            'tabs__item--active': selectedValue === value,
+          })}>
+          {label ?? value}
+        </li>
+      ))}
+    </ul>
+  );
+}
+
+function TabContent({children}) {
+  return <div className="margin-top--md">{children}</div>;
+}
+
+function TabsContainer({className, children}) {
+  return (
+    <div
+      className={clsx(
+        ThemeClassNames.tabs.container,
+        'tabs-container',
+        styles.tabList,
+      )}>
+      <TabList className={className} />
+      <TabContent>{children}</TabContent>
+    </div>
+  );
+}
+
+export default function Tabs(props) {
+  const isBrowser = useIsBrowser();
+  const sanitizedChildren = sanitizeTabsChildren(props.children);
+  const value = useTabsContextValue({...props, children: sanitizedChildren});
+  return (
+    <TabsProvider
+      value={value}
+      // Remount tabs after hydration  -  see facebook/docusaurus#5653
+      key={String(isBrowser)}>
+      <TabsContainer className={props.className}>
+        {sanitizedChildren}
+      </TabsContainer>
+    </TabsProvider>
+  );
+}

package/src/theme/Tabs/styles.module.css

@@ -0,0 +1,7 @@
+.tabList {
+  margin-bottom: var(--ifm-leading);
+}
+
+.tabItem {
+  margin-top: 0 !important;
+}

package/src/utils/rehypeTabsTransform.js

@@ -0,0 +1,16 @@
+// Custom rehype plugin to transform lowercase tabs to React components
+const { visit } = require('unist-util-visit');
+
+function rehypeTabsTransform() {
+  return (tree) => {
+    visit(tree, 'element', (node) => {
+      if (node.tagName === 'tabs') {
+        node.tagName = 'Tabs';
+      } else if (node.tagName === 'tabitem') {
+        node.tagName = 'TabItem';
+      }
+    });
+  };
+}
+
+module.exports = rehypeTabsTransform;

package/static/img/icons/bx-link-external.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.66665 2L10.862 4.19533L6.19531 8.862L7.13798 9.80467L11.8046 5.138L14 7.33333V2H8.66665Z" fill="#7868DD"/>
+<path d="M12.6667 12.6667H3.33333V3.33333H8L6.66667 2H3.33333C2.598 2 2 2.598 2 3.33333V12.6667C2 13.402 2.598 14 3.33333 14H12.6667C13.402 14 14 13.402 14 12.6667V9.33333L12.6667 8V12.6667Z" fill="#7868DD"/>
+</svg>

package/static/img/icons/bx-moon.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.285 10.8708C16.7208 11.0208 16.1383 11.0967 15.5542 11.0967C13.775 11.0967 12.1042 10.405 10.8492 9.15C9.17583 7.47667 8.51666 5.01083 9.12916 2.71417C9.20583 2.42667 9.12333 2.12 8.91333 1.91C8.70333 1.7 8.39749 1.615 8.10833 1.695C6.68999 2.07417 5.39666 2.81833 4.36749 3.84667C1.11916 7.095 1.11916 12.3825 4.36749 15.6325C5.94166 17.2067 8.03499 18.0742 10.2608 18.0742C12.4867 18.0742 14.5792 17.2075 16.1525 15.6333C17.1825 14.6025 17.9275 13.3075 18.305 11.8908C18.3817 11.6033 18.2983 11.2967 18.0883 11.0867C17.8783 10.8758 17.5708 10.7925 17.285 10.8708ZM14.975 14.455C13.7158 15.7142 12.0417 16.4075 10.2617 16.4075C8.48083 16.4075 6.80666 15.7133 5.54666 14.4542C2.94833 11.855 2.94833 7.625 5.54666 5.02583C6.04833 4.52417 6.62833 4.1075 7.26333 3.79C7.07833 6.19417 7.94166 8.6 9.67166 10.33C11.395 12.0542 13.7775 12.93 16.2117 12.7392C15.8933 13.3717 15.4758 13.9525 14.975 14.455Z" fill="currentColor"/>
+</svg>

package/static/img/icons/bx-search-dark.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66671 12C7.89737 12 9.02871 11.5767 9.93137 10.8747L12.862 13.8053L13.8047 12.8627L10.874 9.932C11.5767 9.02866 12 7.89733 12 6.66666C12 3.726 9.60737 1.33333 6.66671 1.33333C3.72604 1.33333 1.33337 3.726 1.33337 6.66666C1.33337 9.60733 3.72604 12 6.66671 12ZM6.66671 2.66666C8.87271 2.66666 10.6667 4.46066 10.6667 6.66666C10.6667 8.87266 8.87271 10.6667 6.66671 10.6667C4.46071 10.6667 2.66671 8.87266 2.66671 6.66666C2.66671 4.46066 4.46071 2.66666 6.66671 2.66666Z" fill="#CBD5E0"/>
+</svg>

package/static/img/icons/bx-search.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66667 12C7.89734 12 9.02867 11.5767 9.93134 10.8747L12.862 13.8053L13.8047 12.8627L10.874 9.932C11.5767 9.02866 12 7.89733 12 6.66666C12 3.726 9.60734 1.33333 6.66667 1.33333C3.726 1.33333 1.33334 3.726 1.33334 6.66666C1.33334 9.60733 3.726 12 6.66667 12ZM6.66667 2.66666C8.87267 2.66666 10.6667 4.46066 10.6667 6.66666C10.6667 8.87266 8.87267 10.6667 6.66667 10.6667C4.46067 10.6667 2.66667 8.87266 2.66667 6.66666C2.66667 4.46066 4.46067 2.66666 6.66667 2.66666Z" fill="#718096"/>
+</svg>

package/static/img/icons/bx-sun.svg

@@ -0,0 +1,7 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.82754 10C5.82754 12.3008 7.69921 14.1725 10 14.1725C12.3009 14.1725 14.1725 12.3008 14.1725 10C14.1725 7.69917 12.3009 5.82751 10 5.82751C7.69921 5.82751 5.82754 7.69917 5.82754 10ZM10 7.49417C11.3817 7.49417 12.5059 8.61834 12.5059 10C12.5059 11.3817 11.3817 12.5058 10 12.5058C8.61837 12.5058 7.49421 11.3817 7.49421 10C7.49421 8.61834 8.61837 7.49417 10 7.49417ZM9.16504 15.8333H10.8317V18.3333H9.16504V15.8333ZM9.16504 1.66667H10.8317V4.16667H9.16504V1.66667ZM1.66504 9.16667H4.16504V10.8333H1.66504V9.16667ZM15.8317 9.16667H18.3317V10.8333H15.8317V9.16667Z" fill="currentColor"/>
+<path d="M3.51587 15.3028L5.28311 13.5345L6.46197 14.7127L4.69473 16.481L3.51587 15.3028Z" fill="currentColor"/>
+<path d="M13.5336 5.28632L15.3019 3.51793L16.4804 4.69642L14.7121 6.46481L13.5336 5.28632Z" fill="currentColor"/>
+<path d="M5.28479 6.46548L3.51755 4.69719L4.69641 3.51903L6.46365 5.28732L5.28479 6.46548Z" fill="currentColor"/>
+<path d="M16.4799 15.3029L15.3014 16.4815L13.533 14.7131L14.7115 13.5346L16.4799 15.3029Z" fill="currentColor"/>
+</svg>

package/static/img/icons/bxl-github.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0216 1.66667C5.43079 1.66667 1.70996 5.38751 1.70996 9.97834C1.70996 13.65 4.09079 16.7658 7.39413 17.8658C7.80996 17.9408 7.95996 17.685 7.95996 17.465C7.95996 17.2675 7.95329 16.7442 7.95079 16.0517C5.63829 16.5533 5.14996 14.9367 5.14996 14.9367C4.77329 13.9767 4.22746 13.7208 4.22746 13.7208C3.47329 13.205 4.28496 13.2167 4.28496 13.2167C5.11996 13.275 5.55746 14.0733 5.55746 14.0733C6.29913 15.3433 7.50413 14.9767 7.97579 14.7642C8.05163 14.2267 8.26829 13.86 8.50496 13.6525C6.65996 13.4433 4.71996 12.73 4.71996 9.54417C4.71996 8.63834 5.04413 7.895 5.57329 7.315C5.48913 7.10417 5.20163 6.25834 5.65579 5.11501C5.65579 5.11501 6.35329 4.89084 7.94079 5.96584C8.60579 5.78167 9.31496 5.68917 10.0208 5.68584C10.7283 5.68917 11.4383 5.78167 12.1008 5.96584C13.6891 4.89 14.3858 5.11501 14.3858 5.11501C14.84 6.25834 14.555 7.10417 14.4683 7.315C15.0016 7.895 15.3216 8.63751 15.3216 9.54417C15.3216 12.7383 13.38 13.44 11.5283 13.6458C11.8241 13.9025 12.0908 14.4092 12.0908 15.1842C12.0908 16.2958 12.0808 17.1925 12.0808 17.465C12.0808 17.6875 12.2291 17.9458 12.6533 17.8642C15.955 16.7625 18.3333 13.6492 18.3333 9.97834C18.3333 5.38751 14.6125 1.66667 10.0216 1.66667Z" fill="#CBD5E0"/>
+</svg>

package/static/img/icons/bxs-chevron-up.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.87903L4.939 13.939L7.061 16.061L12 11.121L16.939 16.061L19.061 13.939L12 6.87903Z" fill="#484848"/>
+</svg>

package/static/img/vantage-logo.svg

@@ -0,0 +1,77 @@
+<svg
+  width='137'
+  height='32'
+  viewBox='0 0 137 32'
+  fill='none'
+  xmlns='http://www.w3.org/2000/svg'
+>
+  <path
+    d='M45.06 4.47018H37.0052C35.6968 4.47037 34.4158 4.84478 33.3132 5.54922C32.2106 6.25367 31.3326 7.25877 30.7826 8.44594L21.9177 28.136C21.7758 28.4439 21.7137 28.7825 21.737 29.1207C21.7602 29.4589 21.8682 29.7858 22.051 30.0713C22.2338 30.3568 22.4854 30.5918 22.7828 30.7546C23.0801 30.9173 23.4137 31.0027 23.7527 31.0028H30.5511C31.3551 31.0018 32.1419 30.77 32.818 30.3351C33.4942 29.9002 34.0314 29.2804 34.3657 28.5493L35.0173 27.1331L45.06 4.47018Z'
+    fill='url(#paint0_linear_181_1139)'
+  />
+  <path
+    d='M7.95977 0.997253H0L15.2335 28.5865C15.6387 29.3165 16.2317 29.925 16.9511 30.3488C17.6704 30.7727 18.49 30.9966 19.325 30.9973H30.5937C29.015 30.8388 27.4363 27.8384 27.4363 27.8384L14.8877 5.08873C14.2044 3.84947 13.2012 2.81617 11.9827 2.09654C10.7642 1.37691 9.37493 0.997295 7.95977 0.997253V0.997253Z'
+    fill='url(#paint1_linear_181_1139)'
+  />
+  <path
+    d='M49.4312 8.1167H52.8256L57.5838 20.1459L62.3916 8.1167H65.764L58.9972 24.2057H55.9555L49.4312 8.1167Z'
+    fill='white'
+  />
+  <path
+    d='M76.2764 24.2057H73.5212V23.2138C72.497 24.0747 71.2002 24.5434 69.8623 24.5363C66.6221 24.5363 64.0212 21.8913 64.0212 18.5864C64.0212 15.2816 66.6221 12.6352 69.8623 12.6352C71.2002 12.6281 72.497 13.0968 73.5212 13.9577V12.9658H76.2764V24.2057ZM70.237 21.8472C71.9783 21.8472 73.3669 20.4366 73.3669 18.5864C73.3669 16.7363 71.9783 15.3243 70.237 15.3243C68.4736 15.3243 67.085 16.7349 67.085 18.5864C67.085 20.4379 68.4736 21.8472 70.237 21.8472Z'
+    fill='white'
+  />
+  <path
+    d='M77.752 12.9658H80.4631V13.7593C81.1519 13.0099 82.2264 12.5911 83.5048 12.5911C86.1222 12.5911 87.9572 14.4426 87.9572 17.1097V24.2057H85.0477V17.5932C85.0477 16.2707 84.1661 15.2788 82.9097 15.2788C82.6154 15.2757 82.3235 15.331 82.0508 15.4415C81.778 15.552 81.5299 15.7156 81.3208 15.9226C81.1117 16.1297 80.9458 16.3761 80.8326 16.6478C80.7194 16.9194 80.6612 17.2108 80.6614 17.505V24.2043H77.752V12.9658Z'
+    fill='white'
+  />
+  <path
+    d='M96.9915 23.831C96.7034 24.0492 96.376 24.2101 96.0272 24.3049C95.604 24.4205 95.1667 24.4762 94.7281 24.4702C93.4497 24.4702 92.4468 24.1249 91.7194 23.4342C90.992 22.7436 90.6283 21.7889 90.6283 20.5702V15.462H89.3279V12.9217H90.6283V8.75726H93.6701V12.9217H95.3452L96.1566 15.462H93.6646L93.6425 20.4655C93.6425 21.3912 94.1568 21.8536 95.1854 21.8527C95.3712 21.8553 95.5566 21.8331 95.7365 21.7866C95.9176 21.734 96.0888 21.6521 96.2434 21.5441L96.9915 23.831Z'
+    fill='white'
+  />
+  <path
+    d='M109.886 24.2057H107.131V23.2138C106.106 24.0747 104.81 24.5434 103.472 24.5363C100.232 24.5363 97.6306 21.8913 97.6306 18.5864C97.6306 15.2816 100.232 12.6352 103.472 12.6352C104.81 12.6281 106.106 13.0968 107.131 13.9577V12.9658H109.886V24.2057ZM103.846 21.8472C105.588 21.8472 106.976 20.4366 106.976 18.5864C106.976 16.7363 105.588 15.3243 103.846 15.3243C102.083 15.3243 100.694 16.7349 100.694 18.5864C100.694 20.4379 102.08 21.8472 103.846 21.8472Z'
+    fill='white'
+  />
+  <path
+    d='M123.218 23.5899C123.218 27.2488 120.751 29.4971 116.761 29.4971C114.695 29.4971 112.766 28.8799 111.389 27.7999L112.755 25.2651C114.012 26.3451 115.312 26.808 116.789 26.808C119.147 26.808 120.469 25.5516 120.469 23.3475V23.1932C119.44 24.045 118.147 24.5126 116.811 24.5157C113.571 24.5157 110.97 21.8707 110.97 18.5658C110.97 15.2816 113.571 12.6421 116.811 12.6421C118.144 12.6374 119.438 13.0972 120.469 13.9426V12.9783H123.224L123.218 23.5899ZM117.18 21.8266C118.921 21.8266 120.31 20.4159 120.31 18.5878C120.31 16.7364 118.921 15.3257 117.18 15.3257C115.417 15.3257 114.028 16.7364 114.028 18.5878C114.028 20.4214 115.417 21.8252 117.18 21.8252V21.8266Z'
+    fill='white'
+  />
+  <path
+    d='M130.668 24.5363C127.009 24.5363 124.32 22.0236 124.32 18.6306C124.32 15.2375 126.965 12.6353 130.36 12.6353C133.666 12.6353 136.067 15.17 136.067 18.4983C136.065 18.8886 136.043 19.2785 136.001 19.6665H127.516C127.803 21.0317 128.927 21.9134 130.602 21.9134C131.748 21.9134 132.562 21.5001 133.378 20.5248L135.694 22.244C134.546 23.7277 132.761 24.5363 130.668 24.5363ZM132.959 17.3522C132.783 16.0737 131.769 15.2141 130.342 15.2141C128.865 15.2141 127.961 16.1178 127.609 17.3522H132.959Z'
+    fill='white'
+  />
+  <defs>
+    <linearGradient
+      id='paint0_linear_181_1139'
+      x1='27.7105'
+      y1='28.8179'
+      x2='37.3813'
+      y2='8.29991'
+      gradientUnits='userSpaceOnUse'
+    >
+      <stop stop-color='#372A56' />
+      <stop offset='0.04' stop-color='#3C2F67' />
+      <stop offset='0.16' stop-color='#483B90' />
+      <stop offset='0.28' stop-color='#5245B1' />
+      <stop offset='0.4' stop-color='#594CCC' />
+      <stop offset='0.52' stop-color='#5F52DE' />
+      <stop offset='0.65' stop-color='#6255E9' />
+      <stop offset='0.79' stop-color='#6356ED' />
+    </linearGradient>
+    <linearGradient
+      id='paint1_linear_181_1139'
+      x1='8.54939'
+      y1='3.00993'
+      x2='24.0019'
+      y2='32.7482'
+      gradientUnits='userSpaceOnUse'
+    >
+      <stop stop-color='#89EFEC' />
+      <stop offset='0.12' stop-color='#85E1EC' />
+      <stop offset='0.34' stop-color='#7CBDEB' />
+      <stop offset='0.64' stop-color='#6D83EB' />
+      <stop offset='0.87' stop-color='#6153EA' />
+    </linearGradient>
+  </defs>
+</svg>

package/static/js/error-suppression.js

@@ -0,0 +1,57 @@
+// Global error suppression for extension and other non-critical errors
+(function() {
+  'use strict';
+  
+  // Suppress console errors from browser extensions
+  const originalConsoleError = console.error;
+  console.error = function(...args) {
+    // Check if error is from browser extension
+    const errorString = args.join(' ');
+    if (errorString.includes('chrome-extension://') || 
+        errorString.includes('moz-extension://') ||
+        errorString.includes('safari-extension://') ||
+        errorString.includes('Failed to initialize messaging') ||
+        errorString.includes('tx_attempts_exceeded') ||
+        errorString.includes('tx_ack_timeout')) {
+      // Silently ignore extension errors
+      return;
+    }
+    
+    // Allow other errors to be logged normally
+    originalConsoleError.apply(console, args);
+  };
+  
+  // Suppress unhandled promise rejections from extensions
+  window.addEventListener('unhandledrejection', function(event) {
+    const errorString = event.reason ? event.reason.toString() : '';
+    if (errorString.includes('chrome-extension://') || 
+        errorString.includes('moz-extension://') ||
+        errorString.includes('safari-extension://') ||
+        errorString.includes('Failed to initialize messaging') ||
+        errorString.includes('tx_attempts_exceeded') ||
+        errorString.includes('tx_ack_timeout')) {
+      // Prevent the error from being displayed
+      event.preventDefault();
+      return;
+    }
+  });
+  
+  // Suppress global errors from extensions
+  window.addEventListener('error', function(event) {
+    const errorString = event.message || '';
+    const sourceString = event.filename || '';
+    
+    if (sourceString.includes('chrome-extension://') || 
+        sourceString.includes('moz-extension://') ||
+        sourceString.includes('safari-extension://') ||
+        errorString.includes('Failed to initialize messaging') ||
+        errorString.includes('tx_attempts_exceeded') ||
+        errorString.includes('tx_ack_timeout')) {
+      // Prevent the error from being displayed
+      event.preventDefault();
+      return;
+    }
+  });
+  
+  console.log('Error suppression initialized - extension errors will be silenced');
+})();