@hienlh/ppm 0.8.92 → 0.8.94

package/src/web/components/settings/change-password-section.tsx

@@ -1,128 +0,0 @@
-import { useState, useCallback } from "react";
-import { KeyRound, Check, Eye, EyeOff } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { api } from "@/lib/api-client";
-import { setAuthToken } from "@/lib/api-client";
-
-export function ChangePasswordSection() {
-  const [open, setOpen] = useState(false);
-  const [password, setPassword] = useState("");
-  const [confirm, setConfirm] = useState("");
-  const [showPw, setShowPw] = useState(false);
-  const [saving, setSaving] = useState(false);
-  const [saved, setSaved] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const mismatch = confirm.length > 0 && password !== confirm;
-  const canSubmit = password.trim().length >= 4 && password === confirm && !saving;
-
-  const handleSubmit = useCallback(async () => {
-    if (!canSubmit) return;
-    setSaving(true);
-    setError(null);
-    try {
-      const { token } = await api.put<{ token: string }>("/api/settings/auth/password", {
-        password: password.trim(),
-        confirm: confirm.trim(),
-      });
-      // Update localStorage so current session stays authenticated
-      setAuthToken(token);
-      setSaved(true);
-      setPassword("");
-      setConfirm("");
-      setTimeout(() => {
-        setSaved(false);
-        setOpen(false);
-      }, 1500);
-    } catch (e) {
-      setError(e instanceof Error ? e.message : "Failed to change password");
-    } finally {
-      setSaving(false);
-    }
-  }, [canSubmit, password, confirm]);
-
-  if (!open) {
-    return (
-      <section className="space-y-2">
-        <h3 className="text-xs font-medium text-muted-foreground">Security</h3>
-        <Button
-          variant="outline"
-          size="sm"
-          className="h-8 text-xs gap-1.5 cursor-pointer"
-          onClick={() => setOpen(true)}
-        >
-          <KeyRound className="size-3.5" />
-          Change Password
-        </Button>
-      </section>
-    );
-  }
-
-  return (
-    <section className="space-y-2">
-      <h3 className="text-xs font-medium text-muted-foreground">Change Password</h3>
-      <div className="space-y-2">
-        <div className="relative">
-          <Input
-            type={showPw ? "text" : "password"}
-            placeholder="New password"
-            value={password}
-            onChange={(e) => setPassword(e.target.value)}
-            className="h-8 text-xs pr-8"
-            autoFocus
-          />
-          <button
-            type="button"
-            className="absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground cursor-pointer"
-            onClick={() => setShowPw(!showPw)}
-            tabIndex={-1}
-          >
-            {showPw ? <EyeOff className="size-3.5" /> : <Eye className="size-3.5" />}
-          </button>
-        </div>
-        <Input
-          type={showPw ? "text" : "password"}
-          placeholder="Confirm password"
-          value={confirm}
-          onChange={(e) => setConfirm(e.target.value)}
-          onKeyDown={(e) => { if (e.key === "Enter") handleSubmit(); }}
-          className="h-8 text-xs"
-        />
-        {mismatch && (
-          <p className="text-[11px] text-destructive">Passwords do not match</p>
-        )}
-        {error && (
-          <p className="text-[11px] text-destructive">{error}</p>
-        )}
-        <div className="flex gap-1.5">
-          <Button
-            variant="outline"
-            size="sm"
-            className="h-8 text-xs flex-1 cursor-pointer"
-            onClick={() => {
-              setOpen(false);
-              setPassword("");
-              setConfirm("");
-              setError(null);
-            }}
-          >
-            Cancel
-          </Button>
-          <Button
-            variant={saved ? "default" : "outline"}
-            size="sm"
-            className="h-8 text-xs flex-1 cursor-pointer"
-            disabled={!canSubmit}
-            onClick={handleSubmit}
-          >
-            {saving ? "..." : saved ? <Check className="size-3.5" /> : "Save"}
-          </Button>
-        </div>
-        <p className="text-[11px] text-muted-foreground">
-          Min 4 characters. You'll stay logged in on this device.
-        </p>
-      </div>
-    </section>
-  );
-}

package/test-session-ops.mjs

