ai-speedometer 2.0.3 → 2.0.5

package/dist/ai-speedometer

@@ -1,22 +1,6 @@
 #!/usr/bin/env bun
 // @bun
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, {
@@ -1490,61 +1474,85 @@ var getXDGPaths = () => ({
   }
   return merged;
 }, getOpencodeGlobalConfigProviders = async () => {
+  return getAuthenticatedProviders();
+}, getAuthenticatedProviders = async () => {
   try {
-    const globalConfig = readOpencodeGlobalConfig();
-    if (!globalConfig.provider || Object.keys(globalConfig.provider).length === 0)
-      return [];
-    const allModelsDevProviders = await getAllProviders();
-    const result = [];
-    for (const [providerId, entry] of Object.entries(globalConfig.provider)) {
-      const apiKey = entry.options?.apiKey;
-      if (!apiKey)
-        continue;
-      const mdProvider = allModelsDevProviders.find((p) => p.id === providerId);
-      let models = [];
-      if (entry.models && Object.keys(entry.models).length > 0) {
-        models = Object.entries(entry.models).map(([modelKey, m]) => ({
-          id: `${providerId}_${m.id ?? modelKey}`,
-          name: m.name ?? m.id ?? modelKey
-        }));
-      } else if (mdProvider) {
-        models = mdProvider.models.map((m) => ({ id: `${providerId}_${m.id}`, name: m.name }));
+    const [allModelsDevProviders, authData, globalConfig] = await Promise.all([
+      getAllProviders(),
+      readAuthJson(),
+      Promise.resolve(readOpencodeGlobalConfig())
+    ]);
+    const database = new Map;
+    for (const mdProvider of allModelsDevProviders) {
+      const modelMap = new Map;
+      for (const m of mdProvider.models) {
+        modelMap.set(`${mdProvider.id}_${m.id}`, { id: `${mdProvider.id}_${m.id}`, name: m.name });
       }
-      const npm = entry.npm ?? mdProvider?.type;
-      const type = npm?.includes("anthropic") ? "anthropic" : mdProvider?.type ?? "openai-compatible";
-      result.push({
-        id: providerId,
-        name: entry.name ?? mdProvider?.name ?? providerId,
-        type,
-        baseUrl: entry.options?.baseURL ?? entry.api ?? mdProvider?.baseUrl ?? "",
-        apiKey,
-        models
+      database.set(mdProvider.id, {
+        id: mdProvider.id,
+        name: mdProvider.name,
+        type: mdProvider.type,
+        baseUrl: mdProvider.baseUrl,
+        models: modelMap
       });
     }
-    return result;
-  } catch (error) {
-    console.warn("Warning: Could not load opencode global config providers:", error.message);
-    return [];
-  }
-}, getAuthenticatedProviders = async () => {
-  const authData = await readAuthJson();
-  const allProviders = await getAllProviders();
-  const authenticatedProviders = [];
-  for (const [providerId, authInfo] of Object.entries(authData)) {
-    const providerInfo = allProviders.find((p) => p.id === providerId);
-    if (providerInfo && authInfo.type === "api" && authInfo.key) {
-      const models = await getModelsForProvider(providerId);
-      authenticatedProviders.push({
-        id: providerId,
-        name: providerInfo.name,
-        type: providerInfo.type,
-        baseUrl: providerInfo.baseUrl,
+    for (const [providerID, entry] of Object.entries(globalConfig.provider ?? {})) {
+      const existing = database.get(providerID);
+      const modelMap = existing ? new Map(existing.models) : new Map;
+      for (const [modelKey, m] of Object.entries(entry.models ?? {})) {
+        const resolvedId = `${providerID}_${m.id ?? modelKey}`;
+        modelMap.set(resolvedId, { id: resolvedId, name: m.name ?? m.id ?? modelKey });
+      }
+      database.set(providerID, {
+        id: providerID,
+        name: entry.name ?? existing?.name ?? providerID,
+        type: existing?.type ?? "openai-compatible",
+        baseUrl: entry.options?.baseURL ?? entry.api ?? existing?.baseUrl ?? "",
+        models: modelMap,
+        npm: entry.npm
+      });
+    }
+    const providerMap = new Map;
+    for (const [providerID, authInfo] of Object.entries(authData)) {
+      if (authInfo.type !== "api" || !authInfo.key)
+        continue;
+      const dbEntry = database.get(providerID);
+      if (!dbEntry)
+        continue;
+      const configEntry = globalConfig.provider?.[providerID];
+      const npm = dbEntry.npm ?? configEntry?.npm;
+      const type = npm?.includes("anthropic") ? "anthropic" : dbEntry.type;
+      providerMap.set(providerID, {
+        id: providerID,
+        name: dbEntry.name,
+        type,
+        baseUrl: dbEntry.baseUrl,
         apiKey: authInfo.key,
-        models: models.map((model) => ({ name: model.name, id: `${providerId}_${model.id}` }))
+        models: Array.from(dbEntry.models.values())
       });
     }
+    for (const [providerID, entry] of Object.entries(globalConfig.provider ?? {})) {
+      if (!entry.options?.apiKey)
+        continue;
+      const dbEntry = database.get(providerID);
+      if (!dbEntry)
+        continue;
+      const npm = dbEntry.npm ?? entry.npm;
+      const type = npm?.includes("anthropic") ? "anthropic" : dbEntry.type;
+      providerMap.set(providerID, {
+        id: providerID,
+        name: dbEntry.name,
+        type,
+        baseUrl: dbEntry.baseUrl,
+        apiKey: entry.options.apiKey,
+        models: Array.from(dbEntry.models.values())
+      });
+    }
+    return Array.from(providerMap.values());
+  } catch (error) {
+    console.warn("Warning: Could not load providers:", error.message);
+    return [];
   }
-  return authenticatedProviders;
 }, getCustomProviders = async () => [], verifyProvider = async (providerId) => {
   try {
     const allProviders = await getAllProviders();
@@ -1565,7 +1573,7 @@ var getXDGPaths = () => ({
   }
   return true;
 }, getAllAvailableProviders = async (includeAllProviders = false) => {
-  const [authenticatedProviders, customProvidersFromConfig, customVerifiedProviders, opencodeGlobalProviders] = await Promise.all([
+  const [opencodeProviders, customProvidersFromConfig, customVerifiedProviders] = await Promise.all([
     getAuthenticatedProviders(),
     (async () => {
       try {
@@ -1582,18 +1590,16 @@ var getXDGPaths = () => ({
         console.warn("Warning: Could not load custom verified providers:", error.message);
         return [];
       }
-    })(),
-    getOpencodeGlobalConfigProviders()
+    })()
   ]);
   const providerMap = new Map;
   customVerifiedProviders.forEach((p) => providerMap.set(p.id, p));
-  opencodeGlobalProviders.forEach((p) => providerMap.set(p.id, p));
+  opencodeProviders.forEach((p) => providerMap.set(p.id, p));
   customProvidersFromConfig.forEach((p) => providerMap.set(p.id, p));
-  authenticatedProviders.forEach((p) => providerMap.set(p.id, p));
   if (includeAllProviders) {
     try {
       const allModelsDevProviders = await getAllProviders();
-      const authenticatedIds = new Set(authenticatedProviders.map((p) => p.id));
+      const authenticatedIds = new Set(opencodeProviders.map((p) => p.id));
       const customIds = new Set(customProvidersFromConfig.map((p) => p.id));
       const customVerifiedIds = new Set(customVerifiedProviders.map((p) => p.id));
       allModelsDevProviders.forEach((provider) => {
@@ -2049,838 +2055,8 @@ var init_headless = __esm(() => {
   init_benchmark();
 });
 
-// node_modules/react/cjs/react.development.js
-var require_react_development = __commonJS((exports, module) => {
-  (function() {
-    function defineDeprecationWarning(methodName, info) {
-      Object.defineProperty(Component.prototype, methodName, {
-        get: function() {
-          console.warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
-        }
-      });
-    }
-    function getIteratorFn(maybeIterable) {
-      if (maybeIterable === null || typeof maybeIterable !== "object")
-        return null;
-      maybeIterable = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable["@@iterator"];
-      return typeof maybeIterable === "function" ? maybeIterable : null;
-    }
-    function warnNoop(publicInstance, callerName) {
-      publicInstance = (publicInstance = publicInstance.constructor) && (publicInstance.displayName || publicInstance.name) || "ReactClass";
-      var warningKey = publicInstance + "." + callerName;
-      didWarnStateUpdateForUnmountedComponent[warningKey] || (console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", callerName, publicInstance), didWarnStateUpdateForUnmountedComponent[warningKey] = true);
-    }
-    function Component(props, context, updater) {
-      this.props = props;
-      this.context = context;
-      this.refs = emptyObject;
-      this.updater = updater || ReactNoopUpdateQueue;
-    }
-    function ComponentDummy() {}
-    function PureComponent(props, context, updater) {
-      this.props = props;
-      this.context = context;
-      this.refs = emptyObject;
-      this.updater = updater || ReactNoopUpdateQueue;
-    }
-    function noop() {}
-    function testStringCoercion(value) {
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      try {
-        testStringCoercion(value);
-        var JSCompiler_inline_result = false;
-      } catch (e) {
-        JSCompiler_inline_result = true;
-      }
-      if (JSCompiler_inline_result) {
-        JSCompiler_inline_result = console;
-        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-        var JSCompiler_inline_result$jscomp$0 = typeof Symbol === "function" && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-        JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
-        return testStringCoercion(value);
-      }
-    }
-    function getComponentNameFromType(type) {
-      if (type == null)
-        return null;
-      if (typeof type === "function")
-        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-      if (typeof type === "string")
-        return type;
-      switch (type) {
-        case REACT_FRAGMENT_TYPE:
-          return "Fragment";
-        case REACT_PROFILER_TYPE:
-          return "Profiler";
-        case REACT_STRICT_MODE_TYPE:
-          return "StrictMode";
-        case REACT_SUSPENSE_TYPE:
-          return "Suspense";
-        case REACT_SUSPENSE_LIST_TYPE:
-          return "SuspenseList";
-        case REACT_ACTIVITY_TYPE:
-          return "Activity";
-      }
-      if (typeof type === "object")
-        switch (typeof type.tag === "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
-          case REACT_PORTAL_TYPE:
-            return "Portal";
-          case REACT_CONTEXT_TYPE:
-            return type.displayName || "Context";
-          case REACT_CONSUMER_TYPE:
-            return (type._context.displayName || "Context") + ".Consumer";
-          case REACT_FORWARD_REF_TYPE:
-            var innerType = type.render;
-            type = type.displayName;
-            type || (type = innerType.displayName || innerType.name || "", type = type !== "" ? "ForwardRef(" + type + ")" : "ForwardRef");
-            return type;
-          case REACT_MEMO_TYPE:
-            return innerType = type.displayName || null, innerType !== null ? innerType : getComponentNameFromType(type.type) || "Memo";
-          case REACT_LAZY_TYPE:
-            innerType = type._payload;
-            type = type._init;
-            try {
-              return getComponentNameFromType(type(innerType));
-            } catch (x) {}
-        }
-      return null;
-    }
-    function getTaskName(type) {
-      if (type === REACT_FRAGMENT_TYPE)
-        return "<>";
-      if (typeof type === "object" && type !== null && type.$$typeof === REACT_LAZY_TYPE)
-        return "<...>";
-      try {
-        var name = getComponentNameFromType(type);
-        return name ? "<" + name + ">" : "<...>";
-      } catch (x) {
-        return "<...>";
-      }
-    }
-    function getOwner() {
-      var dispatcher = ReactSharedInternals.A;
-      return dispatcher === null ? null : dispatcher.getOwner();
-    }
-    function UnknownOwner() {
-      return Error("react-stack-top-frame");
-    }
-    function hasValidKey(config) {
-      if (hasOwnProperty.call(config, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-        if (getter && getter.isReactWarning)
-          return false;
-      }
-      return config.key !== undefined;
-    }
-    function defineKeyPropWarningGetter(props, displayName) {
-      function warnAboutAccessingKey() {
-        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", displayName));
-      }
-      warnAboutAccessingKey.isReactWarning = true;
-      Object.defineProperty(props, "key", {
-        get: warnAboutAccessingKey,
-        configurable: true
-      });
-    }
-    function elementRefGetterWithDeprecationWarning() {
-      var componentName = getComponentNameFromType(this.type);
-      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."));
-      componentName = this.props.ref;
-      return componentName !== undefined ? componentName : null;
-    }
-    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-      var refProp = props.ref;
-      type = {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type,
-        key,
-        props,
-        _owner: owner
-      };
-      (refProp !== undefined ? refProp : null) !== null ? Object.defineProperty(type, "ref", {
-        enumerable: false,
-        get: elementRefGetterWithDeprecationWarning
-      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-      type._store = {};
-      Object.defineProperty(type._store, "validated", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: 0
-      });
-      Object.defineProperty(type, "_debugInfo", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: null
-      });
-      Object.defineProperty(type, "_debugStack", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack
-      });
-      Object.defineProperty(type, "_debugTask", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask
-      });
-      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-      return type;
-    }
-    function cloneAndReplaceKey(oldElement, newKey) {
-      newKey = ReactElement(oldElement.type, newKey, oldElement.props, oldElement._owner, oldElement._debugStack, oldElement._debugTask);
-      oldElement._store && (newKey._store.validated = oldElement._store.validated);
-      return newKey;
-    }
-    function validateChildKeys(node) {
-      isValidElement(node) ? node._store && (node._store.validated = 1) : typeof node === "object" && node !== null && node.$$typeof === REACT_LAZY_TYPE && (node._payload.status === "fulfilled" ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
-    }
-    function isValidElement(object) {
-      return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function escape(key) {
-      var escaperLookup = { "=": "=0", ":": "=2" };
-      return "$" + key.replace(/[=:]/g, function(match) {
-        return escaperLookup[match];
-      });
-    }
-    function getElementKey(element, index) {
-      return typeof element === "object" && element !== null && element.key != null ? (checkKeyStringCoercion(element.key), escape("" + element.key)) : index.toString(36);
-    }
-    function resolveThenable(thenable) {
-      switch (thenable.status) {
-        case "fulfilled":
-          return thenable.value;
-        case "rejected":
-          throw thenable.reason;
-        default:
-          switch (typeof thenable.status === "string" ? thenable.then(noop, noop) : (thenable.status = "pending", thenable.then(function(fulfilledValue) {
-            thenable.status === "pending" && (thenable.status = "fulfilled", thenable.value = fulfilledValue);
-          }, function(error) {
-            thenable.status === "pending" && (thenable.status = "rejected", thenable.reason = error);
-          })), thenable.status) {
-            case "fulfilled":
-              return thenable.value;
-            case "rejected":
-              throw thenable.reason;
-          }
-      }
-      throw thenable;
-    }
-    function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
-      var type = typeof children;
-      if (type === "undefined" || type === "boolean")
-        children = null;
-      var invokeCallback = false;
-      if (children === null)
-        invokeCallback = true;
-      else
-        switch (type) {
-          case "bigint":
-          case "string":
-          case "number":
-            invokeCallback = true;
-            break;
-          case "object":
-            switch (children.$$typeof) {
-              case REACT_ELEMENT_TYPE:
-              case REACT_PORTAL_TYPE:
-                invokeCallback = true;
-                break;
-              case REACT_LAZY_TYPE:
-                return invokeCallback = children._init, mapIntoArray(invokeCallback(children._payload), array, escapedPrefix, nameSoFar, callback);
-            }
-        }
-      if (invokeCallback) {
-        invokeCallback = children;
-        callback = callback(invokeCallback);
-        var childKey = nameSoFar === "" ? "." + getElementKey(invokeCallback, 0) : nameSoFar;
-        isArrayImpl(callback) ? (escapedPrefix = "", childKey != null && (escapedPrefix = childKey.replace(userProvidedKeyEscapeRegex, "$&/") + "/"), mapIntoArray(callback, array, escapedPrefix, "", function(c) {
-          return c;
-        })) : callback != null && (isValidElement(callback) && (callback.key != null && (invokeCallback && invokeCallback.key === callback.key || checkKeyStringCoercion(callback.key)), escapedPrefix = cloneAndReplaceKey(callback, escapedPrefix + (callback.key == null || invokeCallback && invokeCallback.key === callback.key ? "" : ("" + callback.key).replace(userProvidedKeyEscapeRegex, "$&/") + "/") + childKey), nameSoFar !== "" && invokeCallback != null && isValidElement(invokeCallback) && invokeCallback.key == null && invokeCallback._store && !invokeCallback._store.validated && (escapedPrefix._store.validated = 2), callback = escapedPrefix), array.push(callback));
-        return 1;
-      }
-      invokeCallback = 0;
-      childKey = nameSoFar === "" ? "." : nameSoFar + ":";
-      if (isArrayImpl(children))
-        for (var i = 0;i < children.length; i++)
-          nameSoFar = children[i], type = childKey + getElementKey(nameSoFar, i), invokeCallback += mapIntoArray(nameSoFar, array, escapedPrefix, type, callback);
-      else if (i = getIteratorFn(children), typeof i === "function")
-        for (i === children.entries && (didWarnAboutMaps || console.warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), didWarnAboutMaps = true), children = i.call(children), i = 0;!(nameSoFar = children.next()).done; )
-          nameSoFar = nameSoFar.value, type = childKey + getElementKey(nameSoFar, i++), invokeCallback += mapIntoArray(nameSoFar, array, escapedPrefix, type, callback);
-      else if (type === "object") {
-        if (typeof children.then === "function")
-          return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
-        array = String(children);
-        throw Error("Objects are not valid as a React child (found: " + (array === "[object Object]" ? "object with keys {" + Object.keys(children).join(", ") + "}" : array) + "). If you meant to render a collection of children, use an array instead.");
-      }
-      return invokeCallback;
-    }
-    function mapChildren(children, func, context) {
-      if (children == null)
-        return children;
-      var result = [], count = 0;
-      mapIntoArray(children, result, "", "", function(child) {
-        return func.call(context, child, count++);
-      });
-      return result;
-    }
-    function lazyInitializer(payload) {
-      if (payload._status === -1) {
-        var ioInfo = payload._ioInfo;
-        ioInfo != null && (ioInfo.start = ioInfo.end = performance.now());
-        ioInfo = payload._result;
-        var thenable = ioInfo();
-        thenable.then(function(moduleObject) {
-          if (payload._status === 0 || payload._status === -1) {
-            payload._status = 1;
-            payload._result = moduleObject;
-            var _ioInfo = payload._ioInfo;
-            _ioInfo != null && (_ioInfo.end = performance.now());
-            thenable.status === undefined && (thenable.status = "fulfilled", thenable.value = moduleObject);
-          }
-        }, function(error) {
-          if (payload._status === 0 || payload._status === -1) {
-            payload._status = 2;
-            payload._result = error;
-            var _ioInfo2 = payload._ioInfo;
-            _ioInfo2 != null && (_ioInfo2.end = performance.now());
-            thenable.status === undefined && (thenable.status = "rejected", thenable.reason = error);
-          }
-        });
-        ioInfo = payload._ioInfo;
-        if (ioInfo != null) {
-          ioInfo.value = thenable;
-          var displayName = thenable.displayName;
-          typeof displayName === "string" && (ioInfo.name = displayName);
-        }
-        payload._status === -1 && (payload._status = 0, payload._result = thenable);
-      }
-      if (payload._status === 1)
-        return ioInfo = payload._result, ioInfo === undefined && console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))
-
-Did you accidentally put curly braces around the import?`, ioInfo), "default" in ioInfo || console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`, ioInfo), ioInfo.default;
-      throw payload._result;
-    }
-    function resolveDispatcher() {
-      var dispatcher = ReactSharedInternals.H;
-      dispatcher === null && console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`);
-      return dispatcher;
-    }
-    function releaseAsyncTransition() {
-      ReactSharedInternals.asyncTransitions--;
-    }
-    function enqueueTask(task) {
-      if (enqueueTaskImpl === null)
-        try {
-          var requireString = ("require" + Math.random()).slice(0, 7);
-          enqueueTaskImpl = (module && module[requireString]).call(module, "timers").setImmediate;
-        } catch (_err) {
-          enqueueTaskImpl = function(callback) {
-            didWarnAboutMessageChannel === false && (didWarnAboutMessageChannel = true, typeof MessageChannel === "undefined" && console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
-            var channel = new MessageChannel;
-            channel.port1.onmessage = callback;
-            channel.port2.postMessage(undefined);
-          };
-        }
-      return enqueueTaskImpl(task);
-    }
-    function aggregateErrors(errors) {
-      return 1 < errors.length && typeof AggregateError === "function" ? new AggregateError(errors) : errors[0];
-    }
-    function popActScope(prevActQueue, prevActScopeDepth) {
-      prevActScopeDepth !== actScopeDepth - 1 && console.error("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. ");
-      actScopeDepth = prevActScopeDepth;
-    }
-    function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
-      var queue = ReactSharedInternals.actQueue;
-      if (queue !== null)
-        if (queue.length !== 0)
-          try {
-            flushActQueue(queue);
-            enqueueTask(function() {
-              return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
-            });
-            return;
-          } catch (error) {
-            ReactSharedInternals.thrownErrors.push(error);
-          }
-        else
-          ReactSharedInternals.actQueue = null;
-      0 < ReactSharedInternals.thrownErrors.length ? (queue = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(queue)) : resolve(returnValue);
-    }
-    function flushActQueue(queue) {
-      if (!isFlushing) {
-        isFlushing = true;
-        var i = 0;
-        try {
-          for (;i < queue.length; i++) {
-            var callback = queue[i];
-            do {
-              ReactSharedInternals.didUsePromise = false;
-              var continuation = callback(false);
-              if (continuation !== null) {
-                if (ReactSharedInternals.didUsePromise) {
-                  queue[i] = callback;
-                  queue.splice(0, i);
-                  return;
-                }
-                callback = continuation;
-              } else
-                break;
-            } while (1);
-          }
-          queue.length = 0;
-        } catch (error) {
-          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
-        } finally {
-          isFlushing = false;
-        }
-      }
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, didWarnStateUpdateForUnmountedComponent = {}, ReactNoopUpdateQueue = {
-      isMounted: function() {
-        return false;
-      },
-      enqueueForceUpdate: function(publicInstance) {
-        warnNoop(publicInstance, "forceUpdate");
-      },
-      enqueueReplaceState: function(publicInstance) {
-        warnNoop(publicInstance, "replaceState");
-      },
-      enqueueSetState: function(publicInstance) {
-        warnNoop(publicInstance, "setState");
-      }
-    }, assign = Object.assign, emptyObject = {};
-    Object.freeze(emptyObject);
-    Component.prototype.isReactComponent = {};
-    Component.prototype.setState = function(partialState, callback) {
-      if (typeof partialState !== "object" && typeof partialState !== "function" && partialState != null)
-        throw Error("takes an object of state variables to update or a function which returns an object of state variables.");
-      this.updater.enqueueSetState(this, partialState, callback, "setState");
-    };
-    Component.prototype.forceUpdate = function(callback) {
-      this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
-    };
-    var deprecatedAPIs = {
-      isMounted: [
-        "isMounted",
-        "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
-      ],
-      replaceState: [
-        "replaceState",
-        "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
-      ]
-    };
-    for (fnName in deprecatedAPIs)
-      deprecatedAPIs.hasOwnProperty(fnName) && defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
-    ComponentDummy.prototype = Component.prototype;
-    deprecatedAPIs = PureComponent.prototype = new ComponentDummy;
-    deprecatedAPIs.constructor = PureComponent;
-    assign(deprecatedAPIs, Component.prototype);
-    deprecatedAPIs.isPureReactComponent = true;
-    var isArrayImpl = Array.isArray, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = {
-      H: null,
-      A: null,
-      T: null,
-      S: null,
-      actQueue: null,
-      asyncTransitions: 0,
-      isBatchingLegacy: false,
-      didScheduleLegacyUpdate: false,
-      didUsePromise: false,
-      thrownErrors: [],
-      getCurrentStack: null,
-      recentlyCreatedOwnerStacks: 0
-    }, hasOwnProperty = Object.prototype.hasOwnProperty, createTask = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    deprecatedAPIs = {
-      react_stack_bottom_frame: function(callStackForError) {
-        return callStackForError();
-      }
-    };
-    var specialPropKeyWarningShown, didWarnAboutOldJSXRuntime;
-    var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = deprecatedAPIs.react_stack_bottom_frame.bind(deprecatedAPIs, UnknownOwner)();
-    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    var didWarnAboutMaps = false, userProvidedKeyEscapeRegex = /\/+/g, reportGlobalError = typeof reportError === "function" ? reportError : function(error) {
-      if (typeof window === "object" && typeof window.ErrorEvent === "function") {
-        var event = new window.ErrorEvent("error", {
-          bubbles: true,
-          cancelable: true,
-          message: typeof error === "object" && error !== null && typeof error.message === "string" ? String(error.message) : String(error),
-          error
-        });
-        if (!window.dispatchEvent(event))
-          return;
-      } else if (typeof process === "object" && typeof process.emit === "function") {
-        process.emit("uncaughtException", error);
-        return;
-      }
-      console.error(error);
-    }, didWarnAboutMessageChannel = false, enqueueTaskImpl = null, actScopeDepth = 0, didWarnNoAwaitAct = false, isFlushing = false, queueSeveralMicrotasks = typeof queueMicrotask === "function" ? function(callback) {
-      queueMicrotask(function() {
-        return queueMicrotask(callback);
-      });
-    } : enqueueTask;
-    deprecatedAPIs = Object.freeze({
-      __proto__: null,
-      c: function(size) {
-        return resolveDispatcher().useMemoCache(size);
-      }
-    });
-    var fnName = {
-      map: mapChildren,
-      forEach: function(children, forEachFunc, forEachContext) {
-        mapChildren(children, function() {
-          forEachFunc.apply(this, arguments);
-        }, forEachContext);
-      },
-      count: function(children) {
-        var n = 0;
-        mapChildren(children, function() {
-          n++;
-        });
-        return n;
-      },
-      toArray: function(children) {
-        return mapChildren(children, function(child) {
-          return child;
-        }) || [];
-      },
-      only: function(children) {
-        if (!isValidElement(children))
-          throw Error("React.Children.only expected to receive a single React element child.");
-        return children;
-      }
-    };
-    exports.Activity = REACT_ACTIVITY_TYPE;
-    exports.Children = fnName;
-    exports.Component = Component;
-    exports.Fragment = REACT_FRAGMENT_TYPE;
-    exports.Profiler = REACT_PROFILER_TYPE;
-    exports.PureComponent = PureComponent;
-    exports.StrictMode = REACT_STRICT_MODE_TYPE;
-    exports.Suspense = REACT_SUSPENSE_TYPE;
-    exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = ReactSharedInternals;
-    exports.__COMPILER_RUNTIME = deprecatedAPIs;
-    exports.act = function(callback) {
-      var prevActQueue = ReactSharedInternals.actQueue, prevActScopeDepth = actScopeDepth;
-      actScopeDepth++;
-      var queue = ReactSharedInternals.actQueue = prevActQueue !== null ? prevActQueue : [], didAwaitActCall = false;
-      try {
-        var result = callback();
-      } catch (error) {
-        ReactSharedInternals.thrownErrors.push(error);
-      }
-      if (0 < ReactSharedInternals.thrownErrors.length)
-        throw popActScope(prevActQueue, prevActScopeDepth), callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
-      if (result !== null && typeof result === "object" && typeof result.then === "function") {
-        var thenable = result;
-        queueSeveralMicrotasks(function() {
-          didAwaitActCall || didWarnNoAwaitAct || (didWarnNoAwaitAct = true, console.error("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
-        });
-        return {
-          then: function(resolve, reject) {
-            didAwaitActCall = true;
-            thenable.then(function(returnValue) {
-              popActScope(prevActQueue, prevActScopeDepth);
-              if (prevActScopeDepth === 0) {
-                try {
-                  flushActQueue(queue), enqueueTask(function() {
-                    return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
-                  });
-                } catch (error$0) {
-                  ReactSharedInternals.thrownErrors.push(error$0);
-                }
-                if (0 < ReactSharedInternals.thrownErrors.length) {
-                  var _thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-                  ReactSharedInternals.thrownErrors.length = 0;
-                  reject(_thrownError);
-                }
-              } else
-                resolve(returnValue);
-            }, function(error) {
-              popActScope(prevActQueue, prevActScopeDepth);
-              0 < ReactSharedInternals.thrownErrors.length ? (error = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(error)) : reject(error);
-            });
-          }
-        };
-      }
-      var returnValue$jscomp$0 = result;
-      popActScope(prevActQueue, prevActScopeDepth);
-      prevActScopeDepth === 0 && (flushActQueue(queue), queue.length !== 0 && queueSeveralMicrotasks(function() {
-        didAwaitActCall || didWarnNoAwaitAct || (didWarnNoAwaitAct = true, console.error("A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"));
-      }), ReactSharedInternals.actQueue = null);
-      if (0 < ReactSharedInternals.thrownErrors.length)
-        throw callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
-      return {
-        then: function(resolve, reject) {
-          didAwaitActCall = true;
-          prevActScopeDepth === 0 ? (ReactSharedInternals.actQueue = queue, enqueueTask(function() {
-            return recursivelyFlushAsyncActWork(returnValue$jscomp$0, resolve, reject);
-          })) : resolve(returnValue$jscomp$0);
-        }
-      };
-    };
-    exports.cache = function(fn) {
-      return function() {
-        return fn.apply(null, arguments);
-      };
-    };
-    exports.cacheSignal = function() {
-      return null;
-    };
-    exports.captureOwnerStack = function() {
-      var getCurrentStack = ReactSharedInternals.getCurrentStack;
-      return getCurrentStack === null ? null : getCurrentStack();
-    };
-    exports.cloneElement = function(element, config, children) {
-      if (element === null || element === undefined)
-        throw Error("The argument must be a React element, but you passed " + element + ".");
-      var props = assign({}, element.props), key = element.key, owner = element._owner;
-      if (config != null) {
-        var JSCompiler_inline_result;
-        a: {
-          if (hasOwnProperty.call(config, "ref") && (JSCompiler_inline_result = Object.getOwnPropertyDescriptor(config, "ref").get) && JSCompiler_inline_result.isReactWarning) {
-            JSCompiler_inline_result = false;
-            break a;
-          }
-          JSCompiler_inline_result = config.ref !== undefined;
-        }
-        JSCompiler_inline_result && (owner = getOwner());
-        hasValidKey(config) && (checkKeyStringCoercion(config.key), key = "" + config.key);
-        for (propName in config)
-          !hasOwnProperty.call(config, propName) || propName === "key" || propName === "__self" || propName === "__source" || propName === "ref" && config.ref === undefined || (props[propName] = config[propName]);
-      }
-      var propName = arguments.length - 2;
-      if (propName === 1)
-        props.children = children;
-      else if (1 < propName) {
-        JSCompiler_inline_result = Array(propName);
-        for (var i = 0;i < propName; i++)
-          JSCompiler_inline_result[i] = arguments[i + 2];
-        props.children = JSCompiler_inline_result;
-      }
-      props = ReactElement(element.type, key, props, owner, element._debugStack, element._debugTask);
-      for (key = 2;key < arguments.length; key++)
-        validateChildKeys(arguments[key]);
-      return props;
-    };
-    exports.createContext = function(defaultValue) {
-      defaultValue = {
-        $$typeof: REACT_CONTEXT_TYPE,
-        _currentValue: defaultValue,
-        _currentValue2: defaultValue,
-        _threadCount: 0,
-        Provider: null,
-        Consumer: null
-      };
-      defaultValue.Provider = defaultValue;
-      defaultValue.Consumer = {
-        $$typeof: REACT_CONSUMER_TYPE,
-        _context: defaultValue
-      };
-      defaultValue._currentRenderer = null;
-      defaultValue._currentRenderer2 = null;
-      return defaultValue;
-    };
-    exports.createElement = function(type, config, children) {
-      for (var i = 2;i < arguments.length; i++)
-        validateChildKeys(arguments[i]);
-      i = {};
-      var key = null;
-      if (config != null)
-        for (propName in didWarnAboutOldJSXRuntime || !("__self" in config) || "key" in config || (didWarnAboutOldJSXRuntime = true, console.warn("Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform")), hasValidKey(config) && (checkKeyStringCoercion(config.key), key = "" + config.key), config)
-          hasOwnProperty.call(config, propName) && propName !== "key" && propName !== "__self" && propName !== "__source" && (i[propName] = config[propName]);
-      var childrenLength = arguments.length - 2;
-      if (childrenLength === 1)
-        i.children = children;
-      else if (1 < childrenLength) {
-        for (var childArray = Array(childrenLength), _i = 0;_i < childrenLength; _i++)
-          childArray[_i] = arguments[_i + 2];
-        Object.freeze && Object.freeze(childArray);
-        i.children = childArray;
-      }
-      if (type && type.defaultProps)
-        for (propName in childrenLength = type.defaultProps, childrenLength)
-          i[propName] === undefined && (i[propName] = childrenLength[propName]);
-      key && defineKeyPropWarningGetter(i, typeof type === "function" ? type.displayName || type.name || "Unknown" : type);
-      var propName = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return ReactElement(type, key, i, getOwner(), propName ? Error("react-stack-top-frame") : unknownOwnerDebugStack, propName ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-    };
-    exports.createRef = function() {
-      var refObject = { current: null };
-      Object.seal(refObject);
-      return refObject;
-    };
-    exports.forwardRef = function(render) {
-      render != null && render.$$typeof === REACT_MEMO_TYPE ? console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof render !== "function" ? console.error("forwardRef requires a render function but was given %s.", render === null ? "null" : typeof render) : render.length !== 0 && render.length !== 2 && console.error("forwardRef render functions accept exactly two parameters: props and ref. %s", render.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined.");
-      render != null && render.defaultProps != null && console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");
-      var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render }, ownName;
-      Object.defineProperty(elementType, "displayName", {
-        enumerable: false,
-        configurable: true,
-        get: function() {
-          return ownName;
-        },
-        set: function(name) {
-          ownName = name;
-          render.name || render.displayName || (Object.defineProperty(render, "name", { value: name }), render.displayName = name);
-        }
-      });
-      return elementType;
-    };
-    exports.isValidElement = isValidElement;
-    exports.lazy = function(ctor) {
-      ctor = { _status: -1, _result: ctor };
-      var lazyType = {
-        $$typeof: REACT_LAZY_TYPE,
-        _payload: ctor,
-        _init: lazyInitializer
-      }, ioInfo = {
-        name: "lazy",
-        start: -1,
-        end: -1,
-        value: null,
-        owner: null,
-        debugStack: Error("react-stack-top-frame"),
-        debugTask: console.createTask ? console.createTask("lazy()") : null
-      };
-      ctor._ioInfo = ioInfo;
-      lazyType._debugInfo = [{ awaited: ioInfo }];
-      return lazyType;
-    };
-    exports.memo = function(type, compare) {
-      type == null && console.error("memo: The first argument must be a component. Instead received: %s", type === null ? "null" : typeof type);
-      compare = {
-        $$typeof: REACT_MEMO_TYPE,
-        type,
-        compare: compare === undefined ? null : compare
-      };
-      var ownName;
-      Object.defineProperty(compare, "displayName", {
-        enumerable: false,
-        configurable: true,
-        get: function() {
-          return ownName;
-        },
-        set: function(name) {
-          ownName = name;
-          type.name || type.displayName || (Object.defineProperty(type, "name", { value: name }), type.displayName = name);
-        }
-      });
-      return compare;
-    };
-    exports.startTransition = function(scope) {
-      var prevTransition = ReactSharedInternals.T, currentTransition = {};
-      currentTransition._updatedFibers = new Set;
-      ReactSharedInternals.T = currentTransition;
-      try {
-        var returnValue = scope(), onStartTransitionFinish = ReactSharedInternals.S;
-        onStartTransitionFinish !== null && onStartTransitionFinish(currentTransition, returnValue);
-        typeof returnValue === "object" && returnValue !== null && typeof returnValue.then === "function" && (ReactSharedInternals.asyncTransitions++, returnValue.then(releaseAsyncTransition, releaseAsyncTransition), returnValue.then(noop, reportGlobalError));
-      } catch (error) {
-        reportGlobalError(error);
-      } finally {
-        prevTransition === null && currentTransition._updatedFibers && (scope = currentTransition._updatedFibers.size, currentTransition._updatedFibers.clear(), 10 < scope && console.warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.")), prevTransition !== null && currentTransition.types !== null && (prevTransition.types !== null && prevTransition.types !== currentTransition.types && console.error("We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."), prevTransition.types = currentTransition.types), ReactSharedInternals.T = prevTransition;
-      }
-    };
-    exports.unstable_useCacheRefresh = function() {
-      return resolveDispatcher().useCacheRefresh();
-    };
-    exports.use = function(usable) {
-      return resolveDispatcher().use(usable);
-    };
-    exports.useActionState = function(action, initialState, permalink) {
-      return resolveDispatcher().useActionState(action, initialState, permalink);
-    };
-    exports.useCallback = function(callback, deps) {
-      return resolveDispatcher().useCallback(callback, deps);
-    };
-    exports.useContext = function(Context) {
-      var dispatcher = resolveDispatcher();
-      Context.$$typeof === REACT_CONSUMER_TYPE && console.error("Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?");
-      return dispatcher.useContext(Context);
-    };
-    exports.useDebugValue = function(value, formatterFn) {
-      return resolveDispatcher().useDebugValue(value, formatterFn);
-    };
-    exports.useDeferredValue = function(value, initialValue) {
-      return resolveDispatcher().useDeferredValue(value, initialValue);
-    };
-    exports.useEffect = function(create, deps) {
-      create == null && console.warn("React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useEffect(create, deps);
-    };
-    exports.useEffectEvent = function(callback) {
-      return resolveDispatcher().useEffectEvent(callback);
-    };
-    exports.useId = function() {
-      return resolveDispatcher().useId();
-    };
-    exports.useImperativeHandle = function(ref, create, deps) {
-      return resolveDispatcher().useImperativeHandle(ref, create, deps);
-    };
-    exports.useInsertionEffect = function(create, deps) {
-      create == null && console.warn("React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useInsertionEffect(create, deps);
-    };
-    exports.useLayoutEffect = function(create, deps) {
-      create == null && console.warn("React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useLayoutEffect(create, deps);
-    };
-    exports.useMemo = function(create, deps) {
-      return resolveDispatcher().useMemo(create, deps);
-    };
-    exports.useOptimistic = function(passthrough, reducer) {
-      return resolveDispatcher().useOptimistic(passthrough, reducer);
-    };
-    exports.useReducer = function(reducer, initialArg, init) {
-      return resolveDispatcher().useReducer(reducer, initialArg, init);
-    };
-    exports.useRef = function(initialValue) {
-      return resolveDispatcher().useRef(initialValue);
-    };
-    exports.useState = function(initialState) {
-      return resolveDispatcher().useState(initialState);
-    };
-    exports.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
-      return resolveDispatcher().useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-    };
-    exports.useTransition = function() {
-      return resolveDispatcher().useTransition();
-    };
-    exports.version = "19.2.4";
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })();
-});
-
-// node_modules/react/index.js
-var require_react = __commonJS((exports, module) => {
-  var react_development = __toESM(require_react_development());
-  if (false) {} else {
-    module.exports = react_development;
-  }
-});
-
 // src/tui/context/AppContext.tsx
+import { createContext, useContext, useReducer, useEffect } from "react";
 import { jsxDEV } from "@opentui/react/jsx-dev-runtime";
 function appReducer(state, action) {
   switch (action.type) {
@@ -2920,8 +2096,8 @@ function appReducer(state, action) {
   }
 }
 function AppProvider({ children }) {
-  const [state, dispatch] = import_react.useReducer(appReducer, initialState);
-  import_react.useEffect(() => {
+  const [state, dispatch] = useReducer(appReducer, initialState);
+  useEffect(() => {
     let cancelled = false;
     async function loadConfig2() {
       try {
@@ -2947,7 +2123,7 @@ function AppProvider({ children }) {
   }, undefined, false, undefined, this);
 }
 function useAppContext() {
-  const ctx = import_react.useContext(AppContext);
+  const ctx = useContext(AppContext);
   if (!ctx)
     throw new Error("useAppContext must be used within AppProvider");
   return ctx;
@@ -2956,9 +2132,8 @@ function useNavigate() {
   const { dispatch } = useAppContext();
   return (screen) => dispatch({ type: "NAVIGATE", screen });
 }
-var import_react, initialState, AppContext;
+var initialState, AppContext;
 var init_AppContext = __esm(() => {
-  import_react = __toESM(require_react(), 1);
   initialState = {
     screen: "main-menu",
     config: null,
@@ -2966,7 +2141,7 @@ var init_AppContext = __esm(() => {
     benchResults: [],
     isLoadingConfig: true
   };
-  AppContext = import_react.createContext(null);
+  AppContext = createContext(null);
 });
 
 // package.json
@@ -2974,7 +2149,7 @@ var package_default;
 var init_package = __esm(() => {
   package_default = {
     name: "ai-speedometer",
-    version: "2.0.3",
+    version: "2.0.5",
     description: "A comprehensive CLI tool for benchmarking AI models across multiple providers with parallel execution and professional metrics",
     bin: {
       "ai-speedometer": "dist/ai-speedometer",
@@ -2990,7 +2165,7 @@ var init_package = __esm(() => {
       "test:watch": "bun test --watch",
       "test:update": "bun test --update-snapshots",
       typecheck: "bun tsc --noEmit",
-      build: "bun build src/index.ts --outdir dist --target bun --external '@opentui/core' --external '@opentui/react' && printf '#!/usr/bin/env bun\\n' | cat - dist/index.js > dist/ai-speedometer && chmod +x dist/ai-speedometer && rm dist/index.js",
+      build: "bun build src/index.ts --outdir dist --target bun --external '@opentui/core' --external '@opentui/react' --external 'react' --external 'react-reconciler' && printf '#!/usr/bin/env bun\\n' | cat - dist/index.js > dist/ai-speedometer && chmod +x dist/ai-speedometer && rm dist/index.js",
       prepublishOnly: "bun run build"
     },
     keywords: [
@@ -3026,7 +2201,9 @@ var init_package = __esm(() => {
     ],
     dependencies: {
       "@opentui/core": "0.1.79",
-      "@opentui/react": "0.1.79"
+      "@opentui/react": "0.1.79",
+      react: "^19.0.0",
+      "react-reconciler": "^0.32.0"
     },
     devDependencies: {
       "jsonc-parser": "^3.3.1"
@@ -3088,13 +2265,14 @@ function Footer({ hints }) {
 var init_Footer = () => {};
 
 // src/tui/screens/MainMenuScreen.tsx
+import { useState } from "react";
 import { useRenderer } from "@opentui/react";
 import { useKeyboard } from "@opentui/react";
 import { jsxDEV as jsxDEV4 } from "@opentui/react/jsx-dev-runtime";
 function MainMenuScreen() {
   const navigate = useNavigate();
   const renderer = useRenderer();
-  const [cursor, setCursor] = import_react2.useState(0);
+  const [cursor, setCursor] = useState(0);
   useKeyboard((key) => {
     if (key.name === "up") {
       setCursor((i) => (i - 1 + ITEMS.length) % ITEMS.length);
@@ -3177,11 +2355,10 @@ function MainMenuScreen() {
     ]
   }, undefined, true, undefined, this);
 }
-var import_react2, ITEMS;
+var ITEMS;
 var init_MainMenuScreen = __esm(() => {
   init_AppContext();
   init_package();
-  import_react2 = __toESM(require_react(), 1);
   ITEMS = [
     { label: "\u26A1 Run Benchmark", desc: "test model speed & throughput", color: "#7dcfff" },
     { label: "\u2699  Manage Models", desc: "add providers and configure", color: "#bb9af7" },
@@ -3190,10 +2367,11 @@ var init_MainMenuScreen = __esm(() => {
 });
 
 // src/tui/components/MenuList.tsx
+import { useState as useState2 } from "react";
 import { useKeyboard as useKeyboard2 } from "@opentui/react";
 import { jsxDEV as jsxDEV5 } from "@opentui/react/jsx-dev-runtime";
 function MenuList({ items, selectedIndex: initialIndex = 0, onSelect, onNavigate }) {
-  const [cursor, setCursor] = import_react5.useState(initialIndex);
+  const [cursor, setCursor] = useState2(initialIndex);
   useKeyboard2((key) => {
     if (key.name === "up") {
       const next = (cursor - 1 + items.length) % items.length;
@@ -3241,10 +2419,7 @@ function MenuList({ items, selectedIndex: initialIndex = 0, onSelect, onNavigate
     })
   }, undefined, false, undefined, this);
 }
-var import_react5;
-var init_MenuList = __esm(() => {
-  import_react5 = __toESM(require_react(), 1);
-});
+var init_MenuList = () => {};
 
 // src/tui/screens/ModelMenuScreen.tsx
 import { useKeyboard as useKeyboard3 } from "@opentui/react";
@@ -3301,12 +2476,13 @@ var init_ModelMenuScreen = __esm(() => {
 });
 
 // src/tui/hooks/usePaste.ts
+import { useEffect as useEffect2, useRef } from "react";
 import { useRenderer as useRenderer2 } from "@opentui/react";
 function usePaste(onPaste) {
   const renderer = useRenderer2();
-  const callbackRef = import_react8.useRef(onPaste);
+  const callbackRef = useRef(onPaste);
   callbackRef.current = onPaste;
-  import_react8.useEffect(() => {
+  useEffect2(() => {
     const handler = (event) => callbackRef.current(event.text);
     renderer.keyInput.on("paste", handler);
     return () => {
@@ -3314,28 +2490,26 @@ function usePaste(onPaste) {
     };
   }, [renderer]);
 }
-var import_react8;
-var init_usePaste = __esm(() => {
-  import_react8 = __toESM(require_react(), 1);
-});
+var init_usePaste = () => {};
 
 // src/tui/screens/ModelSelectScreen.tsx
+import { useState as useState3, useEffect as useEffect3, useCallback, useRef as useRef2 } from "react";
 import { useKeyboard as useKeyboard4, useTerminalDimensions } from "@opentui/react";
 import { jsxDEV as jsxDEV7 } from "@opentui/react/jsx-dev-runtime";
 function ModelSelectScreen() {
   const { state, dispatch } = useAppContext();
   const navigate = useNavigate();
   const { height, width } = useTerminalDimensions();
-  const [searchQuery, setSearchQuery] = import_react10.useState("");
-  const [cursor, setCursor] = import_react10.useState(0);
-  const [selected, setSelected] = import_react10.useState(new Set);
-  const [allModels, setAllModels] = import_react10.useState([]);
-  const [recentKeys, setRecentKeys] = import_react10.useState(new Set);
-  const [debouncedQuery, setDebouncedQuery] = import_react10.useState("");
-  const scrollboxRef = import_react10.useRef(null);
+  const [searchQuery, setSearchQuery] = useState3("");
+  const [cursor, setCursor] = useState3(0);
+  const [selected, setSelected] = useState3(new Set);
+  const [allModels, setAllModels] = useState3([]);
+  const [recentKeys, setRecentKeys] = useState3(new Set);
+  const [debouncedQuery, setDebouncedQuery] = useState3("");
+  const scrollboxRef = useRef2(null);
   const PAGE_SIZE = Math.max(3, height - 14);
   const CARD_W = Math.min(60, width - 4);
-  import_react10.useEffect(() => {
+  useEffect3(() => {
     const providers = state.config?.providers ?? [];
     const models = [];
     for (const provider of providers) {
@@ -3370,11 +2544,11 @@ function ModelSelectScreen() {
     }
     loadRecents();
   }, [state.config]);
-  import_react10.useEffect(() => {
+  useEffect3(() => {
     const t = setTimeout(() => setDebouncedQuery(searchQuery), DEBOUNCE_MS);
     return () => clearTimeout(t);
   }, [searchQuery]);
-  import_react10.useEffect(() => {
+  useEffect3(() => {
     setCursor(0);
   }, [debouncedQuery]);
   function isRecent(m) {
@@ -3413,7 +2587,7 @@ function ModelSelectScreen() {
   })();
   const allModelRows = allRows.filter((r) => r.kind === "model");
   const cursorModel = allModelRows[cursor]?.model;
-  import_react10.useEffect(() => {
+  useEffect3(() => {
     const sb = scrollboxRef.current;
     if (!sb)
       return;
@@ -3425,7 +2599,7 @@ function ModelSelectScreen() {
       sb.scrollTo(cursor - visible + 1);
     }
   }, [cursor, PAGE_SIZE]);
-  const launchBench = import_react10.useCallback((models) => {
+  const launchBench = useCallback((models) => {
     dispatch({ type: "BENCH_START", models });
     navigate("benchmark");
   }, [dispatch, navigate]);
@@ -3656,11 +2830,10 @@ function ModelSelectScreen() {
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-var import_react10, DEBOUNCE_MS = 50;
+var DEBOUNCE_MS = 50;
 var init_ModelSelectScreen = __esm(() => {
   init_AppContext();
   init_usePaste();
-  import_react10 = __toESM(require_react(), 1);
 });
 
 // src/tui/components/BarChart.tsx
@@ -3766,6 +2939,7 @@ function ResultsTable({ results, pendingCount }) {
 var init_ResultsTable = () => {};
 
 // src/tui/screens/BenchmarkScreen.tsx
+import { useState as useState4, useEffect as useEffect4, useRef as useRef3, useMemo } from "react";
 import { useKeyboard as useKeyboard5 } from "@opentui/react";
 import { jsxDEV as jsxDEV10 } from "@opentui/react/jsx-dev-runtime";
 function rankBadge(rank) {
@@ -3786,12 +2960,12 @@ function Divider() {
 function BenchmarkScreen() {
   const { state, dispatch } = useAppContext();
   const navigate = useNavigate();
-  const [modelStates, setModelStates] = import_react12.useState([]);
-  const [spinnerFrame, setSpinnerFrame] = import_react12.useState(0);
-  const [allDone, setAllDone] = import_react12.useState(false);
-  const spinnerRef = import_react12.useRef(null);
-  const startedRef = import_react12.useRef(false);
-  import_react12.useEffect(() => {
+  const [modelStates, setModelStates] = useState4([]);
+  const [spinnerFrame, setSpinnerFrame] = useState4(0);
+  const [allDone, setAllDone] = useState4(false);
+  const spinnerRef = useRef3(null);
+  const startedRef = useRef3(false);
+  useEffect4(() => {
     if (startedRef.current)
       return;
     startedRef.current = true;
@@ -3850,7 +3024,7 @@ function BenchmarkScreen() {
   const maxTtftForBar = Math.max(...done.map((m) => (m.result?.timeToFirstToken ?? 0) / 1000), 1);
   const doneResults = tpsRanked.map((m) => m.result);
   const pendingCount = running.length + pending.length;
-  const allRows = import_react12.useMemo(() => {
+  const allRows = useMemo(() => {
     const rows = [];
     if (!allDone) {
       const total = modelStates.length || 1;
@@ -4247,15 +3421,15 @@ function BenchmarkScreen() {
     ]
   }, undefined, true, undefined, this);
 }
-var import_react12, BAR_W = 25;
+var BAR_W = 25;
 var init_BenchmarkScreen = __esm(() => {
   init_AppContext();
   init_BarChart();
   init_ResultsTable();
-  import_react12 = __toESM(require_react(), 1);
 });
 
 // src/tui/screens/AddVerifiedScreen.tsx
+import { useState as useState5, useEffect as useEffect5, useRef as useRef4 } from "react";
 import { useKeyboard as useKeyboard6, useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
 import { jsxDEV as jsxDEV11 } from "@opentui/react/jsx-dev-runtime";
 function AddVerifiedScreen() {
@@ -4264,19 +3438,19 @@ function AddVerifiedScreen() {
   const { height, width } = useTerminalDimensions2();
   const PAGE_SIZE = Math.max(3, height - 16);
   const CARD_W = Math.min(62, width - 4);
-  const [step, setStep] = import_react14.useState("browse");
-  const [allProviders, setAllProviders] = import_react14.useState([]);
-  const [filtered, setFiltered] = import_react14.useState([]);
-  const [cursor, setCursor] = import_react14.useState(0);
-  const [searchQuery, setSearchQuery] = import_react14.useState("");
-  const scrollboxRef = import_react14.useRef(null);
-  const [selectedProvider, setSelectedProvider] = import_react14.useState(null);
-  const [apiKey, setApiKey] = import_react14.useState("");
-  const [saving, setSaving] = import_react14.useState(false);
-  const [saveError, setSaveError] = import_react14.useState("");
-  const [saveSuccess, setSaveSuccess] = import_react14.useState(false);
-  const [loadError, setLoadError] = import_react14.useState("");
-  import_react14.useEffect(() => {
+  const [step, setStep] = useState5("browse");
+  const [allProviders, setAllProviders] = useState5([]);
+  const [filtered, setFiltered] = useState5([]);
+  const [cursor, setCursor] = useState5(0);
+  const [searchQuery, setSearchQuery] = useState5("");
+  const scrollboxRef = useRef4(null);
+  const [selectedProvider, setSelectedProvider] = useState5(null);
+  const [apiKey, setApiKey] = useState5("");
+  const [saving, setSaving] = useState5(false);
+  const [saveError, setSaveError] = useState5("");
+  const [saveSuccess, setSaveSuccess] = useState5(false);
+  const [loadError, setLoadError] = useState5("");
+  useEffect5(() => {
     async function load() {
       try {
         const { getAllProviders: getAllProviders2 } = await Promise.resolve().then(() => (init_models_dev(), exports_models_dev));
@@ -4289,7 +3463,7 @@ function AddVerifiedScreen() {
     }
     load();
   }, []);
-  import_react14.useEffect(() => {
+  useEffect5(() => {
     if (!searchQuery) {
       setFiltered(allProviders);
     } else {
@@ -4298,7 +3472,7 @@ function AddVerifiedScreen() {
     }
     setCursor(0);
   }, [searchQuery, allProviders]);
-  import_react14.useEffect(() => {
+  useEffect5(() => {
     const sb = scrollboxRef.current;
     if (!sb)
       return;
@@ -4704,14 +3878,13 @@ function AddVerifiedScreen() {
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-var import_react14;
 var init_AddVerifiedScreen = __esm(() => {
   init_AppContext();
   init_usePaste();
-  import_react14 = __toESM(require_react(), 1);
 });
 
 // src/tui/screens/AddCustomScreen.tsx
+import { useState as useState6 } from "react";
 import { useKeyboard as useKeyboard7, useTerminalDimensions as useTerminalDimensions3 } from "@opentui/react";
 import { jsxDEV as jsxDEV12 } from "@opentui/react/jsx-dev-runtime";
 function stepIndex(s) {
@@ -4722,18 +3895,18 @@ function AddCustomScreen() {
   const navigate = useNavigate();
   const { width } = useTerminalDimensions3();
   const CARD_W = Math.min(60, width - 4);
-  const [step, setStep] = import_react16.useState("type");
-  const [providerType, setProviderType] = import_react16.useState("openai-compatible");
-  const [typeCursor, setTypeCursor] = import_react16.useState(0);
-  const [providerId, setProviderId] = import_react16.useState("");
-  const [providerName, setProviderName] = import_react16.useState("");
-  const [baseUrl, setBaseUrl] = import_react16.useState("");
-  const [apiKey, setApiKey] = import_react16.useState("");
-  const [modelInput, setModelInput] = import_react16.useState("");
-  const [models, setModels] = import_react16.useState([]);
-  const [saveError, setSaveError] = import_react16.useState("");
-  const [savedModelCount, setSavedModelCount] = import_react16.useState(0);
-  const [inputError, setInputError] = import_react16.useState("");
+  const [step, setStep] = useState6("type");
+  const [providerType, setProviderType] = useState6("openai-compatible");
+  const [typeCursor, setTypeCursor] = useState6(0);
+  const [providerId, setProviderId] = useState6("");
+  const [providerName, setProviderName] = useState6("");
+  const [baseUrl, setBaseUrl] = useState6("");
+  const [apiKey, setApiKey] = useState6("");
+  const [modelInput, setModelInput] = useState6("");
+  const [models, setModels] = useState6([]);
+  const [saveError, setSaveError] = useState6("");
+  const [savedModelCount, setSavedModelCount] = useState6(0);
+  const [inputError, setInputError] = useState6("");
   const typeItems = ["OpenAI Compatible", "Anthropic", "Back"];
   async function doSave() {
     setStep("saving");
@@ -5261,17 +4434,17 @@ function AddCustomScreen() {
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-var import_react16, STEPS, STEP_LABELS, STEP_NUM;
+var STEPS, STEP_LABELS, STEP_NUM;
 var init_AddCustomScreen = __esm(() => {
   init_AppContext();
   init_usePaste();
-  import_react16 = __toESM(require_react(), 1);
   STEPS = ["type", "id", "name", "url", "key", "models"];
   STEP_LABELS = ["Type", "ID", "Name", "URL", "Key", "Models"];
   STEP_NUM = ["\u2460", "\u2461", "\u2462", "\u2463", "\u2464", "\u2465"];
 });
 
 // src/tui/screens/AddModelsScreen.tsx
+import { useState as useState7, useEffect as useEffect6 } from "react";
 import { useKeyboard as useKeyboard8, useTerminalDimensions as useTerminalDimensions4 } from "@opentui/react";
 import { jsxDEV as jsxDEV13 } from "@opentui/react/jsx-dev-runtime";
 function AddModelsScreen() {
@@ -5279,17 +4452,17 @@ function AddModelsScreen() {
   const navigate = useNavigate();
   const { width } = useTerminalDimensions4();
   const CARD_W = Math.min(60, width - 4);
-  const [step, setStep] = import_react18.useState("pick");
-  const [providers, setProviders] = import_react18.useState([]);
-  const [cursor, setCursor] = import_react18.useState(0);
-  const [selectedProvider, setSelectedProvider] = import_react18.useState(null);
-  const [modelInput, setModelInput] = import_react18.useState("");
-  const [addedModels, setAddedModels] = import_react18.useState([]);
-  const [loadError, setLoadError] = import_react18.useState("");
-  const [saveError, setSaveError] = import_react18.useState("");
-  const [inputError, setInputError] = import_react18.useState("");
-  const [done, setDone] = import_react18.useState(false);
-  import_react18.useEffect(() => {
+  const [step, setStep] = useState7("pick");
+  const [providers, setProviders] = useState7([]);
+  const [cursor, setCursor] = useState7(0);
+  const [selectedProvider, setSelectedProvider] = useState7(null);
+  const [modelInput, setModelInput] = useState7("");
+  const [addedModels, setAddedModels] = useState7([]);
+  const [loadError, setLoadError] = useState7("");
+  const [saveError, setSaveError] = useState7("");
+  const [inputError, setInputError] = useState7("");
+  const [done, setDone] = useState7(false);
+  useEffect6(() => {
     async function load() {
       try {
         const { getCustomProvidersFromConfig: getCustomProvidersFromConfig2 } = await Promise.resolve().then(() => (init_ai_config(), exports_ai_config));
@@ -5651,11 +4824,9 @@ function AddModelsScreen() {
     }, undefined, true, undefined, this)
   }, undefined, false, undefined, this);
 }
-var import_react18;
 var init_AddModelsScreen = __esm(() => {
   init_AppContext();
   init_usePaste();
-  import_react18 = __toESM(require_react(), 1);
 });
 
 // src/tui/screens/ListProvidersScreen.tsx