@mattli/dotmd 0.1.0 → 0.1.2

package/dist/dashboard/_archive/wizard.js

@@ -0,0 +1,317 @@
+import os from "os";
+import { expandHome } from "../config/defaults.js";
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;");
+}
+function displayPath(p) {
+    return p.replace(os.homedir(), "~");
+}
+function stepIndicator(current) {
+    const steps = ["Folders", "Patterns", "Preview"];
+    return `<div class="flex items-center justify-center gap-2 mb-8">
+    ${steps
+        .map((label, i) => {
+        const num = i + 1;
+        const isActive = num === current;
+        const isDone = num < current;
+        const circleClass = isActive
+            ? "bg-blue-600 text-white"
+            : isDone
+                ? "bg-blue-200 text-blue-800"
+                : "bg-gray-200 text-gray-500";
+        const labelClass = isActive
+            ? "text-blue-600 font-semibold"
+            : "text-gray-400";
+        const connector = i < steps.length - 1
+            ? `<div class="w-12 h-px ${num < current ? "bg-blue-300" : "bg-gray-200"}"></div>`
+            : "";
+        return `<div class="flex items-center gap-2">
+          <span class="w-7 h-7 rounded-full flex items-center justify-center text-sm font-medium ${circleClass}">${num}</span>
+          <span class="text-sm ${labelClass}">${label}</span>
+        </div>${connector}`;
+    })
+        .join("")}
+  </div>`;
+}
+function chipHtml(value, label, selected) {
+    const selectedClasses = selected
+        ? "bg-blue-100 text-blue-800 border-blue-300"
+        : "bg-gray-100 text-gray-600 border-gray-300";
+    return `<span data-chip data-value="${escapeHtml(value)}" data-selected="${selected}"
+    class="inline-flex items-center px-3 py-1.5 rounded-full text-sm font-medium border cursor-pointer select-none transition-colors ${selectedClasses}">
+    ${escapeHtml(label)}
+  </span>`;
+}
+function folderChipHtml(value, label) {
+    return `<span data-folder-chip="${escapeHtml(value)}"
+    class="inline-flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium bg-blue-100 text-blue-800 border border-blue-300">
+    ${escapeHtml(label)} <button type="button" class="ml-1 text-blue-500 hover:text-blue-700 font-bold">&times;</button>
+  </span>`;
+}
+function patternChipHtml(value) {
+    return `<span data-pattern-chip="${escapeHtml(value)}"
+    class="inline-flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium bg-blue-100 text-blue-800 border border-blue-300">
+    ${escapeHtml(value)} <button type="button" class="ml-1 text-blue-500 hover:text-blue-700 font-bold">&times;</button>
+  </span>`;
+}
+function customChipHtml(value, label) {
+    return `<span data-custom-value="${escapeHtml(value)}"
+    class="inline-flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium bg-blue-100 text-blue-800 border border-blue-300">
+    ${escapeHtml(label)} <button type="button" class="ml-1 text-blue-500 hover:text-blue-700 font-bold">&times;</button>
+  </span>`;
+}
+export function setupFoldersPage(existingDirs, preservedRoots) {
+    const hasPreserved = preservedRoots && preservedRoots.length > 0;
+    const selectedRoots = hasPreserved ? preservedRoots : existingDirs;
+    const chips = selectedRoots
+        .map((root) => folderChipHtml(root, root))
+        .join("\n      ");
+    return `
+    <div class="max-w-2xl mx-auto">
+      ${stepIndicator(1)}
+      <h1 class="text-2xl font-bold mb-2">Where are your projects?</h1>
+      <p class="text-gray-500 mb-6">Select the folders where dotmd should look for instruction files.</p>
+
+      <div class="mb-6">
+        <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Folders</h2>
+        <div id="folder-list" class="flex flex-wrap gap-2">
+          ${chips}
+        </div>
+        <p id="no-folders-msg" class="text-gray-400 text-sm mt-2 ${selectedRoots.length > 0 ? "hidden" : ""}">No folders selected. Use the browser below to add folders.</p>
+      </div>
+
+      <div class="mb-8">
+        <button id="open-browser" type="button"
+          class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors border border-gray-300">
+          Browse for folder...
+        </button>
+        <div id="folder-browser" class="hidden mt-3 bg-white border border-gray-200 rounded-lg overflow-hidden">
+          <div id="browser-header" class="px-4 py-2 bg-gray-50 border-b border-gray-200 flex items-center gap-2 text-sm">
+            <button id="browser-up" type="button" class="text-blue-600 hover:underline font-medium">Up</button>
+            <span id="browser-path" class="text-gray-500 font-mono text-xs"></span>
+          </div>
+          <div id="browser-list" class="max-h-64 overflow-y-auto divide-y divide-gray-100"></div>
+        </div>
+      </div>
+
+      <div class="flex justify-end">
+        <button id="next-btn" data-step="1" type="button"
+          class="px-6 py-2.5 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+          Next
+        </button>
+      </div>
+    </div>`;
+}
+export function setupPatternsPage(selectedRoots, suggestedPatterns, selectedPatterns) {
+    const selectedSet = new Set(selectedPatterns);
+    // Selected patterns — shown as removable chips
+    const selectedChips = selectedPatterns
+        .map((p) => patternChipHtml(p))
+        .join("\n      ");
+    // Unselected suggested patterns — shown as addable chips
+    const unselectedSuggested = suggestedPatterns.filter((p) => !selectedSet.has(p));
+    const suggestedChips = unselectedSuggested
+        .map((p) => `<span data-suggested-pattern="${escapeHtml(p)}"
+      class="inline-flex items-center gap-1 px-3 py-1.5 rounded-full text-sm font-medium bg-gray-100 text-gray-600 border border-gray-300 cursor-pointer hover:bg-gray-200 transition-colors select-none">
+      + ${escapeHtml(p)}
+    </span>`)
+        .join("\n      ");
+    const rootsParam = selectedRoots
+        .map((r) => `roots=${encodeURIComponent(r)}`)
+        .join("&");
+    return `
+    <div class="max-w-2xl mx-auto">
+      ${stepIndicator(2)}
+      <h1 class="text-2xl font-bold mb-2">What files should we look for?</h1>
+      <p class="text-gray-500 mb-6">Select the filename patterns to search for in your selected folders.</p>
+
+      <div class="mb-4">
+        <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Patterns</h2>
+        <div id="pattern-list" class="flex flex-wrap gap-2">
+          ${selectedChips}
+        </div>
+        <p id="no-patterns-msg" class="text-gray-400 text-sm mt-2 ${selectedPatterns.length > 0 ? "hidden" : ""}">No patterns selected.</p>
+      </div>
+
+      ${unselectedSuggested.length > 0 ? `<div class="mb-4">
+        <h2 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-3">Suggestions</h2>
+        <div id="suggested-patterns" class="flex flex-wrap gap-2">
+          ${suggestedChips}
+        </div>
+      </div>` : ""}
+
+      <div class="mb-8">
+        <div class="flex gap-2">
+          <input id="custom-input" type="text" placeholder="rules/*.md"
+            class="flex-1 px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:border-blue-400">
+          <button id="add-custom" type="button"
+            class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors border border-gray-300">Add</button>
+        </div>
+      </div>
+
+      <div class="flex justify-between">
+        <button id="back-btn" type="button"
+          class="px-6 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">
+          Back
+        </button>
+        <button id="next-btn" data-step="2" type="button"
+          class="px-6 py-2.5 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+          Preview Files
+        </button>
+      </div>
+    </div>`;
+}
+export function setupPreviewPage(files, roots, patterns) {
+    const rootsParam = roots
+        .map((r) => `roots=${encodeURIComponent(r)}`)
+        .join("&");
+    const patternsParam = patterns
+        .map((p) => `patterns=${encodeURIComponent(p)}`)
+        .join("&");
+    const backParams = `${rootsParam}&${patternsParam}`;
+    if (files.length === 0) {
+        return `
+      <div class="max-w-2xl mx-auto">
+        ${stepIndicator(3)}
+        <h1 class="text-2xl font-bold mb-2">No files found</h1>
+        <p class="text-gray-500 mb-6">No matching files were found in the selected folders with the selected patterns. Try going back to adjust your selections.</p>
+        <a href="/setup/step2?${rootsParam}"
+          class="px-6 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">
+          Back
+        </a>
+      </div>`;
+    }
+    // Group by root (scan folder)
+    const groups = {};
+    const rootOrder = [];
+    for (const file of files) {
+        const root = file.root || "Other";
+        if (!groups[root]) {
+            groups[root] = [];
+            rootOrder.push(root);
+        }
+        groups[root].push(file);
+    }
+    function renderCheckbox(filePath, displayPath) {
+        return `
+        <label class="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-gray-50 cursor-pointer">
+          <input type="checkbox" name="files" value="${escapeHtml(filePath)}" checked
+            class="rounded border-gray-300 text-blue-600 focus:ring-blue-500">
+          <span class="font-mono text-sm">${escapeHtml(displayPath)}</span>
+        </label>`;
+    }
+    let fileListHtml = "";
+    for (const root of rootOrder) {
+        const rootFiles = groups[root];
+        if (!rootFiles || rootFiles.length === 0)
+            continue;
+        const expanded = expandHome(root);
+        // Calculate relative paths and group by first subdirectory
+        const subGroups = new Map();
+        const subGroupOrder = [];
+        for (const file of rootFiles) {
+            let relPath = file.path;
+            if (file.path.startsWith(expanded + "/")) {
+                relPath = file.path.slice(expanded.length + 1);
+            }
+            const firstSlash = relPath.indexOf("/");
+            const groupName = firstSlash === -1 ? "" : relPath.slice(0, firstSlash);
+            if (!subGroups.has(groupName)) {
+                subGroups.set(groupName, []);
+                subGroupOrder.push(groupName);
+            }
+            subGroups.get(groupName).push({ path: file.path, relPath });
+        }
+        const hasSubGroups = subGroupOrder.length > 1 || subGroupOrder[0] !== "";
+        fileListHtml += `<div class="mb-6">
+      <div class="flex items-center justify-between mb-2">
+        <h3 class="text-sm font-semibold text-gray-500 uppercase tracking-wide">${escapeHtml(root)}</h3>
+        <div class="flex gap-3">
+          <button type="button" data-group-select="${escapeHtml(root)}" class="text-xs text-blue-600 hover:underline">Select all</button>
+          <button type="button" data-group-deselect="${escapeHtml(root)}" class="text-xs text-blue-600 hover:underline">Deselect all</button>
+        </div>
+      </div>
+      <div class="space-y-1" data-group="${escapeHtml(root)}">`;
+        if (!hasSubGroups) {
+            // Flat list — no subdirectories
+            for (const file of subGroups.get("")) {
+                fileListHtml += renderCheckbox(file.path, file.relPath);
+            }
+        }
+        else {
+            // Render root-level files first (no subdirectory)
+            const rootLevel = subGroups.get("");
+            if (rootLevel) {
+                for (const file of rootLevel) {
+                    fileListHtml += renderCheckbox(file.path, file.relPath);
+                }
+            }
+            // Render each subdirectory as a collapsible group
+            for (const groupName of subGroupOrder) {
+                if (groupName === "")
+                    continue;
+                const groupFiles = subGroups.get(groupName);
+                fileListHtml += `
+        <details class="mt-1">
+          <summary class="cursor-pointer text-sm text-gray-600 hover:text-gray-800 px-3 py-1.5 rounded-lg hover:bg-gray-50 select-none">
+            ${escapeHtml(groupName)}/ <span class="text-gray-400">(${groupFiles.length})</span>
+          </summary>
+          <div class="ml-4">`;
+                for (const file of groupFiles) {
+                    fileListHtml += renderCheckbox(file.path, file.relPath);
+                }
+                fileListHtml += `
+          </div>
+        </details>`;
+            }
+        }
+        fileListHtml += `</div></div>`;
+    }
+    return `
+    <div class="max-w-2xl mx-auto">
+      ${stepIndicator(3)}
+      <h1 class="text-2xl font-bold mb-2">Review discovered files</h1>
+      <p class="text-gray-500 mb-4">Found <strong>${files.length}</strong> file${files.length === 1 ? "" : "s"}. Uncheck any files you don't want to track.</p>
+
+      <div class="flex gap-3 mb-4">
+        <button id="select-all" type="button" class="text-sm text-blue-600 hover:underline">Select all</button>
+        <button id="deselect-all" type="button" class="text-sm text-blue-600 hover:underline">Deselect all</button>
+      </div>
+
+      <div class="bg-white border border-gray-200 rounded-lg p-4 mb-6">
+        ${fileListHtml}
+      </div>
+
+      <div class="flex justify-between">
+        <a href="/setup/step2?${backParams}"
+          class="px-6 py-2.5 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 transition-colors">
+          Back
+        </a>
+        <button id="confirm-btn" type="button"
+          class="px-6 py-2.5 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+          Confirm & Start Tracking
+        </button>
+      </div>
+    </div>`;
+}
+export function setupCompletePage(fileCount) {
+    return `
+    <div class="max-w-2xl mx-auto text-center py-16">
+      <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
+        <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+        </svg>
+      </div>
+      <h1 class="text-2xl font-bold mb-2">Setup complete</h1>
+      <p class="text-gray-500 mb-8">Now tracking <strong>${fileCount}</strong> file${fileCount === 1 ? "" : "s"}. dotmd will snapshot changes whenever you scan.</p>
+      <a href="/"
+        class="px-6 py-2.5 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700 transition-colors">
+        Go to Dashboard
+      </a>
+    </div>`;
+}
+//# sourceMappingURL=wizard.js.map

