kyp-mem 0.6.0 → 0.6.1

package/kyp_mem/cli.py

@@ -133,8 +133,24 @@ def _run_init():
     print(f"  {G}✓{R} Vault:  {vault_path}")
     print(f"  {G}✓{R} Config: {CONFIG_FILE}")
     print()
-    print(f"  {Y}Next step:{R} Connect to Claude Code:")
-    print(f"    {Y}kyp-mem setup-claude{R}")
+
+    claude_settings = Path.home() / ".claude" / "settings.json"
+    already_setup = False
+    if claude_settings.exists():
+        try:
+            cs = json.loads(claude_settings.read_text())
+            has_mcp = "kyp-mem" in cs.get("mcpServers", {})
+            has_hooks = any("kyp-mem" in str(h) for h in cs.get("hooks", {}).get("Stop", []))
+            already_setup = has_mcp and has_hooks
+        except (json.JSONDecodeError, KeyError):
+            pass
+
+    if already_setup:
+        print(f"  {G}✓{R} Claude Code already configured (MCP server + hooks)")
+        print(f"  {D}  Restart Claude Code if you changed the vault path.{R}")
+    else:
+        print(f"  {Y}Next step:{R} Connect to Claude Code:")
+        print(f"    {Y}kyp-mem setup-claude --global && kyp-mem install-hooks --global{R}")
     print()
 
 

package/kyp_mem/hooks.py

@@ -9,7 +9,7 @@ from pathlib import Path
 SESSION_DIR = Path.home() / ".kyp-mem" / "sessions"
 CURRENT_SESSION = SESSION_DIR / "current.jsonl"
 
