agent-work-loop 0.6.31 → 0.6.33

package/dist/{chunk-2DAP3QBU.js → chunk-XFYYCBQD.js}

@@ -1,6 +1,12 @@
 import {
   caps,
   engineDir,
+  flowActiveNode,
+  flowClose,
+  flowConnector,
+  flowOpen,
+  flowSelectLine,
+  flowStepLine,
   globalRoot,
   installedEngineVersion,
   makeColors,
@@ -12,7 +18,7 @@ import {
   sectionBox,
   signal,
   stringWidth
-} from "./chunk-45X7T64Y.js";
+} from "./chunk-SUF5ISJM.js";
 
 // src/commands/init.ts
 import fs from "fs";
@@ -107,14 +113,21 @@ function moveCursorUp(n) {
 }
 function renderInteractiveSelect(options, state, multi, c, presentation) {
   const color = makeColors(c.color);
-  const lines = renderSelectOptions(options, state, multi, c).split("\n");
+  const lines = [];
+  if (presentation.body && presentation.body.length > 0) {
+    lines.push(...presentation.body, "");
+  }
+  lines.push(...renderSelectOptions(options, state, multi, c).split("\n"));
   if (presentation.hint) {
     lines.push("");
     lines.push(color.dim(presentation.hint));
   }
-  const text = sectionBox(presentation.title ?? "\uC120\uD0DD", lines, c);
+  const text = flowActiveNode(presentation.title ?? "\uC120\uD0DD", lines, c);
   return { text, lineCount: text.split("\n").length };
 }
+function clearFrame(n) {
+  return n > 0 ? `${moveCursorUp(n)}\x1B[0J` : "";
+}
 async function runInteractiveSelect(options, defaultIndex, multi, c, defaultChecked = [], presentation = {}) {
   let state = initSelectState(defaultIndex, defaultChecked);
   process.stdin.setRawMode(true);
@@ -134,9 +147,45 @@ async function runInteractiveSelect(options, defaultIndex, multi, c, defaultChec
     process.stdin.setRawMode(false);
     process.stdin.pause();
   }
+  process.stdout.write(clearFrame(rendered.lineCount));
   return state.cancelled ? null : { index: state.index, checked: [...state.checked] };
 }
 
