@vibesdotdev/chat 0.0.0-stage → 1.0.0-rc.1

package/dist/svelte/messenger/MessengerPanel.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type RuntimeMessengerStore } from './messenger-store.svelte';
+type $$ComponentProps = {
+    store: RuntimeMessengerStore;
+    chatOrigin: string;
+    viewerUserId?: string | null;
+    /**
+     * Where the launcher lives. `fixed` is the floating action button in the
+     * bottom-right, so the panel opens above it. `header` is an app-shell
+     * utility rail at the top of the page, where a bottom-anchored panel reads
+     * as unrelated to the button that opened it.
+     */
+    placement?: 'fixed' | 'header';
+};
+declare const MessengerPanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type MessengerPanel = ReturnType<typeof MessengerPanel>;
+export default MessengerPanel;
+//# sourceMappingURL=MessengerPanel.svelte.d.ts.map

package/dist/svelte/messenger/MessengerPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerPanel.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/messenger/MessengerPanel.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKzF,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC/B,CAAC;AA2MH,QAAA,MAAM,cAAc,sDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/messenger/MessengerToggle.svelte

@@ -0,0 +1,230 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { getLogger } from '@vibesdotdev/logging';
+	import { settleNow, valueFreeFailure } from '@vibesdotdev/kernel';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import type { RuntimeMessengerStore } from './messenger-store.svelte';
+	import { Icon } from '@vibesdotdev/kit/components';
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import { cn } from '@vibesdotdev/kit/utils';
+
+	const runtimeStore = getRuntimeSvelteContext();
+
+	let {
+		store,
+		chatOrigin,
+		placement = 'fixed'
+	}: {
+		store: RuntimeMessengerStore;
+		chatOrigin: string;
+		placement?: 'fixed' | 'header';
+	} = $props();
+
+	const totalUnread = $derived(store.totalUnread);
+	const isOnChatPage = $derived.by(() => {
+		const settled = settleNow(() => new URL(chatOrigin).origin === page.url.origin);
+		if (settled.ok) return settled.value;
+		if (runtimeStore.runtime) {
+			getLogger('chat.svelte.messenger-toggle', runtimeStore.runtime).warn(
+				'chatOrigin is not a valid URL',
+				{ chatOrigin, error: valueFreeFailure(settled.cause) }
+			);
+		}
+		return false;
+	});
+</script>
+
+{#if !isOnChatPage}
+	<Button
+		variant="default"
+		size="icon"
+		data-chat-messenger="toggle"
+		class={cn(
+			'messenger-fab size-12 rounded-full border-0',
+			placement === 'fixed' && 'messenger-fab--fixed',
+			placement === 'header' && 'messenger-fab--header',
+			store.open && 'messenger-fab--open'
+		)}
+		onclick={() => store.toggle()}
+		aria-label={store.open ? 'Close messenger' : 'Open messenger'}
+		aria-expanded={store.open}
+	>
+		<div class="messenger-fab__icon">
+			{#if store.open}
+				<Icon icon="lucide:x" class="size-[18px]" />
+			{:else}
+				<Icon icon="lucide:message-circle" class="size-[18px]" />
+			{/if}
+		</div>
+		{#if totalUnread > 0 && !store.open}
+			<span class="messenger-fab__badge">
+				<span class="messenger-fab__pulse"></span>
+				{totalUnread > 99 ? '99+' : totalUnread}
+			</span>
+		{/if}
+	</Button>
+{/if}
+
+<style lang="postcss">
+	@reference 'tailwindcss';
+	@reference '@vibesdotdev/kit/styles.css';
+
+	.messenger-fab {
+		border-radius: 9999px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		cursor: pointer;
+		border: none;
+		background: var(--color-primary);
+		color: var(--color-primary-foreground);
+		box-shadow:
+			0 1px 3px oklch(0.141 0.005 286 / 20%),
+			0 8px 24px oklch(0.21 0.006 286 / 15%);
+		transition:
+			transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1),
+			background-color 150ms ease,
+			box-shadow 150ms ease;
+
+		&:hover {
+			transform: scale(1.06);
+			box-shadow:
+				0 2px 6px oklch(0.141 0.005 286 / 22%),
+				0 12px 32px oklch(0.21 0.006 286 / 18%);
+		}
+
+		&:active {
+			transform: scale(0.94);
+			transition-duration: 80ms;
+		}
+
+		&:focus-visible {
+			outline: 2px solid var(--color-ring);
+			outline-offset: 2px;
+		}
+	}
+
+	.messenger-fab--fixed {
+		position: fixed;
+		bottom: 1.25rem;
+		right: 1.25rem;
+		z-index: 1000;
+		width: 3rem;
+		height: 3rem;
+
+		@media (width < 480px) {
+			width: 3.25rem;
+			height: 3.25rem;
+			bottom: 1rem;
+			right: 1rem;
+		}
+	}
+
+	/*
+	 * App shells own global utilities. A header placement keeps messaging
+	 * available without covering the page's own primary controls.
+	 */
+	.messenger-fab--header {
+		position: relative;
+		width: 2rem;
+		height: 2rem;
+		border: 1px solid var(--color-border);
+		border-radius: var(--radius-md);
+		background: transparent;
+		color: var(--color-muted-foreground);
+		box-shadow: none;
+
+		&:hover {
+			background: var(--color-accent);
+			color: var(--color-accent-foreground);
+			box-shadow: none;
+		}
+	}
+
+	.messenger-fab--open {
+		background: var(--color-muted);
+		color: var(--color-muted-foreground);
+		box-shadow:
+			0 1px 3px oklch(0.141 0.005 286 / 12%),
+			0 4px 12px oklch(0.141 0.005 286 / 10%);
+	}
+
+	.messenger-fab--open:hover {
+		box-shadow:
+			0 2px 6px oklch(0.141 0.005 286 / 14%),
+			0 6px 18px oklch(0.141 0.005 286 / 12%);
+	}
+
+	.messenger-fab--header.messenger-fab--open,
+	.messenger-fab--header.messenger-fab--open:hover {
+		background: var(--color-accent);
+		color: var(--color-accent-foreground);
+		box-shadow: none;
+	}
+
+	.messenger-fab__icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		animation: fab-icon-in 300ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
+	}
+
+	@keyframes fab-icon-in {
+		from {
+			opacity: 0;
+			transform: scale(0.5) rotate(-12deg);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1) rotate(0deg);
+		}
+	}
+
+	.messenger-fab__badge {
+		position: absolute;
+		top: -2px;
+		right: -2px;
+		min-width: 1.25rem;
+		height: 1.25rem;
+		padding: 0 0.35rem;
+		border-radius: 9999px;
+		font-size: 0.6875rem;
+		font-weight: 700;
+		line-height: 1.25rem;
+		text-align: center;
+		background: var(--color-destructive);
+		color: white;
+		box-shadow: 0 0 0 2px var(--color-background);
+		animation: badge-in 250ms cubic-bezier(0.34, 1.56, 0.64, 1) both;
+	}
+
+	@keyframes badge-in {
+		from {
+			opacity: 0;
+			transform: scale(0);
+		}
+		to {
+			opacity: 1;
+			transform: scale(1);
+		}
+	}
+
+	.messenger-fab__pulse {
+		position: absolute;
+		inset: -3px;
+		border-radius: inherit;
+		background: var(--color-destructive);
+		animation: pulse-ring 2s ease-out infinite;
+	}
+
+	@keyframes pulse-ring {
+		0% {
+			opacity: 0.5;
+			transform: scale(1);
+		}
+		100% {
+			opacity: 0;
+			transform: scale(1.8);
+		}
+	}
+</style>

