@shareai-lab/kode 1.1.12 → 1.1.13

package/dist/components/Config.js

@@ -0,0 +1,166 @@
+import { Box, Text, useInput } from "ink";
+import * as React from "react";
+import { useState } from "react";
+import figures from "figures";
+import { getTheme } from "../utils/theme.js";
+import {
+  saveGlobalConfig,
+  getGlobalConfig
+} from "../utils/config.js";
+import { useExitOnCtrlCD } from "../hooks/useExitOnCtrlCD.js";
+import { getModelManager } from "../utils/model.js";
+function Config({ onClose }) {
+  const [globalConfig, setGlobalConfig] = useState(getGlobalConfig());
+  const initialConfig = React.useRef(getGlobalConfig());
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const exitState = useExitOnCtrlCD(() => process.exit(0));
+  const [editingString, setEditingString] = useState(false);
+  const [currentInput, setCurrentInput] = useState("");
+  const [inputError, setInputError] = useState(null);
+  const modelManager = getModelManager();
+  const activeProfiles = modelManager.getAvailableModels();
+  const settings = [
+    // Global settings
+    {
+      id: "theme",
+      label: "Theme",
+      value: globalConfig.theme ?? "dark",
+      options: ["dark", "light"],
+      onChange(theme2) {
+        const config = { ...getGlobalConfig(), theme: theme2 };
+        saveGlobalConfig(config);
+        setGlobalConfig(config);
+      },
+      type: "enum"
+    },
+    {
+      id: "verbose",
+      label: "Verbose mode",
+      value: globalConfig.verbose ?? false,
+      onChange(verbose) {
+        const config = { ...getGlobalConfig(), verbose };
+        saveGlobalConfig(config);
+        setGlobalConfig(config);
+      },
+      type: "boolean"
+    },
+    {
+      id: "stream",
+      label: "Stream responses",
+      value: globalConfig.stream ?? true,
+      onChange(stream) {
+        const config = { ...getGlobalConfig(), stream };
+        saveGlobalConfig(config);
+        setGlobalConfig(config);
+      },
+      type: "boolean"
+    }
+  ];
+  const theme = getTheme();
+  useInput((input, key) => {
+    if (editingString) {
+      if (key.return) {
+        const currentSetting = settings[selectedIndex];
+        if (currentSetting?.type === "string") {
+          try {
+            currentSetting.onChange(currentInput);
+            setEditingString(false);
+            setCurrentInput("");
+            setInputError(null);
+          } catch (error) {
+            setInputError(
+              error instanceof Error ? error.message : "Invalid input"
+            );
+          }
+        } else if (currentSetting?.type === "number") {
+          const numValue = parseFloat(currentInput);
+          if (isNaN(numValue)) {
+            setInputError("Please enter a valid number");
+          } else {
+            try {
+              ;
+              currentSetting.onChange(numValue);
+              setEditingString(false);
+              setCurrentInput("");
+              setInputError(null);
+            } catch (error) {
+              setInputError(
+                error instanceof Error ? error.message : "Invalid input"
+              );
+            }
+          }
+        }
+      } else if (key.escape) {
+        setEditingString(false);
+        setCurrentInput("");
+        setInputError(null);
+      } else if (key.delete || key.backspace) {
+        setCurrentInput((prev) => prev.slice(0, -1));
+      } else if (input) {
+        setCurrentInput((prev) => prev + input);
+      }
+      return;
+    }
+    if (key.upArrow && !exitState.pending) {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+    } else if (key.downArrow && !exitState.pending) {
+      setSelectedIndex((prev) => Math.min(settings.length - 1, prev + 1));
+    } else if (key.return && !exitState.pending) {
+      const currentSetting = settings[selectedIndex];
+      if (currentSetting?.disabled) return;
+      if (currentSetting?.type === "boolean") {
+        currentSetting.onChange(!currentSetting.value);
+      } else if (currentSetting?.type === "enum") {
+        const currentIndex = currentSetting.options.indexOf(
+          currentSetting.value
+        );
+        const nextIndex = (currentIndex + 1) % currentSetting.options.length;
+        currentSetting.onChange(currentSetting.options[nextIndex]);
+      } else if (currentSetting?.type === "string" || currentSetting?.type === "number") {
+        setCurrentInput(String(currentSetting.value));
+        setEditingString(true);
+        setInputError(null);
+      }
+    } else if (key.escape && !exitState.pending) {
+      const currentConfigString = JSON.stringify(getGlobalConfig());
+      const initialConfigString = JSON.stringify(initialConfig.current);
+      if (currentConfigString !== initialConfigString) {
+        saveGlobalConfig(getGlobalConfig());
+      }
+      onClose();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.secondaryBorder,
+      paddingX: 2,
+      paddingY: 1,
+      gap: 1
+    },
+    /* @__PURE__ */ React.createElement(Text, { bold: true }, "Configuration", " ", exitState.pending ? `(press ${exitState.keyName} again to exit)` : ""),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginY: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.success }, "Model Configuration:"), activeProfiles.length === 0 ? /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "No models configured. Use /model to add models.") : /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, activeProfiles.map((profile) => /* @__PURE__ */ React.createElement(React.Fragment, { key: profile.modelName }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", profile.name, " (", profile.provider, ")"))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Use /model to manage model configurations")))),
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, settings.map((setting, index) => /* @__PURE__ */ React.createElement(Box, { key: setting.id, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", gap: 1 }, /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: index === selectedIndex ? theme.success : setting.disabled ? theme.secondaryText : theme.text
+      },
+      index === selectedIndex ? figures.pointer : " ",
+      " ",
+      setting.label
+    ), /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: setting.disabled ? theme.secondaryText : theme.suggestion
+      },
+      setting.type === "boolean" ? setting.value ? "enabled" : "disabled" : setting.type === "enum" ? setting.value : String(setting.value)
+    )), index === selectedIndex && editingString && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, "Enter new value: ", currentInput), inputError && /* @__PURE__ */ React.createElement(Text, { color: "red" }, inputError))))),
+    /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, editingString ? "Enter to save \xB7 Esc to cancel" : /* @__PURE__ */ React.createElement(React.Fragment, null, "\u2191/\u2193 to navigate \xB7 Enter to change \xB7 Esc to close", /* @__PURE__ */ React.createElement(Text, { color: theme.suggestion }, " ", "\xB7 Use /model for model config"))))
+  ));
+}
+export {
+  Config
+};
+//# sourceMappingURL=Config.js.map

