@rhseung/ps-cli 1.0.0 → 1.3.0

package/dist/commands/init.js

@@ -0,0 +1,438 @@
+#!/usr/bin/env node
+import {
+  getSupportedLanguages
+} from "../chunk-TQXMB7XV.js";
+import {
+  getAutoOpenEditor,
+  getDefaultLanguage,
+  getEditor,
+  getProblemDir,
+  getSolvedAcHandle
+} from "../chunk-CIG2LEJC.js";
+import "../chunk-FYS2JH42.js";
+
+// src/commands/init.tsx
+import { useState, useEffect } from "react";
+import { render, Text, Box } from "ink";
+import { mkdir, readFile, writeFile, access } from "fs/promises";
+import { join } from "path";
+import {
+  Select,
+  TextInput,
+  StatusMessage,
+  Alert,
+  ConfirmInput
+} from "@inkjs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function InitCommand({ onComplete }) {
+  const [currentStep, setCurrentStep] = useState("problem-dir");
+  const [completedSteps, setCompletedSteps] = useState([]);
+  const [confirmExit, setConfirmExit] = useState(false);
+  const [initialized, setInitialized] = useState(false);
+  const [problemDir, setProblemDirValue] = useState(getProblemDir());
+  const [language, setLanguage] = useState(getDefaultLanguage());
+  const [editor, setEditorValue] = useState(getEditor());
+  const [autoOpen, setAutoOpen] = useState(getAutoOpenEditor());
+  const [handle, setHandle] = useState(getSolvedAcHandle() || "");
+  const [handleInputMode, setHandleInputMode] = useState(false);
+  const [created, setCreated] = useState([]);
+  const [cancelled, setCancelled] = useState(false);
+  useEffect(() => {
+    const handleSigInt = () => {
+      if (confirmExit) {
+        setCancelled(true);
+        setCurrentStep("cancelled");
+        setTimeout(() => {
+          onComplete();
+        }, 500);
+        return;
+      }
+      setConfirmExit(true);
+    };
+    process.on("SIGINT", handleSigInt);
+    return () => {
+      process.off("SIGINT", handleSigInt);
+    };
+  }, [confirmExit, onComplete]);
+  useEffect(() => {
+    async function loadProjectConfig() {
+      try {
+        const cwd = process.cwd();
+        const projectConfigPath = join(cwd, ".ps-cli.json");
+        await access(projectConfigPath);
+        const configContent = await readFile(projectConfigPath, "utf-8");
+        const projectConfig = JSON.parse(configContent);
+        if (projectConfig.problemDir)
+          setProblemDirValue(projectConfig.problemDir);
+        if (projectConfig.defaultLanguage)
+          setLanguage(projectConfig.defaultLanguage);
+        if (projectConfig.editor) setEditorValue(projectConfig.editor);
+        if (projectConfig.autoOpenEditor !== void 0)
+          setAutoOpen(projectConfig.autoOpenEditor);
+        if (projectConfig.solvedAcHandle)
+          setHandle(projectConfig.solvedAcHandle);
+      } catch (err) {
+      } finally {
+        setInitialized(true);
+      }
+    }
+    loadProjectConfig();
+  }, []);
+  function getStepLabel(step) {
+    switch (step) {
+      case "problem-dir":
+        return "\uBB38\uC81C \uB514\uB809\uD1A0\uB9AC \uC124\uC815";
+      case "language":
+        return "\uAE30\uBCF8 \uC5B8\uC5B4 \uC124\uC815";
+      case "editor":
+        return "\uC5D0\uB514\uD130 \uC124\uC815";
+      case "auto-open":
+        return "\uC790\uB3D9 \uC5D0\uB514\uD130 \uC5F4\uAE30";
+      case "handle":
+        return "Solved.ac \uD578\uB4E4 (\uC120\uD0DD)";
+      default:
+        return "";
+    }
+  }
+  function moveToNextStep(selectedValue, stepLabel) {
+    setCompletedSteps((prev) => [
+      ...prev,
+      { label: stepLabel, value: selectedValue }
+    ]);
+    const stepOrder = [
+      "problem-dir",
+      "language",
+      "editor",
+      "auto-open",
+      "handle",
+      "done"
+    ];
+    const currentIndex = stepOrder.indexOf(currentStep);
+    if (currentIndex < stepOrder.length - 1) {
+      const nextStep = stepOrder[currentIndex + 1];
+      setCurrentStep(nextStep);
+      if (nextStep === "done") {
+        void executeInit();
+      }
+    }
+  }
+  function getStepValue(step) {
+    switch (step) {
+      case "problem-dir":
+        return problemDir === "." ? "\uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8" : problemDir;
+      case "language":
+        return language;
+      case "editor":
+        return editor;
+      case "auto-open":
+        return autoOpen ? "\uC608" : "\uC544\uB2C8\uC624";
+      case "handle":
+        return handle || "(\uC2A4\uD0B5)";
+      default:
+        return "";
+    }
+  }
+  async function executeInit() {
+    try {
+      const cwd = process.cwd();
+      const projectConfigPath = join(cwd, ".ps-cli.json");
+      const projectConfig = {
+        problemDir,
+        defaultLanguage: language,
+        editor,
+        autoOpenEditor: autoOpen,
+        solvedAcHandle: handle || void 0
+      };
+      await writeFile(
+        projectConfigPath,
+        JSON.stringify(projectConfig, null, 2),
+        "utf-8"
+      );
+      setCreated((prev) => [...prev, ".ps-cli.json"]);
+      if (problemDir !== "." && problemDir !== "") {
+        const problemDirPath = join(cwd, problemDir);
+        try {
+          await mkdir(problemDirPath, { recursive: true });
+          setCreated((prev) => [...prev, `${problemDir}/`]);
+        } catch (err) {
+          const error = err;
+          if (error.code !== "EEXIST") {
+            throw err;
+          }
+        }
+        const gitignorePath = join(cwd, ".gitignore");
+        const gitignorePattern = `${problemDir}/`;
+        try {
+          const gitignoreContent = await readFile(gitignorePath, "utf-8");
+          if (!gitignoreContent.includes(gitignorePattern)) {
+            const updatedContent = gitignoreContent.trim() + (gitignoreContent.trim() ? "\n" : "") + `
+# ps-cli \uBB38\uC81C \uB514\uB809\uD1A0\uB9AC
+${gitignorePattern}
+`;
+            await writeFile(gitignorePath, updatedContent, "utf-8");
+            setCreated((prev) => [...prev, ".gitignore \uC5C5\uB370\uC774\uD2B8"]);
+          }
+        } catch (err) {
+          const error = err;
+          if (error.code === "ENOENT") {
+            await writeFile(
+              gitignorePath,
+              `# ps-cli \uBB38\uC81C \uB514\uB809\uD1A0\uB9AC
+${gitignorePattern}
+`,
+              "utf-8"
+            );
+            setCreated((prev) => [...prev, ".gitignore \uC0DD\uC131"]);
+          } else {
+            console.warn(".gitignore \uC5C5\uB370\uC774\uD2B8 \uC2E4\uD328:", error.message);
+          }
+        }
+      }
+      setTimeout(() => {
+        onComplete();
+      }, 3e3);
+    } catch (err) {
+      const error = err;
+      console.error("\uCD08\uAE30\uD654 \uC911 \uC624\uB958 \uBC1C\uC0DD:", error.message);
+      setCancelled(true);
+      setCurrentStep("cancelled");
+      setTimeout(() => {
+        onComplete();
+      }, 2e3);
+    }
+  }
+  function renderQuestionCard(title, children) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
+      /* @__PURE__ */ jsx(Alert, { variant: "info", children: title }),
+      /* @__PURE__ */ jsx(Box, { marginTop: 1, flexDirection: "column", children })
+    ] });
+  }
+  function renderStepContent() {
+    if (cancelled || currentStep === "cancelled") {
+      return /* @__PURE__ */ jsx(Alert, { variant: "error", children: "\uCD08\uAE30\uD654\uAC00 \uCDE8\uC18C\uB418\uC5C8\uC2B5\uB2C8\uB2E4." });
+    }
+    if (confirmExit) {
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsx(Alert, { variant: "error", children: "\uC815\uB9D0 \uC885\uB8CC\uD558\uC2DC\uACA0\uC2B5\uB2C8\uAE4C?" }),
+        /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(
+          ConfirmInput,
+          {
+            onConfirm: () => {
+              setCancelled(true);
+              setCurrentStep("cancelled");
+              setConfirmExit(false);
+              setTimeout(() => {
+                onComplete();
+              }, 500);
+            },
+            onCancel: () => {
+              setConfirmExit(false);
+            }
+          }
+        ) })
+      ] });
+    }
+    switch (currentStep) {
+      case "problem-dir": {
+        const options = [
+          { label: "problems", value: "problems" },
+          { label: ". (\uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8)", value: "." }
+        ];
+        return renderQuestionCard(
+          getStepLabel(currentStep),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              options,
+              onChange: (value) => {
+                setProblemDirValue(value);
+                const displayValue = value === "." ? "\uD504\uB85C\uC81D\uD2B8 \uB8E8\uD2B8" : value;
+                moveToNextStep(displayValue, getStepLabel(currentStep));
+              }
+            }
+          )
+        );
+      }
+      case "language": {
+        const supportedLanguages = getSupportedLanguages();
+        const options = supportedLanguages.map((lang) => ({
+          label: lang,
+          value: lang
+        }));
+        return renderQuestionCard(
+          getStepLabel(currentStep),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              options,
+              onChange: (value) => {
+                setLanguage(value);
+                moveToNextStep(value, getStepLabel(currentStep));
+              }
+            }
+          )
+        );
+      }
+      case "editor": {
+        const options = [
+          { label: "code", value: "code" },
+          { label: "cursor", value: "cursor" },
+          { label: "vim", value: "vim" },
+          { label: "nano", value: "nano" }
+        ];
+        return renderQuestionCard(
+          getStepLabel(currentStep),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              options,
+              onChange: (value) => {
+                setEditorValue(value);
+                moveToNextStep(value, getStepLabel(currentStep));
+              }
+            }
+          )
+        );
+      }
+      case "auto-open": {
+        const options = [
+          { label: "\uC608", value: "true" },
+          { label: "\uC544\uB2C8\uC624", value: "false" }
+        ];
+        return renderQuestionCard(
+          getStepLabel(currentStep),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              options,
+              onChange: (value) => {
+                setAutoOpen(value === "true");
+                moveToNextStep(
+                  value === "true" ? "\uC608" : "\uC544\uB2C8\uC624",
+                  getStepLabel(currentStep)
+                );
+              }
+            }
+          )
+        );
+      }
+      case "handle": {
+        if (handleInputMode) {
+          return renderQuestionCard(
+            getStepLabel(currentStep),
+            /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+              TextInput,
+              {
+                placeholder: "\uD578\uB4E4 \uC785\uB825",
+                onSubmit: (value) => {
+                  setHandle(value);
+                  setHandleInputMode(false);
+                  moveToNextStep(value || "(\uC2A4\uD0B5)", getStepLabel(currentStep));
+                }
+              }
+            ) })
+          );
+        }
+        const options = [
+          { label: "\uC124\uC815", value: "set" },
+          { label: "\uC2A4\uD0B5", value: "skip" }
+        ];
+        return renderQuestionCard(
+          getStepLabel(currentStep),
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              options,
+              onChange: (value) => {
+                if (value === "skip") {
+                  setHandle("");
+                  moveToNextStep("(\uC2A4\uD0B5)", getStepLabel(currentStep));
+                } else {
+                  setHandleInputMode(true);
+                }
+              }
+            }
+          )
+        );
+      }
+      case "done": {
+        const createdItemsText = created.length > 0 ? `
+\uC0DD\uC131\uB41C \uD56D\uBAA9:
+${created.map((item) => `\u2022 ${item}`).join("\n")}` : "";
+        return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Alert, { variant: "success", children: [
+            "\uD504\uB85C\uC81D\uD2B8 \uCD08\uAE30\uD654 \uC644\uB8CC",
+            createdItemsText
+          ] }) }),
+          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            "\uC774\uC81C",
+            " ",
+            /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "ps help" }),
+            " ",
+            "\uBA85\uB839\uC5B4\uB97C \uD1B5\uD574 \uB354 \uC790\uC138\uD55C \uC815\uBCF4\uB97C \uD655\uC778\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4."
+          ] }) })
+        ] });
+      }
+      default:
+        return null;
+    }
+  }
+  if (!initialized) {
+    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "\uB85C\uB529 \uC911..." }) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(Box, { marginBottom: completedSteps.length > 0 ? 1 : 0, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\u{1F680} ps-cli \uD504\uB85C\uC81D\uD2B8 \uCD08\uAE30\uD654" }) }),
+    completedSteps.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: completedSteps.map((step, idx) => /* @__PURE__ */ jsxs(StatusMessage, { variant: "success", children: [
+      step.label,
+      ": ",
+      step.value
+    ] }, idx)) }),
+    renderStepContent()
+  ] });
+}
+async function initCommand() {
+  return new Promise((resolve) => {
+    const { unmount } = render(
+      /* @__PURE__ */ jsx(
+        InitCommand,
+        {
+          onComplete: () => {
+            unmount();
+            resolve();
+          }
+        }
+      )
+    );
+  });
+}
+var initHelp = `
+  \uC0AC\uC6A9\uBC95:
+    $ ps init
+
+  \uC124\uBA85:
+    \uD604\uC7AC \uB514\uB809\uD1A0\uB9AC\uB97C ps-cli \uD504\uB85C\uC81D\uD2B8\uB85C \uB300\uD654\uD615\uC73C\uB85C \uCD08\uAE30\uD654\uD569\uB2C8\uB2E4.
+    - \uB2E8\uACC4\uBCC4\uB85C \uC124\uC815\uC744 \uBB3C\uC5B4\uBD05\uB2C8\uB2E4
+    - \uBB38\uC81C \uB514\uB809\uD1A0\uB9AC, \uAE30\uBCF8 \uC5B8\uC5B4, \uC5D0\uB514\uD130 \uB4F1\uC744 \uC124\uC815\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4
+
+  \uC608\uC81C:
+    $ ps init
+`;
+async function initExecute(args, flags) {
+  if (flags.help) {
+    console.log(initHelp.trim());
+    process.exit(0);
+    return;
+  }
+  await initCommand();
+}
+var initCommandDef = {
+  name: "init",
+  help: initHelp,
+  execute: initExecute
+};
+var init_default = initCommandDef;
+export {
+  init_default as default,
+  initExecute,
+  initHelp
+};