@@ -1,444 +0,0 @@
-/**
- * Test script: Advanced Session Operations
- * Tests: listSessions, getSessionMessages, forkSession (mid-message), deleteSession, resumeSessionAt
- *
- * Usage: bun test-session-ops.mjs [test-name]
- * Tests: list | messages | fork-mid | delete | resume-at | compact-summary | all
- */
-import {
-  query,
-  listSessions,
-  getSessionMessages,
-  getSessionInfo,
-  forkSession,
-  renameSession,
-  tagSession,
-} from "@anthropic-ai/claude-agent-sdk";
-import { existsSync, unlinkSync, readdirSync } from "node:fs";
-import { homedir } from "node:os";
-import { resolve } from "node:path";
-
-// Remove CLAUDECODE to avoid nested session error
-delete process.env.CLAUDECODE;
-
-const PROJECT_DIR = "/Users/hienlh/Projects/ppm";
-const CLAUDE_PROJECTS_DIR = resolve(homedir(), ".claude/projects");
-const testName = process.argv[2] || "all";
-
-// Helpers
-function log(label, data) {
-  console.log(`\n${"=".repeat(60)}`);
-  console.log(`[${label}]`);
-  console.log("=".repeat(60));
-  if (data !== undefined) console.log(typeof data === "string" ? data : JSON.stringify(data, null, 2));
-}
-
-function logOk(msg) { console.log(`  ✅ ${msg}`); }
-function logFail(msg) { console.log(`  ❌ ${msg}`); }
-function logInfo(msg) { console.log(`  ℹ️  ${msg}`); }
-
-// ─── Test 1: List Sessions ──────────────────────────────────────────────────
-async function testListSessions() {
-  log("TEST: listSessions");
-
-  // List all sessions for PPM project
-  const sessions = await listSessions({ dir: PROJECT_DIR, limit: 10 });
-  logInfo(`Found ${sessions.length} sessions for PPM project`);
-
-  for (const s of sessions.slice(0, 5)) {
-    console.log(`  - ${s.sessionId.slice(0, 8)}... | "${s.summary?.slice(0, 50)}" | modified=${new Date(s.lastModified).toISOString().slice(0, 16)} | tag=${s.tag ?? "none"}`);
-  }
-
-  if (sessions.length > 0) logOk("listSessions works");
-  else logFail("No sessions found");
-
-  return sessions;
-}
-
-// ─── Test 2: Get Session Messages ───────────────────────────────────────────
-async function testGetMessages(sessionId) {
-  log("TEST: getSessionMessages");
-
-  if (!sessionId) {
-    const sessions = await listSessions({ dir: PROJECT_DIR, limit: 5 });
-    sessionId = sessions[0]?.sessionId;
-    if (!sessionId) { logFail("No session to test"); return; }
-  }
-
-  logInfo(`Reading messages from session ${sessionId.slice(0, 8)}...`);
-
-  // Test with no limit
-  const allMsgs = await getSessionMessages(sessionId, { dir: PROJECT_DIR });
-  logInfo(`Total messages: ${allMsgs.length}`);
-
-  // Show first few messages with UUIDs (needed for fork-mid test)
-  for (const [i, msg] of allMsgs.slice(0, 6).entries()) {
-    const preview = typeof msg.message === "object"
-      ? JSON.stringify(msg.message).slice(0, 80)
-      : String(msg.message).slice(0, 80);
-    console.log(`  [${i}] type=${msg.type} uuid=${msg.uuid.slice(0, 8)}... | ${preview}`);
-  }
-
-  // Test with limit/offset
-  const page1 = await getSessionMessages(sessionId, { dir: PROJECT_DIR, limit: 2 });
-  const page2 = await getSessionMessages(sessionId, { dir: PROJECT_DIR, limit: 2, offset: 2 });
-  logInfo(`Pagination: page1=${page1.length} msgs, page2=${page2.length} msgs`);
-
-  if (allMsgs.length > 0) logOk(`getSessionMessages works (${allMsgs.length} messages)`);
-  else logFail("No messages found");
-
-  return allMsgs;
-}
-
-// ─── Test 3: Fork at Mid-Message ────────────────────────────────────────────
-async function testForkMid() {
-  log("TEST: forkSession with upToMessageId");
-
-  // Find a session with multiple messages
-  const sessions = await listSessions({ dir: PROJECT_DIR, limit: 20 });
-  let sourceSession = null;
-  let sourceMessages = [];
-
-  for (const s of sessions) {
-    const msgs = await getSessionMessages(s.sessionId, { dir: PROJECT_DIR });
-    if (msgs.length >= 4) {
-      sourceSession = s;
-      sourceMessages = msgs;
-      break;
-    }
-  }
-
-  if (!sourceSession) {
-    logFail("No session with 4+ messages found");
-    return;
-  }
-
-  logInfo(`Source: ${sourceSession.sessionId.slice(0, 8)}... (${sourceMessages.length} messages)`);
-
-  // Fork at the 2nd message (mid-conversation)
-  const forkAtMsg = sourceMessages[1]; // 2nd message
-  logInfo(`Forking at message[1]: uuid=${forkAtMsg.uuid.slice(0, 8)}... type=${forkAtMsg.type}`);
-
-  try {
-    const result = await forkSession(sourceSession.sessionId, {
-      dir: PROJECT_DIR,
-      upToMessageId: forkAtMsg.uuid,
-      title: `[TEST] Fork at msg[1] - ${new Date().toISOString().slice(11, 19)}`,
-    });
-
-    logOk(`Fork created! New sessionId: ${result.sessionId}`);
-
-    // Verify forked session has fewer messages
-    const forkedMsgs = await getSessionMessages(result.sessionId, { dir: PROJECT_DIR });
-    logInfo(`Forked session has ${forkedMsgs.length} messages (source had ${sourceMessages.length})`);
-
-    if (forkedMsgs.length <= sourceMessages.length) {
-      logOk(`Mid-fork works: ${forkedMsgs.length} ≤ ${sourceMessages.length} messages`);
-    } else {
-      logFail(`Fork has more messages than source?!`);
-    }
-
-    // Get info about forked session
-    const info = await getSessionInfo(result.sessionId, { dir: PROJECT_DIR });
-    logInfo(`Fork info: title="${info?.summary}" created=${info?.createdAt ? new Date(info.createdAt).toISOString().slice(0, 16) : "?"}`);
-
-    return result.sessionId;
-  } catch (e) {
-    logFail(`forkSession failed: ${e.message}`);
-    console.error(e);
-  }
-}
-
-// ─── Test 4: Delete Session (JSONL) ─────────────────────────────────────────
-async function testDelete(sessionIdToDelete) {
-  log("TEST: deleteSession (JSONL unlink)");
-
-  // If no specific session, create a disposable one first via forkSession
-  if (!sessionIdToDelete) {
-    logInfo("Creating disposable session via fork for delete test...");
-    const sessions = await listSessions({ dir: PROJECT_DIR, limit: 5 });
-    if (sessions.length === 0) { logFail("No sessions to fork from"); return; }
-
-    const result = await forkSession(sessions[0].sessionId, {
-      dir: PROJECT_DIR,
-      title: "[TEST] Disposable for delete test",
-    });
-    sessionIdToDelete = result.sessionId;
-    logInfo(`Created disposable: ${sessionIdToDelete}`);
-  }
-
-  // Find the JSONL file on disk
-  const projectDirs = readdirSync(CLAUDE_PROJECTS_DIR);
-  let jsonlPath = null;
-
-  for (const dir of projectDirs) {
-    const candidate = resolve(CLAUDE_PROJECTS_DIR, dir, `${sessionIdToDelete}.jsonl`);
-    if (existsSync(candidate)) {
-      jsonlPath = candidate;
-      break;
-    }
-  }
-
-  if (!jsonlPath) {
-    logFail(`JSONL file not found for session ${sessionIdToDelete}`);
-    return;
-  }
-
-  logInfo(`Found JSONL: ${jsonlPath}`);
-
-  // Delete the file
-  unlinkSync(jsonlPath);
-  logInfo("JSONL deleted");
-
-  // Verify it's gone from listSessions
-  const afterSessions = await listSessions({ dir: PROJECT_DIR, limit: 100 });
-  const stillExists = afterSessions.some(s => s.sessionId === sessionIdToDelete);
-
-  if (!stillExists) {
-    logOk("Session deleted successfully — no longer in listSessions");
-  } else {
-    logFail("Session still appears in listSessions after JSONL deletion!");
-  }
-}
-
-// ─── Test 5: resumeSessionAt ────────────────────────────────────────────────
-async function testResumeAt() {
-  log("TEST: resumeSessionAt (resume from specific message)");
-
-  // Find a session with enough messages
-  const sessions = await listSessions({ dir: PROJECT_DIR, limit: 20 });
-  let sourceSession = null;
-  let sourceMessages = [];
-
-  for (const s of sessions) {
-    const msgs = await getSessionMessages(s.sessionId, { dir: PROJECT_DIR });
-    if (msgs.length >= 4) {
-      sourceSession = s;
-      sourceMessages = msgs;
-      break;
-    }
-  }
-
-  if (!sourceSession) {
-    logFail("No session with 4+ messages for resumeAt test");
-    return;
-  }
-
-  // Pick middle message to resume from
-  const midIdx = Math.floor(sourceMessages.length / 2);
-  const resumeAtMsg = sourceMessages[midIdx];
-  logInfo(`Source: ${sourceSession.sessionId.slice(0, 8)}... (${sourceMessages.length} msgs)`);
-  logInfo(`Resuming at message[${midIdx}]: uuid=${resumeAtMsg.uuid.slice(0, 8)}... type=${resumeAtMsg.type}`);
-
-  try {
-    // Use query() with resume + resumeSessionAt + forkSession to test
-    const q = query({
-      prompt: "Just say 'RESUME_AT_TEST_OK' and nothing else.",
-      options: {
-        resume: sourceSession.sessionId,
-        resumeSessionAt: resumeAtMsg.uuid,
-        forkSession: true,
-        cwd: PROJECT_DIR,
-        maxTurns: 1,
-        allowedTools: [],
-        permissionMode: "bypassPermissions",
-        systemPrompt: { type: "custom", value: "You are a test assistant. Reply exactly as instructed." },
-      },
-    });
-
-    let resultSessionId = null;
-    let gotText = false;
-
-    for await (const msg of q) {
-      if (msg.type === "assistant") {
-        const textBlocks = (msg.message?.content || []).filter(b => b.type === "text");
-        if (textBlocks.length > 0) {
-          logInfo(`Assistant replied: "${textBlocks.map(b => b.text).join("").slice(0, 100)}"`);
-          gotText = true;
-        }
-      }
-      if (msg.type === "result") {
-        resultSessionId = msg.session_id;
-        logInfo(`Result: subtype=${msg.subtype} session=${resultSessionId?.slice(0, 8)}... cost=$${msg.total_cost_usd?.toFixed(4)}`);
-      }
-    }
-
-    if (gotText && resultSessionId) {
-      logOk(`resumeSessionAt works! Forked session: ${resultSessionId}`);
-
-      // Check the forked session has truncated history
-      const forkedMsgs = await getSessionMessages(resultSessionId, { dir: PROJECT_DIR });
-      logInfo(`Forked session messages: ${forkedMsgs.length} (original: ${sourceMessages.length})`);
-
-      // Cleanup: delete test session
-      return resultSessionId;
-    } else {
-      logFail("resumeSessionAt did not produce expected output");
-    }
-  } catch (e) {
-    logFail(`resumeSessionAt failed: ${e.message}`);
-    console.error(e);
-  }
-}
-
-// ─── Test 6: Compact/Summary for Merge ──────────────────────────────────────
-async function testCompactSummary() {
-  log("TEST: Generate summary for merge (using query + compact approach)");
-
-  // Find a session with enough content
-  const sessions = await listSessions({ dir: PROJECT_DIR, limit: 20 });
-  let sourceSession = null;
-  let sourceMessages = [];
-
-  for (const s of sessions) {
-    const msgs = await getSessionMessages(s.sessionId, { dir: PROJECT_DIR });
-    if (msgs.length >= 6) {
-      sourceSession = s;
-      sourceMessages = msgs;
-      break;
-    }
-  }
-
-  if (!sourceSession) {
-    logFail("No session with 6+ messages for compact test");
-    return;
-  }
-
-  logInfo(`Source: ${sourceSession.sessionId.slice(0, 8)}... (${sourceMessages.length} msgs)`);
-
-  // Extract conversation text for summary
-  const conversationText = sourceMessages.slice(0, 10).map((msg, i) => {
-    const content = msg.message?.content;
-    let text = "";
-    if (typeof content === "string") {
-      text = content;
-    } else if (Array.isArray(content)) {
-      text = content
-        .filter(b => b.type === "text")
-        .map(b => b.text)
-        .join("\n")
-        .slice(0, 500);
-    }
-    return `[${msg.type}] ${text.slice(0, 300)}`;
-  }).join("\n---\n");
-
-  logInfo(`Conversation excerpt (${conversationText.length} chars):\n${conversationText.slice(0, 500)}...`);
-
-  // Use a cheap query to generate summary
-  logInfo("Generating summary via Claude (short query)...");
-  try {
-    const summaryPrompt = `Summarize this conversation in 3-5 bullet points. Focus on: what was discussed, what decisions were made, what files were modified.
-
-CONVERSATION:
-${conversationText.slice(0, 3000)}
-
-Reply with ONLY the bullet points, no preamble.`;
-
-    const q = query({
-      prompt: summaryPrompt,
-      options: {
-        cwd: PROJECT_DIR,
-        maxTurns: 1,
-        allowedTools: [],
-        permissionMode: "bypassPermissions",
-        model: "haiku",
-        systemPrompt: { type: "custom", value: "You are a concise conversation summarizer." },
-        persistSession: false, // Don't save this summary session
-      },
-    });
-
-    let summary = "";
-    for await (const msg of q) {
-      if (msg.type === "assistant") {
-        const textBlocks = (msg.message?.content || []).filter(b => b.type === "text");
-        summary += textBlocks.map(b => b.text).join("");
-      }
-      if (msg.type === "result") {
-        logInfo(`Summary cost: $${msg.total_cost_usd?.toFixed(4)}`);
-      }
-    }
-
-    if (summary) {
-      logOk("Summary generated successfully:");
-      console.log(`\n${summary}\n`);
-      logInfo("This summary could be injected into a merge session's system prompt");
-    } else {
-      logFail("No summary text produced");
-    }
-  } catch (e) {
-    logFail(`Summary generation failed: ${e.message}`);
-    console.error(e);
-  }
-}
-
-// ─── Test 7: Tag Session ────────────────────────────────────────────────────
-async function testTagSession() {
-  log("TEST: tagSession");
-
-  const sessions = await listSessions({ dir: PROJECT_DIR, limit: 5 });
-  if (sessions.length === 0) { logFail("No sessions"); return; }
-
-  const target = sessions[0];
-  logInfo(`Tagging session ${target.sessionId.slice(0, 8)}... (current tag: ${target.tag ?? "none"})`);
-
-  try {
-    await tagSession(target.sessionId, "test-tag", { dir: PROJECT_DIR });
-    const info = await getSessionInfo(target.sessionId, { dir: PROJECT_DIR });
-    logInfo(`After tag: tag="${info?.tag}"`);
-
-    if (info?.tag === "test-tag") {
-      logOk("tagSession works");
-    } else {
-      logFail(`Expected tag="test-tag", got "${info?.tag}"`);
-    }
-
-    // Clear tag
-    await tagSession(target.sessionId, null, { dir: PROJECT_DIR });
-    logInfo("Tag cleared");
-
-  } catch (e) {
-    logFail(`tagSession failed: ${e.message}`);
-  }
-}
-
-// ─── Runner ─────────────────────────────────────────────────────────────────
-async function main() {
-  console.log(`\n🧪 Session Operations Test Suite`);
-  console.log(`Project: ${PROJECT_DIR}`);
-  console.log(`Test: ${testName}\n`);
-
-  const tests = {
-    list: testListSessions,
-    messages: testGetMessages,
-    "fork-mid": testForkMid,
-    delete: testDelete,
-    "resume-at": testResumeAt,
-    "compact-summary": testCompactSummary,
-    tag: testTagSession,
-  };
-
-  if (testName === "all") {
-    // Run non-destructive tests first
-    await testListSessions();
-    await testGetMessages();
-    await testTagSession();
-    await testForkMid();
-    // resume-at and compact-summary cost API tokens — ask first
-    console.log("\n⚠️  Remaining tests (resume-at, compact-summary) cost API tokens.");
-    console.log("   Run individually: bun test-session-ops.mjs resume-at");
-    console.log("   Run individually: bun test-session-ops.mjs compact-summary");
-    console.log("   Delete test: bun test-session-ops.mjs delete");
-  } else if (tests[testName]) {
-    await tests[testName]();
-  } else {
-    console.log(`Unknown test: ${testName}`);
-    console.log(`Available: ${Object.keys(tests).join(", ")}, all`);
-  }
-
-  log("DONE", `Finished ${testName} test(s)`);
-}
-
-main().catch(e => {
-  console.error("Fatal:", e);
-  process.exit(1);
-});