@cccarv82/freya 2.5.4 → 2.5.5

package/cli/web-ui.js

@@ -1905,11 +1905,13 @@
     }
   }
 
+  state.slugRules = []; // Store the active project rules
+
   async function reloadSlugRules() {
     try {
       const r = await api('/api/project-slug-map/get', { dir: dirOrDefault() });
-      const el = $('slugRules');
-      if (el) el.value = JSON.stringify(r.map || { rules: [] }, null, 2);
+      state.slugRules = (r.map && Array.isArray(r.map.rules)) ? r.map.rules : [];
+      renderSlugRules();
       setPill('ok', 'rules loaded');
       setTimeout(() => setPill('ok', 'pronto'), 800);
     } catch (e) {
@@ -1918,18 +1920,82 @@
     }
   }
 
+  function renderSlugRules() {
+    const container = $('slugListContainer');
+    if (!container) return;
+
+    if (state.slugRules.length === 0) {
+      container.innerHTML = '<div class="help" style="margin-bottom: 10px;">Nenhuma regra cadastrada no momento.</div>';
+      return;
+    }
+
+    let html = '<div style="display:flex; flex-direction:column; gap:8px; margin-bottom: 16px;">';
+    state.slugRules.forEach((rule, index) => {
+      html += `
+        <div style="display:flex; align-items:center; justify-content:space-between; background: var(--bg2); padding: 10px 14px; border-radius: 6px; border: 1px solid var(--border);">
+          <div style="display:flex; gap: 12px; align-items:center; flex-wrap: wrap;">
+             <span style="font-size: 13px;"><span style="color:var(--text-muted); font-size:12px;">Se o texto contiver a palavra:</span> <b style="color: var(--primary);">${escapeHtml(rule.contains)}</b></span>
+             <span style="color:var(--text-muted)">→</span>
+             <span style="font-size: 13px;"><span style="color:var(--text-muted); font-size:12px;">Atribuir ao projeto:</span> <code class="md-inline">${escapeHtml(rule.slug)}</code></span>
+          </div>
+          <button class="btn small" type="button" onclick="window.removeSlugRule(${index})" title="Remover regra">Excluir</button>
+        </div>
+      `;
+    });
+    html += '</div>';
+    container.innerHTML = html;
+  }
+
+  function addSlugRule() {
+    const kw = $('newSlugKeyword');
+    const tg = $('newSlugTarget');
+    if (!kw || !tg) return;
+    const contains = kw.value.trim().toLowerCase();
+    const slug = tg.value.trim().toLowerCase();
+
+    if (!contains || !slug) {
+      setPill('err', 'Preencha ambos os campos');
+      setTimeout(() => setPill('ok', 'pronto'), 1500);
+      return;
+    }
+
+    // Check for duplicates
+    if (state.slugRules.some(r => r.contains === contains)) {
+      setPill('err', 'Palavra-chave já existe');
+      setTimeout(() => setPill('ok', 'pronto'), 1500);
+      return;
+    }
+
+    state.slugRules.push({ contains, slug });
+    kw.value = '';
+    tg.value = '';
+    renderSlugRules();
+
+    // Auto-save when adding
+    saveSlugRules();
+  }
+
+  function removeSlugRule(index) {
+    if (index >= 0 && index < state.slugRules.length) {
+      state.slugRules.splice(index, 1);
+      renderSlugRules();
+      // Auto-save when removing
+      saveSlugRules();
+    }
+  }
+
   async function saveSlugRules() {
     try {
-      const el = $('slugRules');
-      if (!el) return;
-      const raw = String(el.value || '').trim();
-      if (!raw) throw new Error('Rules JSON is empty');
-      let map;
-      try { map = JSON.parse(raw); } catch (e) { throw new Error('Invalid JSON: ' + (e.message || e)); }
-
       setPill('run', 'saving rules…');
+      const map = { rules: state.slugRules };
       const r = await api('/api/project-slug-map/save', { dir: dirOrDefault(), map });
-      if (el) el.value = JSON.stringify(r.map || map, null, 2);
+
+      // Update state with confirmed save
+      if (r.map && Array.isArray(r.map.rules)) {
+        state.slugRules = r.map.rules;
+        renderSlugRules();
+      }
+
       setPill('ok', 'rules saved');
       setTimeout(() => setPill('ok', 'pronto'), 800);
     } catch (e) {
@@ -2046,7 +2112,7 @@
         setPill('run', 'applying…');
         await applyPlan();
         const a = state.lastApplied || {};
-        setPill('ok', `applied (${a.tasks || 0}t, ${a.blockers || 0}b)`);
+        setPill('ok', `applied(${a.tasks || 0}t, ${a.blockers || 0}b)`);
         if (state.autoRunReports) {
           await runSuggestedReports();
         }
@@ -2082,7 +2148,7 @@
       let out = '## Ran suggested reports\n\n';
       for (const name of uniq) {
         const r = await api('/api/report', { dir: dirOrDefault(), script: name === 'status' ? 'status' : name });
-        out += `### ${name}\n` + (r.reportPath ? `- file: ${r.reportPath}\n` : '') + '\n';
+        out += `### ${name} \n` + (r.reportPath ? ` - file: ${r.reportPath} \n` : '') + '\n';
       }
 
       setOut(out);
@@ -2233,11 +2299,12 @@
   window.pickDir = pickDir;
   window.runReport = runReport;
   window.publish = publish;
-  window.saveSettings = saveSettings;
   window.refreshReports = refreshReports;
   window.refreshToday = refreshToday;
   window.reloadSlugRules = reloadSlugRules;
   window.saveSlugRules = saveSlugRules;
+  window.addSlugRule = addSlugRule;
+  window.removeSlugRule = removeSlugRule;
   window.exportObsidian = exportObsidian;
   window.rebuildIndex = rebuildIndex;
   window.renderReportsList = renderReportsList;

package/cli/web.js

@@ -4000,25 +4000,31 @@ function buildSettingsHtml(safeDefault, appVersion) {
 
             <div class="devGrid" style="grid-template-columns: 1fr;">
               <div class="panel">
-                <div class="panelHead"><b>Mapeamento Inteligente de Projetos (Slugs)</b></div>
+                <div class="panelHead" style="display:flex; justify-content:space-between; align-items:center;">
+                  <b>Mapeamento Inteligente de Projetos (Slugs)</b>
+                  <span class="chip" style="font-weight:normal; font-size:11px;">Rules</span>
+                </div>
                 <div class="panelBody">
                   <p style="margin-top: 0; color: #666; font-size: 13px;">
-                    A FREYA tenta adivinhar automaticamente a qual projeto uma tarefa pertence. 
-                    Se você quiser **garantir** que uma palavra sempre caia em um projeto específico, adicione uma regra abaixo.
+                    A FREYA tenta adivinhar automaticamente a qual projeto uma tarefa pertence com base no LLM. 
+                    Se você quiser <b>garantir</b> que uma palavra sempre caia em um projeto específico, adicione uma regra abaixo.
                   </p>
                   
-                  <div style="background: var(--surface); padding: 12px; border-radius: 6px; font-size: 12px; font-family: monospace; color: #888; margin-bottom: 16px;">
-                    <b>Exemplo de uso:</b><br>
-                    Se o cliente é a "Vale" e o projeto é "Trato", e você quer que qualquer frase com a palavra "trato" vá para "vale/trato":<br>
-                    <code>{ "contains": "trato", "slug": "vale/trato" }</code>
+                  <div class="slug-adder" style="display: flex; gap: 8px; margin-bottom: 24px; align-items: flex-end; background: var(--bg2); padding: 12px; border-radius: 8px; border: 1px solid var(--border);">
+                    <div style="flex: 1;">
+                      <label style="font-size: 12px; color: var(--text-muted); margin-bottom: 4px; display: block;">Palavra-chave (ex: fideliza)</label>
+                      <input type="text" id="newSlugKeyword" placeholder="Palavra a buscar..." style="width: 100%;" />
+                    </div>
+                    <div style="flex: 1;">
+                      <label style="font-size: 12px; color: var(--text-muted); margin-bottom: 4px; display: block;">Projeto Alvo (ex: vivo/fidelizacao)</label>
+                      <input type="text" id="newSlugTarget" placeholder="Slug do projeto..." style="width: 100%;" />
+                    </div>
+                    <button class="btn primary" type="button" onclick="window.addSlugRule()" style="height: 36px;">Adicionar Regra</button>
                   </div>
 
-                  <label>Regras de Inferência (Formato JSON)</label>
-                  <textarea id="slugRules" rows="12" style="font-family: monospace; font-size: 13px;" placeholder='{\n  "rules": [\n    {\n      "contains": "palavra-chave",\n      "slug": "cliente/projeto"\n    }\n  ]\n}'></textarea>
-                  
-                  <div class="stack" style="margin-top:20px; flex-direction: row; justify-content: flex-end;">
-                    <button class="btn" type="button" onclick="window.reloadSlugRules()">Restaurar</button>
-                    <button class="btn primary" type="button" onclick="window.saveSlugRules()">Salvar Regras</button>
+                  <h3 style="font-size: 14px; margin-top: 24px; margin-bottom: 12px;">Regras Ativas</h3>
+                  <div id="slugListContainer">
+                    <div class="help">Carregando regras...</div>
                   </div>
                 </div>
               </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cccarv82/freya",
-  "version": "2.5.4",
+  "version": "2.5.5",
   "description": "Personal AI Assistant with local-first persistence",
   "scripts": {
     "health": "node scripts/validate-data.js && node scripts/validate-structure.js",