package/dist/components/Config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Config.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState } from 'react'\nimport figures from 'figures'\nimport { getTheme } from '../utils/theme'\nimport {\n  GlobalConfig,\n  saveGlobalConfig,\n  getGlobalConfig,\n} from '../utils/config.js'\nimport chalk from 'chalk'\nimport { useExitOnCtrlCD } from '../hooks/useExitOnCtrlCD'\nimport { getModelManager } from '../utils/model'\n\ntype Props = {\n  onClose: () => void\n}\n\ntype Setting =\n  | {\n      id: string\n      label: string\n      value: boolean\n      onChange(value: boolean): void\n      type: 'boolean'\n      disabled?: boolean\n    }\n  | {\n      id: string\n      label: string\n      value: string\n      options: string[]\n      onChange(value: string): void\n      type: 'enum'\n      disabled?: boolean\n    }\n  | {\n      id: string\n      label: string\n      value: string\n      onChange(value: string): void\n      type: 'string'\n      disabled?: boolean\n    }\n  | {\n      id: string\n      label: string\n      value: number\n      onChange(value: number): void\n      type: 'number'\n      disabled?: boolean\n    }\n\nexport function Config({ onClose }: Props): React.ReactNode {\n  const [globalConfig, setGlobalConfig] = useState(getGlobalConfig())\n  const initialConfig = React.useRef(getGlobalConfig())\n  const [selectedIndex, setSelectedIndex] = useState(0)\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n  const [editingString, setEditingString] = useState(false)\n  const [currentInput, setCurrentInput] = useState('')\n  const [inputError, setInputError] = useState<string | null>(null)\n\n  const modelManager = getModelManager()\n  const activeProfiles = modelManager.getAvailableModels()\n\n  const settings: Setting[] = [\n    // Global settings\n    {\n      id: 'theme',\n      label: 'Theme',\n      value: globalConfig.theme ?? 'dark',\n      options: ['dark', 'light'],\n      onChange(theme: string) {\n        const config = { ...getGlobalConfig(), theme: theme as any }\n        saveGlobalConfig(config)\n        setGlobalConfig(config)\n      },\n      type: 'enum',\n    },\n    {\n      id: 'verbose',\n      label: 'Verbose mode',\n      value: globalConfig.verbose ?? false,\n      onChange(verbose: boolean) {\n        const config = { ...getGlobalConfig(), verbose }\n        saveGlobalConfig(config)\n        setGlobalConfig(config)\n      },\n      type: 'boolean',\n    },\n    {\n      id: 'stream',\n      label: 'Stream responses',\n      value: globalConfig.stream ?? true,\n      onChange(stream: boolean) {\n        const config = { ...getGlobalConfig(), stream }\n        saveGlobalConfig(config)\n        setGlobalConfig(config)\n      },\n      type: 'boolean',\n    },\n  ]\n\n  const theme = getTheme()\n\n  useInput((input, key) => {\n    if (editingString) {\n      if (key.return) {\n        const currentSetting = settings[selectedIndex]\n        if (currentSetting?.type === 'string') {\n          try {\n            currentSetting.onChange(currentInput)\n            setEditingString(false)\n            setCurrentInput('')\n            setInputError(null)\n          } catch (error) {\n            setInputError(\n              error instanceof Error ? error.message : 'Invalid input',\n            )\n          }\n        } else if (currentSetting?.type === 'number') {\n          const numValue = parseFloat(currentInput)\n          if (isNaN(numValue)) {\n            setInputError('Please enter a valid number')\n          } else {\n            try {\n              ;(currentSetting as any).onChange(numValue)\n              setEditingString(false)\n              setCurrentInput('')\n              setInputError(null)\n            } catch (error) {\n              setInputError(\n                error instanceof Error ? error.message : 'Invalid input',\n              )\n            }\n          }\n        }\n      } else if (key.escape) {\n        setEditingString(false)\n        setCurrentInput('')\n        setInputError(null)\n      } else if (key.delete || key.backspace) {\n        setCurrentInput(prev => prev.slice(0, -1))\n      } else if (input) {\n        setCurrentInput(prev => prev + input)\n      }\n      return\n    }\n\n    if (key.upArrow && !exitState.pending) {\n      setSelectedIndex(prev => Math.max(0, prev - 1))\n    } else if (key.downArrow && !exitState.pending) {\n      setSelectedIndex(prev => Math.min(settings.length - 1, prev + 1))\n    } else if (key.return && !exitState.pending) {\n      const currentSetting = settings[selectedIndex]\n      if (currentSetting?.disabled) return\n\n      if (currentSetting?.type === 'boolean') {\n        currentSetting.onChange(!currentSetting.value)\n      } else if (currentSetting?.type === 'enum') {\n        const currentIndex = currentSetting.options.indexOf(\n          currentSetting.value,\n        )\n        const nextIndex = (currentIndex + 1) % currentSetting.options.length\n        currentSetting.onChange(currentSetting.options[nextIndex])\n      } else if (\n        currentSetting?.type === 'string' ||\n        currentSetting?.type === 'number'\n      ) {\n        setCurrentInput(String(currentSetting.value))\n        setEditingString(true)\n        setInputError(null)\n      }\n    } else if (key.escape && !exitState.pending) {\n      // Check if config has changed\n      const currentConfigString = JSON.stringify(getGlobalConfig())\n      const initialConfigString = JSON.stringify(initialConfig.current)\n\n      if (currentConfigString !== initialConfigString) {\n        // Config has changed, save it\n        saveGlobalConfig(getGlobalConfig())\n      }\n\n      onClose()\n    }\n  })\n\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.secondaryBorder}\n        paddingX={2}\n        paddingY={1}\n        gap={1}\n      >\n        <Text bold>\n          Configuration{' '}\n          {exitState.pending\n            ? `(press ${exitState.keyName} again to exit)`\n            : ''}\n        </Text>\n\n        {/* Model Configuration Summary */}\n        <Box flexDirection=\"column\" marginY={1}>\n          <Text bold color={theme.success}>\n            Model Configuration:\n          </Text>\n          {activeProfiles.length === 0 ? (\n            <Text color={theme.secondaryText}>\n              No models configured. Use /model to add models.\n            </Text>\n          ) : (\n            <Box flexDirection=\"column\" marginLeft={2}>\n              {activeProfiles.map(profile => (\n                <React.Fragment key={profile.modelName}>\n                  <Text color={theme.secondaryText}>\n                    \u2022 {profile.name} ({profile.provider})\n                  </Text>\n                </React.Fragment>\n              ))}\n              <Box marginTop={1}>\n                <Text color={theme.suggestion}>\n                  Use /model to manage model configurations\n                </Text>\n              </Box>\n            </Box>\n          )}\n        </Box>\n\n        {/* Settings List */}\n        <Box flexDirection=\"column\">\n          {settings.map((setting, index) => (\n            <Box key={setting.id} flexDirection=\"column\">\n              <Box flexDirection=\"row\" gap={1}>\n                <Text\n                  color={\n                    index === selectedIndex\n                      ? theme.success\n                      : setting.disabled\n                        ? theme.secondaryText\n                        : theme.text\n                  }\n                >\n                  {index === selectedIndex ? figures.pointer : ' '}{' '}\n                  {setting.label}\n                </Text>\n                <Text\n                  color={\n                    setting.disabled ? theme.secondaryText : theme.suggestion\n                  }\n                >\n                  {setting.type === 'boolean'\n                    ? setting.value\n                      ? 'enabled'\n                      : 'disabled'\n                    : setting.type === 'enum'\n                      ? setting.value\n                      : String(setting.value)}\n                </Text>\n              </Box>\n              {index === selectedIndex && editingString && (\n                <Box flexDirection=\"column\" marginLeft={2}>\n                  <Text color={theme.suggestion}>\n                    Enter new value: {currentInput}\n                  </Text>\n                  {inputError && <Text color=\"red\">{inputError}</Text>}\n                </Box>\n              )}\n            </Box>\n          ))}\n        </Box>\n\n        <Box marginTop={1}>\n          <Text dimColor>\n            {editingString ? (\n              'Enter to save \u00B7 Esc to cancel'\n            ) : (\n              <>\n                \u2191/\u2193 to navigate \u00B7 Enter to change \u00B7 Esc to close\n                <Text color={theme.suggestion}>\n                  {' '}\n                  \u00B7 Use /model for model config\n                </Text>\n              </>\n            )}\n          </Text>\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["theme"]
+}

package/dist/components/ConsoleOAuthFlow.js

@@ -0,0 +1,188 @@
+import React, { useEffect, useState, useCallback } from "react";
+import { Static, Box, Text, useInput } from "ink";
+import TextInput from "./TextInput.js";
+import { OAuthService, createAndStoreApiKey } from "../services/oauth.js";
+import { getTheme } from "../utils/theme.js";
+import { logEvent } from "../services/statsig.js";
+import { AsciiLogo } from "./AsciiLogo.js";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+import { logError } from "../utils/log.js";
+import { clearTerminal } from "../utils/terminal.js";
+import { SimpleSpinner } from "./Spinner.js";
+import { WelcomeBox } from "./Onboarding.js";
+import { PRODUCT_NAME } from "../constants/product.js";
+import { sendNotification } from "../services/notifier.js";
+const PASTE_HERE_MSG = "Paste code here if prompted > ";
+function ConsoleOAuthFlow({ onDone }) {
+  const [oauthStatus, setOAuthStatus] = useState({
+    state: "idle"
+  });
+  const theme = getTheme();
+  const [pastedCode, setPastedCode] = useState("");
+  const [cursorOffset, setCursorOffset] = useState(0);
+  const [oauthService] = useState(() => new OAuthService());
+  const [showPastePrompt, setShowPastePrompt] = useState(false);
+  const [isClearing, setIsClearing] = useState(false);
+  const textInputColumns = useTerminalSize().columns - PASTE_HERE_MSG.length - 1;
+  useEffect(() => {
+    if (isClearing) {
+      clearTerminal();
+      setIsClearing(false);
+    }
+  }, [isClearing]);
+  useEffect(() => {
+    if (oauthStatus.state === "about_to_retry") {
+      setIsClearing(true);
+      setTimeout(() => {
+        setOAuthStatus(oauthStatus.nextState);
+      }, 1e3);
+    }
+  }, [oauthStatus]);
+  useInput(async (_, key) => {
+    if (key.return) {
+      if (oauthStatus.state === "idle") {
+        logEvent("tengu_oauth_start", {});
+        setOAuthStatus({ state: "ready_to_start" });
+      } else if (oauthStatus.state === "success") {
+        logEvent("tengu_oauth_success", {});
+        await clearTerminal();
+        onDone();
+      } else if (oauthStatus.state === "error" && oauthStatus.toRetry) {
+        setPastedCode("");
+        setOAuthStatus({
+          state: "about_to_retry",
+          nextState: oauthStatus.toRetry
+        });
+      }
+    }
+  });
+  async function handleSubmitCode(value, url) {
+    try {
+      const [authorizationCode, state] = value.split("#");
+      if (!authorizationCode || !state) {
+        setOAuthStatus({
+          state: "error",
+          message: "Invalid code. Please make sure the full code was copied",
+          toRetry: { state: "waiting_for_login", url }
+        });
+        return;
+      }
+      logEvent("tengu_oauth_manual_entry", {});
+      oauthService.processCallback({
+        authorizationCode,
+        state,
+        useManualRedirect: true
+      });
+    } catch (err) {
+      logError(err);
+      setOAuthStatus({
+        state: "error",
+        message: err.message,
+        toRetry: { state: "waiting_for_login", url }
+      });
+    }
+  }
+  const startOAuth = useCallback(async () => {
+    try {
+      const result = await oauthService.startOAuthFlow(async (url) => {
+        setOAuthStatus({ state: "waiting_for_login", url });
+        setTimeout(() => setShowPastePrompt(true), 3e3);
+      }).catch((err) => {
+        if (err.message.includes("Token exchange failed")) {
+          setOAuthStatus({
+            state: "error",
+            message: "Failed to exchange authorization code for access token. Please try again.",
+            toRetry: { state: "ready_to_start" }
+          });
+          logEvent("tengu_oauth_token_exchange_error", { error: err.message });
+        } else {
+          setOAuthStatus({
+            state: "error",
+            message: err.message,
+            toRetry: { state: "ready_to_start" }
+          });
+        }
+        throw err;
+      });
+      setOAuthStatus({ state: "creating_api_key" });
+      const apiKey = await createAndStoreApiKey(result.accessToken).catch(
+        (err) => {
+          setOAuthStatus({
+            state: "error",
+            message: "Failed to create API key: " + err.message,
+            toRetry: { state: "ready_to_start" }
+          });
+          logEvent("tengu_oauth_api_key_error", { error: err.message });
+          throw err;
+        }
+      );
+      if (apiKey) {
+        setOAuthStatus({ state: "success", apiKey });
+        sendNotification({ message: "Kode login successful" });
+      } else {
+        setOAuthStatus({
+          state: "error",
+          message: "Unable to create API key. The server accepted the request but didn't return a key.",
+          toRetry: { state: "ready_to_start" }
+        });
+        logEvent("tengu_oauth_api_key_error", {
+          error: "server_returned_no_key"
+        });
+      }
+    } catch (err) {
+      const errorMessage = err.message;
+      logEvent("tengu_oauth_error", { error: errorMessage });
+    }
+  }, [oauthService, setShowPastePrompt]);
+  useEffect(() => {
+    if (oauthStatus.state === "ready_to_start") {
+      startOAuth();
+    }
+  }, [oauthStatus.state, startOAuth]);
+  function renderStatusMessage() {
+    switch (oauthStatus.state) {
+      case "idle":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_NAME, " is billed based on API usage through your Anthropic Console account."), /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, "Pricing may evolve as we move towards general availability.")), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.permission }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter"), " to login to your Anthropic Console account\u2026")));
+      case "waiting_for_login":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, !showPastePrompt && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, null, "Opening browser to sign in\u2026")), showPastePrompt && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, null, PASTE_HERE_MSG), /* @__PURE__ */ React.createElement(
+          TextInput,
+          {
+            value: pastedCode,
+            onChange: setPastedCode,
+            onSubmit: (value) => handleSubmitCode(value, oauthStatus.url),
+            cursorOffset,
+            onChangeCursorOffset: setCursorOffset,
+            columns: textInputColumns
+          }
+        )));
+      case "creating_api_key":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(SimpleSpinner, null), /* @__PURE__ */ React.createElement(Text, null, "Creating API key for Kode\u2026")));
+      case "about_to_retry":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.permission }, "Retrying\u2026"));
+      case "success":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.success }, "Login successful. Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter"), " to continue\u2026"));
+      case "error":
+        return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.error }, "OAuth error: ", oauthStatus.message), oauthStatus.toRetry && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.permission }, "Press ", /* @__PURE__ */ React.createElement(Text, { bold: true }, "Enter"), " to retry.")));
+      default:
+        return null;
+    }
+  }
+  const staticItems = {};
+  if (!isClearing) {
+    staticItems.header = /* @__PURE__ */ React.createElement(Box, { key: "header", flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(WelcomeBox, null), /* @__PURE__ */ React.createElement(Box, { paddingBottom: 1, paddingLeft: 1 }, /* @__PURE__ */ React.createElement(AsciiLogo, null)));
+  }
+  if (oauthStatus.state === "waiting_for_login" && showPastePrompt) {
+    staticItems.urlToCopy = /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", key: "urlToCopy", gap: 1, paddingBottom: 1 }, /* @__PURE__ */ React.createElement(Box, { paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Browser didn't open? Use the url below to sign in:")), /* @__PURE__ */ React.createElement(Box, { width: 1e3 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, oauthStatus.url)));
+  }
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", gap: 1 }, /* @__PURE__ */ React.createElement(
+    Static,
+    {
+      items: Object.keys(staticItems),
+      children: (item) => staticItems[item]
+    }
+  ), /* @__PURE__ */ React.createElement(Box, { paddingLeft: 1, flexDirection: "column", gap: 1 }, renderStatusMessage()));
+}
+export {
+  ConsoleOAuthFlow
+};
+//# sourceMappingURL=ConsoleOAuthFlow.js.map

