- Introduce comprehensive CSS variable token system with RGB color values for better opacity handling - Add terminal-based component variants (bg, border, text, spacing) - Implement hard-corner component language (border-radius: 0 globally enforced) - Add research-specific design tokens for workspace components - Introduce status-aware color tokens (info, success, error, warning) - Add Tailwind v4 integration with @theme inline configuration - Create new terminal components: TerminalBadge, TerminalCard, TerminalInput - Improve mobile responsiveness with touch-friendly targets (44px min) and better spacing - Enhance accessibility with improved focus states and keyboard navigation - Add comprehensive responsive breakpoints (xs, sm, md, lg) - Maintain backward compatibility with legacy CSS variable aliases - Update all existing components to use new design tokens This establishes a cohesive design foundation that unifies the terminal, research, and panel components under a single linear token system while maintaining the application's distinct technical aesthetic. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Tauri + React + Typescript
This template should help get you started developing with Tauri, React and Typescript in Vite.
Documentation
Local-First News
The news runtime lives in src-tauri/src/news/ and stores feed state plus articles in a local SQLite database under the app data directory. Reads are local-first: the UI and /news terminal command render cached articles immediately, while refreshes update the local cache in the background.
Frontend example:
import { useNewsFeed } from './src/news';
const { articles, refresh, toggleSaved, markRead } = useNewsFeed({
onlyHighlighted: true,
limit: 20,
});
Terminal usage:
/news
/news NVDA
/news never fetches the network at read time. It filters articles already persisted in the local news database.