package/dist/svelte/messenger/MessengerToggle.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { RuntimeMessengerStore } from './messenger-store.svelte';
+type $$ComponentProps = {
+    store: RuntimeMessengerStore;
+    chatOrigin: string;
+    placement?: 'fixed' | 'header';
+};
+declare const MessengerToggle: import("svelte").Component<$$ComponentProps, {}, "">;
+type MessengerToggle = ReturnType<typeof MessengerToggle>;
+export default MessengerToggle;
+//# sourceMappingURL=MessengerToggle.svelte.d.ts.map

package/dist/svelte/messenger/MessengerToggle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerToggle.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/messenger/MessengerToggle.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKrE,KAAK,gBAAgB,GAAI;IACxB,KAAK,EAAE,qBAAqB,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC/B,CAAC;AA4DH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/messenger/MessengerWidget.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import {
+		RuntimeMessengerStore,
+		createMessengerChatClientResolver
+	} from './messenger-store.svelte';
+	import MessengerToggle from './MessengerToggle.svelte';
+	import MessengerPanel from './MessengerPanel.svelte';
+
+	let {
+		chatOrigin,
+		viewerUserId = null,
+		placement = 'fixed'
+	}: {
+		chatOrigin: string;
+		viewerUserId?: string | null;
+		/** `header` lets an owning app shell place the launcher in its utility rail. */
+		placement?: 'fixed' | 'header';
+	} = $props();
+
+	const runtimeStore = getRuntimeSvelteContext();
+	const resolveChatClient = createMessengerChatClientResolver(runtimeStore);
+	const store = $derived(new RuntimeMessengerStore(chatOrigin, resolveChatClient, viewerUserId, () => runtimeStore.runtime ?? undefined));
+
+	$effect(() => {
+		store.setViewerUserId(viewerUserId);
+	});
+</script>
+
+<MessengerToggle {store} {chatOrigin} {placement} />
+<MessengerPanel {store} {chatOrigin} {viewerUserId} {placement} />

