@heyramzi/ui 2.16.1 → 2.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heyramzi/ui",
-  "version": "2.16.1",
+  "version": "2.18.0",
   "description": "Svelte 5 UI for apps: primitives, effects and animations, plus work (tasks and docs), charts, slides, an editor, onboarding and a canvas as subpaths.",
   "homepage": "https://ui.heyramzi.com",
   "license": "MIT",

package/src/thread/README.md

@@ -25,6 +25,8 @@ One comment thread for any subject: a task, a project, a doc or a diagram. The t
 - **Anchor.** `anchor` carries `{ nodeId, dx, dy, x, y }` for a canvas pin. A pinned comment shows a chip, and `onAnchor` fires on a click so the canvas can move to the node. `anchorChip` replaces the chip.
 - **Attachments.** The `attachments` snippet draws under a comment's body.
 - **Events.** `events` takes `ThreadEvent`s (a whole sentence, a time, an optional Phosphor icon) and draws each as one `Trace` line between the conversations, in time order. `whenEvent(event)` formats its time. `interleave(nodes, events)` gives the same order without the component.
+- **Footer.** `footer` draws above the composer, such as an agent's question waiting on an answer. `onPost` decides where a root post goes.
+- **Heading.** `heading={false}` keeps the title for screen readers only, for a thread its tab already names.
 - **Long bodies.** A body over 6 lines folds behind `showMore` and `showLess`.
 - **Labels.** Every string comes from `labels`, a partial of `ThreadLabels`. `showResolved` holds a `{count}` slot. `when(comment)` formats the time.
 

package/src/thread/thread.svelte

@@ -48,6 +48,8 @@
 		canEdit?: (comment: ThreadComment) => boolean;
 		/** False hides the visible title, for a thread already named by its tab. Screen readers still get it. */
 		heading?: boolean;
+		/** Drawn above the composer, such as a question waiting on an answer. */
+		footer?: Snippet;
 		class?: string;
 	}
 
@@ -69,6 +71,7 @@
 		onAnchor,
 		canEdit = () => false,
 		heading = true,
+		footer,
 		class: className,
 	}: Props = $props();
 
@@ -356,6 +359,8 @@
 		<p class="text-[13px] text-muted-foreground">{labels.empty}</p>
 	{/if}
 
+	{@render footer?.()}
+
 	{#if onPost}
 		{@render composer(draft, labels.placeholder, sendRoot, (next) => (draft = next), false)}
 	{/if}