@poodle64/librarian 2026.9.1 → 2026.9.3

package/README.md

@@ -39,6 +39,17 @@ pnpm add @poodle64/librarian @poodle64/ui @lucide/svelte
 and `shiki` are peer dependencies: declare them yourself so Renovate tracks
 their versions and `pnpm ls` shows them.
 
+The components style themselves with Tailwind utility classes, same as
+`@poodle64/ui`, so the same line is needed in the app's `app.css`:
+
+```css
+@source '../node_modules/@poodle64/librarian/dist'; /* Tailwind content scan */
+```
+
+Without it the classes ship in `dist` but Tailwind's default content scan
+never sees `node_modules`, so nothing compiles for them — no build error, no
+lint hit, just an unstyled transcript.
+
 ## Consuming the package
 
 Every export is its own subpath, matching `@poodle64/ui`'s convention:
@@ -53,6 +64,7 @@ Every export is its own subpath, matching `@poodle64/ui`'s convention:
 	let question = $state('');
 	let running = $state(false);
 	const transcript = new Transcript();
+	let controller: AbortController | null = null;
 
 	async function submit() {
 		const asked = question.trim();
@@ -61,16 +73,27 @@ Every export is its own subpath, matching `@poodle64/ui`'s convention:
 		question = '';
 		running = true;
 		transcript.reset();
+		controller = new AbortController();
 
 		try {
-			for await (const event of ask({ question: asked, endpoint: '/api/caller/ask' })) {
+			for await (const event of ask({
+				question: asked,
+				endpoint: '/api/caller/ask',
+				signal: controller.signal
+			})) {
 				transcript.apply(event);
 				if (event.type === 'result' || event.type === 'library_error') running = false;
 			}
 		} finally {
 			running = false;
+			controller = null;
 		}
 	}
+
+	function stop() {
+		controller?.abort();
+		running = false;
+	}
 </script>
 
 <AgentTranscript {question} blocks={transcript.blocks} outcome={transcript.outcome} {running} />
@@ -81,7 +104,7 @@ Every export is its own subpath, matching `@poodle64/ui`'s convention:
 	scope="library"
 	onscope={() => {}}
 	onsubmit={submit}
-	onstop={() => {}}
+	onstop={stop}
 />
 ```
 

package/dist/components/markdown/markdown.svelte

@@ -146,6 +146,12 @@
 	   requirement numbers — so it is the main way a reader picks a reference
 	   out of a paragraph. Bordered rather than merely tinted, because a tint
 	   alone is invisible against this palette's flat surfaces. */
+	/* Inline, in running text: wraps at word boundaries like the prose around it
+	   rather than scrolling in its own box — that pattern is reserved for wide
+	   BLOCK content (a table, a fenced code block) that a reader scrolls past;
+	   an inline identifier a reader is reading stays in flow. A long citation
+	   title is exactly the case: nowrap clipped it at the container edge on a
+	   phone with no way to read the rest. */
 	.agent-prose :global(code) {
 		font-family: var(--ds-font-mono, monospace);
 		font-size: 0.8125em;
@@ -153,7 +159,8 @@
 		border: 1px solid var(--border);
 		border-radius: 0.35em;
 		padding: 0.1em 0.35em;
-		white-space: nowrap;
+		white-space: normal;
+		overflow-wrap: anywhere;
 	}
 
 	.agent-prose :global(pre) {

package/package.json

@@ -1,10 +1,13 @@
 {
 	"name": "@poodle64/librarian",
-	"version": "2026.9.1",
+	"version": "2026.9.3",
 	"description": "Milton's conversation surface as a consumable Svelte 5 package: the stream client, transcript state and chat components (transcript, composer, markdown) every household app renders instead of rebuilding.",
 	"type": "module",
 	"license": "MIT",
-	"repository": "github:radar-hooves/design-system",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/radar-hooves/design-system.git"
+	},
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org",
 		"access": "public",