fix(graph-ui): remove misleading 'Project name' field from index picker

The optional 'Project name' input was labelled 'Optional display name', but its value became the project's permanent identity (the <name>.db filename, projects.name primary key, and the project. prefix on every node's qualified_name) - not a cosmetic label. Since a project cannot be renamed after indexing and the name is always derivable from the folder path, the field was misleading.

Remove the input, its state, and its submit payload; project names now always derive from the selected folder path. Drop the now-dead i18n strings and update the test.

Signed-off-by: Zadak <rarepops@protonmail.com>

Author: rarepops

graph-ui/src/components/StatsTab.test.tsx

@@ -46,7 +46,7 @@ describe("StatsTab index modal", () => {
     vi.unstubAllGlobals();
   });
 
-  it("submits a custom path and project name", async () => {
+  it("submits a custom path", async () => {
     let submitted: unknown = null;
     mockProjectsFetch((url, init) => {
       if (url === "/api/index") {
@@ -65,16 +65,10 @@ describe("StatsTab index modal", () => {
     fireEvent.change(await screen.findByLabelText("Repository path"), {
       target: { value: "D:\\work\\信租风控通后端" },
     });
-    fireEvent.change(screen.getByLabelText("Project name"), {
-      target: { value: "信租风控通后端" },
-    });
     fireEvent.click(screen.getByRole("button", { name: "Index This Folder" }));
 
     await waitFor(() => {
-      expect(submitted).toEqual({
-        root_path: "D:\\work\\信租风控通后端",
-        project_name: "信租风控通后端",
-      });
+      expect(submitted).toEqual({ root_path: "D:\\work\\信租风控通后端" });
     });
   });
 

graph-ui/src/components/StatsTab.tsx

@@ -172,7 +172,6 @@ function CreateIndexModal({ onClose, onCreated }: { onClose: () => void; onCreat
   const [dirs, setDirs] = useState<string[]>([]);
   const [roots, setRoots] = useState<string[]>(["/"]);
   const [parentPath, setParentPath] = useState("");
-  const [projectName, setProjectName] = useState("");
   const [filter, setFilter] = useState("");
   const [activeIndex, setActiveIndex] = useState(0);
   const [loading, setLoading] = useState(false);
@@ -211,9 +210,7 @@ function CreateIndexModal({ onClose, onCreated }: { onClose: () => void; onCreat
     if (!path) return;
     setSubmitting(true); setError(null);
     try {
-      const body: { root_path: string; project_name?: string } = { root_path: path };
-      if (projectName.trim()) body.project_name = projectName.trim();
-      const res = await fetch("/api/index", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) });
+      const res = await fetch("/api/index", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ root_path: path }) });
       const data = await res.json();
       if (!res.ok) throw new Error(data.error ?? "Failed");
       onCreated(); onClose();
@@ -250,7 +247,7 @@ function CreateIndexModal({ onClose, onCreated }: { onClose: () => void; onCreat
           <p className="text-[12px] text-foreground/30">{t.index.instructions}</p>
         </div>
 
-        <div className="px-5 pb-3 grid grid-cols-[1fr_220px] gap-3 shrink-0">
+        <div className="px-5 pb-3 shrink-0">
           <label className="block">
             <span className="block text-[10px] uppercase tracking-widest text-foreground/25 mb-1">{t.index.repositoryPath}</span>
             <input
@@ -260,16 +257,6 @@ function CreateIndexModal({ onClose, onCreated }: { onClose: () => void; onCreat
               className="w-full bg-white/[0.04] border border-white/[0.06] rounded-lg px-3 py-2 text-[12px] text-foreground font-mono outline-none focus:border-primary/40"
             />
           </label>
-          <label className="block">
-            <span className="block text-[10px] uppercase tracking-widest text-foreground/25 mb-1">{t.index.projectName}</span>
-            <input
-              aria-label={t.index.projectName}
-              value={projectName}
-              placeholder={t.index.projectNamePlaceholder}
-              onChange={(e) => setProjectName(e.target.value)}
-              className="w-full bg-white/[0.04] border border-white/[0.06] rounded-lg px-3 py-2 text-[12px] text-foreground outline-none focus:border-primary/40 placeholder:text-foreground/20"
-            />
-          </label>
         </div>
 
         <div className="px-5 pb-3 flex items-center gap-2 shrink-0">

graph-ui/src/lib/i18n.ts

@@ -45,8 +45,6 @@ export const messages = {
       selectRepositoryFolder: "Select Repository Folder",
       instructions: "Navigate to the project root and click \"Index This Folder\".",
       repositoryPath: "Repository path",
-      projectName: "Project name",
-      projectNamePlaceholder: "Optional display name",
       filterFolders: "Filter folders",
       noSubdirectories: "No subdirectories",
       indexThisFolder: "Index This Folder",
@@ -116,8 +114,6 @@ export const messages = {
       selectRepositoryFolder: "选择仓库目录",
       instructions: "导航到项目根目录，然后点击“索引此目录”。",
       repositoryPath: "仓库路径",
-      projectName: "项目名称",
-      projectNamePlaceholder: "可选显示名称",
       filterFolders: "筛选目录",
       noSubdirectories: "没有子目录",
       indexThisFolder: "索引此目录",