package/dist/dashboard/_archive/wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../../src/dashboard/_archive/wizard.ts"],"names":[],"mappings":"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"}

package/dist/dashboard/help.d.ts

@@ -0,0 +1,2 @@
+export declare function helpPage(): string;
+//# sourceMappingURL=help.d.ts.map

package/dist/dashboard/help.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"help.d.ts","sourceRoot":"","sources":["../../src/dashboard/help.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,IAAI,MAAM,CAuEjC"}

package/dist/dashboard/help.js

@@ -0,0 +1,73 @@
+export function helpPage() {
+    return `
+    <div class="max-w-3xl mx-auto pb-24">
+      <h1 class="text-2xl font-bold mb-6">Help</h1>
+
+      <!-- Commands -->
+      <section class="mb-8">
+        <h2 class="text-lg font-semibold mb-3">Commands</h2>
+        <div class="bg-white border border-gray-200 rounded-lg divide-y divide-gray-100">
+          <div class="px-4 py-3">
+            <code class="text-sm font-mono text-blue-700">dotmd init</code>
+            <p class="text-gray-600 text-sm mt-1">Launch the setup page to pick folders and file patterns to track.</p>
+          </div>
+          <div class="px-4 py-3">
+            <code class="text-sm font-mono text-blue-700">dotmd status</code>
+            <p class="text-gray-600 text-sm mt-1">Scan for changes and print a summary in your terminal.</p>
+          </div>
+          <div class="px-4 py-3">
+            <code class="text-sm font-mono text-blue-700">dotmd serve</code>
+            <p class="text-gray-600 text-sm mt-1">Start this dashboard at <code class="text-xs">http://localhost:3333</code>.</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- Scanning -->
+      <section class="mb-8 pt-8 border-t border-gray-200">
+        <h2 class="text-lg font-semibold mb-3">When does dotmd scan?</h2>
+        <ul class="space-y-2 text-sm text-gray-600">
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>Every time you load a dashboard page (Timeline, Files, or File Detail)</li>
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>When you run <code class="font-mono text-xs text-blue-700">dotmd status</code> in your terminal</li>
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>When you click the Refresh button in the nav bar</li>
+        </ul>
+        <p class="text-sm text-gray-600 mt-3">Each scan compares your tracked files against their last snapshot. If a file changed, dotmd saves the new version and a diff.</p>
+      </section>
+
+      <!-- Dashboard views -->
+      <section class="mb-8 pt-8 border-t border-gray-200">
+        <h2 class="text-lg font-semibold mb-3">Dashboard views</h2>
+        <div class="space-y-4 text-sm text-gray-600">
+          <div>
+            <h3 class="font-medium text-gray-900">Timeline</h3>
+            <p>A chronological feed of every change across all your tracked files. See what changed and when, with collapsible diffs.</p>
+          </div>
+          <div>
+            <h3 class="font-medium text-gray-900">Files</h3>
+            <p>Browse all tracked files organized by folder. Yellow dots indicate files that changed since you last viewed them.</p>
+          </div>
+          <div>
+            <h3 class="font-medium text-gray-900">Settings</h3>
+            <p>Add or remove folders and file patterns. Changes take effect on the next scan.</p>
+          </div>
+        </div>
+      </section>
+
+      <!-- Data & Privacy -->
+      <section class="mb-8 pt-8 border-t border-gray-200">
+        <h2 class="text-lg font-semibold mb-3">Data &amp; privacy</h2>
+        <p class="text-sm text-gray-600 mb-2">All data stays on your machine. Nothing is sent anywhere.</p>
+        <ul class="space-y-2 text-sm text-gray-600">
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>Snapshots and diffs are stored in a local SQLite database at <code class="font-mono text-xs">~/.dotmd/history.db</code></li>
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>Configuration is stored at <code class="font-mono text-xs">~/.dotmd/config.yaml</code></li>
+          <li class="flex gap-2"><span class="text-gray-400">&bull;</span>To remove everything: <code class="font-mono text-xs">npm uninstall -g @mattli/dotmd && rm -rf ~/.dotmd</code></li>
+        </ul>
+      </section>
+
+      <!-- Feedback -->
+      <section class="pt-8 border-t border-gray-200">
+        <h2 class="text-lg font-semibold mb-3">Feedback</h2>
+        <p class="text-sm text-gray-600">Questions, suggestions, or bugs? <a href="https://github.com/mattli/dotmd/issues" class="text-blue-600 hover:underline" target="_blank" rel="noopener">Open an issue on GitHub</a>.</p>
+      </section>
+    </div>`;
+}
+//# sourceMappingURL=help.js.map

