agent-memory-git 0.1.8__tar.gz → 0.1.10__tar.gz

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: agent-memory-git
-Version: 0.1.8
+Version: 0.1.10
 Summary: Shared, git-backed memory for Claude Code and Codex.
 Keywords: claude-code,codex,memory,agents,git
 Author: Shichao Song

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "agent-memory-git"
-version = "0.1.8"
+version = "0.1.10"
 description = "Shared, git-backed memory for Claude Code and Codex."
 readme = "README.md"
 license = "MIT"

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/pyproject.toml.orig

@@ -1,6 +1,6 @@
 [project]
 name = "agent-memory-git"
-version = "0.1.8"
+version = "0.1.10"
 description = "Shared, git-backed memory for Claude Code and Codex."
 readme = "README.md"
 license = "MIT"

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/ui_server.py

@@ -614,12 +614,18 @@ class Handler(BaseHTTPRequestHandler):
         self._run(lambda: getattr(self.server.app, method)(payload))
 
 
+class Server(ThreadingHTTPServer):
+    # The page is some twenty modules the browser asks for at once; with socketserver's backlog of 5 the
+    # kernel resets the overflow, a module fails to load, and the page stays blank.
+    request_queue_size = 128
+
+
 def make_server(data_dir, port=8790, semantic=True):
     app = UiApp(data_dir, semantic=semantic)
     try:
-        server = ThreadingHTTPServer(("127.0.0.1", port), Handler)
+        server = Server(("127.0.0.1", port), Handler)
     except OSError:
-        server = ThreadingHTTPServer(("127.0.0.1", 0), Handler)
+        server = Server(("127.0.0.1", 0), Handler)
     port = server.server_address[1]
     server.hosts = {f"127.0.0.1:{port}", f"localhost:{port}"}
     # a restart after an update keeps the token, so the open page carries on

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/webui/app.css

@@ -112,8 +112,6 @@ body.resizing { cursor: col-resize; user-select: none; }
 .dot.t-project { background: var(--t-project); } .dot.t-user { background: var(--t-user); }
 .dot.ok { background: var(--ok); } .dot.warn { background: var(--warn); } .dot.off { background: var(--ink-3); }
 .type-label { display: inline-flex; align-items: center; gap: 6px; }
-.status { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-2); }
-.status.warn-text { color: var(--warn); }
 
 .seg { display: inline-flex; padding: 2px; border-radius: 9px; background: var(--chip); }
 .seg > button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 10px; border-radius: 7px; font-size: 13px; color: var(--ink-2); transition: color .15s; }
@@ -184,7 +182,8 @@ body.resizing { cursor: col-resize; user-select: none; }
 .rail-btn:hover { background: var(--hover); color: var(--ink); }
 .rail-btn[aria-current="page"] { background: var(--surface); color: var(--accent); box-shadow: 0 0 0 1px var(--line); }
 .rail-btn .i { width: 19px; height: 19px; }
-.rail-btn .badge { position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 2px var(--panel); }
+.rail-btn .badge, .rail-profile .badge { position: absolute; top: 8px; right: 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 2px var(--panel); }
+.rail-profile .badge { top: 5px; right: 5px; }
 
 /* the list is 372, 400 or 440px wide by window size, until its edge is dragged (--list-w);
    whatever the width, the open memory keeps at least 420px */
