@vibesdotdev/forge 0.0.0-stage → 1.0.0-rc.5

package/dist/svelte/components/KanbanBoard.svelte.d.ts

@@ -0,0 +1,51 @@
+import type { KanbanColumn, KanbanCard } from '../../presentation.ts';
+/**
+ * KanbanBoard — fluid responsive columns with drag-and-drop support, visual drop
+ * indicators, mobile-friendly column tabs, accessible keyboard/touch status
+ * movement, and column-level quick actions.
+ */
+interface Props {
+    columns: KanbanColumn[];
+    cards: KanbanCard[];
+    /** Builds a destination href for a card (renders as a link when present). */
+    hrefFor?: (card: KanbanCard) => string;
+    /** Click handler for a card (used when `hrefFor` is absent). */
+    onCardClick?: (card: KanbanCard) => void;
+    /** Emitted when a card is moved to another column via drag-drop or menu. */
+    onCardMove?: (event: {
+        cardId: string;
+        fromColumnId: string;
+        toColumnId: string;
+        targetIndex?: number;
+    }) => void;
+    /** Quick-add card trigger on a column header. */
+    onAddCard?: (columnId: string) => void;
+    /** Rapid inline card creation directly at column bottom. */
+    onInlineAddCard?: (event: {
+        columnId: string;
+        title: string;
+    }) => void;
+    /** Emitted when sorting cards in a column. */
+    onSortColumn?: (event: {
+        columnId: string;
+        criteria: 'priority' | 'date' | 'title';
+    }) => void;
+    /** Emitted when moving all cards from one column to another. */
+    onMoveAllCards?: (event: {
+        fromColumnId: string;
+        toColumnId: string;
+    }) => void;
+    /** Emitted when archiving all cards in a column. */
+    onArchiveColumnCards?: (columnId: string) => void;
+    /** Whether completed cards should be collapsed/hidden in final columns. */
+    hideCompleted?: boolean;
+    /** Toggle handler for hiding/showing completed cards. */
+    onToggleHideCompleted?: () => void;
+    /** Enable HTML5 drag-and-drop. Defaults to true. */
+    draggable?: boolean;
+    class?: string;
+}
+declare const KanbanBoard: import("svelte").Component<Props, {}, "">;
+type KanbanBoard = ReturnType<typeof KanbanBoard>;
+export default KanbanBoard;
+//# sourceMappingURL=KanbanBoard.svelte.d.ts.map

package/dist/svelte/components/KanbanBoard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/KanbanBoard.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAIrE;;;;GAIG;AACH,UAAU,KAAK;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC;IACvC,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,KAAK,IAAI,CAAC;IACX,iDAAiD;IACjD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,4DAA4D;IAC5D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACvE,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9F,gEAAgE;IAChE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,oDAAoD;IACpD,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,2EAA2E;IAC3E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yDAAyD;IACzD,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAkaF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/LabelChip.svelte

