pan-stack-cli 0.2.1 → 0.2.3

package/lib/ui/export-gate.js

@@ -1,79 +0,0 @@
-// lib/ui/export-gate.js — GATE dùng chung cho published-html.js & gen-react-web-code.js
-// (§4.6, OD-U2): chạy diff (như sync), nếu local≠backend thì cảnh báo + hỏi sync trước;
-// đồng thời cung cấp poll trạng thái export/build.
-const sync = require("./sync");
-const { isDiffClean, printDiff } = require("./diff");
-
-async function loadInquirer() {
-  const inq = await import("@inquirer/prompts").catch(() => null);
-  if (!inq) {
-    throw new Error("Cần TTY (@inquirer/prompts) cho lệnh này.");
-  }
-  return inq;
-}
-
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-function toList(res) {
-  if (Array.isArray(res)) return res;
-  if (res && Array.isArray(res.items)) return res.items;
-  if (res && Array.isArray(res.data)) return res.data;
-  return [];
-}
-
-/**
- * Chọn dự án + đảm bảo local == backend trước khi build (sync nếu user đồng ý).
- * @returns {Promise<{ api, project, backend, projectDir }>}
- */
-async function ensureSynced() {
-  const resolved = await sync.resolveProject();
-  let state = await sync.diffProject(resolved);
-
-  if (!isDiffClean(state.diff)) {
-    console.log("Local khác backend — cần đồng bộ trước khi build/publish:");
-    printDiff(state.diff);
-    const inq = await loadInquirer();
-    const doSync = await inq.confirm({
-      message: "Đồng bộ (sync) ngay bây giờ?",
-      default: true,
-    });
-    if (!doSync) {
-      throw new Error("Đã dừng — chạy `pan ui sync` trước khi publish/build.");
-    }
-    await sync.pushDiff(state);
-    state = await sync.diffProject(resolved);
-    if (!isDiffClean(state.diff)) {
-      throw new Error("Vẫn còn khác biệt sau khi sync — kiểm tra lại thủ công.");
-    }
-  }
-  return state;
-}
-
-/**
- * Poll GET /projects/:id/export/versions tới khi phiên bản mới nhất done/failed.
- * @param {*} api
- * @param {string} projectId
- * @param {{ intervalMs?: number, timeoutMs?: number }} [opts]
- */
-async function pollExportDone(api, projectId, opts = {}) {
-  const { intervalMs = 3000, timeoutMs = 5 * 60 * 1000 } = opts;
-  const deadline = Date.now() + timeoutMs;
-  while (Date.now() < deadline) {
-    const versionsRes = await api.pollExport(projectId);
-    const list = toList(versionsRes);
-    const latest = list[0];
-    if (latest && ["done", "completed", "success"].includes(latest.status)) {
-      return latest;
-    }
-    if (latest && ["failed", "error"].includes(latest.status)) {
-      throw new Error(`Build thất bại: ${latest.error || latest.status}`);
-    }
-    process.stdout.write(".");
-    await sleep(intervalMs);
-  }
-  throw new Error("Hết thời gian chờ build (timeout).");
-}
-
-module.exports = { ensureSynced, pollExportDone };

package/lib/ui/gen-react-mobile-code.js

@@ -1,6 +0,0 @@
-// lib/ui/gen-react-mobile-code.js — STUB. Chưa có kế hoạch (chờ chốt) — chỉ báo "Đang phát triển".
-async function run(_args) {
-  console.log("Đang phát triển");
-}
-
-module.exports = { run };

package/lib/ui/gen-react-web-code.js