package/dist/svelte/messenger/MessengerWidget.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    chatOrigin: string;
+    viewerUserId?: string | null;
+    /** `header` lets an owning app shell place the launcher in its utility rail. */
+    placement?: 'fixed' | 'header';
+};
+declare const MessengerWidget: import("svelte").Component<$$ComponentProps, {}, "">;
+type MessengerWidget = ReturnType<typeof MessengerWidget>;
+export default MessengerWidget;
+//# sourceMappingURL=MessengerWidget.svelte.d.ts.map

package/dist/svelte/messenger/MessengerWidget.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessengerWidget.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/messenger/MessengerWidget.svelte.ts"],"names":[],"mappings":"AAWC,KAAK,gBAAgB,GAAI;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,gFAAgF;IAChF,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC/B,CAAC;AA2BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/messenger/index.d.ts

@@ -0,0 +1,8 @@
+export { default as MessengerWidget } from './MessengerWidget.svelte';
+export { default as MessengerPanel } from './MessengerPanel.svelte';
+export { default as MessengerToggle } from './MessengerToggle.svelte';
+export { default as MessengerConversationTitle } from './MessengerConversationTitle.svelte';
+export { MessengerStore, RuntimeMessengerStore, formatRelativeTime } from './messenger-store.svelte';
+export type { MessengerConversation } from './messenger-store.svelte';
+export { classifyMessengerConversationType, deriveMessengerConversationTitle, isGenericMessengerTitle, otherMessengerMembers, type MessengerConversationView, type MessengerRoomAgent, type MessengerRoomMember } from './messenger-utils.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/messenger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/svelte/messenger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AAC5F,OAAO,EACN,cAAc,EACd,qBAAqB,EACrB,kBAAkB,EAClB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EACN,iCAAiC,EACjC,gCAAgC,EAChC,uBAAuB,EACvB,qBAAqB,EACrB,KAAK,yBAAyB,EAC9B,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,MAAM,sBAAsB,CAAC"}

package/dist/svelte/messenger/index.js

@@ -0,0 +1,6 @@
+export { default as MessengerWidget } from './MessengerWidget.svelte';
+export { default as MessengerPanel } from './MessengerPanel.svelte';
+export { default as MessengerToggle } from './MessengerToggle.svelte';
+export { default as MessengerConversationTitle } from './MessengerConversationTitle.svelte';
+export { MessengerStore, RuntimeMessengerStore, formatRelativeTime } from './messenger-store.svelte';
+export { classifyMessengerConversationType, deriveMessengerConversationTitle, isGenericMessengerTitle, otherMessengerMembers } from "./messenger-utils.js";

package/dist/svelte/messenger/messenger-store.svelte.d.ts

