@joewinke/jatui 0.38.6 → 0.39.0

package/dist/components/progress/Steps.svelte

@@ -1,4 +1,24 @@
+<!--
+  Steps — a numbered step track with an animated connector fill.
+
+  Opt-in extras (jatui-lltq9; none of them change the default output):
+    collapsible   a summary header button ("3 steps left") that folds the
+                  track away; the summary stays live while folded, and the
+                  folded header also shows the active step's label + ring.
+    activeProgress 0–1 → a mini ProgressRing on the active step's node.
+    orientation   'vertical' stacks the steps (labels + descriptions beside
+                  the nodes) — the shape for agent-progress / todo cards.
+    onFinished    fires once, `completionDelay` ms after `current` passes the
+                  last step (re-arms if `current` drops back), so a host can
+                  hand the surface back to the agent's answer.
+  Drive `current` from real events; there is no time-simulated stepping.
+-->
 <script lang="ts">
+	import { untrack, type Snippet } from 'svelte';
+	import ProgressRing from './ProgressRing.svelte';
+	import { motionSlide } from '../../motion/transitions';
+	import { clampStepProgress, isStepsFinished, stepsSummary } from './stepsSummary';
+
 	interface Step {
 		label?: string;
 		description?: string;
@@ -10,6 +30,20 @@
 		color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
 		size?: 'sm' | 'md' | 'lg';
 		class?: string;
+		/** Render a summary header button that folds the steps away. */
+		collapsible?: boolean;
+		/** Folded state (bindable). Only meaningful with `collapsible`. */
+		collapsed?: boolean;
+		/** Header copy. Default: "N steps left" / "All steps done". */
+		summary?: string | Snippet;
+		/** Layout. Default 'horizontal'. */
+		orientation?: 'horizontal' | 'vertical';
+		/** 0–1 progress of the active step → a mini ring on its node. */
+		activeProgress?: number;
+		/** Hold (ms) after the last step completes before `onFinished`. Default 0. */
+		completionDelay?: number;
+		/** Fired once after `current` passes the last step (+ `completionDelay`). */
+		onFinished?: () => void;
 	}
 
 	let {
@@ -17,7 +51,14 @@
 		current = 1,
 		color = 'primary',
 		size = 'md',
-		class: className = ''
+		class: className = '',
+		collapsible = false,
+		collapsed = $bindable(false),
+		summary,
+		orientation = 'horizontal',
+		activeProgress,
+		completionDelay = 0,
+		onFinished
 	}: Props = $props();
 
 	const normalized = $derived(
@@ -53,17 +94,45 @@
 	const nodePx = $derived(nodeSize[size]);
 	const fontSize: Record<NonNullable<Props['size']>, string> = { sm: '0.6875rem', md: '0.8125rem', lg: '1rem' };
 	const labelSize = $derived(fontSize[size]);
+
+	// ── Opt-in extras ────────────────────────────────────────────────────
+	const uid = $props.id();
+	const bodyId = `steps-body-${uid}`;
+	const vertical = $derived(orientation === 'vertical');
+	const finished = $derived(isStepsFinished(count, current));
+	const ringValue = $derived(
+		activeProgress == null ? null : Math.round(clampStepProgress(activeProgress) * 100)
+	);
+	const summaryText = $derived(typeof summary === 'string' ? summary : stepsSummary(count, current));
+	const activeLabel = $derived(finished ? undefined : normalized[current - 1]?.label);
+
+	// onFinished: once per "run" — re-arms when current drops back to a step.
+	let finishedFired = false;
+	$effect(() => {
+		if (!finished) {
+			finishedFired = false;
+			return;
+		}
+		if (finishedFired) return;
+		const delay = Math.max(0, completionDelay);
+		const timer = setTimeout(() => {
+			finishedFired = true;
+			untrack(() => onFinished)?.();
+		}, delay);
+		return () => clearTimeout(timer);
+	});
 </script>
 
+{#snippet track()}
 <div
-	class="steps-wrap {className}"
+	class="steps-wrap {collapsible ? '' : className}{vertical ? ' steps-wrap--vertical' : ''}"
 	role="list"
 	aria-label="Progress steps"
 	style="--fill:{fillColor};--fg:{fgColor};--node:{nodePx}px"
 >
 	<!-- Connector track -->
 	<div class="steps-track" aria-hidden="true">
-		<div class="steps-track-fill" style="transform:scaleX({trackFill})"></div>
+		<div class="steps-track-fill" style="transform:{vertical ? 'scaleY' : 'scaleX'}({trackFill})"></div>
 	</div>
 
 	<!-- Step nodes -->
@@ -78,7 +147,7 @@
 			role="listitem"
 			aria-current={isActive ? 'step' : undefined}
 		>
-			<div class="step-node" style="font-size:{labelSize}">
+			<div class="step-node" class:step-node--ring={isActive && ringValue != null} style="font-size:{labelSize}">
 				{#if isComplete}
 					<!-- Check mark drawn in on complete -->
 					<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="step-check" aria-hidden="true">
@@ -86,14 +155,71 @@
 					</svg>
 				{:else}
 					<span>{stepNum}</span>
+				{/if}{#if isActive && ringValue != null}
+					<span class="step-ring">
+						<ProgressRing
+							value={ringValue}
+							size={nodePx}
+							strokeWidth={size === 'sm' ? 2 : 3}
+							{color}
+							showValue={false}
+							label="{step.label ?? `Step ${stepNum}`} progress"
+						/>
+					</span>
 				{/if}
 			</div>
-			{#if step.label}
+			{#if vertical}
+				{#if step.label || step.description}
+					<span class="step-text">
+						{#if step.label}<span class="step-label" style="font-size:{labelSize}">{step.label}</span>{/if}
+						{#if step.description}<span class="step-desc">{step.description}</span>{/if}
+					</span>
+				{/if}
+			{:else if step.label}
 				<span class="step-label" style="font-size:{labelSize}">{step.label}</span>
 			{/if}
 		</div>
 	{/each}
 </div>
+{/snippet}
+
+{#if collapsible}
+	<div class="steps-fold {className}" style="--fill:{fillColor}">
+		<button
+			type="button"
+			class="steps-fold-header"
+			aria-expanded={!collapsed}
+			aria-controls={bodyId}
+			onclick={() => (collapsed = !collapsed)}
+		>
+			<svg class="steps-fold-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+				<polyline points="6,4 10,8 6,12" />
+			</svg>
+			<span class="steps-fold-summary">
+				{#if typeof summary === 'function'}{@render summary()}{:else}{summaryText}{/if}
+			</span>
+			{#if collapsed && activeLabel}
+				<span class="steps-fold-current">{activeLabel}</span>
+			{/if}
+			{#if collapsed && ringValue != null && !finished}
+				<span class="steps-fold-ring" aria-hidden="true">
+					<ProgressRing value={ringValue} size={16} strokeWidth={2} {color} showValue={false} />
+				</span>
+			{/if}
+		</button>
+		<!-- Live summary for assistive tech — the header text itself is not a live region. -->
+		<span class="sr-only" aria-live="polite">{summaryText}</span>
+		<div id={bodyId} class="steps-fold-body">
+			{#if !collapsed}
+				<div class="steps-fold-inner" transition:motionSlide>
+					{@render track()}
+				</div>
+			{/if}
+		</div>
+	</div>
+{:else}
+	{@render track()}
+{/if}
 
 <style>
 	.steps-wrap {
@@ -136,6 +262,7 @@
 	}
 
 	.step-node {
+		position: relative;
 		width: var(--node);
 		height: var(--node);
 		border-radius: 9999px;
@@ -160,6 +287,18 @@
 		transform: scale(1.18);
 	}
 
+	/* Active node with a progress ring: the ring IS the border. */
+	.step--active .step-node--ring {
+		border-color: transparent;
+	}
+
+	.step-ring {
+		position: absolute;
+		inset: -2px;
+		display: flex;
+		pointer-events: none;
+	}
+
 	.step--complete .step-node {
 		background: var(--fill);
 		border-color: var(--fill);
@@ -184,6 +323,127 @@
 		color: var(--color-base-content);
 	}
 
+	/* ── Vertical orientation ─────────────────────────────────────────── */
+	.steps-wrap--vertical {
+		flex-direction: column;
+		align-items: stretch;
+		justify-content: flex-start;
+		gap: 0.875rem;
+		padding-top: 0;
+	}
+
+	.steps-wrap--vertical .steps-track {
+		top: calc(var(--node) / 2);
+		bottom: calc(var(--node) / 2);
+		left: calc(var(--node) / 2);
+		right: auto;
+		width: 3px;
+		height: auto;
+		transform: translateX(-50%);
+	}
+
+	.steps-wrap--vertical .steps-track-fill {
+		width: 100%;
+		transform-origin: top;
+	}
+
+	.steps-wrap--vertical .step {
+		flex-direction: row;
+		align-items: flex-start;
+		gap: 0.75rem;
+	}
+
+	.steps-wrap--vertical .step-node {
+		flex-shrink: 0;
+	}
+
+	.step-text {
+		display: flex;
+		flex-direction: column;
+		gap: 0.125rem;
+		min-width: 0;
+		min-height: var(--node);
+		justify-content: center;
+	}
+
+	.steps-wrap--vertical .step-label {
+		text-align: left;
+		max-width: none;
+	}
+
+	.step-desc {
+		font-size: 0.75rem;
+		line-height: 1.3;
+		color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
+	}
+
+	/* ── Collapsible header ───────────────────────────────────────────── */
+	.steps-fold {
+		width: 100%;
+	}
+
+	.steps-fold-header {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		width: 100%;
+		min-height: 2.25rem;
+		padding: 0.375rem 0.5rem;
+		border-radius: var(--jatui-radius-field, var(--radius-field, 0.25rem));
+		font-size: 0.875rem;
+		font-weight: 600;
+		text-align: left;
+		color: var(--color-base-content);
+		background: transparent;
+		cursor: pointer;
+		transition: background var(--motion-fast, 150ms) var(--motion-glide);
+	}
+
+	.steps-fold-header:hover {
+		background: color-mix(in oklch, var(--color-base-content) 6%, transparent);
+	}
+
+	.steps-fold-header:focus-visible {
+		outline: 2px solid var(--fill);
+		outline-offset: 2px;
+	}
+
+	.steps-fold-chevron {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+		color: color-mix(in oklch, var(--color-base-content) 55%, transparent);
+		transform: rotate(90deg);
+		transition: transform var(--motion-fast, 150ms) var(--motion-glide);
+	}
+
+	.steps-fold-header[aria-expanded='false'] .steps-fold-chevron {
+		transform: rotate(0deg);
+	}
+
+	.steps-fold-summary {
+		font-variant-numeric: tabular-nums;
+	}
+
+	.steps-fold-current {
+		min-width: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-weight: 400;
+		color: color-mix(in oklch, var(--color-base-content) 60%, transparent);
+	}
+
+	.steps-fold-ring {
+		display: inline-flex;
+		margin-left: auto;
+		flex-shrink: 0;
+	}
+
+	.steps-fold-inner {
+		padding: 0.5rem 0.25rem 0.25rem;
+	}
+
 	@media (prefers-reduced-motion: reduce) {
 		.steps-track-fill {
 			transition: none;
@@ -191,5 +451,9 @@
 		.step-node {
 			transition: none;
 		}
+		.steps-fold-chevron,
+		.steps-fold-header {
+			transition: none;
+		}
 	}
 </style>

package/dist/components/progress/Steps.svelte.d.ts

@@ -1,3 +1,4 @@
+import { type Snippet } from 'svelte';
 interface Step {
     label?: string;
     description?: string;
@@ -8,7 +9,21 @@ interface Props {
     color?: 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
     size?: 'sm' | 'md' | 'lg';
     class?: string;
+    /** Render a summary header button that folds the steps away. */
+    collapsible?: boolean;
+    /** Folded state (bindable). Only meaningful with `collapsible`. */
+    collapsed?: boolean;
+    /** Header copy. Default: "N steps left" / "All steps done". */
+    summary?: string | Snippet;
+    /** Layout. Default 'horizontal'. */
+    orientation?: 'horizontal' | 'vertical';
+    /** 0–1 progress of the active step → a mini ring on its node. */
+    activeProgress?: number;
+    /** Hold (ms) after the last step completes before `onFinished`. Default 0. */
+    completionDelay?: number;
+    /** Fired once after `current` passes the last step (+ `completionDelay`). */
+    onFinished?: () => void;
 }
-declare const Steps: import("svelte").Component<Props, {}, "">;
+declare const Steps: import("svelte").Component<Props, {}, "collapsed">;
 type Steps = ReturnType<typeof Steps>;
 export default Steps;

package/dist/components/progress/stepsSummary.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Pure helpers behind Steps' collapsible summary header (jatui-lltq9).
+ *
+ * `current` is Steps' 1-based active step: steps before it are complete, the
+ * step at it is in progress, and `current > count` means every step is done.
+ */
+/** Steps still to finish, counting the active one. Never negative. */
+export declare function stepsRemaining(count: number, current: number): number;
+/** True once `current` has moved past the last step. */
+export declare function isStepsFinished(count: number, current: number): boolean;
+/** Default header copy: "3 steps left", "1 step left", "All steps done". */
+export declare function stepsSummary(count: number, current: number): string;
+/** Clamp an active-step progress fraction to 0–1 (non-finite → 0). */
+export declare function clampStepProgress(value: number): number;

package/dist/components/progress/stepsSummary.js

@@ -0,0 +1,32 @@
+/**
+ * Pure helpers behind Steps' collapsible summary header (jatui-lltq9).
+ *
+ * `current` is Steps' 1-based active step: steps before it are complete, the
+ * step at it is in progress, and `current > count` means every step is done.
+ */
+/** Steps still to finish, counting the active one. Never negative. */
+export function stepsRemaining(count, current) {
+    if (!Number.isFinite(count) || count <= 0)
+        return 0;
+    const done = Math.max(0, Math.min(count, Math.floor(current) - 1));
+    return count - done;
+}
+/** True once `current` has moved past the last step. */
+export function isStepsFinished(count, current) {
+    return count > 0 && current > count;
+}
+/** Default header copy: "3 steps left", "1 step left", "All steps done". */
+export function stepsSummary(count, current) {
+    if (!Number.isFinite(count) || count <= 0)
+        return 'No steps';
+    const left = stepsRemaining(count, current);
+    if (left === 0)
+        return 'All steps done';
+    return `${left} ${left === 1 ? 'step' : 'steps'} left`;
+}
+/** Clamp an active-step progress fraction to 0–1 (non-finite → 0). */
+export function clampStepProgress(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return value < 0 ? 0 : value > 1 ? 1 : value;
+}

package/dist/index.d.ts

@@ -57,6 +57,10 @@ export { default as InlineEdit } from './components/InlineEdit.svelte';
 export { default as FloatingActionBar } from './components/FloatingActionBar.svelte';
 export { default as BulkActionBar } from './components/BulkActionBar.svelte';
 export type { BulkAction, BulkActionGroup } from './components/BulkActionBar.svelte';
+export { createClickSelection } from './selection/createClickSelection';
+export type { ClickSelection, ClickSelectionOptions, ClickSelectionKeyOptions } from './selection/createClickSelection';
+export { applyClick as applySelectionClick, extendTo as extendSelectionTo, rangeBetween as selectionRange, selectionKey, isAdditive as isAdditiveClick } from './selection/clickSelection';
+export type { SelectionModifiers, SelectionState, SelectionKeyEvent, SelectionKeyAction, ArrowKey as SelectionArrowKey } from './selection/clickSelection';
 export { default as HunkDiffView } from './components/HunkDiffView.svelte';
 export { default as Tooltip } from './components/Tooltip.svelte';
 export { default as PresenceStack } from './components/PresenceStack.svelte';
@@ -205,6 +209,8 @@ export type { AttentionEffect, AttentionOptions } from './actions/attention';
 export { reveal, REVEAL_HIDDEN_CLASS, REVEAL_BASE_CLASS, REVEAL_OFF_SELECTOR, REVEAL_MAX_DELAY_SECONDS } from './actions/reveal';
 export type { RevealOptions, RevealVariant } from './actions/reveal';
 export { default as ThumbnailGrid } from './components/ThumbnailGrid.svelte';
+export { default as MediaExplorer } from "./components/MediaExplorer.svelte";
+export type { ExplorerSource } from "./components/MediaExplorer.svelte";
 export type { ThumbnailItem } from './components/ThumbnailGrid.svelte';
 export { floating, makeVirtualAnchor } from './actions/floating';
 export type { FloatingOptions, Placement } from './actions/floating';
@@ -304,3 +310,31 @@ export { mergeReviewCounts, summarizeReview, reviewSentence, buildReviewFilters,
 export type { ReviewTone, ReviewVerdictDef, ReviewCounts, ReviewRound, ReviewFilterChip, ReviewSummary, BuildFiltersInput } from './components/review/reviewSummary';
 export { MEDIA_ZOOM_KEYS, mediaZoomHint } from './components/review/mediaZoom';
 export type { MediaZoomState, MediaZoomView, MediaZoomFooterContext, MediaZoomAction, MediaZoomKeyDef, MediaZoomKeyContext } from './components/review/mediaZoom';
+export { default as ShimmerText } from './components/agent/ShimmerText.svelte';
+export { default as AgentThinking } from './components/agent/AgentThinking.svelte';
+export { formatThinkingTime } from './components/agent/agentThinking';
+export type { AgentThinkingVariant, AgentThinkingTone } from './components/agent/agentThinking';
+export { default as AgentLog } from './components/agent/AgentLog.svelte';
+export { default as AgentLogRow } from './components/agent/AgentLogRow.svelte';
+export { createRevealTicker } from './components/agent/revealTicker';
+export type { RevealTickerOptions, RevealTicker } from './components/agent/revealTicker';
+export { RevealCore, revealDelay, DEFAULT_STEP_INTERVAL as REVEAL_STEP_INTERVAL, DEFAULT_START_DELAY as REVEAL_START_DELAY } from './components/agent/revealCore';
+export type { RevealCoreOptions, RevealClock, RevealCoreHooks } from './components/agent/revealCore';
+export { BRANCH_Y as AGENT_LOG_BRANCH_Y } from './components/agent/agentLog';
+export { default as AgentTaskList } from './components/agent/AgentTaskList.svelte';
+export { countUnits as countAgentTaskUnits, layoutTaskReveal, displayStatus as agentTaskDisplayStatus, isListComplete as isAgentTaskListComplete, foldedByPolicy as agentTaskFoldedByPolicy, sourceStack as agentSourceStack, sourceDomain as agentSourceDomain, sourceLabel as agentSourceLabel } from './components/agent/agentTaskList';
+export type { AgentTask, AgentTaskStep, AgentTaskChip, AgentTaskSource, AgentTaskStatus, CollapsePolicy as AgentTaskCollapsePolicy, TaskReveal } from './components/agent/agentTaskList';
+export { default as Questionnaire } from './components/agent/Questionnaire.svelte';
+export { emptyAnswers as emptyQuestionnaireAnswers, normalizeAnswers as normalizeQuestionnaireAnswers, finalizeAnswers as finalizeQuestionnaireAnswers, isComplete as isQuestionnaireComplete, isAnswered as isQuestionAnswered, digitToRow as questionnaireDigitToRow } from './components/agent/questionnaire';
+export type { QuestionnaireQuestion, QuestionnaireOption, QuestionnaireAnswer, QuestionnaireAnswers } from './components/agent/questionnaire';
+export { default as ContextMeter } from './components/agent/ContextMeter.svelte';
+export { computeContextMeter, buildBreakdown as buildContextBreakdown, formatCompact as formatCompactTokens, formatPercent as formatContextPercent, segmentColor as contextSegmentColor, meterValueText as contextMeterValueText } from './components/agent/contextMeter';
+export type { ContextSegment, ContextGroup, ContextTone, ContextMeterModel, MeterSegment as ContextMeterSegment, BreakdownRow as ContextBreakdownRow } from './components/agent/contextMeter';
+export { default as ComposerGlow } from './components/agent/ComposerGlow.svelte';
+export { default as StreamedText } from './components/agent/StreamedText.svelte';
+export { splitStreamedText } from './components/agent/streamedText';
+export type { StreamedBlock, StreamedTextSplit } from './components/agent/streamedText';
+export { stepsSummary, stepsRemaining, isStepsFinished, clampStepProgress } from './components/progress/stepsSummary';
+export { default as NotificationCenter } from './components/NotificationCenter.svelte';
+export { DEFAULT_NOTIFICATION_TABS, DATE_GROUP_LABELS as NOTIFICATION_DATE_GROUP_LABELS, dateGroupKey as notificationDateGroupKey, groupNotificationsByDate, toTimestampMs as notificationTimestampMs, isNotificationUnread, unreadIds as unreadNotificationIds, filterByTab as filterNotificationsByTab, tabCounts as notificationTabCounts, unreadSummary as notificationUnreadSummary } from './components/notificationCenter';
+export type { NotificationItem, NotificationAction, NotificationTab, NotificationStatus, NotificationGroup, DateGroupKey as NotificationDateGroupKey } from './components/notificationCenter';

package/dist/index.js

@@ -93,6 +93,12 @@ export { default as SortDropdown } from './components/SortDropdown.svelte';
 export { default as InlineEdit } from './components/InlineEdit.svelte';
 export { default as FloatingActionBar } from './components/FloatingActionBar.svelte';
 export { default as BulkActionBar } from './components/BulkActionBar.svelte';
+// Click selection (qimg-x9ifp.1): the pointer-first multi-selection that feeds
+// BulkActionBar — click / Ctrl-⌘ click / Shift click ranges, Shift+arrows,
+// Ctrl/⌘ A, Esc. Pure rules in selection/clickSelection.ts (unit-tested), a
+// reactive SvelteSet controller in createClickSelection.svelte.ts.
+export { createClickSelection } from './selection/createClickSelection';
+export { applyClick as applySelectionClick, extendTo as extendSelectionTo, rangeBetween as selectionRange, selectionKey, isAdditive as isAdditiveClick } from './selection/clickSelection';
 export { default as HunkDiffView } from './components/HunkDiffView.svelte';
 // Primitives — accessibility + form-editor scaffolding
 export { default as Tooltip } from './components/Tooltip.svelte';
@@ -248,6 +254,7 @@ export { reveal, REVEAL_HIDDEN_CLASS, REVEAL_BASE_CLASS, REVEAL_OFF_SELECTOR, RE
 // Thumbnail grid (jatui-m4uz3.3, chimaro port): generic {id,url,alt} strip
 // with overflow counter, remove/add affordances and a cell snippet override.
 export { default as ThumbnailGrid } from './components/ThumbnailGrid.svelte';
+export { default as MediaExplorer } from "./components/MediaExplorer.svelte";
 export { floating, makeVirtualAnchor } from './actions/floating';
 export { glide } from './transitions/glide';
 // View Transitions kit
@@ -355,3 +362,25 @@ export { default as MediaZoomLightbox } from './components/review/MediaZoomLight
 export { reviewKeys, createReviewKeys, reviewKeyRows, resolveReviewKey, REVIEW_KEY_TABLE } from './actions/reviewKeys';
 export { mergeReviewCounts, summarizeReview, reviewSentence, buildReviewFilters, orderRounds, formatRoundDate } from './components/review/reviewSummary';
 export { MEDIA_ZOOM_KEYS, mediaZoomHint } from './components/review/mediaZoom';
+// Agent surfaces (BoardUI wave 2 — jatui-lltq9). Free BoardUI items are MIT
+// (THIRD_PARTY_NOTICES.md); Task List / Questionnaire / ContextMeter are clean-room.
+export { default as ShimmerText } from './components/agent/ShimmerText.svelte';
+export { default as AgentThinking } from './components/agent/AgentThinking.svelte';
+export { formatThinkingTime } from './components/agent/agentThinking';
+export { default as AgentLog } from './components/agent/AgentLog.svelte';
+export { default as AgentLogRow } from './components/agent/AgentLogRow.svelte';
+export { createRevealTicker } from './components/agent/revealTicker';
+export { RevealCore, revealDelay, DEFAULT_STEP_INTERVAL as REVEAL_STEP_INTERVAL, DEFAULT_START_DELAY as REVEAL_START_DELAY } from './components/agent/revealCore';
+export { BRANCH_Y as AGENT_LOG_BRANCH_Y } from './components/agent/agentLog';
+export { default as AgentTaskList } from './components/agent/AgentTaskList.svelte';
+export { countUnits as countAgentTaskUnits, layoutTaskReveal, displayStatus as agentTaskDisplayStatus, isListComplete as isAgentTaskListComplete, foldedByPolicy as agentTaskFoldedByPolicy, sourceStack as agentSourceStack, sourceDomain as agentSourceDomain, sourceLabel as agentSourceLabel } from './components/agent/agentTaskList';
+export { default as Questionnaire } from './components/agent/Questionnaire.svelte';
+export { emptyAnswers as emptyQuestionnaireAnswers, normalizeAnswers as normalizeQuestionnaireAnswers, finalizeAnswers as finalizeQuestionnaireAnswers, isComplete as isQuestionnaireComplete, isAnswered as isQuestionAnswered, digitToRow as questionnaireDigitToRow } from './components/agent/questionnaire';
+export { default as ContextMeter } from './components/agent/ContextMeter.svelte';
+export { computeContextMeter, buildBreakdown as buildContextBreakdown, formatCompact as formatCompactTokens, formatPercent as formatContextPercent, segmentColor as contextSegmentColor, meterValueText as contextMeterValueText } from './components/agent/contextMeter';
+export { default as ComposerGlow } from './components/agent/ComposerGlow.svelte';
+export { default as StreamedText } from './components/agent/StreamedText.svelte';
+export { splitStreamedText } from './components/agent/streamedText';
+export { stepsSummary, stepsRemaining, isStepsFinished, clampStepProgress } from './components/progress/stepsSummary';
+export { default as NotificationCenter } from './components/NotificationCenter.svelte';
+export { DEFAULT_NOTIFICATION_TABS, DATE_GROUP_LABELS as NOTIFICATION_DATE_GROUP_LABELS, dateGroupKey as notificationDateGroupKey, groupNotificationsByDate, toTimestampMs as notificationTimestampMs, isNotificationUnread, unreadIds as unreadNotificationIds, filterByTab as filterNotificationsByTab, tabCounts as notificationTabCounts, unreadSummary as notificationUnreadSummary } from './components/notificationCenter';

package/dist/selection/clickSelection.d.ts

@@ -0,0 +1,89 @@
+/**
+ * Pointer-first multi-selection: the desktop-standard click rules, as pure
+ * functions over a plain `Set` (a `SvelteSet` is a `Set`, so the reactive
+ * controller in `createClickSelection.svelte.ts` runs exactly this code).
+ *
+ *   click            select only this one; it becomes the anchor
+ *   Ctrl/⌘ click     toggle this one; it becomes the anchor
+ *   Shift click      select the range anchor..this, in the current id order
+ *                    (replaces the selection; the anchor stays put)
+ *   Shift Ctrl/⌘     add the range anchor..this to the selection
+ *   Shift arrows     extend from the anchor (the caller says which id an
+ *                    arrow lands on, because only it knows the layout)
+ *   Ctrl/⌘ A         select every id
+ *   Esc              clear
+ *
+ * The selection is a set of ids, not of positions: re-sorting, filtering or
+ * live inserts keep it, and an id that is no longer in `ids` is simply not
+ * selected any more (`prune` drops it, the readers filter it out first).
+ *
+ * `head` is the moving end of the last range (the last id clicked or
+ * extended to), so Shift+arrows keep growing from where they left off.
+ *
+ * No DOM, no Svelte: unit-tested in tests/unit/clickSelection.test.ts.
+ */
+/** The modifier keys of a click (a MouseEvent or KeyboardEvent satisfies it). */
+export interface SelectionModifiers {
+    shiftKey?: boolean;
+    ctrlKey?: boolean;
+    metaKey?: boolean;
+}
+/** What a selection is: the set, plus the fixed and the moving end of a range. */
+export interface SelectionState<Id = string> {
+    selected: Set<Id>;
+    anchor: Id | null;
+    head: Id | null;
+}
+/** Ctrl on Linux/Windows, ⌘ on macOS: either counts as "toggle / add". */
+export declare const isAdditive: (m: SelectionModifiers) => boolean;
+/** The ids from `a` to `b` inclusive, in `ids` order (either direction). Empty when either is missing. */
+export declare function rangeBetween<Id>(ids: readonly Id[], a: Id, b: Id): Id[];
+/** Select only `id` and make it the anchor (a plain click, or a plain arrow move). */
+export declare function selectOnly<Id>(s: SelectionState<Id>, id: Id): void;
+/** Toggle `id` and make it the anchor (Ctrl/⌘ click). */
+export declare function toggleOne<Id>(s: SelectionState<Id>, id: Id): void;
+/**
+ * Select the range from the anchor to `id` (Shift click / Shift arrows).
+ * `additive` keeps what was selected and adds the range (Shift+Ctrl/⌘).
+ * With no usable anchor (none yet, or it vanished) it behaves as a plain
+ * click on `id` (or a toggle-on when additive).
+ */
+export declare function extendTo<Id>(s: SelectionState<Id>, ids: readonly Id[], id: Id, additive?: boolean): void;
+/** Apply one click on `id` with its modifiers. Ids not in `ids` are ignored. */
+export declare function applyClick<Id>(s: SelectionState<Id>, ids: readonly Id[], id: Id, m?: SelectionModifiers): void;
+/** Select every id (Ctrl/⌘ A). The anchor stays if it is still there, else the first id. */
+export declare function selectAll<Id>(s: SelectionState<Id>, ids: readonly Id[]): void;
+/** Clear the selection and the range ends (Esc). */
+export declare function clearSelection<Id>(s: SelectionState<Id>): void;
+/** Drop selected ids that are no longer in `ids` (and an anchor or head that vanished). True when anything changed. */
+export declare function prune<Id>(s: SelectionState<Id>, ids: readonly Id[]): boolean;
+/** The selected ids that are still present, in `ids` order (what a range or a list shows). */
+export declare const inOrder: <Id>(selected: ReadonlySet<Id>, ids: readonly Id[]) => Id[];
+/** The selected ids that are still present, in the order they were selected (Set insertion order). */
+export declare function inPickOrder<Id>(selected: ReadonlySet<Id>, ids: readonly Id[]): Id[];
+/** The keyboard part of a keydown (a KeyboardEvent satisfies it). */
+export interface SelectionKeyEvent extends SelectionModifiers {
+    key: string;
+    altKey?: boolean;
+    target?: EventTarget | null;
+    defaultPrevented?: boolean;
+}
+export declare const ARROW_KEYS: readonly ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+export type ArrowKey = (typeof ARROW_KEYS)[number];
+/** What a selection key does, decided without touching anything. */
+export type SelectionKeyAction = {
+    kind: 'selectAll';
+} | {
+    kind: 'clear';
+} | {
+    kind: 'extend';
+    key: ArrowKey;
+    additive: boolean;
+};
+/**
+ * Which selection key this is, if any: Ctrl/⌘ A (select all), Esc (clear,
+ * only while something is selected, so Esc keeps its other meanings when
+ * nothing is), Shift+arrows (extend; with Ctrl/⌘ too, add the range).
+ * Never while typing in a field, never with Alt, never when already handled.
+ */
+export declare function selectionKey(e: SelectionKeyEvent, hasSelection: boolean): SelectionKeyAction | null;