-MIN_ACTIONS = 3
+MIN_ACTIONS = 5
 CHARS_PER_TOKEN = 4
 
 COMMAND_OUTPUT_ESTIMATES = {
@@ -405,17 +405,19 @@ def _build_next_steps(files_edited, files_created, commands_classified):
 
 
 def _summarize_with_claude(raw_note, project_name):
-    """Use Claude to rewrite session sections in plain, human-readable language."""
+    """Use Claude CLI to rewrite session sections — uses existing Claude Code auth."""
     try:
-        from .config import get_session_model
-        import anthropic
+        import shutil
+        claude_bin = shutil.which("claude")
+        if not claude_bin:
+            return None
 
+        from .config import get_session_model
         model = get_session_model()
-        client = anthropic.Anthropic()
 
         prompt = f"""Rewrite this raw coding session into a structured summary. A future AI agent reads this to pick up where you left off — be precise and technical.
 
-You have: user prompts (the objectives), a timeline of file edits/reads/commands, and raw section data. Synthesize into a dense, specific narrative.
+You have: user prompts (the objectives), a timeline of file edits/reads/commands with their actual content and output. Synthesize into a dense, specific narrative.
 
 ## Format rules
 
@@ -452,12 +454,13 @@ Return ONLY this format (no preamble):
 Raw session data:
 {raw_note}"""
 
-        response = client.messages.create(
-            model=model,
-            max_tokens=1024,
-            messages=[{"role": "user", "content": prompt}],
+        result = subprocess.run(
+            [claude_bin, "-p", prompt, "--max-turns", "1", "--model", model],
+            capture_output=True, text=True, timeout=120,
         )
-        return response.content[0].text.strip()
+        if result.returncode == 0 and result.stdout.strip():
+            return result.stdout.strip()
+        return None
     except Exception:
         return None
 

package/kyp_mem/static/index.html

@@ -475,8 +475,9 @@ body.resizing #resize-handle { pointer-events: auto !important; }
 .graph-header {
   display: flex; align-items: center; justify-content: space-between;
   padding: 10px 14px; border-bottom: 1px solid var(--line);
-  background: var(--bg-2); gap: 12px;
+  background: var(--bg-2); gap: 12px; position: relative; z-index: 10;
 }
+.graph-header .ghost-btn { cursor: pointer; }
 .graph-header-left { display: flex; align-items: center; gap: 10px; font-size: var(--fz-sm); white-space: nowrap; }
 .graph-header-right { display: flex; gap: 6px; flex-shrink: 0; }
 .tool-chip {
@@ -1428,6 +1429,8 @@ function renderSessionView(note) {
 }
 
 // ─── Graph View ──────────────────────────────────────────────────────────────
+let _graphMode = 'projects';
+
 function renderGraphView() {
   const area = $('content-area');
   area.innerHTML = `
@@ -1436,24 +1439,19 @@ function renderGraphView() {
         <div class="graph-header">
           <div class="graph-header-left">
             <span class="acc">▦</span>
-            <span style="font-weight:500">vault graph</span>
+            <button class="tool-chip graph-mode active" data-mode="projects">projects</button>
+            <button class="tool-chip graph-mode" data-mode="sessions">sessions</button>
             <span class="dim tab-nums" id="graph-stats"></span>
           </div>
           <div class="graph-header-right">
-            <button class="tool-chip active">force</button>
-            <button class="tool-chip">radial</button>
-            <button class="tool-chip">time</button>
+            <button class="tool-chip graph-layout active" data-layout="force">force</button>
+            <button class="tool-chip graph-layout" data-layout="radial">radial</button>
+            <button class="tool-chip graph-layout" data-layout="time">time</button>
             <button class="ghost-btn" id="graph-close">✕</button>
           </div>
         </div>
         <div class="graph-svg-wrap" id="graph-svg-wrap"></div>
-        <div class="graph-legend">
-          <div class="graph-legend-title">legend</div>
-          <div class="graph-legend-item"><i style="width:8px;height:8px;border-radius:999px;background:var(--accent)"></i>notes</div>
-          <div class="graph-legend-item"><i style="width:8px;height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--muted)"></i>sessions</div>
-          <div class="graph-legend-item"><i style="width:12px;height:1px;background:var(--line-2)"></i>link</div>
-          <div class="graph-legend-item"><i style="width:12px;height:0;border-top:1px dashed var(--line-2)"></i>session ref</div>
-        </div>
+        <div class="graph-legend" id="graph-legend"></div>
       </section>
       <aside class="graph-rail" id="graph-rail">
         <div class="rail-card">
@@ -1470,36 +1468,88 @@ function renderGraphView() {
     </div>
   `;
 
-  $('graph-close').addEventListener('click', () => setView('note'));
+  updateGraphLegend();
+
+  const closeBtn = $('graph-close');
+  if (closeBtn) {
+    closeBtn.addEventListener('click', (e) => {
+      e.stopPropagation();
+      setView('note');
+      if (currentPath) loadNote(currentPath);
+      else $('content-area').innerHTML = '<div style="padding:40px;color:var(--muted)">Select a note from the sidebar</div>';
+    });
+  }
 
-  // Layout toggle buttons
-  const chips = document.querySelectorAll('.graph-header-right .tool-chip');
-  chips.forEach(chip => {
+  // Mode toggle (projects / sessions)
+  document.querySelectorAll('.graph-mode').forEach(btn => {
+    btn.addEventListener('click', () => {
+      document.querySelectorAll('.graph-mode').forEach(b => b.classList.remove('active'));
+      btn.classList.add('active');
+      _graphMode = btn.dataset.mode;
+      _graphData = null;
+      updateGraphLegend();
+      const activeLayout = document.querySelector('.graph-layout.active');
+      buildFullGraph(activeLayout ? activeLayout.dataset.layout : 'force');
+    });
+  });
+
+  // Layout toggle (force / radial / time)
+  document.querySelectorAll('.graph-layout').forEach(chip => {
     chip.addEventListener('click', () => {
-      chips.forEach(c => c.classList.remove('active'));
+      document.querySelectorAll('.graph-layout').forEach(c => c.classList.remove('active'));
       chip.classList.add('active');
-      buildFullGraph(chip.textContent.trim());
+      buildFullGraph(chip.dataset.layout);
     });
   });
 
   buildFullGraph('force');
 }
 
+function updateGraphLegend() {
+  const legend = $('graph-legend');
+  if (!legend) return;
+  if (_graphMode === 'sessions') {
+    legend.innerHTML = `
+      <div class="graph-legend-title">sessions</div>
+      <div class="graph-legend-item"><i style="width:8px;height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--muted)"></i>session</div>
+      <div class="graph-legend-item"><i style="width:12px;height:0;border-top:1px dashed var(--line-2)"></i>temporal link</div>
+    `;
+  } else {
+    legend.innerHTML = `
+      <div class="graph-legend-title">projects</div>
+      <div class="graph-legend-item"><i style="width:8px;height:8px;border-radius:999px;background:var(--accent)"></i>notes</div>
+      <div class="graph-legend-item"><i style="width:12px;height:1px;background:var(--line-2)"></i>wikilink</div>
+    `;
+  }
+}
+
 async function buildFullGraph(layout) {
   const wrap = $('graph-svg-wrap');
   if (!wrap) return;
   wrap.innerHTML = '';
 
   if (!_graphData) {
-    _graphData = await fetchJSON('/api/graph');
+    _graphData = await fetchJSON(`/api/graph?kind=${_graphMode}`);
+  }
+
+  let nodes = _graphData.nodes.map(n => ({ ...n }));
+  let links = _graphData.edges.map(e => ({ ...e }));
+
+  // For sessions mode, create temporal links between consecutive sessions
+  if (_graphMode === 'sessions' && links.length === 0 && nodes.length > 1) {
+    const sorted = [...nodes].sort((a, b) => a.id.localeCompare(b.id));
+    for (let i = 1; i < sorted.length; i++) {
+      links.push({ source: sorted[i - 1].id, target: sorted[i].id });
+    }
   }
 
-  const nodes = _graphData.nodes.map(n => ({ ...n }));
-  const links = _graphData.edges.map(e => ({ ...e }));
   const nodeMap = new Map(nodes.map(n => [n.id, n]));
 
   $('graph-stats').textContent = `${nodes.length}n · ${links.length}e`;
-  if (nodes.length === 0) return;
+  if (nodes.length === 0) {
+    wrap.innerHTML = '<div style="display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:var(--fz-sm)">No nodes to display</div>';
+    return;
+  }
 
   const rect = wrap.getBoundingClientRect();
   const W = rect.width || 800;
@@ -1568,36 +1618,44 @@ async function buildFullGraph(layout) {
     const s = typeof l.source === 'object' ? l.source : nodeMap.get(l.source);
     const t = typeof l.target === 'object' ? l.target : nodeMap.get(l.target);
     if (!s || !t) return;
-    const isSession = s.kind === 'session' || t.kind === 'session';
+    const isTemporal = _graphMode === 'sessions';
     edgeGroup.append('line')
       .attr('x1', s.x).attr('y1', s.y).attr('x2', t.x).attr('y2', t.y)
-      .attr('stroke', 'var(--line-2)').attr('stroke-width', 1.2)
-      .attr('stroke-opacity', isSession ? 0.35 : 0.6)
-      .attr('stroke-dasharray', isSession ? '4 3' : '')
+      .attr('stroke', 'var(--line-2)').attr('stroke-width', isTemporal ? 1 : 1.2)
+      .attr('stroke-opacity', isTemporal ? 0.3 : 0.6)
+      .attr('stroke-dasharray', isTemporal ? '4 3' : '')
       .attr('stroke-linecap', 'round');
   });
 
   // Draw nodes
   const nodeGroup = g.append('g');
   nodes.forEach(n => {
-    const r = n.kind === 'session' ? 6 : 10;
+    const isPrimary = _graphMode === 'sessions' ? n.kind === 'session' : n.kind === 'note';
+    const r = isPrimary ? 10 : 6;
     const ng = nodeGroup.append('g').style('cursor', 'pointer');
 
-    if (n.kind === 'session') {
-      ng.append('circle').attr('cx', n.x).attr('cy', n.y).attr('r', r)
-        .attr('fill', 'var(--bg-2)').attr('stroke', 'var(--muted)').attr('stroke-width', 1.2);
-    } else {
+    if (isPrimary) {
       ng.append('circle').attr('cx', n.x).attr('cy', n.y).attr('r', r + 4)
         .attr('fill', 'var(--accent)').attr('fill-opacity', 0.12);
       ng.append('circle').attr('cx', n.x).attr('cy', n.y).attr('r', r)
         .attr('fill', 'var(--panel-2)').attr('stroke', 'var(--accent)').attr('stroke-width', 1.5);
+    } else {
+      ng.append('circle').attr('cx', n.x).attr('cy', n.y).attr('r', r)
+        .attr('fill', 'var(--bg-2)').attr('stroke', 'var(--muted)').attr('stroke-width', 1.2);
+    }
+
+    let label = n.title;
+    if (_graphMode === 'sessions' && n.kind === 'session') {
+      const m = n.id.match(/(\d{4}-\d{2}-\d{2})_(\d{2})(\d{2})/);
+      label = m ? `${m[1]} ${m[2]}:${m[3]}` : n.title;
     }
+    if (label.length > 22) label = label.substring(0, 20) + '…';
 
     ng.append('text').attr('x', n.x).attr('y', n.y + r + 14)
       .attr('text-anchor', 'middle').attr('font-size', 11)
-      .attr('fill', n.kind === 'session' ? 'var(--dim)' : 'var(--muted)').attr('opacity', 0.9)
+      .attr('fill', isPrimary ? 'var(--muted)' : 'var(--dim)').attr('opacity', 0.9)
       .style('font-family', 'JetBrains Mono, monospace')
-      .text(n.title.length > 20 ? n.title.substring(0, 18) + '…' : n.title);
+      .text(label);
 
     ng.on('click', () => {
       updateGraphRail(n, links, nodes);

package/kyp_mem/ui.py

@@ -30,13 +30,17 @@ def create_app(vault_path: str = None) -> FastAPI:
         return JSONResponse(vault.get_stats())
 
     @app.get("/api/graph")
-    def graph():
+    def graph(kind: str = "all"):
         nodes = []
         edges = []
         seen_edges = set()
         for path, note in vault.index.notes.items():
-            kind = "session" if "/Sessions/" in path else "note"
-            nodes.append({"id": path, "title": note.title, "kind": kind, "tags": note.tags})
+            node_kind = "session" if "/Sessions/" in path else "note"
+            if kind == "projects" and node_kind == "session":
+                continue
+            if kind == "sessions" and node_kind == "note":
+                continue
+            nodes.append({"id": path, "title": note.title, "kind": node_kind, "tags": note.tags})
             for link in (note.links or []):
                 target = None
                 link_lower = link.lower()
@@ -46,6 +50,11 @@ def create_app(vault_path: str = None) -> FastAPI:
                         target = p
                         break
                 if target and target != path:
+                    target_kind = "session" if "/Sessions/" in target else "note"
+                    if kind == "projects" and target_kind == "session":
+                        continue
+                    if kind == "sessions" and target_kind == "note":
+                        continue
                     key = tuple(sorted([path, target]))
                     if key not in seen_edges:
                         seen_edges.add(key)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kyp-mem",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "Know Your Project — Persistent & Session level knowledge base for AI agents. MCP-powered with wikilinks, backlinks, auto-learning, and neon web UI.",
   "bin": {
     "kyp-mem": "bin/cli.mjs"