project-knowledge 1.0.1 → 1.0.3

package/_site/index.html

@@ -422,11 +422,12 @@
           <h2 class="text-lg font-semibold">{{ t("importProject") }}</h2>
           <p class="mt-1 text-sm muted">{{ t("importHelp") }}</p>
           <div class="mt-5 grid gap-4">
-            <label class="grid gap-1 text-sm">{{ t("slug") }}
-              <input v-model="form.slug" required pattern="[a-z0-9][a-z0-9\-]*" class="input font-mono" placeholder="my-project" />
-            </label>
             <label class="grid gap-1 text-sm">{{ t("displayName") }}
-              <input v-model="form.displayName" required class="input" placeholder="My Project" />
+              <input v-model="form.displayName" required class="input" :placeholder="t('displayNamePlaceholder')" />
+            </label>
+            <label class="grid gap-1 text-sm">{{ t("slug") }} <span class="muted">{{ t("optional") }}</span>
+              <input v-model="form.slug" class="input font-mono" placeholder="my-project" />
+              <span class="text-xs muted">{{ t("slugHelp") }} <code>{{ importSlugPreview }}</code></span>
             </label>
             <label class="grid gap-1 text-sm">{{ t("localPath") }}
               <input v-model="form.localPath" required class="input font-mono text-xs" placeholder="D:\SanQian.Xu\my-project" />
@@ -484,7 +485,7 @@
         <aside class="panel rounded-xl border p-5">
           <h2 class="font-semibold">{{ t("importTarget") }}</h2>
           <div class="mt-4 space-y-3 text-sm muted">
-            <p>{{ t("kbPath") }}: <code>{{ displayProjectKbPath(form.slug || "<slug>") }}</code></p>
+            <p>{{ t("kbPath") }}: <code>{{ displayProjectKbPath(importSlugPreview || "<slug>") }}</code></p>
             <p>{{ t("schemaNormalized") }}</p>
             <p>{{ t("gitPopulate") }}</p>
           </div>
@@ -503,12 +504,12 @@
           <div class="mt-5 grid gap-4">
             <label class="grid gap-1 text-sm">
               <span class="field-label">{{ t("defaultProfile") }} <span class="help-dot" :title="t('defaultProfileHelp')" tabindex="0">?</span></span>
-              <select v-model="aiConfig.defaultProfileId" class="input">
+              <select v-model="aiConfig.defaultProfileId" @change="markAiProfileDirty" class="input">
                 <option v-for="p in aiConfig.profiles" :key="p.id" :value="p.id" :disabled="p.enabled === false">{{ profileOptionLabel(p) }}</option>
               </select>
             </label>
 
-            <div class="panel2 rounded-xl border p-4">
+            <div class="panel2 rounded-xl border p-4" @input.capture="markAiProfileDirty" @change.capture="markAiProfileDirty">
               <div class="mb-4 flex items-center justify-between gap-3">
                 <h3 class="font-medium">{{ t("profileEditor") }}</h3>
                 <div class="flex flex-wrap gap-2">
