@shareai-lab/kode 1.0.69 → 1.0.71

package/src/components/AutoUpdater.tsx

@@ -0,0 +1,148 @@
+import { Box, Text } from 'ink'
+import * as React from 'react'
+import { getTheme } from '../utils/theme'
+import { gte } from 'semver'
+import { useEffect, useState } from 'react'
+import { isAutoUpdaterDisabled } from '../utils/config'
+import {
+  AutoUpdaterResult,
+  getLatestVersion,
+  installGlobalPackage,
+} from '../utils/autoUpdater.js'
+import { useInterval } from '../hooks/useInterval'
+import { logEvent } from '../services/statsig'
+import { MACRO } from '../constants/macros'
+import { PRODUCT_COMMAND } from '../constants/product'
+type Props = {
+  debug: boolean
+  isUpdating: boolean
+  onChangeIsUpdating: (isUpdating: boolean) => void
+  onAutoUpdaterResult: (autoUpdaterResult: AutoUpdaterResult) => void
+  autoUpdaterResult: AutoUpdaterResult | null
+}
+
+export function AutoUpdater({
+  debug,
+  isUpdating,
+  onChangeIsUpdating,
+  onAutoUpdaterResult,
+  autoUpdaterResult,
+}: Props): React.ReactNode {
+  const theme = getTheme()
+  const [versions, setVersions] = useState<{
+    global?: string | null
+    latest?: string | null
+  }>({})
+  const checkForUpdates = React.useCallback(async () => {
+    if (process.env.NODE_ENV === 'test' || process.env.NODE_ENV === 'dev') {
+      return
+    }
+
+    if (isUpdating) {
+      return
+    }
+
+    // Get versions
+    const globalVersion = MACRO.VERSION
+    const latestVersion = await getLatestVersion()
+    const isDisabled = true //await isAutoUpdaterDisabled()
+
+    setVersions({ global: globalVersion, latest: latestVersion })
+
+    // Check if update needed and perform update
+    if (
+      !isDisabled &&
+      globalVersion &&
+      latestVersion &&
+      !gte(globalVersion, latestVersion)
+    ) {
+      const startTime = Date.now()
+      onChangeIsUpdating(true)
+      const installStatus = await installGlobalPackage()
+      onChangeIsUpdating(false)
+
+      if (installStatus === 'success') {
+        logEvent('tengu_auto_updater_success', {
+          fromVersion: globalVersion,
+          toVersion: latestVersion,
+          durationMs: String(Date.now() - startTime),
+        })
+      } else {
+        logEvent('tengu_auto_updater_fail', {
+          fromVersion: globalVersion,
+          attemptedVersion: latestVersion,
+          status: installStatus,
+          durationMs: String(Date.now() - startTime),
+        })
+      }
+
+      onAutoUpdaterResult({
+        version: latestVersion!,
+        status: installStatus,
+      })
+    }
+    // Don't re-render when isUpdating changes
+    // TODO: Find a cleaner way to do this
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [onAutoUpdaterResult])
+
+  // Initial check
+  useEffect(() => {
+    // checkForUpdates()
+  }, [checkForUpdates])
+
+  // Check every 30 minutes
+  // useInterval(checkForUpdates, 30 * 60 * 1000)
+
+  if (debug) {
+    return (
+      <Box flexDirection="row">
+        <Text dimColor>
+          globalVersion: {versions.global} &middot; latestVersion:{' '}
+          {versions.latest}
+        </Text>
+      </Box>
+    )
+  }
+
+  if (!autoUpdaterResult?.version && (!versions.global || !versions.latest)) {
+    return null
+  }
+
+  if (!autoUpdaterResult?.version && !isUpdating) {
+    return null
+  }
+
+  return (
+    <Box flexDirection="row">
+      {debug && (
+        <Text dimColor>
+          globalVersion: {versions.global} &middot; latestVersion:{' '}
+          {versions.latest}
+        </Text>
+      )}
+      {isUpdating && (
+        <>
+          <Box>
+            <Text color={theme.secondaryText} dimColor wrap="end">
+              Auto-updating to v{versions.latest}…
+            </Text>
+          </Box>
+        </>
+      )}
+      {autoUpdaterResult?.status === 'success' && autoUpdaterResult?.version ? (
+        <Text color={theme.success}>
+          ✓ Update installed &middot; Restart to apply
+        </Text>
+      ) : null}
+      {(autoUpdaterResult?.status === 'install_failed' ||
+        autoUpdaterResult?.status === 'no_permissions') && (
+        <Text color={theme.error}>
+          ✗ Auto-update failed &middot; Try{' '}
+          <Text bold>{PRODUCT_COMMAND} doctor</Text> or{' '}
+          <Text bold>npm i -g {MACRO.PACKAGE_URL}</Text>
+        </Text>
+      )}
+    </Box>
+  )
+}

package/src/components/Bug.tsx

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