@axis-ds/cli 1.6.1 → 1.7.0

package/dist/index.js

@@ -1,10 +1,17 @@
 #!/usr/bin/env node
 import {
   MonetClient
-} from "./chunk-ZVVACWEW.js";
+} from "./chunk-LVMDBOXD.js";
 import {
   V0Client
-} from "./chunk-NNFSJISD.js";
+} from "./chunk-2PNCUPCG.js";
+import {
+  NonInteractiveError,
+  ask,
+  failNonInteractive,
+  isInteractive,
+  noteDefault
+} from "./chunk-HFMMK6R4.js";
 import {
   registerSyncCommand
 } from "./chunk-7CDXEBEE.js";
@@ -1106,17 +1113,59 @@ function toSearchItem(c) {
     url: `/library/${c.category}/${c.slug}`
   };
 }
+var sourceTypeOf = (item) => typeof item.source === "string" ? item.source : item.source.type;
+function resolveRouteSlugs(items) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = `${item.category}/${item.slug}`;
+    if (!groups.has(key)) groups.set(key, []);
+    groups.get(key).push(item);
+  }
+  const result = /* @__PURE__ */ new Map();
+  for (const [key, group] of groups) {
+    if (group.length === 1) {
+      result.set(group[0].id, group[0].slug);
+      continue;
+    }
+    const axis = group.filter((i) => sourceTypeOf(i) === "axis");
+    if (axis.length > 1) {
+      throw new Error(`\uC0C1\uC138 \uC8FC\uC18C /library/${key} \uB97C AXIS \uD56D\uBAA9 ${axis.map((i) => i.id).join(", ")} \uAC00 \uD568\uAED8 \uC501\uB2C8\uB2E4`);
+    }
+    const keeper = axis[0] || group[0];
+    for (const item of group) {
+      result.set(item.id, item === keeper ? item.slug : `${sourceTypeOf(item)}-${item.slug}`);
+    }
+  }
+  const seen = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = `${item.category}/${result.get(item.id)}`;
+    const other = seen.get(key);
+    if (other !== void 0 && other !== item.id) {
+      throw new Error(`slug \uB97C \uBC14\uAFBC \uB4A4\uC5D0\uB3C4 \uC0C1\uC138 \uC8FC\uC18C /library/${key} \uAC00 ${other}, ${item.id} \uC5D0\uC11C \uACB9\uCE69\uB2C8\uB2E4`);
+    }
+    seen.set(key, item.id);
+  }
+  return result;
+}
+function withRouteSlugs(items) {
+  const slugs = resolveRouteSlugs(items);
+  return items.map((item) => slugs.get(item.id) === item.slug ? item : { ...item, slug: slugs.get(item.id) });
+}
+function componentFileOf(item) {
+  return `components/${item.id}.json`;
+}
 var Publisher = class {
   defaultOutputDir = "apps/web/public/library";
   /**
    * 라이브러리 인덱스를 사이트에 배치
    */
-  async publish(index, options = {}) {
+  async publish(input, options = {}) {
     const outputDir = options.outputDir || this.defaultOutputDir;
     const files = [];
     const errors = [];
     const spinner = ora("\uB77C\uC774\uBE0C\uB7EC\uB9AC \uBC30\uCE58 \uC911...").start();
     try {
+      const index = { ...input, components: withRouteSlugs(input.components) };
       await fs3.ensureDir(outputDir);
       const indexPath = path3.join(outputDir, "index.json");
       await this.writeJson(indexPath, this.createPublicIndex(index), options.minify);
@@ -1143,7 +1192,7 @@ var Publisher = class {
       const componentsDir = path3.join(outputDir, "components");
       await fs3.ensureDir(componentsDir);
       for (const component of index.components) {
-        const componentPath = path3.join(componentsDir, `${component.slug}.json`);
+        const componentPath = path3.join(outputDir, componentFileOf(component));
         await this.writeJson(componentPath, this.createPublicComponent(component), options.minify);
         files.push(componentPath);
       }
@@ -1400,6 +1449,25 @@ async function refreshAxisLibrary(options) {
   }
   for (const f of existingFiles.values()) if (f.data.source?.type === AXIS) oldAxisIds.add(f.data.id);
   const removed = [...oldAxisIds].filter((id) => !axisIds.has(id)).sort();
+  const routeSlugs = resolveRouteSlugs([...extOrder.map((id) => extCategory.get(id)), ...axisComponents]);
+  const renamedSlugs = {};
+  const renamedFrom = {};
+  for (const id of extOrder) {
+    const slug = routeSlugs.get(id);
+    const full = extCategory.get(id);
+    if (slug === full.slug) continue;
+    renamedSlugs[id] = slug;
+    renamedFrom[id] = full.slug;
+    extCategory.set(id, { ...full, slug });
+    extIndex.set(id, { ...extIndex.get(id), slug });
+    const s = extSearch.get(id);
+    extSearch.set(id, { ...s, slug, url: `/library/${s.category}/${slug}` });
+  }
+  for (const c of axisComponents) {
+    const slug = routeSlugs.get(c.id);
+    if (slug === c.slug) continue;
+    throw new Error(`AXIS \uD56D\uBAA9 ${c.id} \uC758 slug \uAC00 ${slug} \uB85C \uBC14\uB00C\uC5B4\uC57C \uD569\uB2C8\uB2E4. \uC218\uC9D1 \uACB0\uACFC\uB97C \uD655\uC778\uD558\uC138\uC694`);
+  }
   const indexEntries = [
     ...extOrder.map((id) => extIndex.get(id)),
     ...axisComponents.map((c) => toIndexEntry(c))
@@ -1457,24 +1525,18 @@ async function refreshAxisLibrary(options) {
       })
     );
   }
-  const finalSlugs = /* @__PURE__ */ new Set();
-  const axisBySlug = new Map(axisComponents.map((c) => [c.slug, c]));
-  for (const c of allPublic) finalSlugs.add(c.slug);
-  const shadowedAxis = [];
-  for (const slug of [...finalSlugs].sort()) {
-    const axis = axisBySlug.get(slug);
-    const existing = existingFiles.get(slug);
-    const extForSlug = extOrder.map((id) => extCategory.get(id)).filter((c) => c.slug === slug);
-    const existingIsExternal = !!existing && extForSlug.some((c) => c.id === existing.data.id);
-    if (existingIsExternal) {
-      if (axis) shadowedAxis.push(axis.id);
-      continue;
-    }
-    if (axis) {
-      outputs.set(`components/${slug}.json`, serialize(axis));
+  const finalFiles = /* @__PURE__ */ new Set();
+  for (const c of allPublic) {
+    const rel3 = componentFileOf(c);
+    finalFiles.add(rel3);
+    if (c.source.type === AXIS) {
+      outputs.set(rel3, serialize(c));
       continue;
     }
-    outputs.set(`components/${slug}.json`, serialize(extForSlug[0]));
+    const same = (f) => f.data?.id === c.id && isDeepStrictEqual(f.data, c);
+    const atKey = existingFiles.get(c.id);
+    const kept = atKey && same(atKey) ? atKey : [...existingFiles.values()].find(same);
+    outputs.set(rel3, kept ? kept.raw : serialize(c));
   }
   const writtenFiles = [];
   for (const [rel3, content] of outputs) {
@@ -1485,13 +1547,13 @@ async function refreshAxisLibrary(options) {
     if (!options.dryRun) await fs4.writeFile(file, content, "utf-8");
   }
   const removedFiles = [];
-  for (const slug of existingFiles.keys()) {
-    if (finalSlugs.has(slug)) continue;
-    const rel3 = `components/${slug}.json`;
+  for (const key of existingFiles.keys()) {
+    const rel3 = `components/${key}.json`;
+    if (finalFiles.has(rel3)) continue;
     removedFiles.push(rel3);
     if (!options.dryRun) await fs4.remove(path4.join(libraryDir, rel3));
   }
-  return { added, changed, unchanged, removed, shadowedAxis, writtenFiles, removedFiles, stats };
+  return { added, changed, unchanged, removed, renamedSlugs, renamedFrom, writtenFiles, removedFiles, stats };
 }
 function registerRefreshAxisCommand(libraryCmd2) {
   libraryCmd2.command("refresh-axis").description("AXIS \uD56D\uBAA9\uB9CC \uC800\uC7A5\uC18C \uC18C\uC2A4\uC5D0\uC11C \uB2E4\uC2DC \uB9CC\uB4E6 (\uC678\uBD80 \uC18C\uC2A4 \uD56D\uBAA9\uC740 \uADF8\uB300\uB85C, \uB124\uD2B8\uC6CC\uD06C \uC5C6\uC74C)").option("--root <dir>", "\uC800\uC7A5\uC18C \uB8E8\uD2B8", process.cwd()).option("-o, --output <dir>", "library \uB514\uB809\uD130\uB9AC (\uB8E8\uD2B8 \uAE30\uC900)", "apps/web/public/library").option("--updated-at <iso>", "\uBC14\uB010 \uD56D\uBAA9\uC5D0 \uAE30\uB85D\uD560 \uC2DC\uAC01 (\uAE30\uBCF8: \uC624\uB298 KST \uB0A0\uC9DC\uC758 00:00:00.000Z)").option("--dry-run", "\uD30C\uC77C\uC744 \uC4F0\uC9C0 \uC54A\uACE0 \uBC14\uB014 \uB0B4\uC6A9\uB9CC \uCD9C\uB825").action(async (opts) => {
@@ -1511,9 +1573,12 @@ ${head}AXIS library \uC7AC\uC0DD\uC131`));
     for (const id of result.added) console.log(chalk2.green(`  + ${id}`));
     for (const id of result.changed) console.log(chalk2.yellow(`  ~ ${id}`));
     for (const id of result.removed) console.log(chalk2.red(`  - ${id}`));
-    if (result.shadowedAxis.length > 0) {
+    const renamed = Object.entries(result.renamedSlugs);
+    if (renamed.length > 0) {
       console.log(
-        chalk2.yellow(`  slug \uAC00 \uC678\uBD80 \uD56D\uBAA9 \uD30C\uC77C\uACFC \uACB9\uCCD0 \uD30C\uC77C\uC744 \uC4F0\uC9C0 \uC54A\uC74C(E4): ${result.shadowedAxis.join(", ")}`)
+        chalk2.yellow(
+          `  \uC0C1\uC138 \uC8FC\uC18C\uAC00 \uACB9\uCCD0 slug \uB97C \uBC14\uAFC8(WI-0060): ${renamed.map(([id, slug]) => `${id}: ${result.renamedFrom[id] ?? id} \u2192 ${slug}`).join(", ")}`
+        )
       );
     }
     console.log(`  \uD30C\uC77C \uC4F0\uAE30 ${result.writtenFiles.length}\uAC1C \xB7 \uC0AD\uC81C ${result.removedFiles.length}\uAC1C`);
@@ -1748,7 +1813,6 @@ import fs8 from "fs-extra";
 import path9 from "path";
 import chalk5 from "chalk";
 import ora3 from "ora";
-import prompts from "prompts";
 
 // src/template/post-install.ts
 import fs6 from "fs-extra";
@@ -2067,22 +2131,17 @@ function majorFromVersion(version) {
 }
 function detectTailwind(baseDirInput, pkg) {
   const baseDir = resolve(baseDirInput);
-  const installedFile = join(baseDir, "node_modules", "tailwindcss", "package.json");
   const declared = pkg ? hasDependency2(pkg, "tailwindcss") : void 0;
   const bounds = declared !== void 0 ? tailwindMajorBounds(declared) : void 0;
   const declaredMajor = bounds?.lower;
-  try {
-    const installed = JSON.parse(readFileSync2(installedFile, "utf8"));
-    const version = isPlainObject2(installed) ? installed.version : void 0;
-    const major = majorFromVersion(version);
-    if (major !== void 0) {
-      const found = { major, source: "installed", value: String(version) };
-      if (declared !== void 0 && bounds !== void 0 && !majorWithin(major, bounds)) {
-        found.mismatch = { declared, declaredMajor: bounds.lower };
-      }
-      return found;
+  const version = isPnpProject(baseDir) ? void 0 : findInstalledPackage(baseDir, "tailwindcss")?.version;
+  const major = majorFromVersion(version);
+  if (version !== void 0 && major !== void 0) {
+    const found = { major, source: "installed", value: version };
+    if (declared !== void 0 && bounds !== void 0 && !majorWithin(major, bounds)) {
+      found.mismatch = { declared, declaredMajor: bounds.lower };
     }
-  } catch {
+    return found;
   }
   if (declared !== void 0) {
     if (declaredMajor !== void 0) return { major: declaredMajor, source: "declared", value: declared };
@@ -2225,19 +2284,9 @@ function rangeLowerAtLeast(range, min) {
   if (!lower || !target) return void 0;
   return compareLower(lower, target) >= 0;
 }
-function exactVersion(version) {
-  if (typeof version !== "string") return void 0;
-  const v = version.trim();
-  if (!/^v?\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/.test(v) || /^v?0\.0\.0-/.test(v)) return void 0;
-  return v;
-}
-function installedVersion(baseDir, name) {
-  try {
-    const parsed = JSON.parse(readFileSync2(join(baseDir, "node_modules", ...name.split("/"), "package.json"), "utf8"));
-    return isPlainObject2(parsed) ? exactVersion(parsed.version) : void 0;
-  } catch {
-    return void 0;
-  }
+function installedAxisVersion(baseDir, name) {
+  if (isPnpProject(baseDir)) return void 0;
+  return findInstalledPackage(baseDir, name)?.version;
 }
 function axisPackagesBelowTailwind4(pkg, baseDirInput) {
   if (!pkg) return [];
@@ -2247,7 +2296,7 @@ function axisPackagesBelowTailwind4(pkg, baseDirInput) {
   for (const name of TAILWIND4_AXIS_PACKAGES) {
     const range = hasDependency2(pkg, name);
     if (range === void 0 || range.trim().startsWith("workspace:")) continue;
-    const installed = baseDir !== void 0 ? installedVersion(baseDir, name) : void 0;
+    const installed = baseDir !== void 0 ? installedAxisVersion(baseDir, name) : void 0;
     const installedLower = installed !== void 0 ? lowerOf(installed) : void 0;
     if (installed !== void 0 && installedLower !== void 0) {
       if (compareLower(installedLower, min) < 0) out.push({ name, range, status: "below", source: "installed", installed });
@@ -2834,12 +2883,23 @@ async function applyTemplate(slug, options) {
     for (const c of conflicts) {
       console.log(chalk5.gray(`  - ${c}`));
     }
-    const { proceed } = await prompts({
-      type: "confirm",
-      name: "proceed",
-      message: "\uCDA9\uB3CC \uD30C\uC77C\uC744 \uB36E\uC5B4\uC4F0\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
-      initial: false
-    });
+    const interactive = options.interactive ?? isInteractive();
+    if (!interactive) {
+      failNonInteractive("\uCDA9\uB3CC \uD30C\uC77C\uC744 \uB36E\uC5B4\uC4F8\uC9C0 \uBB3C\uC744 \uC218 \uC5C6\uC5B4 \uC544\uBB34\uAC83\uB3C4 \uC4F0\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.", [
+        `\uB36E\uC5B4\uC4F0\uB824\uBA74: axis template apply ${slug} -y`,
+        `\uBBF8\uB9AC\uBCF4\uAE30: axis template apply ${slug} --dry-run`
+      ]);
+      return;
+    }
+    const { proceed } = await ask(
+      {
+        type: "confirm",
+        name: "proceed",
+        message: "\uCDA9\uB3CC \uD30C\uC77C\uC744 \uB36E\uC5B4\uC4F0\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?",
+        initial: false
+      },
+      interactive
+    );
     if (!proceed) {
       console.log(chalk5.gray("\uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4."));
       return;
@@ -2891,20 +2951,31 @@ async function applyTemplate(slug, options) {
 '${detail.name}' \uD15C\uD50C\uB9BF \uC801\uC6A9 \uC644\uB8CC!`));
 }
 async function initTemplate(slug, options) {
+  const interactive = options.interactive ?? isInteractive();
   let selectedSlug = slug;
   if (!selectedSlug) {
+    if (!interactive) {
+      failNonInteractive("\uD15C\uD50C\uB9BF\uC744 \uACE0\uB97C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uD15C\uD50C\uB9BF \uC774\uB984\uC744 \uC8FC\uC138\uC694.", [
+        "\uC0AC\uC6A9\uBC95: axis template init <name> [--dir <path>] [-y]",
+        "\uBAA9\uB85D: axis template list"
+      ]);
+      return;
+    }
     const { fetchTemplateIndex: fetchTemplateIndex2 } = await import("./registry-client-6WSGKPF2.js");
     const index = await fetchTemplateIndex2();
-    const { choice } = await prompts({
-      type: "select",
-      name: "choice",
-      message: "\uC0AC\uC6A9\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD558\uC138\uC694:",
-      choices: index.templates.map((t) => ({
-        title: `${t.name} (${t.category})`,
-        description: t.description,
-        value: t.slug
-      }))
-    });
+    const { choice } = await ask(
+      {
+        type: "select",
+        name: "choice",
+        message: "\uC0AC\uC6A9\uD560 \uD15C\uD50C\uB9BF\uC744 \uC120\uD0DD\uD558\uC138\uC694:",
+        choices: index.templates.map((t) => ({
+          title: `${t.name} (${t.category})`,
+          description: t.description,
+          value: t.slug
+        }))
+      },
+      interactive
+    );
     if (!choice) {
       console.log(chalk5.gray("\uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4."));
       return;
@@ -2912,13 +2983,22 @@ async function initTemplate(slug, options) {
     selectedSlug = choice;
   }
   let targetDir = options.dir;
+  if (!targetDir && (!interactive || options.yes)) {
+    targetDir = selectedSlug;
+    const msg = `\uD504\uB85C\uC81D\uD2B8 \uB514\uB809\uD1A0\uB9AC\uB97C \uAE30\uBCF8\uAC12 '${targetDir}' \uB85C \uC815\uD588\uC2B5\uB2C8\uB2E4(\uBC14\uAFB8\uB824\uBA74 --dir <path>).`;
+    if (interactive) console.log(chalk5.gray(`-y \uB77C ${msg}`));
+    else noteDefault(msg);
+  }
   if (!targetDir) {
-    const { dir } = await prompts({
-      type: "text",
-      name: "dir",
-      message: "\uD504\uB85C\uC81D\uD2B8 \uB514\uB809\uD1A0\uB9AC:",
-      initial: selectedSlug
-    });
+    const { dir } = await ask(
+      {
+        type: "text",
+        name: "dir",
+        message: "\uD504\uB85C\uC81D\uD2B8 \uB514\uB809\uD1A0\uB9AC:",
+        initial: selectedSlug
+      },
+      interactive
+    );
     if (!dir) {
       console.log(chalk5.gray("\uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4."));
       return;
@@ -2929,13 +3009,26 @@ async function initTemplate(slug, options) {
   if (await fs8.pathExists(resolved)) {
     const entries = await fs8.readdir(resolved);
     if (entries.length > 0) {
-      const { proceed } = await prompts({
-        type: "confirm",
-        name: "proceed",
-        message: `'${targetDir}'\uC5D0 \uC774\uBBF8 \uD30C\uC77C\uC774 \uC788\uC2B5\uB2C8\uB2E4. \uACC4\uC18D\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`,
-        initial: false
-      });
-      if (!proceed) return;
+      if (options.yes) {
+        console.log(chalk5.yellow(`! '${targetDir}'\uC5D0 \uC774\uBBF8 \uD30C\uC77C\uC774 \uC788\uC9C0\uB9CC -y \uB77C \uC9C4\uD589\uD569\uB2C8\uB2E4(\uD15C\uD50C\uB9BF\uACFC \uAC19\uC740 \uACBD\uB85C\uC758 \uD30C\uC77C\uC740 \uB36E\uC5B4\uC500).`));
+      } else if (!interactive) {
+        failNonInteractive(`'${targetDir}'\uC5D0 \uC774\uBBF8 \uD30C\uC77C\uC774 \uC788\uC5B4 \uACC4\uC18D\uD560\uC9C0 \uBB3C\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4. \uC544\uBB34\uAC83\uB3C4 \uC4F0\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4.`, [
+          `\uBE48 \uB514\uB809\uD130\uB9AC\uB97C \uC8FC\uC138\uC694: axis template init ${selectedSlug} --dir <path>`,
+          `\uADF8\uB300\uB85C \uC9C4\uD589\uD558\uB824\uBA74(\uAC19\uC740 \uACBD\uB85C\uC758 \uD30C\uC77C\uC740 \uB36E\uC5B4\uC500): axis template init ${selectedSlug} --dir ${targetDir} -y`
+        ]);
+        return;
+      } else {
+        const { proceed } = await ask(
+          {
+            type: "confirm",
+            name: "proceed",
+            message: `'${targetDir}'\uC5D0 \uC774\uBBF8 \uD30C\uC77C\uC774 \uC788\uC2B5\uB2C8\uB2E4. \uACC4\uC18D\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?`,
+            initial: false
+          },
+          interactive
+        );
+        if (!proceed) return;
+      }
     }
   } else {
     await fs8.ensureDir(resolved);
@@ -3574,7 +3667,8 @@ function brandActivationResult(check) {
 }
 
 // src/template/index.ts
-function registerTemplateCommand(program2) {
+function registerTemplateCommand(program2, deps = {}) {
+  const interactive = () => (deps.isInteractive ?? isInteractive)();
   const tplCmd = program2.command("template").alias("tpl").description("\uD504\uB85C\uC81D\uD2B8 \uD15C\uD50C\uB9BF \uAD00\uB9AC");
   tplCmd.command("list").alias("ls").description("\uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uD15C\uD50C\uB9BF \uBAA9\uB85D").option("--category <type>", "\uCE74\uD14C\uACE0\uB9AC \uD544\uD130").action(async (options) => {
     const spinner = ora5("\uD15C\uD50C\uB9BF \uBAA9\uB85D \uAC00\uC838\uC624\uB294 \uC911...").start();
@@ -3640,12 +3734,12 @@ function registerTemplateCommand(program2) {
       for (const f of detail.files) {
         console.log(`    ${chalk8.cyan(f.path)} ${chalk8.gray(`(${f.type})`)}`);
       }
-      const deps = Object.keys(detail.dependencies || {});
+      const deps2 = Object.keys(detail.dependencies || {});
       const devDeps = Object.keys(detail.devDependencies || {});
-      if (deps.length > 0 || devDeps.length > 0) {
+      if (deps2.length > 0 || devDeps.length > 0) {
         console.log(chalk8.bold("\n  \uC758\uC874\uC131:"));
-        if (deps.length > 0) {
-          console.log(`    dependencies: ${deps.join(", ")}`);
+        if (deps2.length > 0) {
+          console.log(`    dependencies: ${deps2.join(", ")}`);
         }
         if (devDeps.length > 0) {
           console.log(`    devDependencies: ${devDeps.join(", ")}`);
@@ -3660,10 +3754,10 @@ function registerTemplateCommand(program2) {
     }
   });
   tplCmd.command("apply <name>").description("\uD15C\uD50C\uB9BF\uC744 \uD604\uC7AC \uD504\uB85C\uC81D\uD2B8\uC5D0 \uC801\uC6A9").option("-y, --yes", "\uD655\uC778 \uC5C6\uC774 \uB36E\uC5B4\uC4F0\uAE30").option("--dry-run", "\uC2E4\uC81C \uD30C\uC77C \uC0DD\uC131 \uC5C6\uC774 \uBBF8\uB9AC\uBCF4\uAE30").option("--skip-deps", "\uC758\uC874\uC131 \uC548\uB0B4 \uC0DD\uB7B5").option("-d, --dir <path>", "\uB300\uC0C1 \uB514\uB809\uD1A0\uB9AC").action(async (name, options) => {
-    await applyTemplate(name, options);
+    await applyTemplate(name, { ...options, interactive: interactive() });
   });
-  tplCmd.command("init [name]").description("\uC0C8 \uD504\uB85C\uC81D\uD2B8\uB97C \uD15C\uD50C\uB9BF\uC73C\uB85C \uCD08\uAE30\uD654").option("-d, --dir <path>", "\uD504\uB85C\uC81D\uD2B8 \uB514\uB809\uD1A0\uB9AC").action(async (name, options) => {
-    await initTemplate(name, options);
+  tplCmd.command("init [name]").description("\uC0C8 \uD504\uB85C\uC81D\uD2B8\uB97C \uD15C\uD50C\uB9BF\uC73C\uB85C \uCD08\uAE30\uD654").option("-d, --dir <path>", "\uD504\uB85C\uC81D\uD2B8 \uB514\uB809\uD1A0\uB9AC(\uC5C6\uC73C\uBA74 \uD15C\uD50C\uB9BF \uC774\uB984)").option("-y, --yes", "\uC9C8\uBB38\uC744 \uAE30\uBCF8\uAC12\uC73C\uB85C \uB2F5\uD558\uACE0, \uBE44\uC5B4 \uC788\uC9C0 \uC54A\uC740 \uB514\uB809\uD1A0\uB9AC\uB3C4 \uC9C4\uD589(\uAC19\uC740 \uACBD\uB85C\uC758 \uD30C\uC77C\uC740 \uB36E\uC5B4\uC500)").action(async (name, options) => {
+    await initTemplate(name, { ...options, interactive: interactive() });
   });
   tplCmd.command("diff <name>").description("\uB85C\uCEEC \uD504\uB85C\uC81D\uD2B8\uC640 \uD15C\uD50C\uB9BF\uC758 \uCC28\uC774 \uBE44\uAD50").option("--verbose", "\uB85C\uCEEC \uC804\uC6A9 \uD30C\uC77C\uB3C4 \uD45C\uC2DC").option("-d, --dir <path>", "\uB300\uC0C1 \uB514\uB809\uD1A0\uB9AC").action(async (name, options) => {
     await diffTemplate(name, options);
@@ -4370,7 +4464,6 @@ function registerThemeCommand(program2) {
 
 // src/init/index.ts
 import chalk11 from "chalk";
-import prompts2 from "prompts";
 
 // ../axis-registry-core/src/registry/schema.ts
 import { createHash } from "crypto";
@@ -5228,7 +5321,7 @@ function planUtilsWrite(baseDirInput, utilsPath) {
   }
   return { action: "overwrite" };
 }
-async function runInit(baseDirInput, answers, registryUrl, log = console.log) {
+async function runInit(baseDirInput, answers, registryUrl, log = console.log, options = {}) {
   const baseDir = path15.resolve(baseDirInput);
   const current = await existingConfig(baseDir);
   const existingRegistry = nonEmptyString(current?.registry);
@@ -5275,6 +5368,12 @@ async function runInit(baseDirInput, answers, registryUrl, log = console.log) {
   const utilsPath = path15.resolve(baseDir, answers.componentsDir, "utils.ts");
   const utilsPlan = planUtilsWrite(baseDir, utilsPath);
   if (utilsPlan.action === "reject") rejects.push(utilsPlan.reason);
+  if (utilsPlan.action === "overwrite" && options.allowOverwrite === false) {
+    const shown = path15.relative(baseDir, utilsPath).split(path15.sep).join("/") || utilsPath;
+    rejects.push(
+      `\uBE44\uB300\uD654\uD615 \uC2E4\uD589\uC774\uB77C \uB0B4\uC6A9\uC774 \uB2E4\uB978 \uAE30\uC874 ${shown} \uB97C \uB36E\uC5B4\uC4F0\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4. \uB36E\uC5B4\uC368\uB3C4 \uB418\uBA74 axis init -y \uB85C \uB2E4\uC2DC \uC2E4\uD589\uD558\uAC70\uB098 \uB300\uD654\uD615 \uD130\uBBF8\uB110\uC5D0\uC11C \uC2E4\uD589\uD558\uC138\uC694`
+    );
+  }
   if (rejects.length > 0) {
     log(chalk10.red("\u2717 \uC4F8 \uC218 \uC5C6\uB294 \uD30C\uC77C\uC774 \uC788\uC5B4 \uC544\uBB34\uAC83\uB3C4 \uC4F0\uC9C0 \uC54A\uC558\uC2B5\uB2C8\uB2E4(axis.config.json \xB7 utils.ts \xB7 package.json \uADF8\uB300\uB85C)."));
     for (const r of rejects) log(chalk10.red(`  - ${r}`));
@@ -5379,14 +5478,20 @@ ${head}`));
 }
 
 // src/init/index.ts
-function registerInitCommand(program2, registryUrl = DEFAULT_REGISTRY_URL) {
+function registerInitCommand(program2, registryUrl = DEFAULT_REGISTRY_URL, deps = {}) {
   program2.command("init").description("\uD504\uB85C\uC81D\uD2B8\uC5D0 AXIS Design System \uCD08\uAE30\uD654").option("-y, --yes", "\uAE30\uBCF8\uAC12\uC73C\uB85C \uC790\uB3D9 \uC124\uC815").action(async (options) => {
     console.log(chalk11.blue("\n\u{1F3A8} AXIS Design System \uCD08\uAE30\uD654\n"));
     const baseDir = process.cwd();
     const tailwind4 = isTailwind4(planUtilsDependencies(baseDir).tailwind);
     const resolved = await resolveInitAnswers(baseDir, tailwind4);
     for (const note of resolved.notes) console.log(note.startsWith("!") ? chalk11.yellow(note) : chalk11.gray(note));
-    const config = options.yes ? { ...resolved.answers } : await prompts2([
+    const interactive = (deps.isInteractive ?? isInteractive)();
+    if (!options.yes && !interactive) {
+      const a = resolved.answers;
+      const values = [`componentsDir=${a.componentsDir}`, ...tailwind4 ? [] : [`tailwindConfig=${a.tailwindConfig}`], `globalCss=${a.globalCss}`];
+      noteDefault(`\uAE30\uBCF8\uAC12\uC73C\uB85C \uC9C4\uD589\uD569\uB2C8\uB2E4(-y \uC640 \uAC19\uC74C): ${values.join(", ")}`);
+    }
+    const config = options.yes || !interactive ? { ...resolved.answers } : await ask([
       {
         type: "text",
         name: "componentsDir",
@@ -5405,14 +5510,13 @@ function registerInitCommand(program2, registryUrl = DEFAULT_REGISTRY_URL) {
         message: "\uAE00\uB85C\uBC8C CSS \uD30C\uC77C:",
         initial: resolved.answers.globalCss
       }
-    ]);
-    await runInit(baseDir, config, registryUrl);
+    ], interactive);
+    await runInit(baseDir, config, registryUrl, console.log, { allowOverwrite: options.yes === true || interactive });
   });
 }
 
 // src/add/index.ts
 import chalk12 from "chalk";
-import prompts3 from "prompts";
 
 // ../axis-registry-core/src/add/add.ts
 import { existsSync as existsSync8, readFileSync as readFileSync8, statSync as statSync5 } from "fs";
@@ -6477,7 +6581,7 @@ function configRegistryRejectedMessage(url, problem) {
 function createConfirm(interactive) {
   if (!interactive) return void 0;
   return async (message) => {
-    const { overwrite } = await prompts3({ type: "confirm", name: "overwrite", message, initial: false });
+    const { overwrite } = await ask({ type: "confirm", name: "overwrite", message, initial: false }, interactive);
     return overwrite === true;
   };
 }
@@ -6485,7 +6589,7 @@ var defaultCreateClient = (cwd) => createClientFor(cwd, (m) => console.warn(chal
 function registerAddCommand(program2, deps = {}) {
   program2.command("add <components...>").description("\uB808\uC9C0\uC2A4\uD2B8\uB9AC\uC758 \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uD504\uB85C\uC81D\uD2B8\uC5D0 \uBCF5\uC0AC(registryDependencies \uD3EC\uD568)").option("--agentic", "\uC774\uB984 \uC55E\uC5D0 agentic- \uB97C \uBD99\uC5EC \uCC3E\uC74C(\uC804\uCCB4 \uC774\uB984\uB3C4 \uD5C8\uC6A9)").option("-y, --yes", "\uBB3B\uC9C0 \uC54A\uACE0 \uC9C4\uD589. \uB0B4\uC6A9\uC774 \uB2E4\uB978 \uAE30\uC874 \uD30C\uC77C\uC740 \uAC74\uB108\uB700").option("--overwrite", "\uB0B4\uC6A9\uC774 \uB2E4\uB978 \uAE30\uC874 \uD30C\uC77C\uC744 \uB36E\uC5B4\uC500").action(async (components, options) => {
     const client = await (deps.createClient ?? defaultCreateClient)(process.cwd());
-    const confirm = createConfirm((deps.isInteractive ?? (() => process.stdin.isTTY === true))());
+    const confirm = createConfirm((deps.isInteractive ?? isInteractive)());
     const result = await runAdd(process.cwd(), components, options, {
       client,
       log: (...a) => console.log(...a),
@@ -6728,4 +6832,10 @@ registerSyncCommand(program);
 registerTemplateCommand(program);
 registerCheckCommand(program);
 registerThemeCommand(program);
-program.parse();
+try {
+  await program.parseAsync();
+} catch (err) {
+  if (!(err instanceof NonInteractiveError)) throw err;
+  console.error(chalk13.red(err.message));
+  process.exitCode = 1;
+}

package/dist/monet.d.ts

@@ -82,7 +82,10 @@ declare class MonetClient {
     searchComponents(query: string): Promise<void>;
     browseCategory(category: string): Promise<void>;
     private getCategoryExamples;
-    importFromClipboard(): Promise<void>;
+    /** opts.interactive: 질문을 띄울 수 있는지(WI-0075). 없으면 stdin 이 TTY 인지로 정합니다 */
+    importFromClipboard(opts?: {
+        interactive?: boolean;
+    }): Promise<void>;
 }
 declare function getMonetUrl(path: string): string;
 declare function getMonetMcpConfig(): object;

package/dist/monet.js

@@ -3,7 +3,8 @@ import {
   MonetClient,
   getMonetMcpConfig,
   getMonetUrl
-} from "./chunk-ZVVACWEW.js";
+} from "./chunk-LVMDBOXD.js";
+import "./chunk-HFMMK6R4.js";
 export {
   MONET_CATEGORIES,
   MonetClient,

package/dist/registry/agentic-agent-avatar.json

@@ -13,7 +13,7 @@
     {
       "path": "components/agentic/agent-avatar.tsx",
       "type": "registry:ui",
-      "content": "import * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { AGENT_STATUS_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport interface AgentAvatarProps {\n  /** 에이전트 이름 */\n  name: string;\n  /** 이미지 URL */\n  src?: string;\n  /** 크기 */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** 상태 표시 */\n  status?: \"online\" | \"busy\" | \"offline\";\n  /** 에이전트 타입 */\n  type?: \"assistant\" | \"tool\" | \"system\";\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst sizeStyles = {\n  sm: \"w-6 h-6 text-xs\",\n  md: \"w-8 h-8 text-sm\",\n  lg: \"w-10 h-10 text-base\",\n  xl: \"w-12 h-12 text-lg\",\n};\n\nconst statusStyles = {\n  online: \"bg-[var(--axis-status-success)]\",\n  busy: \"bg-[var(--axis-status-warning)]\",\n  offline: \"bg-[var(--axis-status-neutral)]\",\n};\n\nconst typeColors = {\n  assistant: \"bg-[var(--axis-agent-avatar-assistant)]\",\n  tool: \"bg-[var(--axis-agent-avatar-tool)]\",\n  system: \"bg-[var(--axis-agent-avatar-system)]\",\n};\n\n/**\n * 에이전트 아바타 컴포넌트\n */\nexport function AgentAvatar({\n  name,\n  src,\n  size = \"md\",\n  status,\n  type = \"assistant\",\n  className,\n}: AgentAvatarProps) {\n  const initials = name\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  const statusLabel = status ? AGENT_STATUS_LABELS[status] : \"\";\n  const ariaLabel = `${name}${statusLabel ? `, ${statusLabel}` : \"\"}`;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={cn(\"relative inline-flex\", className)}\n    >\n      {src ? (\n        <img\n          src={src}\n          alt=\"\"\n          aria-hidden=\"true\"\n          className={cn(\n            \"rounded-full object-cover\",\n            sizeStyles[size]\n          )}\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"rounded-full flex items-center justify-center font-medium text-[var(--axis-agent-avatar-text)]\",\n            sizeStyles[size],\n            typeColors[type]\n          )}\n        >\n          {initials}\n        </div>\n      )}\n      {status && (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"absolute bottom-0 right-0 rounded-full border-2 border-[var(--axis-surface-default)]\",\n            size === \"sm\" ? \"w-2 h-2\" : \"w-3 h-3\",\n            statusStyles[status]\n          )}\n        />\n      )}\n    </div>\n  );\n}\n"
+      "content": "import * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { AGENT_STATUS_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport interface AgentAvatarProps {\n  /** 에이전트 이름 */\n  name: string;\n  /** 이미지 URL */\n  src?: string;\n  /** 크기 */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** 상태 표시 */\n  status?: \"online\" | \"busy\" | \"offline\";\n  /** 에이전트 타입 */\n  type?: \"assistant\" | \"tool\" | \"system\";\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst sizeStyles = {\n  sm: \"w-6 h-6 text-xs\",\n  md: \"w-8 h-8 text-sm\",\n  lg: \"w-10 h-10 text-base\",\n  xl: \"w-12 h-12 text-lg\",\n};\n\nconst statusStyles = {\n  online: \"bg-[var(--axis-text-success)]\",\n  busy: \"bg-[var(--axis-text-warning)]\",\n  offline: \"bg-[var(--axis-text-tertiary)]\",\n};\n\nconst typeColors = {\n  assistant: \"bg-[var(--axis-agent-avatar-assistant)]\",\n  tool: \"bg-[var(--axis-agent-avatar-tool)]\",\n  system: \"bg-[var(--axis-agent-avatar-system)]\",\n};\n\n/**\n * 에이전트 아바타 컴포넌트\n */\nexport function AgentAvatar({\n  name,\n  src,\n  size = \"md\",\n  status,\n  type = \"assistant\",\n  className,\n}: AgentAvatarProps) {\n  const initials = name\n    .split(\" \")\n    .map((n) => n[0])\n    .join(\"\")\n    .slice(0, 2)\n    .toUpperCase();\n\n  const statusLabel = status ? AGENT_STATUS_LABELS[status] : \"\";\n  const ariaLabel = `${name}${statusLabel ? `, ${statusLabel}` : \"\"}`;\n\n  return (\n    <div\n      role=\"img\"\n      aria-label={ariaLabel}\n      className={cn(\"relative inline-flex\", className)}\n    >\n      {src ? (\n        <img\n          src={src}\n          alt=\"\"\n          aria-hidden=\"true\"\n          className={cn(\n            \"rounded-full object-cover\",\n            sizeStyles[size]\n          )}\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className={cn(\n            \"rounded-full flex items-center justify-center font-medium text-[var(--axis-agent-avatar-text)]\",\n            sizeStyles[size],\n            typeColors[type]\n          )}\n        >\n          {initials}\n        </div>\n      )}\n      {status && (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            \"absolute bottom-0 right-0 rounded-full border-2 border-[var(--axis-surface-default)]\",\n            size === \"sm\" ? \"w-2 h-2\" : \"w-3 h-3\",\n            statusStyles[status]\n          )}\n        />\n      )}\n    </div>\n  );\n}\n"
     }
   ]
 }

package/dist/registry/agentic-approval-card.json

@@ -13,7 +13,7 @@
     {
       "path": "components/agentic/approval-card.tsx",
       "type": "registry:ui",
-      "content": "import * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { SEVERITY_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport type Severity = \"info\" | \"warning\" | \"error\";\n\nexport interface ApprovalAction {\n  label: string;\n  variant?: \"default\" | \"secondary\" | \"ghost\" | \"destructive\";\n  onClick: () => void;\n}\n\nexport interface ApprovalCardProps {\n  /** 고유 ID (접근성용) */\n  id?: string;\n  /** 제목 */\n  title: string;\n  /** 설명 */\n  description?: string;\n  /** 심각도 (색상 결정) */\n  severity?: Severity;\n  /** 액션 버튼 목록 */\n  actions: ApprovalAction[];\n  /** 추가 내용 */\n  children?: React.ReactNode;\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst severityStyles: Record<Severity, { border: string; icon: string; bg: string }> = {\n  info: {\n    border: \"border-l-[var(--axis-status-info)]\",\n    icon: \"text-[var(--axis-status-info)]\",\n    bg: \"bg-[var(--axis-surface-info)]\",\n  },\n  warning: {\n    border: \"border-l-[var(--axis-status-warning)]\",\n    icon: \"text-[var(--axis-status-warning)]\",\n    bg: \"bg-[var(--axis-surface-warning)]\",\n  },\n  error: {\n    border: \"border-l-[var(--axis-status-error)]\",\n    icon: \"text-[var(--axis-status-error)]\",\n    bg: \"bg-[var(--axis-surface-error)]\",\n  },\n};\n\nconst severityIcons: Record<Severity, React.ReactNode> = {\n  info: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n  warning: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n    </svg>\n  ),\n  error: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n};\n\nconst actionVariantStyles: Record<string, string> = {\n  default: \"bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)]\",\n  secondary: \"bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-text-primary)] hover:bg-[var(--axis-button-secondary-bg-hover)]\",\n  ghost: \"bg-transparent text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-secondary)]\",\n  destructive: \"bg-[var(--axis-button-destructive-bg-default)] text-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)]\",\n};\n\n/**\n * 사용자 승인이 필요한 작업을 표시하는 카드 컴포넌트\n */\nexport function ApprovalCard({\n  id,\n  title,\n  description,\n  severity = \"info\",\n  actions,\n  children,\n  className,\n}: ApprovalCardProps) {\n  const styles = severityStyles[severity];\n  const generatedId = React.useId();\n  const baseId = id || generatedId;\n  const titleId = `${baseId}-title`;\n  const descId = `${baseId}-desc`;\n  const severityLabel = SEVERITY_LABELS[severity];\n\n  return (\n    <div\n      role=\"region\"\n      aria-labelledby={titleId}\n      aria-describedby={description ? descId : undefined}\n      className={cn(\n        \"rounded-lg border border-l-4 p-4\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        styles.border,\n        className\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"flex-shrink-0 mt-0.5\", styles.icon)} aria-hidden=\"true\">\n          {severityIcons[severity]}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <span className=\"sr-only\">{severityLabel} 알림:</span>\n          <h4 id={titleId} className=\"text-sm font-semibold text-[var(--axis-text-primary)]\">\n            {title}\n          </h4>\n          {description && (\n            <p id={descId} className=\"mt-1 text-sm text-[var(--axis-text-secondary)]\">\n              {description}\n            </p>\n          )}\n          {children && <div className=\"mt-3\">{children}</div>}\n          <div className=\"flex flex-wrap gap-2 mt-4\">\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                onClick={action.onClick}\n                className={cn(\n                  \"px-3 py-1.5 text-sm font-medium rounded-md transition-colors\",\n                  actionVariantStyles[action.variant || \"default\"]\n                )}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"
+      "content": "import * as React from \"react\";\nimport { cn } from \"@/registry/axis/lib/utils\";\nimport { SEVERITY_LABELS } from \"@/registry/axis/lib/agentic-a11y-labels\";\n\nexport type Severity = \"info\" | \"warning\" | \"error\";\n\nexport interface ApprovalAction {\n  label: string;\n  variant?: \"default\" | \"secondary\" | \"ghost\" | \"destructive\";\n  onClick: () => void;\n}\n\nexport interface ApprovalCardProps {\n  /** 고유 ID (접근성용) */\n  id?: string;\n  /** 제목 */\n  title: string;\n  /** 설명 */\n  description?: string;\n  /** 심각도 (색상 결정) */\n  severity?: Severity;\n  /** 액션 버튼 목록 */\n  actions: ApprovalAction[];\n  /** 추가 내용 */\n  children?: React.ReactNode;\n  /** 추가 클래스 */\n  className?: string;\n}\n\nconst severityStyles: Record<Severity, { border: string; icon: string; bg: string }> = {\n  info: {\n    border: \"border-l-[var(--axis-status-info)]\",\n    icon: \"text-[var(--axis-status-info)]\",\n    bg: \"bg-[var(--axis-surface-info)]\",\n  },\n  warning: {\n    border: \"border-l-[var(--axis-status-warning)]\",\n    icon: \"text-[var(--axis-text-warning)]\",\n    bg: \"bg-[var(--axis-surface-warning)]\",\n  },\n  error: {\n    border: \"border-l-[var(--axis-status-error)]\",\n    icon: \"text-[var(--axis-text-error)]\",\n    bg: \"bg-[var(--axis-surface-error)]\",\n  },\n};\n\nconst severityIcons: Record<Severity, React.ReactNode> = {\n  info: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n  warning: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n    </svg>\n  ),\n  error: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n};\n\nconst actionVariantStyles: Record<string, string> = {\n  default: \"bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)]\",\n  secondary: \"bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-text-primary)] hover:bg-[var(--axis-button-secondary-bg-hover)]\",\n  ghost: \"bg-transparent text-[var(--axis-text-primary)] hover:bg-[var(--axis-surface-secondary)]\",\n  destructive: \"bg-[var(--axis-button-destructive-bg-default)] text-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)]\",\n};\n\n/**\n * 사용자 승인이 필요한 작업을 표시하는 카드 컴포넌트\n */\nexport function ApprovalCard({\n  id,\n  title,\n  description,\n  severity = \"info\",\n  actions,\n  children,\n  className,\n}: ApprovalCardProps) {\n  const styles = severityStyles[severity];\n  const generatedId = React.useId();\n  const baseId = id || generatedId;\n  const titleId = `${baseId}-title`;\n  const descId = `${baseId}-desc`;\n  const severityLabel = SEVERITY_LABELS[severity];\n\n  return (\n    <div\n      role=\"region\"\n      aria-labelledby={titleId}\n      aria-describedby={description ? descId : undefined}\n      className={cn(\n        \"rounded-lg border border-l-4 p-4\",\n        \"bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]\",\n        styles.border,\n        className\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className={cn(\"flex-shrink-0 mt-0.5\", styles.icon)} aria-hidden=\"true\">\n          {severityIcons[severity]}\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <span className=\"sr-only\">{severityLabel} 알림:</span>\n          <h4 id={titleId} className=\"text-sm font-semibold text-[var(--axis-text-primary)]\">\n            {title}\n          </h4>\n          {description && (\n            <p id={descId} className=\"mt-1 text-sm text-[var(--axis-text-secondary)]\">\n              {description}\n            </p>\n          )}\n          {children && <div className=\"mt-3\">{children}</div>}\n          <div className=\"flex flex-wrap gap-2 mt-4\">\n            {actions.map((action, index) => (\n              <button\n                key={index}\n                onClick={action.onClick}\n                className={cn(\n                  \"px-3 py-1.5 text-sm font-medium rounded-md transition-colors\",\n                  actionVariantStyles[action.variant || \"default\"]\n                )}\n              >\n                {action.label}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"
     }
   ]
 }