@within-7/minto 0.0.5-dev.1

package/dist/components/Bug.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Bug.tsx"],
+  "sourcesContent": ["import { Box, Text, useInput } from 'ink'\nimport * as React from 'react'\nimport { useState, useCallback, useEffect } from 'react'\nimport { getTheme } from '@utils/theme'\nimport { getMessagesGetter } from '@messages'\nimport type { Message } from '@query'\nimport TextInput from './TextInput'\nimport { logError, getInMemoryErrors } from '@utils/log'\nimport { env } from '@utils/env'\nimport { getGitState, getIsGit, GitRepoState } from '@utils/git'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\nimport { getAnthropicApiKey, getGlobalConfig } from '@utils/config'\nimport { USER_AGENT } from '@utils/http'\nimport { PRODUCT_NAME } from '@constants/product'\nimport { API_ERROR_MESSAGE_PREFIX, queryQuick } from '@services/claude'\nimport { openBrowser } from '@utils/browser'\nimport { useExitOnCtrlCD } from '@hooks/useExitOnCtrlCD'\nimport { MACRO } from '@constants/macros'\nimport { GITHUB_ISSUES_REPO_URL } from '@constants/product'\n\ntype Props = {\n  onDone(result: string): void\n}\n\ntype Step = 'userInput' | 'consent' | 'submitting' | 'done'\n\ntype FeedbackData = {\n  // Removing because of privacy concerns. Add this back in when we have a more\n  // robust tool for viewing feedback data that can de-identify users\n  // user_id: string\n  // session_id: string\n  message_count: number\n  datetime: string\n  description: string\n  platform: string\n  gitRepo: boolean\n  version: string | null\n  transcript: Message[]\n}\n\nexport function Bug({ onDone }: Props): React.ReactNode {\n  const [step, setStep] = useState<Step>('userInput')\n  const [cursorOffset, setCursorOffset] = useState(0)\n  const [description, setDescription] = useState('')\n  const [feedbackId, setFeedbackId] = useState<string | null>(null)\n  const [error, setError] = useState<string | null>(null)\n  const [envInfo, setEnvInfo] = useState<{\n    isGit: boolean\n    gitState: GitRepoState | null\n  }>({ isGit: false, gitState: null })\n  const [title, setTitle] = useState<string | null>(null)\n  const textInputColumns = useTerminalSize().columns - 4\n  const messages = getMessagesGetter()()\n\n  useEffect(() => {\n    async function loadEnvInfo() {\n      const isGit = await getIsGit()\n      let gitState: GitRepoState | null = null\n      if (isGit) {\n        gitState = await getGitState()\n      }\n      setEnvInfo({ isGit, gitState })\n    }\n    void loadEnvInfo()\n  }, [])\n\n  const exitState = useExitOnCtrlCD(() => process.exit(0))\n\n  const submitReport = useCallback(async () => {\n    setStep('done')\n    // setStep('submitting')\n    // setError(null)\n    // setFeedbackId(null)\n\n    // const reportData = {\n    //   message_count: messages.length,\n    //   datetime: new Date().toISOString(),\n    //   description,\n    //   platform: env.platform,\n    //   gitRepo: envInfo.isGit,\n    //   terminal: env.terminal,\n    //   version: MACRO.VERSION,\n    //   transcript: messages,\n    //   errors: getInMemoryErrors(),\n    // }\n\n    // const [result, t] = await Promise.all([\n    //   submitFeedback(reportData),\n    //   generateTitle(description),\n    // ])\n\n    // setTitle(t)\n\n    // if (result.success) {\n    //   if (result.feedbackId) {\n    //     setFeedbackId(result.feedbackId)\n    //     logEvent('tengu_bug_report_submitted', {\n    //       feedback_id: result.feedbackId,\n    //     })\n    //   }\n    //   setStep('done')\n    // } else {\n    //   console.log(result)\n    //   setError('Could not submit feedback. Please try again later.')\n    //   setStep('userInput')\n    // }\n  }, [description, envInfo.isGit, messages])\n\n  useInput((input, key) => {\n    // Allow any key press to close the dialog when done or when there's an error\n    // if (step === 'done') {\n    //   if (key.return && feedbackId && title) {\n    //     // Open GitHub issue URL when Enter is pressed\n    //     const issueUrl = createGitHubIssueUrl(feedbackId, title, description)\n    //     void openBrowser(issueUrl)\n    //   }\n    //   onDone('<bash-stdout>Bug report submitted</bash-stdout>')\n    //   return\n    // }\n\n    if (error) {\n      onDone('<bash-stderr>Error submitting bug report</bash-stderr>')\n      return\n    }\n\n    if (key.escape) {\n      onDone('<bash-stderr>Bug report cancelled</bash-stderr>')\n      return\n    }\n\n    if (step === 'consent' && (key.return || input === ' ')) {\n      const issueUrl = createGitHubIssueUrl(\n        feedbackId,\n        description.slice(0, 80),\n        description,\n      )\n      void openBrowser(issueUrl)\n      onDone('<bash-stdout>Bug report submitted</bash-stdout>')\n    }\n  })\n\n  const theme = getTheme()\n\n  return (\n    <>\n      <Box\n        flexDirection=\"column\"\n        borderStyle=\"round\"\n        borderColor={theme.permission}\n        paddingX={1}\n        paddingBottom={1}\n        gap={1}\n      >\n        <Text bold color={theme.permission}>\n          Submit Bug Report\n        </Text>\n        {step === 'userInput' && (\n          <Box flexDirection=\"column\" gap={1}>\n            <Text>\n              Describe the issue below and copy/paste any errors you see:\n            </Text>\n            <TextInput\n              value={description}\n              onChange={setDescription}\n              columns={textInputColumns}\n              onSubmit={() => setStep('consent')}\n              onExitMessage={() =>\n                onDone('<bash-stderr>Bug report cancelled</bash-stderr>')\n              }\n              cursorOffset={cursorOffset}\n              onChangeCursorOffset={setCursorOffset}\n            />\n            {error && (\n              <Box flexDirection=\"column\" gap={1}>\n                <Text color=\"red\">{error}</Text>\n                <Text dimColor>Press any key to close</Text>\n              </Box>\n            )}\n          </Box>\n        )}\n\n        {step === 'consent' && (\n          <Box flexDirection=\"column\">\n            <Text>This report will include:</Text>\n            <Box marginLeft={2} flexDirection=\"column\">\n              <Text>\n                - Your bug description: <Text dimColor>{description}</Text>\n              </Text>\n              <Text>\n                - Environment info:{' '}\n                <Text dimColor>\n                  {env.platform}, {env.terminal}, v{MACRO.VERSION}\n                </Text>\n              </Text>\n              {/* {envInfo.gitState && (\n                <Text>\n                  - Git repo metadata:{' '}\n                  <Text dimColor>\n                    {envInfo.gitState.branchName}\n                    {envInfo.gitState.commitHash\n                      ? `, ${envInfo.gitState.commitHash.slice(0, 7)}`\n                      : ''}\n                    {envInfo.gitState.remoteUrl\n                      ? ` @ ${envInfo.gitState.remoteUrl}`\n                      : ''}\n                    {!envInfo.gitState.isHeadOnRemote && ', not synced'}\n                    {!envInfo.gitState.isClean && ', has local changes'}\n                  </Text>\n                </Text>\n              )} */}\n              <Text>- Model settings (no api keys)</Text>\n            </Box>\n            {/* <Box marginTop={1}>\n              <Text wrap=\"wrap\" dimColor>\n                We will use your feedback to debug related issues or to improve{' '}\n                {PRODUCT_NAME}&apos;s functionality (eg. to reduce the risk of\n                bugs occurring in the future). Anthropic will not train\n                generative models using feedback from {PRODUCT_NAME}.\n              </Text>\n            </Box>\n            <Box marginTop={1}>\n              <Text>\n                Press <Text bold>Enter</Text> to confirm and submit.\n              </Text>\n            </Box> */}\n          </Box>\n        )}\n\n        {step === 'submitting' && (\n          <Box flexDirection=\"row\" gap={1}>\n            <Text>Submitting report\u2026</Text>\n          </Box>\n        )}\n\n        {step === 'done' && (\n          <Box flexDirection=\"column\">\n            <Text color={getTheme().success}>Thank you for your report!</Text>\n            {feedbackId && <Text dimColor>Feedback ID: {feedbackId}</Text>}\n            <Box marginTop={1}>\n              <Text>Press </Text>\n              <Text bold>Enter </Text>\n              <Text>\n                to also create a GitHub issue, or any other key to close.\n              </Text>\n            </Box>\n          </Box>\n        )}\n      </Box>\n\n      <Box marginLeft={3}>\n        <Text dimColor>\n          {exitState.pending ? (\n            <>Press {exitState.keyName} again to exit</>\n          ) : step === 'userInput' ? (\n            <>Enter to continue \u00B7 Esc to cancel</>\n          ) : step === 'consent' ? (\n            <>Enter to open browser to create GitHub issue \u00B7 Esc to cancel</>\n          ) : null}\n        </Text>\n      </Box>\n    </>\n  )\n}\n\nfunction createGitHubIssueUrl(\n  feedbackId: string,\n  title: string,\n  description: string,\n): string {\n  const globalConfig = getGlobalConfig()\n\n  // Get ModelProfile information instead of legacy model info\n  const modelProfiles = globalConfig.modelProfiles || []\n  const activeProfiles = modelProfiles.filter(p => p.isActive)\n\n  let modelInfo = '## Models\\n'\n  if (activeProfiles.length === 0) {\n    modelInfo += '- No model profiles configured\\n'\n  } else {\n    activeProfiles.forEach(profile => {\n      modelInfo += `- ${profile.name}\\n`\n      modelInfo += `    - provider: ${profile.provider}\\n`\n      modelInfo += `    - model: ${profile.modelName}\\n`\n      modelInfo += `    - baseURL: ${profile.baseURL}\\n`\n      modelInfo += `    - maxTokens: ${profile.maxTokens}\\n`\n      modelInfo += `    - contextLength: ${profile.contextLength}\\n`\n      if (profile.reasoningEffort) {\n        modelInfo += `    - reasoning effort: ${profile.reasoningEffort}\\n`\n      }\n    })\n  }\n\n  const body = encodeURIComponent(`\n## Bug Description\n${description}\n\n## Environment Info\n- Platform: ${env.platform}\n- Terminal: ${env.terminal}\n- Version: ${MACRO.VERSION || 'unknown'}\n\n${modelInfo}`)\n  return `${GITHUB_ISSUES_REPO_URL}/new?title=${encodeURIComponent(title)}&body=${body}&labels=user-reported,bug`\n}\n\nasync function generateTitle(description: string): Promise<string> {\n  const response = await queryQuick({\n    systemPrompt: [\n      'Generate a concise issue title (max 80 chars) that captures the key point of this feedback. Do not include quotes or prefixes like \"Feedback:\" or \"Issue:\". If you cannot generate a title, just use \"User Feedback\".',\n    ],\n    userPrompt: description,\n  })\n  const title =\n    response.message.content[0]?.type === 'text'\n      ? response.message.content[0].text\n      : 'Bug Report'\n  if (title.startsWith(API_ERROR_MESSAGE_PREFIX)) {\n    return `Bug Report: ${description.slice(0, 60)}${description.length > 60 ? '...' : ''}`\n  }\n  return title\n}\n\nasync function submitFeedback(\n  data: FeedbackData,\n): Promise<{ success: boolean; feedbackId?: string }> {\n  return { success: true, feedbackId: '123' }\n  // try {\n  //   const apiKey = getAnthropicApiKey()\n  //   if (!apiKey) {\n  //     return { success: false }\n  //   }\n\n  //   const response = await fetch(\n  //     'https://api.anthropic.com/api/claude_cli_feedback',\n  //     {\n  //       method: 'POST',\n  //       headers: {\n  //         'Content-Type': 'application/json',\n  //         'User-Agent': USER_AGENT,\n  //         'x-api-key': apiKey,\n  //       },\n  //       body: JSON.stringify({\n  //         content: JSON.stringify(data),\n  //       }),\n  //     },\n  //   )\n\n  //   if (response.ok) {\n  //     const result = await response.json()\n  //     if (result?.feedback_id) {\n  //       return { success: true, feedbackId: result.feedback_id }\n  //     }\n  //     logError('Failed to submit feedback: request did not return feedback_id')\n  //     return { success: false }\n  //   }\n\n  //   logError('Failed to submit feedback:' + response.status)\n  //   return { success: false }\n  // } catch (err) {\n  //   logError(\n  //     'Error submitting feedback: ' +\n  //       (err instanceof Error ? err.message : 'Unknown error'),\n  //   )\n  //   return { success: false }\n  // }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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'\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": "AAAA,SAAS,KAAK,MAAM,gBAAgB;AACpC,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,OAAO,aAAa;AACpB,SAAS,gBAAgB;AACzB;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAyCzB,SAAS,OAAO,EAAE,QAAQ,GAA2B;AAC1D,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,gBAAgB,CAAC;AAClE,QAAM,gBAAgB,MAAM,OAAO,gBAAgB,CAAC;AACpD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,CAAC;AACpD,QAAM,YAAY,gBAAgB,MAAM,QAAQ,KAAK,CAAC,CAAC;AACvD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,EAAE;AACnD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,QAAM,eAAe,gBAAgB;AACrC,QAAM,iBAAiB,aAAa,mBAAmB;AAEvD,QAAM,WAAsB;AAAA;AAAA,IAE1B;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO,aAAa,SAAS;AAAA,MAC7B,SAAS,CAAC,QAAQ,OAAO;AAAA,MACzB,SAASA,QAAe;AACtB,cAAM,SAAS,EAAE,GAAG,gBAAgB,GAAG,OAAOA,OAAa;AAC3D,yBAAiB,MAAM;AACvB,wBAAgB,MAAM;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO,aAAa,WAAW;AAAA,MAC/B,SAAS,SAAkB;AACzB,cAAM,SAAS,EAAE,GAAG,gBAAgB,GAAG,QAAQ;AAC/C,yBAAiB,MAAM;AACvB,wBAAgB,MAAM;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,IACR;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,OAAO,aAAa,UAAU;AAAA,MAC9B,SAAS,QAAiB;AACxB,cAAM,SAAS,EAAE,GAAG,gBAAgB,GAAG,OAAO;AAC9C,yBAAiB,MAAM;AACvB,wBAAgB,MAAM;AAAA,MACxB;AAAA,MACA,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,QAAQ,SAAS;AAEvB,WAAS,CAAC,OAAO,QAAQ;AACvB,QAAI,eAAe;AACjB,UAAI,IAAI,QAAQ;AACd,cAAM,iBAAiB,SAAS,aAAa;AAC7C,YAAI,gBAAgB,SAAS,UAAU;AACrC,cAAI;AACF,2BAAe,SAAS,YAAY;AACpC,6BAAiB,KAAK;AACtB,4BAAgB,EAAE;AAClB,0BAAc,IAAI;AAAA,UACpB,SAAS,OAAO;AACd;AAAA,cACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,YAC3C;AAAA,UACF;AAAA,QACF,WAAW,gBAAgB,SAAS,UAAU;AAC5C,gBAAM,WAAW,WAAW,YAAY;AACxC,cAAI,MAAM,QAAQ,GAAG;AACnB,0BAAc,6BAA6B;AAAA,UAC7C,OAAO;AACL,gBAAI;AACF;AAAC,cAAC,eAAuB,SAAS,QAAQ;AAC1C,+BAAiB,KAAK;AACtB,8BAAgB,EAAE;AAClB,4BAAc,IAAI;AAAA,YACpB,SAAS,OAAO;AACd;AAAA,gBACE,iBAAiB,QAAQ,MAAM,UAAU;AAAA,cAC3C;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF,WAAW,IAAI,QAAQ;AACrB,yBAAiB,KAAK;AACtB,wBAAgB,EAAE;AAClB,sBAAc,IAAI;AAAA,MACpB,WAAW,IAAI,UAAU,IAAI,WAAW;AACtC,wBAAgB,UAAQ,KAAK,MAAM,GAAG,EAAE,CAAC;AAAA,MAC3C,WAAW,OAAO;AAChB,wBAAgB,UAAQ,OAAO,KAAK;AAAA,MACtC;AACA;AAAA,IACF;AAEA,QAAI,IAAI,WAAW,CAAC,UAAU,SAAS;AACrC,uBAAiB,UAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,IAChD,WAAW,IAAI,aAAa,CAAC,UAAU,SAAS;AAC9C,uBAAiB,UAAQ,KAAK,IAAI,SAAS,SAAS,GAAG,OAAO,CAAC,CAAC;AAAA,IAClE,WAAW,IAAI,UAAU,CAAC,UAAU,SAAS;AAC3C,YAAM,iBAAiB,SAAS,aAAa;AAC7C,UAAI,gBAAgB,SAAU;AAE9B,UAAI,gBAAgB,SAAS,WAAW;AACtC,uBAAe,SAAS,CAAC,eAAe,KAAK;AAAA,MAC/C,WAAW,gBAAgB,SAAS,QAAQ;AAC1C,cAAM,eAAe,eAAe,QAAQ;AAAA,UAC1C,eAAe;AAAA,QACjB;AACA,cAAM,aAAa,eAAe,KAAK,eAAe,QAAQ;AAC9D,uBAAe,SAAS,eAAe,QAAQ,SAAS,CAAC;AAAA,MAC3D,WACE,gBAAgB,SAAS,YACzB,gBAAgB,SAAS,UACzB;AACA,wBAAgB,OAAO,eAAe,KAAK,CAAC;AAC5C,yBAAiB,IAAI;AACrB,sBAAc,IAAI;AAAA,MACpB;AAAA,IACF,WAAW,IAAI,UAAU,CAAC,UAAU,SAAS;AAE3C,YAAM,sBAAsB,KAAK,UAAU,gBAAgB,CAAC;AAC5D,YAAM,sBAAsB,KAAK,UAAU,cAAc,OAAO;AAEhE,UAAI,wBAAwB,qBAAqB;AAE/C,yBAAiB,gBAAgB,CAAC;AAAA,MACpC;AAEA,cAAQ;AAAA,IACV;AAAA,EACF,CAAC;AAED,SACE,oCAAC,OAAI,eAAc,UAAS,KAAK,KAC/B;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAY;AAAA,MACZ,aAAa,MAAM;AAAA,MACnB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,KAAK;AAAA;AAAA,IAEL,oCAAC,QAAK,MAAI,QAAC,iBACK,KACb,UAAU,UACP,UAAU,UAAU,OAAO,oBAC3B,EACN;AAAA,IAGA,oCAAC,OAAI,eAAc,UAAS,SAAS,KACnC,oCAAC,QAAK,MAAI,MAAC,OAAO,MAAM,WAAS,sBAEjC,GACC,eAAe,WAAW,IACzB,oCAAC,QAAK,OAAO,MAAM,iBAAe,iDAElC,IAEA,oCAAC,OAAI,eAAc,UAAS,YAAY,KACrC,eAAe,IAAI,aAClB,oCAAC,MAAM,UAAN,EAAe,KAAK,QAAQ,aAC3B,oCAAC,QAAK,OAAO,MAAM,iBAAe,WAC7B,QAAQ,MAAK,MAAG,QAAQ,UAAS,GACtC,CACF,CACD,GACD,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,OAAO,MAAM,cAAY,2CAE/B,CACF,CACF,CAEJ;AAAA,IAGA,oCAAC,OAAI,eAAc,YAChB,SAAS,IAAI,CAAC,SAAS,UACtB,oCAAC,OAAI,KAAK,QAAQ,IAAI,eAAc,YAClC,oCAAC,OAAI,eAAc,OAAM,KAAK,KAC5B;AAAA,MAAC;AAAA;AAAA,QACC,OACE,UAAU,gBACN,MAAM,UACN,QAAQ,WACN,MAAM,gBACN,MAAM;AAAA;AAAA,MAGb,UAAU,gBAAgB,QAAQ,UAAU;AAAA,MAAK;AAAA,MACjD,QAAQ;AAAA,IACX,GACA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,QAAQ,WAAW,MAAM,gBAAgB,MAAM;AAAA;AAAA,MAGhD,QAAQ,SAAS,YACd,QAAQ,QACN,YACA,aACF,QAAQ,SAAS,SACf,QAAQ,QACR,OAAO,QAAQ,KAAK;AAAA,IAC5B,CACF,GACC,UAAU,iBAAiB,iBAC1B,oCAAC,OAAI,eAAc,UAAS,YAAY,KACtC,oCAAC,QAAK,OAAO,MAAM,cAAY,qBACX,YACpB,GACC,cAAc,oCAAC,QAAK,OAAM,SAAO,UAAW,CAC/C,CAEJ,CACD,CACH;AAAA,IAEA,oCAAC,OAAI,WAAW,KACd,oCAAC,QAAK,UAAQ,QACX,gBACC,qCAEA,0DAAE,oEAEA,oCAAC,QAAK,OAAO,MAAM,cAChB,KAAI,kCAEP,CACF,CAEJ,CACF;AAAA,EACF,CACF;AAEJ;",
+  "names": ["theme"]
+}

package/dist/components/ConsoleOAuthFlow.js

@@ -0,0 +1,178 @@
+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 { 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") {
+        setOAuthStatus({ state: "ready_to_start" });
+      } else if (oauthStatus.state === "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;
+      }
+      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" }
+          });
+        } 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" }
+          });
+          throw err;
+        }
+      );
+      if (apiKey) {
+        setOAuthStatus({ state: "success", apiKey });
+        sendNotification({ message: "Minto 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" }
+        });
+      }
+    } catch (err) {
+      const errorMessage = err.message;
+    }
+  }, [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 Minto\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 { 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        \n        setOAuthStatus({ state: 'ready_to_start' })\n      } else if (oauthStatus.state === 'success') {\n        \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      \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            \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          \n          throw err\n        },\n      )\n\n      if (apiKey) {\n        setOAuthStatus({ state: 'success', apiKey })\n        sendNotification({ message: 'Minto 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        \n      }\n    } catch (err) {\n      const errorMessage = (err as Error).message\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 Minto\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.minto
+    }),
+    label: ({ isFocused: isFocused2, isSelected: isSelected2 }) => ({
+      color: isSelected2 ? appTheme.success : isFocused2 ? appTheme.minto : 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