deel-local-cli 1.0.2 → 1.1.0

package/src/ui/screen.js

@@ -69,12 +69,36 @@ export class LineScreen {
     // 다음에 오는 짧은 글이 그 줄 위에 겹쳐 찍힌다.
     this.임시중 = false;
     this.돌림 = null;
+    /*
+     * 하위 작업 안쪽인가 — 그렇다면 몇 겹인가.
+     *
+     * 하위 작업(tools/task.js)은 제 대화에서 따로 돌지만 화면은 하나다.
+     * 표시가 없으면 하위가 부른 도구 줄이 부모 것과 똑같이 찍혀서, 사람은
+     * 부모가 파일 열두 개를 읽은 줄로 본다. 한 단 들여 그으면 어디부터
+     * 어디까지가 떼어 낸 일인지가 그냥 보인다.
+     *
+     * 여기 한 군데서만 붙인다. repl.js 의 say() 자리 예순 곳을 고치는 대신
+     * 이벤트가 들고 온 깊이를 화면에 알려 주는 쪽이 안 빠뜨린다.
+     */
+    this.깊이 = 0;
   }
 
   // ── 흘러가는 글 ────────────────────────────────────────────────────────
 
+  /** 지금부터 찍는 줄이 몇 겹 안쪽인지. 0 이면 평소대로. */
+  들여쓰기(n) { this.깊이 = Math.max(0, Number(n) || 0); }
+
+  /*
+   * 하위 작업 구간에 세로줄을 세운다.
+   *
+   * 빈 칸으로만 밀면 어디서 시작해 어디서 끝났는지가 안 보인다 — 특히 하위가
+   * 파일을 열 개 만지고 나면, 스크롤을 올려 여는 줄을 찾아야 그게 하위였는지
+   * 안다. 세로줄 한 칸이면 훑는 것만으로 구간이 잡힌다.
+   */
+  #안내() { return this.깊이 ? c.gray(' │').repeat(this.깊이) : ''; }
+
   /** 한 줄. 이미 색이 입혀진 글을 받는다. */