package/dist/components/ConsoleOAuthFlow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/ConsoleOAuthFlow.tsx"],
+  "sourcesContent": ["import React, { useEffect, useState, useCallback } from 'react'\nimport { Static, Box, Text, useInput } from 'ink'\nimport TextInput from './TextInput'\nimport { OAuthService, createAndStoreApiKey } from '../services/oauth'\nimport { getTheme } from '../utils/theme'\nimport { logEvent } from '../services/statsig'\nimport { AsciiLogo } from './AsciiLogo'\nimport { useTerminalSize } from '../hooks/useTerminalSize'\nimport { logError } from '../utils/log'\nimport { clearTerminal } from '../utils/terminal'\nimport { SimpleSpinner } from './Spinner'\nimport { WelcomeBox } from './Onboarding'\nimport { PRODUCT_NAME } from '../constants/product'\nimport { sendNotification } from '../services/notifier'\n\ntype Props = {\n  onDone(): void\n}\n\ntype OAuthStatus =\n  | { state: 'idle' }\n  | { state: 'ready_to_start' }\n  | { state: 'waiting_for_login'; url: string }\n  | { state: 'creating_api_key' }\n  | { state: 'about_to_retry'; nextState: OAuthStatus }\n  | { state: 'success'; apiKey: string }\n  | {\n      state: 'error'\n      message: string\n      toRetry?: OAuthStatus\n    }\n\nconst PASTE_HERE_MSG = 'Paste code here if prompted > '\n\nexport function ConsoleOAuthFlow({ onDone }: Props): React.ReactNode {\n  const [oauthStatus, setOAuthStatus] = useState<OAuthStatus>({\n    state: 'idle',\n  })\n  const theme = getTheme()\n\n  const [pastedCode, setPastedCode] = useState('')\n  const [cursorOffset, setCursorOffset] = useState(0)\n  const [oauthService] = useState(() => new OAuthService())\n  // After a few seconds we suggest the user to copy/paste url if the\n  // browser did not open automatically. In this flow we expect the user to\n  // copy the code from the browser and paste it in the terminal\n  const [showPastePrompt, setShowPastePrompt] = useState(false)\n  // we need a special clearing state to correctly re-render Static elements\n  const [isClearing, setIsClearing] = useState(false)\n\n  const textInputColumns = useTerminalSize().columns - PASTE_HERE_MSG.length - 1\n\n  useEffect(() => {\n    if (isClearing) {\n      clearTerminal()\n      setIsClearing(false)\n    }\n  }, [isClearing])\n\n  // Retry logic\n  useEffect(() => {\n    if (oauthStatus.state === 'about_to_retry') {\n      setIsClearing(true)\n      setTimeout(() => {\n        setOAuthStatus(oauthStatus.nextState)\n      }, 1000)\n    }\n  }, [oauthStatus])\n\n  useInput(async (_, key) => {\n    if (key.return) {\n      if (oauthStatus.state === 'idle') {\n        logEvent('tengu_oauth_start', {})\n        setOAuthStatus({ state: 'ready_to_start' })\n      } else if (oauthStatus.state === 'success') {\n        logEvent('tengu_oauth_success', {})\n        await clearTerminal() // needed to clear out Static components\n        onDone()\n      } else if (oauthStatus.state === 'error' && oauthStatus.toRetry) {\n        setPastedCode('')\n        setOAuthStatus({\n          state: 'about_to_retry',\n          nextState: oauthStatus.toRetry,\n        })\n      }\n    }\n  })\n\n  async function handleSubmitCode(value: string, url: string) {\n    try {\n      // Expecting format \"authorizationCode#state\" from the authorization callback URL\n      const [authorizationCode, state] = value.split('#')\n\n      if (!authorizationCode || !state) {\n        setOAuthStatus({\n          state: 'error',\n          message: 'Invalid code. Please make sure the full code was copied',\n          toRetry: { state: 'waiting_for_login', url },\n        })\n        return\n      }\n\n      // Track which path the user is taking (manual code entry)\n      logEvent('tengu_oauth_manual_entry', {})\n      oauthService.processCallback({\n        authorizationCode,\n        state,\n        useManualRedirect: true,\n      })\n    } catch (err) {\n      logError(err)\n      setOAuthStatus({\n        state: 'error',\n        message: (err as Error).message,\n        toRetry: { state: 'waiting_for_login', url },\n      })\n    }\n  }\n\n  const startOAuth = useCallback(async () => {\n    try {\n      const result = await oauthService\n        .startOAuthFlow(async url => {\n          setOAuthStatus({ state: 'waiting_for_login', url })\n          setTimeout(() => setShowPastePrompt(true), 3000)\n        })\n        .catch(err => {\n          // Handle token exchange errors specifically\n          if (err.message.includes('Token exchange failed')) {\n            setOAuthStatus({\n              state: 'error',\n              message:\n                'Failed to exchange authorization code for access token. Please try again.',\n              toRetry: { state: 'ready_to_start' },\n            })\n            logEvent('tengu_oauth_token_exchange_error', { error: err.message })\n          } else {\n            // Handle other errors\n            setOAuthStatus({\n              state: 'error',\n              message: err.message,\n              toRetry: { state: 'ready_to_start' },\n            })\n          }\n          throw err\n        })\n\n      setOAuthStatus({ state: 'creating_api_key' })\n\n      const apiKey = await createAndStoreApiKey(result.accessToken).catch(\n        err => {\n          setOAuthStatus({\n            state: 'error',\n            message: 'Failed to create API key: ' + err.message,\n            toRetry: { state: 'ready_to_start' },\n          })\n          logEvent('tengu_oauth_api_key_error', { error: err.message })\n          throw err\n        },\n      )\n\n      if (apiKey) {\n        setOAuthStatus({ state: 'success', apiKey })\n        sendNotification({ message: 'Kode login successful' })\n      } else {\n        setOAuthStatus({\n          state: 'error',\n          message:\n            \"Unable to create API key. The server accepted the request but didn't return a key.\",\n          toRetry: { state: 'ready_to_start' },\n        })\n        logEvent('tengu_oauth_api_key_error', {\n          error: 'server_returned_no_key',\n        })\n      }\n    } catch (err) {\n      const errorMessage = (err as Error).message\n      logEvent('tengu_oauth_error', { error: errorMessage })\n    }\n  }, [oauthService, setShowPastePrompt])\n\n  useEffect(() => {\n    if (oauthStatus.state === 'ready_to_start') {\n      startOAuth()\n    }\n  }, [oauthStatus.state, startOAuth])\n\n  // Helper function to render the appropriate status message\n  function renderStatusMessage(): React.ReactNode {\n    switch (oauthStatus.state) {\n      case 'idle':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            <Text bold>\n              {PRODUCT_NAME} is billed based on API usage through your Anthropic\n              Console account.\n            </Text>\n\n            <Box>\n              <Text>\n                Pricing may evolve as we move towards general availability.\n              </Text>\n            </Box>\n\n            <Box marginTop={1}>\n              <Text color={theme.permission}>\n                Press <Text bold>Enter</Text> to login to your Anthropic Console\n                account\u2026\n              </Text>\n            </Box>\n          </Box>\n        )\n\n      case 'waiting_for_login':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            {!showPastePrompt && (\n              <Box>\n                <SimpleSpinner />\n                <Text>Opening browser to sign in\u2026</Text>\n              </Box>\n            )}\n\n            {showPastePrompt && (\n              <Box>\n                <Text>{PASTE_HERE_MSG}</Text>\n                <TextInput\n                  value={pastedCode}\n                  onChange={setPastedCode}\n                  onSubmit={(value: string) =>\n                    handleSubmitCode(value, oauthStatus.url)\n                  }\n                  cursorOffset={cursorOffset}\n                  onChangeCursorOffset={setCursorOffset}\n                  columns={textInputColumns}\n                />\n              </Box>\n            )}\n          </Box>\n        )\n\n      case 'creating_api_key':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            <Box>\n              <SimpleSpinner />\n              <Text>Creating API key for Kode\u2026</Text>\n            </Box>\n          </Box>\n        )\n\n      case 'about_to_retry':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            <Text color={theme.permission}>Retrying\u2026</Text>\n          </Box>\n        )\n\n      case 'success':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            <Text color={theme.success}>\n              Login successful. Press <Text bold>Enter</Text> to continue\u2026\n            </Text>\n          </Box>\n        )\n\n      case 'error':\n        return (\n          <Box flexDirection=\"column\" gap={1}>\n            <Text color={theme.error}>OAuth error: {oauthStatus.message}</Text>\n\n            {oauthStatus.toRetry && (\n              <Box marginTop={1}>\n                <Text color={theme.permission}>\n                  Press <Text bold>Enter</Text> to retry.\n                </Text>\n              </Box>\n            )}\n          </Box>\n        )\n\n      default:\n        return null\n    }\n  }\n\n  // We need to render the copy-able URL statically to prevent Ink <Text> from inserting\n  // newlines in the middle of the URL (this breaks Safari). Because <Static> components are\n  // only rendered once top-to-bottom, we also need to make everything above the URL static.\n  const staticItems: Record<string, React.JSX.Element> = {}\n  if (!isClearing) {\n    staticItems.header = (\n      <Box key=\"header\" flexDirection=\"column\" gap={1}>\n        <WelcomeBox />\n        <Box paddingBottom={1} paddingLeft={1}>\n          <AsciiLogo />\n        </Box>\n      </Box>\n    )\n  }\n  if (oauthStatus.state === 'waiting_for_login' && showPastePrompt) {\n    staticItems.urlToCopy = (\n      <Box flexDirection=\"column\" key=\"urlToCopy\" gap={1} paddingBottom={1}>\n        <Box paddingX={1}>\n          <Text dimColor>\n            Browser didn&apos;t open? Use the url below to sign in:\n          </Text>\n        </Box>\n        <Box width={1000}>\n          <Text dimColor>{oauthStatus.url}</Text>\n        </Box>\n      </Box>\n    )\n  }\n  return (\n    <Box flexDirection=\"column\" gap={1}>\n      <Static \n        items={Object.keys(staticItems)}\n        children={(item: string) => staticItems[item]}\n      />\n      <Box paddingLeft={1} flexDirection=\"column\" gap={1}>\n        {renderStatusMessage()}\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/Cost.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { Box, Text } from "ink";
+function Cost({ costUSD, durationMs, debug }) {
+  if (!debug) {
+    return null;
+  }
+  const durationInSeconds = (durationMs / 1e3).toFixed(1);
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", minWidth: 23, width: 23 }, /* @__PURE__ */ React.createElement(Text, { dimColor: true }, "Cost: $", costUSD.toFixed(4), " (", durationInSeconds, "s)"));
+}
+export {
+  Cost
+};
+//# sourceMappingURL=Cost.js.map

package/dist/components/Cost.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Cost.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Box, Text } from 'ink'\n\ntype Props = {\n  costUSD: number\n  durationMs: number\n  debug: boolean\n}\n\nexport function Cost({ costUSD, durationMs, debug }: Props): React.ReactNode {\n  if (!debug) {\n    return null\n  }\n\n  const durationInSeconds = (durationMs / 1000).toFixed(1)\n  return (\n    <Box flexDirection=\"column\" minWidth={23} width={23}>\n      <Text dimColor>\n        Cost: ${costUSD.toFixed(4)} ({durationInSeconds}s)\n      </Text>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,KAAK,YAAY;AAQnB,SAAS,KAAK,EAAE,SAAS,YAAY,MAAM,GAA2B;AAC3E,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,qBAAqB,aAAa,KAAM,QAAQ,CAAC;AACvD,SACE,oCAAC,OAAI,eAAc,UAAS,UAAU,IAAI,OAAO,MAC/C,oCAAC,QAAK,UAAQ,QAAC,WACL,QAAQ,QAAQ,CAAC,GAAE,MAAG,mBAAkB,IAClD,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/CostThresholdDialog.js

@@ -0,0 +1,38 @@
+import { Box, Text, useInput } from "ink";
+import React from "react";
+import { Select } from "./CustomSelect/select.js";
+import { getTheme } from "../utils/theme.js";
+import Link from "./Link.js";
+function CostThresholdDialog({ onDone }) {
+  useInput((input, key) => {
+    if (key.ctrl && (input === "c" || input === "d") || key.escape) {
+      onDone();
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      padding: 1,
+      borderColor: getTheme().secondaryBorder
+    },
+    /* @__PURE__ */ React.createElement(Box, { marginBottom: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "You've spent $5 on AI model API calls this session."), /* @__PURE__ */ React.createElement(Text, null, "Learn more about monitoring your AI usage costs:"), /* @__PURE__ */ React.createElement(Link, { url: "https://github.com/anthropics/claude-code/docs/cost-monitoring" })),
+    /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: [
+          {
+            value: "ok",
+            label: "Got it, thanks!"
+          }
+        ],
+        onChange: onDone
+      }
+    ))
+  );
+}
+export {
+  CostThresholdDialog
+};
+//# sourceMappingURL=CostThresholdDialog.js.map