@@ -0,0 +1,66 @@
+import { type ChatClient } from '@vibesdotdev/chat/client';
+import type { RuntimeSvelteStore } from '@vibesdotdev/surface-sveltekit/svelte';
+import { type MessengerConversationView } from './messenger-utils.ts';
+import { type RuntimeRef } from '@vibesdotdev/kernel';
+import { type MarshalContext } from '../../messenger/context-handoff.ts';
+type MessengerChatClient = Pick<ChatClient, 'rooms' | 'startConversation'>;
+type MessengerChatClientResolver = () => Promise<MessengerChatClient>;
+/** Resolve the messenger's chat client from the runtime a Svelte surface captured at init. */
+export declare function createMessengerChatClientResolver(runtimeStore: Pick<RuntimeSvelteStore, 'load'>): MessengerChatClientResolver;
+export type MessengerConversation = MessengerConversationView;
+export declare function formatRelativeTime(dateStr?: string): string;
+type MarshalMessage = {
+    id: string;
+    chatRoomId: string;
+    senderType: string;
+    content: string;
+    createdAt: string;
+};
+/** Runtime-backed messenger for shell-level conversation and Marshal surfaces. */
+export declare class RuntimeMessengerStore {
+    private readonly resolveChatClient;
+    private readonly getRuntime?;
+    open: boolean;
+    view: "list" | "conversation";
+    activeTab: "rooms" | "marshal" | "dms";
+    activeConversationId: string | null;
+    conversations: Map<string, MessengerConversationView>;
+    initialized: boolean;
+    isLoading: boolean;
+    error: string | null;
+    viewerUserId: string | null;
+    chatOrigin: string;
+    marshalRoomId: string | null;
+    marshalDraft: string;
+    marshalSending: boolean;
+    marshalError: string | null;
+    marshalMessages: MarshalMessage[];
+    marshalContext: {
+        appId: string;
+        pathname: string;
+        activeOrgId?: string | undefined;
+        matchedResultsCount?: number | undefined;
+        metadata?: Record<string, unknown> | undefined;
+    } | null;
+    private optimisticMessageSequence;
+    constructor(chatOrigin: string, resolveChatClient: MessengerChatClientResolver, viewerUserId?: string | null, getRuntime?: (() => RuntimeRef | undefined) | undefined);
+    private logError;
+    setViewerUserId(userId: string | null | undefined): void;
+    get totalUnread(): number;
+    get totalUnreadDMs(): number;
+    get totalUnreadRooms(): number;
+    get filteredConversations(): MessengerConversation[];
+    get activeConversation(): MessengerConversation | null;
+    toggle(): void;
+    close(): void;
+    openConversation(id: string): void;
+    loadConversations(): Promise<void>;
+    setMarshalContext(ctx: MarshalContext): void;
+    openWithMarshalQuery(query: string, context?: MarshalContext): void;
+    sendMarshalMessage(): Promise<void>;
+    loadMarshalMessages(): Promise<void>;
+    private replaceMarshalMessages;
+}
+/** @deprecated Prefer the explicit runtime-backed name in new code. */
+export { RuntimeMessengerStore as MessengerStore };
+//# sourceMappingURL=messenger-store.svelte.d.ts.map

package/dist/svelte/messenger/messenger-store.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messenger-store.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/messenger/messenger-store.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,UAAU,EAKf,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAIhF,OAAO,EAGN,KAAK,yBAAyB,EAG9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAA6D,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjH,OAAO,EAEN,KAAK,cAAc,EACnB,MAAM,oCAAoC,CAAC;AAE5C,KAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,mBAAmB,CAAC,CAAC;AAC3E,KAAK,2BAA2B,GAAG,MAAM,OAAO,CAAC,mBAAmB,CAAC,CAAC;AAEtE,8FAA8F;AAC9F,wBAAgB,iCAAiC,CAChD,YAAY,EAAE,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAC5C,2BAA2B,CAO7B;AAED,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAe3D;AAwED,KAAK,cAAc,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAuBF,kFAAkF;AAClF,qBAAa,qBAAqB;IAuBhC,OAAO,CAAC,QAAQ,CAAC,iBAAiB;IAElC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC;IAxB7B,IAAI,UAAiB;IACrB,IAAI,0BAA2C;IAC/C,SAAS,8BAA8C;IACvD,oBAAoB,gBAA+B;IACnD,aAAa,yCAAyD;IACtE,WAAW,UAAiB;IAC5B,SAAS,UAAiB;IAC1B,KAAK,gBAA+B;IACpC,YAAY,gBAA+B;IAC3C,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,gBAA+B;IAC5C,YAAY,SAAc;IAC1B,cAAc,UAAiB;IAC/B,YAAY,gBAA+B;IAC3C,eAAe,mBAAgC;IAC/C,cAAc;;;;;;aAAuC;IACrD,OAAO,CAAC,yBAAyB,CAAK;gBAGrC,UAAU,EAAE,MAAM,EACD,iBAAiB,EAAE,2BAA2B,EAC/D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,EACX,UAAU,CAAC,GAAE,MAAM,UAAU,GAAG,SAAS,aAAA;IAM3D,OAAO,CAAC,QAAQ;IAUhB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI;IAIxD,IAAI,WAAW,IAAI,MAAM,CAIxB;IAED,IAAI,cAAc,IAAI,MAAM,CAM3B;IAED,IAAI,gBAAgB,IAAI,MAAM,CAM7B;IAED,IAAI,qBAAqB,IAAI,qBAAqB,EAAE,CAanD;IAED,IAAI,kBAAkB,IAAI,qBAAqB,GAAG,IAAI,CAGrD;IAED,MAAM,IAAI,IAAI;IAUd,KAAK,IAAI,IAAI;IAMb,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAK5B,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAsBxC,iBAAiB,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI;IAI5C,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI;IAY7D,kBAAkB,IAAI,OAAO,CAAC,IAAI,CAAC;IAuEnC,mBAAmB,IAAI,OAAO,CAAC,IAAI,CAAC;YAsB5B,sBAAsB;CAIpC;AAED,uEAAuE;AACvE,OAAO,EAAE,qBAAqB,IAAI,cAAc,EAAE,CAAC"}