@tiagojct/subsub 0.6.1 → 0.7.0

package/web/app.js

@@ -67,6 +67,24 @@ marked.use({
 		image(token) {
 			return escapeHtml(token.text || token.href || "");
 		},
+		table(token) {
+			let headerHtml = "";
+			for (let r = 0; r < token.header.length; r++) {
+				headerHtml += this.tablecell(token.header[r]);
+			}
+			let t = this.tablerow({ text: headerHtml });
+			let s = "";
+			for (let r = 0; r < token.rows.length; r++) {
+				let row = token.rows[r];
+				let n = "";
+				for (let o = 0; o < row.length; o++) {
+					n += this.tablecell(row[o]);
+				}
+				s += this.tablerow({ text: n });
+			}
+			if (s) s = `<tbody>${s}</tbody>`;
+			return `<div class="md-table-wrap"><table><thead>${t}</thead>${s}</table></div>`;
+		},
 	},
 });
 function md(text) {
@@ -77,9 +95,25 @@ function md(text) {
 	}
 }
 
-// ---------------------------------------------------------------- theme & language
+// ---------------------------------------------------------------- theme, layout & language
 
 let currentTheme = localStorage.getItem("subsub-theme") || "auto";
+let currentLayout = localStorage.getItem("subsub-layout") || "standard";
+
+function updateLayoutUI() {
+	const isWide = currentLayout === "wide";
+	document.body.classList.toggle("layout-full", isWide);
+	const textEl = $("width-btn-text");
+	if (textEl) textEl.textContent = isWide ? t("layoutFocus") : t("layoutWide");
+	const btn = $("width-btn");
+	if (btn) btn.title = t("toggleWidth");
+}
+
+function toggleLayout() {
+	currentLayout = currentLayout === "wide" ? "standard" : "wide";
+	localStorage.setItem("subsub-layout", currentLayout);
+	updateLayoutUI();
+}
 
 function themeLabel(theme) {
 	if (theme === "light") return t("themeLight");
@@ -130,6 +164,8 @@ function renderHeader() {
 	document.body.dataset.mode = mode();
 	for (const b of document.querySelectorAll(".modes button")) b.setAttribute("aria-pressed", String(b.dataset.mode === mode()));
 	if (state?.profile) $("profile").value = $("profile-side").value = state.profile;
+	$("starbuck-toggle").checked = Boolean(state?.starbuck);
+	$("starbuck-toggle").parentElement.title = t("starbuckHint");
 	const m = state?.model ?? session?.model;
 	$("model-btn").textContent = $("model-btn-side").textContent = m ? m.id : t("noModel");
 	const lib = $("library");
@@ -166,7 +202,9 @@ function hasCommand(name) {
 function renderActions() {
 	const box = $("actions");
 	box.replaceChildren();
-	const list = [...ACTIONS[mode()]].filter((a) => hasCommand(a.cmd));
+	const list = [...ACTIONS[mode()]].filter(
+		(a) => hasCommand(a.cmd) && (!a.needs || state?.[a.needs]) && (!a.profiles || a.profiles.includes(state?.profile ?? "scholar")),
+	);
 	for (const a of list) box.append(actionButton(a));
 	box.append(el("hr"));
 	for (const a of ACTIONS.both.filter((x) => hasCommand(x.cmd))) box.append(actionButton(a));
@@ -194,7 +232,7 @@ function renderBanner() {
 	b.replaceChildren();
 	const m = state?.model ?? session?.model;
 	if (!m && session) {
-		b.append(el("span", { text: t("connectModel") }), el("button", { type: "button", class: "primary small", text: t("connect"), onclick: openModels }));
+		b.append(el("span", { text: t("connectModel") }), el("button", { type: "button", class: "primary small", text: t("connect"), onclick: showModels }));
 		b.hidden = false;
 	} else b.hidden = true;
 }
@@ -790,6 +828,11 @@ function nextDialog() {
 
 // ---------------------------------------------------------------- models and keys
 
+/** Open the model dialog; a failure becomes a note, not an unhandled rejection. */
+function showModels() {
+	openModels().catch((err) => note(err.message, "warning"));
+}
+
 async function openModels() {
 	const dlg = $("model-dialog");
 	const ul = $("models");
@@ -973,11 +1016,24 @@ for (const b of document.querySelectorAll(".modes button")) {
 	});
 }
 $("profile").addEventListener("change", (e) => sendMessage(`/profile ${e.target.value}`));
+$("starbuck-toggle").addEventListener("change", async (e) => {
+	const on = e.target.checked;
+	e.target.disabled = true;
+	try {
+		await api("/api/addons", { starbuck: on });
+		note(t(on ? "starbuckOn" : "starbuckOff"), "info");
+	} catch (err) {
+		e.target.checked = !on;
+		note(err.message, "warning");
+	} finally {
+		e.target.disabled = false;
+	}
+});
 $("profile-side").addEventListener("change", (e) => sendMessage(`/profile ${e.target.value}`));
-$("model-btn").addEventListener("click", openModels);
+$("model-btn").addEventListener("click", showModels);
 $("model-btn-side").addEventListener("click", () => {
 	closeSide();
-	openModels();
+	showModels();
 });
 $("model-close").addEventListener("click", () => $("model-dialog").close());
 $("main").addEventListener("click", () => {
@@ -985,10 +1041,19 @@ $("main").addEventListener("click", () => {
 });
 $("menu-btn").addEventListener("click", (e) => {
 	e.stopPropagation();
-	const side = $("side");
-	side.classList.toggle("open");
-	$("menu-btn").setAttribute("aria-expanded", String(side.classList.contains("open")));
+	if (window.innerWidth > 832) {
+		const app = document.querySelector(".app");
+		app.classList.toggle("side-collapsed");
+		const collapsed = app.classList.contains("side-collapsed");
+		$("menu-btn").setAttribute("aria-expanded", String(!collapsed));
+		localStorage.setItem("subsub-side-collapsed", String(collapsed));
+	} else {
+		const side = $("side");
+		side.classList.toggle("open");
+		$("menu-btn").setAttribute("aria-expanded", String(side.classList.contains("open")));
+	}
 });
+$("width-btn")?.addEventListener("click", toggleLayout);
 $("theme-btn")?.addEventListener("click", toggleTheme);
 $("theme-btn-side")?.addEventListener("click", () => {
 	closeSide();
@@ -1029,5 +1094,10 @@ function connect() {
 }
 
 setTheme(currentTheme);
+updateLayoutUI();
+if (localStorage.getItem("subsub-side-collapsed") === "true" && window.innerWidth > 832) {
+	document.querySelector(".app")?.classList.add("side-collapsed");
+	$("menu-btn")?.setAttribute("aria-expanded", "false");
+}
 applyLang();
 connect();

package/web/glauca.css

@@ -1,23 +1,23 @@
-/* Generated from glauca.json. Edit the json, then `make generate`. */
+/* Sub-Sub Glauca tokens: Vintage & Minimal Bookmaking System */
 :root {
-  --gl-font-serif: "IBM Plex Serif", "IBM Plex Serif fallback", Georgia, serif;
-  --gl-font-sans: "IBM Plex Sans", "IBM Plex Sans fallback", system-ui, sans-serif;
-  --gl-font-mono: "IBM Plex Mono", "IBM Plex Mono fallback", ui-monospace, monospace;
-  --gl-font-reading: "IBM Plex Sans", "IBM Plex Sans fallback", system-ui, sans-serif;
-  --gl-text-xs: 0.64rem;
-  --gl-text-sm: 0.8rem;
-  --gl-text-base: 1rem;
+  --gl-font-serif: "EB Garamond", "Newsreader", "IBM Plex Serif", Georgia, serif;
+  --gl-font-sans: "EB Garamond", "IBM Plex Sans", system-ui, -apple-system, sans-serif;
+  --gl-font-mono: "JetBrains Mono", "Courier Prime", "IBM Plex Mono", ui-monospace, monospace;
+  --gl-font-reading: "EB Garamond", Garamond, Georgia, serif;
+  --gl-text-xs: 0.72rem;
+  --gl-text-sm: 0.88rem;
+  --gl-text-base: 1.05rem;
   --gl-text-lg: 1.25rem;
-  --gl-text-xl: 1.563rem;
-  --gl-text-2xl: 1.953rem;
-  --gl-text-3xl: 2.441rem;
-  --gl-text-4xl: 3.052rem;
-  --gl-text-display: clamp(2.5rem, 6vw, 4rem);
-  --gl-text-poster: clamp(3rem, 10vw, 6.5rem);
-  --gl-leading-tight: 1.08;
-  --gl-leading-snug: 1.3;
-  --gl-leading-normal: 1.55;
-  --gl-leading-relaxed: 1.7;
+  --gl-text-xl: 1.55rem;
+  --gl-text-2xl: 1.95rem;
+  --gl-text-3xl: 2.45rem;
+  --gl-text-4xl: 3.05rem;
+  --gl-text-display: clamp(2.4rem, 5vw, 3.6rem);
+  --gl-text-poster: clamp(3rem, 8vw, 5.5rem);
+  --gl-leading-tight: 1.15;
+  --gl-leading-snug: 1.35;
+  --gl-leading-normal: 1.65;
+  --gl-leading-relaxed: 1.8;
   --gl-weight-regular: 400;
   --gl-weight-medium: 500;
   --gl-weight-semibold: 600;
@@ -43,64 +43,45 @@
   --gl-border-width: 1px;
 }
 
-/* Pruina is the light default; Profundum is dark. */
+/* Light Default: Warm Archival Paper & Printer's Inks */
 :root,
 [data-mode="light"],
 [data-theme="light"],
 html[data-theme="light"] {
-  --gl-bg: #f0f4f6;
-  --gl-surface: #f7fafb;
+  --gl-bg: #f8f6f0;
+  --gl-surface: #f2ede2;
   --gl-surface-raised: #ffffff;
-  --gl-text: #16222a;
-  --gl-text-muted: #55646d;
-  --gl-border: #cdd7dc;
-  --gl-accent: #0b62cf;
-  --gl-accent-bright: #007aff;
-  --gl-accent-deep: #084b96;
-  --gl-on-accent: #f2f7fb;
-  --gl-tint-deep: #16303f;
-  --gl-tint: #35576b;
-  --gl-tint-bright: #3e6d84;
-  --gl-tint-pale: #b7cdd6;
-  --gl-on-tint: #f2f7fb;
+  --gl-text: #211e1b;
+  --gl-text-muted: #5c554a;
+  --gl-border: #dfd7c6;
+  --gl-accent: #234b6e;
+  --gl-accent-bright: #2f648e;
+  --gl-accent-deep: #15344e;
+  --gl-on-accent: #f8f6f0;
+  --gl-tint-deep: #182a36;
+  --gl-tint: #2c4659;
+  --gl-tint-bright: #486980;
+  --gl-tint-pale: #c4d3dc;
+  --gl-on-tint: #f8f6f0;
 }
 
-[data-mode="dark"],
+/* Dark Mode: Antique Study by Candlelight */
 [data-theme="dark"],
-html[data-theme="dark"] {
-  --gl-bg: #10161c;
-  --gl-surface: #171f26;
-  --gl-surface-raised: #1f2932;
-  --gl-text: #e8eef2;
-  --gl-text-muted: #8c8c8c;
-  --gl-border: #2a3540;
-  --gl-accent: #3d97ff;
-  --gl-accent-bright: #6cb2ff;
-  --gl-accent-deep: #007aff;
-  --gl-on-accent: #0b1218;
-  --gl-tint-deep: #142430;
-  --gl-tint: #2b4356;
-  --gl-tint-bright: #4d7391;
-  --gl-tint-pale: #93b7c9;
-  --gl-on-tint: #0d1720;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --gl-bg: #10161c;
-    --gl-surface: #171f26;
-    --gl-surface-raised: #1f2932;
-    --gl-text: #e8eef2;
-    --gl-text-muted: #8c8c8c;
-    --gl-border: #2a3540;
-    --gl-accent: #3d97ff;
-    --gl-accent-bright: #6cb2ff;
-    --gl-accent-deep: #007aff;
-    --gl-on-accent: #0b1218;
-    --gl-tint-deep: #142430;
-    --gl-tint: #2b4356;
-    --gl-tint-bright: #4d7391;
-    --gl-tint-pale: #93b7c9;
-    --gl-on-tint: #0d1720;
-  }
+html[data-theme="dark"],
+[data-mode="dark"] {
+  --gl-bg: #141210;
+  --gl-surface: #1c1916;
+  --gl-surface-raised: #24201c;
+  --gl-text: #eae4d5;
+  --gl-text-muted: #9e9585;
+  --gl-border: #2e2924;
+  --gl-accent: #6ea3cc;
+  --gl-accent-bright: #8bb9dc;
+  --gl-accent-deep: #4a7e9f;
+  --gl-on-accent: #141210;
+  --gl-tint-deep: #0f181f;
+  --gl-tint: #243642;
+  --gl-tint-bright: #3d596b;
+  --gl-tint-pale: #7a9cb3;
+  --gl-on-tint: #eae4d5;
 }

package/web/i18n.js

@@ -68,6 +68,9 @@ export const STRINGS = {
 		themeLight: "Light",
 		themeDark: "Dark",
 		themeToggle: "Toggle theme",
+		layoutWide: "Wide",
+		layoutFocus: "Focus",
+		toggleWidth: "Toggle wide layout",
 		copy: "Copy",
 		copied: "Copied!",
 		copyNote: "Copy text",
@@ -75,6 +78,10 @@ export const STRINGS = {
 		export: "Export",
 		exportTitle: "Export conversation",
 		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.",
+		starbuckOn: "Reference checks are on. Use /verify, or ask the researcher to check a manuscript's references.",
+		starbuckOff: "Reference checks are off.",
 	},
 	pt: {
 		researcher: "Investigador",
@@ -142,6 +149,9 @@ export const STRINGS = {
 		themeLight: "Claro",
 		themeDark: "Escuro",
 		themeToggle: "Mudar tema",
+		layoutWide: "Largo",
+		layoutFocus: "Foco",
+		toggleWidth: "Mudar largura do ecrã",
 		copy: "Copiar",
 		copied: "Copiado!",
 		copyNote: "Copiar texto",
@@ -149,6 +159,10 @@ export const STRINGS = {
 		export: "Exportar",
 		exportTitle: "Exportar conversa",
 		confirmShortcutHint: "Y 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.",
+		starbuckOn: "A verificação de referências está ligada. Use /verify, ou peça ao investigador que verifique as referências de um manuscrito.",
+		starbuckOff: "A verificação de referências está desligada.",
 	},
 };
 
@@ -156,11 +170,17 @@ export const STRINGS = {
 export const ACTIONS = {
 	researcher: [
 		{ cmd: "subsub", send: true, en: "Library overview", pt: "Resumo da biblioteca" },
+		{ cmd: "lit", fill: true, profiles: ["scholar", "author", "editor"], 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: "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: "digest", send: true, profiles: ["scholar", "author", "editor"], en: "Digest of the week", pt: "Resumo da semana" },
 	],
 	librarian: [
 		{ cmd: "subsub", send: true, en: "Library overview", pt: "Resumo da biblioteca" },
@@ -228,6 +248,14 @@ export const TOOLS = {
 		queue_imports: "queue imports",
 		attach_note: "add a linked note",
 		check_manuscript: "check a manuscript",
+		verify_check_manuscript: "check the references",
+		search_europepmc: "search Europe PMC",
+		search_multi: "search PubMed, Europe PMC and OpenAlex",
+		read_oa_fulltext: "read the open-access full text",
+		find_contact: "find the author's address",
+		verify_check_references: "check references",
+		verify_prepare_claims: "prepare the claim check",
+		verify_record_claims: "record the claim check",
 		export_bibliography: "export a bibliography",
 		read: "read a file",
 		write: "write a file",
@@ -276,6 +304,14 @@ export const TOOLS = {
 		queue_imports: "pôr importações na fila",
 		attach_note: "acrescentar uma nota ligada",
 		check_manuscript: "verificar um manuscrito",
+		verify_check_manuscript: "verificar as referências",
+		search_europepmc: "pesquisar na Europe PMC",
+		search_multi: "pesquisar na PubMed, Europe PMC e OpenAlex",
+		read_oa_fulltext: "ler o texto integral em acesso aberto",
+		find_contact: "procurar o endereço do autor",
+		verify_check_references: "verificar referências",
+		verify_prepare_claims: "preparar a verificação das afirmações",
+		verify_record_claims: "registar a verificação das afirmações",
 		export_bibliography: "exportar uma bibliografia",
 		read: "ler um ficheiro",
 		write: "escrever um ficheiro",

package/web/icon.svg

@@ -1 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" rx="6" fill="#12161b"/><text x="16" y="21.5" text-anchor="middle" font-family="IBM Plex Mono, ui-monospace, monospace" font-size="14" font-weight="600" fill="#e0832a">SS</text></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="5" fill="#f8f6f0"/>
+  <rect width="28" height="28" x="2" y="2" rx="4" fill="none" stroke="#211e1b" stroke-width="1.2"/>
+  <!-- Open Folio Book -->
+  <path d="M7 21.5V9A2 2 0 0 1 9 7h7v15H9a2 2 0 0 0-2 2v-2.5Z" fill="none" stroke="#211e1b" stroke-width="1.6" stroke-linejoin="round"/>
+  <path d="M25 21.5V9A2 2 0 0 0 23 7h-7v15h7a2 2 0 0 1 2 2v-2.5Z" fill="none" stroke="#211e1b" stroke-width="1.6" stroke-linejoin="round"/>
+  <line x1="16" y1="7" x2="16" y2="22" stroke="#211e1b" stroke-width="1.5"/>
+  <line x1="10" y1="11" x2="13" y2="11" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
+  <line x1="10" y1="14" x2="13" y2="14" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
+  <line x1="19" y1="11" x2="22" y2="11" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
+  <line x1="19" y1="14" x2="22" y2="14" stroke="#211e1b" stroke-width="1.2" stroke-linecap="round"/>
+</svg>

package/web/index.html

@@ -6,6 +6,9 @@
 	<meta name="color-scheme" content="light dark">
 	<title>Sub-Sub</title>
 	<link rel="icon" href="/icon.svg" type="image/svg+xml">
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=JetBrains+Mono:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&display=swap" rel="stylesheet">
 	<link rel="stylesheet" href="/glauca.css">
 	<link rel="stylesheet" href="/app.css">
 	<script type="module" src="/app.js"></script>
@@ -13,8 +16,8 @@
 <body data-mode="researcher">
 	<div class="app">
 		<header class="top">
-			<button type="button" class="ghost menu-btn" id="menu-btn" aria-controls="side" aria-expanded="false" data-i18n="menu">Menu</button>
-			<div class="brand"><span class="mark" aria-hidden="true">SS</span> Sub-Sub</div>
+			<button type="button" class="ghost menu-btn" id="menu-btn" aria-controls="side" aria-expanded="true" title="Toggle catalog sidebar"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg> <span data-i18n="menu">Menu</span></button>
+			<div class="brand"><span class="mark" aria-hidden="true"><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5Z"/><path d="M6 6h10"/><path d="M6 10h10"/></svg></span> Sub-Sub</div>
 			<div class="modes" role="group" aria-label="Mode">
 				<button type="button" data-mode="researcher" aria-pressed="true" data-i18n="researcher">Researcher</button>
 				<button type="button" data-mode="librarian" aria-pressed="false" data-i18n="librarian">Librarian</button>
@@ -30,6 +33,7 @@
 					</select>
 				</label>
 				<button type="button" class="ghost model-btn" id="model-btn"></button>
+				<button type="button" class="ghost width-btn" id="width-btn" aria-label="Toggle wide layout" title="Toggle wide layout"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" x2="14" y1="3" y2="10"/><line x1="3" x2="10" y1="21" y2="14"/></svg> <span id="width-btn-text">Wide</span></button>
 				<button type="button" class="ghost theme-btn" id="theme-btn" aria-label="Toggle theme" title="Toggle theme"></button>
 			</div>
 		</header>
@@ -52,6 +56,9 @@
 					<button type="button" class="secondary theme-btn" id="theme-btn-side"></button>
 				</label>
 			</section>
+			<section class="addons">
+				<label class="check" title=""><input type="checkbox" id="starbuck-toggle"> <span data-i18n="starbuck">Reference checks (Starbuck)</span></label>
+			</section>
 			<section>
 				<h2 data-i18n="actions">Actions</h2>
 				<div class="actions" id="actions"></div>