@phren/cli 0.0.1

package/mcp/dist/memory-ui-styles.js

@@ -0,0 +1,555 @@
+export const PROJECT_REFERENCE_UI_STYLES = `
+  .project-reference-shell {
+    height: calc(100vh - 260px);
+    min-height: 520px;
+  }
+  .reference-sidebar-toolbar {
+    display: flex;
+    gap: 8px;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border);
+    background: var(--surface);
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+  .reference-banner {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: color-mix(in srgb, var(--accent) 6%, var(--surface));
+    color: var(--ink-secondary);
+    padding: 14px 16px;
+    margin-bottom: 12px;
+    font-size: var(--text-sm);
+    line-height: 1.55;
+  }
+  .reference-doc-meta {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-top: 10px;
+  }
+  .reference-hint {
+    padding: 20px;
+    color: var(--muted);
+    font-size: var(--text-sm);
+    line-height: 1.6;
+  }
+  .reference-status {
+    margin-left: auto;
+    font-size: var(--text-xs);
+    color: var(--muted);
+  }
+  .reference-status.ok { color: var(--success); }
+  .reference-status.err { color: var(--danger); }
+  .reference-sidebar-note {
+    padding: 12px 16px;
+    color: var(--muted);
+    font-size: var(--text-sm);
+    border-bottom: 1px solid var(--border-light);
+  }
+  .reference-item-main {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    min-width: 0;
+  }
+  .reference-item-title {
+    font-size: var(--text-base);
+    color: var(--ink);
+    font-weight: 500;
+  }
+  .reference-item-meta {
+    font-size: var(--text-xs);
+    color: var(--muted);
+    line-height: 1.4;
+  }
+  .reference-item-action {
+    margin-left: 8px;
+    flex-shrink: 0;
+  }
+  .topic-editor {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    max-width: 720px;
+  }
+  .topic-editor label {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    color: var(--ink-secondary);
+    font-size: var(--text-sm);
+    font-weight: 600;
+  }
+  .topic-editor input,
+  .topic-editor textarea {
+    width: 100%;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 10px 12px;
+    font-size: var(--text-base);
+    font-family: var(--font);
+    background: var(--surface);
+    color: var(--ink);
+  }
+  .topic-editor textarea {
+    min-height: 90px;
+    resize: vertical;
+  }
+  .topic-editor-actions {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+  }
+  .topic-empty {
+    padding: 24px 20px;
+    color: var(--muted);
+    line-height: 1.6;
+  }
+  .topic-keywords {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-top: 12px;
+  }
+  .topic-keyword {
+    display: inline-flex;
+    align-items: center;
+    padding: 4px 8px;
+    border-radius: 999px;
+    background: var(--surface-sunken);
+    color: var(--ink-secondary);
+    font-size: var(--text-xs);
+    font-weight: 600;
+  }
+`;
+export const SETTINGS_TAB_UI_STYLES = `
+  .settings-shell {
+    display: flex;
+    flex-direction: column;
+    gap: 18px;
+  }
+  .settings-section {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--surface);
+    box-shadow: var(--shadow);
+    overflow: hidden;
+  }
+  .settings-section-findings { border-top: 3px solid color-mix(in srgb, var(--accent) 60%, var(--border)); }
+  .settings-section-behavior { border-top: 3px solid color-mix(in srgb, var(--blue) 45%, var(--border)); }
+  .settings-section-integrations { border-top: 3px solid color-mix(in srgb, var(--purple) 45%, var(--border)); }
+  .settings-section-header {
+    padding: 16px 18px 12px;
+    border-bottom: 1px solid var(--border-light);
+    background: var(--surface);
+  }
+  .settings-section-header h3 {
+    margin: 0;
+    font-size: var(--text-md);
+    font-weight: 700;
+    letter-spacing: -0.02em;
+    color: var(--ink);
+  }
+  .settings-section-header p {
+    margin: 6px 0 0;
+    color: var(--muted);
+    font-size: var(--text-sm);
+    line-height: 1.5;
+  }
+  .settings-section-body {
+    padding: 18px;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .settings-control {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px;
+    border: 1px solid var(--border-light);
+    border-radius: var(--radius-sm);
+    background: var(--surface-raised);
+  }
+  .settings-control-primary {
+    background: color-mix(in srgb, var(--accent) 4%, var(--surface-raised));
+    border-color: color-mix(in srgb, var(--accent) 18%, var(--border));
+  }
+  .settings-control-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+  .settings-control-label {
+    font-size: var(--text-base);
+    font-weight: 600;
+    color: var(--ink-secondary);
+  }
+  .settings-control-note {
+    color: var(--muted);
+    font-size: var(--text-sm);
+    line-height: 1.5;
+  }
+  .settings-control-value {
+    color: var(--ink-secondary);
+    font-size: var(--text-base);
+    font-weight: 600;
+  }
+  .settings-chip-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+  .settings-chip {
+    border: 1px solid var(--border);
+    background: transparent;
+    color: var(--ink-secondary);
+    border-radius: 999px;
+    padding: 6px 12px;
+    cursor: pointer;
+    font-size: var(--text-sm);
+    font-family: var(--font);
+    font-weight: 600;
+    transition: background .15s, border-color .15s, color .15s;
+  }
+  .settings-chip:hover {
+    border-color: var(--accent);
+    color: var(--ink);
+  }
+  .settings-chip.active {
+    border-color: var(--accent);
+    background: var(--accent);
+    color: #fff;
+  }
+  .settings-chip.readonly {
+    cursor: default;
+    opacity: 0.92;
+  }
+  .settings-chip.readonly:hover {
+    border-color: var(--border);
+    color: var(--ink-secondary);
+  }
+  .settings-chip.active.readonly:hover {
+    border-color: var(--accent);
+    color: #fff;
+  }
+  .settings-status-inline {
+    min-height: 18px;
+    font-size: var(--text-sm);
+    color: var(--muted);
+  }
+  .settings-status-inline.ok { color: var(--success); }
+  .settings-status-inline.err { color: var(--danger); }
+  .settings-integrations-table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+  .settings-integrations-table th,
+  .settings-integrations-table td {
+    text-align: left;
+    padding: 10px 8px;
+    border-bottom: 1px solid var(--border-light);
+    font-size: var(--text-sm);
+    vertical-align: middle;
+  }
+  .settings-integrations-table th {
+    color: var(--muted);
+    font-weight: 650;
+    letter-spacing: 0.02em;
+    text-transform: uppercase;
+    font-size: var(--text-xs);
+  }
+  .settings-integrations-table tr:last-child td { border-bottom: none; }
+  .settings-tool {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-weight: 600;
+    color: var(--ink-secondary);
+    text-transform: capitalize;
+  }
+  .settings-indicator {
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    display: inline-block;
+    margin-right: 6px;
+  }
+  .settings-indicator.on { background: var(--success); }
+  .settings-indicator.off { background: var(--danger); }
+`;
+export const TASK_UI_STYLES = `
+  /* ── Task Manager Styles ──────────────────────────── */
+  .task-toolbar {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+  }
+  .task-filter-select {
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    padding: 8px 12px;
+    background: var(--surface);
+    color: var(--ink);
+    font-size: var(--text-sm);
+    font-family: var(--font);
+    cursor: pointer;
+    transition: border-color 0.15s;
+  }
+  .task-filter-select:hover { border-color: var(--accent); }
+  .task-filter-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-dim); }
+  .task-count-label {
+    font-size: var(--text-sm);
+    color: var(--muted);
+    margin-left: auto;
+    font-weight: 500;
+  }
+
+  .task-empty-state {
+    padding: 60px 40px;
+    text-align: center;
+    color: var(--muted);
+  }
+
+  .task-add-bar {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 20px;
+    align-items: center;
+  }
+  .task-add-input {
+    flex: 1;
+    padding: 10px 14px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    color: var(--ink);
+    font-size: var(--text-base);
+    font-family: var(--font);
+    transition: border-color 0.15s, box-shadow 0.15s;
+  }
+  .task-add-input:focus {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px var(--accent-dim);
+  }
+  .task-add-input::placeholder { color: var(--muted); opacity: 0.6; }
+  .task-add-btn {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 10px 18px;
+    border: none;
+    border-radius: var(--radius-sm);
+    background: var(--accent);
+    color: #fff;
+    cursor: pointer;
+    font-size: var(--text-sm);
+    font-weight: 600;
+    font-family: var(--font);
+    transition: background 0.15s, transform 0.1s;
+    white-space: nowrap;
+  }
+  .task-add-btn:hover { background: var(--accent-hover); }
+  .task-add-btn:active { transform: scale(0.97); }
+
+  .task-priority-section { margin-bottom: 24px; }
+  .task-section-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: var(--text-sm);
+    font-weight: 600;
+    color: var(--ink-secondary);
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    margin-bottom: 12px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid var(--border-light);
+  }
+  .task-section-icon { display: flex; align-items: center; }
+  .task-section-count {
+    font-weight: 400;
+    color: var(--muted);
+    font-size: var(--text-xs);
+    margin-left: 4px;
+  }
+
+  .task-card-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+  .task-card {
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    background: var(--surface);
+    padding: 14px 16px;
+    transition: box-shadow 0.15s, border-color 0.15s, transform 0.1s;
+    cursor: default;
+    border-left: 3px solid transparent;
+  }
+  .task-card:hover {
+    box-shadow: var(--shadow);
+    border-color: var(--accent-dim);
+    transform: translateY(-1px);
+  }
+  .task-card-high { border-left-color: #ef4444; }
+  .task-card-medium { border-left-color: #f59e0b; }
+  .task-card-low { border-left-color: #6b7280; }
+  .task-card-done {
+    opacity: 0.55;
+    border-left-color: var(--success) !important;
+  }
+  .task-card-done:hover { opacity: 0.75; }
+  .task-card-done .task-card-text { text-decoration: line-through; }
+
+  .task-card-top {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 8px;
+    flex-wrap: wrap;
+  }
+
+  .task-status-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 2px 8px;
+    border-radius: 999px;
+    font-size: 11px;
+    font-weight: 600;
+    letter-spacing: 0.02em;
+  }
+  .task-status-pending {
+    border: 1px solid var(--border);
+    color: var(--muted);
+    background: transparent;
+  }
+  .task-status-active {
+    background: var(--accent);
+    color: #fff;
+    border: 1px solid transparent;
+  }
+  .task-status-done {
+    background: var(--success-dim);
+    color: var(--success);
+    border: 1px solid transparent;
+  }
+
+  .task-project-badge {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: var(--radius-sm);
+    font-size: 11px;
+    font-weight: 500;
+    background: var(--accent-dim);
+    color: var(--accent);
+  }
+
+  .task-priority-badge {
+    display: inline-block;
+    padding: 1px 7px;
+    border-radius: 999px;
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: capitalize;
+  }
+  .task-priority-high { background: #ef444422; color: #ef4444; }
+  .task-priority-medium { background: #f59e0b22; color: #f59e0b; }
+  .task-priority-low { background: #6b728022; color: #6b7280; }
+
+  .task-pin-indicator {
+    color: var(--accent);
+    display: inline-flex;
+    align-items: center;
+  }
+
+  .task-github-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 2px 8px;
+    border-radius: var(--radius-sm);
+    font-size: 11px;
+    font-weight: 500;
+    background: var(--surface-sunken);
+    color: var(--ink-secondary);
+    text-decoration: none;
+    transition: background 0.15s;
+  }
+  .task-github-badge:hover { background: var(--accent-dim); color: var(--accent); }
+
+  .task-card-body {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+  .task-card-text {
+    font-size: var(--text-base);
+    color: var(--ink);
+    line-height: 1.5;
+    word-break: break-word;
+  }
+  .task-card-context {
+    font-size: var(--text-sm);
+    color: var(--muted);
+    font-style: italic;
+  }
+
+  .task-card-actions {
+    margin-top: 10px;
+    display: flex;
+    justify-content: flex-end;
+  }
+  .task-done-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 4px 12px;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    color: var(--muted);
+    cursor: pointer;
+    font-size: 12px;
+    font-family: var(--font);
+    transition: all 0.15s;
+  }
+  .task-done-btn:hover {
+    border-color: var(--success);
+    color: var(--success);
+    background: var(--success-dim);
+  }
+
+  .task-done-section { margin-top: 24px; }
+  .task-done-toggle {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 0;
+    background: none;
+    border: none;
+    color: var(--muted);
+    font-size: var(--text-sm);
+    font-weight: 600;
+    font-family: var(--font);
+    cursor: pointer;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    transition: color 0.15s;
+  }
+  .task-done-toggle:hover { color: var(--ink-secondary); }
+  .task-toggle-arrow {
+    font-size: 10px;
+    transition: transform 0.2s;
+  }
+  .task-done-list { padding-top: 8px; }
+`;