@@ -0,0 +1,80 @@
+<script lang="ts">
+	import type { Label } from '../../presentation.js';
+
+	/**
+	 * LabelChip — a small colored pill for a repository label. The dot + tinted
+	 * background derive from `label.color`; text contrast is computed so the name
+	 * stays legible on light or dark accents. Presentational.
+	 */
+	interface Props {
+		label: Label;
+		/** Optional click handler (e.g. filter by label). */
+		onClick?: (label: Label) => void;
+	}
+
+	let { label, onClick }: Props = $props();
+
+	const fallback = '#94a3b8';
+
+	function normalizeHex(color: string | undefined): string {
+		if (!color) return fallback;
+		let c = color.trim();
+		if (c.startsWith('#')) c = c.slice(1);
+		if (c.length === 3) c = c.split('').map((ch) => ch + ch).join('');
+		if (!/^[0-9a-fA-F]{6}$/.test(c)) return fallback;
+		return `#${c}`;
+	}
+
+	function isLight(hex: string): boolean {
+		const c = hex.slice(1);
+		const r = parseInt(c.slice(0, 2), 16);
+		const g = parseInt(c.slice(2, 4), 16);
+		const b = parseInt(c.slice(4, 6), 16);
+		// Relative luminance (perceptual weighting).
+		const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+		return luminance > 0.6;
+	}
+
+	let hex = $derived(normalizeHex(label.color));
+	let textColor = $derived(isLight(hex) ? '#1e293b' : '#ffffff');
+</script>
+
+{#if onClick}
+	<button
+		type="button"
+		class="forge-label-chip"
+		style:background-color={hex}
+		style:color={textColor}
+		title={label.description ?? label.name}
+		onclick={() => onClick?.(label)}
+	>
+		{label.name}
+	</button>
+{:else}
+	<span
+		class="forge-label-chip"
+		style:background-color={hex}
+		style:color={textColor}
+		title={label.description ?? label.name}
+	>
+		{label.name}
+	</span>
+{/if}
+
+<style>
+	.forge-label-chip {
+		display: inline-flex;
+		align-items: center;
+		font-size: 0.6875rem;
+		font-weight: 500;
+		line-height: 1;
+		padding: 0.2rem 0.5rem;
+		border-radius: 9999px;
+		border: none;
+		cursor: default;
+		white-space: nowrap;
+	}
+	button.forge-label-chip {
+		cursor: pointer;
+	}
+</style>

package/dist/svelte/components/LabelChip.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Label } from '../../presentation.ts';
+/**
+ * LabelChip — a small colored pill for a repository label. The dot + tinted
+ * background derive from `label.color`; text contrast is computed so the name
+ * stays legible on light or dark accents. Presentational.
+ */
+interface Props {
+    label: Label;
+    /** Optional click handler (e.g. filter by label). */
+    onClick?: (label: Label) => void;
+}
+declare const LabelChip: import("svelte").Component<Props, {}, "">;
+type LabelChip = ReturnType<typeof LabelChip>;
+export default LabelChip;
+//# sourceMappingURL=LabelChip.svelte.d.ts.map

package/dist/svelte/components/LabelChip.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelChip.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/LabelChip.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGlD;;;;GAIG;AACH,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC;IACb,qDAAqD;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACjC;AA8CF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/svelte/components/MentionChip.svelte

