attio-tui

Your CRM, but make it terminal.

A blazing-fast terminal UI for Attio CRM. Browse companies, people, notes, tasks, and more — all without leaving your terminal. Built with Ink (React for CLIs) and TypeScript.

┌─────────────────────────────────────────────────────────────────────────────┐
│  attio-tui                                                                  │
├──────────────┬──────────────────────────────────────┬───────────────────────┤
│  Navigator   │  Results                             │  Detail               │
│              │                                      │                       │
│  ▸ Companies │  Name          │ Domain    │ Stage  │  ┌─────┬──────┬─────┐ │
│    People    │  ────────────────────────────────    │  │ Sum │ JSON │ SDK │ │
│    Notes     │  ▸ Acme Corp   │ acme.io   │ Lead   │  └─────┴──────┴─────┘ │
│    Tasks     │    Globex      │ globex.co │ Opp    │                       │
│    Meetings  │    Initech     │ inite.ch  │ Won    │  Name: Acme Corp      │
│    Webhooks  │    Hooli       │ hooli.xyz │ Lead   │  Domain: acme.io      │
│              │                                      │  Stage: Lead          │
│              │                                      │  Owner: Jane Doe      │
├──────────────┴──────────────────────────────────────┴───────────────────────┤
│  : command palette  │  hjkl/arrows: navigate  │  Tab: switch pane  │  q: quit│
└─────────────────────────────────────────────────────────────────────────────┘

Features

• Three-pane layout — Navigator, Results, and Detail panes work together seamlessly
• Vim-style navigation — hjkl keys (and arrow keys for the unenlightened)
• Command palette — Press : and start typing. It's like Spotlight, but for your CRM
• Webhook management — Create, edit, and delete webhooks without leaving the terminal
• Customizable columns — Show the fields you care about, hide the ones you don't
• Copy & export — Copy IDs to clipboard, export records as JSON
• Debug panel — See exactly what's happening under the hood (Ctrl+D)

Installation

# npm
npm install --global @hbmartin/attio-tui

# pnpm (recommended)
pnpm add --global @hbmartin/attio-tui

# yarn
yarn global add @hbmartin/attio-tui

Quick Start

# Run it
attio

# First time? You'll be prompted for your Attio API key
# Get one from: Attio → Workspace Settings → Developers → API Keys

That's it. You're in.

Keyboard Shortcuts

Global

Key	Action
q	Quit
Tab / Shift+Tab	Switch between panes
1 / 2 / 3	Jump to Navigator / Results / Detail
:	Open command palette
y	Copy selected item's ID (yank)
Ctrl+O	Open in browser
r / Ctrl+R	Refresh data
Ctrl+D	Toggle debug panel
Escape	Close palette / Go back

Navigation (in lists)

Key	Action
j / ↓	Move down
k / ↑	Move up
h / ←	Go left / back
l / →	Go right / into
Enter / Space	Select
Backspace	Go back

Detail Pane

Key	Action
h / l	Previous / next tab
j / k	Scroll content

Command Palette

Press : to open the command palette, then start typing:

: companies     → Jump to Companies
: people        → Jump to People
: notes         → Jump to Notes
: tasks         → Jump to Tasks
: meetings      → Jump to Meetings
: webhooks      → Jump to Webhooks
: copy          → Copy ID to clipboard
: open          → Open in browser
: export        → Export as JSON
: columns       → Configure visible columns
: refresh       → Refresh current data
: debug         → Toggle debug panel
: quit          → Exit application

Browse Your Data

Companies & People

Browse your custom objects with configurable columns. Search, scroll, and dive into details.

Notes, Tasks & Meetings

Stay on top of your activity stream. View notes, check off tasks, and see upcoming meetings.

Webhooks

Full webhook management without the web UI:

