graphql/graphiql ? reverse-engineered prompt

Build me a GraphQL IDE project like GraphiQL, with a clean web app where I can paste a GraphQL endpoint, write queries, run them, and see the results right away. I want the editor to feel smart, with autocomplete, syntax highlighting, validation, and helpful error messages based on the schema, plus a docs panel so I can inspect types and fields while I work.

If it makes sense, also include the supporting editor pieces so the same GraphQL language help can be used in other places like CodeMirror, Monaco, and a VS Code extension. Keep it polished enough to feel like a real open source tool, with a simple demo or example app I can open and try locally. If you need to check the latest docs or patterns, look them up online and use the current recommended approach.