Persist user message history to config dir message-history.json

Author: jahooma

cli/src/hooks/use-input-history.ts

@@ -1,4 +1,9 @@
-import { useRef, useCallback } from 'react'
+import { useRef, useCallback, useEffect } from 'react'
+
+import {
+  loadMessageHistory,
+  saveMessageHistory,
+} from '../utils/message-history'
 
 export const useInputHistory = (
   inputValue: string,
@@ -7,11 +12,25 @@ export const useInputHistory = (
   const messageHistoryRef = useRef<string[]>([])
   const historyIndexRef = useRef<number>(-1)
   const currentDraftRef = useRef<string>('')
+  const isInitializedRef = useRef<boolean>(false)
+
+  // Load history from disk on mount
+  useEffect(() => {
+    if (!isInitializedRef.current) {
+      isInitializedRef.current = true
+      const savedHistory = loadMessageHistory()
+      messageHistoryRef.current = savedHistory
+    }
+  }, [])
 
   const saveToHistory = useCallback((message: string) => {
-    messageHistoryRef.current = [...messageHistoryRef.current, message]
+    const newHistory = [...messageHistoryRef.current, message]
+    messageHistoryRef.current = newHistory
     historyIndexRef.current = -1
     currentDraftRef.current = ''
+    
+    // Persist to disk
+    saveMessageHistory(newHistory)
   }, [])
 
   const navigateUp = useCallback(() => {

cli/src/utils/message-history.ts

@@ -0,0 +1,98 @@
+import fs from 'fs'
+import path from 'path'
+
+import { getConfigDir } from './auth'
+import { logger } from './logger'
+
+const MAX_HISTORY_SIZE = 1000
+
+/**
+ * Get the message history file path
+ */
+export const getMessageHistoryPath = (): string => {
+  return path.join(getConfigDir(), 'message-history.json')
+}
+
+/**
+ * Load message history from file system
+ * @returns Array of previous messages, most recent last
+ */
+export const loadMessageHistory = (): string[] => {
+  const historyPath = getMessageHistoryPath()
+
+  if (!fs.existsSync(historyPath)) {
+    return []
+  }
+
+  try {
+    const historyFile = fs.readFileSync(historyPath, 'utf8')
+    const history = JSON.parse(historyFile)
+
+    if (!Array.isArray(history)) {
+      logger.warn('Message history file has invalid format, resetting')
+      return []
+    }
+
+    return history.filter((item) => typeof item === 'string')
+  } catch (error) {
+    logger.error(
+      {
+        error: error instanceof Error ? error.message : String(error),
+      },
+      'Error reading message history',
+    )
+    return []
+  }
+}
+
+/**
+ * Save message history to file system
+ */
+export const saveMessageHistory = (history: string[]): void => {
+  const configDir = getConfigDir()
+  const historyPath = getMessageHistoryPath()
+
+  try {
+    // Ensure config directory exists
+    if (!fs.existsSync(configDir)) {
+      fs.mkdirSync(configDir, { recursive: true })
+    }
+
+    // Limit history size to prevent file from growing too large
+    const limitedHistory =
+      history.length > MAX_HISTORY_SIZE
+        ? history.slice(history.length - MAX_HISTORY_SIZE)
+        : history
+
+    // Save history
+    fs.writeFileSync(historyPath, JSON.stringify(limitedHistory, null, 2))
+  } catch (error) {
+    logger.error(
+      {
+        error: error instanceof Error ? error.message : String(error),
+      },
+      'Error saving message history',
+    )
+    // Don't throw - history persistence is not critical
+  }
+}
+
+/**
+ * Clear message history from file system
+ */
+export const clearMessageHistory = (): void => {
+  const historyPath = getMessageHistoryPath()
+
+  try {
+    if (fs.existsSync(historyPath)) {
+      fs.unlinkSync(historyPath)
+    }
+  } catch (error) {
+    logger.error(
+      {
+        error: error instanceof Error ? error.message : String(error),
+      },
+      'Error clearing message history',
+    )
+  }
+}