+ ${escapeHtml(entry.key)}
+ raw key: ${escapeHtml(entry.rawKey)} | file: ${escapeHtml(entry.fileId)}
+ ${tags || 'no tags'}
+
+ `;
+ })
+ .join('');
+}
+
+async function fetchTags() {
+ const response = await fetch(`${apiBase()}/v1/tags`);
+ if (!response.ok) {
+ throw new Error(`Failed fetching tags: ${response.status}`);
+ }
+
+ const body = await response.json();
+ state.allTags = Array.isArray(body.tags) ? body.tags : [];
+
+ for (const tag of Array.from(state.selectedTags)) {
+ if (!state.allTags.includes(tag)) {
+ state.selectedTags.delete(tag);
+ }
+ }
+}
+
+async function fetchEntries() {
+ const selectedTags = Array.from(state.selectedTags).sort();
+ const params = new URLSearchParams();
+ if (selectedTags.length > 0) {
+ params.set('tags', selectedTags.join(','));
+ }
+ params.set('match', matchModeSelect.value);
+
+ const response = await fetch(`${apiBase()}/v1/entries?${params.toString()}`);
+ if (!response.ok) {
+ throw new Error(`Failed fetching entries: ${response.status}`);
+ }
+
+ const body = await response.json();
+ state.entries = Array.isArray(body.entries) ? body.entries : [];
+}
+
+async function refresh() {
+ statusEl.textContent = 'Loading...';
+
+ try {
+ await fetchTags();
+ await fetchEntries();
+ renderTags();
+ renderEntries();
+ statusEl.textContent = `Loaded ${state.allTags.length} tags.`;
+ } catch (error) {
+ statusEl.textContent = error instanceof Error ? error.message : String(error);
+ }
+}
+
+tagsEl.addEventListener('click', async (event) => {
+ const target = event.target;
+ if (!(target instanceof HTMLElement)) {
+ return;
+ }
+
+ const tag = target.dataset.tag;
+ if (!tag) {
+ return;
+ }
+
+ if (state.selectedTags.has(tag)) {
+ state.selectedTags.delete(tag);
+ } else {
+ state.selectedTags.add(tag);
+ }
+
+ renderTags();
+ await refresh();
+});
+
+refreshBtn.addEventListener('click', () => {
+ void refresh();
+});
+
+clearBtn.addEventListener('click', () => {
+ state.selectedTags.clear();
+ void refresh();
+});
+
+matchModeSelect.addEventListener('change', () => {
+ void refresh();
+});
+
+apiBaseInput.addEventListener('change', () => {
+ void refresh();
+});
+
+void refresh();
diff --git a/examples/mindcache_server_local/client/index.html b/examples/mindcache_server_local/client/index.html
new file mode 100644
index 0000000..59b3471
--- /dev/null
+++ b/examples/mindcache_server_local/client/index.html
@@ -0,0 +1,174 @@
+
+
+
+