@@ -444,133 +443,159 @@ table.nums td { padding: 4px 8px; border-top: 1px solid var(--line-soft); text-a
 table.nums th:first-child, table.nums td:first-child { padding-left: 0; text-align: left; color: var(--ink); }
 table.nums td:last-child { color: var(--ink); }
 
-.settings { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 768px; gap: 24px; }
-@media (max-width: 639px) { .settings { gap: 16px; } }
-.group { padding: 16px 20px 4px; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
-@media (max-width: 639px) { .group { padding-inline: 16px; } }
-.group h2 { margin-bottom: 4px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
-.group-head { display: flex; align-items: center; justify-content: space-between; }
-.group-foot { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid var(--line-soft); }
-.group-foot code { font-family: var(--mono); }
-.setting { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--line-soft); }
-.group h2 + .setting, .group .setting:first-of-type { border-top: 0; }
-@media (min-width: 640px) {
-  .setting:not(.below) { grid-template-columns: minmax(220px, 1fr) minmax(0, auto); gap: 24px; }
-  .setting:not(.below) .setting-control { max-width: 440px; justify-self: end; }
+/* settings: the open profile as a hero, with its picture blurred into a glow of its own colours behind it; a few
+   quiet rows of preferences; the installation as one line. Controls here are pills. */
+.settings { --glow: .62; --glow-w: 600px; --glow-h: 400px; --glow-top: -150px; --glow-sat: 1.15;
+  --pic-shadow: drop-shadow(0 10px 22px rgb(60 50 120 / .16)) drop-shadow(0 1px 2px rgb(0 0 0 / .08));
+  width: 100%; max-width: 680px; margin: 16px auto 0; }
+:root[data-theme="dark"] .settings { --glow: .3; --glow-w: 380px; --glow-h: 280px; --glow-top: -40px; --glow-sat: 2.8; --pic-shadow: drop-shadow(0 10px 24px rgb(0 0 0 / .45)); }
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) .settings { --glow: .3; --glow-w: 380px; --glow-h: 280px; --glow-top: -40px; --glow-sat: 2.8; --pic-shadow: drop-shadow(0 10px 24px rgb(0 0 0 / .45)); }
 }
-.setting-name { font-size: 14px; font-weight: 500; }
-.setting-help { margin-top: 2px; font-size: 12.5px; color: var(--ink-3); }
-.setting-control { min-width: 0; }
-.block-code { display: block; padding: 8px 12px; border-radius: var(--r-ctl); background: var(--chip); font-size: 12.5px; line-height: 1.625; overflow-wrap: anywhere; color: var(--ink-2); }
-.chip-code { padding: 4px 8px; border-radius: 6px; background: var(--chip); font-size: 12.5px; color: var(--ink-2); }
-.code-copy { display: inline-flex; max-width: 100%; align-items: center; gap: 8px; padding: 4px 8px; border-radius: 6px; background: var(--chip); font-family: var(--mono); font-size: 12.5px; color: var(--ink-2); }
-.code-copy:hover { color: var(--ink); }
-.code-copy span { overflow-wrap: anywhere; }
-.code-copy .i { width: 14px; height: 14px; }
-.model-state { display: grid; justify-items: start; gap: 6px; }
-@media (min-width: 640px) { .model-state { justify-items: end; } }
-.tags-input { display: flex; width: 100%; max-width: 360px; flex-wrap: wrap; align-items: center; gap: 6px; padding: 4px; border: 1px solid var(--line); border-radius: var(--r-ctl); background: var(--surface); }
-.tags-input:focus-within { border-color: var(--accent); }
-.tag { display: inline-flex; height: 24px; align-items: center; gap: 2px; padding: 0 2px 0 8px; border-radius: 6px; background: var(--chip); font-size: 12.5px; }
-.tag button { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 4px; color: var(--ink-3); }
-.tag button:hover { color: var(--ink); }
+.settings .btn { height: 32px; padding: 0 14px; border-radius: 999px; font-weight: 500; }
+.settings .btn .i { width: 15px; height: 15px; }
+.settings .btn.ghost { padding: 0 10px; }
+.settings .input { height: 36px; font-size: 13px; }
+.settings .seg { padding: 3px; border-radius: 999px; }
+.settings .seg > button { padding: 0 13px; border-radius: 999px; }
+.settings .switch { width: 38px; height: 22px; }
+.settings .switch > span { width: 18px; height: 18px; }
+
+.hero { position: relative; isolation: isolate; overflow: hidden; border: 1px solid var(--line-soft); border-radius: calc(var(--r-card) * 1.5);
+  background: var(--surface); box-shadow: 0 1px 2px rgb(0 0 0 / .03), 0 8px 32px -12px rgb(40 30 90 / .08); }
+.hero-glow { position: absolute; z-index: -1; top: var(--glow-top); left: 50%; width: var(--glow-w); height: var(--glow-h); translate: -50% 0; border-radius: 50%;
+  overflow: hidden; filter: blur(60px) saturate(var(--glow-sat)); opacity: var(--glow); pointer-events: none; }
+.hero-glow svg { display: block; width: 100%; height: 100%; }
+.hero-main { display: flex; flex-direction: column; align-items: center; padding: 48px 32px 36px; text-align: center; }
+.pavatar.hero-pic { width: 88px; height: 88px; filter: var(--pic-shadow); }
+.hero-name { margin-top: 20px; font-size: 34px; font-weight: 650; line-height: 1.15; letter-spacing: -0.024em; }
+.hero-sub { margin-top: 6px; font-size: 13.5px; color: var(--ink-2); font-variant-numeric: tabular-nums; }
+.hero-sub .sep { margin: 0 6px; color: var(--ink-3); }
+.hero-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 20px; margin-top: 20px; }
+.hero-meta-item { position: relative; display: inline-flex; min-width: 0; max-width: 100%; align-items: center; gap: 7px; font-family: var(--mono); font-size: 12.5px; color: var(--ink-2); }
+.hero-meta-item > .i { width: 14px; height: 14px; color: var(--ink-3); }
+.hero-meta-item .v { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hero-meta-item .k { font-family: var(--sans); color: var(--ink-3); }
+button.hero-meta-item { border-radius: 6px; transition: color .15s; }
+button.hero-meta-item:hover { color: var(--ink); }
+.hero-meta-item > .copy-hint { position: absolute; right: -20px; width: 13px; height: 13px; opacity: 0; transition: opacity .15s; }
+button.hero-meta-item:hover .copy-hint, button.hero-meta-item:focus-visible .copy-hint { opacity: 1; }
+.hero-link { flex-shrink: 0; margin-left: -2px; padding: 2px 6px; border-radius: 6px; font-family: var(--sans); font-size: 12.5px; font-weight: 500; color: var(--accent); }
+.hero-link:hover { background: var(--accent-soft); }
+.hero-note { margin-top: 12px; font-size: 12.5px; color: var(--ok); }
+.hero-note.bad { color: var(--bad); }
+.remote-edit { width: 100%; max-width: 520px; margin-top: 16px; padding: 12px; border-radius: var(--r-card); background: color-mix(in srgb, var(--surface) 70%, transparent);
+  box-shadow: var(--ring); text-align: left; animation: rise .15s ease-out; }
+.remote-edit label { display: block; margin: 0 0 6px 2px; font-size: 12px; font-weight: 600; color: var(--ink-3); }
+.remote-edit-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
+.sync-pill { display: inline-flex; max-width: 100%; height: 38px; align-items: center; margin-top: 24px; padding: 0 4px 0 14px; border-radius: 999px;
+  background: color-mix(in srgb, var(--surface) 78%, transparent); box-shadow: var(--ring); backdrop-filter: blur(6px); font-size: 13px; white-space: nowrap; }
+.sync-pill.solo { padding-right: 14px; }
+.sync-state { display: inline-flex; min-width: 0; align-items: center; gap: 8px; overflow: hidden; color: var(--ink-3); text-overflow: ellipsis; }
+.sync-state b { font-weight: 500; color: var(--ink); }
+.sync-sep { width: 1px; height: 18px; flex-shrink: 0; margin: 0 4px 0 12px; background: var(--line); }
+.sync-btn { display: inline-flex; flex-shrink: 0; height: 30px; align-items: center; gap: 6px; padding: 0 12px; border-radius: 999px; font-weight: 500; color: var(--ink-2); transition: background-color .15s, color .15s; }
+.sync-btn:hover { background: var(--hover); color: var(--ink); }
+.sync-btn .i { width: 14px; height: 14px; }
+
+.dock { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 14px 12px 20px; border-top: 1px solid var(--line-soft);
+  background: color-mix(in srgb, var(--panel) 72%, transparent); }
+.dock-label { margin-right: 4px; font-size: 12.5px; color: var(--ink-3); }
+.pchip { display: inline-flex; height: 34px; align-items: center; gap: 8px; padding: 0 13px 0 5px; border-radius: 999px; background: var(--surface); box-shadow: var(--ring);
+  font-size: 13.5px; font-weight: 500; transition: background-color .15s; }
+.pchip:hover { background: var(--hover); }
+.pchip:disabled { opacity: .6; }
+.pchip[aria-pressed="true"] { box-shadow: 0 0 0 1.5px var(--accent), 0 0 0 4px var(--accent-soft); cursor: default; }
+.pchip[aria-pressed="true"]:hover { background: var(--surface); }
+.pchip .pavatar { width: 24px; height: 24px; }
+.pchip .n { font-size: 12px; font-weight: 400; color: var(--ink-3); font-variant-numeric: tabular-nums; }
+.pchip.add { background: transparent; box-shadow: none; font-weight: 400; color: var(--ink-2); }
+.pchip.add:hover { background: var(--hover); color: var(--ink); }
+.pchip.add .plus { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 7px; background: var(--chip); color: var(--ink-2); }
+.pchip.add .plus .i { width: 14px; height: 14px; }
+.dock-remove { height: 30px; padding: 0 10px; border-radius: 999px; font-size: 12.5px; color: var(--ink-3); transition: color .15s, background-color .15s; }
+.dock-remove:hover { background: color-mix(in srgb, var(--bad) 9%, transparent); color: var(--bad); }
+.pform { padding: 20px; border-top: 1px solid var(--line-soft); background: color-mix(in srgb, var(--panel) 72%, transparent); animation: rise .15s ease-out; }
+.pform-top { display: flex; align-items: center; gap: 12px; }
+.pform-top .pavatar { width: 44px; height: 44px; filter: drop-shadow(0 4px 10px rgb(60 50 120 / .14)); }
+.pform-name { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
+.pform-note { font-size: 12.5px; color: var(--ink-3); }
+.pform-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 12px; margin-top: 16px; }
+.pfield { display: grid; gap: 6px; }
+.pfield span { font-size: 12px; font-weight: 600; color: var(--ink-3); }
+.pfield span i { font-style: normal; font-weight: 400; }
+.pform-error { margin-top: 12px; font-size: 13px; color: var(--bad); }
+.pform-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
+
+.prefs { margin-top: 40px; }
+.pref { display: flex; min-height: 64px; align-items: center; gap: 24px; padding: 14px 4px; }
+.pref + .pref, .pref + .callout, .callout + .pref { border-top: 1px solid var(--line-soft); }
+.prefs .callout { margin: 0; }
+.pref-text { display: grid; flex: 1 0 auto; gap: 1px; }
+.pref-label { font-size: 14px; font-weight: 500; }
+.pref-sub { font-size: 12.5px; color: var(--ink-3); }
+.pref-ctl { display: flex; flex: 0 1 auto; min-width: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
+.pref-ctl > .btn.ghost { margin-right: -10px; }
+.tag { display: inline-flex; height: 28px; align-items: center; gap: 2px; padding: 0 3px 0 11px; border-radius: 999px; background: var(--chip); font-size: 13px; }
+.tag button { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: var(--ink-3); }
+.tag button:hover { background: var(--hover); color: var(--ink); }
 .tag .i { width: 12px; height: 12px; }
-.tags-input input { height: 24px; min-width: 96px; flex: 1; padding: 0 6px; font-size: 13px; outline: none; }
-.tags-input input::placeholder { color: var(--ink-3); }
-.checks li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line-soft); font-size: 13.5px; }
-.checks li span { min-width: 0; overflow-wrap: anywhere; }
-.checks li:first-child { border-top: 0; }
-.checks .i { width: 16px; height: 16px; margin-top: 2px; }
-
-/* settings: the repository card */
-.repo-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
-.repo-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; padding: 18px 20px; }
-.repo-card-head h2 { font-size: 16px; font-weight: 640; letter-spacing: -0.01em; }
-.repo-mark { display: grid; width: 40px; height: 40px; flex-shrink: 0; place-items: center; border-radius: 10px; background: var(--accent-soft); color: var(--accent); }
-.repo-mark .i { width: 20px; height: 20px; }
-.path-copy { display: inline-flex; max-width: 100%; align-items: center; gap: 6px; margin-top: 2px; font-family: var(--mono); font-size: 12.5px; color: var(--ink-3); overflow-wrap: anywhere; text-align: left; }
-.path-copy:hover { color: var(--ink); }
-.path-copy .i { width: 13px; height: 13px; opacity: 0; transition: opacity .15s; }
-.path-copy:hover .i, .path-copy:focus-visible .i { opacity: 1; }
-.pill { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--chip); font-size: 12.5px; font-weight: 500; color: var(--ink-2); white-space: nowrap; }
-.pill .i { width: 14px; height: 14px; }
-.pill.ok { background: color-mix(in srgb, var(--ok) 13%, transparent); color: var(--ok); }
-.pill.warn { background: color-mix(in srgb, var(--warn) 13%, transparent); color: var(--warn); }
-.repo-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line-soft); }
-.repo-facts > div { padding: 12px 20px; }
-.repo-facts > div + div { border-left: 1px solid var(--line-soft); }
-.repo-facts dt { font-size: 12px; color: var(--ink-3); }
-.repo-facts dd { margin-top: 2px; font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.remote-row { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; border-top: 1px solid var(--line); background: var(--panel); }
-.remote-icon { display: grid; width: 32px; height: 32px; flex-shrink: 0; place-items: center; border-radius: 8px; background: var(--chip); color: var(--ink-3); }
-.remote-icon.on { background: var(--accent-soft); color: var(--accent); }
-.remote-icon .i { width: 17px; height: 17px; }
-.remote-title, .remote-label { display: block; font-size: 14px; font-weight: 500; }
-.remote-url { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ink-2); overflow-wrap: anywhere; }
-.remote-help { margin-top: 3px; font-size: 12.5px; color: var(--ink-3); }
-.remote-form { display: flex; gap: 8px; margin-top: 8px; }
-.remote-form .input { height: 32px; padding: 0 10px; font-size: 12.5px; }
-.remote-note { margin-top: 8px; font-size: 12.5px; color: var(--ok); }
-.remote-note.bad { color: var(--bad); }
-.remote-row .inline-gap { gap: 4px; }
-.health-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; padding: 14px 0; }
-.health-icon { display: grid; width: 32px; height: 32px; flex-shrink: 0; place-items: center; border-radius: 50%; background: var(--chip); color: var(--ink-3); }
-.health-icon.ok { background: color-mix(in srgb, var(--ok) 13%, transparent); color: var(--ok); }
-.health-icon.warn { background: color-mix(in srgb, var(--warn) 13%, transparent); color: var(--warn); }
-.health-icon .i { width: 16px; height: 16px; }
-.health .checks { border-top: 1px solid var(--line-soft); }
-.health .setting-help code { font-family: var(--mono); }
-@media (max-width: 639px) {
-  .repo-card-head, .remote-row { padding-inline: 16px; }
-  .repo-card-head .grow { flex: 1 1 calc(100% - 56px); }  /* name and path on their own line; status and Sync under them */
-  .repo-facts > div { padding: 10px 16px; }
-  .remote-row { flex-wrap: wrap; }
-  .remote-form { flex-wrap: wrap; } .remote-form .input { flex-basis: 100%; }
-}
-
-/* settings: profiles. A profile's picture (avatar.js) is drawn from its name; CSS gives it a size. */
-.pavatar { display: block; width: 24px; height: 24px; flex-shrink: 0; }
+.tag-add { display: inline-flex; height: 28px; align-items: center; gap: 4px; padding: 0 10px 0 8px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-3); cursor: text; }
+.tag-add:focus-within { box-shadow: inset 0 0 0 1px var(--accent), 0 0 0 3px var(--accent-soft); }
+.tag-add .i { width: 13px; height: 13px; }
+.tag-add input { width: 84px; font-size: 13px; outline: none; color: var(--ink); }
+.tag-add input::placeholder { color: var(--ink-3); }
+.code-copy { display: inline-flex; max-width: 100%; height: 28px; align-items: center; gap: 8px; padding: 0 10px; border-radius: 999px; background: var(--chip); font-family: var(--mono); font-size: 12px; color: var(--ink-2); overflow-wrap: anywhere; }
+.code-copy:hover { color: var(--ink); }
+.code-copy .i { width: 13px; height: 13px; }
+
+.doctor { display: flex; flex-direction: column; align-items: center; margin-top: 40px; }
+.doctor-line { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2px; font-size: 12.5px; color: var(--ink-3); }
+.doctor-line .sep { margin: 0 4px; }
+.doctor-line button { display: inline-flex; height: 28px; align-items: center; gap: 7px; padding: 0 8px; border-radius: 999px; transition: background-color .15s, color .15s; }
+.doctor-line button:hover { background: var(--hover); color: var(--ink); }
+.doctor-sum { color: var(--ink-2); }
+.doctor-sum.warn { color: var(--warn); }
+.doctor-line .i { width: 13px; height: 13px; }
+.doctor-sum .chev { transition: transform .15s; }
+.doctor-sum .chev.turned { transform: rotate(180deg); }
+.checks { width: 100%; margin-top: 12px; padding: 16px 20px 18px; border-radius: var(--r-card); background: var(--panel); animation: rise .15s ease-out; }
+.checks-note { margin-bottom: 10px; font-size: 12px; color: var(--ink-3); }
+.checks-note code { font-size: 11.5px; color: var(--ink-2); }
+.checks ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 24px; }
+.checks li { display: flex; min-width: 0; align-items: flex-start; gap: 8px; font-size: 12.5px; color: var(--ink-2); overflow-wrap: anywhere; }
+.checks li .i { width: 14px; height: 14px; margin-top: 2px; color: var(--ok); }
+.checks li.bad { color: var(--ink); }
+.checks li.bad .i { color: var(--warn); }
+
+/* profiles: a picture (avatar.js) is drawn from the name; CSS gives it a size */
+.pavatar { display: block; width: 28px; height: 28px; flex-shrink: 0; }
 .svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