package/dist/components/CostThresholdDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/CostThresholdDialog.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport React from 'react'\nimport { Select } from './CustomSelect/select'\nimport { getTheme } from '../utils/theme'\nimport Link from './Link'\n\ninterface Props {\n  onDone: () => void\n}\n\nexport function CostThresholdDialog({ onDone }: Props): React.ReactNode {\n  // Handle Ctrl+C, Ctrl+D and Esc\n  useInput((input, key) => {\n    if ((key.ctrl && (input === 'c' || input === 'd')) || key.escape) {\n      onDone()\n    }\n  })\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderStyle=\"round\"\n      padding={1}\n      borderColor={getTheme().secondaryBorder}\n    >\n      <Box marginBottom={1} flexDirection=\"column\">\n        <Text bold>\n          You&apos;ve spent $5 on AI model API calls this session.\n        </Text>\n        <Text>Learn more about monitoring your AI usage costs:</Text>\n        <Link url=\"https://github.com/anthropics/claude-code/docs/cost-monitoring\" />\n      </Box>\n      <Box>\n        <Select\n          options={[\n            {\n              value: 'ok',\n              label: 'Got it, thanks!',\n            },\n          ]}\n          onChange={onDone}\n        />\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,OAAO,UAAU;AAMV,SAAS,oBAAoB,EAAE,OAAO,GAA2B;AAEtE,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAK,IAAI,SAAS,UAAU,OAAO,UAAU,QAAS,IAAI,QAAQ;AAChE,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,SAAS;AAAA,MACT,aAAa,SAAS,EAAE;AAAA;AAAA,IAExB,oCAAC,OAAI,cAAc,GAAG,eAAc,YAClC,oCAAC,QAAK,MAAI,QAAC,qDAEX,GACA,oCAAC,YAAK,kDAAgD,GACtD,oCAAC,QAAK,KAAI,kEAAiE,CAC7E;AAAA,IACA,oCAAC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,UACP;AAAA,YACE,OAAO;AAAA,YACP,OAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,CACF;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/components/CustomSelect/option-map.js

@@ -0,0 +1,32 @@
+import { optionHeaderKey } from "./select.js";
+class OptionMap extends Map {
+  first;
+  constructor(options) {
+    const items = [];
+    let firstItem;
+    let previous;
+    let index = 0;
+    for (const option of options) {
+      const item = {
+        ...option,
+        previous,
+        next: void 0,
+        index
+      };
+      if (previous) {
+        previous.next = item;
+      }
+      firstItem ||= item;
+      const key = "value" in option ? option.value : optionHeaderKey(option);
+      items.push([key, item]);
+      index++;
+      previous = item;
+    }
+    super(items);
+    this.first = firstItem;
+  }
+}
+export {
+  OptionMap as default
+};
+//# sourceMappingURL=option-map.js.map

package/dist/components/CustomSelect/option-map.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/option-map.ts"],
+  "sourcesContent": ["import { type Option } from '@inkjs/ui'\nimport { optionHeaderKey, type OptionHeader } from './select'\n\ntype OptionMapItem = (Option | OptionHeader) & {\n  previous: OptionMapItem | undefined\n  next: OptionMapItem | undefined\n  index: number\n}\n\nexport default class OptionMap extends Map<string, OptionMapItem> {\n  readonly first: OptionMapItem | undefined\n\n  constructor(options: (Option | OptionHeader)[]) {\n    const items: Array<[string, OptionMapItem]> = []\n    let firstItem: OptionMapItem | undefined\n    let previous: OptionMapItem | undefined\n    let index = 0\n\n    for (const option of options) {\n      const item = {\n        ...option,\n        previous,\n        next: undefined,\n        index,\n      }\n\n      if (previous) {\n        previous.next = item\n      }\n\n      firstItem ||= item\n\n      const key = 'value' in option ? option.value : optionHeaderKey(option)\n      items.push([key, item])\n      index++\n      previous = item\n    }\n\n    super(items)\n    this.first = firstItem\n  }\n}\n"],
+  "mappings": "AACA,SAAS,uBAA0C;AAQnD,MAAO,kBAAgC,IAA2B;AAAA,EACvD;AAAA,EAET,YAAY,SAAoC;AAC9C,UAAM,QAAwC,CAAC;AAC/C,QAAI;AACJ,QAAI;AACJ,QAAI,QAAQ;AAEZ,eAAW,UAAU,SAAS;AAC5B,YAAM,OAAO;AAAA,QACX,GAAG;AAAA,QACH;AAAA,QACA,MAAM;AAAA,QACN;AAAA,MACF;AAEA,UAAI,UAAU;AACZ,iBAAS,OAAO;AAAA,MAClB;AAEA,oBAAc;AAEd,YAAM,MAAM,WAAW,SAAS,OAAO,QAAQ,gBAAgB,MAAM;AACrE,YAAM,KAAK,CAAC,KAAK,IAAI,CAAC;AACtB;AACA,iBAAW;AAAA,IACb;AAEA,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,EACf;AACF;",
+  "names": []
+}