-  줄(s = '') { this.임시지움(); say(s); }
+  줄(s = '') { this.임시지움(); say(this.깊이 && s ? this.#안내() + s : s); }
 
   /** 줄바꿈 없이 이어 붙인다 — 스트리밍으로 오는 답. */
   붙임(s) { this.임시지움(); process.stdout.write(s); }
@@ -150,6 +174,12 @@ export class LineScreen {
   /** 사람이 치는 중인 글이 바뀌었다. 줄화면은 readline 이 알아서 되비춘다. */
   입력갱신() { }
 
+  /** 일하는 중 미리 치는 글. 줄화면은 상자가 없어 보여 줄 자리가 없다. */
+  대기갱신() { }
+
+  /** 줄화면은 붙여 쓰기 전에 임시글만 지우면 되므로 따로 셀 것이 없다. */
+  줄중간인가() { return false; }
+
   /*
    * 일하는 중 표시. 줄화면은 안 그린다.
    *
@@ -189,7 +219,13 @@ export class BoxScreen extends LineScreen {
    * 찍히는 순간 상자가 사라지고, 그 뒤로는 일이 끝날 때까지 화면 아래가
    * 텅 빈 채로 남는다 — 정확히 그게 "밋밋해 보인다" 는 상태다.
    */
-  줄(s = '') { this.상자.지우기(); super.줄(s); this.상자.일그리기(); }
+  줄(s = '') {
+    this.상자.지우기();
+    super.줄(s);
+    // 줄이 끝났다 — 이제 아래에 상자를 세워도 대화를 안 덮는다.
+    this.상자.줄끝남();
+    this.상자.일그리기();
+  }
 
   /*
    * 스트리밍으로 이어 붙이는 글은 다시 안 세운다.
@@ -198,13 +234,25 @@ export class BoxScreen extends LineScreen {
    * 위아래로 튄다. 답이 흘러나오는 동안에는 그 자체가 살아 있다는 신호라
    * 상자가 없어도 밋밋하지 않다. 답이 끝나면 repl.js 가 다시 세운다.
    */
-  붙임(s) { this.상자.지우기(); super.붙임(s); }
+  붙임(s) {
+    // 상자를 걷고, **줄 중간에 멈춰 있다고 표시한다.** 이 표시가 없으면
+    // 돌아가는 표시가 90ms 뒤에 제 시계로 상자를 답 줄 위에 그려 버리고,
+    // 그 다음 지우기가 답까지 같이 지운다.
+    this.상자.줄중간표시();
+    super.붙임(s);
+  }
 
   /** 일하기 시작·바뀜·끝. 상자 안엣것만 바뀐다 (ui/working.js 의 문구). */
   일시작(session, 갈래) { this.임시지움(); this.상자.일시작(session, 갈래); }
   일바꿈(갈래, 곁정보) { this.상자.일바꿈(갈래, 곁정보); }
   일끝() { this.상자.일끝(); }
 
+  /** 일하는 도중에 미리 치고 있는 글 · 예약해 둔 개수. */
+  대기갱신(글, 예약수) { this.상자.대기갱신(글, 예약수); }
+
+  /** 대화가 줄 중간에 멈춰 있나 (답이 흘러나오는 중). */
+  줄중간인가() { return this.상자.줄중간; }
+
   /*
    * 줄화면에서 '생각 중…' 을 한 줄로 흘리던 자리.
    *

package/src/ui/status.js

@@ -30,6 +30,28 @@ export const SEGMENTS = {
     short: (s) => c.hcyan(clip(s.conn.model, 14)),
   },
 
+  /*
+   * 모델 급 — 얼마나 알아서 하나 (agent/grade.js).
+   *
+   * 컨텍스트 게이지 바로 옆에 둔다. 그 둘이 다른 축이라는 것이 화면에서
+   * 나란히 보여야 한다 — 창이 128k 인데 급이 '작음' 인 경우가 실제로 있고,
+   * 그때 "왜 이렇게 조심스럽게 하지" 의 답이 이 한 글자다.
+   *
+   * 짐작일 때는 흐리게 그린다. 정한 것과 짐작한 것을 같은 색으로 보여주면,
+   * 사람은 프로그램이 확인한 사실이라고 읽는다.
+   */
+  grade: {
+    desc: '모델 급 (얼마나 알아서 하나)',
+    make: (s) => {
+      const g = 볼만한급(s);
+      return g ? (g.짐작 ? c.gray(`◈ ${g.급}?`) : c.white(`◈ ${g.급}`)) : '';
+    },
+    short: (s) => {
+      const g = 볼만한급(s);
+      return g ? (g.짐작 ? c.gray(`◈${g.급[0]}?`) : c.white(`◈${g.급[0]}`)) : '';
+    },
+  },
+
   ctx: {
     desc: '컨텍스트 사용량',
     make: (s) => {
@@ -117,7 +139,7 @@ export const SEGMENTS = {
  */
 export const SEGMENT_GROUPS = [
   ['dir', 'model'],
-  ['ctx'],
+  ['ctx', 'grade'],
   ['work', 'think', 'mode'],
   ['tok'],
 ];
@@ -125,6 +147,23 @@ export const SEGMENT_GROUPS = [
 // 옛 이름. 조각 이름을 직접 넘기던 자리(검사·설정)가 그대로 돌게 남긴다.
 export const DEFAULT_SEGMENTS = SEGMENT_GROUPS.flat();
 
+/**
+ * 이 급을 화면에 낼 값어치가 있나.
+ *
+ * '보통' 을 짐작으로 잡은 것은 **아무것도 못 알아낸 상태**다. 사내 게이트웨이가
+ * 그렇고, 그건 기본값이지 알아낸 사실이 아니다. 그걸 상태줄에 적으면 자리만
+ * 먹고, 좁은 터미널에서는 그 한 조각 때문에 승인 방식이 밀려 사라진다 —
+ * 내 파일이 안 물어보고 바뀌는지가 화면에서 없어지는 것이라 훨씬 비싸다.
+ *
+ * 알아낸 것이 있거나(짐작이 아님) 기본이 아닌 급일 때만 낸다.
+ */
+function 볼만한급(s) {
+  if (typeof s.급 !== 'function') return null;
+  const g = s.급();
+  if (g.급 === '보통' && g.짐작) return null;
+  return g;
+}
+
 // 컨텍스트 게이지가 쓰는 숫자. 자세한 꼴과 짧은 꼴이 같은 값을 봐야 한다.
 function 참값(s) {
   const b = s.breakdown();
@@ -167,9 +206,10 @@ export function statusLine(session, { segments = null, max = cols() - 2 } = {})
     ? segments.map((k) => [k])
     : SEGMENT_GROUPS;
 
-  const 그리기 = (짧게) => 덩이들
+  const 그리기 = (짧게, 뺄것 = null) => 덩이들
     .map((그룹) => 그룹
       .map((k) => {
+        if (뺄것?.has(k)) return null;
         const seg = SEGMENTS[k];
         if (!seg) return null;
         return 짧게 && seg.short ? seg.short(session) : seg.make(session);
@@ -194,7 +234,16 @@ export function statusLine(session, { segments = null, max = cols() - 2 } = {})
   let parts = 그리기(false);
   if (!맞나(parts)) parts = 그리기(true);
 
-  // 그래도 모자라면 뒤에서부터 떨군다. 앞쪽(폴더·모델·컨텍스트)이 마지막까지 남는다.
+  /*
+   * 그래도 모자라면 **급부터** 접는다.
+   *
+   * 뒤에서부터 떨구면 승인 방식이 먼저 사라진다. 모델 급은 알아 두면 좋은
+   * 것이고, 승인 방식은 지금 봐야 하는 것이다 — 내 파일이 안 물어보고 바뀌는지가
+   * 거기 적혀 있다. 둘 중 하나를 접어야 하면 언제나 이쪽이다.
+   */
+  if (!맞나(parts) && !segments) parts = 그리기(true, new Set(['grade']));
+
+  // 여전히 모자라면 뒤에서부터 떨군다. 앞쪽(폴더·모델·컨텍스트)이 마지막까지 남는다.
   while (parts.length > 1 && !맞나(parts)) parts.pop();
 
   return ` ${c.gray('▏')}${parts.join(칸막이)}`;
@@ -212,6 +261,13 @@ export function contextWarning(session) {
 /**
  * 켤 때 한 번 그리는 머리말 상자 안쪽 줄들.
  */
+/** 머리말 모델 줄에 붙는 급 표시. 못 매기면 아무것도 안 붙는다. */
+function 급머리말(session) {
+  if (typeof session.급 !== 'function') return '';
+  const g = session.급();
+  return c.gray(` · 급 ${g.급}${g.짐작 ? ' 짐작' : ''}`);
+}
+
 export function headerLines(session, found) {
   const conn = session.conn;
   const 능력 = [
@@ -232,7 +288,16 @@ export function headerLines(session, found) {
   const lines = [
     `${c.hcyan(c.bold('deel'))}  ${c.gray(conn.kind === 'ollama' ? 'Ollama 규격' : 'OpenAI 호환 규격')}`,
     '',
-    `${c.gray('모델')}    ${c.white(conn.model)}  ${c.gray('(' + short(conn.ctx) + ' 토큰)')}`,
+    /*
+     * 모델 줄에 급을 같이 적는다.
+     *
+     * 창 크기(토큰)와 급은 다른 축인데, 켤 때 이 둘을 나란히 보지 않으면
+     * 나중에 상태줄의 `◈ 작음?` 이 무슨 뜻인지 알 길이 없다. 여기서 한 번
+     * 같이 읽고 나면 그 다음부터는 글자만 봐도 안다.
+     * 짐작이면 그렇다고 적는다 — 알아낸 사실과 같은 낯으로 내밀면 안 된다.
+     */
+    `${c.gray('모델')}    ${c.white(conn.model)}  ${c.gray('(' + short(conn.ctx) + ' 토큰')}`
+      + `${급머리말(session)}${c.gray(')')}`,
     `${c.gray('보냄')}    ${목적지}  ${c.gray('← 여기 말고는 어디로도 안 갑니다')}`,
     `${c.gray('연결')}    ${능력}`,
     `${c.gray('폴더')}    ${c.white(clip(session.root, 56))}`,

package/src/ui/working.js

@@ -54,6 +54,12 @@ export const 문구 = {
     '지난 대화 접는 중',
     '자리 만드는 중',
   ],
+  // 하위 작업을 돌리는 중. 부모는 기다리기만 하니, 무엇을 기다리는지 말해 준다.
+  하위: [
+    '떼어 낸 일 맡기는 중',
+    '하위 작업 도는 중',
+    '한 덩이씩 끝내는 중',
+  ],
   // 무슨 일인지 아직 모를 때. 첫 걸음과 도구 사이의 짧은 틈이다.
   기본: [
     '열심히 일하는 중',
@@ -79,7 +85,8 @@ export const 문구 = {
 const 도구갈래 = {
   Read: '읽기', Glob: '읽기', Grep: '읽기', Skill: '읽기', Recall: '읽기',
   Write: '쓰기', Edit: '쓰기', Append: '쓰기', Remember: '쓰기', TodoWrite: '쓰기',
-  Bash: '명령',
+  Bash: '명령', Jobs: '명령',
+  Task: '하위',
   WebFetch: '웹',
 };