-.pavatar.sm { width: 20px; height: 20px; }
-.pavatar.lg { width: 40px; height: 40px; }
-.repo-stack { display: grid; gap: 10px; min-width: 0; }
-.profiles { display: grid; gap: 8px; }
-.ptabs { display: flex; flex-wrap: wrap; gap: 6px; }
-.ptab { display: inline-flex; max-width: 100%; height: 36px; align-items: center; gap: 8px; padding: 0 12px 0 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13.5px; font-weight: 500; color: var(--ink-2); transition: border-color .15s, background-color .15s, color .15s, box-shadow .15s; }
-.ptab:hover { background: var(--hover); color: var(--ink); }
-.ptab:disabled { opacity: .6; }
-.ptab[aria-checked="true"] { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); background: var(--surface); color: var(--ink); box-shadow: 0 0 0 3px var(--accent-soft); }
-.ptab-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ptab-count { font-size: 12px; font-weight: 400; color: var(--ink-3); font-variant-numeric: tabular-nums; }
-.ptab.add { gap: 6px; padding: 0 12px; border-style: dashed; background: transparent; color: var(--ink-3); }
-.ptab.add .i { width: 15px; height: 15px; }
-.ptab.add:hover { color: var(--ink); }
-.ptab.add[aria-pressed="true"] { border-style: solid; border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); background: var(--surface); color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
-.profiles-help { font-size: 12.5px; color: var(--ink-3); }
-.profiles-help b { font-weight: 600; color: var(--ink-2); }
-.repo-title { display: flex; align-items: center; gap: 2px; }
-.repo-title .btn.icon { width: 26px; height: 26px; color: var(--ink-3); }
-.repo-title .btn.icon .i { width: 14px; height: 14px; }
-.pform { display: grid; gap: 16px; padding: 20px; }
-.pform-top { display: flex; align-items: center; gap: 14px; }
-.pform-top h2 { font-size: 16px; font-weight: 640; letter-spacing: -0.01em; }
-.pform-sub { margin-top: 2px; font-size: 13px; color: var(--ink-3); }
-.pfield { display: grid; }
-.pfield .field-label { justify-content: flex-start; gap: 4px; }
-.pfield .field-label .faint { font-weight: 400; }
-.pfield .input { height: 36px; }
-.field-help { margin-top: 6px; font-size: 12.5px; color: var(--ink-3); }
-.pform-error { font-size: 13px; color: var(--bad); }
-.pform-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
-.rail-profile { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; transition: background-color .15s; }
-.rail-profile:hover, .rail-profile:has(+ .menu:popover-open) { background: var(--hover); }
-.rail-profile:has(+ .menu:popover-open)::after { display: none; }  /* the menu says it already */
+.rail-profile { position: relative; display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; transition: background-color .15s, box-shadow .15s; }
+.rail-profile:hover { background: var(--hover); }
+.rail-profile[aria-current="page"] { background: var(--surface); box-shadow: 0 0 0 1px var(--line); }
 .rail-profile .pavatar { width: 26px; height: 26px; }
