funes-memory 1.0.0

Your machine's memory, queryable. Local AI memory for the terminal.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

"use client";

import { Check } from "lucide-react";

type RoadmapItem = {
  label: string;
  done: boolean;
  detail?: string;
};

const ROADMAP: RoadmapItem[] = [
  { label: "CLI skeleton", done: true, detail: "basic command structure" },
  { label: "Ollama embeddings working", done: true, detail: "local model integration" },
  { label: "SQLite / vector storage", done: true, detail: "persistent local index" },
  { label: "File watcher", done: false, detail: "live indexing on change" },
  { label: "Shell history indexing", done: false, detail: "bash / zsh / fish support" },
  { label: "Query with results", done: false, detail: "semantic search over index" },
  { label: "LLM synthesis mode", done: false, detail: "plain English answers" },
  { label: "Packaging (Homebrew, Cargo)", done: false, detail: "one-line install" },
];

export default function Roadmap() {
  const completedCount = ROADMAP.filter((item) => item.done).length;
  const progress = (completedCount / ROADMAP.length) * 100;

  return (
    <section id="roadmap" className="px-6 pt-18">
      <div className="w-full max-w-2xl mx-auto space-y-10">

        {/* Header */}
        <div className="space-y-2">
          <p className="text-sm text-[hsl(var(--muted-foreground))]">
            — roadmap
          </p>
          <div className="flex items-baseline justify-between">
            <h2 className="text-3xl font-bold tracking-tight">status</h2>
            <span className="text-sm text-[hsl(var(--muted-foreground))]">
              {completedCount}/{ROADMAP.length} done
            </span>
          </div>
        </div>

        <p className="text-[hsl(var(--muted-foreground))] leading-relaxed">
          funes is early and under active development. things will break.
          contributions are very welcome.
        </p>

        {/* Progress bar */}
        <div className="space-y-2">
          <div className="h-2 w-full rounded-full bg-[hsl(var(--muted))] overflow-hidden">
            <div
              className="h-full rounded-full bg-[hsl(var(--foreground))] transition-all duration-700 ease-out"
              style={{ width: `${progress}%` }}
            />
          </div>
          <p className="text-xs text-[hsl(var(--muted-foreground))]">
            {Math.round(progress)}% complete
          </p>
        </div>

        {/* Timeline */}
        <div className="relative pl-1">
          {/* connecting line */}
          <div className="absolute left-3 top-2 bottom-0 w-px bg-[hsl(var(--border))]" />
          {/* filled portion of the line, up to last completed item */}
          <div
            className="absolute left-3 top-4 w-px bg-[hsl(var(--foreground))] transition-all duration-700 ease-out"
            style={{
              height:
                completedCount === 0
                  ? "0%"
                  : `calc(${((completedCount - 1) / (ROADMAP.length - 1)) * 100}% + 2px)`,
            }}
          />

          <div className="space-y-6">
            {ROADMAP.map((item) => (
              <div key={item.label} className="relative flex gap-4 pl-0">
                <span
                  className={`relative z-10 flex h-[18px] w-[18px] shrink-0 items-center justify-center rounded-full border-2 transition-colors ${
                    item.done
                      ? "bg-[hsl(var(--foreground))] border-[hsl(var(--foreground))]"
                      : "bg-[hsl(var(--background))] border-[hsl(var(--border))]"
                  }`}
                >
                  {item.done && (
                    <Check
                      size={10}
                      strokeWidth={3}
                      className="text-[hsl(var(--background))]"
                    />
                  )}
                </span>

                <div className="flex-1 -translate-y-0.5">
                  <p
                    className={`text-sm ${
                      item.done
                        ? "text-[hsl(var(--muted-foreground))] line-through decoration-[hsl(var(--muted-foreground))]"
                        : "text-[hsl(var(--foreground))]"
                    }`}
                  >
                    {item.label}
                  </p>
                  {item.detail && (
                    <p className="text-xs text-[hsl(var(--muted-foreground))] mt-0.5">
                      {item.detail}
                    </p>
                  )}
                </div>
              </div>
            ))}
          </div>
        </div>

        <p className="text-xs text-[hsl(var(--muted-foreground))]">
          want to help build one of these? see{" "}
          <a
            href="https://github.com/bhavv04/funes/blob/main/CONTRIBUTING.md"
            target="_blank"
            rel="noopener noreferrer"
            className="underline underline-offset-4 hover:text-[hsl(var(--foreground))] transition-colors"
          >
            CONTRIBUTING.md
          </a>
          .
        </p>
      </div>
    </section>
  );
}