@albionlabs/chat-widget 0.1.0

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

@@ -0,0 +1,7 @@
+import type { DisplayMessage } from '../types.js';
+type $$ComponentProps = {
+    message: DisplayMessage;
+};
+declare const ChatBubble: import("svelte").Component<$$ComponentProps, {}, "">;
+type ChatBubble = ReturnType<typeof ChatBubble>;
+export default ChatBubble;

package/dist/components/MessageInput.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+	import { chat, sendMessage } from '../stores/chat.js';
+
+	let input = $state('');
+
+	function handleSubmit(e: Event) {
+		e.preventDefault();
+		const trimmed = input.trim();
+		if (!trimmed || !$chat.connected) return;
+		sendMessage(trimmed);
+		input = '';
+	}
+
+	function handleKeydown(e: KeyboardEvent) {
+		if (e.key === 'Enter' && !e.shiftKey) {
+			e.preventDefault();
+			handleSubmit(e);
+		}
+	}
+</script>
+
+<form class="message-input" onsubmit={handleSubmit}>
+	<textarea
+		bind:value={input}
+		onkeydown={handleKeydown}
+		placeholder={$chat.connected ? 'Type a message...' : 'Reconnecting...'}
+		disabled={!$chat.connected}
+		rows={1}
+	></textarea>
+	<button type="submit" disabled={!$chat.connected || !input.trim()}>
+		Send
+	</button>
+</form>
+
+<style>
+	.message-input {
+		display: flex;
+		gap: 0.5rem;
+		padding: 0.75rem 1rem;
+		border-top: 1px solid #e5e7eb;
+		background: white;
+	}
+
+	textarea {
+		flex: 1;
+		resize: none;
+		border: 1px solid #d1d5db;
+		border-radius: 0.5rem;
+		padding: 0.5rem 0.75rem;
+		font-family: inherit;
+		font-size: 0.875rem;
+		line-height: 1.5;
+		outline: none;
+	}
+
+	textarea:focus {
+		border-color: #3b82f6;
+		box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+	}
+
+	textarea:disabled {
+		background: #f9fafb;
+		cursor: not-allowed;
+	}
+
+	button {
+		padding: 0.5rem 1rem;
+		background: #3b82f6;
+		color: white;
+		border: none;
+		border-radius: 0.5rem;
+		font-size: 0.875rem;
+		cursor: pointer;
+		white-space: nowrap;
+	}
+
+	button:hover:not(:disabled) {
+		background: #2563eb;
+	}
+
+	button:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+</style>

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

@@ -0,0 +1,3 @@
+declare const MessageInput: import("svelte").Component<Record<string, never>, {}, "">;
+type MessageInput = ReturnType<typeof MessageInput>;
+export default MessageInput;