-.menu-item.tall { height: 36px; }
-.menu-note.pad { margin: 0; padding: 6px 8px 4px; }
-.tick-space { width: 14px; flex-shrink: 0; }
 @media (max-width: 639px) {
-  .pform { padding: 16px; }
+  .settings { margin-top: 4px; }
+  .hero-main { padding: 40px 20px 28px; }
+  .pavatar.hero-pic { width: 80px; height: 80px; }
+  .hero-name { margin-top: 18px; font-size: 28px; }
+  .hero-meta { flex-direction: column; gap: 6px; }
+  .hero-glow { width: min(var(--glow-w), 460px); }
+  .sync-pill .wide-only { display: none; }
+  .dock { padding: 12px 12px 12px 16px; }
+  .dock-label { flex: 1 0 50%; margin: 0; }  /* the label and Remove share the first line, the chips the next */
+  .dock-remove { order: 1; margin-right: -6px; }
+  .dock .grow { display: none; }
+  .dock .pchip { order: 2; }
+  .pform { padding: 18px 16px; }
+  .pform-fields { grid-template-columns: minmax(0, 1fr); }
+  .prefs { margin-top: 28px; }
+  .pref { flex-wrap: wrap; gap: 10px 16px; min-height: 60px; padding-inline: 2px; }
+  .pref-text { flex: 1 1 auto; }
+  .pref.wrap .pref-ctl { flex-basis: 100%; justify-content: flex-start; }
+  .checks { padding: 14px 16px; }
+  .checks ul { grid-template-columns: minmax(0, 1fr); }
   .rail-profile[data-tip]::after { display: none; }
 }
 

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/webui/js/avatar.js

@@ -52,6 +52,11 @@ function face(n) {
   return `<g transform="${move}" opacity=".9">${eye(40 - spread)}${eye(40 + spread)}${mouth}</g>`;
 }
 
