fix(data-sources): use official E2B provider logo

apps/landing/src/shared/icons/brands.tsx

@@ -1,4 +1,5 @@
 import { CodexIcon } from "@onequery/ui/icons/codex-icon";
+import { E2BIcon } from "@onequery/ui/icons/e2b-icon";
 import { GoogleSearchConsoleIcon } from "@onequery/ui/icons/google-search-console-icon";
 import { GranolaIcon } from "@onequery/ui/icons/granola-icon";
 import { HermesAgentIcon } from "@onequery/ui/icons/hermes-agent-icon";
@@ -109,33 +110,6 @@ function MotherDuckIcon({ size, ...props }: IconSvgProps) {
   );
 }
 
-function E2BIcon({ size, ...props }: IconSvgProps) {
-  return (
-    <SvgIcon
-      {...props}
-      defaultLabel="E2B"
-      fill="none"
-      size={size}
-      viewBox="0 0 24 24"
-    >
-      <path
-        d="M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v13a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 4 18.5v-13Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-      />
-      <path
-        d="m8 9 3 3-3 3M13 15h3"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-      />
-    </SvgIcon>
-  );
-}
-
 function HermesIcon({ size, ...props }: IconSvgProps) {
   return <HermesAgentIcon {...props} defaultLabel="Hermes Agent" size={size} />;
 }

packages/ui/package.json

@@ -12,6 +12,7 @@
     "./data-sources/provider-icons": "./src/data-sources/provider-icons.tsx",
     "./components/*": "./src/components/ui/*.tsx",
     "./icons/codex-icon": "./src/icons/codex-icon.tsx",
+    "./icons/e2b-icon": "./src/icons/e2b-icon.tsx",
     "./icons/google-search-console-icon": "./src/icons/google-search-console-icon.tsx",
     "./icons/granola-icon": "./src/icons/granola-icon.tsx",
     "./icons/hermes-agent-icon": "./src/icons/hermes-agent-icon.tsx",

packages/ui/src/data-sources/provider-icons.test.tsx

@@ -104,6 +104,18 @@ describe("shared provider icon accessibility", () => {
     expect(markup).toContain("<title>Jam provider</title>");
   });
 
+  it("renders E2B with the official hosted logo", () => {
+    const markup = renderProviderIcon("e2b", {
+      title: "E2B provider",
+    });
+
+    expect(markup).toContain('viewBox="0 0 1117 500"');
+    expect(markup).toContain(
+      'href="https://raw.githubusercontent.com/e2b-dev/E2B/main/readme-assets/logo-black.png"'
+    );
+    expect(markup).toContain("<title>E2B provider</title>");
+  });
+
   it("renders AWS Athena Connector as a monochrome icon", () => {
     const markup = renderProviderIcon("aws_athena_connector");
 

packages/ui/src/data-sources/provider-icons.tsx

@@ -1,9 +1,5 @@
 import type { SourceProviderId } from "@onequery/db/source-providers";
-import {
-  IconDatabase,
-  IconHelpCircle,
-  IconTerminal2,
-} from "@tabler/icons-react";
+import { IconHelpCircle } from "@tabler/icons-react";
 import type { ComponentType } from "react";
 import {
   si1password,
@@ -32,6 +28,7 @@ import {
 } from "simple-icons";
 
 import { CodexIcon } from "../icons/codex-icon";
+import { E2BIcon } from "../icons/e2b-icon";
 import { GoogleSearchConsoleIcon } from "../icons/google-search-console-icon";
 import { GranolaIcon } from "../icons/granola-icon";
 import { HermesAgentIcon } from "../icons/hermes-agent-icon";
@@ -177,41 +174,6 @@ function MotherDuckIcon({ size = 24, ...props }: ProviderIconProps) {
   );
 }
 
-function TablerProviderIcon({
-  "aria-hidden": ariaHidden,
-  "aria-label": ariaLabel,
-  defaultLabel,
-  Icon,
-  role,
-  size = 24,
-  title,
-  ...props
-}: ProviderIconProps & {
-  defaultLabel: string;
-  Icon: typeof IconDatabase;
-}) {
-  const accessibility = resolveSvgIconAccessibility({
-    ariaHidden,
-    ariaLabel,
-    ariaLabelledBy: props["aria-labelledby"],
-    defaultLabel,
-    role,
-    title,
-  });
-
-  return (
-    <Icon
-      {...props}
-      aria-hidden={accessibility.hidden ? true : undefined}
-      aria-label={accessibility.label}
-      aria-labelledby={accessibility.labelledBy}
-      role={accessibility.role}
-      size={size}
-      stroke={2}
-    />
-  );
-}
-
 function HermesIcon(props: ProviderIconProps) {
   return <HermesAgentIcon {...props} defaultLabel="Hermes Agent" />;
 }
@@ -220,12 +182,6 @@ function CodexAppServerApiIcon(props: ProviderIconProps) {
   return <CodexIcon {...props} defaultLabel="Codex App Server API" />;
 }
 
-function E2BIcon(props: ProviderIconProps) {
-  return (
-    <TablerProviderIcon {...props} defaultLabel="E2B" Icon={IconTerminal2} />
-  );
-}
-
 function MicrosoftClarityIcon({ size = 24, ...props }: ProviderIconProps) {
   return (
     <SvgIcon

packages/ui/src/icons/e2b-icon.tsx

@@ -0,0 +1,18 @@
+import { SvgIcon } from "./svg-icon";
+import type { IconSvgProps } from "./svg-icon";
+
+export const E2B_LOGO_URL =
+  "https://raw.githubusercontent.com/e2b-dev/E2B/main/readme-assets/logo-black.png";
+
+export function E2BIcon({ size = 24, ...props }: IconSvgProps) {
+  return (
+    <SvgIcon {...props} defaultLabel="E2B" size={size} viewBox="0 0 1117 500">
+      <image
+        height="500"
+        href={E2B_LOGO_URL}
+        preserveAspectRatio="xMidYMid meet"
+        width="1117"
+      />
+    </SvgIcon>
+  );
+}