package/mcp/dist/memory-ui.js

@@ -0,0 +1,9 @@
+import { createWebUiHttpServer, startWebUiServer, } from "./memory-ui-server.js";
+import { renderWebUiPage } from "./memory-ui-page.js";
+export { renderPageForTests } from "./memory-ui-page.js";
+export function createWebUiServer(phrenPath, opts, profile) {
+    return createWebUiHttpServer(phrenPath, renderWebUiPage, profile, opts);
+}
+export async function startWebUi(phrenPath, port, profile, opts) {
+    await startWebUiServer(phrenPath, port, renderWebUiPage, profile, opts);
+}

package/mcp/dist/package-metadata.js

@@ -0,0 +1,13 @@
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+export const ROOT = path.join(__dirname, "..", "..");
+export const PACKAGE_JSON_PATH = path.join(ROOT, "package.json");
+function readPackageJson() {
+    return JSON.parse(fs.readFileSync(PACKAGE_JSON_PATH, "utf8"));
+}
+const PACKAGE_JSON = readPackageJson();
+export const PACKAGE_NAME = PACKAGE_JSON.name || "phren";
+export const VERSION = PACKAGE_JSON.version || "0.0.0";
+export const PACKAGE_SPEC = `${PACKAGE_NAME}@${VERSION}`;