+/** The picture's colours alone, without its face or corners: Settings blurs it into a glow behind the profile. */
+export function glow(name) {
+  return raw(`<svg viewBox="0 0 80 80" preserveAspectRatio="none" aria-hidden="true">${marble(hash(name))}</svg>`);
+}
+
 /** The picture for a profile called `name`, sized by CSS (.pavatar); its rounded corners are #pav-clip. */
 export function avatar(name, cls = "") {
   return raw(`<svg class="pavatar ${cls}" viewBox="0 0 80 80" aria-hidden="true"><g clip-path="url(#pav-clip)">${marble(hash(name))}${face(hash(`${name}face`))}</g></svg>`);

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/webui/js/main.js

@@ -137,7 +137,6 @@ const ACTIONS = {
   },
   toggleHealth: () => { settings.healthOpen = !settings.healthOpen; app.changed(); },
   useProfile: (id) => { closeMenus(); app.useProfile(id); },
-  manageProfiles: () => { closeMenus(); app.go("settings"); },
   profileNew: async () => { await app.newProfile(); setTimeout(() => document.getElementById("pf-folder")?.focus()); },
   profileCancel: () => app.cancelProfile(),
   profileRemove: () => app.removeProfile(),
@@ -185,14 +184,9 @@ document.addEventListener("beforetoggle", (e) => {
   const trigger = document.querySelector(`[popovertarget="${menu.id}"]`);
   if (!trigger) return;
   const r = trigger.getBoundingClientRect(), w = parseFloat(getComputedStyle(menu).width) || 288;
-  if (menu.dataset.align === "side" && innerWidth >= 640) {  // beside a trigger low in the rail, growing upwards
-    Object.assign(menu.style, { left: `${r.right + 8}px`, top: "auto", bottom: `${Math.max(8, innerHeight - r.bottom)}px`, maxHeight: `${Math.max(160, r.bottom - 16)}px` });
-    return;
-  }
-  const left = menu.dataset.align === "end" || menu.dataset.align === "side" ? r.right - w : r.left;
+  const left = menu.dataset.align === "end" ? r.right - w : r.left;
   menu.style.left = `${Math.max(8, Math.min(innerWidth - w - 8, left))}px`;
   menu.style.top = `${r.bottom + 4}px`;
-  menu.style.bottom = "auto";
   menu.style.maxHeight = `${Math.max(160, innerHeight - r.bottom - 16)}px`;
   if (menu.querySelector(".menu-find")) { app.menuQuery = ""; app.changed(); }
 }, true);

agent_memory_git-0.1.10/src/agent_memory/webui/js/views/profiles.js

@@ -0,0 +1,56 @@
+// Profiles: separate memory repositories, each its own folder and remote. Settings opens on the active one, with
+// the others in its foot; the rail's last button is the active profile's picture, which leads there. A profile's name is picked for it when it is made, and its picture is
+// drawn from the name.
+import { avatar } from "../avatar.js";
+import { attrs, html } from "../h.js";
+import { icon } from "../icons.js";
+import { app } from "../store.js";
+
+/** Profiles to list, or none when the page cannot change them (AGENT_MEMORY_DATA picks the folder). */
+export const shown = () => (app.profiles && !app.profiles.locked ? app.profiles.profiles : []);
+export const active = () => shown().find((p) => p.active) ?? null;
+
+// ---------------------------------------------------------------- the foot of Settings' hero
+
+/** Every profile, in the order they were made so none moves when another is picked (the open one marked), New
+ *  profile, and removing the open one. */
+export function dock() {
+  const list = shown();
+  return html`<div class="dock" role="group" aria-label="Profiles">
+    <span class="dock-label">Profiles</span>
+    ${list.map((p) => html`<button type="button"${attrs({ class: "pchip", "data-key": `pchip-${p.id}`, "data-act": "useProfile", "data-arg": p.id, "aria-pressed": String(p.active), disabled: !!app.switching && !p.active, title: p.active ? `${p.name} is open` : `Switch to ${p.name}` })}>
+      ${avatar(p.name)}${p.name}<span class="n">${p.memories}</span></button>`)}
+    <button type="button" class="pchip add" data-act="profileNew"><span class="plus">${icon("plus")}</span>New profile</button>
+    <span class="grow"></span>
+    ${list.length > 1 ? html`<button type="button" class="dock-remove" data-act="profileRemove">Remove profile</button>` : ""}
+  </div>`;
+}
+
+/** In place of the foot: the name and picture the new profile will have, its folder and an optional remote. */
+export function newProfile() {
+  const f = app.pform;
+  return html`<form class="pform" data-profile-form aria-label="New profile">
+    <div class="pform-top">${avatar(f.name)}<div><div class="pform-name">${f.name}</div><div class="pform-note">Name and picture are picked for you</div></div></div>
+    <div class="pform-fields">
+      <label class="pfield"><span>Folder</span><input id="pf-folder" class="input mono" placeholder="~/agent-memory-work" autocomplete="off" spellcheck="false" data-input="pform:folder"${attrs({ value: f.folder, disabled: f.busy })}></label>
+      <label class="pfield"><span>Remote <i>(optional)</i></span><input class="input mono" placeholder="git@github.com:you/agent-memory-work.git" autocomplete="off" spellcheck="false" data-input="pform:remote"${attrs({ value: f.remote, disabled: f.busy })}></label>
+    </div>
+    ${f.error ? html`<p class="pform-error" role="alert">${f.error}</p>` : ""}
+    <div class="pform-actions">
+      <button type="submit" class="btn primary"${attrs({ disabled: f.busy || !f.folder.trim() })}>${f.busy ? html`${icon("refresh-cw", "spin")}Creating…` : "Create and switch"}</button>
+      <button type="button" class="btn ghost" data-act="profileCancel"${attrs({ disabled: f.busy })}>Cancel</button>
+    </div>
+  </form>`;
+}
+
+// ---------------------------------------------------------------- the rail
+
+/** The rail's last button: the active profile's picture, which opens Settings, where profiles are switched. Without
+ *  profiles (AGENT_MEMORY_DATA picks the folder, or an older server) the rail keeps `fallback`, a Settings button. */
+export function railProfile(fallback) {
+  const now = active();
+  if (!now) return fallback;
+  const update = app.update?.available ? app.update.latest : "";
+  const label = `${now.name} · Settings${update ? ` · version ${update} is out` : ""}`;
+  return html`<button type="button" class="rail-profile"${attrs({ "aria-label": label, "data-tip": label, "data-tip-side": "right", "aria-current": app.page === "settings" ? "page" : null, "data-act": "go", "data-arg": "settings" })}>${avatar(now.name)}${update ? html`<i class="badge" aria-hidden="true"></i>` : ""}</button>`;
+}

agent_memory_git-0.1.10/src/agent_memory/webui/js/views/settings.js

@@ -0,0 +1,128 @@
+// Settings: the open profile as a hero (its picture, name, where it lives and one sync state, with the other
+// profiles in its foot), then a few quiet rows of preferences, and the installation's health as one line.
+import { avatar, glow } from "../avatar.js";
+import { since } from "../format.js";
+import { attrs, cx, html } from "../h.js";
+import { icon } from "../icons.js";
+import { app } from "../store.js";
+import { active, dock, newProfile, shown } from "./profiles.js";
+import { segmented, toggle } from "./ui.js";
+
+const copyCode = (text) => html`<button type="button" class="code-copy" title="Copy" data-act="copy" data-arg="${text}">${text}${icon("copy")}</button>`;
+const spin = (on) => icon("refresh-cw", on ? "spin" : "");
+
+// ---------------------------------------------------------------- the hero
+
+function where(s) {
+  const st = app.settings;
+  const folder = s?.dataDir ?? app.data?.dataDir ?? "";
+  const remote = s?.remote
+    ? html`<span class="hero-meta-item">${icon("cloud")}<span class="v" title="${s.remoteUrl || s.remote}">${s.remote}</span><button type="button" class="hero-link" data-act="remoteEdit">Change</button></span>`
+    : html`<span class="hero-meta-item">${icon("cloud")}<span class="k">No remote</span><button type="button" class="hero-link" data-act="remoteEdit">Add</button></span>`;
+  return html`<div class="hero-meta">
+    <button type="button" class="hero-meta-item" title="Copy the path" data-act="copy" data-arg="${folder}">${icon("folder")}<span class="v">${folder}</span>${icon("copy", "copy-hint")}</button>
+    ${st.remoteEdit ? "" : remote}
+  </div>`;
+}
+
+function remoteEdit(s) {
+  const st = app.settings;
+  return html`<div class="remote-edit">
+    <label for="remote-url">${s?.remote ? "Remote" : "Connect a remote"}</label>
+    <input id="remote-url" class="input mono" placeholder="git@github.com:you/agent-memory-data.git" autocomplete="off" spellcheck="false" data-input="remoteDraft"${attrs({ value: st.remoteDraft, disabled: st.remoteBusy })}>
+    <div class="remote-edit-row">
+      <button type="button" class="btn primary" data-act="remoteSave"${attrs({ disabled: st.remoteBusy || !st.remoteDraft.trim() })}>${st.remoteBusy ? html`${spin(true)}Connecting…` : s?.remote ? "Save" : "Connect"}</button>
+      <button type="button" class="btn ghost" data-act="remoteCancel"${attrs({ disabled: st.remoteBusy })}>Cancel</button>
+      ${s?.remote ? html`<span class="grow"></span><button type="button" class="btn ghost bad-text" data-act="remoteDisconnect"${attrs({ disabled: st.remoteBusy })}>Disconnect</button>` : ""}
+    </div>
+  </div>`;
+}
+
+function syncPill(s) {
+  const changed = s?.lastCommit ? html`<span class="wide-only">changed </span>${since(s.lastCommit)}` : "no changes yet";
+  if (!s?.remote) return html`<div class="sync-pill solo" role="status"><span class="sync-state"><i class="dot off"></i><span><b>On this machine only</b> · ${changed}</span></span></div>`;
+  const state = app.unpushed
+    ? html`<span class="sync-state"><i class="dot warn"></i><b>${app.unpushed === 1 ? "1 change" : `${app.unpushed} changes`} not pushed</b></span>`
+    : html`<span class="sync-state"><i class="dot ok"></i><span><b>Synced</b> · ${changed}</span></span>`;
+  return html`<div class="sync-pill" role="status">${state}<span class="sync-sep"></span>
+    <button type="button" class="sync-btn" data-act="syncNow"${attrs({ disabled: app.settings.syncing })}>${spin(app.settings.syncing)}Sync now</button></div>`;
+}
+
+function hero() {
+  const s = app.settings.s, st = app.settings, p = active();
+  const name = p?.name ?? s?.name ?? "agent-memory";
+  const count = `${app.M.length} ${app.M.length === 1 ? "memory" : "memories"}`;
+  const role = !p ? "" : app.profiles.demo ? "The profile the page shows" : "New sessions use this profile";
+  const note = st.remoteNote ? html`<p${attrs({ class: cx("hero-note", !st.remoteNote.ok && "bad"), role: "status" })}>${st.remoteNote.text}</p>` : "";
+  return html`<section class="hero" data-key="hero" aria-label="${p ? "The open profile" : "The data repository"}">
+    <div class="hero-glow" aria-hidden="true">${glow(name)}</div>
+    <div class="hero-main">
+      ${avatar(name, "hero-pic")}
+      <h2 class="hero-name">${name}</h2>
+      <p class="hero-sub">${count}${role ? html`<span class="sep">·</span>${role}` : ""}</p>
+      ${where(s)}
+      ${st.remoteEdit ? remoteEdit(s) : ""}
+      ${note}
+      ${syncPill(s)}
+    </div>
+    ${shown().length ? (app.pform ? newProfile() : dock()) : ""}
+  </section>`;
+}
+
+// ---------------------------------------------------------------- the quiet rows
+
+const pref = (label, sub, control, cls = "") => html`<div${attrs({ class: cx("pref", cls) })}>
+  <div class="pref-text"><span class="pref-label">${label}</span>${sub ? html`<span class="pref-sub">${sub}</span>` : ""}</div>
+  <div class="pref-ctl">${control}</div>
+</div>`;
+
+function prefs() {
+  const s = app.settings.s, st = app.settings, u = app.update;
+  const words = s?.keywordStopwords ?? [];
+  const tags = html`${words.map((w) => html`<span class="tag" data-key="tag-${w}">${w}<button type="button"${attrs({ "aria-label": `Remove ${w}`, "data-act": "removeWord", "data-arg": w })}>${icon("x", "", 2.4)}</button></span>`)}
+    <label class="tag-add">${icon("plus")}<input id="add-word" placeholder="Add a word" aria-label="Add a word that is never a keyword" data-input="word"${attrs({ value: st.word })}></label>`;
+  // searching by meaning only needs a row when something is to be done about it
+  const meaning = !s ? "" : !s.model.ready
+    ? pref("Search by meaning", `Off · the model is ${s.model.size}`, copyCode(s.model.fetch))
+    : !s.semantic ? pref("Search by meaning", "Restart mem ui to turn it on", "") : "";
+  let update;
+  if (u?.available && u.oneClick) {
+    update = html`<button type="button" class="btn primary" data-act="runUpdate"${attrs({ disabled: !!app.updating })}>
+      ${app.updating ? html`${spin(true)}${app.updating === "restarting" ? "Restarting…" : "Updating…"}` : html`${icon("circle-arrow-up")}Update to ${u.latest}`}</button>`;
+  } else if (u?.available) update = copyCode(u.command);
+  else update = html`<button type="button" class="btn ghost" data-act="checkNow"${attrs({ disabled: st.lookingUp })}>${spin(st.lookingUp)}Check now</button>`;
+  const said = !u ? "Checking for updates…" : u.available ? `${u.latest} is out` : u.latest ? "Up to date" : u.auto ? "Could not reach PyPI" : "";
+  const theme = segmented("Theme", app.theme, [{ value: "system", label: "System" }, { value: "light", label: "Light" }, { value: "dark", label: "Dark" }], "setTheme");
+  return html`<section class="prefs" aria-label="Preferences">
+    ${pref("Excluded words", "Never become keyword chips or filters", tags, "wrap")}
+    ${meaning}
+    ${pref("Theme", "", theme)}
+    ${pref(`agent-memory ${u?.current ?? s?.version ?? ""}`, said, update)}
+    ${st.failed ? html`<div class="callout bad"><div><div class="callout-title">${st.failed.error}</div>${st.failed.log ? html`<pre>${st.failed.log}</pre>` : ""}</div></div>` : ""}
+    ${pref("Check for updates daily", "PyPI is sent only the package name", toggle(u?.auto ?? true, "Check for updates daily", "autoUpdate"))}
+  </section>`;
+}
+
+// ---------------------------------------------------------------- the installation, one line
+
+function doctor() {
+  const { checks, checking, healthOpen } = app.settings;
+  const failing = (checks ?? []).filter((c) => !c.ok);
+  const summary = !checks ? "Checking the installation…" : failing.length ? `${failing.length} of ${checks.length} checks failing` : `All ${checks.length} checks pass`;
+  const list = (items) => html`<ul>${items.map((c) => html`<li${attrs({ class: c.ok ? null : "bad" })}>${icon(c.ok ? "check" : "triangle-alert")}<span>${c.text}</span></li>`)}</ul>`;
+  return html`<section class="doctor" aria-label="Installation">
+    <div class="doctor-line">
+      <button type="button"${attrs({ class: cx("doctor-sum", failing.length && "warn"), "data-act": "toggleHealth", "aria-expanded": String(!!healthOpen), disabled: !checks?.length })}>
+        <i${attrs({ class: cx("dot", checks ? (failing.length ? "warn" : "ok") : "off") })}></i>${summary}${checks?.length ? icon("chevron-down", healthOpen ? "chev turned" : "chev") : ""}
+      </button>
+      <span class="sep">·</span>
+      <button type="button" class="doctor-again" data-act="runChecks"${attrs({ disabled: checking })}>${spin(checking)}Run again</button>
+    </div>
+    ${healthOpen && checks ? html`<div class="checks"><p class="checks-note">The same checks as <code>mem doctor</code>.</p>${list(checks)}</div>`
+      : failing.length ? html`<div class="checks">${list(failing)}</div>` : ""}
+  </section>`;
+}
+
+export function settingsPage() {
+  return html`<div class="settings">${hero()}${prefs()}${doctor()}</div>`;
+}

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/webui/js/views/shell.js

@@ -35,8 +35,7 @@ function rail() {
     </button>
     ${railButton("insights", "Insights", "chart-column")}
     <div class="spacer"></div>
-    ${railProfile()}
-    ${railButton("settings", settings, "settings-2")}
+    ${railProfile(railButton("settings", settings, "settings-2"))}
   </nav>`;
 }
 

{agent_memory_git-0.1.8 → agent_memory_git-0.1.10}/src/agent_memory/webui/js/views/ui.js

@@ -35,6 +35,3 @@ export const select = (label, value, items, act, cls = "", placeholder = "") =>
 /** A menu that opens under its trigger (the trigger names it with popovertarget). */
 export const menu = (id, content, cls = "", align = "start") =>
   html`<div${attrs({ id, popover: "", class: `menu ${cls}`, "data-align": align, "data-live": "style" })}>${content}</div>`;
-
-/** A note that something is good, waiting or wrong. */
-export const status = (tone, text) => html`<span class="status"><i class="dot ${tone}"></i>${text}</span>`;

agent_memory_git-0.1.8/src/agent_memory/webui/js/views/profiles.js

@@ -1,78 +0,0 @@
-// Profiles: separate memory repositories, each its own folder and remote. Settings lists them above the
-// repository card, which shows the active one; the rail offers a quick switch once there are several. A
-// profile's name is picked for it when it is made, and its picture is drawn from the name.
-import { avatar } from "../avatar.js";
-import { plural } from "../format.js";
-import { attrs, cx, html } from "../h.js";
-import { icon } from "../icons.js";
-import { app } from "../store.js";
-import { menu } from "./ui.js";
-
-/** Profiles to list, or none when the page cannot change them (AGENT_MEMORY_DATA picks the folder). */
-export const shown = () => (app.profiles && !app.profiles.locked ? app.profiles.profiles : []);
-export const active = () => shown().find((p) => p.active) ?? null;
-
-// ---------------------------------------------------------------- the strip above the repository card
-
-export function profileStrip() {
-  const list = shown();
-  if (!list.length) return "";
-  const adding = !!app.pform, now = active();
-  return html`<div class="profiles">
-    <div class="ptabs" role="radiogroup" aria-label="Profiles">
-      ${list.map((p) => html`<button type="button" role="radio"${attrs({ class: "ptab", "data-key": `ptab-${p.id}`, "aria-checked": String(p.active && !adding), "data-act": "useProfile", "data-arg": p.id, disabled: !!app.switching, title: p.active ? `${p.name} · ${p.dataDir}` : `Switch to ${p.name}` })}>
-        ${avatar(p.name)}<span class="ptab-name">${p.name}</span><span class="ptab-count">${p.memories}</span>
-      </button>`)}
-      <button type="button"${attrs({ class: cx("ptab", "add"), "aria-pressed": String(adding), "data-act": "profileNew" })}>${icon("plus")}New profile</button>
-    </div>
-    ${list.length > 1 && now && !adding ? html`<p class="profiles-help">${app.profiles.demo
-      ? html`Set up for real, new Claude Code and Codex sessions would use <b>${now.name}</b>; the demo is not connected to them.`
-      : html`New Claude Code and Codex sessions use <b>${now.name}</b>. Sessions already running keep the profile they started in.`}</p>` : ""}
-  </div>`;
-}
-
-// ---------------------------------------------------------------- a new profile
-
-/** The card that takes the repository card's place while a profile is being added. */
-export function profileNewCard() {
-  const f = app.pform;
-  return html`<section class="repo-card">
-    <form class="pform" data-profile-form>
-      <div class="pform-top">
-        ${avatar(f.name, "lg")}
-        <div class="grow">
-          <h2>${f.name}</h2>
-          <p class="pform-sub">A new profile: a separate set of memories in its own repository. Its name and picture are picked for it.</p>
-        </div>
-      </div>
-      <label class="pfield"><span class="field-label">Folder</span>
-        <input id="pf-folder" class="input mono" placeholder="~/agent-memory-work" autocomplete="off" spellcheck="false" data-input="pform:folder"${attrs({ value: f.folder, disabled: f.busy })}>
-        <span class="field-help">A new or empty folder becomes a memory repository. One that already is one is used as it is.</span>
-      </label>
-      <label class="pfield"><span class="field-label">Remote <span class="faint">(optional)</span></span>
-        <input class="input mono" placeholder="git@github.com:you/agent-memory-work.git" autocomplete="off" spellcheck="false" data-input="pform:remote"${attrs({ value: f.remote, disabled: f.busy })}>
-        <span class="field-help">Leave it empty to keep these memories on this machine. With a new folder, a remote that already has memories is cloned; an empty one gets the new repository pushed to it.</span>
-      </label>
-      ${f.error ? html`<p class="pform-error" role="alert">${f.error}</p>` : ""}
-      <div class="pform-actions">
-        <button type="submit" class="btn primary sm"${attrs({ disabled: f.busy || !f.folder.trim() })}>${f.busy ? html`${icon("refresh-cw", "spin")}Creating…` : "Create and switch"}</button>
-        <button type="button" class="btn ghost sm" data-act="profileCancel"${attrs({ disabled: f.busy })}>Cancel</button>
-      </div>
-    </form>
-  </section>`;
-}
-
-// ---------------------------------------------------------------- the rail
-
-export function railProfile() {
-  const list = shown(), now = active();
-  if (list.length < 2 || !now) return "";
-  return html`<button type="button" class="rail-profile" popovertarget="menu-profiles"${attrs({ "aria-label": `Profile: ${now.name}`, "data-tip": `Profile: ${now.name}`, "data-tip-side": "right" })}>${avatar(now.name)}</button>
-    ${menu("menu-profiles", html`<div class="menu-list" role="menu">
-      <div class="menu-note pad">${app.profiles.demo ? "The profile the page shows." : "New sessions use the profile picked here."}</div>
-      ${list.map((p) => html`<button type="button" role="menuitemradio"${attrs({ class: "menu-item tall", "aria-checked": String(p.active), "data-act": "useProfile", "data-arg": p.id })}>
-        ${avatar(p.name, "sm")}<span class="grow truncate">${p.name}</span><span class="count">${plural(p.memories, "memory", "memories")}</span>${p.active ? icon("check", "accent") : html`<span class="tick-space"></span>`}
-      </button>`)}
-    </div>
-    <div class="menu-foot"><button type="button" class="menu-wide" data-act="manageProfiles">Manage profiles</button></div>`, "", "side")}`;
-}

agent_memory_git-0.1.8/src/agent_memory/webui/js/views/settings.js

@@ -1,138 +0,0 @@
-// Settings: the profiles and the data repository first (where it is, its remote, sync), then search, general
-// settings, and health as one line that opens when asked or when something fails.
-import { plural, since } from "../format.js";
-import { attrs, cx, html } from "../h.js";
-import { icon } from "../icons.js";
-import { app } from "../store.js";
-import { avatar } from "../avatar.js";
-import { active, profileNewCard, profileStrip, shown } from "./profiles.js";
-import { segmented, status, toggle } from "./ui.js";
-
-/** A setting: its name and help on the left, the control on the right. */
-const row = (label, help, control) => html`<div class="setting">
-  <div><div class="setting-name">${label}</div>${help ? html`<div class="setting-help">${help}</div>` : ""}</div>
-  <div class="setting-control">${control}</div>
-</div>`;
-
-const copyCode = (text) => html`<button type="button" class="code-copy" title="Copy" data-act="copy" data-arg="${text}"><span>${text}</span>${icon("copy")}</button>`;
-
-function syncState(s) {
-  if (!s?.remote) return html`<span class="pill">${icon("laptop")}On this machine only</span>`;
-  if (app.unpushed) return html`<span class="pill warn">${plural(app.unpushed, "change")} not pushed</span>`;
-  return html`<span class="pill ok">${icon("check", "", 2.5)}Synced</span>`;
-}
-
-function remote(s) {
-  const st = app.settings;
-  const note = st.remoteNote ? html`<p${attrs({ class: cx("remote-note", !st.remoteNote.ok && "bad") })} role="status">${st.remoteNote.text}</p>` : "";
-  if (st.remoteEdit) {
-    return html`<div class="remote-row editing">
-      <span class="remote-icon">${icon("cloud")}</span>
-      <div class="grow">
-        <label class="remote-label" for="remote-url">${s?.remote ? "Change the remote" : "Connect a remote"}</label>
-        <div class="remote-form">
-          <input id="remote-url" class="input mono" placeholder="git@github.com:you/agent-memory-data.git" autocomplete="off" spellcheck="false" data-input="remoteDraft"${attrs({ value: st.remoteDraft, disabled: st.remoteBusy })}>
-          <button type="button" class="btn primary sm" data-act="remoteSave"${attrs({ disabled: st.remoteBusy || !st.remoteDraft.trim() })}>${st.remoteBusy ? html`${icon("refresh-cw", "spin")}Connecting…` : s?.remote ? "Save" : "Connect"}</button>
-          <button type="button" class="btn ghost sm" data-act="remoteCancel"${attrs({ disabled: st.remoteBusy })}>Cancel</button>
-        </div>
-        <p class="remote-help">An empty private repository works: this one is pushed to it. One that other machines already push to is pulled from first.</p>
-        ${note}
-      </div>
-    </div>`;
-  }
-  if (!s?.remote) {
-    return html`<div class="remote-row">
-      <span class="remote-icon">${icon("cloud")}</span>
-      <div class="grow"><div class="remote-title">No remote</div>
-        <p class="remote-help">Every change is still committed here. Add a private remote to keep your other machines in sync.</p>${note}</div>
-      <button type="button" class="btn sm" data-act="remoteEdit">${icon("plus")}Add remote</button>
-    </div>`;
-  }
-  return html`<div class="remote-row">
-    <span class="remote-icon on">${icon("cloud")}</span>
-    <div class="grow"><div class="remote-title">Remote</div><code class="remote-url">${s.remoteUrl || s.remote}</code>${note}</div>
-    <div class="inline-gap">
-      <button type="button" class="btn ghost sm" data-act="remoteEdit">Change</button>
-      <button type="button" class="btn ghost sm bad-text" data-act="remoteDisconnect">Disconnect</button>
-    </div>
-  </div>`;
-}
-
-function repository() {
-  if (app.pform) return profileNewCard();
-  const s = app.settings.s, p = active();
-  const facts = [
-    ["Memories", String(app.M.length)],
-    ["Last change", s?.lastCommit ? since(s.lastCommit) : "never"],
-  ];
-  const head = html`<header class="repo-card-head">
-      ${p ? avatar(p.name, "lg") : html`<span class="repo-mark">${icon("git-branch")}</span>`}
-      <div class="grow">
-        <h2 class="repo-title">${p?.name ?? s?.name ?? "Data repository"}${p && shown().length > 1 ? html`<button type="button" class="btn ghost icon" aria-label="Remove this profile" data-tip="Remove this profile" data-act="profileRemove">${icon("trash")}</button>` : ""}</h2>
-        <button type="button" class="path-copy" title="Copy the path" data-act="copy" data-arg="${s?.dataDir ?? ""}">${s?.dataDir ?? app.data?.dataDir}${icon("copy")}</button>
-      </div>
-      ${syncState(s)}
-      ${s?.remote ? html`<button type="button" class="btn sm" data-act="syncNow"${attrs({ disabled: app.settings.syncing })}>${icon("refresh-cw", app.settings.syncing ? "spin" : "")}Sync now</button>` : ""}
-    </header>`;
-  return html`<section class="repo-card" data-key="repo-card">
-    ${head}
-    <dl class="repo-facts">${facts.map(([k, v]) => html`<div><dt>${k}</dt><dd>${v}</dd></div>`)}</dl>
-    ${remote(s)}
-  </section>`;
-}
-
-function search() {
-  const s = app.settings.s;
-  const words = s?.keywordStopwords ?? [];
-  const model = html`<div class="model-state">${s?.model.ready
-    ? status("ok", `Ready${s.semantic ? "" : " (restart mem ui to use it)"}`)
-    : html`${status("off", "Not downloaded")}${s ? copyCode(s.model.fetch) : ""}`}</div>`;
-  return html`<section class="group"><h2>Search</h2>
-    ${row("Search by meaning", `${s?.model.name ?? "A local embedding model"}, on the CPU (${s?.model.size ?? "about 625 MB"}), across Chinese and English.`, model)}
-    ${row("Never use as keywords", "Words such as your own name, kept out of keyword chips and filters.", html`<div class="tags-input">
-      ${words.map((w) => html`<span class="tag" data-key="tag-${w}">${w}<button type="button"${attrs({ "aria-label": `Remove ${w}`, "data-act": "removeWord", "data-arg": w })}>${icon("x")}</button></span>`)}
-      <input id="add-word" placeholder="Add a word" data-input="word"${attrs({ value: app.settings.word })}>
-    </div>`)}
-  </section>`;
-}
-
-function general() {
-  const u = app.update, st = app.settings, s = st.s;
-  let control;
-  if (u?.available && u.oneClick) {
-    control = html`<button type="button" class="btn primary sm" data-act="runUpdate"${attrs({ disabled: !!app.updating })}>
-      ${app.updating ? html`${icon("refresh-cw", "spin")}${app.updating === "restarting" ? "Restarting…" : "Updating…"}` : html`${icon("circle-arrow-up")}Update to ${u.latest}`}</button>`;
-  } else if (u?.available) control = copyCode(u.command);
-  else control = html`<button type="button" class="btn sm" data-act="checkNow"${attrs({ disabled: st.lookingUp })}>${icon("refresh-cw", st.lookingUp ? "spin" : "")}Check now</button>`;
-  const help = !u ? "Checking for updates…"
-    : u.available ? `Version ${u.latest} is out.${u.oneClick ? " Updating also refreshes the hooks and restarts this page." : u.method === "dev" ? " This is a working copy; in it, run:" : " Update with:"}`
-    : u.latest ? `Up to date${u.checked ? `, checked ${since(u.checked)}` : ""}.` : u.auto ? "Could not reach PyPI to check." : "Automatic checks are off.";
-  const theme = segmented("Theme", app.theme, [{ value: "system", label: "System" }, { value: "light", label: "Light" }, { value: "dark", label: "Dark" }], "setTheme");
-  return html`<section class="group"><h2>General</h2>
-    ${row("Theme", "Follow the system, or pick one.", theme)}
-    ${row(`agent-memory ${u?.current ?? s?.version ?? ""}`, help, control)}
-    ${st.failed ? html`<div class="callout bad"><div><div class="callout-title">${st.failed.error}</div>${st.failed.log ? html`<pre>${st.failed.log}</pre>` : ""}</div></div>` : ""}
-    ${row("Check for updates", "Once a day this page asks PyPI for the latest version; only the package name is sent.", toggle(u?.auto ?? true, "Check for updates automatically", "autoUpdate"))}
-  </section>`;
-}
-
-function health() {
-  const { checks, checking, healthOpen } = app.settings;
-  const failing = (checks ?? []).filter((c) => !c.ok);
-  const shown = healthOpen ? checks ?? [] : failing;
-  const summary = !checks ? "Checking the installation…"
-    : failing.length ? `${failing.length} of ${checks.length} checks failing` : `All ${checks.length} checks pass`;
-  return html`<section class="group health">
-    <div class="health-summary">
-      <span${attrs({ class: cx("health-icon", checks && (failing.length ? "warn" : "ok")) })}>${icon(failing.length ? "triangle-alert" : "check", "", 2.5)}</span>
-      <div class="grow"><div class="setting-name">${summary}</div><div class="setting-help">The same checks as <code>mem doctor</code>.</div></div>
-      ${checks?.length ? html`<button type="button" class="btn ghost sm" data-act="toggleHealth">${healthOpen ? "Hide" : "Show all"}</button>` : ""}
-      <button type="button" class="btn sm" data-act="runChecks"${attrs({ disabled: checking })}>${icon("refresh-cw", checking ? "spin" : "")}Run again</button>
-    </div>
-    ${shown.length ? html`<ul class="checks">${shown.map((c) => html`<li>${icon(c.ok ? "check" : "triangle-alert", c.ok ? "ok-text" : "warn-text")}<span>${c.text}</span></li>`)}</ul>` : ""}
-  </section>`;
-}
-
-export function settingsPage() {
-  return html`<div class="settings"><div class="repo-stack">${profileStrip()}${repository()}</div>${search()}${general()}${health()}</div>`;
-}