package/dist/dashboard/help.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"help.js","sourceRoot":"","sources":["../../src/dashboard/help.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ;IACtB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAqEE,CAAC;AACZ,CAAC"}

package/dist/dashboard/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/dashboard/layout.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CA8CtF"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/dashboard/layout.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CA+CtF"}

package/dist/dashboard/layout.js

@@ -7,6 +7,7 @@ export function layout(title, content, options) {
       <a href="/timeline" class="text-gray-600 hover:text-gray-900">Timeline</a>
       <a href="/files" class="text-gray-600 hover:text-gray-900">Files</a>
       <a href="/settings" class="text-gray-600 hover:text-gray-900">Settings</a>
+      <a href="/help" class="text-gray-600 hover:text-gray-900">Help</a>
       <button
         onclick="fetch('/api/scan', { method: 'POST' }).then(() => location.reload())"
         class="ml-auto flex items-center gap-1.5 text-gray-400 hover:text-gray-700 transition-colors"

package/dist/dashboard/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/dashboard/layout.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe,EAAE,OAAuB;IAC5E,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO;QAC1B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;;;;;;;;;;SAeG,CAAC;IAER,OAAO;;;;;WAKE,KAAK;;;;;;;IAOZ,OAAO,EAAE,OAAO,IAAI,EAAE;;;;;;;;IAQtB,GAAG;;MAED,OAAO;;;QAGL,CAAC;AACT,CAAC"}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/dashboard/layout.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,OAAe,EAAE,OAAuB;IAC5E,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO;QAC1B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;;;;;;;;;;;SAgBG,CAAC;IAER,OAAO;;;;;WAKE,KAAK;;;;;;;IAOZ,OAAO,EAAE,OAAO,IAAI,EAAE;;;;;;;;IAQtB,GAAG;;MAED,OAAO;;;QAGL,CAAC;AACT,CAAC"}