package/dist/components/MessageList.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+	import { chat } from '../stores/chat.js';
+	import ChatBubble from './ChatBubble.svelte';
+
+	let container: HTMLDivElement | undefined = $state();
+
+	$effect(() => {
+		if ($chat.messages.length && container) {
+			container.scrollTop = container.scrollHeight;
+		}
+	});
+</script>
+
+<div class="message-list" bind:this={container}>
+	{#each $chat.messages as message (message.id)}
+		<ChatBubble {message} />
+	{/each}
+	{#if $chat.loading}
+		<div class="typing-indicator">
+			<span></span><span></span><span></span>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.message-list {
+		flex: 1;
+		overflow-y: auto;
+		padding: 1rem;
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+	}
+
+	.typing-indicator {
+		align-self: flex-start;
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+		padding: 0.75rem 1rem;
+		background: #f3f4f6;
+		border-radius: 1rem;
+	}
+
+	.typing-indicator span {
+		width: 0.5rem;
+		height: 0.5rem;
+		background: #9ca3af;
+		border-radius: 50%;
+		animation: bounce 1.4s infinite ease-in-out both;
+	}
+
+	.typing-indicator span:nth-child(1) { animation-delay: -0.32s; }
+	.typing-indicator span:nth-child(2) { animation-delay: -0.16s; }
+
+	@keyframes bounce {
+		0%, 80%, 100% { transform: scale(0); }
+		40% { transform: scale(1); }
+	}
+</style>

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

@@ -0,0 +1,3 @@
+declare const MessageList: import("svelte").Component<Record<string, never>, {}, "">;
+type MessageList = ReturnType<typeof MessageList>;
+export default MessageList;

package/dist/components/WalletStatusIndicator.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+	import { walletProvider } from '../stores/wallet.js';
+	import { auth } from '../stores/auth.js';
+
+	let {
+		onRequestWalletConnect
+	}: {
+		onRequestWalletConnect?: () => void;
+	} = $props();
+
+	const hasWallet = $derived(!!$walletProvider);
+	const truncatedAddress = $derived(
+		$auth.address ? `${$auth.address.slice(0, 6)}...${$auth.address.slice(-4)}` : null
+	);
+</script>
+
+<div class="wallet-status">
+	{#if $auth.authenticated && truncatedAddress}
+		<span class="dot connected"></span>
+		<span class="address">{truncatedAddress}</span>
+	{:else if hasWallet}
+		<span class="dot wallet-ready"></span>
+		<span class="label">Wallet connected</span>
+	{:else}
+		<span class="dot disconnected"></span>
+		<button class="connect-btn" onclick={() => onRequestWalletConnect?.()}>
+			Connect Wallet
+		</button>
+	{/if}
+</div>
+
+<style>
+	.wallet-status {
+		display: flex;
+		align-items: center;
+		gap: 0.4rem;
+	}
+
+	.dot {
+		width: 0.45rem;
+		height: 0.45rem;
+		border-radius: 50%;
+		flex-shrink: 0;
+	}
+
+	.dot.connected {
+		background: #22c55e;
+	}
+
+	.dot.wallet-ready {
+		background: #f59e0b;
+	}
+
+	.dot.disconnected {
+		background: #6b7280;
+	}
+
+	.address {
+		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+		font-size: 0.72rem;
+		color: #d1d5db;
+	}
+
+	.label {
+		font-size: 0.72rem;
+		color: #d1d5db;
+	}
+
+	.connect-btn {
+		font-size: 0.7rem;
+		padding: 0.1rem 0.45rem;
+		border: 1px solid #6b7280;
+		border-radius: 0.25rem;
+		background: transparent;
+		color: white;
+		cursor: pointer;
+	}
+
+	.connect-btn:hover {
+		background: rgba(255, 255, 255, 0.1);
+		border-color: #9ca3af;
+	}
+</style>

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

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    onRequestWalletConnect?: () => void;
+};
+declare const WalletStatusIndicator: import("svelte").Component<$$ComponentProps, {}, "">;
+type WalletStatusIndicator = ReturnType<typeof WalletStatusIndicator>;
+export default WalletStatusIndicator;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ChatWidget } from './ChatWidget.svelte';
+export { default as ChatWidgetFloating } from './ChatWidgetFloating.svelte';
+export { default as ChatBubble } from './components/ChatBubble.svelte';
+export { default as MessageList } from './components/MessageList.svelte';
+export { default as MessageInput } from './components/MessageInput.svelte';
+export { default as WalletStatusIndicator } from './components/WalletStatusIndicator.svelte';
+export { chat, connect, disconnect, reconnect, sendMessage } from './stores/chat.js';
+export { auth, setAuth, clearAuth } from './stores/auth.js';
+export { setWalletProvider, clearWalletProvider } from './stores/wallet.js';
+export type { ChatWidgetConfig, DisplayMessage, WalletProvider, TxSignRequestPayload, FloatingChatWidgetConfig, FloatingChatCallbacks } from './types.js';

package/dist/index.js

@@ -0,0 +1,9 @@
+export { default as ChatWidget } from './ChatWidget.svelte';
+export { default as ChatWidgetFloating } from './ChatWidgetFloating.svelte';
+export { default as ChatBubble } from './components/ChatBubble.svelte';
+export { default as MessageList } from './components/MessageList.svelte';
+export { default as MessageInput } from './components/MessageInput.svelte';
+export { default as WalletStatusIndicator } from './components/WalletStatusIndicator.svelte';
+export { chat, connect, disconnect, reconnect, sendMessage } from './stores/chat.js';
+export { auth, setAuth, clearAuth } from './stores/auth.js';
+export { setWalletProvider, clearWalletProvider } from './stores/wallet.js';

package/dist/services/gateway-api.d.ts

@@ -0,0 +1,11 @@
+import type { LoginResponse, NpvResponse, OrderbookResponse, SigningBundle, SigningCompleteResponse, TokenLookupResponse, TokenMetadataResponse, TradeHistoryResponse } from './gateway-types.js';
+export declare function setGatewayConfig(gatewayUrl: string, token: string, apiKey?: string): void;
+export declare function setGatewayBaseUrl(gatewayUrl: string, apiKey?: string): void;
+export declare function fetchSigningBundle(signingId: string): Promise<SigningBundle>;
+export declare function completeSigningBundle(signingId: string, txHashes: string[]): Promise<SigningCompleteResponse>;
+export declare function lookupToken(symbolOrAddress: string): Promise<TokenLookupResponse>;
+export declare function fetchTokenMetadata(address: string, limit?: number): Promise<TokenMetadataResponse>;
+export declare function fetchOrderbook(tokenAddress: string, side?: 'buy' | 'sell' | 'both'): Promise<OrderbookResponse>;
+export declare function fetchTrades(tokenAddress: string, limit?: number): Promise<TradeHistoryResponse>;
+export declare function fetchNpv(cashFlows: number[], discountRate: number): Promise<NpvResponse>;
+export declare function login(signature: string, message: string, address: string): Promise<LoginResponse>;

package/dist/services/gateway-api.js

@@ -0,0 +1,71 @@
+let httpBaseUrl = '';
+let authToken = '';
+let apiKeyHeader = '';
+function wsUrlToHttp(wsUrl) {
+    return wsUrl.replace(/^wss:\/\//, 'https://').replace(/^ws:\/\//, 'http://');
+}
+export function setGatewayConfig(gatewayUrl, token, apiKey) {
+    httpBaseUrl = wsUrlToHttp(gatewayUrl);
+    authToken = token;
+    apiKeyHeader = apiKey ?? '';
+}
+export function setGatewayBaseUrl(gatewayUrl, apiKey) {
+    httpBaseUrl = wsUrlToHttp(gatewayUrl);
+    apiKeyHeader = apiKey ?? '';
+}
+async function gatewayFetch(path, init) {
+    const headers = {
+        'Content-Type': 'application/json',
+        ...init?.headers
+    };
+    if (authToken) {
+        headers['Authorization'] = `Bearer ${authToken}`;
+    }
+    if (apiKeyHeader) {
+        headers['X-Api-Key'] = apiKeyHeader;
+    }
+    const response = await fetch(`${httpBaseUrl}${path}`, {
+        ...init,
+        headers
+    });
+    if (!response.ok) {
+        const body = (await response.json().catch(() => ({ error: 'Unknown error' })));
+        throw new Error(body.error ?? `Request failed with status ${response.status}`);
+    }
+    return (await response.json());
+}
+export function fetchSigningBundle(signingId) {
+    return gatewayFetch(`/api/signing/${signingId}`);
+}
+export function completeSigningBundle(signingId, txHashes) {
+    return gatewayFetch(`/api/signing/${signingId}/complete`, {
+        method: 'POST',
+        body: JSON.stringify({ txHashes })
+    });
+}
+export function lookupToken(symbolOrAddress) {
+    return gatewayFetch(`/api/data/tokens/${encodeURIComponent(symbolOrAddress)}`);
+}
+export function fetchTokenMetadata(address, limit) {
+    const query = typeof limit === 'number' && Number.isFinite(limit) ? `?limit=${Math.floor(limit)}` : '';
+    return gatewayFetch(`/api/data/token-metadata/${encodeURIComponent(address)}${query}`);
+}
+export function fetchOrderbook(tokenAddress, side = 'both') {
+    return gatewayFetch(`/api/data/orderbook/${encodeURIComponent(tokenAddress)}?side=${side}`);
+}
+export function fetchTrades(tokenAddress, limit = 20) {
+    const boundedLimit = Math.max(1, Math.min(100, Math.floor(limit)));
+    return gatewayFetch(`/api/data/trades/${encodeURIComponent(tokenAddress)}?limit=${boundedLimit}`);
+}
+export function fetchNpv(cashFlows, discountRate) {
+    return gatewayFetch('/api/data/npv', {
+        method: 'POST',
+        body: JSON.stringify({ cashFlows, discountRate })
+    });
+}
+export function login(signature, message, address) {
+    return gatewayFetch('/api/auth/login', {
+        method: 'POST',
+        body: JSON.stringify({ signature, message, address })
+    });
+}

package/dist/services/gateway-types.d.ts

@@ -0,0 +1,134 @@
+export interface User {
+    id: string;
+    address: string;
+    createdAt: number;
+}
+export interface LoginResponse {
+    token: string;
+    user: User;
+}
+export interface ClientMessage {
+    type: 'message';
+    content: string;
+    sessionId?: string;
+}
+export interface ServerMessage {
+    type: 'message' | 'tool_call' | 'tool_result' | 'stream' | 'progress' | 'error' | 'connected';
+    sessionId: string;
+    role?: 'assistant';
+    content?: string;
+    name?: string;
+    args?: Record<string, unknown>;
+    result?: unknown;
+    delta?: string;
+    status?: string;
+    code?: string;
+    message?: string;
+    version?: string;
+}
+export interface RegistryToken {
+    address: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    logoURI?: string;
+}
+export interface TokenLookupResponse {
+    token: RegistryToken;
+}
+export interface DecodedMetaEntry {
+    id: string;
+    metaHash: string;
+    sender: string;
+    subject: string;
+    decodedData: Record<string, unknown> | null;
+    timestamp?: number;
+}
+export interface TokenMetadataResponse {
+    address: string;
+    display: string;
+    latest: DecodedMetaEntry | null;
+    history: DecodedMetaEntry[];
+}
+export interface OrderSummary {
+    orderHash: string;
+    price: number | null;
+    ioRatio?: number | null;
+    maxOutput: string | null;
+    inputToken: string;
+    outputToken: string;
+    inputSymbol: string | null;
+    outputSymbol: string | null;
+}
+export interface OrderbookResponse {
+    tokenAddress: string;
+    display: string;
+    bids?: OrderSummary[];
+    asks?: OrderSummary[];
+    nonUsdOrders?: OrderSummary[];
+    bestBid: number | null;
+    bestAsk: number | null;
+    spread: number | null;
+    bidCount: number;
+    askCount: number;
+}
+export interface TradeTokenAmount {
+    token: string;
+    symbol: string | null;
+    decimals: number | null;
+    amount: string;
+    readableAmount?: string;
+}
+export interface NormalizedTrade {
+    orderHash: string;
+    timestamp: number;
+    input: TradeTokenAmount;
+    output: TradeTokenAmount;
+    txHash: string;
+}
+export interface TradeHistoryResponse {
+    tokenAddress: string;
+    display: string;
+    trades?: NormalizedTrade[];
+    total: number;
+}
+export interface NpvResponse {
+    npv: number;
+    irr?: number;
+}
+export interface StagedTransaction {
+    label: string;
+    to: string;
+    data: string;
+    value?: string;
+    symbol?: string;
+}
+export interface TransactionSimulation {
+    index: number;
+    label: string;
+    success: boolean;
+    status?: 'ok' | 'requires_prior_state' | 'failed';
+    reasonCode?: string;
+    gasUsed: string;
+    error?: string;
+}
+export interface SigningBundle {
+    signingId: string;
+    chainId: number;
+    from: string;
+    transactions: Array<StagedTransaction & {
+        simulation: TransactionSimulation;
+    }>;
+    metadata?: {
+        operationType?: string;
+        strategyKey?: string;
+        composedRainlang?: string;
+    };
+    expiresAt: number;
+}
+export interface SigningCompleteResponse {
+    success: boolean;
+    orderHash?: string;
+    raindexUrl?: string;
+    message?: string;
+}

package/dist/services/gateway-types.js

@@ -0,0 +1,3 @@
+// Inlined types from @quant-bot/shared-types for standalone publishing.
+// Keep in sync with packages/shared-types/src/ when modifying.
+export {};

package/dist/services/siwe.d.ts

@@ -0,0 +1,10 @@
+export interface SiweParams {
+    domain: string;
+    address: string;
+    uri: string;
+    chainId: number;
+    nonce: string;
+    statement?: string;
+}
+export declare function createSiweMessage(params: SiweParams): string;
+export declare function generateNonce(): string;

package/dist/services/siwe.js

@@ -0,0 +1,24 @@
+export function createSiweMessage(params) {
+    const issuedAt = new Date().toISOString();
+    // EIP-4361 format — must match exactly for siwe@3.x server-side parsing
+    let message = `${params.domain} wants you to sign in with your Ethereum account:\n`;
+    message += `${params.address}\n\n`;
+    if (params.statement) {
+        message += `${params.statement}\n\n`;
+    }
+    message += `URI: ${params.uri}\n`;
+    message += `Version: 1\n`;
+    message += `Chain ID: ${params.chainId}\n`;
+    message += `Nonce: ${params.nonce}\n`;
+    message += `Issued At: ${issuedAt}`;
+    return message;
+}
+export function generateNonce() {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let result = '';
+    const bytes = crypto.getRandomValues(new Uint8Array(16));
+    for (const byte of bytes) {
+        result += chars[byte % chars.length];
+    }
+    return result;
+}

package/dist/stores/auth.d.ts

@@ -0,0 +1,9 @@
+export interface AuthState {
+    token: string | null;
+    address: string | null;
+    userId: string | null;
+    authenticated: boolean;
+}
+export declare const auth: import("svelte/store").Writable<AuthState>;
+export declare function setAuth(token: string, address: string, userId: string): void;
+export declare function clearAuth(): void;

package/dist/stores/auth.js

@@ -0,0 +1,14 @@
+import { writable } from 'svelte/store';
+const initial = {
+    token: null,
+    address: null,
+    userId: null,
+    authenticated: false
+};
+export const auth = writable(initial);
+export function setAuth(token, address, userId) {
+    auth.set({ token, address, userId, authenticated: true });
+}
+export function clearAuth() {
+    auth.set(initial);
+}

package/dist/stores/chat.d.ts

@@ -0,0 +1,15 @@
+import type { DisplayMessage } from '../types.js';
+export interface ChatState {
+    messages: DisplayMessage[];
+    connected: boolean;
+    reconnecting: boolean;
+    sessionId: string | null;
+    loading: boolean;
+    thinkingStatus: string | null;
+    backendVersion: string | null;
+}
+export declare const chat: import("svelte/store").Writable<ChatState>;
+export declare function connect(gatewayUrl: string, token: string, apiKey?: string): void;
+export declare function reconnect(): void;
+export declare function sendMessage(content: string): void;
+export declare function disconnect(): void;