@@ -1,75 +0,0 @@
-// lib/ui/gen-react-web-code.js — GATE sync (§4.6, OD-U2) rồi POST /projects/:id/export/react,
-// poll, download .tar.gz (api.js download), giải nén ra thư mục đích (mặc định
-// ./pan-ui-react, lỗi nếu đã tồn tại). Giải nén dùng lệnh `tar` hệ thống qua child_process
-// (không thêm dep nén) — nếu không có `tar`, lưu file .tar.gz + in hướng dẫn (honest-TODO).
-const fs = require("fs");
-const path = require("path");
-const { execFileSync } = require("child_process");
-const { ensureSynced, pollExportDone } = require("./export-gate");
-
-async function loadInquirer() {
-  const inq = await import("@inquirer/prompts").catch(() => null);
-  if (!inq) {
-    throw new Error("Cần TTY (@inquirer/prompts) cho lệnh này.");
-  }
-  return inq;
-}
-
-function hasTarBinary() {
-  try {
-    execFileSync("tar", ["--version"], { stdio: "ignore" });
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-async function run(_args) {
-  const { api, project, backend } = await ensureSynced();
-
-  console.log(`Đang build mã React web cho '${project.name || project.id}'...`);
-  await api.exportReact(backend.id);
-  console.log("Đang chờ build hoàn tất...");
-  const version = await pollExportDone(api, backend.id);
-
-  const inq = await loadInquirer();
-  const targetInput = await inq.input({
-    message: "Thư mục đích để giải nén mã React (vd: pan-ui-react, ./out/react, /abs/path):",
-    default: "pan-ui-react",
-  });
-  const targetDir = path.isAbsolute(targetInput)
-    ? targetInput
-    : path.resolve(process.cwd(), targetInput);
-
-  if (fs.existsSync(targetDir)) {
-    throw new Error(`Thư mục đã tồn tại: ${targetDir} — xóa thủ công rồi thử lại.`);
-  }
-
-  const downloadUrl =
-    version.downloadUrl ||
-    (version.id && `/export/versions/${version.id}/download`);
-  if (!downloadUrl) {
-    throw new Error(
-      "Build xong nhưng không xác định được downloadUrl/version.id — kiểm tra thủ công `GET /projects/:id/export/versions`."
-    );
-  }
-
-  console.log("Đang tải file build...");
-  const buffer = await api.download(downloadUrl);
-  const tarballPath = `${targetDir}.tar.gz`;
-  fs.writeFileSync(tarballPath, buffer);
-
-  if (hasTarBinary()) {
-    fs.mkdirSync(targetDir, { recursive: true });
-    execFileSync("tar", ["-xzf", tarballPath, "-C", targetDir]);
-    fs.unlinkSync(tarballPath);
-    console.log(`Đã giải nén mã React vào: ${targetDir}`);
-  } else {
-    console.log(
-      `[honest-TODO] Không tìm thấy lệnh 'tar' trên hệ thống — đã lưu file nén tại: ${tarballPath}`
-    );
-    console.log(`Giải nén thủ công: tar -xzf ${tarballPath} -C <thư mục đích>`);
-  }
-}
-
-module.exports = { run };

package/lib/ui/index.js

@@ -1,89 +0,0 @@
-// lib/ui/index.js — router + menu cho `pan ui` (§4.1). Subcommand thật (Wave 2) sống trong
-// lib/ui/<name>.js; ở Phase 2 mọi file đó CHỈ là stub.
-const { menuSelect } = require("../menu-prompt");
-const { t } = require("../i18n");
-
-const SUBCOMMANDS = [
-  { name: "init", label: "init — tạo dự án panui mẫu (chọn loại + bảng màu)" },
-  { name: "login", label: "login — đăng nhập Pan Studio (mở trình duyệt, device-flow)" },
-  { name: "logout", label: "logout — đăng xuất, xóa key local" },
-  { name: "clone", label: "clone — tải dự án panui về local" },
-  { name: "sync", label: "sync — đẩy thay đổi local lên backend" },
-  { name: "published-html", label: "published-html — build & publish trang HTML" },
-  { name: "gen-react-web-code", label: "gen-react-web-code — sinh mã React web" },
-  { name: "gen-react-mobile-code", label: "gen-react-mobile-code — sinh mã React mobile" },
-];
-
-const ALIASES = {};
-
-const SUBCOMMAND_NAMES = new Set(SUBCOMMANDS.map((s) => s.name));
-
-function requireHandler(name) {
-  // eslint-disable-next-line global-require, import/no-dynamic-require
-  return require(`./${name}`);
-}
-
-async function runSubcommand(name, args) {
-  const handler = requireHandler(name);
-  await handler.run(args);
-}
-
-async function promptMenu() {
-  const message = "pan ui — chọn hành động:";
-  const choices = SUBCOMMANDS.map((s) => ({ name: s.label, value: s.name }));
-  const hotkeys = [{ key: "x", label: t("EXIT_LABEL"), value: "exit" }];
-
-  // Menu gốc (không có cấp cha) — chỉ cần phím x thoát; nhất quán với các menu khác trong CLI
-  // (menuSelect ưu tiên; thiếu @inquirer/core → @inquirer/prompts select + item thoát ẩn).
-  try {
-    return await menuSelect({ message, choices, hotkeys });
-  } catch (err) {
-    if (String(err && err.message) !== "no-core") throw err;
-  }
-
-  const inq = await import("@inquirer/prompts").catch(() => null);
-  if (!inq || typeof inq.select !== "function") {
-    throw new Error(
-      "Không có TTY / @inquirer/prompts để hiện menu — chạy trực tiếp: pan ui <subcommand>."
-    );
-  }
-  return inq.select({
-    message,
-    choices: [
-      ...choices,
-      new inq.Separator(),
-      { name: `x  ${t("EXIT_LABEL")}`, value: "exit" },
-    ],
-    loop: false,
-  });
-}
-
-/**
- * @param {string[]} args - vd ["clone", "--foo"] hoặc [] (menu tương tác)
- */
-async function runUi(args) {
-  const [rawSub, ...rest] = args;
-  const maybeSub = rawSub && ALIASES[rawSub] ? ALIASES[rawSub] : rawSub;
-
-  if (maybeSub && SUBCOMMAND_NAMES.has(maybeSub)) {
-    await runSubcommand(maybeSub, rest);
-    return;
-  }
-
-  if (maybeSub) {
-    throw new Error(
-      `pan ui: subcommand không hợp lệ '${maybeSub}'. Các subcommand hợp lệ: ${[...SUBCOMMAND_NAMES].join(", ")}`
-    );
-  }
-
-  const choice = await promptMenu();
-  if (choice === "exit") {
-    return;
-  }
-  await runSubcommand(choice, []);
-}
-
-module.exports = {
-  SUBCOMMANDS,
-  runUi,
-};

package/lib/ui/init.js

@@ -1,252 +0,0 @@
-// lib/ui/init.js — `pan ui init`: scaffold dự án panui mẫu.
-// Flow: chọn loại (web landing / mobile / cms) → chọn template → chọn bảng màu →
-// nhập tên/đường dẫn → (tồn tại→lỗi) → copy template + thay placeholder palette/tên.
-// KHÔNG cần auth/backend — thuần local.
-const fs = require("fs");
-const os = require("os");
-const path = require("path");
-const { PALETTES, PALETTE_BY_ID, paletteReplacements } = require("./palettes");
-const { menuSelect } = require("../menu-prompt");
-const { t } = require("../i18n");
-const { getRegistryBaseUrl, fetchRegistry, downloadAndExtract } = require("../skill-registry-client");
-
-// Template pan-ui (landing-glass, mobile-app, ...) không còn bundle local — đăng ký trên registry
-// server với name prefix "pan-ui-" (xem apps/pan-agent-skill-registry/registry/templates/pan-ui/).
-
-const CATEGORY_LABEL = {
-  landing: "Web — Landing page",
-  mobile: "Mobile — Ứng dụng điện thoại",
-  cms: "CMS — Trang quản trị",
-};
-const CATEGORY_ORDER = ["landing", "mobile", "cms"];
-
-// Design System khai ở cấp app (field `designSystem` trong app.panui.yaml). shadcn = mặc định
-// (đứng đầu danh sách), antd = lựa chọn thứ hai. Thiếu field → renderer coi như shadcn.
-const DESIGN_SYSTEMS = [
-  { id: "shadcn", label: "shadcn ui (Recommended)" },
-  { id: "antd", label: "antd" },
-];
-
-const TEXT_EXT = new Set([".yaml", ".yml", ".html", ".htm", ".md", ".json", ".txt", ".css"]);
-
-/**
- * Lấy danh sách template pan-ui từ registry server (KHÔNG tải zip — chỉ đọc metadata
- * `extra.{category,label,platform}` + `description` để dựng picker). Cần server đang chạy
- * (PAN_SKILL_REGISTRY_URL, mặc định localhost:4600) — xem apps/pan-agent-skill-registry.
- * @returns {Promise<Array<{id, category, label, description, platform, item}>>}
- */
-async function discoverTemplates() {
-  const baseUrl = getRegistryBaseUrl();
-  const items = await fetchRegistry(baseUrl);
-  return items
-    .filter((i) => i.type === "template" && i.name.startsWith("pan-ui-"))
-    .map((item) => ({
-      id: item.name.slice("pan-ui-".length),
-      category: (item.extra && item.extra.category) || "",
-      label: (item.extra && item.extra.label) || item.name,
-      description: item.description || "",
-      platform: item.extra && item.extra.platform,
-      item, // giữ nguyên để downloadAndExtract sau khi user chọn xong (tải NGAY 1 cái, không tải hết)
-    }));
-}
-
-/** Copy đệ quy src→dest; file text thì thay placeholder theo `replacements`. */
-function copyWithReplace(src, dest, replacements) {
-  const stat = fs.statSync(src);
-  if (stat.isDirectory()) {
-    fs.mkdirSync(dest, { recursive: true });
-    for (const name of fs.readdirSync(src)) {
-      if (name === "template.json") continue; // manifest không copy vào dự án
-      copyWithReplace(path.join(src, name), path.join(dest, name), replacements);
-    }
-    return;
-  }
-  const ext = path.extname(src).toLowerCase();
-  if (TEXT_EXT.has(ext)) {
-    let content = fs.readFileSync(src, "utf8");
-    for (const [token, value] of Object.entries(replacements)) {
-      content = content.split(token).join(value);
-    }
-    fs.writeFileSync(dest, content);
-  } else {
-    fs.copyFileSync(src, dest);
-  }
-}
-
-/**
- * Ghi field `designSystem: <ds>` cấp app vào app.panui.yaml của dự án vừa sinh.
- * Nếu file đã có dòng `designSystem:` → thay giá trị; chưa có → chèn ngay sau dòng `app:`.
- * Không tìm thấy file/anchor → bỏ qua im lặng (renderer mặc định shadcn).
- */
-function applyDesignSystem(targetDir, ds) {
-  const file = path.join(targetDir, "app.panui.yaml");
-  if (!fs.existsSync(file)) return;
-  const content = fs.readFileSync(file, "utf8");
-  const lines = content.split("\n");
-  const dsIdx = lines.findIndex((l) => /^designSystem\s*:/.test(l));
-  if (dsIdx >= 0) {
-    lines[dsIdx] = `designSystem: ${ds}`;
-  } else {
-    const appIdx = lines.findIndex((l) => /^app\s*:/.test(l));
-    const at = appIdx >= 0 ? appIdx + 1 : 1; // sau `app:`, hoặc sau `panui:` nếu không có `app:`
-    lines.splice(at, 0, `designSystem: ${ds}`);
-  }
-  fs.writeFileSync(file, lines.join("\n"));
-}
-
-/** Chuẩn hóa tên nhập → { targetDir (tuyệt đối), projectName }. Cho tên đơn (pan-ui) hoặc path. */
-function resolveTarget(input) {
-  const raw = String(input || "").trim();
-  const value = raw || "pan-ui";
-  const targetDir = path.resolve(process.cwd(), value);
-  const projectName = path.basename(targetDir);
-  return { targetDir, projectName };
-}
-
-// Chọn 1 item; ưu tiên menu-prompt (hotkey b/x nhấn-1-phím) → @inquirer/prompts select với
-// item b/x ẩn ở cuối (không hotkey thật, vẫn chọn được bằng Enter) → lỗi nếu không có gì.
-async function pick(inq, { message, choices, hotkeys = [] }) {
-  try {
-    return await menuSelect({ message, choices, hotkeys });
-  } catch (err) {
-    if (String(err && err.message) !== "no-core") throw err;
-    if (!inq || typeof inq.select !== "function") {
-      throw new Error("Cần terminal tương tác (@inquirer/prompts) để chạy `pan ui init`.");
-    }
-    const extra = hotkeys.map((h) => ({ name: `${h.key}  ${h.label}`, value: h.value }));
-    const list = extra.length ? [...choices, { name: "──────────", disabled: true }, ...extra] : choices;
-    return inq.select({ message, choices: list, loop: false });
-  }
-}
-
-async function run(_args) {
-  const inq = await import("@inquirer/prompts").catch(() => null);
-
-  const baseUrl = getRegistryBaseUrl();
-  const templates = await discoverTemplates();
-  if (templates.length === 0) {
-    throw new Error(
-      `Không tìm thấy template pan-ui nào trên registry server (${baseUrl}). Kiểm tra server đang chạy và apps/pan-agent-skill-registry/registry/templates/pan-ui/ đã build chưa.`
-    );
-  }
-
-  const categories = CATEGORY_ORDER.filter((c) => templates.some((tpl) => tpl.category === c));
-
-  let designSystem = null;
-  let category = null;
-  let chosen = null;
-  let palette = null;
-
-  // Vòng lặp 4 cấp (Design System → loại → template → bảng màu); 'b' quay lại cấp trước, 'x' thoát hẳn.
-  designSystemLoop: for (;;) {
-    // 0) Design System — bước ĐẦU TIÊN. shadcn (Recommended) mặc định đứng đầu, antd thứ hai.
-    designSystem = await pick(inq, {
-      message: "Chọn Design System:",
-      choices: DESIGN_SYSTEMS.map((d) => ({ name: d.label, value: d.id })),
-      hotkeys: [{ key: "x", label: t("EXIT_LABEL"), value: "__exit__" }],
-    });
-    if (designSystem === "__exit__") {
-      console.log(t("EXITED"));
-      process.exit(0);
-    }
-
-  categoryLoop: for (;;) {
-    category = await pick(inq, {
-      message: "Loại dự án:",
-      choices: categories.map((c) => ({ name: CATEGORY_LABEL[c] || c, value: c })),
-      hotkeys: [
-        { key: "b", label: t("BACK_LABEL"), value: "__back__" },
-        { key: "x", label: t("EXIT_LABEL"), value: "__exit__" },
-      ],
-    });
-    if (category === "__exit__") {
-      console.log(t("EXITED"));
-      process.exit(0);
-    }
-    if (category === "__back__") continue designSystemLoop;
-
-    const inCat = templates.filter((tpl) => tpl.category === category);
-
-    templateLoop: for (;;) {
-      const template = await pick(inq, {
-        message: "Chọn giao diện mẫu:",
-        choices: inCat.map((tpl) => ({
-          name: `${tpl.label}${tpl.description ? ` — ${tpl.description}` : ""}`,
-          value: tpl.id,
-        })),
-        hotkeys: [
-          { key: "b", label: t("BACK_LABEL"), value: "__back__" },
-          { key: "x", label: t("EXIT_LABEL"), value: "__exit__" },
-        ],
-      });
-      if (template === "__exit__") {
-        console.log(t("EXITED"));
-        process.exit(0);
-      }
-      if (template === "__back__") continue categoryLoop;
-      chosen = inCat.find((tpl) => tpl.id === template);
-
-      for (;;) {
-        const paletteId = await pick(inq, {
-          message: "Bảng màu (chỉ đổi màu chủ đạo primary/accent...):",
-          choices: PALETTES.map((p) => ({ name: p.label, value: p.id })),
-          hotkeys: [
-            { key: "b", label: t("BACK_LABEL"), value: "__back__" },
-            { key: "x", label: t("EXIT_LABEL"), value: "__exit__" },
-          ],
-        });
-        if (paletteId === "__exit__") {
-          console.log(t("EXITED"));
-          process.exit(0);
-        }
-        if (paletteId === "__back__") continue templateLoop;
-        palette = PALETTE_BY_ID.get(paletteId);
-        break designSystemLoop;
-      }
-    }
-  }
-  }
-
-  if (!inq || typeof inq.input !== "function") {
-    throw new Error("Cần terminal tương tác (@inquirer/prompts) để chạy `pan ui init`.");
-  }
-
-  // 4) Tên / đường dẫn dự án.
-  const nameInput = await inq.input({
-    message: "Tên dự án hoặc đường dẫn lưu (vd: pan-ui, ./design/landing, /abs/duan):",
-    default: "pan-ui",
-  });
-  const { targetDir, projectName } = resolveTarget(nameInput);
-
-  if (fs.existsSync(targetDir)) {
-    throw new Error(
-      `Thư mục đã tồn tại: ${targetDir}\n→ Xóa thủ công (CLI không tự xóa) rồi chạy lại, hoặc chọn tên khác.`
-    );
-  }
-
-  // 5) Tải ĐÚNG 1 template đã chọn (zip) rồi scaffold: copy + thay placeholder (palette + tên dự án).
-  const replacements = {
-    ...paletteReplacements(palette),
-    __PROJECT_NAME__: projectName,
-  };
-  const stagingDir = fs.mkdtempSync(path.join(os.tmpdir(), "pan-ui-init-"));
-  try {
-    const extractedDir = await downloadAndExtract(baseUrl, chosen.item, stagingDir);
-    copyWithReplace(extractedDir, targetDir, replacements);
-  } finally {
-    fs.rmSync(stagingDir, { recursive: true, force: true });
-  }
-
-  // Ghi Design System đã chọn vào app.panui.yaml cấp app.
-  applyDesignSystem(targetDir, designSystem);
-
-  const dsLabel = (DESIGN_SYSTEMS.find((d) => d.id === designSystem) || {}).label || designSystem;
-  console.log(`\n✓ Đã tạo dự án "${projectName}" (${dsLabel} · ${CATEGORY_LABEL[category]} · ${chosen.label} · màu ${palette.label.split(" —")[0]})`);
-  console.log(`  ${targetDir}`);
-  console.log("\nBước tiếp theo:");
-  console.log(`  • Xem thử:   pnpm --dir apps/pan-stack-design-system panui:gen ${targetDir} -o /tmp/preview && pan serve /tmp/preview`);
-  console.log("  • Sửa nội dung: mở app.panui.yaml + screens/ + components/*.html");
-  console.log("  • Đưa lên Pan Studio: pan ui login → (tạo dự án) → pan ui sync");
-}
-
-module.exports = { run, discoverTemplates, resolveTarget, applyDesignSystem, DESIGN_SYSTEMS };

package/lib/ui/login.js

@@ -1,128 +0,0 @@
-// lib/ui/login.js — device-flow auth (§4.3, OD-U1): POST /auth/device/start, mở browser
-// verificationUriComplete, poll /auth/device/poll mỗi `interval`s, lưu credential.
-const os = require("os");
-const { spawn } = require("child_process");
-const { createApiClient } = require("./api");
-const { getApiConfig, saveCredential, loadCredential, isExpired } = require("./config");
-const { findWorkspaceRoot } = require("./workspace");
-
-/**
- * Mở browser theo OS. Không throw — trả false nếu không mở được (fallback in URL).
- * @param {string} url
- * @returns {Promise<boolean>}
- */
-function openBrowser(url) {
-  return new Promise((resolve) => {
-    let cmd;
-    let args;
-    if (process.platform === "darwin") {
-      cmd = "open";
-      args = [url];
-    } else if (process.platform === "win32") {
-      cmd = "cmd";
-      args = ["/c", "start", '""', url];
-    } else {
-      cmd = "xdg-open";
-      args = [url];
-    }
-    try {
-      const child = spawn(cmd, args, { stdio: "ignore", detached: true });
-      child.on("error", () => resolve(false));
-      child.unref();
-      resolve(true);
-    } catch {
-      resolve(false);
-    }
-  });
-}
-
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-
-async function run(args = []) {
-  const force = args.includes("--force") || args.includes("-f");
-
-  const workspaceRoot = findWorkspaceRoot() || process.cwd();
-  const { apiUrl } = getApiConfig(workspaceRoot);
-
-  // Đã có key CÒN HẠN cho đúng apiUrl này → báo info + hướng dẫn thay vì âm thầm login lại đè key.
-  const existing = loadCredential(apiUrl);
-  if (existing && !isExpired(existing) && !force) {
-    const email = (existing.user && existing.user.email) || "?";
-    const expDate = existing.expiresAt ? new Date(existing.expiresAt).toLocaleString() : "?";
-    console.log(`✓ Đã đăng nhập ${email} tại ${apiUrl} (key hết hạn ${expDate}).`);
-    console.log("");
-    console.log("Muốn đổi tài khoản / đăng nhập lại?");
-    console.log("  pan ui logout           # đăng xuất trước, rồi 'pan ui login' lại");
-    console.log("  pan ui login --force    # đăng nhập lại ngay, ghi đè key hiện tại");
-    return;
-  }
-
-  const api = createApiClient({ apiUrl });
-
-  console.log(`Đăng nhập Pan Studio (${apiUrl})...`);
-  const start = await api.deviceStart({
-    clientName: `pan-cli@${os.hostname()}`,
-    scope: "WRITE",
-  });
-  const { deviceCode, userCode, verificationUriComplete, interval, expiresIn } = start;
-
-  if (!deviceCode || !verificationUriComplete) {
-    throw new Error(
-      "Phản hồi /auth/device/start không hợp lệ (thiếu deviceCode/verificationUriComplete) — kiểm tra backend."
-    );
-  }
-
-  console.log(`Mã đăng nhập: ${userCode}`);
-  console.log(`Mở trình duyệt tại: ${verificationUriComplete}`);
-  const opened = await openBrowser(verificationUriComplete);
-  if (!opened) {
-    console.log(
-      "Không tự mở được trình duyệt — hãy dán URL trên vào trình duyệt và làm theo hướng dẫn."
-    );
-  }
-
-  const intervalMs = Math.max(1, Number(interval) || 4) * 1000;
-  const deadline = Date.now() + Math.max(1, Number(expiresIn) || 600) * 1000;
-
-  console.log("Đang chờ xác nhận trên trình duyệt...");
-  while (Date.now() < deadline) {
-    await sleep(intervalMs);
-    let poll;
-    try {
-      poll = await api.devicePoll(deviceCode);
-    } catch (err) {
-      console.log(`\nLỗi khi kiểm tra trạng thái: ${err.message}`);
-      continue;
-    }
-
-    if (poll.status === "approved") {
-      if (!poll.token) {
-        throw new Error(
-          "Trạng thái approved nhưng thiếu token trong phản hồi — không thể lưu credential."
-        );
-      }
-      saveCredential(apiUrl, {
-        token: poll.token,
-        tokenType: poll.tokenType || "pmcp",
-        expiresAt: poll.expiresAt,
-        user: poll.user,
-      });
-      const email = poll.user && poll.user.email;
-      const expDate = poll.expiresAt ? new Date(poll.expiresAt).toLocaleString() : "?";
-      console.log(`\nĐã đăng nhập ${email || ""} — key hết hạn ${expDate}.`);
-      return;
-    }
-    if (poll.status === "denied") {
-      throw new Error("Yêu cầu đăng nhập đã bị từ chối trên trình duyệt.");
-    }
-    if (poll.status === "expired") {
-      throw new Error("Yêu cầu đăng nhập đã hết hạn — chạy lại `pan ui login`.");
-    }
-    process.stdout.write(".");
-  }
-  throw new Error("Hết thời gian chờ xác nhận đăng nhập — chạy lại `pan ui login`.");
-}
-
-module.exports = { run };

package/lib/ui/logout.js

@@ -1,22 +0,0 @@
-// lib/ui/logout.js — xóa credential local (~/.pan/credentials.json) cho API hiện tại.
-const { createApiClient } = require("./api");
-const { getApiConfig, loadCredential, clearCredential } = require("./config");
-const { findWorkspaceRoot } = require("./workspace");
-
-async function run(_args) {
-  const workspaceRoot = findWorkspaceRoot() || process.cwd();
-  const { apiUrl } = getApiConfig(workspaceRoot);
-
-  const cred = loadCredential(apiUrl);
-  if (!cred) {
-    console.log(`Chưa đăng nhập Pan Studio (${apiUrl}) — không có gì để đăng xuất.`);
-    return;
-  }
-
-  clearCredential(apiUrl);
-  const email = cred.user && cred.user.email;
-  console.log(`Đã đăng xuất${email ? ` ${email}` : ""} khỏi ${apiUrl}.`);
-  console.log("Key local đã xóa. (Token trên backend vẫn còn hạn — thu hồi tại UI/mcp-tokens nếu cần.)");
-}
-
-module.exports = { run };