package/dist/components/CustomSelect/select-option.js

@@ -0,0 +1,34 @@
+import figures from "figures";
+import { Box, Text } from "ink";
+import React from "react";
+import { getTheme } from "../../utils/theme.js";
+function SelectOption({
+  isFocused,
+  isSelected,
+  smallPointer,
+  children,
+  ...props
+}) {
+  const appTheme = getTheme();
+  const styles = {
+    option: ({ isFocused: isFocused2 }) => ({
+      paddingLeft: 2,
+      paddingRight: 1
+    }),
+    focusIndicator: () => ({
+      color: appTheme.kode
+    }),
+    label: ({ isFocused: isFocused2, isSelected: isSelected2 }) => ({
+      color: isSelected2 ? appTheme.success : isFocused2 ? appTheme.kode : appTheme.text,
+      bold: isSelected2
+    }),
+    selectedIndicator: () => ({
+      color: appTheme.success
+    })
+  };
+  return /* @__PURE__ */ React.createElement(Box, { ...styles.option({ isFocused }) }, isFocused && /* @__PURE__ */ React.createElement(Text, { ...styles.focusIndicator() }, smallPointer ? figures.triangleDownSmall : figures.pointer), /* @__PURE__ */ React.createElement(Text, { ...styles.label({ isFocused, isSelected }) }, children), isSelected && /* @__PURE__ */ React.createElement(Text, { ...styles.selectedIndicator() }, figures.tick));
+}
+export {
+  SelectOption
+};
+//# sourceMappingURL=select-option.js.map