package/mcp/dist/phren-art.js

@@ -0,0 +1,52 @@
+/**
+ * Phren character ASCII/Unicode art and spinner for CLI presence.
+ *
+ * Based on the pixel art: purple 8-bit brain with diamond eyes,
+ * smile, little legs, and cyan sparkle.
+ */
+const ESC = "\x1b[";
+const RESET = `${ESC}0m`;
+const PURPLE = `${ESC}35m`; // magenta
+const BRIGHT_PURPLE = `${ESC}95m`; // bright magenta
+const CYAN = `${ESC}96m`; // bright cyan
+const DIM = `${ESC}2m`;
+const DARK_PURPLE = `${ESC}38;5;57m`; // deep purple for shading
+/**
+ * Compact phren ASCII art (~6 lines tall).
+ * Uses Unicode block elements and ANSI purple/cyan coloring.
+ * Designed for dark terminal backgrounds.
+ */
+export const PHREN_ART = [
+    `${CYAN}        ✦${RESET}`,
+    `${DARK_PURPLE}   ▄${PURPLE}██████${DARK_PURPLE}▄${RESET}`,
+    `${PURPLE}  ██${BRIGHT_PURPLE}▓▓${PURPLE}██${BRIGHT_PURPLE}▓▓${PURPLE}██${RESET}`,
+    `${PURPLE}  █${DARK_PURPLE}◆${PURPLE}██${DARK_PURPLE}◆${PURPLE}███${RESET}`,
+    `${PURPLE}  ██${DIM}${PURPLE}▽${RESET}${PURPLE}████${BRIGHT_PURPLE}█${RESET}`,
+    `${DARK_PURPLE}   ▀${PURPLE}██████${DARK_PURPLE}▀${RESET}`,
+    `${DARK_PURPLE}    ██  ██${RESET}`,
+];
+/** Single-line compact phren for inline use */
+export const PHREN_INLINE = `${PURPLE}◆${RESET}`;
+/** Phren spinner frames for search/sync operations — cycles through in purple */
+export const PHREN_SPINNER_FRAMES = [
+    `${BRIGHT_PURPLE}◆${RESET}`,
+    `${PURPLE}◇${RESET}`,
+    `${CYAN}✦${RESET}`,
+    `${PURPLE}✧${RESET}`,
+    `${BRIGHT_PURPLE}◆${RESET}`,
+    `${DARK_PURPLE}◇${RESET}`,
+];
+/** Default spinner interval in ms */
+export const PHREN_SPINNER_INTERVAL_MS = 120;
+/**
+ * Return the phren art as a single string, optionally indented.
+ */
+export function renderPhrenArt(indent = "") {
+    return PHREN_ART.map(line => indent + line).join("\n");
+}
+/**
+ * Get a spinner frame by index (wraps around automatically).
+ */
+export function spinnerFrame(tick) {
+    return PHREN_SPINNER_FRAMES[tick % PHREN_SPINNER_FRAMES.length];
+}