+// src/core/flow.ts
+function openFlow(title, c) {
+  process.stdout.write(`${flowOpen(title, c)}
+`);
+  return { c };
+}
+function step(session, title) {
+  process.stdout.write(`${flowConnector(session.c)}
+${flowStepLine(title, session.c)}
+`);
+}
+function selectStep(session, title) {
+  process.stdout.write(`${flowConnector(session.c)}
+${flowSelectLine(title, session.c)}
+`);
+}
+async function activeSelect(session, options, defaultIndex, multi, defaultChecked = [], presentation = {}) {
+  process.stdout.write(`${flowConnector(session.c)}
+`);
+  const result = await runInteractiveSelect(
+    options,
+    defaultIndex,
+    multi,
+    session.c,
+    defaultChecked,
+    presentation
+  );
+  process.stdout.write("\x1B[1A\x1B[0J");
+  return result;
+}
+function closeFlow(session) {
+  process.stdout.write(`${flowClose(session.c)}
+`);
+}
+
 // src/commands/init.ts
 function exists(p) {
   try {
@@ -670,8 +719,8 @@ function applyInit(projectRoot, inputs, now) {
   };
 }
 var WIDTH = 64;
-function stepBox(step, title, lines, c) {
-  return sectionBox(`${step}${c.unicode ? " \xB7 " : " - "}${title}`, lines, c, WIDTH - 4);
+function stepBox(step2, title, lines, c) {
+  return sectionBox(`${step2}${c.unicode ? " \xB7 " : " - "}${title}`, lines, c, WIDTH - 4);
 }
 var VERIFY_LABELS = {
   typecheck: "\uD0C0\uC785\uCCB4\uD06C",
@@ -709,7 +758,7 @@ function renderNonTtyNotice() {
     ""
   ].join("\n");
 }
-function renderResult(result, inputs, c) {
+function resultSetupLines(result, c) {
   const color = makeColors(c.color);
   const t = makeTokens(c);
   const line = (name, value, note = "") => `  ${padEndDisplay(name, 20)}${t.emphasis(value)}${note ? `    ${color.dim(note)}` : ""}`;
@@ -729,6 +778,10 @@ function renderResult(result, inputs, c) {
       `\uADDC\uCE59 ${result.ruleCount}\uAC1C \xB7 \uAD50\uD6C8 ${result.lessonCount}\uAC1C \xB7 \uB4F1\uB85D\uB41C \uD504\uB85C\uC81D\uD2B8 ${result.projectCount}\uAC1C \xB7 1\uC138\uB300`
     )
   );
+  return setupLines;
+}
+function resultNextLines(inputs, c) {
+  const color = makeColors(c.color);
   const nextLines = [];
   if (inputs.skills.claude) {
     nextLines.push("Claude Code \uB97C \uC5F4\uACE0 \uC774\uB807\uAC8C \uB9D0\uD558\uC138\uC694.");
@@ -741,13 +794,26 @@ function renderResult(result, inputs, c) {
   } else {
     nextLines.push("\uB098\uC911\uC5D0 \uC2A4\uD0AC\uC744 \uC124\uCE58\uD558\uB824\uBA74 awl init \uC744 \uB2E4\uC2DC \uC2E4\uD589\uD558\uC138\uC694.");
   }
+  return nextLines;
+}
+function renderResult(result, inputs, c) {
   return [
     "",
-    sectionBox("\uC124\uC815 \uC644\uB8CC", setupLines, c, WIDTH - 4),
+    sectionBox("\uC124\uC815 \uC644\uB8CC", resultSetupLines(result, c), c, WIDTH - 4),
     "",
-    sectionBox("\uB2E4\uC74C \uB2E8\uACC4", nextLines, c, WIDTH - 4)
+    sectionBox("\uB2E4\uC74C \uB2E8\uACC4", resultNextLines(inputs, c), c, WIDTH - 4)
   ].join("\n");
 }
+function commitResultFlow(session, result, inputs, c) {
+  for (const line of resultSetupLines(result, c)) {
+    step(session, line);
+  }
+  step(session, "\uB2E4\uC74C \uB2E8\uACC4");
+  for (const line of resultNextLines(inputs, c)) {
+    process.stdout.write(`${flowConnector(c)}  ${line}
+`);
+  }
+}
 var LANG_OPTIONS = ["TypeScript", "JavaScript", "Python", "\uC9C1\uC811 \uC785\uB825"];
 var LANG_VALUES = ["typescript", "javascript", "python", ""];
 function langDefaultIndices(projectRoot) {
@@ -760,10 +826,19 @@ function langDefaultIndices(projectRoot) {
 }
 function buildScreens(projectRoot, hasGlobal, c) {
   const project = path.basename(projectRoot);
-  const defLangIndices = langDefaultIndices(projectRoot);
   const verify = detectVerify(projectRoot);
   const agents = detectAgents(projectRoot);
-  const welcome = hasGlobal ? null : [
+  const welcome = hasGlobal ? null : welcomeLines(project, projectRoot).join("\n");
+  return {
+    welcome,
+    lang: stepBox("1/3", "\uC8FC \uC5B8\uC5B4", langScreenLines(projectRoot), c),
+    verify: stepBox("2/3", "\uAC80\uC99D \uBA85\uB839\uC5B4", verifyStepLines(verify), c),
+    character: stepBox("3/3", "\uADDC\uCE59\uACFC \uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uC131\uACA9", characterScreenLines(), c),
+    skills: stepBox("\uC2A4\uD0AC", "\uC2A4\uD0AC \uC124\uCE58", skillsScreenLines(agents), c)
+  };
+}
+function welcomeLines(project, projectRoot) {
+  return [
     "",
     "  ~/.awl \uC774 \uC5C6\uC2B5\uB2C8\uB2E4. \uCC98\uC74C \uC624\uC168\uAD70\uC694.",
     "",
@@ -776,46 +851,38 @@ function buildScreens(projectRoot, hasGlobal, c) {
     "  \uB2E4\uB978 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C\uB3C4 awl init \uC744 \uC2E4\uD589\uD558\uBA74 \uADF8\uB54C \uB4F1\uB85D\uB429\uB2C8\uB2E4.",
     "  \uADDC\uCE59\uACFC \uAD50\uD6C8\uC740 \uD504\uB85C\uC81D\uD2B8\uAC00 \uC544\uB2C8\uB77C \uB2F9\uC2E0\uC5D0\uAC8C \uC313\uC774\uACE0,",
     "  \uB4F1\uB85D\uB41C \uBAA8\uB4E0 \uD504\uB85C\uC81D\uD2B8\uC5D0\uC11C \uD568\uAED8 \uC4F0\uC785\uB2C8\uB2E4."
-  ].join("\n");
+  ];
+}
+function langScreenLines(projectRoot) {
+  const defLangIndices = langDefaultIndices(projectRoot);
   const detectedLangLabels = defLangIndices.map((i) => LANG_OPTIONS[i] ?? "TypeScript").join(", ");
-  const langLines = [
+  return [
     `\uC790\uB3D9 \uAC10\uC9C0: ${detectedLangLabels || "TypeScript"}`,
     "",
     "\uC5EC\uB7EC \uAC1C\uB97C \uC4F0\uB294 \uD504\uB85C\uC81D\uD2B8\uBA74(\uC608: TypeScript \uD504\uB860\uD2B8 + Python \uBC31\uC5D4\uB4DC) \uC804\uBD80 \uACE0\uB974\uC138\uC694.",
     "\u2191\u2193 \uB610\uB294 j/k \uB85C \uC774\uB3D9, Space \uB85C \uC120\uD0DD, Enter \uB85C \uD655\uC815\uD558\uC138\uC694.",
     "\uD0A4 \uC785\uB825\uC744 \uC9C0\uC6D0\uD558\uC9C0 \uC54A\uB294 \uD130\uBBF8\uB110\uC5D0\uC11C\uB294 \uBC88\uD638\uB97C \uC27C\uD45C\uB85C \uC785\uB825\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
   ];
-  return {
-    welcome,
-    lang: stepBox("1/3", "\uC8FC \uC5B8\uC5B4", langLines, c),
-    verify: stepBox("2/3", "\uAC80\uC99D \uBA85\uB839\uC5B4", verifyStepLines(verify), c),
-    character: stepBox(
-      "3/3",
-      "\uADDC\uCE59\uACFC \uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uC131\uACA9",
-      [
-        "\uAC19\uC740 \uC2E4\uD328\uAC00 \uC313\uC774\uBA74 \uADDC\uCE59\uC774 \uB418\uACE0, \uB2E4\uC74C \uD504\uB85C\uC81D\uD2B8\uC5D0\uB3C4 \uC804\uD30C\uB429\uB2C8\uB2E4.",
-        "\uD504\uB85C\uC81D\uD2B8\uC758 \uC131\uACA9\uC740 \uADF8 \uADDC\uCE59\uC744 \uC5EC\uAE30\uC5D0\uB3C4 \uC801\uC6A9\uD560\uC9C0 \uD310\uB2E8\uD558\uB294 \uADFC\uAC70\uC785\uB2C8\uB2E4.",
-        "",
-        "\uC774 \uD504\uB85C\uC81D\uD2B8\uB294 \uC5B4\uB5A4 \uACF3\uC785\uB2C8\uAE4C?",
-        '(\uC608\uC2DC: "React + TailwindCSS \uC6F9 \uD504\uB860\uD2B8\uC5D4\uB4DC", "Python Fast API \uBD84\uC11D \uC11C\uBC84",',
-        '       "TypeScript \uB77C\uC774\uBE0C\uB7EC\uB9AC \uD328\uD0A4\uC9C0")'
-      ],
-      c
-    ),
-    skills: stepBox(
-      "\uC2A4\uD0AC",
-      "\uC2A4\uD0AC \uC124\uCE58",
-      [
-        "awl \uC740 \uD310\uB2E8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uD30C\uC77C\uACFC \uC0C1\uD0DC\uB9CC \uAD00\uB9AC\uD569\uB2C8\uB2E4.",
-        "\uD310\uB2E8\uC740 \uC774\uBBF8 \uC4F0\uACE0 \uACC4\uC2E0 \uC5D0\uC774\uC804\uD2B8\uAC00 \uD569\uB2C8\uB2E4.",
-        "",
-        "\uBC14\uB85C \uC544\uB798\uC5D0\uC11C \uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8\uB97C \uACE0\uB985\uB2C8\uB2E4.",
-        "\uCCAB \uBC88\uC9F8 \u201C\uBAA8\uB450 \uC124\uCE58\u201D\uB97C \uACE0\uB974\uAC70\uB098, Space \uB85C \uD544\uC694\uD55C \uD56D\uBAA9\uB9CC \uACE0\uB97C \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
-        `\uAC10\uC9C0\uB428: Claude Code ${agents.claude ? "\uC788\uC74C" : "\uC5C6\uC74C"} \xB7 Codex ${agents.codex ? "\uC788\uC74C" : "\uC5C6\uC74C"}`
-      ],
-      c
-    )
-  };
+}
+function characterScreenLines() {
+  return [
+    "\uAC19\uC740 \uC2E4\uD328\uAC00 \uC313\uC774\uBA74 \uADDC\uCE59\uC774 \uB418\uACE0, \uB2E4\uC74C \uD504\uB85C\uC81D\uD2B8\uC5D0\uB3C4 \uC804\uD30C\uB429\uB2C8\uB2E4.",
+    "\uD504\uB85C\uC81D\uD2B8\uC758 \uC131\uACA9\uC740 \uADF8 \uADDC\uCE59\uC744 \uC5EC\uAE30\uC5D0\uB3C4 \uC801\uC6A9\uD560\uC9C0 \uD310\uB2E8\uD558\uB294 \uADFC\uAC70\uC785\uB2C8\uB2E4.",
+    "",
+    "\uC774 \uD504\uB85C\uC81D\uD2B8\uB294 \uC5B4\uB5A4 \uACF3\uC785\uB2C8\uAE4C?",
+    '(\uC608\uC2DC: "React + TailwindCSS \uC6F9 \uD504\uB860\uD2B8\uC5D4\uB4DC", "Python Fast API \uBD84\uC11D \uC11C\uBC84",',
+    '       "TypeScript \uB77C\uC774\uBE0C\uB7EC\uB9AC \uD328\uD0A4\uC9C0")'
+  ];
+}
+function skillsScreenLines(agents) {
+  return [
+    "awl \uC740 \uD310\uB2E8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uD30C\uC77C\uACFC \uC0C1\uD0DC\uB9CC \uAD00\uB9AC\uD569\uB2C8\uB2E4.",
+    "\uD310\uB2E8\uC740 \uC774\uBBF8 \uC4F0\uACE0 \uACC4\uC2E0 \uC5D0\uC774\uC804\uD2B8\uAC00 \uD569\uB2C8\uB2E4.",
+    "",
+    "\uBC14\uB85C \uC544\uB798\uC5D0\uC11C \uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8\uB97C \uACE0\uB985\uB2C8\uB2E4.",
+    "\uCCAB \uBC88\uC9F8 \u201C\uBAA8\uB450 \uC124\uCE58\u201D\uB97C \uACE0\uB974\uAC70\uB098, Space \uB85C \uD544\uC694\uD55C \uD56D\uBAA9\uB9CC \uACE0\uB97C \uC218 \uC788\uC2B5\uB2C8\uB2E4.",
+    `\uAC10\uC9C0\uB428: Claude Code ${agents.claude ? "\uC788\uC74C" : "\uC5C6\uC74C"} \xB7 Codex ${agents.codex ? "\uC788\uC74C" : "\uC5C6\uC74C"}`
+  ];
 }
 function ask(rl, q) {
   return new Promise((resolve) => rl.question(q, (a) => resolve(a)));
@@ -903,7 +970,6 @@ function applyVerifyCwd(verify, cwd) {
   return verify;
 }
 async function interactiveInputs(projectRoot, hasGlobal, c) {
-  const screens = buildScreens(projectRoot, hasGlobal, c);
   const project = path.basename(projectRoot);
   const useRawMode = rawModeCapable();
   const session = { rl: null };
@@ -913,29 +979,48 @@ async function interactiveInputs(projectRoot, hasGlobal, c) {
     }
     return session.rl;
   };
+  const flow = openFlow("awl init", c);
   try {
-    if (screens.welcome) {
-      process.stdout.write(`${screens.welcome}
+    if (!hasGlobal) {
+      process.stdout.write(`${flowConnector(c)}
 `);
-    }
-    process.stdout.write(`
-${screens.lang}
-
+      for (const line of welcomeLines(project, projectRoot)) {
+        process.stdout.write(`${flowConnector(c)}${line}
 `);
+      }
+    }
     const defaultLangChecked = langDefaultIndices(projectRoot);
-    const rawLanguage = useRawMode ? await runInteractiveSelect(LANG_OPTIONS, 0, true, c, defaultLangChecked, {
-      title: "\uC8FC \uC5B8\uC5B4",
-      hint: "\u2191\u2193 \uB610\uB294 j/k \uC774\uB3D9 \xB7 Space \uC120\uD0DD \xB7 Enter \uD655\uC815 \xB7 Esc \uAE30\uBCF8\uAC12 \uC720\uC9C0"
-    }) : null;
-    const langChecked = rawLanguage?.checked ?? (useRawMode ? defaultLangChecked : await selectMulti(prompt(), LANG_OPTIONS, defaultLangChecked, c, false, "\uC8FC \uC5B8\uC5B4"));
+    const langBody = langScreenLines(projectRoot);
+    let langChecked;
+    if (useRawMode) {
+      const r = await activeSelect(flow, LANG_OPTIONS, 0, true, defaultLangChecked, {
+        title: "\uC8FC \uC5B8\uC5B4",
+        body: langBody,
+        hint: "\u2191\u2193 \uB610\uB294 j/k \uC774\uB3D9 \xB7 Space \uC120\uD0DD \xB7 Enter \uD655\uC815 \xB7 Esc \uAE30\uBCF8\uAC12 \uC720\uC9C0"
+      });
+      langChecked = r?.checked ?? defaultLangChecked;
+    } else {
+      process.stdout.write(`${flowConnector(c)}
+${flowActiveNode("\uC8FC \uC5B8\uC5B4", langBody, c)}
+`);
+      langChecked = await selectMulti(
+        prompt(),
+        LANG_OPTIONS,
+        defaultLangChecked,
+        c,
+        false,
+        "\uC8FC \uC5B8\uC5B4"
+      );
+    }
     const manualLangIdx = LANG_OPTIONS.length - 1;
     const mainLanguage = langChecked.filter((i) => i !== manualLangIdx).map((i) => LANG_VALUES[i]).filter((v) => typeof v === "string" && v !== "");
     if (langChecked.includes(manualLangIdx)) {
-      const typed = (await ask(prompt(), "  \uC8FC \uC5B8\uC5B4\uB97C \uC785\uB825\uD558\uC138\uC694: ")).trim();
+      const typed = (await ask(prompt(), `${flowConnector(c)}  \uC8FC \uC5B8\uC5B4\uB97C \uC785\uB825\uD558\uC138\uC694: `)).trim();
       if (typed) {
         mainLanguage.push(typed);
       }
     }
+    selectStep(flow, `\uC8FC \uC5B8\uC5B4: ${mainLanguage.length > 0 ? mainLanguage.join(", ") : "(\uC5C6\uC74C)"}`);
     const rootVerify = detectVerify(projectRoot);
     const located = await promptVerifyLocation(
       prompt(),
@@ -944,35 +1029,26 @@ ${screens.lang}
       makeColors(c.color)
     );
     const verify = located.verify;
-    if (located.cwd) {
-      process.stdout.write(`
-${stepBox("2/3", "\uAC80\uC99D \uBA85\uB839\uC5B4", verifyStepLines(verify), c)}
-
-`);
-    } else {
-      process.stdout.write(`
-${screens.verify}
-
-`);
-    }
+    process.stdout.write(
+      `${flowConnector(c)}
+${flowActiveNode("\uAC80\uC99D \uBA85\uB839\uC5B4", verifyStepLines(verify), c)}
+`
+    );
     for (const k of Object.keys(VERIFY_LABELS)) {
       const cur = verify[k];
       const shown = cur ? cur.cmd : "(\uC5C6\uC74C)";
-      const answer = (await ask(prompt(), `  ${VERIFY_LABELS[k]} [${shown}]: `)).trim();
+      const answer = (await ask(prompt(), `${flowConnector(c)}  ${VERIFY_LABELS[k]} [${shown}]: `)).trim();
       if (answer !== "") {
         verify[k] = answer.toLowerCase() === "\uC5C6\uC74C" || answer === "-" ? null : splitEnv(answer);
       }
     }
     applyVerifyCwd(verify, located.cwd);
-    process.stdout.write(`
-${screens.character}
-
-`);
-    const character = (await ask(prompt(), "  > ")).trim();
-    process.stdout.write(`
-${screens.skills}
-
-`);
+    process.stdout.write(
+      `${flowConnector(c)}
+${flowActiveNode("\uADDC\uCE59\uACFC \uC774 \uD504\uB85C\uC81D\uD2B8\uC758 \uC131\uACA9", characterScreenLines(), c)}
+`
+    );
+    const character = (await ask(prompt(), `${flowConnector(c)}  > `)).trim();
     const agents = detectAgents(projectRoot);
     const skillOptions = [
       "\uBAA8\uB450 \uC124\uCE58 (Claude Code + Codex)",
@@ -984,26 +1060,39 @@ ${screens.skills}
       session.rl.close();
       session.rl = null;
     }
-    const rawSkills = useRawMode ? await runInteractiveSelect(skillOptions, 0, true, c, defaultChecked, {
-      title: "\uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8 \uC2A4\uD0AC",
-      hint: "\u2191\u2193 \uB610\uB294 j/k \uC774\uB3D9 \xB7 Space \uC120\uD0DD \xB7 Enter \uD655\uC815 \xB7 Esc \uAE30\uBCF8\uAC12 \uC720\uC9C0",
-      selectAllIndex: 0
-    }) : null;
-    const checked = rawSkills?.checked ?? (useRawMode ? defaultChecked : await selectMulti(
-      prompt(),
-      skillOptions,
-      defaultChecked,
-      c,
-      false,
-      "\uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8 \uC2A4\uD0AC",
-      0
-    ));
+    let checked;
+    if (useRawMode) {
+      const r = await activeSelect(flow, skillOptions, 0, true, defaultChecked, {
+        title: "\uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8 \uC2A4\uD0AC",
+        body: skillsScreenLines(agents),
+        hint: "\u2191\u2193 \uB610\uB294 j/k \uC774\uB3D9 \xB7 Space \uC120\uD0DD \xB7 Enter \uD655\uC815 \xB7 Esc \uAE30\uBCF8\uAC12 \uC720\uC9C0",
+        selectAllIndex: 0
+      });
+      checked = r?.checked ?? defaultChecked;
+    } else {
+      process.stdout.write(
+        `${flowConnector(c)}
+${flowActiveNode("\uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8 \uC2A4\uD0AC", skillsScreenLines(agents), c)}
+`
+      );
+      checked = await selectMulti(
+        prompt(),
+        skillOptions,
+        defaultChecked,
+        c,
+        false,
+        "\uC124\uCE58\uD560 \uC5D0\uC774\uC804\uD2B8 \uC2A4\uD0AC",
+        0
+      );
+    }
     const installAll = checked.includes(0);
     const skills = {
       claude: installAll || checked.includes(1),
       codex: installAll || checked.includes(2)
     };
-    return { project, mainLanguage, character, verify, skills };
+    const skillsSummary = installAll ? "\uBAA8\uB450 \uC124\uCE58 (Claude Code + Codex)" : [skills.claude && "Claude Code", skills.codex && "Codex"].filter(Boolean).join(", ") || "(\uC5C6\uC74C)";
+    selectStep(flow, `\uC124\uCE58: ${skillsSummary}`);
+    return { inputs: { project, mainLanguage, character, verify, skills }, session: flow };
   } finally {
     session.rl?.close();
   }
@@ -1013,35 +1102,30 @@ async function handleExistingConfig(rl, projectRoot, c, now) {
   const config = raw;
   scaffoldGlobal();
   const installedVer = installedEngineVersion();
-  process.stdout.write("\n  .awl/config.json \uC774 \uC774\uBBF8 \uC788\uC2B5\uB2C8\uB2E4. \uD300\uC6D0\uC774 \uC124\uC815\uD574\uB450\uC5C8\uAD70\uC694.\n\n");
-  process.stdout.write(`    \uD504\uB85C\uC81D\uD2B8   ${config?.project ?? "(\uC5C6\uC74C)"}
-`);
-  process.stdout.write(`    \uC8FC \uC5B8\uC5B4    ${config?.mainLanguage?.join(", ") || "(\uC5C6\uC74C)"}
-`);
-  process.stdout.write(`    \uC131\uACA9       ${config?.character || "(\uC5C6\uC74C)"}
-`);
   const engineNote = installedVer && config?.engineVersion ? installedVer === config.engineVersion ? `(\uC124\uCE58\uB428: ${installedVer}  \uC77C\uCE58)` : `(\uC124\uCE58\uB428: ${installedVer}  \uBD88\uC77C\uCE58 -> '\uADF8\uB300\uB85C \uC4F4\uB2E4'\uB97C \uACE0\uB974\uBA74 \uB3D9\uAE30\uD654\uB429\uB2C8\uB2E4)` : "";
-  process.stdout.write(`    \uC5D4\uC9C4       ${config?.engineVersion ?? "(\uC5C6\uC74C)"}   ${engineNote}
-
+  const summaryLines = [
+    ".awl/config.json \uC774 \uC774\uBBF8 \uC788\uC2B5\uB2C8\uB2E4. \uD300\uC6D0\uC774 \uC124\uC815\uD574\uB450\uC5C8\uAD70\uC694.",
+    "",
+    `\uD504\uB85C\uC81D\uD2B8   ${config?.project ?? "(\uC5C6\uC74C)"}`,
+    `\uC8FC \uC5B8\uC5B4    ${config?.mainLanguage?.join(", ") || "(\uC5C6\uC74C)"}`,
+    `\uC131\uACA9       ${config?.character || "(\uC5C6\uC74C)"}`,
+    `\uC5D4\uC9C4       ${config?.engineVersion ?? "(\uC5C6\uC74C)"}   ${engineNote}`,
+    ...config?.verify ? ["", ...verifyLines(config.verify).map((l) => `\uAC80\uC99D  ${l.trim()}`)] : [],
+    "",
+    "\uC774 \uC124\uC815\uC744 \uADF8\uB300\uB85C \uC4F0\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?"
+  ];
+  const flow = openFlow("\uAE30\uC874 \uC124\uC815", c);
+  process.stdout.write(`${flowConnector(c)}
+${flowActiveNode("\uAE30\uC874 \uC124\uC815", summaryLines, c)}
 `);
-  if (config?.verify) {
-    for (const line of verifyLines(config.verify)) {
-      process.stdout.write(`    \uAC80\uC99D  ${line.trim()}
+  const options = ["\uADF8\uB300\uB85C \uC4F4\uB2E4", "\uAC80\uC99D \uBA85\uB839\uC5B4\uB9CC \uACE0\uCE5C\uB2E4", "\uCC98\uC74C\uBD80\uD130 \uB2E4\uC2DC"];
+  for (let i = 0; i < options.length; i++) {
+    process.stdout.write(`${flowConnector(c)}    ${i + 1}. ${options[i]}
 `);
-    }
-    process.stdout.write("\n");
   }
-  process.stdout.write("  \uC774 \uC124\uC815\uC744 \uADF8\uB300\uB85C \uC4F0\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?\n\n");
-  const options = ["\uADF8\uB300\uB85C \uC4F4\uB2E4", "\uAC80\uC99D \uBA85\uB839\uC5B4\uB9CC \uACE0\uCE5C\uB2E4", "\uCC98\uC74C\uBD80\uD130 \uB2E4\uC2DC"];
-  process.stdout.write(
-    `${sectionBox(
-      "\uAE30\uC874 \uC124\uC815",
-      options.map((option, i) => `${i + 1}. ${option}`),
-      c
-    )}
-`
-  );
   const choice = await promptNumber(rl, 0, options.length);
+  selectStep(flow, `\uC120\uD0DD: ${options[choice]}`);
+  closeFlow(flow);
   process.stdout.write(
     `
   ${makeColors(c.color).dim("\uADDC\uCE59\uACFC \uAD50\uD6C8\uC740 \uACF5\uC720\uB418\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uC800 \uC124\uC815\uB9CC \uD300\uC6D0\uACFC \uAC19\uACE0, \uC313\uC774\uB294 \uAC83\uC740 \uB2F9\uC2E0 \uAC83\uC785\uB2C8\uB2E4.")}
@@ -1082,11 +1166,10 @@ async function handleExistingConfig(rl, projectRoot, c, now) {
     return;
   }
   rl.close();
-  const inputs = await interactiveInputs(projectRoot, isGlobalInstalled(), c);
+  const { inputs, session } = await interactiveInputs(projectRoot, isGlobalInstalled(), c);
   const result = applyInit(projectRoot, inputs, now);
-  process.stdout.write(`
-${renderResult(result, inputs, c)}
-`);
+  commitResultFlow(session, result, inputs, c);
+  closeFlow(session);
 }
 function resolveProjectChoice(idx, candidates) {
   if (idx >= 0 && idx < candidates.length) {
@@ -1157,13 +1240,14 @@ async function pickProjectRoot(cwd, c) {
     }
     return session.rl;
   };
+  const flow = openFlow("\uD504\uB85C\uC81D\uD2B8 \uC120\uD0DD", c);
   const select = async (options, title) => {
     if (raw) {
       if (session.rl) {
         session.rl.close();
         session.rl = null;
       }
-      const r = await runInteractiveSelect(options, 0, false, c, [], {
+      const r = await activeSelect(flow, options, 0, false, [], {
         title,
         hint: "\u2191\u2193 \uB610\uB294 j/k \uC774\uB3D9 \xB7 Enter \uC120\uD0DD \xB7 Esc \uAE30\uBCF8\uAC12 \uC720\uC9C0"
       });
@@ -1178,6 +1262,7 @@ async function pickProjectRoot(cwd, c) {
         "\uC5B4\uB290 \uD504\uB85C\uC81D\uD2B8\uC5D0 awl \uC744 \uBD99\uC77C\uAE4C\uC694?"
       );
       if (idx === 0) {
+        selectStep(flow, `\uD504\uB85C\uC81D\uD2B8: ${cwd}`);
         return cwd;
       }
       if (idx !== 1) {
@@ -1189,12 +1274,13 @@ async function pickProjectRoot(cwd, c) {
     const title = candidates.length > 0 ? "\uD504\uB85C\uC81D\uD2B8\uB97C \uACE0\uB974\uC138\uC694 (\uCD5C\uADFC \uC218\uC815\uC21C, \uCD5C\uB300 20)\n" : "\uD558\uC704\uC5D0 git \uD504\uB85C\uC81D\uD2B8\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uC9C1\uC811 \uC785\uB825\uD558\uAC70\uB098 \uCDE8\uC18C\n";
     const choice = resolveProjectChoice(await select(labels, title), candidates);
     if (choice.kind === "path") {
+      selectStep(flow, `\uD504\uB85C\uC81D\uD2B8: ${choice.path}`);
       return choice.path;
     }
     if (choice.kind === "cancel") {
       return null;
     }
-    const typed = (await ask(prompt(), "  \uD504\uB85C\uC81D\uD2B8 \uACBD\uB85C\uB97C \uC785\uB825\uD558\uC138\uC694: ")).trim();
+    const typed = (await ask(prompt(), `${flowConnector(c)}  \uD504\uB85C\uC81D\uD2B8 \uACBD\uB85C\uB97C \uC785\uB825\uD558\uC138\uC694: `)).trim();
     if (!typed) {
       return null;
     }
@@ -1205,11 +1291,13 @@ async function pickProjectRoot(cwd, c) {
 `);
       return null;
     }
+    selectStep(flow, `\uD504\uB85C\uC81D\uD2B8: ${resolved}`);
     return resolved;
   } finally {
     if (session.rl) {
       session.rl.close();
     }
+    closeFlow(flow);
   }
 }
 async function runInit(opts) {
@@ -1268,14 +1356,16 @@ async function runInit(opts) {
     }
     return;
   }
-  const inputs = await interactiveInputs(chosenRoot, isGlobalInstalled(), c);
+  const { inputs, session } = await interactiveInputs(chosenRoot, isGlobalInstalled(), c);
   const result = applyInit(chosenRoot, inputs, now);
-  process.stdout.write(`
-${renderResult(result, inputs, c)}
-`);
+  commitResultFlow(session, result, inputs, c);
+  closeFlow(session);
 }
 
 export {
+  openFlow,
+  step,
+  closeFlow,
   scanGitProjects,
   detectLanguage,
   detectLanguages,
@@ -1303,9 +1393,14 @@ export {
   verifyStepLines,
   renderNonTtyNotice,
   renderResult,
+  commitResultFlow,
   LANG_OPTIONS,
   LANG_VALUES,
   buildScreens,
+  welcomeLines,
+  langScreenLines,
+  characterScreenLines,
+  skillsScreenLines,
   ask,
   promptNumber,
   selectSingle,