package/dist/dashboard/server.d.ts

@@ -1,5 +1,5 @@
 import { Hono } from "hono";
 import Database from "better-sqlite3";
 export declare function createApp(db: Database.Database): Hono<import("hono/types").BlankEnv, import("hono/types").BlankSchema, "/">;
-export declare function startServer(port?: number): void;
+export declare function startServer(port?: number, onAlreadyRunning?: () => void): void;
 //# sourceMappingURL=server.d.ts.map

package/dist/dashboard/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/dashboard/server.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AA8BtC,wBAAgB,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,8EA4U9C;AAED,wBAAgB,WAAW,CAAC,IAAI,GAAE,MAAa,GAAG,IAAI,CAWrD"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/dashboard/server.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAwBtC,wBAAgB,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,8EAmT9C;AAED,wBAAgB,WAAW,CAAC,IAAI,GAAE,MAAa,EAAE,gBAAgB,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAmBpF"}

package/dist/dashboard/server.js

@@ -11,10 +11,9 @@ import { scanFiles, discoverFiles } from "../scanner/index.js";
 import { CONFIG_PATH, DEFAULT_CONFIG, SUGGESTED_ROOTS, SUGGESTED_PATTERNS, expandHome, } from "../config/defaults.js";
 import { layout } from "./layout.js";
 import { fileListPage, fileDetailPage, timelinePage } from "./views.js";