@@ -0,0 +1,194 @@
+<script lang="ts">
+	/**
+	 * MentionChip — renders interactive rich pills for Vibes resources
+	 * referenced via mentions: repos, storage files, knowledge documents,
+	 * agents, and users.
+	 */
+	interface Props {
+		type: 'repo' | 'file' | 'knowledge' | 'agent' | 'user' | 'issue';
+		label: string;
+		href?: string;
+		title?: string;
+		class?: string;
+		onClick?: () => void;
+	}
+
+	let {
+		type,
+		label,
+		href,
+		title,
+		class: className = '',
+		onClick
+	}: Props = $props();
+
+	const typeMeta = $derived.by(() => {
+		switch (type) {
+			case 'repo':
+				return {
+					color: '#3b82f6',
+					bg: 'rgba(59, 130, 246, 0.12)',
+					border: 'rgba(59, 130, 246, 0.25)',
+					iconType: 'repo'
+				};
+			case 'file':
+				return {
+					color: '#10b981',
+					bg: 'rgba(16, 185, 129, 0.12)',
+					border: 'rgba(16, 185, 129, 0.25)',
+					iconType: 'file'
+				};
+			case 'knowledge':
+				return {
+					color: '#8b5cf6',
+					bg: 'rgba(139, 92, 246, 0.12)',
+					border: 'rgba(139, 92, 246, 0.25)',
+					iconType: 'knowledge'
+				};
+			case 'agent':
+				return {
+					color: '#f59e0b',
+					bg: 'rgba(245, 158, 11, 0.12)',
+					border: 'rgba(245, 158, 11, 0.25)',
+					iconType: 'agent'
+				};
+			case 'user':
+				return {
+					color: '#06b6d4',
+					bg: 'rgba(6, 182, 212, 0.12)',
+					border: 'rgba(6, 182, 212, 0.25)',
+					iconType: 'user'
+				};
+			case 'issue':
+			default:
+				return {
+					color: '#64748b',
+					bg: 'rgba(100, 116, 139, 0.12)',
+					border: 'rgba(100, 116, 139, 0.25)',
+					iconType: 'issue'
+				};
+		}
+	});
+</script>
+
+{#snippet content()}
+	<span class="forge-mention-chip__icon" style:color={typeMeta.color} aria-hidden="true">
+		{#if type === 'repo'}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<line x1="6" y1="3" x2="6" y2="15"></line>
+				<circle cx="18" cy="6" r="3"></circle>
+				<circle cx="6" cy="18" r="3"></circle>
+				<path d="M18 9a9 9 0 0 1-9 9"></path>
+			</svg>
+		{:else if type === 'file'}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"></path>
+				<polyline points="14 2 14 8 20 8"></polyline>
+			</svg>
+		{:else if type === 'knowledge'}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path>
+				<path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path>
+			</svg>
+		{:else if type === 'agent'}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<rect width="18" height="12" x="3" y="6" rx="2"></rect>
+				<circle cx="9" cy="12" r="1"></circle>
+				<circle cx="15" cy="12" r="1"></circle>
+				<path d="M12 2v4"></path>
+			</svg>
+		{:else if type === 'user'}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"></path>
+				<circle cx="12" cy="7" r="4"></circle>
+			</svg>
+		{:else}
+			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="forge-mention-chip__svg">
+				<line x1="4" y1="9" x2="20" y2="9"></line>
+				<line x1="4" y1="15" x2="20" y2="15"></line>
+				<line x1="10" y1="3" x2="8" y2="21"></line>
+				<line x1="16" y1="3" x2="14" y2="21"></line>
+			</svg>
+		{/if}
+	</span>
+	<span class="forge-mention-chip__label">{label}</span>
+{/snippet}
+
+{#if href}
+	<a
+		{href}
+		class={`forge-mention-chip forge-mention-chip--link ${className}`}
+		style:background-color={typeMeta.bg}
+		style:border-color={typeMeta.border}
+		title={title ?? `${type}: ${label}`}
+	>
+		{@render content()}
+	</a>
+{:else if onClick}
+	<button
+		type="button"
+		class={`forge-mention-chip forge-mention-chip--btn ${className}`}
+		style:background-color={typeMeta.bg}
+		style:border-color={typeMeta.border}
+		title={title ?? `${type}: ${label}`}
+		onclick={onClick}
+	>
+		{@render content()}
+	</button>
+{:else}
+	<span
+		class={`forge-mention-chip ${className}`}
+		style:background-color={typeMeta.bg}
+		style:border-color={typeMeta.border}
+		title={title ?? `${type}: ${label}`}
+	>
+		{@render content()}
+	</span>
+{/if}
+
+<style>
+	.forge-mention-chip {
+		display: inline-flex;
+		align-items: center;
+		gap: 0.3rem;
+		padding: 0.125rem 0.45rem;
+		font-size: 0.75rem;
+		font-weight: 500;
+		line-height: 1.25;
+		border-radius: 9999px;
+		border: 1px solid transparent;
+		color: var(--foreground);
+		text-decoration: none;
+		vertical-align: middle;
+		transition: all 0.15s ease;
+		max-width: 100%;
+	}
+
+	.forge-mention-chip--link {
+		cursor: pointer;
+	}
+
+	.forge-mention-chip--link:hover,
+	.forge-mention-chip--btn:hover {
+		filter: brightness(1.1);
+		border-color: currentColor;
+	}
+
+	.forge-mention-chip__icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+	}
+
+	.forge-mention-chip__svg {
+		width: 0.8rem;
+		height: 0.8rem;
+	}
+
+	.forge-mention-chip__label {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+</style>

package/dist/svelte/components/MentionChip.svelte.d.ts

@@ -0,0 +1,17 @@
+/**
+ * MentionChip — renders interactive rich pills for Vibes resources
+ * referenced via mentions: repos, storage files, knowledge documents,
+ * agents, and users.
+ */
+interface Props {
+    type: 'repo' | 'file' | 'knowledge' | 'agent' | 'user' | 'issue';
+    label: string;
+    href?: string;
+    title?: string;
+    class?: string;
+    onClick?: () => void;
+}
+declare const MentionChip: import("svelte").Component<Props, {}, "">;
+type MentionChip = ReturnType<typeof MentionChip>;
+export default MentionChip;
+//# sourceMappingURL=MentionChip.svelte.d.ts.map

package/dist/svelte/components/MentionChip.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionChip.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MentionChip.svelte.ts"],"names":[],"mappings":"AAGC;;;;GAIG;AACH,UAAU,KAAK;IACd,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AA2HF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/components/MentionPopover.svelte

@@ -0,0 +1,116 @@
+<script lang="ts">
+	import {
+		Command,
+		CommandInput,
+		CommandList,
+		CommandEmpty,
+		CommandGroup,
+		CommandItem
+	} from '@vibesdotdev/kit/components/ui/command';
+	import UserChip from './UserChip.svelte';
+	import type { ForgeUser } from '../../presentation.js';
+
+	/**
+	 * MentionPopover — an `@mention` combobox built on the vibeskit `command`
+	 * primitive. It is data-in / no-fetch: the host supplies the candidate
+	 * `users` (already resolved — e.g. repo collaborators) and is notified of the
+	 * current query via `onQuery` so it may narrow the candidate list itself.
+	 * Selecting a candidate fires `onSelect(user)`; the host owns inserting the
+	 * mention into its editor.
+	 *
+	 * Each row reuses `UserChip` so mention candidates render identically to
+	 * authorship surfaces. Purely presentational.
+	 */
+	interface Props {
+		/** Candidate identities to mention (host-resolved; component never fetches). */
+		users: ForgeUser[];
+		/** Current query text (without the leading `@`). Bindable. */
+		query?: string;
+		/** Notified as the query changes so the host can refine `users`. */
+		onQuery?: (query: string) => void;
+		/** Fired when a candidate is chosen. */
+		onSelect?: (user: ForgeUser) => void;
+		/** Placeholder for the filter input. */
+		placeholder?: string;
+		/** Accessible label for the mention search input. */
+		inputLabel?: string;
+		/** Accessible label for the candidate list. */
+		listLabel?: string;
+		/** Optional group heading for the candidate rows. */
+		groupLabel?: string;
+		/** Shown when no candidate matches. */
+		emptyLabel?: string;
+		/** Show each candidate's `@handle` in its row. */
+		showHandle?: boolean;
+	}
+
+	let {
+		query = $bindable(''),
+		users,
+		onQuery,
+		onSelect,
+		placeholder = 'Mention someone…',
+		inputLabel = 'Search mention candidates',
+		listLabel = 'Mention candidates',
+		groupLabel = 'People',
+		emptyLabel = 'No matches.',
+		showHandle = true
+	}: Props = $props();
+
+	function handleInput(event: Event) {
+		const input = event.currentTarget;
+		if (input instanceof HTMLInputElement) handleQuery(input.value);
+	}
+
+	function handleQuery(next: string) {
+		query = next;
+		onQuery?.(next);
+	}
+
+	function mentionLabel(user: ForgeUser): string {
+		const handle = user.handle?.replace(/^@/, '');
+		return handle ? `Mention ${user.name} (@${handle})` : `Mention ${user.name}`;
+	}
+
+	function keyFor(user: ForgeUser, index: number): string {
+		return user.id ?? user.handle ?? `${user.name}-${index}`;
+	}
+</script>
+
+<div class="forge-mention" aria-label={listLabel}>
+	<Command shouldFilter={false} class="forge-mention__command">
+		<CommandInput {placeholder} aria-label={inputLabel} value={query} oninput={handleInput} />
+		<CommandList aria-label={listLabel}>
+			<CommandEmpty role="status">{emptyLabel}</CommandEmpty>
+			<CommandGroup heading={groupLabel}>
+				{#each users as user, i (keyFor(user, i))}
+					<CommandItem
+						value={user.handle ?? user.name}
+						aria-label={mentionLabel(user)}
+						onSelect={() => onSelect?.(user)}
+						class="forge-mention__item"
+					>
+						<UserChip {user} size="sm" {showHandle} isAgent={user.isAgent} />
+					</CommandItem>
+				{/each}
+			</CommandGroup>
+		</CommandList>
+	</Command>
+</div>
+
+<style>
+	.forge-mention {
+		border: 1px solid var(--border);
+		border-radius: 0.5rem;
+		overflow: hidden;
+		background: var(--popover);
+		min-width: 16rem;
+		max-width: 22rem;
+	}
+	.forge-mention :global(.forge-mention__command) {
+		background: transparent;
+	}
+	.forge-mention :global(.forge-mention__item) {
+		cursor: pointer;
+	}
+</style>

package/dist/svelte/components/MentionPopover.svelte.d.ts

@@ -0,0 +1,38 @@
+import type { ForgeUser } from '../../presentation.ts';
+/**
+ * MentionPopover — an `@mention` combobox built on the vibeskit `command`
+ * primitive. It is data-in / no-fetch: the host supplies the candidate
+ * `users` (already resolved — e.g. repo collaborators) and is notified of the
+ * current query via `onQuery` so it may narrow the candidate list itself.
+ * Selecting a candidate fires `onSelect(user)`; the host owns inserting the
+ * mention into its editor.
+ *
+ * Each row reuses `UserChip` so mention candidates render identically to
+ * authorship surfaces. Purely presentational.
+ */
+interface Props {
+    /** Candidate identities to mention (host-resolved; component never fetches). */
+    users: ForgeUser[];
+    /** Current query text (without the leading `@`). Bindable. */
+    query?: string;
+    /** Notified as the query changes so the host can refine `users`. */
+    onQuery?: (query: string) => void;
+    /** Fired when a candidate is chosen. */
+    onSelect?: (user: ForgeUser) => void;
+    /** Placeholder for the filter input. */
+    placeholder?: string;
+    /** Accessible label for the mention search input. */
+    inputLabel?: string;
+    /** Accessible label for the candidate list. */
+    listLabel?: string;
+    /** Optional group heading for the candidate rows. */
+    groupLabel?: string;
+    /** Shown when no candidate matches. */
+    emptyLabel?: string;
+    /** Show each candidate's `@handle` in its row. */
+    showHandle?: boolean;
+}
+declare const MentionPopover: import("svelte").Component<Props, {}, "query">;
+type MentionPopover = ReturnType<typeof MentionPopover>;
+export default MentionPopover;
+//# sourceMappingURL=MentionPopover.svelte.d.ts.map

package/dist/svelte/components/MentionPopover.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionPopover.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/MentionPopover.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGtD;;;;;;;;;;GAUG;AACH,UAAU,KAAK;IACd,gFAAgF;IAChF,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AA4DF,QAAA,MAAM,cAAc,gDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/PRStatusBadge.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import GitPullRequest from '@lucide/svelte/icons/git-pull-request';
+	import GitPullRequestClosed from '@lucide/svelte/icons/git-pull-request-closed';
+	import GitPullRequestDraft from '@lucide/svelte/icons/git-pull-request-draft';
+	import GitMerge from '@lucide/svelte/icons/git-merge';
+	import type { PrState } from '../../presentation.js';
+
+	/**
+	 * PRStatusBadge — a kit `Badge` reflecting a pull-request state
+	 * (open / closed / draft / merged) with a matching lucide icon.
+	 * Presentational.
+	 */
+	interface Props {
+		state: PrState;
+		/** Hide the leading icon (label only). */
+		hideIcon?: boolean;
+	}
+
+	let { state, hideIcon = false }: Props = $props();
+
+	const meta = {
+		open: { label: 'Open', variant: 'default' as const, icon: GitPullRequest },
+		merged: { label: 'Merged', variant: 'secondary' as const, icon: GitMerge },
+		closed: { label: 'Closed', variant: 'destructive' as const, icon: GitPullRequestClosed },
+		draft: { label: 'Draft', variant: 'outline' as const, icon: GitPullRequestDraft }
+	};
+
+	let current = $derived(meta[state] ?? meta.open);
+	let Icon = $derived(current.icon);
+</script>
+
+<Badge variant={current.variant} class="gap-1">
+	{#if !hideIcon}
+		<Icon class="size-3" />
+	{/if}
+	{current.label}
+</Badge>

package/dist/svelte/components/PRStatusBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { PrState } from '../../presentation.ts';
+/**
+ * PRStatusBadge — a kit `Badge` reflecting a pull-request state
+ * (open / closed / draft / merged) with a matching lucide icon.
+ * Presentational.
+ */
+interface Props {
+    state: PrState;
+    /** Hide the leading icon (label only). */
+    hideIcon?: boolean;
+}
+declare const PRStatusBadge: import("svelte").Component<Props, {}, "">;
+type PRStatusBadge = ReturnType<typeof PRStatusBadge>;
+export default PRStatusBadge;
+//# sourceMappingURL=PRStatusBadge.svelte.d.ts.map

package/dist/svelte/components/PRStatusBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PRStatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/PRStatusBadge.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;;GAIG;AACH,UAAU,KAAK;IACd,KAAK,EAAE,OAAO,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAgCF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}