trinity-code-reviewer / index.html
Julien Simon
Add Verdicts tab with Linus/Donald/Bjarne opinions
77de2c1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arcee AI Trinity Large Code Review</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<main>
<header class="app-header">
<img src="https://cdn-avatars.huggingface.co/v1/production/uploads/6435718aaaef013d1aec3b8b/GZPnGkfMn8Ino6JbkL4fJ.png" alt="Arcee AI" class="logo">
<div>
<h1>Arcee AI Trinity Large Code Review</h1>
<p class="subtitle">Paste a public GitHub file URL for an AI-powered code review.</p>
</div>
</header>
<nav class="resources">
<a href="https://www.arcee.ai/blog/trinity-large" target="_blank" rel="noopener">Trinity Large Preview blog post</a>
<a href="https://huggingface.co/arcee-ai/Trinity-Large-Preview" target="_blank" rel="noopener">Trinity Large Preview on Hugging Face</a>
<a href="https://openrouter.ai/arcee-ai/trinity-large-preview:free" target="_blank" rel="noopener">Trinity Large Preview on OpenRouter</a>
</nav>
<form id="review-form">
<div class="input-row">
<input
type="url"
id="url-input"
placeholder="https://github.com/owner/repo/blob/main/path/to/file.js"
required
>
<button type="submit" id="submit-btn">Review Code</button>
</div>
<p id="input-error" class="error" hidden></p>
</form>
<section id="samples">
<p class="samples-label">Try a sample:</p>
<div class="samples-grid">
<button class="sample-btn" data-url="https://github.com/torvalds/linux/blob/master/lib/rbtree.c">
<span class="sample-lang">C</span>
<span class="sample-name">Linux Kernel β€” rbtree.c</span>
</button>
<button class="sample-btn" data-url="https://github.com/redis/redis/blob/unstable/src/dict.c">
<span class="sample-lang">C</span>
<span class="sample-name">Redis β€” dict.c</span>
</button>
<button class="sample-btn" data-url="https://github.com/kubernetes/kubernetes/blob/master/pkg/scheduler/schedule_one.go">
<span class="sample-lang">Go</span>
<span class="sample-name">Kubernetes β€” schedule_one.go</span>
</button>
<button class="sample-btn" data-url="https://github.com/golang/go/blob/master/src/runtime/malloc.go">
<span class="sample-lang">Go</span>
<span class="sample-name">Go runtime β€” malloc.go</span>
</button>
<button class="sample-btn" data-url="https://github.com/pytorch/pytorch/blob/main/torch/autograd/function.py">
<span class="sample-lang">Python</span>
<span class="sample-name">PyTorch β€” autograd/function.py</span>
</button>
<button class="sample-btn" data-url="https://github.com/django/django/blob/main/django/db/models/expressions.py">
<span class="sample-lang">Python</span>
<span class="sample-name">Django β€” expressions.py</span>
</button>
<button class="sample-btn" data-url="https://github.com/nodejs/node/blob/main/lib/internal/streams/readable.js">
<span class="sample-lang">JavaScript</span>
<span class="sample-name">Node.js β€” streams/readable.js</span>
</button>
<button class="sample-btn" data-url="https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiber.js">
<span class="sample-lang">JavaScript</span>
<span class="sample-name">React β€” ReactFiber.js</span>
</button>
<button class="sample-btn" data-url="https://github.com/microsoft/TypeScript/blob/main/src/compiler/visitorPublic.ts">
<span class="sample-lang">TypeScript</span>
<span class="sample-name">TypeScript β€” visitorPublic.ts</span>
</button>
<button class="sample-btn" data-url="https://github.com/rails/rails/blob/main/activerecord/lib/active_record/relation/query_methods.rb">
<span class="sample-lang">Ruby</span>
<span class="sample-name">Rails β€” query_methods.rb</span>
</button>
<button class="sample-btn" data-url="https://github.com/ggerganov/llama.cpp/blob/master/src/llama.cpp">
<span class="sample-lang">C++</span>
<span class="sample-name">llama.cpp β€” llama.cpp</span>
</button>
<button class="sample-btn" data-url="https://github.com/ARM-software/optimized-routines/blob/master/string/aarch64/memcpy.S">
<span class="sample-lang">ARM64 ASM</span>
<span class="sample-name">ARM β€” memcpy.S</span>
</button>
<button class="sample-btn" data-url="https://github.com/bminor/glibc/blob/master/sysdeps/x86_64/multiarch/memmove-vec-unaligned-erms.S">
<span class="sample-lang">x86-64 ASM</span>
<span class="sample-name">glibc β€” memmove-vec.S</span>
</button>
</div>
</section>
<div id="meta" hidden>
<span id="meta-repo"></span>
<span id="meta-path"></span>
<span id="meta-branch"></span>
</div>
<div id="tabs" hidden>
<nav class="tab-bar">
<button class="tab active" data-section="summary">Summary</button>
<button class="tab" data-section="quality">Code Quality</button>
<button class="tab" data-section="performance">Performance</button>
<button class="tab" data-section="security">Security</button>
<button class="tab" data-section="suggestions">Suggestions</button>
<button class="tab" data-section="verdicts">Verdicts</button>
</nav>
<div id="tab-content" class="tab-content"></div>
</div>
<div id="stream-error" class="error" hidden></div>
</main>
<script src="https://cdn.jsdelivr.net/npm/dompurify/dist/purify.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="app.js"></script>
</body>
</html>