package/dist/commands/run.js

@@ -4,23 +4,24 @@ import {
 } from "../chunk-EIFFWFLS.js";
 import {
   detectProblemIdFromPath,
+  getProblemDirPath,
   getProblemId
-} from "../chunk-OOTPZD7O.js";
+} from "../chunk-BM3ZMA4K.js";
 import {
   detectLanguageFromFile,
   getSupportedLanguages,
   getSupportedLanguagesString
 } from "../chunk-TQXMB7XV.js";
-import {
-  LoadingSpinner
-} from "../chunk-IJLJBKLK.js";
+import "../chunk-CIG2LEJC.js";
 import "../chunk-FYS2JH42.js";
 
 // src/commands/run.tsx
 import { useEffect, useState } from "react";
 import { render, Box, Text } from "ink";
+import { StatusMessage, Alert } from "@inkjs/ui";
 import { readdir } from "fs/promises";
 import { join } from "path";
+import { Spinner } from "@inkjs/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function RunCommand({
   problemDir,
@@ -55,16 +56,13 @@ function RunCommand({
     });
   }, [problemDir, language, inputFile, onComplete]);
   if (status === "loading") {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { children: "\uCF54\uB4DC \uC2E4\uD589 \uC911..." }),
-      /* @__PURE__ */ jsx(LoadingSpinner, {})
-    ] });
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Spinner, { label: "\uCF54\uB4DC \uC2E4\uD589 \uC911..." }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Text, { color: "red", children: "\u2717 \uC2E4\uD589 \uC2E4\uD328" }),
-      error && /* @__PURE__ */ jsx(Text, { color: "gray", children: error })
-    ] });
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Alert, { variant: "error", children: [
+      "\uC2E4\uD589 \uC2E4\uD328",
+      error ? `: ${error}` : ""
+    ] }) });
   }
   if (result) {
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
@@ -78,11 +76,11 @@ function RunCommand({
         ] })
       ] }),
       /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-        result.timedOut ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u23F1 \uC2E4\uD589 \uC2DC\uAC04\uC774 \uCD08\uACFC\uB418\uC5C8\uC2B5\uB2C8\uB2E4." }) : result.exitCode !== 0 ? /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-          "\u2717 \uD504\uB85C\uADF8\uB7A8\uC774 \uBE44\uC815\uC0C1 \uC885\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4 (exit code: ",
+        result.timedOut ? /* @__PURE__ */ jsx(StatusMessage, { variant: "warning", children: "\uC2E4\uD589 \uC2DC\uAC04\uC774 \uCD08\uACFC\uB418\uC5C8\uC2B5\uB2C8\uB2E4." }) : result.exitCode !== 0 ? /* @__PURE__ */ jsxs(StatusMessage, { variant: "error", children: [
+          "\uD504\uB85C\uADF8\uB7A8\uC774 \uBE44\uC815\uC0C1 \uC885\uB8CC\uB418\uC5C8\uC2B5\uB2C8\uB2E4 (exit code: ",
           result.exitCode,
           ")"
-        ] }) : /* @__PURE__ */ jsx(Text, { color: "green", children: "\u2713 \uC2E4\uD589 \uC644\uB8CC" }),
+        ] }) : /* @__PURE__ */ jsx(StatusMessage, { variant: "success", children: "\uC2E4\uD589 \uC644\uB8CC" }),
         result.stdout && /* @__PURE__ */ jsxs(Box, { marginTop: 1, flexDirection: "column", children: [
           /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "\uCD9C\uB825:" }),
           /* @__PURE__ */ jsx(Text, { children: result.stdout })
@@ -111,7 +109,7 @@ async function findInputFile(problemDir) {
 }
 async function runCommand(problemId, language, inputFile) {
   const currentPathProblemId = detectProblemIdFromPath(process.cwd());
-  const problemDir = problemId && currentPathProblemId !== problemId ? join(process.cwd(), "problems", String(problemId)) : process.cwd();
+  const problemDir = problemId && currentPathProblemId !== problemId ? getProblemDirPath(problemId) : process.cwd();
   const inputPath = inputFile ? join(problemDir, inputFile) : await findInputFile(problemDir);
   const files = await readdir(problemDir);
   const solutionFile = files.find((f) => f.startsWith("solution."));

package/dist/commands/stats.js

@@ -7,15 +7,14 @@ import {
 } from "../chunk-2E4VSP6O.js";
 import {
   getSolvedAcHandle
-} from "../chunk-KFQFQJYT.js";
-import {
-  LoadingSpinner
-} from "../chunk-IJLJBKLK.js";
+} from "../chunk-CIG2LEJC.js";
 import "../chunk-FYS2JH42.js";
 
 // src/commands/stats.tsx
 import { useEffect, useState } from "react";
 import { render, Box, Text } from "ink";
+import { Alert } from "@inkjs/ui";
+import { Spinner } from "@inkjs/ui";
 import gradient from "gradient-string";
 import { jsx, jsxs } from "react/jsx-runtime";
 function StatsCommand({ handle, onComplete }) {
@@ -40,11 +39,11 @@ function StatsCommand({ handle, onComplete }) {
     });
   }, [handle, onComplete]);
   if (status === "loading") {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(LoadingSpinner, { message: "\uD1B5\uACC4\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) });
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Spinner, { label: "\uD1B5\uACC4\uB97C \uBD88\uB7EC\uC624\uB294 \uC911..." }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "\u2717 \uD1B5\uACC4\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ",
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Alert, { variant: "error", children: [
+      "\uD1B5\uACC4\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4: ",
       error
     ] }) });
   }