@@ -1044,6 +1045,10 @@ const I18N = {
     reset: "Reset",
     slug: "Slug",
     displayName: "Display name",
+    displayNamePlaceholder: "Tokens Consumption Leaderboard",
+    optional: "(optional)",
+    slugHelp: "Internal id for URL and folders. Leave blank to auto-generate:",
+    invalidSlug: "Internal id must be lowercase letters, numbers, and hyphens.",
     localPath: "Local path",
     gitPath: "Git path",
     primaryLanguage: "Primary language",
@@ -1265,6 +1270,10 @@ const I18N = {
     reset: "重置",
     slug: "标识",
     displayName: "显示名称",
+    displayNamePlaceholder: "Tokens Consumption Leaderboard",
+    optional: "（可选）",
+    slugHelp: "URL 和目录使用的内部标识。留空会自动生成：",
+    invalidSlug: "内部标识只能使用小写字母、数字和连字符。",
     localPath: "本地路径",
     gitPath: "Git 路径",
     primaryLanguage: "主要语言",
@@ -1525,6 +1534,7 @@ createApp({
     const testPrompt = ref("what model are you?");
     const testResult = ref("");
     const testingProfile = ref(false);
+    const aiProfileFormDirty = ref(false);
     const selectedAiProfileId = ref("mock-agent");
     const selectedKnowledgeLanguage = ref("zh-CN");
 
@@ -1619,6 +1629,36 @@ createApp({
       return String(value || "").replace(/[\\\/]+$/, "");
     }
 
+    function basenameFromPath(value) {
+      return String(value || "").split(/[\\\/]+/).filter(Boolean).pop() || "";
+    }
+
+    function normalizeSlug(value) {
+      return String(value || "")
+        .trim()
+        .toLowerCase()
+        .replace(/['"]/g, "")
+        .replace(/[^a-z0-9]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .replace(/-{2,}/g, "-")
+        .slice(0, 41)
+        .replace(/-+$/g, "");
+    }
+
+    function uniqueSlug(base) {
+      const fallback = `project-${Date.now().toString(36)}`;
+      const root = normalizeSlug(base) || fallback;
+      let candidate = root;
+      let index = 2;
+      while (projects.value && projects.value[candidate]) {
+        const suffix = `-${index++}`;
+        candidate = `${root.slice(0, Math.max(1, 41 - suffix.length))}${suffix}`;
+      }
+      return candidate;
+    }
+
+    const importSlugPreview = computed(() => uniqueSlug(form.slug || form.displayName || basenameFromPath(form.localPath)));
+
     function projectKbPath(slug) {
       const root = trimTrailingSlash(knowledgeStoreConfig.rootPath || `${kbRoot.value}\\projects`);
       return `${root}\\${slug}`;
@@ -1744,7 +1784,10 @@ createApp({
         if (state.logging) Object.assign(loggingConfig, state.logging);
         lastRun.value = state.lastRun || lastRun.value;
         if (!selectedSlug.value && projectList.value.length) selectProject(projectList.value[0].slug);
-        await Promise.all([loadJobs(), loadAiProfiles(false), loadIssues()]);
+        const aiProfileTask = activeView.value === "settings" && aiProfileFormDirty.value
+          ? Promise.resolve()
+          : loadAiProfiles(false);
+        await Promise.all([loadJobs(), aiProfileTask, loadIssues()]);
       } catch (e) {
         pollError.value = e.message;
       } finally {
@@ -2261,6 +2304,11 @@ createApp({
         timeoutMs: profile.timeoutMs != null ? Number(profile.timeoutMs) : 300000,
       });
       testResult.value = "";
+      aiProfileFormDirty.value = false;
+    }
+
+    function markAiProfileDirty() {
+      aiProfileFormDirty.value = true;
     }
 
     function normalizeProfileId(value) {
@@ -2363,6 +2411,7 @@ createApp({
         const parsed = JSON.parse(aiProfilesText.value);
         await api("PUT", "/api/ai-profiles", parsed);
         aiMessage.value = "AI profiles saved.";
+        aiProfileFormDirty.value = false;
         await loadAiProfiles();
       } catch (e) {
         aiMessage.value = `Save failed: ${e.message}`;
@@ -2567,7 +2616,9 @@ createApp({
       formOk.value = "";
       submitting.value = true;
       try {
-        if (!/^[a-z0-9][a-z0-9-]*$/.test(form.slug)) throw new Error("Slug must be kebab-case.");
+        const slug = uniqueSlug(form.slug || form.displayName || basenameFromPath(form.localPath));
+        if (!/^[a-z0-9][a-z0-9-]{0,40}$/.test(slug)) throw new Error(t("invalidSlug"));
+        form.slug = slug;
         const config = {
           displayName: form.displayName,
           localPath: form.localPath,
@@ -2576,7 +2627,7 @@ createApp({
           tags: form.tagsStr.split(",").map(s => s.trim()).filter(Boolean),
           isReference: !!form.isReference,
           docConvention: "frontmatter-relations",
-          kbPath: projectKbPath(form.slug),
+          kbPath: projectKbPath(slug),
           enabled: true,
           aiProfileId: aiConfig.defaultProfileId || "mock-agent",
           knowledgeLanguage: form.knowledgeLanguage || "zh-CN",
@@ -2584,7 +2635,7 @@ createApp({
           goalStatus: "not-created"
         };
         await api("PUT", "/api/projects", {
-          slug: form.slug,
+          slug,
           config,
           importOptions: {
             initGit: !!form.initGit,
@@ -2592,10 +2643,10 @@ createApp({
             remoteUrl: form.remoteUrl || "",
           },
         });
-        if (form.initNow) await api("POST", `/api/projects/${form.slug}/init`);
-        formOk.value = `Imported ${form.slug}.`;
+        if (form.initNow) await api("POST", `/api/projects/${slug}/init`);
+        formOk.value = `Imported ${form.displayName || slug}.`;
         await refreshAll();
-        selectProject(form.slug);
+        selectProject(slug);
         activeView.value = "dashboard";
       } catch (e) {
         formError.value = e.message;
@@ -2688,7 +2739,7 @@ createApp({
       summaryPanel, pendingCommitItems, supervisionIssues, issuesByProject, structuredLogs, selectedLog, logFilters,
       knowledgeStoreConfig, knowledgeMigrationPlan, loggingConfig,
       loading, pollError, activeView, selectedSlug, selectedProject, pageTitle, projectList, summaryCards, navItems,
-      theme, uiLanguage, t, toggleTheme, form, submitting, formError, formOk, addProject, resetForm, busySlug, initProject,
+      theme, uiLanguage, t, toggleTheme, form, importSlugPreview, submitting, formError, formOk, addProject, resetForm, busySlug, initProject,
       freq, scheduleMsg, applySchedule, deleteSchedule,
       runs, selectedRunId, selectedRun, drafts, filteredDrafts, draftBranches, draftBranchFilter, applyDraftButtonLabel, draftSelection, previewDraftPath, draftPreview, allowGoalEdit,
       removeDialog, removeProjectDisabled,
@@ -2697,7 +2748,7 @@ createApp({
       selectProject, isKbInit, isProjectRunning, repoStatusLevel, projectStatusClass, projectIssues,
       kbUrl, goalUrl, displayProjectKbPath, formatTime, formatBytes,
       profileOptionLabel,
-      refreshAll, loadJobs, loadJobDetail, loadAiProfiles, loadProfileForm, addProfile, deleteCurrentProfile, saveAiProfiles, saveCurrentProfile, testCurrentProfile, setProjectAiProfile, saveProjectSettings,
+      refreshAll, loadJobs, loadJobDetail, loadAiProfiles, loadProfileForm, markAiProfileDirty, addProfile, deleteCurrentProfile, saveAiProfiles, saveCurrentProfile, testCurrentProfile, setProjectAiProfile, saveProjectSettings,
       openSummaryPanel, loadPendingCommits, loadIssues, loadStructuredLogs,
       loadKnowledgeStoreConfig, saveKnowledgeStoreConfig, previewKnowledgeMigration, executeKnowledgeMigration, loadLoggingConfig, saveLoggingConfig,
       validateGit, scanProject, validateKb, migrateV2, migrateV3, runKnowledgeUpdate, runImportPreflight, runJob, loadHookStatus, installHook, uninstallHook,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-knowledge",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Knowledge base manager with Git integration, AI-driven analysis, and bilingual (zh-CN/en-US) knowledge output",
   "main": "_site/server.js",
   "scripts": {