@bstage-sdk/cli 0.1.0

package/dist/chunk-S6HGR2U3.js

@@ -0,0 +1,2076 @@
+// src/vite/preset.ts
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// src/dev/devVitePlugin.ts
+import { createRequire } from "module";
+import { readFileSync as readFileSync2 } from "fs";
+import { join, dirname } from "path";
+
+// src/constants.ts
+import { readFileSync } from "fs";
+import { resolve } from "path";
+var BSTAGE_INTERNAL_PREFIX = "/__bstage__";
+var LOGIN_PATH = `${BSTAGE_INTERNAL_PREFIX}/login`;
+var PROXY_PATH_PREFIX = "/__proxy__";
+var AUTH_PATH_PREFIX = "/__auth__";
+var ACCESS_TOKEN_COOKIE = "bmf_bstage_access_token";
+var ADMIN_ACCESS_TOKEN_COOKIE = "bmf_mybstage_admin_access_token";
+var ACCESS_TOKEN_RE = new RegExp(`${ACCESS_TOKEN_COOKIE}=([^;]+)`);
+var ADMIN_ACCESS_TOKEN_RE = new RegExp(`${ADMIN_ACCESS_TOKEN_COOKIE}=([^;]+)`);
+var ACCESS_TOKEN_COOKIE_BY_MODE = {
+  user: ACCESS_TOKEN_COOKIE,
+  admin: ADMIN_ACCESS_TOKEN_COOKIE
+};
+var ACCESS_TOKEN_RE_BY_MODE = {
+  user: ACCESS_TOKEN_RE,
+  admin: ADMIN_ACCESS_TOKEN_RE
+};
+var TENANT_ID_HEADER = "x-bstage-tenant-id";
+var GATEWAY_HOSTS = {
+  real: (id) => `${id}.bstage.in`,
+  // sandbox는 real식 — 테넌트 도메인이 곧 게이트웨이(공용 게이트웨이 호스트 아님)
+  sandbox: (id) => `${id}.sandstage.in`
+};
+var AUTH_HOSTS = {
+  real: (id) => `${id}.bstage.in`,
+  // sandbox는 real식 — 게이트웨이와 동일한 테넌트 도메인이 인증 호스트
+  sandbox: (id) => `${id}.sandstage.in`
+};
+var ADMIN_AUTH_HOSTS = {
+  real: () => "account.mybstage.in",
+  // sandbox는 real식 — phase 세그먼트 없는 단일 account 호스트
+  sandbox: () => "account.mysandstage.in"
+};
+function isPublicPhase(phase) {
+  return phase in GATEWAY_HOSTS;
+}
+var PHASE_PATH_PREFIX = {
+  dev: "/api",
+  qa: "/api",
+  real: "/gw",
+  // sandbox는 real식 게이트웨이 프리픽스
+  sandbox: "/gw"
+};
+var AUTH_TOKEN_PATH_BY_MODE = {
+  user: "/svc/account/api/v1/auth/token",
+  admin: "/svc/api/v1/auth/token"
+};
+var AUTH_TOKEN_REFRESH_PATH_BY_MODE = {
+  user: "/svc/account/api/v1/auth/token/refresh",
+  admin: "/svc/api/v1/auth/token/refresh"
+};
+var TRANSLATION_LANGUAGES = ["ko", "en", "ja", "zh-CN", "zh-TW", "es", "vi"];
+var DEFAULT_TRANSLATION_TIER = "inhouse";
+var TRANSLATION_CDN_ORIGIN = "https://cdn.static.bstage.in";
+var TRANSLATION_CDN_BASE_KEY = "static/i18n";
+var TRANSLATION_CDN_BUCKET_PREFIX = "cdn.bstage.in/";
+function getAuthHost(mode, phase, tenantId) {
+  if (mode === "admin") {
+    const fn2 = ADMIN_AUTH_HOSTS[phase];
+    return fn2 ? fn2() : null;
+  }
+  const fn = AUTH_HOSTS[phase];
+  return fn ? fn(tenantId) : null;
+}
+function resolveProjectTarget(root) {
+  let pkg;
+  try {
+    pkg = JSON.parse(readFileSync(resolve(root, "package.json"), "utf-8"));
+  } catch {
+    return "user";
+  }
+  return pkg.bstage?.target === "admin" ? "admin" : "user";
+}
+
+// src/dev/loginPage.ts
+function getLoginPageHtml(phase, mode = "user") {
+  const tokenPath = AUTH_TOKEN_PATH_BY_MODE[mode].replace(/^\/svc/, AUTH_PATH_PREFIX);
+  const twoFactorVerifyPath = `${AUTH_PATH_PREFIX}/api/v1/operators/two-factor/validate-and-register`;
+  const modeLabel = mode === "admin" ? "admin" : "user";
+  const subtitle = mode === "admin" ? "\uB85C\uCEEC \uAC1C\uBC1C \uD658\uACBD \uC5B4\uB4DC\uBBFC \uB85C\uADF8\uC778" : "\uB85C\uCEEC \uAC1C\uBC1C \uD658\uACBD \uB85C\uADF8\uC778";
+  return (
+    /* html */
+    `<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>bstage dev login (${modeLabel})</title>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+
+    body {
+      font-family: system-ui, sans-serif;
+      display: flex;
+      justify-content: center;
+      min-height: 100vh;
+      padding-top: 100px;
+      color: #111;
+    }
+
+    .card {
+      width: 100%;
+      max-width: 380px;
+      padding: 36px 32px;
+      border: 1px solid #e5e5e5;
+      border-radius: 12px;
+      height: fit-content;
+    }
+
+    .header {
+      margin-bottom: 28px;
+    }
+
+    .title {
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    .badge {
+      display: inline-block;
+      font-size: 11px;
+      font-weight: 600;
+      color: #fff;
+      padding: 2px 8px;
+      border-radius: 3px;
+      margin-left: 6px;
+      vertical-align: middle;
+      text-transform: uppercase;
+    }
+
+    .badge.phase { background: #111; }
+    .badge.mode-user { background: #06c; }
+    .badge.mode-admin { background: #c60; }
+
+    .subtitle {
+      font-size: 14px;
+      color: #999;
+      margin-top: 6px;
+    }
+
+    form {
+      display: flex;
+      flex-direction: column;
+      gap: 18px;
+    }
+
+    .field {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+    }
+
+    label {
+      font-size: 14px;
+      font-weight: 500;
+      color: #555;
+    }
+
+    input {
+      width: 100%;
+      padding: 12px 14px;
+      font-size: 15px;
+      border: 1px solid #e5e5e5;
+      border-radius: 8px;
+      outline: none;
+      transition: border-color 0.15s;
+    }
+    input::placeholder { color: #ccc; }
+    input:focus { border-color: #111; }
+
+    button {
+      width: 100%;
+      padding: 12px;
+      font-size: 15px;
+      font-weight: 600;
+      color: #fff;
+      background: #111;
+      border: none;
+      border-radius: 8px;
+      cursor: pointer;
+      margin-top: 6px;
+      transition: opacity 0.15s;
+    }
+    button:hover { opacity: 0.85; }
+    button:disabled { opacity: 0.4; cursor: not-allowed; }
+
+    .link {
+      background: none;
+      color: #06c;
+      font-weight: 500;
+      padding: 0;
+      margin: 8px 0 0;
+      width: auto;
+      align-self: flex-start;
+    }
+    .link:hover { opacity: 0.7; }
+
+    .error {
+      color: #c00;
+      font-size: 14px;
+      display: none;
+    }
+
+    .info {
+      font-size: 13px;
+      color: #666;
+      line-height: 1.5;
+      padding: 10px 12px;
+      background: #f5f7fa;
+      border-radius: 6px;
+    }
+
+    .success {
+      text-align: center;
+      padding: 24px 0;
+      font-size: 15px;
+      color: #666;
+    }
+
+    .hidden { display: none; }
+  </style>
+</head>
+<body>
+  <div class="card">
+    <div class="header">
+      <div class="title">
+        b.stage
+        <span class="badge phase">${phase}</span>
+        <span class="badge mode-${mode}">${modeLabel}</span>
+      </div>
+      <div class="subtitle">${subtitle}</div>
+    </div>
+
+    <form id="loginForm">
+      <div class="field">
+        <label for="tenantId">Space ID</label>
+        <input id="tenantId" type="text" placeholder="e.g. bmf" autocomplete="off" required />
+      </div>
+      <div class="field">
+        <label for="email">Email</label>
+        <input id="email" type="email" placeholder="you@example.com" autocomplete="email" required />
+      </div>
+      <div class="field">
+        <label for="password">Password</label>
+        <input id="password" type="password" placeholder="password" autocomplete="current-password" required />
+      </div>
+      <div id="error" class="error"></div>
+      <button type="submit">Login</button>
+    </form>
+
+    <form id="otpForm" class="hidden">
+      <div class="info">2\uB2E8\uACC4 \uC778\uC99D \u2014 \uB4F1\uB85D\uB41C \uC218\uB2E8\uC73C\uB85C \uBC1C\uC1A1\uB41C OTP \uCF54\uB4DC\uB97C \uC785\uB825\uD558\uC138\uC694.</div>
+      <div class="field">
+        <label for="otp">OTP</label>
+        <input id="otp" type="text" inputmode="numeric" autocomplete="one-time-code" placeholder="6\uC790\uB9AC \uCF54\uB4DC" required />
+      </div>
+      <div id="otpError" class="error"></div>
+      <button type="submit">Verify</button>
+      <button type="button" class="link" id="otpBack">\u2190 \uC774\uBA54\uC77C/\uBE44\uBC00\uBC88\uD638 \uB2E4\uC2DC \uC785\uB825</button>
+    </form>
+
+    <div id="success" class="success hidden">
+      <p>Logged in \u2014 Redirecting...</p>
+    </div>
+  </div>
+
+  <script>
+    const loginForm = document.getElementById('loginForm');
+    const otpForm = document.getElementById('otpForm');
+    const errorEl = document.getElementById('error');
+    const otpErrorEl = document.getElementById('otpError');
+    const successEl = document.getElementById('success');
+    const otpBackBtn = document.getElementById('otpBack');
+    const TOKEN_PATH = ${JSON.stringify(tokenPath)};
+    const TWO_FACTOR_VERIFY_PATH = ${JSON.stringify(twoFactorVerifyPath)};
+
+    // 1\uB2E8\uACC4\uC5D0\uC11C \uBC1B\uC740 \uAC12 \u2014 2\uB2E8\uACC4(OTP)\uC5D0\uC11C \uC7AC\uC0AC\uC6A9
+    let pending = null;
+
+    function showError(el, msg) {
+      el.textContent = msg;
+      el.style.display = 'block';
+    }
+    function hideError(el) {
+      el.style.display = 'none';
+    }
+    function setBusy(form, busy, label) {
+      const btn = form.querySelector('button[type="submit"]');
+      btn.disabled = busy;
+      btn.textContent = busy ? label.busy : label.idle;
+    }
+    function finishSuccess() {
+      loginForm.classList.add('hidden');
+      otpForm.classList.add('hidden');
+      successEl.classList.remove('hidden');
+      setTimeout(() => { window.location.href = '/'; }, 1000);
+    }
+
+    loginForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      hideError(errorEl);
+
+      const tenantId = document.getElementById('tenantId').value;
+      const email = document.getElementById('email').value;
+      const password = document.getElementById('password').value;
+
+      setBusy(loginForm, true, { idle: 'Login', busy: 'Logging in...' });
+
+      try {
+        const res = await fetch(TOKEN_PATH, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'X-BSTAGE-TENANT-ID': tenantId,
+          },
+          credentials: 'include',
+          body: JSON.stringify({ email, password }),
+        });
+
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          throw new Error(body.message || 'Login failed (' + res.status + ')');
+        }
+
+        const data = await res.json().catch(() => ({}));
+
+        // status === 'TWO_FACTOR_NEEDED' \uBA74 OTP \uB2E8\uACC4\uB85C \uC804\uD658.
+        // \uBC31\uC5D4\uB4DC\uAC00 \uC774 \uC751\uB2F5\uACFC \uD568\uAED8 OTP \uB97C \uC790\uB3D9 \uBC1C\uC1A1\uD55C\uB2E4.
+        if (data.status === 'TWO_FACTOR_NEEDED') {
+          pending = { tenantId, email, password };
+          loginForm.classList.add('hidden');
+          otpForm.classList.remove('hidden');
+          setBusy(loginForm, false, { idle: 'Login', busy: 'Logging in...' });
+          document.getElementById('otp').focus();
+          return;
+        }
+
+        if (data.status === 'PASSWORD_RESET_NEEDED') {
+          throw new Error('\uBE44\uBC00\uBC88\uD638 \uC7AC\uC124\uC815\uC774 \uD544\uC694\uD55C \uACC4\uC815\uC785\uB2C8\uB2E4. \uC5B4\uB4DC\uBBFC \uC6F9\uC5D0\uC11C \uBA3C\uC800 \uBE44\uBC00\uBC88\uD638\uB97C \uAC31\uC2E0\uD574 \uC8FC\uC138\uC694.');
+        }
+
+        finishSuccess();
+      } catch (err) {
+        showError(errorEl, err.message);
+        setBusy(loginForm, false, { idle: 'Login', busy: 'Logging in...' });
+      }
+    });
+
+    otpForm.addEventListener('submit', async (e) => {
+      e.preventDefault();
+      hideError(otpErrorEl);
+      if (!pending) {
+        showError(otpErrorEl, '\uC138\uC158\uC774 \uB9CC\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uB2E4\uC2DC \uB85C\uADF8\uC778\uD574 \uC8FC\uC138\uC694.');
+        return;
+      }
+      const otp = document.getElementById('otp').value;
+      setBusy(otpForm, true, { idle: 'Verify', busy: 'Verifying...' });
+
+      try {
+        const res = await fetch(TWO_FACTOR_VERIFY_PATH, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'X-BSTAGE-TENANT-ID': pending.tenantId,
+          },
+          credentials: 'include',
+          body: JSON.stringify({
+            email: pending.email,
+            password: pending.password,
+            otp,
+          }),
+        });
+
+        if (!res.ok) {
+          const body = await res.json().catch(() => ({}));
+          throw new Error(body.message || 'OTP \uAC80\uC99D \uC2E4\uD328 (' + res.status + ')');
+        }
+
+        finishSuccess();
+      } catch (err) {
+        showError(otpErrorEl, err.message);
+        setBusy(otpForm, false, { idle: 'Verify', busy: 'Verifying...' });
+      }
+    });
+
+    otpBackBtn.addEventListener('click', () => {
+      pending = null;
+      otpForm.classList.add('hidden');
+      loginForm.classList.remove('hidden');
+      hideError(otpErrorEl);
+      document.getElementById('otp').value = '';
+    });
+  </script>
+</body>
+</html>`
+  );
+}
+
+// src/dev/proxyUtils.ts
+import { request as httpsRequest } from "https";
+import { gunzipSync, brotliDecompressSync, inflateSync } from "zlib";
+import { loadEnv } from "vite";
+var CF_ACCESS_ENV_KEYS = ["VITE_CF_ACCESS_CLIENT_ID", "VITE_CF_ACCESS_CLIENT_SECRET"];
+var cachedCreds;
+var missingWarned = false;
+function resolveCfAccessCreds() {
+  if (cachedCreds !== void 0) return cachedCreds;
+  const [idKey, secretKey] = CF_ACCESS_ENV_KEYS;
+  const fileEnv = loadEnv("development", process.cwd(), "");
+  const id = process.env[idKey] || fileEnv[idKey] || "";
+  const secret = process.env[secretKey] || fileEnv[secretKey] || "";
+  cachedCreds = id && secret ? { id, secret } : null;
+  return cachedCreds;
+}
+function stripCookieAttributes(cookie) {
+  return cookie.replace(/;\s*(Domain=[^;]*|HttpOnly|Secure|SameSite=[^;]*)/gi, "");
+}
+var CLOUDFLARE_COOKIE_RE = /^(CF_Authorization|__cf_bm|__cflb|cf_clearance)$/i;
+function cookieName(pair) {
+  const i = pair.indexOf("=");
+  return (i >= 0 ? pair.slice(0, i) : pair).trim();
+}
+function decompressBody(raw, encoding) {
+  try {
+    if (encoding === "gzip") return gunzipSync(raw);
+    if (encoding === "br") return brotliDecompressSync(raw);
+    if (encoding === "deflate") return inflateSync(raw);
+  } catch {
+  }
+  return raw;
+}
+function proxyRequest(options) {
+  const headers = { ...options.headers };
+  for (const key of Object.keys(headers)) {
+    if (key.toLowerCase() === "accept-encoding") delete headers[key];
+  }
+  headers["accept-encoding"] = "gzip, deflate, br";
+  return new Promise((resolve2, reject) => {
+    const req = httpsRequest(
+      {
+        hostname: options.hostname,
+        port: 443,
+        path: options.path,
+        method: options.method,
+        headers,
+        timeout: options.timeout ?? 3e4
+      },
+      (res) => {
+        const chunks = [];
+        res.on("data", (c) => chunks.push(c));
+        res.on("end", () => {
+          const raw = Buffer.concat(chunks);
+          const encoding = res.headers["content-encoding"];
+          const body = decompressBody(raw, encoding);
+          const resHeaders = { ...res.headers };
+          delete resHeaders["content-encoding"];
+          delete resHeaders["content-length"];
+          delete resHeaders["transfer-encoding"];
+          resolve2({
+            statusCode: res.statusCode ?? 200,
+            headers: resHeaders,
+            body
+          });
+        });
+      }
+    );
+    req.on("timeout", () => {
+      req.destroy();
+      reject(
+        new Error(`Proxy request timeout: ${options.method} ${options.hostname}${options.path}`)
+      );
+    });
+    req.on("error", (err) => {
+      reject(new Error(`Proxy request failed: ${options.hostname}${options.path} \u2014 ${err.message}`));
+    });
+    req.end(options.body);
+  });
+}
+function addCfAccessHeaders(headers, phase) {
+  if (isPublicPhase(phase)) return;
+  const creds = resolveCfAccessCreds();
+  if (!creds) {
+    if (!missingWarned) {
+      missingWarned = true;
+      const [idKey, secretKey] = CF_ACCESS_ENV_KEYS;
+      console.warn(
+        `[bstage] ${phase}\uB294 \uC0AC\uB0B4 \uC804\uC6A9 \uD658\uACBD\uC774\uB77C Cloudflare Access \uAC8C\uC774\uD2B8 \uB4A4\uC5D0 \uC788\uC2B5\uB2C8\uB2E4.
+  \uC790\uACA9\uC99D\uBA85\uC774 \uC5C6\uC5B4 \uB85C\uADF8\uC778\xB7API \uD504\uB85D\uC2DC\uAC00 302(Cloudflare \uB85C\uADF8\uC778)\uB85C \uB9C9\uD799\uB2C8\uB2E4.
+  \xB7 \uC0AC\uB0B4: CF Access \uC11C\uBE44\uC2A4 \uD1A0\uD070\uC744 \uBC1C\uAE09\uBC1B\uC544 .env\uC5D0 ${idKey}\xB7${secretKey} \uC124\uC815
+  \xB7 \uADF8 \uC678: --phase sandbox \uB85C \uAC1C\uBC1C\uD558\uC138\uC694 (\uAC8C\uC774\uD2B8\uAC00 \uC5C6\uC5B4 \uC124\uC815\uC774 \uD544\uC694 \uC5C6\uC2B5\uB2C8\uB2E4)`
+      );
+    }
+    return;
+  }
+  headers["CF-Access-Client-Id"] = creds.id;
+  headers["CF-Access-Client-Secret"] = creds.secret;
+}
+function stripResponseCookies(headers, extraCookies) {
+  const cookies = (headers["set-cookie"] ?? []).filter((c) => !CLOUDFLARE_COOKIE_RE.test(cookieName(c))).map(stripCookieAttributes);
+  if (extraCookies) cookies.push(...extraCookies);
+  if (cookies.length) {
+    headers["set-cookie"] = cookies;
+  }
+}
+function collectBody(req) {
+  return new Promise((resolve2) => {
+    const chunks = [];
+    req.on("data", (c) => chunks.push(c));
+    req.on("end", () => resolve2(Buffer.concat(chunks)));
+  });
+}
+
+// src/dev/resolveHosts.ts
+import { loadEnv as loadEnv2 } from "vite";
+var HOST_ENV_KEYS = {
+  gateway: "VITE_BSTAGE_GATEWAY_HOST",
+  auth: "VITE_BSTAGE_AUTH_HOST",
+  adminAuth: "VITE_BSTAGE_ADMIN_AUTH_HOST"
+};
+function authKeyFor(mode) {
+  return mode === "admin" ? HOST_ENV_KEYS.adminAuth : HOST_ENV_KEYS.auth;
+}
+function resolveDevHosts(phase, mode, cwd = process.cwd()) {
+  if (isPublicPhase(phase)) {
+    const gatewayFn = GATEWAY_HOSTS[phase];
+    return {
+      gateway: (tenantId) => gatewayFn(tenantId),
+      auth: (tenantId) => getAuthHost(mode, phase, tenantId)
+    };
+  }
+  const fileEnv = loadEnv2("development", cwd, "");
+  const read = (key) => (process.env[key] || fileEnv[key] || "").trim();
+  const authKey = authKeyFor(mode);
+  const gatewayHost = read(HOST_ENV_KEYS.gateway);
+  const authHost = read(authKey);
+  const missing = [];
+  if (!gatewayHost) missing.push(HOST_ENV_KEYS.gateway);
+  if (!authHost) missing.push(authKey);
+  if (missing.length > 0) {
+    throw new Error(
+      `${phase}\uB294 \uC0AC\uB0B4 \uC804\uC6A9 \uD658\uACBD\uC774\uB77C \uD638\uC2A4\uD2B8\uAC00 SDK\uC5D0 \uB4E4\uC5B4 \uC788\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.
+  \uC124\uC815\uB418\uC9C0 \uC54A\uC740 \uAC12: ${missing.join(", ")}
+  \xB7 \uC0AC\uB0B4: \uC704 \uAC12\uC744 .env\uC5D0 \uC124\uC815\uD558\uC138\uC694 (\uD638\uC2A4\uD2B8 \uAC12\uC740 \uC0AC\uB0B4 \uBB38\uC11C\uB97C \uCC38\uACE0\uD558\uC138\uC694)
+  \xB7 \uADF8 \uC678: --phase sandbox \uB85C \uAC1C\uBC1C\uD558\uC138\uC694 (\uC124\uC815\uC774 \uD544\uC694 \uC5C6\uC2B5\uB2C8\uB2E4)`
+    );
+  }
+  return {
+    gateway: () => gatewayHost,
+    auth: () => authHost
+  };
+}
+
+// src/dev/resolvePhase.ts
+import { loadEnv as loadEnv3 } from "vite";
+var PHASES = ["dev", "qa", "real", "sandbox"];
+var DEFAULT_PHASE = "sandbox";
+function isPhase(value) {
+  return PHASES.includes(value);
+}
+function resolvePhase(explicit, cwd = process.cwd()) {
+  if (explicit) {
+    if (!isPhase(explicit)) {
+      throw new Error(
+        `--phase \uAC12\uC740 ${PHASES.join(" | ")} \uC911 \uD558\uB098\uC5EC\uC57C \uD569\uB2C8\uB2E4. (\uBC1B\uC740 \uAC12: ${explicit})`
+      );
+    }
+    return { phase: explicit, source: "flag" };
+  }
+  const fileEnv = loadEnv3("development", cwd, "");
+  const fromEnv = process.env.VITE_BSTAGE_PHASE || fileEnv.VITE_BSTAGE_PHASE || "";
+  if (fromEnv) {
+    if (isPhase(fromEnv)) return { phase: fromEnv, source: "env" };
+    return { phase: DEFAULT_PHASE, source: "default", ignoredEnvValue: fromEnv };
+  }
+  return { phase: DEFAULT_PHASE, source: "default" };
+}
+function describePhase({ phase, source, ignoredEnvValue }) {
+  if (ignoredEnvValue) {
+    return `[bstage] VITE_BSTAGE_PHASE \uAC12 "${ignoredEnvValue}"\uC744(\uB97C) \uC54C \uC218 \uC5C6\uC5B4 \uBB34\uC2DC\uD588\uC2B5\uB2C8\uB2E4. phase: ${phase} (\uAE30\uBCF8\uAC12)`;
+  }
+  const label = source === "flag" ? "--phase" : source === "env" ? ".env\uC758 VITE_BSTAGE_PHASE" : "\uAE30\uBCF8\uAC12";
+  return `[bstage] phase: ${phase} (${label})`;
+}
+
+// ../design/dist/user/index.js
+var modeColors = {
+  "bg/base": {
+    "dark": "#151515",
+    "light": "#ffffff"
+  },
+  "bg/blue-grey": {
+    "dark": "#1f2023",
+    "light": "#eff1f7"
+  },
+  "bg/elevated": {
+    "dark": "#232323",
+    "light": "#ffffff"
+  },
+  "bg/grouped-strong": {
+    "dark": "#000000",
+    "light": "#f7f7f7"
+  },
+  "bg/grouped-weak": {
+    "dark": "#111111",
+    "light": "#f7f7f7"
+  },
+  "bg/grouped-weak-a": {
+    "dark": "#ffffff0f",
+    "light": "#0000000f"
+  },
+  "bg/highlight": {
+    "dark": "#2f2f2f",
+    "light": "#e6e6e6"
+  },
+  "bg/invert-weak-a": {
+    "dark": "#00000026",
+    "light": "#ffffff26"
+  },
+  "border/blue": {
+    "dark": "#0090ff",
+    "light": "#148aff"
+  },
+  "border/blue-weak-a": {
+    "dark": "#0090ff4d",
+    "light": "#148aff4d"
+  },
+  "border/default-a": {
+    "dark": "#ffffff1a",
+    "light": "#0000001a"
+  },
+  "border/divider-weaker": {
+    "dark": "#0d0d0d",
+    "light": "#f7f7f7"
+  },
+  "border/green": {
+    "dark": "#0be06f",
+    "light": "#00b84d"
+  },
+  "border/green-weak-a": {
+    "dark": "#0be06f4d",
+    "light": "#00b84d4d"
+  },
+  "border/grey": {
+    "dark": "#b3b3b3",
+    "light": "#7a7a7a"
+  },
+  "border/grey-weak-a": {
+    "dark": "#b3b3b34d",
+    "light": "#7a7a7a4d"
+  },
+  "border/invert": {
+    "dark": "#0d0d0d",
+    "light": "#ffffff"
+  },
+  "border/red": {
+    "dark": "#ff4747",
+    "light": "#ff4a40"
+  },
+  "border/red-weak-a": {
+    "dark": "#ff47474d",
+    "light": "#ff4a404d"
+  },
+  "border/strong-a": {
+    "dark": "#ffffff33",
+    "light": "#00000033"
+  },
+  "border/stronger": {
+    "dark": "#eeeeee",
+    "light": "#454545"
+  },
+  "border/weak-a": {
+    "dark": "#ffffff0a",
+    "light": "#0000000f"
+  },
+  "border/yellow": {
+    "dark": "#f5b625",
+    "light": "#f29900"
+  },
+  "border/yellow-weak-a": {
+    "dark": "#f5b6254d",
+    "light": "#f299004d"
+  },
+  "icon/blue": {
+    "dark": "#0090ff",
+    "light": "#148aff"
+  },
+  "icon/green": {
+    "dark": "#0be06f",
+    "light": "#00b84d"
+  },
+  "icon/grey": {
+    "dark": "#b3b3b3",
+    "light": "#7a7a7a"
+  },
+  "icon/invert": {
+    "dark": "#0d0d0d",
+    "light": "#ffffff"
+  },
+  "icon/primary": {
+    "dark": "#ffffff",
+    "light": "#000000"
+  },
+  "icon/quaternary-a": {
+    "dark": "#ffffff4d",
+    "light": "#0000004d"
+  },
+  "icon/red": {
+    "dark": "#ff4747",
+    "light": "#ff4a40"
+  },
+  "icon/secondary-a": {
+    "dark": "#ffffffba",
+    "light": "#000000ba"
+  },
+  "icon/tertiary-a": {
+    "dark": "#ffffff80",
+    "light": "#00000080"
+  },
+  "icon/yellow": {
+    "dark": "#f5b625",
+    "light": "#f29900"
+  },
+  "overlay/hover-a": {
+    "dark": "#ffffff14",
+    "light": "#0000001a"
+  },
+  "overlay/hover-grey-a": {
+    "dark": "#4545451a",
+    "light": "#4545451a"
+  },
+  "overlay/press-a": {
+    "dark": "#ffffff33",
+    "light": "#00000026"
+  },
+  "overlay/press-grey-a": {
+    "dark": "#45454526",
+    "light": "#45454526"
+  },
+  "service/live": {
+    "dark": "#e51a42",
+    "light": "#e2012d"
+  },
+  "service/live-weak-a": {
+    "dark": "#e51a4226",
+    "light": "#e2012d4d"
+  },
+  "service/membership": {
+    "dark": "#ffbf00",
+    "light": "#ffb010"
+  },
+  "service/membership-weak-a": {
+    "dark": "#ffbf001f",
+    "light": "#eb91001f"
+  },
+  "service/noti": {
+    "dark": "#0c198b",
+    "light": "#020f81"
+  },
+  "service/pop-bg": {
+    "dark": "linear-gradient(135deg, #3b3a2d 13.08%, #232732 87.56%)",
+    "light": "linear-gradient(135deg, #faf7de 13.08%, #e7edfd 87.56%)"
+  },
+  "surface/card": {
+    "dark": "#232323",
+    "light": "#ffffff"
+  },
+  "surface/display-bar-bottom": {
+    "dark": "#151515",
+    "light": "#fdfdfd"
+  },
+  "surface/display-bar-top": {
+    "dark": "#151515",
+    "light": "#ffffff"
+  },
+  "surface/display-lock": {
+    "dark": "#2f2f2f",
+    "light": "#bfbfbf"
+  },
+  "surface/form-blue": {
+    "dark": "#0090ff",
+    "light": "#148aff"
+  },
+  "surface/form-blue-weak-a": {
+    "dark": "#0f97ff1f",
+    "light": "#007aff26"
+  },
+  "surface/form-gradient-h": {
+    "dark": "linear-gradient(90deg, #151515 0%, #15151500 100%)",
+    "light": "linear-gradient(90deg, #ffffff 0%, #ffffff00 100%)"
+  },
+  "surface/form-green": {
+    "dark": "#00cc5f",
+    "light": "#00bf59"
+  },
+  "surface/form-green-weak-a": {
+    "dark": "#0be06f14",
+    "light": "#00b84d26"
+  },
+  "surface/form-grey": {
+    "dark": "#7a7a7a",
+    "light": "#999999"
+  },
+  "surface/form-grey-weak-a": {
+    "dark": "#b3b3b314",
+    "light": "#6666661f"
+  },
+  "surface/form-inverted": {
+    "dark": "#f7f7f7",
+    "light": "#151515"
+  },
+  "surface/form-inverted-deep": {
+    "dark": "#ffffff",
+    "light": "#000000"
+  },
+  "surface/form-primary-a": {
+    "dark": "#ffffff0f",
+    "light": "#0000000f"
+  },
+  "surface/form-red": {
+    "dark": "#ff4747",
+    "light": "#ff4a40"
+  },
+  "surface/form-red-weak-a": {
+    "dark": "#ff47471f",
+    "light": "#ff4a4026"
+  },
+  "surface/form-secondary-a": {
+    "dark": "#ffffff0a",
+    "light": "#0000000a"
+  },
+  "surface/form-yellow": {
+    "dark": "#f5b625",
+    "light": "#f29900"
+  },
+  "surface/form-yellow-weak-a": {
+    "dark": "#f5b62514",
+    "light": "#f299001f"
+  },
+  "text/blue": {
+    "dark": "#0090ff",
+    "light": "#148aff"
+  },
+  "text/green": {
+    "dark": "#0be06f",
+    "light": "#00b84d"
+  },
+  "text/grey": {
+    "dark": "#b3b3b3",
+    "light": "#666666"
+  },
+  "text/invert-a": {
+    "dark": "#000000ed",
+    "light": "#ffffffed"
+  },
+  "text/primary": {
+    "dark": "#eeeeee",
+    "light": "#151515"
+  },
+  "text/primary-a": {
+    "dark": "#ffffffed",
+    "light": "#000000ed"
+  },
+  "text/quaternary": {
+    "dark": "#777777",
+    "light": "#999999"
+  },
+  "text/quaternary-a": {
+    "dark": "#ffffff80",
+    "light": "#00000080"
+  },
+  "text/red": {
+    "dark": "#ff4747",
+    "light": "#ff4a40"
+  },
+  "text/secondary": {
+    "dark": "#bababa",
+    "light": "#454545"
+  },
+  "text/secondary-a": {
+    "dark": "#ffffffba",
+    "light": "#000000ba"
+  },
+  "text/tertiary": {
+    "dark": "#999999",
+    "light": "#666666"
+  },
+  "text/tertiary-a": {
+    "dark": "#ffffff99",
+    "light": "#00000099"
+  },
+  "text/yellow": {
+    "dark": "#f5b625",
+    "light": "#f29900"
+  }
+};
+var flatColors = {
+  "always/avatar-bg01": "#aa47bc",
+  "always/avatar-bg02": "#7a1fa2",
+  "always/avatar-bg03": "#7e57c2",
+  "always/avatar-bg04": "#512da7",
+  "always/avatar-bg05": "#5c6bc0",
+  "always/avatar-bg06": "#0288d1",
+  "always/avatar-bg07": "#00579c",
+  "always/avatar-bg08": "#0098a6",
+  "always/avatar-bg09": "#00887a",
+  "always/avatar-bg10": "#689f39",
+  "always/avatar-bg11": "#33691e",
+  "always/avatar-bg12": "#004c3f",
+  "always/avatar-bg13": "#ec407a",
+  "always/avatar-bg14": "#c2175b",
+  "always/avatar-bg15": "#bf360c",
+  "always/avatar-bg16": "#f5511e",
+  "always/avatar-bg17": "#ef6c00",
+  "always/avatar-bg18": "#8c6e63",
+  "always/avatar-bg19": "#5d4038",
+  "always/avatar-bg20": "#78909c",
+  "always/avatar-bg21": "#465a65",
+  "always/black006-a": "#0000000f",
+  "always/black010-a": "#0000001a",
+  "always/black015-a": "#00000026",
+  "always/black020-a": "#00000033",
+  "always/black030-a": "#0000004d",
+  "always/black050-a": "#00000080",
+  "always/black060-a": "#00000099",
+  "always/black080-a": "#000000cc",
+  "always/black100": "#000000",
+  "always/grey-strong": "#232323",
+  "always/grey085": "#5c5c5c",
+  "always/lightgrey006-a": "#9999990f",
+  "always/lightgrey010-a": "#9999991a",
+  "always/lightgrey015-a": "#99999926",
+  "always/lightgrey020-a": "#99999933",
+  "always/lightgrey030-a": "#9999994d",
+  "always/lightgrey050-a": "#99999980",
+  "always/lightgrey080-a": "#999999cc",
+  "always/lightgrey100": "#999999",
+  "always/palette05": "linear-gradient(135deg, #db2667 0%, #f4a368 100%)",
+  "always/service-live-pop": "#df3868",
+  "always/service-live-red": "#ff0000",
+  "always/service-mnet": "#ff477f",
+  "always/service-mnetapp": "#ff477f",
+  "always/service-point": "linear-gradient(135deg, #1cac3c 0%, #1ca6bb 100%)",
+  "always/service-pop-ing": "linear-gradient(135deg, #db2667 0%, #f4a368 100%)",
+  "always/service-popgrey-weak-a": "#707ca00f",
+  "always/service-post-thumb-a": "#aa89f5cc",
+  "always/service-rankingpoll-thumb-a": "#FFADDD80",
+  "always/service-red080-a": "#f5254acc",
+  "always/service-survey": "#597eff",
+  "always/service-survey-thumb-a": "#7192f5cc",
+  "always/service-ticket": "#00bf59",
+  "always/white006-a": "#ffffff0f",
+  "always/white010-a": "#ffffff1a",
+  "always/white015-a": "#ffffff26",
+  "always/white020-a": "#ffffff33",
+  "always/white030-a": "#ffffff4d",
+  "always/white050-a": "#ffffff80",
+  "always/white060-a": "#ffffff99",
+  "always/white080-a": "#ffffffcc",
+  "always/white100": "#ffffff",
+  "auto/icon-primary-on-dark": "#ffffff",
+  "auto/icon-primary-on-light": "#000000ed",
+  "auto/icon-secondary-on-dark": "#ffffff",
+  "auto/icon-secondary-on-light": "#000000ba",
+  "auto/text-primary-on-dark": "#ffffff",
+  "auto/text-primary-on-light": "#000000",
+  "auto/text-secondary-on-dark": "#ffffffcc",
+  "auto/text-secondary-on-light": "#000000cc",
+  "picker/button": "#654bff",
+  "picker/button-weak-a": "#654bff26",
+  "picker/on-button": "#ffffff",
+  "picker/star": "#7266ff",
+  "pop/bg-tl01": "#c9d0ea",
+  "pop/bg-tl02": "#f2de6f",
+  "pop/bg-tl03": "#fca783",
+  "pop/bg-tl04": "#a0dda6",
+  "pop/bg-tl05": "#a2bce3",
+  "pop/bg-tl06": "#f7b3cf",
+  "pop/bg-tl07": "#bfa2e3",
+  "pop/bg-tl08": "#fb8686",
+  "pop/bg-tl09": "#eec2c2",
+  "pop/bg-tl10": "#e2d1b0",
+  "pop/bubble-tl01": "#7984b1",
+  "pop/bubble-tl03": "#e3703f",
+  "pop/bubble-tl04": "#5fac70",
+  "pop/bubble-tl05": "#587ab1",
+  "pop/bubble-tl06": "#ca7094",
+  "pop/bubble-tl07": "#8067b5",
+  "pop/bubble-tl08": "#cb4e4e",
+  "pop/bubble-tl09": "#cb8181",
+  "pop/bubble-tl1": "#a79272",
+  "pop/item-gradient01": "linear-gradient(135deg, #fbf3ac 0%, #ffe1fc 100%)",
+  "pop/item-gradient02": "linear-gradient(135deg, #cbe6ff 0%, #d5ffdf 100%)",
+  "pop/item-gradient03": "linear-gradient(135deg, #e4ceff 0%, #ffe4cc 100%)",
+  "pop/item-gradient04": "linear-gradient(135deg, #ffdcb3 0%, #c9f8ff 100%)",
+  "pop/item-gradient05": "linear-gradient(135deg, #ffd0ec 0%, #d3fcff 100%)",
+  "pop/item-gradient06": "linear-gradient(135deg, #feb5b5 0%, #d6fee1 100%)"
+};
+var shadowTokens = {
+  "shadow/default-large": {
+    "dark": "0px 1px 2px 0px #00000033, 0px 8px 48px 0px #00000099",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 8px 48px 0px #1a1a1a26"
+  },
+  "shadow/default-medium": {
+    "dark": "0px 1px 2px 0px #00000033, 0px 4px 24px 0px #00000066",
+    "light": "0px 1px 2px 0px #00000005, 0px 4px 24px 0px #1a1a1a1a"
+  },
+  "shadow/default-small": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 2px 8px 0px #00000066",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 2px 8px 0px #1a1a1a1a"
+  },
+  "shadow/default-xlarge": {
+    "dark": "0px 1px 2px 0px #00000033, 0px 16px 72px 0px #00000099",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 16px 72px 0px #1a1a1a26"
+  },
+  "shadow/default-xsmall": {
+    "dark": "0px 1px 2px 0px #00000033, 0px 0px 4px 0px #00000066",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 0px 4px 0px #1a1a1a26"
+  },
+  "shadow/weak-large": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 8px 48px 0px #00000066",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 8px 48px 0px #1a1a1a1f"
+  },
+  "shadow/weak-medium": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 4px 24px 0px #00000033",
+    "light": "0px 1px 2px 0px #00000005, 0px 4px 20px 0px #1a1a1a14"
+  },
+  "shadow/weak-small": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 2px 8px 0px #00000033",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 2px 8px 0px #1a1a1a14"
+  },
+  "shadow/weak-xlarge": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 16px 72px 0px #00000066",
+    "light": "0px 1px 2px 0px #1a1a1a05, 0px 16px 72px 0px #1a1a1a1f"
+  },
+  "shadow/weak-xsmall": {
+    "dark": "0px 1px 2px 0px #0000001a, 0px 0px 4px 0px #00000033",
+    "light": "0px 1px 1px 0px #1a1a1a05, 0px 0px 4px 0px #1a1a1a14"
+  }
+};
+var fontFamily = "'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+function cssVarName(slug, prefix, kind) {
+  const s = slug.replace(/\//g, "-");
+  return kind === "mode" ? `--${prefix}-mode-${s}` : `--${prefix}-${s}`;
+}
+function cssVarRef(slug, prefix, kind) {
+  return `var(${cssVarName(slug, prefix, kind)})`;
+}
+function buildColorTree(modeColors22, flatColors22, prefix) {
+  const tree = {};
+  const add = (slug, kind) => {
+    const [cat, ...rest] = slug.split("/");
+    const leaf = rest.join("/").replace(/\//g, "-") || cat;
+    (tree[cat] ?? (tree[cat] = {}))[leaf] = cssVarRef(slug, prefix, kind);
+  };
+  for (const slug of Object.keys(modeColors22)) add(slug, "mode");
+  for (const slug of Object.keys(flatColors22)) add(slug, "flat");
+  return tree;
+}
+function buildShadowRefs(shadowTokens22, prefix) {
+  const out = {};
+  for (const slug of Object.keys(shadowTokens22)) {
+    const leaf = slug.replace(/^shadow\//, "");
+    out[leaf] = cssVarRef(slug, prefix, "mode");
+  }
+  return out;
+}
+function colorLines(t, prefix, mode) {
+  return [
+    ...Object.entries(t.modeColors).map(
+      ([slug, pair]) => `  ${cssVarName(slug, prefix, "mode")}: ${pair[mode]};`
+    ),
+    ...Object.entries(t.shadowTokens).map(
+      ([slug, pair]) => `  ${cssVarName(slug, prefix, "mode")}: ${pair[mode]};`
+    )
+  ].join("\n");
+}
+function renderFallbackCss(t, opts) {
+  const p = opts.prefix;
+  const flat = Object.entries(t.flatColors).map(([slug, v]) => `  ${cssVarName(slug, p, "flat")}: ${v};`).join("\n");
+  const lightColors = colorLines(t, p, "light");
+  let css = `/* ================================================================
+ * bstage \uB514\uC790\uC778 \uD1A0\uD070 \u2014 dev fallback (${p})
+ * @bstage-sdk/design \uC0DD\uC131\uBB3C. \uAC1C\uBC1C/\uBBF8\uB9AC\uBCF4\uAE30 \uC804\uC6A9(:root fallback).
+ * \uBC30\uD3EC \uC2DC\uC5D4 \uD50C\uB7AB\uD3FC :root \uAC12\uC744 \uC0C1\uC18D\uD558\uBA70 \uC774 \uD30C\uC77C\uC740 \uBC88\uB4E4\uB418\uC9C0 \uC54A\uB294\uB2E4.
+ * ================================================================ */
+
+:root {
+${lightColors}
+
+${flat}
+
+  --${p}-font-family: ${t.fontFamily};
+}
+`;
+  if (opts.dark) {
+    const darkColors = colorLines(t, p, "dark");
+    css += `
+@media (prefers-color-scheme: dark) {
+  :root:not([data-bspoke="light"]) {
+${darkColors.replace(/^ {2}/gm, "    ")}
+  }
+}
+
+:root[data-bspoke="dark"],
+:root.dark {
+${darkColors}
+}
+`;
+  }
+  return css;
+}
+var PREFIX = "user";
+var color = buildColorTree(modeColors, flatColors, PREFIX);
+var shadow = buildShadowRefs(shadowTokens, PREFIX);
+function renderCss() {
+  return renderFallbackCss(
+    { modeColors, flatColors, shadowTokens, fontFamily },
+    { prefix: PREFIX, dark: true }
+  );
+}
+
+// ../design/dist/admin/index.js
+var modeColors2 = {
+  "bg/base": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "bg/bstage-admin": {
+    "dark": "#f5f6f8",
+    "light": "#f5f6f8"
+  },
+  "bg/elevated": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "bg/grouped-blue": {
+    "dark": "#f5f8ff",
+    "light": "#f5f8ff"
+  },
+  "bg/grouped-default": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "bg/grouped-strong": {
+    "dark": "#f5f6f8",
+    "light": "#f5f6f8"
+  },
+  "bg/grouped-strong-weak": {
+    "dark": "#f9fafb",
+    "light": "#f9fafb"
+  },
+  "border/blue": {
+    "dark": "#397af6",
+    "light": "#397af6"
+  },
+  "border/blue-weak-a": {
+    "dark": "#397af61a",
+    "light": "#397af61a"
+  },
+  "border/bstage": {
+    "dark": "#343d46",
+    "light": "#343d46"
+  },
+  "border/bstage-strong": {
+    "dark": "#1a1e23",
+    "light": "#1a1e23"
+  },
+  "border/bstage-weak": {
+    "dark": "#71777e",
+    "light": "#71777e"
+  },
+  "border/default-a": {
+    "dark": "#59667226",
+    "light": "#59667226"
+  },
+  "border/divider-a": {
+    "dark": "#5966721a",
+    "light": "#5966721a"
+  },
+  "border/divider-weak-a": {
+    "dark": "#5966720d",
+    "light": "#5966720d"
+  },
+  "border/eraser": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "border/green": {
+    "dark": "#32b27c",
+    "light": "#32b27c"
+  },
+  "border/green-weak-a": {
+    "dark": "#32b27c1a",
+    "light": "#32b27c1a"
+  },
+  "border/red": {
+    "dark": "#f41616",
+    "light": "#f41616"
+  },
+  "border/red-weak-a": {
+    "dark": "#f416161a",
+    "light": "#f416161a"
+  },
+  "border/strong-a": {
+    "dark": "#5966724d",
+    "light": "#5966724d"
+  },
+  "border/stronger-a": {
+    "dark": "#59667280",
+    "light": "#59667280"
+  },
+  "border/yellow": {
+    "dark": "#f29900",
+    "light": "#f29900"
+  },
+  "border/yellow-weak-a": {
+    "dark": "#ff99001a",
+    "light": "#ff99001a"
+  },
+  "bstagein/plan-essential": {
+    "dark": "#fdaffd",
+    "light": "#fdaffd"
+  },
+  "bstagein/plan-plus": {
+    "dark": "#151515",
+    "light": "#151515"
+  },
+  "bstagein/plan-standard": {
+    "dark": "#3067ec",
+    "light": "#3067ec"
+  },
+  "chart/default": {
+    "dark": "#595eff",
+    "light": "#595eff"
+  },
+  "chart/green": {
+    "dark": "#11ce8c",
+    "light": "#11ce8c"
+  },
+  "chart/grey": {
+    "dark": "#bdbdbd",
+    "light": "#bdbdbd"
+  },
+  "chart/orange": {
+    "dark": "#ff8057",
+    "light": "#ff8057"
+  },
+  "chart/red": {
+    "dark": "#ff505a",
+    "light": "#ff505a"
+  },
+  "chart/sky": {
+    "dark": "#54c1fb",
+    "light": "#54c1fb"
+  },
+  "chart/strong": {
+    "dark": "#5055e6",
+    "light": "#5055e6"
+  },
+  "chart/stronger": {
+    "dark": "#2c30b0",
+    "light": "#2c30b0"
+  },
+  "chart/weak": {
+    "dark": "#cdcfff",
+    "light": "#cdcfff"
+  },
+  "chart/yellow": {
+    "dark": "#ffce50",
+    "light": "#ffce50"
+  },
+  "icon/blue": {
+    "dark": "#397af6",
+    "light": "#397af6"
+  },
+  "icon/green": {
+    "dark": "#32b27c",
+    "light": "#32b27c"
+  },
+  "icon/indigo": {
+    "dark": "#5754f5",
+    "light": "#5754f5"
+  },
+  "icon/primary": {
+    "dark": "#3a424a",
+    "light": "#3a424a"
+  },
+  "icon/red": {
+    "dark": "#f41616",
+    "light": "#f41616"
+  },
+  "icon/secondary-a": {
+    "dark": "#596672d9",
+    "light": "#596672d9"
+  },
+  "icon/tertiary-a": {
+    "dark": "#5966724d",
+    "light": "#5966724d"
+  },
+  "icon/yellow": {
+    "dark": "#f29900",
+    "light": "#f29900"
+  },
+  "overlay/dim-a": {
+    "dark": "#00000080",
+    "light": "#00000080"
+  },
+  "overlay/dim-weak-a": {
+    "dark": "#0000001a",
+    "light": "#0000001a"
+  },
+  "overlay/hover-a": {
+    "dark": "#0000001a",
+    "light": "#0000001a"
+  },
+  "overlay/hover-blue-a": {
+    "dark": "#397af61a",
+    "light": "#397af61a"
+  },
+  "overlay/hover-blue-weak-a": {
+    "dark": "#397af60d",
+    "light": "#397af60d"
+  },
+  "overlay/hover-red-a": {
+    "dark": "#f416161a",
+    "light": "#f416161a"
+  },
+  "overlay/hover-weak-a": {
+    "dark": "#3453700d",
+    "light": "#3453700d"
+  },
+  "surface/avatar-default-a": {
+    "dark": "#3453700d",
+    "light": "#3453700d"
+  },
+  "surface/avatar-random-01": {
+    "dark": "#fa8a8a",
+    "light": "#fa8a8a"
+  },
+  "surface/avatar-random-02": {
+    "dark": "#ffcc80",
+    "light": "#ffcc80"
+  },
+  "surface/avatar-random-03": {
+    "dark": "#5bc196",
+    "light": "#5bc196"
+  },
+  "surface/avatar-random-04": {
+    "dark": "#4dbecd",
+    "light": "#4dbecd"
+  },
+  "surface/avatar-random-05": {
+    "dark": "#7976f7",
+    "light": "#7976f7"
+  },
+  "surface/avatar-random-06": {
+    "dark": "#aba9fa",
+    "light": "#aba9fa"
+  },
+  "surface/avatar-random-07": {
+    "dark": "#9c6beb",
+    "light": "#9c6beb"
+  },
+  "surface/display-blue": {
+    "dark": "#397af6",
+    "light": "#397af6"
+  },
+  "surface/display-blue-weak-a": {
+    "dark": "#397af61a",
+    "light": "#397af61a"
+  },
+  "surface/display-blue-weakest-a": {
+    "dark": "#397af608",
+    "light": "#397af608"
+  },
+  "surface/display-bstage": {
+    "dark": "#343d46",
+    "light": "#343d46"
+  },
+  "surface/display-default": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "surface/display-green": {
+    "dark": "#32b27c",
+    "light": "#32b27c"
+  },
+  "surface/display-green-weak-a": {
+    "dark": "#32b27c1a",
+    "light": "#32b27c1a"
+  },
+  "surface/display-grey-a": {
+    "dark": "#3453701a",
+    "light": "#3453701a"
+  },
+  "surface/display-grey-weak-a": {
+    "dark": "#3453700d",
+    "light": "#3453700d"
+  },
+  "surface/display-red": {
+    "dark": "#f41616",
+    "light": "#f41616"
+  },
+  "surface/display-red-weak-a": {
+    "dark": "#f416161a",
+    "light": "#f416161a"
+  },
+  "surface/display-toast": {
+    "dark": "#0a1116",
+    "light": "#0a1116"
+  },
+  "surface/display-tooltip": {
+    "dark": "#596672",
+    "light": "#596672"
+  },
+  "surface/display-yellow": {
+    "dark": "#ff9900",
+    "light": "#ff9900"
+  },
+  "surface/display-yellow-weak-a": {
+    "dark": "#ff99001a",
+    "light": "#ff99001a"
+  },
+  "surface/form-base": {
+    "dark": "#ffffff",
+    "light": "#ffffff"
+  },
+  "surface/form-blue": {
+    "dark": "#397af6",
+    "light": "#397af6"
+  },
+  "surface/form-blue-weak-a": {
+    "dark": "#397af626",
+    "light": "#397af626"
+  },
+  "surface/form-bstage": {
+    "dark": "#343d46",
+    "light": "#343d46"
+  },
+  "surface/form-bstage-strong": {
+    "dark": "#1a1e23",
+    "light": "#1a1e23"
+  },
+  "surface/form-bstage-weak": {
+    "dark": "#71777e",
+    "light": "#71777e"
+  },
+  "surface/form-default": {
+    "dark": "#ebeef1",
+    "light": "#ebeef1"
+  },
+  "surface/form-default-a": {
+    "dark": "#3453701a",
+    "light": "#3453701a"
+  },
+  "surface/form-green-weak-a": {
+    "dark": "#32b27c1a",
+    "light": "#32b27c1a"
+  },
+  "surface/form-red": {
+    "dark": "#f41616",
+    "light": "#f41616"
+  },
+  "surface/form-red-weak-a": {
+    "dark": "#f4161626",
+    "light": "#f4161626"
+  },
+  "surface/form-strong-a": {
+    "dark": "#34537033",
+    "light": "#34537033"
+  },
+  "surface/form-toggle": {
+    "dark": "#3453704d",
+    "light": "#3453704d"
+  },
+  "surface/form-weak-a": {
+    "dark": "#3453700d",
+    "light": "#3453700d"
+  },
+  "surface/form-yellow-weak-a": {
+    "dark": "#f299001a",
+    "light": "#f299001a"
+  },
+  "text/blue": {
+    "dark": "#397af6",
+    "light": "#397af6"
+  },
+  "text/green": {
+    "dark": "#32b27c",
+    "light": "#32b27c"
+  },
+  "text/indigo": {
+    "dark": "#5754f5",
+    "light": "#5754f5"
+  },
+  "text/primary": {
+    "dark": "#2a2b2f",
+    "light": "#2a2b2f"
+  },
+  "text/purple": {
+    "dark": "#8346e7",
+    "light": "#8346e7"
+  },
+  "text/red": {
+    "dark": "#f41616",
+    "light": "#f41616"
+  },
+  "text/secondary": {
+    "dark": "#676d72",
+    "light": "#676d72"
+  },
+  "text/sub-a": {
+    "dark": "#596672b3",
+    "light": "#596672b3"
+  },
+  "text/tertiary-a": {
+    "dark": "#596672b3",
+    "light": "#596672b3"
+  },
+  "text/yellow": {
+    "dark": "#f29900",
+    "light": "#f29900"
+  }
+};
+var flatColors2 = {
+  "always/black005-a": "#0000000d",
+  "always/black010-a": "#0000001a",
+  "always/black030-a": "#0000004d",
+  "always/black050-a": "#00000080",
+  "always/black060-a": "#00000099",
+  "always/black100-a": "#000000",
+  "always/green100": "#32b27c",
+  "always/grey135": "#243a4e",
+  "always/indigo100": "#5754f5",
+  "always/overlay-hover-white010-a": "#ffffff1a",
+  "always/purple100": "#8346e7",
+  "always/red085": "#f74444",
+  "always/service-rankingpoll-thumb-a": "#ffadddcc",
+  "always/white010-a": "#ffffff1a",
+  "always/white015-a": "#ffffff26",
+  "always/white025-a": "#ffffff40",
+  "always/white050-a": "#ffffff80",
+  "always/white060-a": "#ffffff99",
+  "always/white070-a": "#ffffffb3",
+  "always/white080-a": "#ffffffcc",
+  "always/white100": "#ffffff",
+  "always/yellow100": "#ff9900",
+  "auto/border-divider-on-dark": "#ffffff26",
+  "auto/border-divider-on-light": "#0000000f",
+  "auto/icon-primary-on-dark": "#ffffff",
+  "auto/icon-primary-on-light": "#00000099",
+  "auto/icon-secondary-on-dark": "#ffffff80",
+  "auto/icon-secondary-on-light": "#0000004d",
+  "auto/overlay-hover-on-dark": "#ffffff1a",
+  "auto/overlay-hover-on-light": "#0000001a",
+  "auto/text-primary-on-dark": "#ffffff",
+  "auto/text-primary-on-light": "#000000",
+  "auto/text-secondary-on-dark": "#ffffff80",
+  "auto/text-secondary-on-light": "#00000080"
+};
+var shadowTokens2 = {
+  "shadow/default-large": {
+    "dark": "0px 16px 36px -4px #1a1a1a33, 0px 0px 1px 0px #1a1a1a2e",
+    "light": "0px 16px 36px -4px #1a1a1a33, 0px 0px 1px 0px #1a1a1a2e"
+  },
+  "shadow/default-medium": {
+    "dark": "0px 8px 32px -2px #1a1a1a29, 0px 0px 1px 0px #00000026",
+    "light": "0px 8px 32px -2px #1a1a1a29, 0px 0px 1px 0px #00000026"
+  },
+  "shadow/default-small": {
+    "dark": "0px 4px 8px -1px #1a1a1a1f, 0px 0px 1px 0px #1a1a1a1f",
+    "light": "0px 4px 8px -1px #1a1a1a1f, 0px 0px 1px 0px #1a1a1a1f"
+  },
+  "shadow/default-xsmall": {
+    "dark": "0px 1px 1px 0px #1a1a1a1a, 0px 0px 1px 0px #1a1a1a1a",
+    "light": "0px 1px 1px 0px #1a1a1a1a, 0px 0px 1px 0px #1a1a1a1a"
+  }
+};
+var fontFamily2 = "'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+function cssVarName2(slug, prefix, kind) {
+  const s = slug.replace(/\//g, "-");
+  return kind === "mode" ? `--${prefix}-mode-${s}` : `--${prefix}-${s}`;
+}
+function cssVarRef2(slug, prefix, kind) {
+  return `var(${cssVarName2(slug, prefix, kind)})`;
+}
+function buildColorTree2(modeColors22, flatColors22, prefix) {
+  const tree = {};
+  const add = (slug, kind) => {
+    const [cat, ...rest] = slug.split("/");
+    const leaf = rest.join("/").replace(/\//g, "-") || cat;
+    (tree[cat] ?? (tree[cat] = {}))[leaf] = cssVarRef2(slug, prefix, kind);
+  };
+  for (const slug of Object.keys(modeColors22)) add(slug, "mode");
+  for (const slug of Object.keys(flatColors22)) add(slug, "flat");
+  return tree;
+}
+function buildShadowRefs2(shadowTokens22, prefix) {
+  const out = {};
+  for (const slug of Object.keys(shadowTokens22)) {
+    const leaf = slug.replace(/^shadow\//, "");
+    out[leaf] = cssVarRef2(slug, prefix, "mode");
+  }
+  return out;
+}
+function colorLines2(t, prefix, mode) {
+  return [
+    ...Object.entries(t.modeColors).map(
+      ([slug, pair]) => `  ${cssVarName2(slug, prefix, "mode")}: ${pair[mode]};`
+    ),
+    ...Object.entries(t.shadowTokens).map(
+      ([slug, pair]) => `  ${cssVarName2(slug, prefix, "mode")}: ${pair[mode]};`
+    )
+  ].join("\n");
+}
+function renderFallbackCss2(t, opts) {
+  const p = opts.prefix;
+  const flat = Object.entries(t.flatColors).map(([slug, v]) => `  ${cssVarName2(slug, p, "flat")}: ${v};`).join("\n");
+  const lightColors = colorLines2(t, p, "light");
+  let css = `/* ================================================================
+ * bstage \uB514\uC790\uC778 \uD1A0\uD070 \u2014 dev fallback (${p})
+ * @bstage-sdk/design \uC0DD\uC131\uBB3C. \uAC1C\uBC1C/\uBBF8\uB9AC\uBCF4\uAE30 \uC804\uC6A9(:root fallback).
+ * \uBC30\uD3EC \uC2DC\uC5D4 \uD50C\uB7AB\uD3FC :root \uAC12\uC744 \uC0C1\uC18D\uD558\uBA70 \uC774 \uD30C\uC77C\uC740 \uBC88\uB4E4\uB418\uC9C0 \uC54A\uB294\uB2E4.
+ * ================================================================ */
+
+:root {
+${lightColors}
+
+${flat}
+
+  --${p}-font-family: ${t.fontFamily};
+}
+`;
+  if (opts.dark) {
+    const darkColors = colorLines2(t, p, "dark");
+    css += `
+@media (prefers-color-scheme: dark) {
+  :root:not([data-bspoke="light"]) {
+${darkColors.replace(/^ {2}/gm, "    ")}
+  }
+}
+
+:root[data-bspoke="dark"],
+:root.dark {
+${darkColors}
+}
+`;
+  }
+  return css;
+}
+var PREFIX2 = "admin";
+var color2 = buildColorTree2(modeColors2, flatColors2, PREFIX2);
+var shadow2 = buildShadowRefs2(shadowTokens2, PREFIX2);
+function renderCss2() {
+  return renderFallbackCss2(
+    { modeColors: modeColors2, flatColors: flatColors2, shadowTokens: shadowTokens2, fontFamily: fontFamily2 },
+    { prefix: PREFIX2, dark: false }
+  );
+}
+
+// src/dev/devVitePlugin.ts
+var RESOLVE_BASE_URL_RE = /function\s+resolveBaseUrl\(\)\s*\{[\s\S]*?\n\}/;
+var DEV_THEME_TOGGLE = `
+(function () {
+  if (window.__bstage_theme_toggle__) return
+  window.__bstage_theme_toggle__ = true
+  var btn = document.createElement('button')
+  var label = function () {
+    return document.documentElement.dataset.bspoke === 'dark' ? '\u{1F319} Dark' : '\u2600\uFE0F Light'
+  }
+  btn.type = 'button'
+  btn.title = 'bstage \uB514\uC790\uC778 \uD1A0\uD070 \uB77C\uC774\uD2B8/\uB2E4\uD06C \uBBF8\uB9AC\uBCF4\uAE30 (dev \uC804\uC6A9)'
+  btn.textContent = label()
+  btn.style.cssText =
+    'position:fixed;right:12px;bottom:12px;z-index:2147483647;padding:6px 10px;' +
+    "font:12px/1 system-ui,sans-serif;border:1px solid rgba(0,0,0,.15);border-radius:8px;" +
+    'background:#fff;color:#151515;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)'
+  btn.onclick = function () {
+    var cur = document.documentElement.dataset.bspoke
+    document.documentElement.dataset.bspoke = cur === 'dark' ? 'light' : 'dark'
+    btn.textContent = label()
+  }
+  document.body.appendChild(btn)
+})()
+`;
+var DEV_LOCALE_SWITCHER = `
+window.__bstage_setLocale__ = function (locale) {
+  document.documentElement.lang = locale
+  document.cookie = 'bmf_bstage_lang=' + locale + '; path=/'
+  document.cookie = 'bmf_mybstage_locale=' + locale + '; path=/'
+  return locale
+}
+`.trim();
+function filterPseudoHeaders(headers) {
+  const out = {};
+  for (const [k, v] of Object.entries(headers)) {
+    if (!k.startsWith(":")) out[k] = v;
+  }
+  return out;
+}
+async function refreshAccessToken(mode, phase, hosts, tenantId, accessToken, cookieStr) {
+  try {
+    const authHost = hosts.auth(tenantId);
+    if (!authHost) return null;
+    const postBody = JSON.stringify({ accessToken });
+    const headers = {
+      host: authHost,
+      "Content-Type": "application/json",
+      "Content-Length": String(Buffer.byteLength(postBody)),
+      "x-bmf-sid": tenantId,
+      cookie: cookieStr
+    };
+    addCfAccessHeaders(headers, phase);
+    const result = await proxyRequest({
+      hostname: authHost,
+      path: AUTH_TOKEN_REFRESH_PATH_BY_MODE[mode],
+      method: "POST",
+      headers,
+      body: Buffer.from(postBody)
+    });
+    const text = result.body.toString("utf-8");
+    const json = JSON.parse(text);
+    if (result.statusCode === 200 && json.accessToken) {
+      console.info(`[bstage] token refreshed (${mode})`);
+      return json.accessToken;
+    }
+    console.warn("[bstage] token refresh failed:", result.statusCode, text);
+    return null;
+  } catch {
+    return null;
+  }
+}
+async function sendGatewayRequest(targetHost, targetPath, method, headers, body) {
+  const result = await proxyRequest({
+    hostname: targetHost,
+    path: targetPath,
+    method,
+    headers,
+    body
+  });
+  return {
+    statusCode: result.statusCode,
+    headers: result.headers,
+    body: result.body.toString("utf-8")
+  };
+}
+function handleGatewayProxy(mode, phase, hosts, req, res) {
+  const tenantId = req.headers[TENANT_ID_HEADER];
+  if (!tenantId) {
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ message: `Missing ${TENANT_ID_HEADER} header` }));
+    return;
+  }
+  const targetHost = hosts.gateway(tenantId);
+  if (!targetHost) {
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ message: `Unknown phase: ${phase}` }));
+    return;
+  }
+  const targetPath = (req.url ?? "").replace(new RegExp(`^${PROXY_PATH_PREFIX}/${phase}`), "");
+  const cookieName2 = ACCESS_TOKEN_COOKIE_BY_MODE[mode];
+  const cookieRe = ACCESS_TOKEN_RE_BY_MODE[mode];
+  collectBody(req).then(async (body) => {
+    const buildHeaders = (accessToken) => {
+      const h = filterPseudoHeaders(req.headers);
+      h["host"] = targetHost;
+      addCfAccessHeaders(h, phase);
+      const token = accessToken ?? (req.headers["cookie"] ?? "").match(cookieRe)?.[1];
+      if (token) {
+        h["authorization"] = `Bearer ${token}`;
+      }
+      return h;
+    };
+    console.info(`[bstage] ${req.method} https://${targetHost}${targetPath}`);
+    try {
+      const upstreamHeaders = buildHeaders();
+      let result = await sendGatewayRequest(
+        targetHost,
+        targetPath,
+        req.method ?? "GET",
+        upstreamHeaders,
+        body
+      );
+      if (result.statusCode === 401) {
+        const cookieStr = req.headers["cookie"] ?? "";
+        const oldToken = cookieStr.match(cookieRe)?.[1];
+        if (oldToken) {
+          const newToken = await refreshAccessToken(
+            mode,
+            phase,
+            hosts,
+            tenantId,
+            oldToken,
+            cookieStr
+          );
+          if (newToken) {
+            const retryHeaders = buildHeaders(newToken);
+            result = await sendGatewayRequest(
+              targetHost,
+              targetPath,
+              req.method ?? "GET",
+              retryHeaders,
+              body
+            );
+            stripResponseCookies(result.headers, [`${cookieName2}=${newToken}; Path=/`]);
+          }
+        }
+      }
+      stripResponseCookies(result.headers);
+      res.writeHead(result.statusCode, result.headers);
+      res.end(result.body);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      res.writeHead(502, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ message: "Gateway proxy error", error: message }));
+    }
+  });
+}
+function subpathOf(source) {
+  const segments = source.split("/");
+  const rest = segments.slice(source.startsWith("@") ? 2 : 1);
+  return rest.length === 0 ? "." : `./${rest.join("/")}`;
+}
+function findPackageDir(from) {
+  let dir = dirname(from);
+  while (dir !== dirname(dir)) {
+    try {
+      readFileSync2(join(dir, "package.json"));
+      return dir;
+    } catch {
+      dir = dirname(dir);
+    }
+  }
+  return null;
+}
+function handleAuthProxy(mode, phase, hosts, req, res) {
+  const tenantId = req.headers[TENANT_ID_HEADER];
+  if (!tenantId) {
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ message: `Missing ${TENANT_ID_HEADER} header` }));
+    return;
+  }
+  const targetHost = hosts.auth(tenantId);
+  if (!targetHost) {
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ message: `Unknown phase: ${phase} (mode: ${mode})` }));
+    return;
+  }
+  const targetPath = (req.url ?? "").replace(new RegExp(`^${AUTH_PATH_PREFIX}`), "/svc");
+  const cookieName2 = ACCESS_TOKEN_COOKIE_BY_MODE[mode];
+  collectBody(req).then(async (body) => {
+    const upstreamHeaders = filterPseudoHeaders(
+      req.headers
+    );
+    upstreamHeaders["host"] = targetHost;
+    addCfAccessHeaders(upstreamHeaders, phase);
+    upstreamHeaders["x-bmf-sid"] = tenantId;
+    try {
+      const result = await proxyRequest({
+        hostname: targetHost,
+        path: targetPath,
+        method: req.method ?? "POST",
+        headers: upstreamHeaders,
+        body
+      });
+      const textBody = result.body.toString("utf-8");
+      const extraCookies = [];
+      if (result.statusCode >= 200 && result.statusCode < 300) {
+        try {
+          const json = JSON.parse(textBody);
+          const accessToken = json.accessToken ?? json.data?.accessToken;
+          if (accessToken) {
+            extraCookies.push(`${cookieName2}=${accessToken}; Path=/`);
+          } else {
+            console.warn(
+              `[bstage] auth response missing accessToken (mode=${mode}, status=${result.statusCode}, body status=${json.status ?? "n/a"})`
+            );
+          }
+        } catch (parseErr) {
+          console.warn(
+            `[bstage] auth response JSON parse failed (mode=${mode}, status=${result.statusCode}):`,
+            parseErr instanceof Error ? parseErr.message : parseErr
+          );
+        }
+      } else {
+        console.warn(
+          `[bstage] auth proxy upstream non-2xx (mode=${mode}, status=${result.statusCode}):`,
+          textBody.slice(0, 500)
+        );
+      }
+      stripResponseCookies(result.headers, extraCookies);
+      res.writeHead(result.statusCode, result.headers);
+      res.end(textBody);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      res.writeHead(502, { "Content-Type": "application/json" });
+      res.end(JSON.stringify({ message: "Auth proxy error", error: message }));
+    }
+  });
+}
+function bstageDevPlugin(options = {}) {
+  const phase = options.phase ?? DEFAULT_PHASE;
+  const mode = options.mode ?? "user";
+  let isAdmin = false;
+  let configPort;
+  let actualPort;
+  let projectRequire;
+  let hosts;
+  return {
+    name: "bstage-dev",
+    enforce: "pre",
+    config() {
+      const root = process.cwd();
+      projectRequire = createRequire(join(root, "package.json"));
+      return {
+        optimizeDeps: {
+          exclude: ["@bstage-sdk/core", "@bstage-sdk/react"]
+        },
+        resolve: {
+          dedupe: ["react", "react-dom", "react/jsx-runtime"]
+        }
+      };
+    },
+    configResolved(config) {
+      configPort = config.server.port ?? 5173;
+      isAdmin = resolveProjectTarget(config.root) === "admin";
+      hosts = resolveDevHosts(phase, mode, config.root);
+    },
+    resolveId(source) {
+      if (!source.startsWith("@bstage-sdk/")) return null;
+      try {
+        const cjsPath = projectRequire.resolve(source);
+        const pkgDir = findPackageDir(cjsPath);
+        if (!pkgDir) return cjsPath;
+        const pkg = JSON.parse(readFileSync2(join(pkgDir, "package.json"), "utf-8"));
+        const entry = pkg.exports?.[subpathOf(source)];
+        const esmEntry = (typeof entry === "string" ? entry : entry?.import?.default) ?? (subpathOf(source) === "." ? pkg.module : void 0);
+        return esmEntry ? join(pkgDir, esmEntry) : cjsPath;
+      } catch {
+        return null;
+      }
+    },
+    configureServer(server) {
+      const httpServer = server.httpServer;
+      if (httpServer) {
+        httpServer.on("listening", () => {
+          const addr = httpServer.address();
+          if (addr && typeof addr === "object") {
+            actualPort = addr.port;
+          }
+        });
+      }
+      server.middlewares.use((req, res, next) => {
+        const url = req.url ?? "";
+        if (url === LOGIN_PATH || url === `${LOGIN_PATH}/`) {
+          res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+          res.end(getLoginPageHtml(phase, mode));
+          return;
+        }
+        if (url.startsWith(`${PROXY_PATH_PREFIX}/${phase}/`)) {
+          handleGatewayProxy(mode, phase, hosts, req, res);
+          return;
+        }
+        if (url.startsWith(`${AUTH_PATH_PREFIX}/`)) {
+          handleAuthProxy(mode, phase, hosts, req, res);
+          return;
+        }
+        next();
+      });
+    },
+    transformIndexHtml(_html, ctx) {
+      const tags = [
+        // dev 전용 로케일 스위처 주입 (useLocale 변경 감지 검증용)
+        {
+          tag: "script",
+          attrs: { type: "text/javascript" },
+          children: DEV_LOCALE_SWITCHER,
+          injectTo: "head"
+        },
+        // 번역 사전 phase 주입 — core는 hostname으로 phase를 추론하는데 로컬 호스트에는
+        // phase 마커가 없다(`localhost`, 로컬 별칭 호스트). dev 서버는 `--phase`를 아니까
+        // 알려준다. core가 이 전역을 config 다음 우선순위로 읽는다(`resolvePhase`).
+        {
+          tag: "script",
+          attrs: { type: "text/javascript" },
+          children: `window.__bstage_i18n_phase__ = ${JSON.stringify(phase)}`,
+          injectTo: "head"
+        }
+      ];
+      if (ctx?.server) {
+        tags.push({
+          tag: "style",
+          attrs: { "data-bstage-design-fallback": isAdmin ? "admin" : "user" },
+          children: isAdmin ? renderCss2() : renderCss(),
+          injectTo: "head"
+        });
+        if (!isAdmin) {
+          tags.push({
+            tag: "script",
+            attrs: { type: "text/javascript" },
+            children: DEV_THEME_TOGGLE,
+            injectTo: "body"
+          });
+        }
+      }
+      return tags;
+    },
+    transform(code, id) {
+      if (!id.includes("bstage-core") && !id.includes("bstage-sdk/packages/core")) return null;
+      if (!RESOLVE_BASE_URL_RE.test(code)) return null;
+      const origin = `http://localhost:${actualPort ?? configPort}`;
+      const proxyBase = `${origin}${PROXY_PATH_PREFIX}/${phase}${PHASE_PATH_PREFIX[phase] ?? ""}`;
+      return {
+        code: code.replace(
+          RESOLVE_BASE_URL_RE,
+          `function resolveBaseUrl() { return "${proxyBase}" }`
+        ),
+        map: null
+      };
+    }
+  };
+}
+
+// src/vite/preset.ts
+function createViteConfig(options = {}) {
+  return defineConfig({
+    plugins: [react()],
+    define: {
+      "process.env.NODE_ENV": JSON.stringify("production")
+    },
+    resolve: {
+      dedupe: ["react", "react-dom", "react/jsx-runtime"]
+    },
+    build: {
+      lib: {
+        entry: options.entry ?? "src/index.tsx",
+        formats: ["iife"],
+        name: "BstageTemplate",
+        fileName: () => "template.js"
+      },
+      cssCodeSplit: false,
+      rollupOptions: {
+        output: {
+          inlineDynamicImports: true
+        }
+      },
+      outDir: options.outDir ?? "dist",
+      copyPublicDir: false
+    }
+  });
+}
+
+export {
+  LOGIN_PATH,
+  TRANSLATION_LANGUAGES,
+  DEFAULT_TRANSLATION_TIER,
+  TRANSLATION_CDN_ORIGIN,
+  TRANSLATION_CDN_BASE_KEY,
+  TRANSLATION_CDN_BUCKET_PREFIX,
+  resolveProjectTarget,
+  resolvePhase,
+  describePhase,
+  bstageDevPlugin,
+  createViteConfig
+};