package/dist/components/CustomSelect/select-option.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/select-option.tsx"],
+  "sourcesContent": ["import figures from 'figures'\nimport { Box, Text } from 'ink'\nimport React, { type ReactNode } from 'react'\nimport { type Theme } from './theme'\nimport { getTheme } from '../../utils/theme'\n\nexport type SelectOptionProps = {\n  /**\n   * Determines if option is focused.\n   */\n  readonly isFocused: boolean\n\n  /**\n   * Determines if option is selected.\n   */\n  readonly isSelected: boolean\n\n  /**\n   * Determines if pointer is shown when selected\n   */\n  readonly smallPointer?: boolean\n\n  /**\n   * Option label.\n   */\n  readonly children: ReactNode\n\n  /**\n   * React key prop (handled internally by React)\n   */\n  readonly key?: React.Key\n}\n\nexport function SelectOption({\n  isFocused,\n  isSelected,\n  smallPointer,\n  children,\n  ...props\n}: SelectOptionProps) {\n  const appTheme = getTheme()\n  const styles = {\n    option: ({ isFocused }: { isFocused: boolean }) => ({\n      paddingLeft: 2,\n      paddingRight: 1,\n    }),\n    focusIndicator: () => ({\n      color: appTheme.kode,\n    }),\n    label: ({ isFocused, isSelected }: { isFocused: boolean; isSelected: boolean }) => ({\n      color: isSelected \n        ? appTheme.success \n        : isFocused \n          ? appTheme.kode \n          : appTheme.text,\n      bold: isSelected,\n    }),\n    selectedIndicator: () => ({\n      color: appTheme.success,\n    }),\n  }\n\n  return (\n    <Box {...styles.option({ isFocused })}>\n      {isFocused && (\n        <Text {...styles.focusIndicator()}>\n          {smallPointer ? figures.triangleDownSmall : figures.pointer}\n        </Text>\n      )}\n\n      <Text {...styles.label({ isFocused, isSelected })}>{children}</Text>\n\n      {isSelected && (\n        <Text {...styles.selectedIndicator()}>{figures.tick}</Text>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,SAAS,KAAK,YAAY;AAC1B,OAAO,WAA+B;AAEtC,SAAS,gBAAgB;AA6BlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,WAAW,SAAS;AAC1B,QAAM,SAAS;AAAA,IACb,QAAQ,CAAC,EAAE,WAAAA,WAAU,OAA+B;AAAA,MAClD,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AAAA,IACA,gBAAgB,OAAO;AAAA,MACrB,OAAO,SAAS;AAAA,IAClB;AAAA,IACA,OAAO,CAAC,EAAE,WAAAA,YAAW,YAAAC,YAAW,OAAoD;AAAA,MAClF,OAAOA,cACH,SAAS,UACTD,aACE,SAAS,OACT,SAAS;AAAA,MACf,MAAMC;AAAA,IACR;AAAA,IACA,mBAAmB,OAAO;AAAA,MACxB,OAAO,SAAS;AAAA,IAClB;AAAA,EACF;AAEA,SACE,oCAAC,OAAK,GAAG,OAAO,OAAO,EAAE,UAAU,CAAC,KACjC,aACC,oCAAC,QAAM,GAAG,OAAO,eAAe,KAC7B,eAAe,QAAQ,oBAAoB,QAAQ,OACtD,GAGF,oCAAC,QAAM,GAAG,OAAO,MAAM,EAAE,WAAW,WAAW,CAAC,KAAI,QAAS,GAE5D,cACC,oCAAC,QAAM,GAAG,OAAO,kBAAkB,KAAI,QAAQ,IAAK,CAExD;AAEJ;",
+  "names": ["isFocused", "isSelected"]
+}