+ {items.map(({label, href, icon: Icon, imgSrc}) => {
+ const card = (
+
+
+ {Icon &&
}
+ {imgSrc &&

}
+
+
{label}
+
+ );
+ return href
+ ?
{card}
+ :
{card}
;
+ })}
+
+ );
+}
diff --git a/hindsight-docs/src/components/SupportedGrids.tsx b/hindsight-docs/src/components/SupportedGrids.tsx
new file mode 100644
index 00000000..1c5aa2d7
--- /dev/null
+++ b/hindsight-docs/src/components/SupportedGrids.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import type {IconType} from 'react-icons';
+import {IconGrid} from './IconGrid';
+import {SiPython, SiGo, SiOpenai, SiAnthropic, SiGooglegemini, SiOllama, SiCrewai, SiPydantic, SiVercel} from 'react-icons/si';
+import {LuTerminal, LuPlug, LuZap, LuBrainCog, LuSparkles, LuGlobe} from 'react-icons/lu';
+
+const OpenAICompatibleIcon: IconType = ({size = 28, ...props}) => (
+