claude-brain 0.30.2 → 0.30.3

package/src/cli/ui/components.ts

@@ -1,82 +1,82 @@
-import { theme, dimText, heading } from './theme.js'
-
-const BOX_WIDTH = 60
-
-// Unicode box-drawing panel with optional title
-export function box(content: string, title?: string): string {
-  const innerWidth = BOX_WIDTH - 2
-  const lines = content.split('\n')
-
-  let top: string
-  if (title) {
-    const titleText = ` ${title} `
-    const remaining = innerWidth - titleText.length - 1
-    top = theme.secondary('╭─') + theme.primary.bold(titleText) + theme.secondary('─'.repeat(Math.max(0, remaining)) + '╮')
-  } else {
-    top = theme.secondary('╭' + '─'.repeat(innerWidth) + '╮')
-  }
-
-  const bottom = theme.secondary('╰' + '─'.repeat(innerWidth) + '╯')
-
-  const body = lines.map(line => {
-    // Strip ANSI codes to calculate visible length
-    const visible = stripAnsi(line)
-    const padding = Math.max(0, innerWidth - visible.length - 1)
-    return theme.secondary('│') + ' ' + line + ' '.repeat(padding) + theme.secondary('│')
-  })
-
-  return [top, ...body, bottom].join('\n')
-}
-
-// Step indicator: [Step 2/5]  Configuring Vault
-export function stepIndicator(current: number, total: number, label: string): string {
-  const badge = theme.secondary(`[Step ${current}/${total}]`)
-  const text = heading(label)
-  return `\n${badge}  ${text}\n`
-}
-
-// Progress bar: [========>          ] 40%
-export function progressBar(percent: number, width = 30): string {
-  const filled = Math.round((percent / 100) * width)
-  const empty = width - filled
-  const bar = theme.primary('='.repeat(Math.max(0, filled - 1)) + (filled > 0 ? '>' : '')) +
-    dimText(' '.repeat(empty))
-  const pct = theme.dim(`${Math.round(percent)}%`)
-  return `[${bar}] ${pct}`
-}
-
-// Info panel: key-value list in a box
-export function infoPanel(title: string, items: Record<string, string>): string {
-  const lines = Object.entries(items).map(([key, value]) => {
-    return `${theme.dim(key + ':')}  ${theme.white(value)}`
-  })
-  return box(lines.join('\n'), title)
-}
-
-// Styled horizontal divider
-export function divider(): string {
-  return theme.secondary('─'.repeat(BOX_WIDTH))
-}
-
-// Summary panel with status icons
-export function summaryPanel(title: string, items: Array<{ label: string; value: string; status?: 'success' | 'warning' | 'error' | 'info' }>): string {
-  const statusIcons: Record<string, string> = {
-    success: theme.success('+'),
-    warning: theme.warning('!'),
-    error: theme.error('x'),
-    info: theme.primary('*'),
-  }
-
-  const lines = items.map(item => {
-    const icon = item.status ? statusIcons[item.status] ?? ' ' : ' '
-    return `  ${icon} ${theme.dim(item.label + ':')}  ${theme.white(item.value)}`
-  })
-
-  return box(lines.join('\n'), title)
-}
-
-// Strip ANSI escape codes for length calculation
-function stripAnsi(str: string): string {
-  // eslint-disable-next-line no-control-regex
-  return str.replace(/\u001B\[[0-9;]*[a-zA-Z]/g, '')
-}
+import { theme, dimText, heading } from './theme.js'
+
+const BOX_WIDTH = 60
+
+// Unicode box-drawing panel with optional title
+export function box(content: string, title?: string): string {
+  const innerWidth = BOX_WIDTH - 2
+  const lines = content.split('\n')
+
+  let top: string
+  if (title) {
+    const titleText = ` ${title} `
+    const remaining = innerWidth - titleText.length - 1
+    top = theme.secondary('╭─') + theme.primary.bold(titleText) + theme.secondary('─'.repeat(Math.max(0, remaining)) + '╮')
+  } else {
+    top = theme.secondary('╭' + '─'.repeat(innerWidth) + '╮')
+  }
+
+  const bottom = theme.secondary('╰' + '─'.repeat(innerWidth) + '╯')
+
+  const body = lines.map(line => {
+    // Strip ANSI codes to calculate visible length
+    const visible = stripAnsi(line)
+    const padding = Math.max(0, innerWidth - visible.length - 1)
+    return theme.secondary('│') + ' ' + line + ' '.repeat(padding) + theme.secondary('│')
+  })
+
+  return [top, ...body, bottom].join('\n')
+}
+
+// Step indicator: [Step 2/5]  Configuring Vault
+export function stepIndicator(current: number, total: number, label: string): string {
+  const badge = theme.secondary(`[Step ${current}/${total}]`)
+  const text = heading(label)
+  return `\n${badge}  ${text}\n`
+}
+
+// Progress bar: [========>          ] 40%
+export function progressBar(percent: number, width = 30): string {
+  const filled = Math.round((percent / 100) * width)
+  const empty = width - filled
+  const bar = theme.primary('='.repeat(Math.max(0, filled - 1)) + (filled > 0 ? '>' : '')) +
+    dimText(' '.repeat(empty))
+  const pct = theme.dim(`${Math.round(percent)}%`)
+  return `[${bar}] ${pct}`
+}
+
+// Info panel: key-value list in a box
+export function infoPanel(title: string, items: Record<string, string>): string {
+  const lines = Object.entries(items).map(([key, value]) => {
+    return `${theme.dim(key + ':')}  ${theme.white(value)}`
+  })
+  return box(lines.join('\n'), title)
+}
+
+// Styled horizontal divider
+export function divider(): string {
+  return theme.secondary('─'.repeat(BOX_WIDTH))
+}
+
+// Summary panel with status icons
+export function summaryPanel(title: string, items: Array<{ label: string; value: string; status?: 'success' | 'warning' | 'error' | 'info' }>): string {
+  const statusIcons: Record<string, string> = {
+    success: theme.success('+'),
+    warning: theme.warning('!'),
+    error: theme.error('x'),
+    info: theme.primary('*'),
+  }
+
+  const lines = items.map(item => {
+    const icon = item.status ? statusIcons[item.status] ?? ' ' : ' '
+    return `  ${icon} ${theme.dim(item.label + ':')}  ${theme.white(item.value)}`
+  })
+
+  return box(lines.join('\n'), title)
+}
+
+// Strip ANSI escape codes for length calculation
+function stripAnsi(str: string): string {
+  // eslint-disable-next-line no-control-regex
+  return str.replace(/\u001B\[[0-9;]*[a-zA-Z]/g, '')
+}

package/src/cli/ui/index.ts

@@ -1,4 +1,4 @@
-export * from './theme.js'
-export * from './components.js'
-export * from './logo.js'
-export * from './animations.js'
+export * from './theme.js'
+export * from './components.js'
+export * from './logo.js'
+export * from './animations.js'

package/src/cli/ui/logo.ts

@@ -1,36 +1,36 @@
-import chalk from 'chalk'
-import { box } from './components.js'
-import { dimText } from './theme.js'
-
-// 5-shade gradient from light purple to dark violet
-const gradientColors = [
-  '#A78BFA', // light purple
-  '#8B5CF6', // medium purple
-  '#7C3AED', // deep purple (primary)
-  '#6D28D9', // dark purple
-  '#5B21B6', // dark violet (secondary)
-]
-
-const logoLines = [
-  '  ██████╗ ██████╗  █████╗ ██╗███╗   ██╗ ',
-  '  ██╔══██╗██╔══██╗██╔══██╗██║████╗  ██║ ',
-  '  ██████╔╝██████╔╝███████║██║██╔██╗ ██║ ',
-  '  ██╔══██╗██╔══██╗██╔══██║██║██║╚██╗██║ ',
-  '  ██████╔╝██║  ██║██║  ██║██║██║ ╚████║ ',
-  '  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝ ',
-]
-
-export function renderLogo(): string {
-  return logoLines
-    .map((line, i) => chalk.hex(gradientColors[i] ?? gradientColors[gradientColors.length - 1]!)(line))
-    .join('\n')
-}
-
-export function renderBanner(version: string): string {
-  const logo = renderLogo()
-  const tagline = dimText('  Local Development Assistant with Memory')
-  const ver = dimText(`  v${version}`)
-
-  const content = [logo, '', tagline, ver].join('\n')
-  return box(content, 'Claude Brain')
-}
+import chalk from 'chalk'
+import { box } from './components.js'
+import { dimText } from './theme.js'
+
+// 5-shade gradient from light purple to dark violet
+const gradientColors = [
+  '#A78BFA', // light purple
+  '#8B5CF6', // medium purple
+  '#7C3AED', // deep purple (primary)
+  '#6D28D9', // dark purple
+  '#5B21B6', // dark violet (secondary)
+]
+
+const logoLines = [
+  '  ██████╗ ██████╗  █████╗ ██╗███╗   ██╗ ',
+  '  ██╔══██╗██╔══██╗██╔══██╗██║████╗  ██║ ',
+  '  ██████╔╝██████╔╝███████║██║██╔██╗ ██║ ',
+  '  ██╔══██╗██╔══██╗██╔══██║██║██║╚██╗██║ ',
+  '  ██████╔╝██║  ██║██║  ██║██║██║ ╚████║ ',
+  '  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝ ',
+]
+
+export function renderLogo(): string {
+  return logoLines
+    .map((line, i) => chalk.hex(gradientColors[i] ?? gradientColors[gradientColors.length - 1]!)(line))
+    .join('\n')
+}
+
+export function renderBanner(version: string): string {
+  const logo = renderLogo()
+  const tagline = dimText('  Local Development Assistant with Memory')
+  const ver = dimText(`  v${version}`)
+
+  const content = [logo, '', tagline, ver].join('\n')
+  return box(content, 'Claude Brain')
+}

package/src/cli/ui/theme.ts

@@ -1,55 +1,55 @@
-import chalk from 'chalk'
-
-// Color palette
-export const colors = {
-  deepPurple: '#7C3AED',
-  darkViolet: '#5B21B6',
-  charcoal: '#1A1A1A',
-  nearBlack: '#0A0A0A',
-  darkRed: '#B91C1C',
-  green: '#22C55E',
-  amber: '#F59E0B',
-  white: '#FFFFFF',
-  gray: '#6B7280',
-} as const
-
-// Pre-built chalk instances
-export const theme = {
-  primary: chalk.hex(colors.deepPurple),
-  secondary: chalk.hex(colors.darkViolet),
-  error: chalk.hex(colors.darkRed),
-  success: chalk.hex(colors.green),
-  warning: chalk.hex(colors.amber),
-  dim: chalk.hex(colors.gray),
-  bold: chalk.bold,
-  white: chalk.white,
-}
-
-// Styled text helpers
-export function heading(text: string): string {
-  return theme.primary.bold(text)
-}
-
-export function successText(text: string): string {
-  return theme.success(`  ${text}`)
-}
-
-export function errorText(text: string): string {
-  return theme.error(`  ${text}`)
-}
-
-export function warningText(text: string): string {
-  return theme.warning(`  ${text}`)
-}
-
-export function dimText(text: string): string {
-  return theme.dim(text)
-}
-
-export function highlight(text: string): string {
-  return theme.primary(text)
-}
-
-export function keyValue(key: string, value: string): string {
-  return `${theme.dim(key + ':')} ${theme.white(value)}`
-}
+import chalk from 'chalk'
+
+// Color palette
+export const colors = {
+  deepPurple: '#7C3AED',
+  darkViolet: '#5B21B6',
+  charcoal: '#1A1A1A',
+  nearBlack: '#0A0A0A',
+  darkRed: '#B91C1C',
+  green: '#22C55E',
+  amber: '#F59E0B',
+  white: '#FFFFFF',
+  gray: '#6B7280',
+} as const
+
+// Pre-built chalk instances
+export const theme = {
+  primary: chalk.hex(colors.deepPurple),
+  secondary: chalk.hex(colors.darkViolet),
+  error: chalk.hex(colors.darkRed),
+  success: chalk.hex(colors.green),
+  warning: chalk.hex(colors.amber),
+  dim: chalk.hex(colors.gray),
+  bold: chalk.bold,
+  white: chalk.white,
+}
+
+// Styled text helpers
+export function heading(text: string): string {
+  return theme.primary.bold(text)
+}
+
+export function successText(text: string): string {
+  return theme.success(`  ${text}`)
+}
+
+export function errorText(text: string): string {
+  return theme.error(`  ${text}`)
+}
+
+export function warningText(text: string): string {
+  return theme.warning(`  ${text}`)
+}
+
+export function dimText(text: string): string {
+  return theme.dim(text)
+}
+
+export function highlight(text: string): string {
+  return theme.primary(text)
+}
+
+export function keyValue(key: string, value: string): string {
+  return `${theme.dim(key + ':')} ${theme.white(value)}`
+}