memorix 1.8.4 → 1.8.6

package/src/dashboard/static/style.css

@@ -800,56 +800,6 @@ body {
   gap: 2px;
 }
 
-.gfp-radio {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 8px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  font-size: 12px;
-  color: var(--text-secondary);
-  transition: background var(--transition-fast);
-  border: none;
-  background: none;
-  width: 100%;
-  font-family: var(--font-sans);
-  text-align: left;
-}
-
-.gfp-radio:hover {
-  background: rgba(255,255,255,0.04);
-}
-
-.gfp-radio.active {
-  background: rgba(208, 188, 255, 0.08);
-  color: var(--text-primary);
-  font-weight: 500;
-}
-
-.gfp-radio-dot {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  border: 2px solid var(--border-medium);
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.gfp-radio.active .gfp-radio-dot {
-  border-color: var(--accent-purple);
-}
-
-.gfp-radio.active .gfp-radio-dot::after {
-  content: '';
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: var(--accent-purple);
-}
-
 .gfp-check {
   display: flex;
   align-items: center;
@@ -955,7 +905,7 @@ body {
   color: var(--text-muted);
 }
 
-/* ── Center: Graph Container (Cytoscape.js) ───────────────── */
+/* ── Center: Graph Container (Apache ECharts) ─────────────── */
 #graph-container {
   flex: 1;
   min-width: 0;
@@ -966,13 +916,6 @@ body {
   flex-direction: column;
 }
 
-#cytoscape-mount {
-  flex: 1;
-  min-height: 0;
-  height: 100%;
-  overflow: hidden;
-}
-
 .graph-status-bar {
   height: 28px;
   flex-shrink: 0;
@@ -1031,6 +974,16 @@ body {
   flex-direction: column;
 }
 
+@media (max-width: 1100px) and (min-width: 769px) {
+  .graph-filter-panel {
+    width: 180px;
+  }
+
+  .graph-inspector {
+    width: 220px;
+  }
+}
+
 .gi-empty {
   display: flex;
   flex-direction: column;
@@ -1127,19 +1080,6 @@ body {
   color: var(--accent-purple);
 }
 
-.gi-obs-item {
-  font-size: 12px;
-  color: var(--text-secondary);
-  line-height: 1.5;
-  padding: 6px 10px;
-  margin-bottom: 4px;
-  border-radius: var(--radius-sm);
-  background: var(--bg-surface);
-  border-left: 2px solid var(--accent-purple);
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-
 .gi-rel-item {
   font-size: 12px;
   color: var(--text-secondary);
@@ -1222,438 +1162,6 @@ body {
   }
 }
 
-/* ── Graph Tooltip ────────────────────────────────────────── */
-.graph-tooltip {
-  position: absolute;
-  background: var(--bg-card);
-  border: 1px solid var(--border-medium);
-  border-radius: var(--radius-sm);
-  padding: 8px 12px;
-  font-size: 12px;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity var(--transition-fast);
-  z-index: 100;
-  max-width: 260px;
-  box-sizing: border-box;
-  white-space: normal;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-  box-shadow: var(--elevation-2);
-}
-
-.graph-tooltip.visible {
-  opacity: 1;
-}
-
-.graph-tooltip-name {
-  font-weight: 600;
-  color: var(--text-primary);
-  margin-bottom: 2px;
-}
-
-.graph-tooltip-type {
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-/* ── Table View ───────────────────────────────────────────── */
-.graph-table-container {
-  flex: 1;
-  overflow: auto;
-  background: var(--bg-base);
-}
-
-.graph-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 12px;
-}
-
-.graph-table th {
-  text-align: left;
-  font-size: 10px;
-  font-weight: 600;
-  color: var(--text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  padding: 10px 14px;
-  border-bottom: 1px solid var(--border-subtle);
-  background: var(--bg-card);
-  position: sticky;
-  top: 0;
-  z-index: 2;
-}
-
-.graph-table td {
-  padding: 8px 14px;
-  border-bottom: 1px solid var(--border-subtle);
-  color: var(--text-secondary);
-}
-
-.graph-table tr:hover td {
-  background: rgba(208, 188, 255, 0.02);
-}
-
-.graph-table tr {
-  cursor: pointer;
-  transition: background var(--transition-fast);
-}
-
-.graph-table .entity-name {
-  font-weight: 500;
-  color: var(--text-primary);
-}
-
-.graph-table .entity-type-dot {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  margin-right: 6px;
-  vertical-align: middle;
-}
-
-/* Hide old graph elements */
-.graph-panel { display: none; }
-.graph-detail-drawer { display: none; }
-.graph-detail { display: none; }
-.graph-detail-empty { display: none; }
-
-.graph-panel-tabs {
-  display: flex;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-.gp-tab {
-  flex: 1;
-  padding: 10px 0;
-  border: none;
-  background: transparent;
-  color: var(--text-muted);
-  font-family: var(--font-sans);
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.8px;
-  text-transform: uppercase;
-  cursor: pointer;
-  transition: all var(--transition-fast);
-  position: relative;
-}
-
-.gp-tab:hover {
-  color: var(--text-secondary);
-}
-
-.gp-tab.active {
-  color: var(--accent-purple);
-}
-
-.gp-tab.active::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 20%;
-  right: 20%;
-  height: 2px;
-  background: var(--accent-purple);
-  border-radius: 2px 2px 0 0;
-}
-
-.gp-content {
-  padding: 14px;
-  max-height: 400px;
-  overflow-y: auto;
-}
-
-.gp-content::-webkit-scrollbar {
-  width: 4px;
-}
-
-.gp-content::-webkit-scrollbar-thumb {
-  background: rgba(255,255,255,0.1);
-  border-radius: 2px;
-}
-
-/* Graph panel search */
-.gp-search {
-  width: 100%;
-  padding: 8px 12px;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  border-radius: var(--radius-sm);
-  color: var(--text-primary);
-  font-family: var(--font-sans);
-  font-size: 12px;
-  outline: none;
-  transition: border-color var(--transition-fast);
-}
-
-.gp-search:focus {
-  border-color: var(--accent-purple);
-}
-
-.gp-search::placeholder {
-  color: var(--text-muted);
-}
-
-/* Graph panel stats */
-.gp-stat-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6px 0;
-}
-
-.gp-stat-label {
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-
-.gp-stat-value {
-  font-size: 13px;
-  font-weight: 600;
-  font-family: var(--font-mono);
-  color: var(--text-primary);
-}
-
-/* Graph panel legend items */
-.gp-legend-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 6px 8px;
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  transition: background var(--transition-fast);
-}
-
-.gp-legend-item:hover {
-  background: rgba(255, 255, 255, 0.04);
-}
-
-.gp-legend-dot {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.gp-legend-name {
-  flex: 1;
-  font-size: 12px;
-  color: var(--text-secondary);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.gp-legend-count {
-  font-size: 10px;
-  font-family: var(--font-mono);
-  color: var(--text-muted);
-}
-
-/* Graph panel zoom controls */
-.gp-zoom-controls {
-  display: flex;
-  gap: 4px;
-  margin-top: 10px;
-  padding-top: 10px;
-  border-top: 1px solid rgba(255, 255, 255, 0.04);
-}
-
-.gp-zoom-btn {
-  flex: 1;
-  padding: 6px;
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  background: rgba(255, 255, 255, 0.03);
-  color: var(--text-secondary);
-  border-radius: var(--radius-sm);
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 600;
-  transition: all var(--transition-fast);
-}
-
-.gp-zoom-btn:hover {
-  background: rgba(208, 188, 255, 0.1);
-  border-color: rgba(208, 188, 255, 0.2);
-  color: var(--accent-purple);
-}
-
-/* Node detail drawer (bottom overlay) */
-.graph-detail-drawer {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  max-height: 45%;
-  background: rgba(14, 14, 26, 0.9);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border-top: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
-  padding: 0;
-  overflow-y: auto;
-  z-index: 15;
-  transform: translateY(100%);
-  transition: transform var(--transition-emphasized);
-}
-
-.graph-detail-drawer.open {
-  transform: translateY(0);
-}
-
-.graph-detail-drawer .graph-detail-header {
-  position: sticky;
-  top: 0;
-  background: rgba(14, 14, 26, 0.95);
-  z-index: 1;
-}
-
-.graph-detail {
-  width: 0;
-  display: none;
-}
-
-.graph-detail-header {
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  padding: 20px 24px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
-}
-
-.graph-detail-dot {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-.graph-detail-name {
-  font-size: 16px;
-  font-weight: 600;
-  color: #FFFFFF;
-}
-
-.graph-detail-type {
-  font-size: 12px;
-  color: #CAC4D0;
-  font-family: var(--font-mono);
-}
-
-.graph-detail-section {
-  padding: 16px 24px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
-}
-
-.graph-detail-section:last-child {
-  border-bottom: none;
-}
-
-.graph-detail-section h3 {
-  font-size: 11px;
-  font-weight: 600;
-  color: #CAC4D0;
-  text-transform: uppercase;
-  letter-spacing: 0.8px;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.graph-detail-count {
-  font-size: 10px;
-  font-weight: 500;
-  padding: 2px 8px;
-  border-radius: var(--radius-sm);
-  background: rgba(208, 188, 255, 0.1);
-  color: var(--accent-purple);
-}
-
-.graph-obs-item {
-  font-size: 12px;
-  color: #E6E1E5;
-  line-height: 1.6;
-  padding: 8px 12px;
-  margin-bottom: 6px;
-  border-radius: var(--radius-sm);
-  background: rgba(255, 255, 255, 0.06);
-  border-left: 2px solid var(--accent-purple);
-}
-
-.graph-rel-item {
-  font-size: 12px;
-  color: #E6E1E5;
-  padding: 6px 0;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.graph-rel-arrow {
-  color: var(--accent-purple);
-  font-weight: 600;
-}
-
-.graph-rel-type {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: #D0BCFF;
-  padding: 2px 8px;
-  background: rgba(255, 255, 255, 0.04);
-  border-radius: var(--radius-sm);
-}
-
-.graph-detail-muted {
-  font-size: 12px;
-  color: var(--text-muted);
-  font-style: italic;
-}
-
-.graph-tooltip {
-  position: absolute;
-  background: rgba(14, 14, 26, 0.92);
-  backdrop-filter: blur(12px);
-  border: 1px solid rgba(208, 188, 255, 0.15);
-  border-radius: var(--radius-md);
-  padding: 12px 16px;
-  font-size: 13px;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity var(--transition-fast);
-  z-index: 100;
-  max-width: 300px;
-  box-sizing: border-box;
-  white-space: normal;
-  overflow-wrap: anywhere;
-  word-break: break-word;
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
-}
-
-.graph-tooltip.visible {
-  opacity: 1;
-}
-
-.graph-tooltip-name {
-  font-weight: 600;
-  color: var(--accent-purple);
-  margin-bottom: 4px;
-}
-
-.graph-tooltip-type {
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-/* Hide text for graph-detail-empty since we use drawer now */
-.graph-detail-empty {
-  display: none;
-}
-
 /* ============================================================
  * Observations Page
  * ============================================================ */
@@ -2560,6 +2068,31 @@ body {
   .maintenance-dialog-body {
     padding: 14px;
   }
+
+  .team-header {
+    align-items: stretch;
+    flex-direction: column;
+    gap: 14px;
+  }
+
+  .team-header-left,
+  .team-header-left > div:last-child {
+    min-width: 0;
+  }
+
+  .team-header-right {
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    gap: 8px;
+  }
+
+  .team-header-right > div {
+    margin-right: 0 !important;
+  }
+
+  .team-refresh-time {
+    margin-left: auto;
+  }
 }
 
 /* Low quality indicator */

package/src/hooks/installers/index.ts

@@ -652,6 +652,12 @@ export function getProjectConfigPath(agent: AgentName, projectRoot: string): str
       return path.join(projectRoot, '.agents', 'hooks.json');
     case 'gemini-cli':
       return path.join(projectRoot, '.gemini', 'settings.json');
+    case 'workbuddy':
+      // WorkBuddy has no hook system at all — only MCP config and project
+      // AGENTS.md guidance. Return an empty path so install, detection and
+      // uninstall all treat hooks as a no-op instead of falling through to the
+      // `.memorix/hooks.json` default (which would report a path that never exists).
+      return '';
     default:
       return path.join(projectRoot, '.memorix', 'hooks.json');
   }
@@ -697,6 +703,9 @@ export function getGlobalConfigPath(agent: AgentName): string {
     case 'dsh':
       // DSH reads the user-global AGENTS.md from its harness home.
       return path.join(process.env.DSH_HOME?.trim() || path.join(home, '.dsh'), 'AGENTS.md');
+    case 'workbuddy':
+      // WorkBuddy has no user-global instructions file — guidance is project-only.
+      return '';
     default:
       return path.join(home, '.memorix', 'hooks.json');
   }
@@ -725,6 +734,9 @@ export function getAgentRulesPath(agent: AgentName, root: string, global = false
       case 'dsh':
         // The user-global AGENTS.md lives in the harness home DSH reads.
         return path.join(process.env.DSH_HOME?.trim() || path.join(root, '.dsh'), 'AGENTS.md');
+      case 'workbuddy':
+        // WorkBuddy has no user-global instructions file — guidance is project-only.
+        return '';
       default:
         return path.join(root, '.agent', 'rules', 'memorix.md');
     }
@@ -752,6 +764,8 @@ export function getAgentRulesPath(agent: AgentName, root: string, global = false
       return path.join(root, '.trae', 'rules', 'project_rules.md');
     case 'dsh':
       return path.join(root, 'AGENTS.md');
+    case 'workbuddy':
+      return path.join(root, 'AGENTS.md');
     default:
       return path.join(root, '.agent', 'rules', 'memorix.md');
   }
@@ -867,6 +881,12 @@ export async function detectInstalledAgents(): Promise<AgentName[]> {
     agents.push('dsh');
   } catch { /* not installed */ }
 
+  // Check for WorkBuddy (its user-level home dir ~/.workbuddy)
+  try {
+    await fs.access(path.join(home, '.workbuddy'));
+    agents.push('workbuddy');
+  } catch { /* not installed */ }
+
   return agents;
 }
 
@@ -889,6 +909,19 @@ export async function installHooks(
     };
   }
 
+  // WorkBuddy has no hook system and no user-global guidance file. Report an
+  // explicit no-op instead of a project path that is never written.
+  if (agent === 'workbuddy' && global) {
+    return {
+      agent,
+      configPath: '',
+      events: [],
+      generated: {
+        note: 'WorkBuddy has no hook system and no user-global guidance file — MCP only; no global guidance/hooks. Run `memorix setup --agent workbuddy` (without --global) to install project MCP config and AGENTS.md guidance.',
+      },
+    };
+  }
+
   // Guard: reject global install for agents that don't support it
   if (global && getGlobalConfigPath(agent) === '') {
     return {
@@ -988,6 +1021,20 @@ export async function installHooks(
           },
         };
       }
+    case 'workbuddy':
+      // WorkBuddy has no hook system — install AGENTS.md guidance only;
+      // the MCP row is installed by `memorix setup --agent workbuddy`.
+      {
+        const rulesPath = await installAgentRules(agent, projectRoot, global);
+        return {
+          agent,
+          configPath: rulesPath,
+          events: [],
+          generated: {
+            note: 'WorkBuddy has no hook system — installed AGENTS.md guidance only; the MCP row is installed by `memorix setup --agent workbuddy`.',
+          },
+        };
+      }
     case 'opencode': {
       // OpenCode uses JS plugin files for hooks
       const pluginContent = generateOpenCodePlugin();
@@ -1161,6 +1208,8 @@ export async function installHooks(
  * Rules instruct the agent to proactively use memorix for context continuity.
  */
 async function installAgentRules(agent: AgentName, projectRoot: string, global = false): Promise<string> {
+  // WorkBuddy has no user-global instructions file — guidance is project-only.
+  if (agent === 'workbuddy' && global) return '';
   const rulesContent = getAgentRulesContent(agent, global ? 'global' : 'project');
   const rulesRoot = global ? os.homedir() : projectRoot;
   const rulesPath = getAgentRulesPath(agent, rulesRoot, global);
@@ -1331,6 +1380,9 @@ function getAgentRulesContent(agent?: AgentName, scope: 'project' | 'global' = '
     '| \x60memorix_store_reasoning\x60 | Save the "why" behind a decision |',
     '| \x60memorix_resolve\x60 | Mark completed/outdated memories |',
     '| \x60memorix_session_start\x60 | Load session context (handoff, orchestration coordination) |',
+    '| \x60memorix_evidence\x60 | Check a memory source, freshness, and verification state |',
+    '| \x60memorix_feedback\x60 | Record whether a memory helped, conflicted, or was corrected |',
+    '| \x60memorix_media\x60 | Inspect or import controlled local media |',
   ].join('\n');
 }
 
@@ -1352,6 +1404,12 @@ export async function uninstallHooks(
     return false;
   }
 
+  // WorkBuddy has no hook file at either scope — removing hooks is a no-op.
+  // It must not touch the generic `.memorix/hooks.json` default path.
+  if (agent === 'workbuddy') {
+    return false;
+  }
+
   // Guard: reject global uninstall for agents that don't support it
   if (global && getGlobalConfigPath(agent) === '') {
     return false;