Fix React import issue (again)

Author: willwashburn

CHANGELOG.md

@@ -7,11 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
-## [0.6.1] - 2026-01-02
+## [0.6.2] - 2026-01-02
 
 ### Fixed
 
-- "React is not defined" error on global npm installs. The published package didn't include tsconfig.json, so Bun couldn't read jsxImportSource and the JSX pragma was ignored. Added explicit React import as a bulletproof fix.
+- "React is not defined" error on global npm installs. The published package doesn't include tsconfig.json, so Bun can't read jsxImportSource and falls back to classic JSX transform. Added explicit React imports to all TSX files.
 
 ## [0.6.0] - 2026-01-02
 
@@ -87,8 +87,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Standalone binary builds for macOS (arm64 and x64)
 - npm package distribution
 
-[Unreleased]: https://github.com/AgentWorkforce/limit/compare/v0.6.1...HEAD
-[0.6.1]: https://github.com/AgentWorkforce/limit/compare/v0.6.0...v0.6.1
+[Unreleased]: https://github.com/AgentWorkforce/limit/compare/v0.6.2...HEAD
+[0.6.2]: https://github.com/AgentWorkforce/limit/compare/v0.6.0...v0.6.2
 [0.6.0]: https://github.com/AgentWorkforce/limit/compare/v0.5.1...v0.6.0
 [0.5.1]: https://github.com/AgentWorkforce/limit/compare/v0.5.0...v0.5.1
 [0.5.0]: https://github.com/AgentWorkforce/limit/compare/v0.4.1...v0.5.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-limit",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "description": "Terminal dashboard to monitor Claude Code, Codex, and other agent usage limits",
   "type": "module",
   "main": "src/index.tsx",

src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useCallback } from "react";
+import React, { useEffect, useState, useCallback } from "react";
 import { useKeyboard } from "@opentui/react";
 import { Header, Footer, Dashboard } from "./components";
 import { fetchAllProviders, type ProviderStatus } from "./providers";

src/components/Dashboard.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ProviderStatus } from "../providers/types";
 import { ProviderCard } from "./ProviderCard";
 

src/components/Footer.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 export function Footer() {
   return (
     <box

src/components/Header.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+
 interface HeaderProps {
   lastRefresh: Date | null;
   isLoading: boolean;

src/components/ProgressBar.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { getUsageColor } from "../utils/colors";
 
 interface ProgressBarProps {

src/components/ProviderCard.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ProviderStatus } from "../providers/types";
 import { PROVIDER_COLORS, getStatusColor } from "../utils/colors";
 import { ProgressBar } from "./ProgressBar";

src/index.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 import { App } from "./App";