惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Hugging Face - Blog
Hugging Face - Blog
云风的 BLOG
云风的 BLOG
大猫的无限游戏
大猫的无限游戏
M
MIT News - Artificial intelligence
L
LangChain Blog
阮一峰的网络日志
阮一峰的网络日志
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Recent Announcements
Recent Announcements
IT之家
IT之家
Google DeepMind News
Google DeepMind News
罗磊的独立博客
爱范儿
爱范儿
Last Week in AI
Last Week in AI
人人都是产品经理
人人都是产品经理
U
Unit 42
MongoDB | Blog
MongoDB | Blog
S
SegmentFault 最新的问题
B
Blog
博客园 - 叶小钗
月光博客
月光博客
Stack Overflow Blog
Stack Overflow Blog
V
Visual Studio Blog
C
Check Point Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
peektea opens a second eye 👀 side-by-side file previews
Athreya aka Maneshwar · 2026-06-03 · via DEV Community

Hello, I'm Maneshwar. I'm building git-lrc, a Micro AI code reviewer that runs on every commit. It is free and source-available on Github. Star git-lrc to help devs discover the project. Do give it a try and share your feedback.


Last time, I ended with a "what's next" list.

At the top of it:

Image previews inline: render images in the terminal via Kitty/iTerm protocols or chafa

Split-pane file preview: selected file content on the right, so you can peek without leaving

Today both of those ship.

Press p. A preview panel opens on the right. Press p again. It closes.

That's it. That's the whole feature from the outside.

The inside is more interesting.

The preview panel

peektea now renders in two columns when preview is on.

Left: the file browser. Right: whatever's under the cursor.

It handles four cases:

  • Text files: first N lines, tab-expanded, truncated to panel width
  • Images: rendered inline via chafa
  • Directories: lists the contents with the same dir/file styling as the browser
  • Binary files: a [binary file] notice instead of garbage

The preview updates as you navigate.

Move the cursor, a new preview loads.

Navigate into a directory, it previews the new selection.

Async loading with tea.Cmd

The preview can't block the TUI, reading a large file or running chafa takes time.

In Bubble Tea, anything that takes time is a tea.Cmd: a function that runs off the main loop and returns a message when it's done.

type previewMsg struct{ content string }

func loadPreview(path string, entry os.DirEntry, width, height int) tea.Cmd {
    return func() tea.Msg {
        if entry.IsDir() {
            return previewMsg{content: previewDir(path, width, height)}
        }
        if isImageExt(entry.Name()) {
            return previewMsg{content: previewImage(path, width, height)}
        }
        return previewMsg{content: previewText(path, width, height)}
    }
}

Enter fullscreen mode Exit fullscreen mode

The model sets previewLoading = true and fires the command.

The panel shows loading….

When the goroutine finishes, previewMsg comes back through Update and the panel renders the result.

The TUI stays responsive the whole time, you can keep navigating while a slow preview loads.

Image previews via chafa

chafa is a terminal image viewer that converts images into coloured Unicode blocks.

It respects --size WxH so the output fits exactly inside the preview panel.

func previewImage(path string, width, height int) string {
    if _, err := exec.LookPath("chafa"); err != nil {
        return "[image — install chafa for inline preview]"
    }
    out, err := exec.Command("chafa",
        "--size", fmt.Sprintf("%dx%d", width, height),
        path,
    ).Output()
    if err != nil {
        return fmt.Sprintf("[image preview failed: %v]", err)
    }
    return strings.TrimRight(string(out), "\n")
}

Enter fullscreen mode Exit fullscreen mode

If chafa isn't installed, the panel tells you so. No crash, no silent blank.

peektea init now checks for chafa at the end of setup and prints the install command for your distro if it's missing.

Binary detection

Opening a binary file as text gives you noise.

So before reading, peektea checks the first 512 bytes for null bytes, that's the standard heuristic used by git diff and most editors.

func isBinary(path string) bool {
    f, err := os.Open(path)
    if err != nil {
        return false
    }
    defer f.Close()
    buf := make([]byte, 512)
    n, _ := f.Read(buf)
    for _, b := range buf[:n] {
        if b == 0 {
            return true
        }
    }
    return false
}

Enter fullscreen mode Exit fullscreen mode

If it's binary, the preview says [binary file] and moves on.

Terminal size and the adaptive left panel

To split the screen correctly, peektea needs to know how big it is.

Bubble Tea sends a tea.WindowSizeMsg whenever the terminal is resized.

The model stores width and height and uses them to calculate panel dimensions on every render.

case tea.WindowSizeMsg:
    m.width = msg.Width
    m.height = msg.Height

Enter fullscreen mode Exit fullscreen mode

The left panel width isn't fixed, it starts at a minimum of 50 chars and then expands to fit the longest filename in the current directory:

func (m model) leftWidth() int {
    const minWidth = 50
    w := minWidth
    for _, e := range m.entries {
        nameW := 2 + len([]rune(e.Name()))
        if e.IsDir() {
            nameW++
        }
        if nameW > w {
            w = nameW
        }
    }
    // Always leave at least 30 chars for the preview panel.
    if max := m.width - 32; w > max {
        w = max
    }
    return w
}

Enter fullscreen mode Exit fullscreen mode

Navigate into a directory with long filenames and the left panel widens to accommodate. Navigate out and it shrinks back.

The preview panel takes whatever's left.

The hint bar

One last small thing: the hint bar at the bottom of the left panel is pinned to the very last row of the terminal, not floating just below the last entry.

The panel counts how many lines the file list consumed and fills the gap with blank lines so the hint always sits at the floor.

Feels more like a proper pane and less like text that happened to end there.

What's next

The list is getting shorter:

  • Image previews inline
  • Split-pane file preview
  • Filter as you type — Bubble Tea's textinput component from bubbles is sitting there waiting
  • Hidden file toggle — show/hide dotfiles

The model grows, Update handles new keys, View renders the new state.

That's still the whole pattern. It still scales. The puns still never run dry.

AI agents write code fast. They also silently remove logic, change behavior, and introduce bugs — without telling you. You often find out in production.

git-lrc fixes this. It hooks into git commit and reviews every diff before it lands. 60-second setup. Completely free.

Any feedback or contributors are welcome! It's online, source-available, and ready for anyone to use.

⭐ Star it on GitHub:


AI agents write code fast. They also silently remove logic, change behavior, and introduce bugs -- without telling you. You often find out in production.

git-lrc fixes this. It hooks into git commit and reviews every diff before it lands. 60-second setup. Completely free.

See It In Action

See git-lrc catch serious security issues such as leaked credentials, expensive cloud operations, and sensitive material in log statements

git-lrc-intro-60s.mp4

Why

  • 🤖 AI agents silently break things. Code removed. Logic changed. Edge cases gone. You won't notice until production.
  • 🔍 Catch it before it ships. AI-powered inline comments show you exactly what changed and what looks wrong.
  • 🔁 Build a