• Create new webhooks with custom URLs and event subscriptions
• Edit existing webhook configurations
• Delete webhooks (with confirmation, we're not monsters)

Configuration

Your config lives at:

• macOS/Linux: ~/.config/attio-tui/
• Windows: %APPDATA%\attio-tui\

Files

File	Purpose
config.json	API key and app settings
columns.json	Per-category column preferences

All configs are validated with Zod on load — no mystery crashes from malformed JSON.

CLI Options

attio --help     # Show help
attio --version  # Show version
attio --debug    # Start with debug panel open

Development

# Clone and install
git clone https://github.com/hbmartin/attio-tui.git
cd attio-tui
pnpm install

# Development mode (watch + rebuild)
pnpm dev

# Build
pnpm build

# Run the built app
node dist/cli.js

# Or link it globally for local testing
pnpm link --global
attio

# Run tests
pnpm test

# Run tests with coverage
pnpm test --coverage

# Lint & format
pnpm lint
pnpm format

# Full verification (format + test + build)
pnpm format && pnpm test && pnpm build

Project Structure

source/
├── app.tsx              # Main app component
├── cli.tsx              # CLI entry point
├── components/          # React components
│   ├── command-palette/ # Command search UI
│   ├── detail/          # Detail pane tabs
│   ├── layout/          # Pane layouts
│   ├── navigator/       # Category sidebar
│   ├── results/         # Data grid
│   └── webhooks/        # Webhook CRUD forms
├── hooks/               # React hooks
├── services/            # API service layer
├── state/               # State management
├── types/               # TypeScript types
└── utils/               # Utilities

Tech Stack

• Ink — React for the terminal
• attio-ts-sdk — Type-safe Attio API client
• Zod — Runtime validation
• Vitest — Testing
• Biome — Linting & formatting

Testing Strategy

• Unit tests — Pure logic with Vitest
• Component tests — Keyboard flows with ink-testing-library
• Integration tests — Real terminal simulation with node-pty

See docs/testing.md for the full testing philosophy.

Debugging

attio-tui provides several debugging affordances for troubleshooting issues and developing the application.

Debug Panel (In-App)

Toggle the debug panel to see real-time diagnostics while using the app:

• Keyboard: Press Ctrl+D to toggle
• Command palette: Type :debug or :toggle debug
• CLI flag: Start with attio --debug to open the panel on launch

The debug panel shows:

Section	Information
Timing	App uptime, last request duration and timestamp
State	Focused pane, active tab, results count, selected index, category, loading states
Requests	Last 5 API requests with status (SUCCESS/ERROR), duration, labels, and error messages

PTY Debug Logging (Process-Level)

For deep diagnostics including terminal issues, raw mode bugs, and CI debugging, enable PTY-level logging:

# Enable PTY debugging with a log file
ATTIO_TUI_PTY_DEBUG=1 ATTIO_TUI_PTY_DEBUG_FILE=/tmp/attio-debug.log attio

# In another terminal, watch the log
tail -f /tmp/attio-debug.log

PTY debug captures:

• Process info: PID, Node version, platform, architecture, CWD
• TTY status: stdin/stdout/stderr TTY state, raw mode, terminal size
• Environment: CI, TERM, TERM_PROGRAM, COLORTERM, NO_COLOR, FORCE_COLOR
• Ink internals: stdout/stdin details, columns/rows
• Lifecycle events: App mount/unmount, render start/end, config initialization
• Exceptions: Uncaught exceptions and unhandled rejections with full stack traces

Accessibility / Screen Reader Mode

Enable screen reader mode for accessible output:

# Explicitly enable
ATTIO_TUI_ACCESSIBLE=1 attio

Auto-detected when TERM_PROGRAM contains: screen-reader, orca, nvda, or jaws.

This mode:

• Disables ASCII art spinners and complex Unicode
• Provides full text descriptions instead of abbreviated labels
• Enables semantic context for screen readers

Environment Variables Reference

Variable	Purpose
ATTIO_TUI_PTY_DEBUG	Enable PTY debug logging (1 or true)
ATTIO_TUI_PTY_DEBUG_FILE	Path for PTY debug log output
ATTIO_TUI_ACCESSIBLE	Force accessibility/screen reader mode
NO_COLOR	Disable color output
FORCE_COLOR	Force color output

stderr Output

Non-fatal errors (config save failures, column save failures) are written to stderr to avoid interfering with the TUI. Redirect stderr to capture:

attio 2>/tmp/attio-errors.log

Troubleshooting

"Command not found" after install

Make sure your global npm/pnpm bin is in your PATH:

# npm
export PATH="$PATH:$(npm config get prefix)/bin"

# pnpm
export PATH="$PATH:$(pnpm config get prefix)/bin"

API key not working

1. Check you're using an API key, not an OAuth token
2. Ensure the key has read access to the data you're trying to view
3. Try regenerating the key in Attio workspace settings

Garbled output

Your terminal might not support the characters we're using. Try:

• Using a modern terminal (iTerm2, Alacritty, Ghostty)
• Setting TERM=xterm-256color

Contributing

Contributions welcome! Please:

1. Fork the repo
2. Create a feature branch
3. Write tests for new functionality
4. Run pnpm format && pnpm test && pnpm build
5. Open a PR

See AGENTS.md for coding guidelines.

License

MIT © Harold Martin