@@ -60,11 +59,6 @@ function StatsCommand({ handle, onComplete }) {
         "\u2728 ",
         user.handle
       ] }) }),
-      /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
-        tierDisplay,
-        " ",
-        /* @__PURE__ */ jsx(Text, { bold: true, children: user.rating.toLocaleString() })
-      ] }) }),
       /* @__PURE__ */ jsx(
         Box,
         {
@@ -73,6 +67,11 @@ function StatsCommand({ handle, onComplete }) {
           borderColor: "gray",
           alignSelf: "flex-start",
           children: /* @__PURE__ */ jsxs(Box, { paddingX: 1, paddingY: 0, flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs(Text, { children: [
+              tierDisplay,
+              " ",
+              /* @__PURE__ */ jsx(Text, { bold: true, children: user.rating.toLocaleString() })
+            ] }),
             /* @__PURE__ */ jsxs(Text, { children: [
               "\uD574\uACB0\uD55C \uBB38\uC81C:",
               " ",

package/dist/commands/submit.js

@@ -1,12 +1,9 @@
 #!/usr/bin/env node
-import {
-  getBojSessionCookie,
-  getCodeOpen
-} from "../chunk-KFQFQJYT.js";
 import {
   detectProblemIdFromPath,
+  getProblemDirPath,
   getProblemId
-} from "../chunk-OOTPZD7O.js";
+} from "../chunk-BM3ZMA4K.js";
 import {
   detectLanguageFromFile,
   getLanguageConfig,
@@ -14,13 +11,15 @@ import {
   getSupportedLanguagesString
 } from "../chunk-TQXMB7XV.js";
 import {
-  LoadingSpinner
-} from "../chunk-IJLJBKLK.js";
+  getBojSessionCookie,
+  getCodeOpen
+} from "../chunk-CIG2LEJC.js";
 import "../chunk-FYS2JH42.js";
 
 // src/commands/submit.tsx
 import { useState, useEffect } from "react";
 import { render, Text, Box } from "ink";
+import { Badge, StatusMessage, Alert } from "@inkjs/ui";
 import { readdir } from "fs/promises";
 import { join } from "path";
 import { readFile } from "fs/promises";
@@ -307,6 +306,7 @@ async function submitSolution({
 }
 
 // src/commands/submit.tsx
+import { Spinner } from "@inkjs/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function SubmitCommand({
   problemId,
@@ -354,46 +354,28 @@ function SubmitCommand({
     submit();
   }, [problemId, language, sourcePath, dryRun, onComplete]);
   if (status === "loading") {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(LoadingSpinner, { message }) });
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsx(Spinner, { label: message }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Text, { color: "red", children: [
-      "\u2717 \uC81C\uCD9C \uC2E4\uD328: ",
+    return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Alert, { variant: "error", children: [
+      "\uC81C\uCD9C \uC2E4\uD328: ",
       error
     ] }) });
   }
   if (result) {
-    const statusColor = result.status === "AC" ? "green" : result.status === "WA" || result.status === "CE" || result.status === "RE" ? "red" : result.status === "TLE" || result.status === "MLE" ? "yellow" : "cyan";
+    const badgeColor = result.status === "AC" ? "green" : result.status === "WA" || result.status === "CE" || result.status === "RE" ? "red" : result.status === "TLE" || result.status === "MLE" ? "yellow" : "blue";
+    const statusVariant = result.status === "AC" ? "success" : result.status === "WA" || result.status === "CE" || result.status === "RE" ? "error" : result.status === "TLE" || result.status === "MLE" ? "warning" : "info";
+    const resultDetails = [
+      `\uBB38\uC81C: ${result.problemId}`,
+      `\uC5B8\uC5B4: ${result.language}`,
+      result.time !== null && result.time !== void 0 ? `\uC2DC\uAC04: ${result.time}ms` : null,
+      result.memory !== null && result.memory !== void 0 ? `\uBA54\uBAA8\uB9AC: ${result.memory}KB` : null
+    ].filter(Boolean).join(" | ");
     return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
       /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "\uC81C\uCD9C \uACB0\uACFC" }) }),
       /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-        /* @__PURE__ */ jsxs(Text, { children: [
-          "\uBB38\uC81C: ",
-          /* @__PURE__ */ jsx(Text, { bold: true, children: result.problemId })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          "\uC5B8\uC5B4: ",
-          /* @__PURE__ */ jsx(Text, { bold: true, children: result.language })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          "\uC0C1\uD0DC:",
-          " ",
-          /* @__PURE__ */ jsx(Text, { color: statusColor, bold: true, children: result.status })
-        ] }),
-        result.time !== null && result.time !== void 0 && /* @__PURE__ */ jsxs(Text, { children: [
-          "\uC2DC\uAC04: ",
-          /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-            result.time,
-            "ms"
-          ] })
-        ] }),
-        result.memory !== null && result.memory !== void 0 && /* @__PURE__ */ jsxs(Text, { children: [
-          "\uBA54\uBAA8\uB9AC: ",
-          /* @__PURE__ */ jsxs(Text, { bold: true, children: [
-            result.memory,
-            "KB"
-          ] })
-        ] }),
+        /* @__PURE__ */ jsx(Box, { marginBottom: 1, children: /* @__PURE__ */ jsx(Badge, { color: badgeColor, children: result.status }) }),
+        /* @__PURE__ */ jsx(StatusMessage, { variant: statusVariant, children: resultDetails }),
         result.message && /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: result.message }) })
       ] })
     ] });
@@ -410,7 +392,7 @@ async function detectSolutionFile(problemDir) {
 }
 async function submitCommand(problemId, language, dryRun = false) {
   const currentPathProblemId = detectProblemIdFromPath(process.cwd());
-  const problemDir = currentPathProblemId === problemId ? process.cwd() : join(process.cwd(), "problems", String(problemId));
+  const problemDir = currentPathProblemId === problemId ? process.cwd() : getProblemDirPath(problemId);
   const sourcePath = await detectSolutionFile(problemDir);
   const detectedLanguage = language ?? detectLanguageFromFile(sourcePath);
   if (!detectedLanguage) {