-import { setupFoldersPage, setupPatternsPage, setupPreviewPage, setupCompletePage, } from "./wizard.js";
-import { WIZARD_CLIENT_SCRIPT } from "./wizard-client.js";
-import { settingsPage } from "./settings.js";
+import { setupPage } from "./settings.js";
 import { SETTINGS_CLIENT_SCRIPT } from "./settings-client.js";
+import { helpPage } from "./help.js";
 export function createApp(db) {
     const app = new Hono();
     // Prevent back-forward cache so unseen indicators stay accurate
@@ -161,63 +160,42 @@ export function createApp(db) {
         }
         const editor = process.env.VISUAL || process.env.EDITOR;
         const [cmd, ...args] = editor ? editor.split(/\s+/) : ["open", "-t"];
-        execFile(cmd, [...args, filePath], (err) => {
-            if (err)
-                console.error("Failed to open file:", err.message);
+        return new Promise((resolve) => {
+            execFile(cmd, [...args, filePath], (err) => {
+                if (err) {
+                    const msg = err.code === "ENOENT"
+                        ? `Editor "${cmd}" not found. Set $EDITOR to an installed editor.`
+                        : `Failed to open file: ${err.message}`;
+                    resolve(c.json({ error: msg }, 500));
+                }
+                else {
+                    resolve(c.json({ success: true }));
+                }
+            });
         });
-        return c.json({ success: true });
+    });
+    // Help page
+    app.get("/help", (c) => {
+        return c.html(layout("Help", helpPage()));
     });
     // Settings page
     app.get("/settings", (c) => {
         const config = loadConfig();
-        const html = settingsPage(config, SUGGESTED_ROOTS, SUGGESTED_PATTERNS);
+        const existingSuggestedRoots = SUGGESTED_ROOTS.filter((r) => fs.existsSync(expandHome(r)));
+        const html = setupPage(config, existingSuggestedRoots, SUGGESTED_PATTERNS);
         return c.html(layout("Settings", html, { scripts: SETTINGS_CLIENT_SCRIPT }));
     });
-    // --- Setup wizard pages ---
+    // Setup page (same UI as settings, but for first-time init)
     app.get("/setup", (c) => {
         const existingDirs = SUGGESTED_ROOTS.filter((r) => fs.existsSync(expandHome(r)));
-        const html = setupFoldersPage(SUGGESTED_ROOTS, existingDirs);
-        return c.html(layout("Setup", html, { hideNav: true, scripts: WIZARD_CLIENT_SCRIPT }));
-    });
-    app.get("/setup/step2", (c) => {
-        const roots = c.req.queries("roots") ?? [];
-        const html = setupPatternsPage(roots, SUGGESTED_PATTERNS, DEFAULT_CONFIG.patterns);
-        return c.html(layout("Setup — Patterns", html, {
-            hideNav: true,
-            scripts: WIZARD_CLIENT_SCRIPT,
-        }));
-    });
-    app.get("/setup/step3", (c) => {
-        const roots = c.req.queries("roots") ?? [];
-        const patterns = c.req.queries("patterns") ?? [];
-        const tempConfig = {
-            scan_roots: roots,
-            patterns,
+        // For init, start with existing dirs as roots but no patterns selected
+        const initConfig = {
+            scan_roots: existingDirs,
+            patterns: [],
             exclude: DEFAULT_CONFIG.exclude,
         };
-        const filePaths = discoverFiles(tempConfig);
-        const expandedRoots = roots.map((r) => ({ original: r, expanded: expandHome(r) }));
-        expandedRoots.sort((a, b) => b.expanded.length - a.expanded.length);
-        const files = filePaths.map((p) => {
-            let root = "Other";
-            for (const r of expandedRoots) {
-                if (p.startsWith(r.expanded + "/") || p === r.expanded) {
-                    root = r.original;
-                    break;
-                }
-            }
-            return { path: p, category: categorizeFile(p), root };
-        });
-        const html = setupPreviewPage(files, roots, patterns);
-        return c.html(layout("Setup — Preview", html, {
-            hideNav: true,
-            scripts: WIZARD_CLIENT_SCRIPT,
-        }));
-    });
-    app.get("/setup/complete", (c) => {
-        const count = parseInt(c.req.query("count") || "0", 10);
-        const html = setupCompletePage(count);
-        return c.html(layout("Setup Complete", html, { hideNav: true }));
+        const html = setupPage(initConfig, existingDirs, SUGGESTED_PATTERNS, { isInit: true });
+        return c.html(layout("Setup", html, { hideNav: true, scripts: SETTINGS_CLIENT_SCRIPT }));
     });
     // --- Setup wizard API ---
     app.get("/api/setup/browse", (c) => {
@@ -293,13 +271,23 @@ export function createApp(db) {
     });
     return app;
 }
-export function startServer(port = 3333) {
+export function startServer(port = 3333, onAlreadyRunning) {
     const db = getDb();
     // Run a scan on startup
     const config = loadConfig();
     scanFiles(db, config);
     const app = createApp(db);
+    const server = serve({ fetch: app.fetch, port });
+    server.on("error", (err) => {
+        if (err.code === "EADDRINUSE") {
+            console.log(`dotmd is already running at http://localhost:${port}`);
+            if (onAlreadyRunning)
+                onAlreadyRunning();
+        }
+        else {
+            throw err;
+        }
+    });
     console.log(`dotmd dashboard running at http://localhost:${port}`);
-    serve({ fetch: app.fetch, port });
 }
 //# sourceMappingURL=server.js.map