@tiagojct/subsub 0.16.0 → 0.17.0

package/web/app.js

@@ -7,7 +7,7 @@ import { ACTIONS, STRINGS, SUGGESTIONS, TOOLS } from "/i18n.js";
 // ---------------------------------------------------------------- state
 
 let lang = "en";
-let state = null; // Sub-Sub's own state: mode, profile, model, library, down
+let state = null; // Sub-Sub's own state: mode, model, library, down
 let session = null; // pi's session state
 let busy = false;
 let commands = [];
@@ -49,9 +49,27 @@ async function api(path, body) {
 // ---------------------------------------------------------------- markdown (no raw HTML, safe links)
 
 const SAFE_LINK = /^(https?:|mailto:|zotero:|obsidian:)/i;
+/** A path or name that the notes pane can open: a .md file without a scheme. */
+const NOTE_PATH = /^(?![a-z][\w+.-]*:)[^\n]*\.md$/i;
+const noteLink = (target, inner) => `<a href="#" data-note="${escapeHtml(target)}">${inner}</a>`;
 function escapeHtml(s) {
 	return String(s).replace(/[&<>"']/g, (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]);
 }
+// [[citekey]] and [[name|label]], as in Obsidian: a link to the note in the notes pane.
+marked.use({
+	extensions: [
+		{
+			name: "wikilink",
+			level: "inline",
+			start: (src) => src.indexOf("[["),
+			tokenizer(src) {
+				const m = /^\[\[([^\]|\n#]+)(?:#[^\]|\n]*)?(?:\|([^\]\n]+))?\]\]/.exec(src);
+				if (m) return { type: "wikilink", raw: m[0], target: m[1].trim(), label: (m[2] ?? m[1]).trim() };
+			},
+			renderer: (tok) => noteLink(tok.target, escapeHtml(tok.label)),
+		},
+	],
+});
 marked.use({
 	gfm: true,
 	breaks: false,
@@ -61,9 +79,14 @@ marked.use({
 		},
 		link(token) {
 			const text = this.parser.parseInline(token.tokens);
+			if (NOTE_PATH.test(decodeURI(token.href ?? ""))) return noteLink(decodeURI(token.href), text);
 			if (!SAFE_LINK.test(token.href ?? "")) return text;
 			return `<a href="${escapeHtml(token.href)}" target="_blank" rel="noopener noreferrer">${text}</a>`;
 		},
+		codespan(token) {
+			const code = `<code>${escapeHtml(token.text)}</code>`;
+			return NOTE_PATH.test(token.text) ? noteLink(token.text, code) : code;
+		},
 		image(token) {
 			return escapeHtml(token.text || token.href || "");
 		},
@@ -179,7 +202,6 @@ function renderHeader() {
 		b.setAttribute("aria-pressed", String(b.dataset.mode === mode()));
 		b.title = t(b.dataset.mode === "librarian" ? "librarianHint" : "researcherHint");
 	}
-	if (state?.profile) $("profile").value = $("profile-side").value = state.profile;
 	$("starbuck-toggle").checked = Boolean(state?.starbuck);
 	$("starbuck-label").title = t("starbuckHint");
 	const m = state?.model ?? session?.model;
@@ -229,10 +251,7 @@ function renderActions() {
 	const box = $("actions");
 	box.replaceChildren();
 	const shown = (a) =>
-		hasCommand(a.cmd) &&
-
-		(!a.needs || state?.[a.needs]) &&
-		(!a.profiles || a.profiles.includes(state?.profile ?? "scholar"));
+		hasCommand(a.cmd) && (!a.needs || state?.[a.needs]);
 	const groups = mode() === "librarian" ? [["library", "groupLibrary"]] : [["research", "groupResearch"], ["library", "groupLibrary"]];
 	for (const [group, label] of groups) {
 		const list = ACTIONS[group].filter(shown);
@@ -247,6 +266,7 @@ function actionButton(a) {
 		type: "button",
 		text: a[lang] ?? a.en,
 		onclick: () => {
+			if (a.item) return $("library-search").focus();
 			closeSide();
 			if (a.send) sendMessage(`/${a.cmd}`);
 			else {
@@ -269,6 +289,130 @@ function renderBanner() {
 	} else b.hidden = true;
 }
 
+// ---------------------------------------------------------------- library search
+
+let libraryTimer = 0;
+let libraryQuery = "";
+
+function renderItems(items, message) {
+	const ul = $("items");
+	ul.replaceChildren();
+	if (message) return ul.append(el("li", { class: "muted", text: message }));
+	const researcher = mode() === "researcher";
+	for (const it of items) {
+		const ref = it.citekey || it.key;
+		const run = (cmd) => () => {
+			closeSide();
+			sendMessage(`/${cmd} ${ref}`);
+		};
+		ul.append(
+			el(
+				"li",
+				{},
+				el("div", { class: "item-title", text: it.title || it.key }),
+				el("div", { class: "item-meta", text: [it.authors, it.year, it.citekey].filter(Boolean).join(" · ") }),
+				el(
+					"div",
+					{ class: "item-actions" },
+					researcher ? el("button", { type: "button", text: t("readItem"), onclick: run("read") }) : null,
+					researcher ? el("button", { type: "button", text: t("noteItem"), onclick: run("lit-note") }) : null,
+					el("a", { href: `zotero://select/library/items/${encodeURIComponent(it.key)}`, text: "Zotero" }),
+				),
+			),
+		);
+	}
+}
+
+function searchLibrary() {
+	const q = $("library-search").value.replace(/\s+/g, " ").trim();
+	libraryQuery = q;
+	clearTimeout(libraryTimer);
+	if (!q) return renderItems([]);
+	libraryTimer = setTimeout(async () => {
+		renderItems([], t("searching"));
+		try {
+			const data = await api(`/api/library?q=${encodeURIComponent(q)}`);
+			if (data.q !== libraryQuery) return; // an older search answered late
+			if (data.error) renderItems([], data.error);
+			else renderItems(data.items ?? [], data.items?.length ? "" : t("noItems"));
+		} catch (err) {
+			if (q === libraryQuery) renderItems([], err.message);
+		}
+	}, 350);
+}
+
+// ---------------------------------------------------------------- notes pane
+
+let noteShown = null; // the note on screen, or null for the list
+let notesList = [];
+
+function showPane(open) {
+	$("note-pane").hidden = !open;
+	document.querySelector(".app").classList.toggle("note-open", open);
+	$("notes-btn").setAttribute("aria-expanded", String(open));
+}
+
+function renderNoteList() {
+	const body = $("note-body");
+	const q = $("note-filter").value.trim().toLowerCase();
+	const list = notesList.filter((n) => !q || n.rel.toLowerCase().includes(q));
+	const fmt = new Intl.DateTimeFormat(lang === "pt" ? "pt-PT" : "en-GB", { day: "numeric", month: "short", year: "numeric" });
+	body.replaceChildren(
+		list.length
+			? el(
+					"ul",
+					{ class: "note-list" },
+					list.map((n) =>
+						el(
+							"li",
+							{},
+							el("button", { type: "button", onclick: () => openNote(n.path) }, el("span", { class: "rel", text: n.rel }), el("span", { class: "when", text: fmt.format(new Date(n.modified)) })),
+						),
+					),
+				)
+			: el("p", { class: "muted small", text: t("noNotes") }),
+	);
+}
+
+async function showNoteList() {
+	noteShown = null;
+	$("note-name").textContent = t("notes");
+	$("note-back").hidden = true;
+	$("note-app").hidden = true;
+	$("note-filter").hidden = false;
+	showPane(true);
+	try {
+		notesList = (await api("/api/notes")).notes ?? [];
+	} catch (err) {
+		notesList = [];
+		note(err.message, "warning");
+	}
+	renderNoteList();
+}
+
+/** Show a note in the pane; anything that is not a note in the Sub-Sub folder goes to the system, as before. */
+async function openNote(path) {
+	let data;
+	try {
+		data = await api(`/api/note?path=${encodeURIComponent(path)}`);
+	} catch {
+		return api("/api/open", { path }).catch((err) => note(err.message, "warning"));
+	}
+	noteShown = data;
+	$("note-name").textContent = data.name;
+	$("note-name").title = data.path;
+	$("note-back").hidden = false;
+	$("note-app").hidden = false;
+	$("note-filter").hidden = true;
+	const front = /^---\r?\n([\s\S]*?)\r?\n---(?:\r?\n|$)/.exec(data.text);
+	const content = el("div", { class: "md" });
+	content.innerHTML = md(front ? data.text.slice(front[0].length) : data.text);
+	attachCopyButtons(content);
+	$("note-body").replaceChildren(front ? el("details", { class: "front" }, el("summary", { text: t("properties") }), el("pre", { text: front[1] })) : "", content);
+	$("note-body").scrollTop = 0;
+	showPane(true);
+}
+
 let loadedSessions = [];
 
 function renderSessionsList(filterText = "") {
@@ -283,12 +427,30 @@ function renderSessionsList(filterText = "") {
 		return;
 	}
 	const fmt = new Intl.DateTimeFormat(lang === "pt" ? "pt-PT" : "en-GB", { day: "numeric", month: "short", hour: "2-digit", minute: "2-digit" });
+	// shortcut: the browser's own prompt and confirm; move to the page's dialog if they look out of place.
+	const rename = (s) => async () => {
+		const name = window.prompt(t("renamePrompt"), s.name || s.first || "");
+		if (!name?.trim()) return;
+		await api("/api/session/name", { path: s.path, name }).catch((err) => note(err.message, "warning"));
+		loadSessions();
+	};
+	const trash = (s) => async () => {
+		if (!window.confirm(t("trashConfirm"))) return;
+		await api("/api/session/trash", { path: s.path }).catch((err) => note(err.message, "warning"));
+		loadSessions();
+	};
 	for (const s of filtered) {
 		const current = session?.sessionFile === s.path;
 		ul.append(
 			el(
 				"li",
 				{ class: current ? "current" : "" },
+				el(
+					"span",
+					{ class: "session-tools" },
+					el("button", { type: "button", text: t("rename"), onclick: rename(s) }),
+					current ? null : el("button", { type: "button", text: t("trash"), onclick: trash(s) }),
+				),
 				el(
 					"button",
 					{
@@ -333,18 +495,30 @@ function exportConversation() {
 		note(t("noConversations"), "warning");
 		return;
 	}
+	const fence = (x) => `\`\`\`text\n${x.length > 3000 ? `${x.slice(0, 3000)}\n...` : x}\n\`\`\``;
 	for (const m of items) {
 		if (m.classList.contains("user")) {
-			const text = m.querySelector(".bubble")?.innerText ?? "";
-			if (text && text !== "/subsub-refresh") msgs.push(`### User\n\n${text}\n`);
+			const b = m.querySelector(".bubble");
+			// A long message is folded: export its full text, not the summary line.
+			const text = (b?.tagName === "DETAILS" ? b.querySelector("div")?.innerText : b?.innerText) ?? "";
+			if (text && text !== "/subsub-refresh") msgs.push(`### ${t("exportUser")}\n\n${text}\n`);
 		} else if (m.classList.contains("assistant")) {
-			const text = Array.from(m.querySelectorAll(".md")).map((d) => d.innerText).join("\n\n");
-			if (text) msgs.push(`### Sub-Sub\n\n${text}\n`);
+			const parts = [];
+			for (const c of m.children) {
+				if (c.classList.contains("md")) parts.push(c.innerText);
+				else if (c.classList.contains("tool")) {
+					const label = c.querySelector(".label")?.textContent ?? "";
+					const args = c.querySelector(".args")?.textContent ?? "";
+					const out = c.querySelector("pre")?.innerText;
+					parts.push(`> ${label}${args ? `: ${args}` : ""}${out ? `\n\n${fence(out)}` : ""}`);
+				}
+			}
+			if (parts.length) msgs.push(`### Sub-Sub\n\n${parts.join("\n\n")}\n`);
 		}
 	}
 	if (!msgs.length) return;
 	const date = new Date().toISOString().slice(0, 10);
-	const content = `# Sub-Sub Research Session (${date})\n\n**Profile**: ${state?.profile ?? "scholar"}  \n\n---\n\n${msgs.join("\n---\n\n")}`;
+	const content = `# ${t("exportHeading")} (${date})\n\n${t("exportMode")}: ${t(mode())}\n\n---\n\n${msgs.join("\n---\n\n")}`;
 	const blob = new Blob([content], { type: "text/markdown;charset=utf-8" });
 	const url = URL.createObjectURL(blob);
 	const a = document.createElement("a");
@@ -521,7 +695,7 @@ function updateTool(row, name, args) {
 				text: t("open"),
 				onclick: (e) => {
 					e.preventDefault();
-					api("/api/open", { path: args.path }).catch((err) => note(err.message, "warning"));
+					openNote(args.path);
 				},
 			}),
 		);
@@ -847,7 +1021,7 @@ function dialogTitle(d) {
 	// The program sends the title in the user's language; both forms get the same friendly title.
 	if ((m = raw.match(/^(?:apply|aplicar) (\S+)\?$/))) return t("apply", { x: toolLabel(m[1]) });
 	if ((m = raw.match(/^(?:run|executar) (\S+)\?$/))) return t("run", { x: toolLabel(m[1]) });
-	if (raw === "undo?" || raw === "anular?") return t("undo");
+	if (raw === "undo?" || raw === "anular?") return t("undoAsk");
 	if ((m = raw.match(/^(?:write the Starbuck report to|escrever o relatório do Starbuck em) (.+)\?$/))) return t("starbuckReport", { x: m[1] });
 	if ((m = raw.match(/^(write|edit) (.+)\?$/))) return t("write", { x: m[2] });
 	return raw;
@@ -895,6 +1069,7 @@ function nextDialog() {
 	body.replaceChildren();
 	const buttons = $("dialog-buttons");
 	buttons.replaceChildren();
+	buttons.classList.toggle("choices", d.method === "select" && (d.options ?? []).some((o) => o.length > 24));
 	const answer = async (reply) => {
 		try {
 			await api("/api/dialog", { id: d.id, ...reply });
@@ -1120,12 +1295,20 @@ let suggestIndex = 0;
 function suggest() {
 	const box = $("suggest");
 	const v = input.value;
+	// "/lit-note " (a command and a space): show what it needs.
+	const chosen = /^\/(\S+) $/.exec(v) && commands.find((c) => c.name === v.slice(1, -1));
+	if (chosen?.hint) {
+		box.replaceChildren(el("div", { class: "hint-row" }, el("span", { class: "name", text: `/${chosen.name}` }), el("span", { class: "desc", text: chosen.hint })));
+		box.hidden = false;
+		box.list = null;
+		return;
+	}
 	if (!/^\/\S*$/.test(v)) {
 		box.hidden = true;
 		return;
 	}
 	const q = v.slice(1).toLowerCase();
-	const list = commands.filter((c) => c.name !== "subsub-refresh" && c.name.toLowerCase().startsWith(q)).slice(0, 12);
+	const list = commands.filter((c) => !c.name.startsWith("subsub-") && c.name.toLowerCase().startsWith(q)).slice(0, 12);
 	if (!list.length) {
 		box.hidden = true;
 		return;
@@ -1141,7 +1324,7 @@ function suggest() {
 					"aria-selected": String(i === suggestIndex),
 					onclick: () => pick(c),
 				},
-				el("span", { class: "name", text: `/${c.name}` }),
+				el("span", { class: "name", text: c.hint ? `/${c.name} ${c.hint}` : `/${c.name}` }),
 				el("span", { class: "desc", text: (c.description ?? "").replace(/^Sub-Sub:\s*/, "") }),
 			),
 		),
@@ -1151,8 +1334,8 @@ function suggest() {
 }
 function pick(c) {
 	input.value = `/${c.name} `;
-	$("suggest").hidden = true;
 	input.focus();
+	suggest();
 }
 
 input.addEventListener("input", () => {
@@ -1206,7 +1389,6 @@ for (const b of document.querySelectorAll(".modes button")) {
 		if (b.dataset.mode !== mode()) sendMessage(`/${b.dataset.mode}`);
 	});
 }
-$("profile").addEventListener("change", (e) => sendMessage(`/profile ${e.target.value}`));
 $("starbuck-toggle").addEventListener("change", async (e) => {
 	const on = e.target.checked;
 	e.target.disabled = true;
@@ -1220,7 +1402,6 @@ $("starbuck-toggle").addEventListener("change", async (e) => {
 		e.target.disabled = false;
 	}
 });
-$("profile-side").addEventListener("change", (e) => sendMessage(`/profile ${e.target.value}`));
 $("model-btn").addEventListener("click", showModels);
 $("model-btn-side").addEventListener("click", () => {
 	closeSide();
@@ -1251,6 +1432,22 @@ $("theme-btn-side")?.addEventListener("click", () => {
 	toggleTheme();
 });
 $("session-search")?.addEventListener("input", (e) => renderSessionsList(e.target.value));
+$("library-search").addEventListener("input", searchLibrary);
+$("notes-btn").addEventListener("click", () => ($("note-pane").hidden ? showNoteList() : showPane(false)));
+$("note-back").addEventListener("click", showNoteList);
+$("note-close").addEventListener("click", () => showPane(false));
+$("note-app").addEventListener("click", () => noteShown && api("/api/open", { path: noteShown.path }).catch((err) => note(err.message, "warning")));
+$("note-filter").addEventListener("input", renderNoteList);
+$("note-pane").addEventListener("keydown", (e) => {
+	if (e.key === "Escape") showPane(false);
+});
+// Links to notes, in replies and in notes: [[wikilinks]], .md paths in code, relative .md links.
+document.addEventListener("click", (e) => {
+	const a = e.target.closest?.("a[data-note]");
+	if (!a) return;
+	e.preventDefault();
+	openNote(a.dataset.note);
+});
 $("export-btn")?.addEventListener("click", exportConversation);
 $("quit-btn").addEventListener("click", async () => {
 	try {

package/web/i18n.js

@@ -3,7 +3,6 @@
 
 export const STRINGS = {
 	en: {
-		profile: "Profile",
 		model: "Model",
 		noModel: "Connect a model",
 		noModelSend: "No model is connected yet. Choose a provider and save its key; your message is still in the box.",
@@ -20,7 +19,7 @@ export const STRINGS = {
 		close: "Close",
 		apply: "Apply {x}?",
 		run: "Run {x}?",
-		undo: "Undo this change?",
+		undoAsk: "Undo this change?",
 		write: "Allow writing to {x}?",
 		starbuckReport: "Write the Starbuck report to {x}?",
 		approveHint: "Nothing changes until you select Yes.",
@@ -31,9 +30,7 @@ export const STRINGS = {
 		toReviewHint: "Items that Sub-Sub tagged and that wait for your check (they carry the _agent tag). Select Library overview, or ask Sub-Sub to list them.",
 		serversDown: "Not running: {x}",
 		working: "Working",
-		using: "Using: {x}",
 		failed: "failed",
-		result: "Result",
 		open: "Open",
 		stopped: "Stopped.",
 		agentExit: "Sub-Sub stopped.",
@@ -91,7 +88,6 @@ export const STRINGS = {
 		quitDone: "Sub-Sub is closed. You can close this tab.",
 		earlier: "Earlier messages were summarised.",
 		menu: "Menu",
-		commands: "Commands",
 		error: "Error",
 		theme: "Theme",
 		themeAuto: "System",
@@ -99,7 +95,6 @@ export const STRINGS = {
 		themeDark: "Dark",
 		themeToggle: "Toggle theme",
 		layoutWide: "Wide",
-		layoutFocus: "Focus",
 		toggleWidth: "Toggle wide layout",
 		copy: "Copy",
 		copied: "Copied",
@@ -107,6 +102,25 @@ export const STRINGS = {
 		searchConversations: "Search conversations",
 		export: "Export",
 		exportTitle: "Export conversation",
+		exportHeading: "Sub-Sub conversation",
+		exportUser: "You",
+		exportMode: "Mode",
+		notes: "Notes",
+		notesHint: "The notes in your Sub-Sub folder",
+		allNotes: "All notes",
+		properties: "Properties",
+		filterNotes: "Filter notes",
+		noNotes: "No notes yet.",
+		openInApp: "Open in app",
+		librarySearch: "Search your library",
+		searching: "Searching...",
+		noItems: "Nothing found.",
+		readItem: "Read",
+		noteItem: "Note",
+		rename: "Rename",
+		renamePrompt: "A new name for this conversation",
+		trash: "Delete",
+		trashConfirm: "Move this conversation to the trash folder (~/.subsub/trash)? You can move it back from there.",
 		confirmShortcutHint: "Y to approve, N to decline",
 		starbuck: "Reference checks (Starbuck)",
 		starbuckHint: "Checks that cited works exist, match their citation and were not retracted. Sub-Sub restarts when you change this.",
@@ -128,7 +142,6 @@ export const STRINGS = {
 		groupLibrary: "Library",
 	},
 	pt: {
-		profile: "Perfil",
 		model: "Modelo",
 		noModel: "Ligar um modelo",
 		noModelSend: "Ainda não há um modelo ligado. Escolha um fornecedor e guarde a chave; a sua mensagem continua na caixa.",
@@ -145,7 +158,7 @@ export const STRINGS = {
 		close: "Fechar",
 		apply: "Confirmar: {x}?",
 		run: "Executar {x}?",
-		undo: "Desfazer esta alteração?",
+		undoAsk: "Desfazer esta alteração?",
 		write: "Permitir escrever em {x}?",
 		starbuckReport: "Escrever o relatório do Starbuck em {x}?",
 		approveHint: "Nada muda até selecionar Sim.",
@@ -156,9 +169,7 @@ export const STRINGS = {
 		toReviewHint: "Itens que o Sub-Sub etiquetou e que esperam a sua verificação (têm a etiqueta _agent). Selecione Resumo da biblioteca, ou peça ao Sub-Sub para os listar.",
 		serversDown: "Parados: {x}",
 		working: "A trabalhar",
-		using: "A usar: {x}",
 		failed: "falhou",
-		result: "Resultado",
 		open: "Abrir",
 		stopped: "Parado.",
 		agentExit: "O Sub-Sub parou.",
@@ -216,7 +227,6 @@ export const STRINGS = {
 		quitDone: "O Sub-Sub está fechado. Pode fechar este separador.",
 		earlier: "As mensagens anteriores foram resumidas.",
 		menu: "Menu",
-		commands: "Comandos",
 		error: "Erro",
 		theme: "Tema",
 		themeAuto: "Sistema",
@@ -224,7 +234,6 @@ export const STRINGS = {
 		themeDark: "Escuro",
 		themeToggle: "Mudar tema",
 		layoutWide: "Largo",
-		layoutFocus: "Foco",
 		toggleWidth: "Mudar largura do ecrã",
 		copy: "Copiar",
 		copied: "Copiado",
@@ -232,6 +241,25 @@ export const STRINGS = {
 		searchConversations: "Procurar conversas",
 		export: "Exportar",
 		exportTitle: "Exportar conversa",
+		exportHeading: "Conversa do Sub-Sub",
+		exportUser: "Utilizador",
+		exportMode: "Modo",
+		notes: "Notas",
+		notesHint: "As notas da sua pasta do Sub-Sub",
+		allNotes: "Todas as notas",
+		properties: "Propriedades",
+		filterNotes: "Filtrar notas",
+		noNotes: "Ainda não há notas.",
+		openInApp: "Abrir na aplicação",
+		librarySearch: "Pesquisar na biblioteca",
+		searching: "A pesquisar...",
+		noItems: "Nada encontrado.",
+		readItem: "Ler",
+		noteItem: "Nota",
+		rename: "Mudar o nome",
+		renamePrompt: "Um novo nome para esta conversa",
+		trash: "Apagar",
+		trashConfirm: "Mover esta conversa para a pasta do lixo (~/.subsub/trash)? Pode trazê-la de volta a partir daí.",
 		confirmShortcutHint: "S para aprovar, N para recusar",
 		starbuck: "Verificação de referências (Starbuck)",
 		starbuckHint: "Verifica se as obras citadas existem, correspondem à citação e não foram retratadas. O Sub-Sub reinicia quando muda esta opção.",
@@ -255,23 +283,26 @@ export const STRINGS = {
 };
 
 /**
- * Buttons in the side panel, in two groups. `fill` puts the command in the message box; `send` runs it at once.
- * The Librarian sees the Library group only. `profiles` and `needs` limit a button to some profiles or add-ons.
+ * Buttons in the side panel, in two groups. A button puts the command in the message box; `send` runs it at once;
+ * `item` opens the library search, whose results have their own buttons.
+ * The Librarian sees the Library group only. `needs` limits a button to an add-on.
  */
 export const ACTIONS = {
 	research: [
-		{ cmd: "lit", fill: true, en: "Literature review", pt: "Revisão da literatura" },
-		{ cmd: "compare", fill: true, profiles: ["scholar", "author", "editor"], en: "Compare sources", pt: "Comparar fontes" },
-		{ cmd: "lit-note", fill: true, en: "Literature note", pt: "Nota de leitura" },
-		{ cmd: "synthesis", fill: true, en: "Synthesis", pt: "Síntese" },
-		{ cmd: "gaps", fill: true, en: "What is missing", pt: "O que falta" },
-		{ cmd: "manuscript", fill: true, en: "Check a manuscript", pt: "Verificar um manuscrito" },
-		{ cmd: "verify", fill: true, needs: "starbuck", en: "Check references", pt: "Verificar referências" },
-		{ cmd: "review", fill: true, profiles: ["author", "editor"], en: "Review a manuscript", pt: "Rever um manuscrito" },
+		{ cmd: "read", send: true, en: "Read a paper", pt: "Ler um artigo" },
+		{ cmd: "lit", en: "Literature review", pt: "Revisão da literatura" },
+		{ cmd: "lit reading list:", en: "Reading list", pt: "Lista de leitura" },
+		{ cmd: "compare", en: "Compare sources", pt: "Comparar fontes" },
+		{ cmd: "lit-note", item: true, en: "Literature note", pt: "Nota de leitura" },
+		{ cmd: "synthesis", en: "Synthesis", pt: "Síntese" },
+		{ cmd: "gaps", en: "What is missing", pt: "O que falta" },
+		{ cmd: "manuscript", en: "Check a manuscript", pt: "Verificar um manuscrito" },
+		{ cmd: "verify", needs: "starbuck", en: "Check references", pt: "Verificar referências" },
+		{ cmd: "review", en: "Review a manuscript", pt: "Rever um manuscrito" },
 		{ cmd: "alert", send: true, en: "New publications", pt: "Novas publicações" },
-		{ cmd: "request-copy", fill: true, en: "Ask an author for a copy", pt: "Pedir uma cópia ao autor" },
-		{ cmd: "ai-statement", fill: true, en: "Statement on AI use", pt: "Declaração de uso de IA" },
-		{ cmd: "digest", send: true, profiles: ["scholar", "author", "editor"], en: "Digest of the week", pt: "Resumo da semana" },
+		{ cmd: "request-copy", en: "Ask an author for a copy", pt: "Pedir uma cópia ao autor" },
+		{ cmd: "ai-statement", en: "Statement on AI use", pt: "Declaração de uso de IA" },
+		{ cmd: "digest", send: true, en: "Digest of the week", pt: "Resumo da semana" },
 	],
 	library: [
 		{ cmd: "subsub", send: true, en: "Library overview", pt: "Resumo da biblioteca" },

package/web/index.html

@@ -21,14 +21,7 @@
 			</div>
 			<div class="status">
 				<span class="library" id="library"><span class="library-dot" aria-hidden="true"></span><span class="library-text"></span></span>
-				<label class="profile wide-only"><span class="visually-hidden" data-i18n="profile">Profile</span>
-					<select id="profile">
-						<option value="reader">Reader</option>
-						<option value="scholar">Scholar</option>
-						<option value="author">Author</option>
-						<option value="editor">Editor</option>
-					</select>
-				</label>
+				<button type="button" class="chip-btn" id="notes-btn" aria-controls="note-pane" aria-expanded="false" data-i18n="notes" data-i18n-title="notesHint">Notes</button>
 				<button type="button" class="chip-btn model-btn wide-only" id="model-btn"></button>
 				<button type="button" class="icon-btn wide-only" id="width-btn" aria-pressed="false"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12h16M4 12l3.5-3.5M4 12l3.5 3.5M20 12l-3.5-3.5M20 12l-3.5 3.5"/></svg><span class="visually-hidden" id="width-btn-text">Wide</span></button>
 				<button type="button" class="icon-btn" id="theme-btn"></button>
@@ -38,14 +31,6 @@
 		<aside class="side" id="side">
 			<button type="button" class="new-btn" id="new-btn"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 5v14M5 12h14"/></svg><span data-i18n="newConversation">New conversation</span></button>
 			<section class="phone-only settings">
-				<label><span data-i18n="profile">Profile</span>
-					<select id="profile-side">
-						<option value="reader">Reader</option>
-						<option value="scholar">Scholar</option>
-						<option value="author">Author</option>
-						<option value="editor">Editor</option>
-					</select>
-				</label>
 				<label><span data-i18n="model">Model</span>
 					<button type="button" class="secondary model-btn" id="model-btn-side"></button>
 				</label>
@@ -53,6 +38,11 @@
 					<button type="button" class="secondary" id="theme-btn-side"></button>
 				</label>
 			</section>
+			<section>
+				<h2 data-i18n="groupLibrary">Library</h2>
+				<input type="search" id="library-search" class="search" data-i18n-placeholder="librarySearch" placeholder="Search your library" autocomplete="off">
+				<ul class="items" id="items" aria-live="polite"></ul>
+			</section>
 			<section>
 				<h2 data-i18n="actions">Actions</h2>
 				<div class="actions" id="actions"></div>
@@ -91,6 +81,17 @@
 				</div>
 			</form>
 		</main>
+
+		<aside class="note-pane" id="note-pane" hidden>
+			<div class="note-head">
+				<button type="button" class="link-btn" id="note-back" data-i18n="allNotes">All notes</button>
+				<span class="note-name" id="note-name"></span>
+				<button type="button" class="link-btn" id="note-app" data-i18n="openInApp" hidden>Open in app</button>
+				<button type="button" class="link-btn" id="note-close" data-i18n="close">Close</button>
+			</div>
+			<input type="search" id="note-filter" class="search" data-i18n-placeholder="filterNotes" placeholder="Filter notes" autocomplete="off">
+			<div class="note-body" id="note-body"></div>
+		</aside>
 	</div>
 
 	<dialog id="dialog" class="modal">