@make-u-free/migi 0.3.6 → 0.3.8

package/bin/migi.js

@@ -66,7 +66,17 @@ console.log(chalk.dim('  /exit       終了\n'))
 
 const agent = new MigiAgent({ context, promptFn, apiKey, model, name: agentName, userName, teamsWebhookUrl })
 
-function sep() { return chalk.dim('─'.repeat(process.stdout.columns || 80)) }
+function sep() {
+  const w = process.stdout.columns || 80
+  return chalk.dim('─'.repeat(w))
+}
+
+function sepWithLabel(label) {
+  const w = process.stdout.columns || 80
+  const left = '── ' + label + ' '
+  const right = '─'.repeat(Math.max(0, w - left.length))
+  return chalk.dim(left + right)
+}
 
 // ---- 複数行入力（空行で送信）----
 async function readMultiLine() {
@@ -75,7 +85,7 @@ async function readMultiLine() {
     const onLine = (line) => {
       if (line === '' && lines.length > 0) {
         rl.removeListener('line', onLine)
-        // 入力ボックス下辺 + 欄外ステータス
+        // 入力ボックス下辺（欄の閉じ）+ 欄外ガイド
         console.log(sep())
         console.log(chalk.dim(`  ✦ ${model}  ·  Enterで改行 / 空行で送信`))
         resolve(lines.join('\n'))
@@ -91,10 +101,8 @@ async function readMultiLine() {
 
 // ---- メインループ ----
 async function prompt() {
-  // 入力ボックス上辺
-  console.log('\n' + sep())
-  console.log(chalk.bold.cyan(`  ${userName || 'あなた'}`))
-  console.log(sep())
+  // 入力ボックス上辺（ユーザー名をセパレーターに埋め込む）
+  console.log('\n' + sepWithLabel(chalk.bold.cyan(userName || 'あなた')))
 
   const input = (await readMultiLine()).trim()
   if (!input) return prompt()
@@ -139,9 +147,7 @@ async function prompt() {
   if (parsed) {
     const skill = resolveSkill(parsed.name, process.cwd())
     if (skill) {
-      console.log('\n' + sep())
-      console.log(chalk.bold.cyan(`  ${agentName}`) + chalk.dim(`  [スキル: ${parsed.name}]`))
-      console.log(sep())
+      console.log('\n' + sepWithLabel(chalk.bold.cyan(agentName) + chalk.dim(`  [スキル: ${parsed.name}]`)))
       const expanded = expandSkill(skill.content, parsed.args)
       try {
         const reply = await agent.chat(expanded)
@@ -158,9 +164,7 @@ async function prompt() {
   }
 
   // --- 通常チャット ---
-  console.log('\n' + sep())
-  console.log(chalk.bold.cyan(`  ${agentName}`))
-  console.log(sep())
+  console.log('\n' + sepWithLabel(chalk.bold.cyan(agentName)))
   try {
     const reply = await agent.chat(input)
     console.log('\n' + reply + '\n')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@make-u-free/migi",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "description": "Your AI right-hand agent. Works anywhere, with any LLM API.",
   "type": "module",
   "bin": {

package/src/agent.js

@@ -4,6 +4,7 @@ import { homedir } from 'os'
 import { toolSchemas, teamsToolSchema, executeTool } from './tools.js'
 import { createPermissionChecker } from './permissions.js'
 import { httpsAgent } from './tls.js'
+import { Spinner } from './spinner.js'
 
 export class MigiAgent {
   constructor({ context = '', promptFn = null, apiKey = null, model = 'gpt-4.1-2025-04-14', name = 'Migi', userName = '', teamsWebhookUrl = '' } = {}) {
@@ -92,13 +93,17 @@ ${userNameLine}
       ...this.history
     ]
 
+    const spinner = new Spinner()
+
     while (true) {
+      spinner.start('考え中…')
       const response = await this.client.chat.completions.create({
         model: this.model,
         messages,
         tools: this.tools,
         tool_choice: 'auto'
       })
+      spinner.stop()
 
       const choice = response.choices[0]
       messages.push(choice.message)
@@ -117,21 +122,23 @@ ${userNameLine}
           const args = JSON.parse(toolCall.function.arguments)
           const name = toolCall.function.name
 
-          console.log(chalk.dim(`\n  [${name}]`))
+          console.log(chalk.dim(`  ⚙ ${name}`))
 
           const approved = await this.checkPermission(name, args)
           let result
 
           if (approved) {
+            spinner.start(`実行中: ${name}`)
             try {
               result = await executeTool(name, args, {
-              teamsWebhookUrl: this.teamsWebhookUrl,
-              apiKey: this.apiKey,
-              model: this.model
-            })
+                teamsWebhookUrl: this.teamsWebhookUrl,
+                apiKey: this.apiKey,
+                model: this.model
+              })
             } catch (err) {
               result = `エラー: ${err.message}`
             }
+            spinner.stop()
           } else {
             result = 'ユーザーによりキャンセルされました'
             console.log(chalk.dim('  → キャンセル'))

package/src/spinner.js

@@ -0,0 +1,34 @@
+import chalk from 'chalk'
+
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏']
+
+export class Spinner {
+  constructor() {
+    this._frame = 0
+    this._timer = null
+    this._text = ''
+  }
+
+  start(text = '考え中…') {
+    this._text = text
+    this._frame = 0
+    this._timer = setInterval(() => {
+      const icon = chalk.cyan(FRAMES[this._frame % FRAMES.length])
+      process.stdout.write(`\r  ${icon} ${chalk.dim(this._text)}   `)
+      this._frame++
+    }, 80)
+  }
+
+  update(text) {
+    this._text = text
+  }
+
+  stop() {
+    if (this._timer) {
+      clearInterval(this._timer)
+      this._timer = null
+      // 行をクリア
+      process.stdout.write('\r' + ' '.repeat((process.stdout.columns || 80)) + '\r')
+    }
+  }
+}