modelsdev 0.11.4

A fast TUI and CLI for browsing AI models, benchmarks, and coding agents
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

---
import { Image } from "astro:assets";
import modelsScreenshot from "@/assets/models-screenshot.png";
import { VERSION } from "@/data/site";
import TerminalChrome from "@/components/TerminalChrome.astro";
---

<section>
  <TerminalChrome label="VIEWPORT: TUI_EMULATION_MODE" class="relative">
    <div class="group relative aspect-video overflow-hidden">
      <Image
        src={modelsScreenshot}
        alt="Models tab showing provider list with RTFO capability indicators and model detail panel"
        class="h-full w-full object-cover"
        loading="eager"
      />
      <div
        class="absolute inset-0 bg-linear-to-t from-(--bg-slate) to-transparent opacity-60"
      >
      </div>
      <div class="absolute bottom-8 left-8">
        <div
          class="mb-2 inline-block bg-(--neon-cyan) px-3 py-1 text-xs font-bold text-slate-900"
          aria-hidden="true"
        >
          LIVE_SYNC
        </div>
        <p class="font-mono text-lg tracking-tighter text-white">
          Terminal User Interface v{VERSION}
        </p>
      </div>
    </div>
  </TerminalChrome>
</section>