glirastes 0.1.0

package/dist/react/template.d.ts

@@ -0,0 +1,84 @@
+import type { AiChatPanelProps, ChatInputProps, MessageBubbleProps, MessageListProps } from './types.js';
+type ClassDictionary = Record<string, boolean | null | undefined>;
+type ClassArray = ClassValue[];
+type ClassPrimitive = string | number | null | undefined | false;
+export type ClassValue = ClassPrimitive | ClassDictionary | ClassArray;
+export declare function cn(...values: ClassValue[]): string;
+export declare const defaultTheme: {
+    readonly colors: {
+        readonly primary: "#6366f1";
+        readonly background: "#ffffff";
+        readonly bubbleUser: "#e0e7ff";
+        readonly bubbleAssistant: "#f3f4f6";
+        readonly border: "#e5e7eb";
+        readonly text: "#111827";
+        readonly textMuted: "#6b7280";
+    };
+    readonly radius: {
+        readonly panel: "0.75rem";
+        readonly bubble: "0.75rem";
+        readonly input: "0.5rem";
+        readonly chip: "9999px";
+    };
+    readonly spacing: {
+        readonly panelPadding: "1rem";
+        readonly bubbleGap: "0.75rem";
+        readonly inputPadding: "0.75rem";
+    };
+};
+export type ChatTheme = typeof defaultTheme;
+export declare const tailwindThemeExtension: {
+    readonly colors: {
+        readonly 'chat-primary': "rgb(var(--chat-primary) / <alpha-value>)";
+        readonly 'chat-background': "rgb(var(--chat-background) / <alpha-value>)";
+        readonly 'chat-bubble-user': "rgb(var(--chat-bubble-user) / <alpha-value>)";
+        readonly 'chat-bubble-assistant': "rgb(var(--chat-bubble-assistant) / <alpha-value>)";
+        readonly 'chat-border': "rgb(var(--chat-border) / <alpha-value>)";
+        readonly 'chat-text': "rgb(var(--chat-text) / <alpha-value>)";
+        readonly 'chat-text-muted': "rgb(var(--chat-text-muted) / <alpha-value>)";
+    };
+    readonly borderRadius: {
+        readonly 'chat-panel': "0.75rem";
+        readonly 'chat-bubble': "0.75rem";
+        readonly 'chat-input': "0.5rem";
+        readonly 'chat-chip': "9999px";
+    };
+};
+export interface StyledMessageBubbleProps extends MessageBubbleProps {
+    classNames?: {
+        base?: string;
+        user?: string;
+        assistant?: string;
+        system?: string;
+    };
+}
+export declare function StyledMessageBubble({ message, className, classNames, }: StyledMessageBubbleProps): import("react/jsx-runtime").JSX.Element;
+export interface StyledMessageListProps extends MessageListProps {
+    classNames?: {
+        root?: string;
+        loadMore?: string;
+        bubble?: string;
+    };
+}
+export declare function StyledMessageList({ className, classNames }: StyledMessageListProps): import("react/jsx-runtime").JSX.Element;
+export interface StyledChatInputProps extends ChatInputProps {
+    classNames?: {
+        root?: string;
+        textarea?: string;
+        sendButton?: string;
+        stopButton?: string;
+    };
+}
+export declare function StyledChatInput({ className, onSubmit, classNames, }: StyledChatInputProps): import("react/jsx-runtime").JSX.Element;
+export interface StyledChatPanelProps extends AiChatPanelProps {
+    classNames?: {
+        root?: string;
+        errorBanner?: string;
+        emptyState?: string;
+        suggestionBar?: string;
+        suggestionChip?: string;
+        mentionChip?: string;
+    };
+}
+export declare function StyledChatPanel({ className, classNames }: StyledChatPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/template.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiChatPanel } from './components/ai-chat-panel.js';
+import { ChatInput } from './components/chat-input.js';
+import { MessageBubble } from './components/message-bubble.js';
+import { MessageList } from './components/message-list.js';
+function appendClass(output, value) {
+    if (!value)
+        return;
+    if (typeof value === 'string' || typeof value === 'number') {
+        output.push(String(value));
+        return;
+    }
+    if (Array.isArray(value)) {
+        for (const item of value)
+            appendClass(output, item);
+        return;
+    }
+    for (const [key, enabled] of Object.entries(value)) {
+        if (enabled)
+            output.push(key);
+    }
+}
+export function cn(...values) {
+    const output = [];
+    for (const value of values)
+        appendClass(output, value);
+    return output.join(' ');
+}
+// ---------------------------------------------------------------------------
+// Theme tokens
+// ---------------------------------------------------------------------------
+export const defaultTheme = {
+    colors: {
+        primary: '#6366f1',
+        background: '#ffffff',
+        bubbleUser: '#e0e7ff',
+        bubbleAssistant: '#f3f4f6',
+        border: '#e5e7eb',
+        text: '#111827',
+        textMuted: '#6b7280',
+    },
+    radius: {
+        panel: '0.75rem',
+        bubble: '0.75rem',
+        input: '0.5rem',
+        chip: '9999px',
+    },
+    spacing: {
+        panelPadding: '1rem',
+        bubbleGap: '0.75rem',
+        inputPadding: '0.75rem',
+    },
+};
+export const tailwindThemeExtension = {
+    colors: {
+        'chat-primary': 'rgb(var(--chat-primary) / <alpha-value>)',
+        'chat-background': 'rgb(var(--chat-background) / <alpha-value>)',
+        'chat-bubble-user': 'rgb(var(--chat-bubble-user) / <alpha-value>)',
+        'chat-bubble-assistant': 'rgb(var(--chat-bubble-assistant) / <alpha-value>)',
+        'chat-border': 'rgb(var(--chat-border) / <alpha-value>)',
+        'chat-text': 'rgb(var(--chat-text) / <alpha-value>)',
+        'chat-text-muted': 'rgb(var(--chat-text-muted) / <alpha-value>)',
+    },
+    borderRadius: {
+        'chat-panel': '0.75rem',
+        'chat-bubble': '0.75rem',
+        'chat-input': '0.5rem',
+        'chat-chip': '9999px',
+    },
+};
+export function StyledMessageBubble({ message, className, classNames, }) {
+    return (_jsx(MessageBubble, { message: message, className: cn('max-w-[85%] rounded-xl px-4 py-3 text-sm leading-relaxed shadow-sm', classNames?.base, message.role === 'user' && 'ml-auto bg-[rgb(var(--chat-bubble-user,224_231_255))] text-right', message.role === 'user' && classNames?.user, message.role === 'assistant' && 'mr-auto bg-[rgb(var(--chat-bubble-assistant,243_244_246))] text-left', message.role === 'assistant' && classNames?.assistant, message.role === 'system' && 'mx-auto bg-[rgb(var(--chat-bubble-assistant,243_244_246))] text-center', message.role === 'system' && classNames?.system, className) }));
+}
+export function StyledMessageList({ className, classNames }) {
+    return (_jsx(MessageList, { className: cn('flex-1 min-h-0 overflow-y-auto px-4 py-3', '[&>[data-action=load-more]]:mx-auto [&>[data-action=load-more]]:mb-3', '[&>[data-action=load-more]]:rounded-md [&>[data-action=load-more]]:border', '[&>[data-action=load-more]]:border-[rgb(var(--chat-border,229_231_235))]', '[&>[data-action=load-more]]:px-3 [&>[data-action=load-more]]:py-1.5', '[&>[data-action=load-more]]:text-xs [&>[data-action=load-more]]:font-medium', '[&>[data-component=message-bubble]]:mb-3', classNames?.root, classNames?.loadMore, classNames?.bubble, className) }));
+}
+export function StyledChatInput({ className, onSubmit, classNames, }) {
+    return (_jsx(ChatInput, { className: cn('shrink-0 border-t border-[rgb(var(--chat-border,229_231_235))]', 'bg-[rgb(var(--chat-background,255_255_255))] px-4 py-3', 'flex items-end gap-2', '[&_textarea]:min-h-[44px] [&_textarea]:max-h-[160px] [&_textarea]:flex-1 [&_textarea]:resize-none', '[&_textarea]:rounded-lg [&_textarea]:border [&_textarea]:border-[rgb(var(--chat-border,229_231_235))]', '[&_textarea]:bg-transparent [&_textarea]:px-3 [&_textarea]:py-2.5', '[&_textarea]:text-[rgb(var(--chat-text,17_24_39))]', '[&_textarea]:placeholder:text-[rgb(var(--chat-text-muted,107_114_128))]', '[&_textarea]:outline-none [&_textarea]:focus:ring-2 [&_textarea]:focus:ring-indigo-200', '[&_[data-action=send]]:rounded-lg [&_[data-action=send]]:bg-[rgb(var(--chat-primary,99_102_241))]', '[&_[data-action=send]]:px-3 [&_[data-action=send]]:py-2 [&_[data-action=send]]:text-sm', '[&_[data-action=send]]:font-medium [&_[data-action=send]]:text-white', '[&_[data-action=send]]:disabled:cursor-not-allowed [&_[data-action=send]]:disabled:opacity-50', '[&_[data-action=stop]]:rounded-lg [&_[data-action=stop]]:border', '[&_[data-action=stop]]:border-[rgb(var(--chat-border,229_231_235))]', '[&_[data-action=stop]]:px-3 [&_[data-action=stop]]:py-2 [&_[data-action=stop]]:text-sm', classNames?.root, classNames?.textarea, classNames?.sendButton, classNames?.stopButton, className), onSubmit: onSubmit }));
+}
+export function StyledChatPanel({ className, classNames }) {
+    return (_jsx(AiChatPanel, { className: cn('flex h-full min-h-0 flex-col overflow-hidden rounded-xl border', 'border-[rgb(var(--chat-border,229_231_235))]', 'bg-[rgb(var(--chat-background,255_255_255))] text-[rgb(var(--chat-text,17_24_39))]', 'shadow-sm', '[&_[data-component=error-banner]]:border-b [&_[data-component=error-banner]]:border-red-200', '[&_[data-component=error-banner]]:bg-red-50 [&_[data-component=error-banner]]:px-4', '[&_[data-component=error-banner]]:py-2.5 [&_[data-component=error-banner]]:text-sm', '[&_[data-component=empty-state]]:flex-1 [&_[data-component=empty-state]]:grid', '[&_[data-component=empty-state]]:place-items-center [&_[data-component=empty-state]]:px-6', '[&_[data-component=empty-state]]:text-sm [&_[data-component=empty-state]]:text-[rgb(var(--chat-text-muted,107_114_128))]', '[&_[data-component=suggestion-bar]]:px-4 [&_[data-component=suggestion-bar]]:pb-2', '[&_[data-component=suggestion-chip]]:rounded-full', '[&_[data-component=suggestion-chip]]:bg-[rgb(var(--chat-primary,99_102_241))]', '[&_[data-component=suggestion-chip]]:px-3 [&_[data-component=suggestion-chip]]:py-1.5', '[&_[data-component=suggestion-chip]]:text-xs [&_[data-component=suggestion-chip]]:font-medium', '[&_[data-component=suggestion-chip]]:text-white', '[&_[data-component=mention-chip]]:inline-flex [&_[data-component=mention-chip]]:items-center', '[&_[data-component=mention-chip]]:rounded-full [&_[data-component=mention-chip]]:bg-slate-100', '[&_[data-component=mention-chip]]:px-2.5 [&_[data-component=mention-chip]]:py-1', '[&_[data-component=mention-chip]]:text-xs', classNames?.root, classNames?.errorBanner, classNames?.emptyState, classNames?.suggestionBar, classNames?.suggestionChip, classNames?.mentionChip, className) }));
+}
+//# sourceMappingURL=template.js.map

package/dist/react/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../src/react/template.tsx"],"names":[],"mappings":"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"}

package/dist/react/themes.d.ts

@@ -0,0 +1,24 @@
+import type { ChatTheme, ChatThemeColors, ChatThemePreset } from './types.js';
+interface ResolvedTheme {
+    colors: Required<ChatThemeColors>;
+    radius: string;
+    radiusSmall: string;
+    fontFamily: string;
+    /** Optional effect hint applied as `data-theme-effect` on widget roots. */
+    effect?: 'glass';
+}
+declare const PRESETS: Record<ChatThemePreset, ResolvedTheme>;
+export declare const DEFAULT_THEME_PRESET: ChatThemePreset;
+/** Returns the `data-theme-effect` attribute value for a theme, or `undefined`. */
+export declare function getThemeEffect(theme?: ChatTheme): string | undefined;
+/**
+ * Resolve a `ChatTheme` prop into a plain `Record<string, string>` of
+ * CSS custom properties that can be spread onto a component `style` prop.
+ *
+ * ```tsx
+ * const vars = getThemeVars(theme);
+ * <div style={vars}>…</div>
+ * ```
+ */
+export declare function getThemeVars(theme?: ChatTheme): Record<string, string>;
+export { PRESETS as CHAT_THEME_PRESETS };

package/dist/react/themes.js

@@ -0,0 +1,269 @@
+const DEFAULT_FONT = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
+const MONO_FONT = '"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+const PROFESSIONAL_LIGHTBLUE = {
+    colors: {
+        primary: '#6366f1',
+        primarySoft: '#818cf8',
+        primaryTint: 'rgba(99, 102, 241, 0.12)',
+        bg: '#ffffff',
+        bgMuted: '#f9fafb',
+        bubbleUser: '#e0e7ff',
+        bubbleAssistant: '#f3f4f6',
+        text: '#111827',
+        textMuted: '#6b7280',
+        border: '#e5e7eb',
+        danger: '#dc2626',
+    },
+    radius: '0.875rem',
+    radiusSmall: '0.5rem',
+    fontFamily: DEFAULT_FONT,
+};
+const PROFESSIONAL_DARK = {
+    colors: {
+        primary: '#818cf8',
+        primarySoft: '#a78bfa',
+        primaryTint: 'rgba(129, 140, 248, 0.18)',
+        bg: '#0f172a',
+        bgMuted: '#1e293b',
+        bubbleUser: '#312e81',
+        bubbleAssistant: '#1e293b',
+        text: '#f8fafc',
+        textMuted: '#94a3b8',
+        border: '#334155',
+        danger: '#f87171',
+    },
+    radius: '0.875rem',
+    radiusSmall: '0.5rem',
+    fontFamily: DEFAULT_FONT,
+};
+const MINIMAL_WHITE = {
+    colors: {
+        primary: '#111827',
+        primarySoft: '#374151',
+        primaryTint: 'rgba(17, 24, 39, 0.06)',
+        bg: '#ffffff',
+        bgMuted: '#fafafa',
+        bubbleUser: '#f3f4f6',
+        bubbleAssistant: '#fafafa',
+        text: '#111827',
+        textMuted: '#6b7280',
+        border: '#e5e7eb',
+        danger: '#991b1b',
+    },
+    radius: '0.5rem',
+    radiusSmall: '0.375rem',
+    fontFamily: DEFAULT_FONT,
+};
+const VIBRANT_INDIGO = {
+    colors: {
+        primary: '#8b5cf6',
+        primarySoft: '#ec4899',
+        primaryTint: 'rgba(139, 92, 246, 0.16)',
+        bg: '#ffffff',
+        bgMuted: '#faf5ff',
+        bubbleUser: '#ede9fe',
+        bubbleAssistant: '#fdf2f8',
+        text: '#1e1b4b',
+        textMuted: '#6b21a8',
+        border: '#e9d5ff',
+        danger: '#dc2626',
+    },
+    radius: '1.25rem',
+    radiusSmall: '0.75rem',
+    fontFamily: DEFAULT_FONT,
+};
+const TERMINAL_GREEN = {
+    colors: {
+        primary: '#22c55e',
+        primarySoft: '#4ade80',
+        primaryTint: 'rgba(34, 197, 94, 0.15)',
+        bg: '#000000',
+        bgMuted: '#0a0a0a',
+        bubbleUser: '#052e16',
+        bubbleAssistant: '#0a0a0a',
+        text: '#4ade80',
+        textMuted: '#15803d',
+        border: '#14532d',
+        danger: '#ef4444',
+    },
+    radius: '0.25rem',
+    radiusSmall: '0.125rem',
+    fontFamily: MONO_FONT,
+};
+/** Translucent frosted-glass look — pairs with a blurred background. */
+const LIQUID_GLASS = {
+    colors: {
+        primary: '#60a5fa',
+        primarySoft: '#c4b5fd',
+        primaryTint: 'rgba(96, 165, 250, 0.18)',
+        bg: 'rgba(255, 255, 255, 0.72)',
+        bgMuted: 'rgba(255, 255, 255, 0.55)',
+        bubbleUser: 'rgba(96, 165, 250, 0.22)',
+        bubbleAssistant: 'rgba(255, 255, 255, 0.82)',
+        text: '#0f172a',
+        textMuted: '#475569',
+        border: 'rgba(255, 255, 255, 0.6)',
+        danger: '#ef4444',
+    },
+    radius: '1.5rem',
+    radiusSmall: '0.875rem',
+    fontFamily: DEFAULT_FONT,
+    effect: 'glass',
+};
+const PURPLE_HAZE = {
+    colors: {
+        primary: '#a855f7',
+        primarySoft: '#d946ef',
+        primaryTint: 'rgba(168, 85, 247, 0.18)',
+        bg: '#1a0b2e',
+        bgMuted: '#2a1348',
+        bubbleUser: '#4c1d95',
+        bubbleAssistant: '#2a1348',
+        text: '#f5f3ff',
+        textMuted: '#c4b5fd',
+        border: '#4c1d95',
+        danger: '#fb7185',
+    },
+    radius: '1rem',
+    radiusSmall: '0.625rem',
+    fontFamily: DEFAULT_FONT,
+};
+const BLUE_DREAM = {
+    colors: {
+        primary: '#3b82f6',
+        primarySoft: '#0ea5e9',
+        primaryTint: 'rgba(59, 130, 246, 0.14)',
+        bg: '#f0f9ff',
+        bgMuted: '#e0f2fe',
+        bubbleUser: '#dbeafe',
+        bubbleAssistant: '#ffffff',
+        text: '#0c4a6e',
+        textMuted: '#0369a1',
+        border: '#bae6fd',
+        danger: '#dc2626',
+    },
+    radius: '1.125rem',
+    radiusSmall: '0.625rem',
+    fontFamily: DEFAULT_FONT,
+};
+const SUNSET_ORANGE = {
+    colors: {
+        primary: '#f97316',
+        primarySoft: '#ec4899',
+        primaryTint: 'rgba(249, 115, 22, 0.16)',
+        bg: '#fffbeb',
+        bgMuted: '#fef3c7',
+        bubbleUser: '#fed7aa',
+        bubbleAssistant: '#ffffff',
+        text: '#7c2d12',
+        textMuted: '#b45309',
+        border: '#fde68a',
+        danger: '#dc2626',
+    },
+    radius: '1.25rem',
+    radiusSmall: '0.75rem',
+    fontFamily: DEFAULT_FONT,
+};
+const OCEAN_TEAL = {
+    colors: {
+        primary: '#14b8a6',
+        primarySoft: '#06b6d4',
+        primaryTint: 'rgba(20, 184, 166, 0.14)',
+        bg: '#042f2e',
+        bgMuted: '#134e4a',
+        bubbleUser: '#115e59',
+        bubbleAssistant: '#134e4a',
+        text: '#ccfbf1',
+        textMuted: '#5eead4',
+        border: '#134e4a',
+        danger: '#fb7185',
+    },
+    radius: '0.875rem',
+    radiusSmall: '0.5rem',
+    fontFamily: DEFAULT_FONT,
+};
+/** Pure monochrome. Black background, stark white text, zero color. */
+const MIDNIGHT_MONO = {
+    colors: {
+        primary: '#ffffff',
+        primarySoft: '#d4d4d4',
+        primaryTint: 'rgba(255, 255, 255, 0.08)',
+        bg: '#0a0a0a',
+        bgMuted: '#171717',
+        bubbleUser: '#262626',
+        bubbleAssistant: '#171717',
+        text: '#fafafa',
+        textMuted: '#a3a3a3',
+        border: '#262626',
+        danger: '#f87171',
+    },
+    radius: '0.75rem',
+    radiusSmall: '0.375rem',
+    fontFamily: DEFAULT_FONT,
+};
+const PRESETS = {
+    'professional-lightblue': PROFESSIONAL_LIGHTBLUE,
+    'professional-dark': PROFESSIONAL_DARK,
+    'minimal-white': MINIMAL_WHITE,
+    'vibrant-indigo': VIBRANT_INDIGO,
+    'terminal-green': TERMINAL_GREEN,
+    'liquid-glass': LIQUID_GLASS,
+    'purple-haze': PURPLE_HAZE,
+    'blue-dream': BLUE_DREAM,
+    'sunset-orange': SUNSET_ORANGE,
+    'ocean-teal': OCEAN_TEAL,
+    'midnight-mono': MIDNIGHT_MONO,
+};
+export const DEFAULT_THEME_PRESET = 'professional-lightblue';
+// ---------------------------------------------------------------------------
+// Resolution
+// ---------------------------------------------------------------------------
+function resolve(theme) {
+    if (!theme)
+        return PROFESSIONAL_LIGHTBLUE;
+    if (typeof theme === 'string')
+        return PRESETS[theme] ?? PROFESSIONAL_LIGHTBLUE;
+    const override = theme;
+    const base = (override.preset && PRESETS[override.preset]) ?? PROFESSIONAL_LIGHTBLUE;
+    return {
+        colors: { ...base.colors, ...(override.colors ?? {}) },
+        radius: override.radius ?? base.radius,
+        radiusSmall: override.radiusSmall ?? base.radiusSmall,
+        fontFamily: override.fontFamily ?? base.fontFamily,
+        effect: base.effect,
+    };
+}
+/** Returns the `data-theme-effect` attribute value for a theme, or `undefined`. */
+export function getThemeEffect(theme) {
+    return resolve(theme).effect;
+}
+/**
+ * Resolve a `ChatTheme` prop into a plain `Record<string, string>` of
+ * CSS custom properties that can be spread onto a component `style` prop.
+ *
+ * ```tsx
+ * const vars = getThemeVars(theme);
+ * <div style={vars}>…</div>
+ * ```
+ */
+export function getThemeVars(theme) {
+    const r = resolve(theme);
+    return {
+        '--cm-primary': r.colors.primary,
+        '--cm-primary-soft': r.colors.primarySoft,
+        '--cm-primary-tint': r.colors.primaryTint,
+        '--cm-bg': r.colors.bg,
+        '--cm-bg-muted': r.colors.bgMuted,
+        '--cm-bubble-user': r.colors.bubbleUser,
+        '--cm-bubble-assistant': r.colors.bubbleAssistant,
+        '--cm-text': r.colors.text,
+        '--cm-text-muted': r.colors.textMuted,
+        '--cm-border': r.colors.border,
+        '--cm-danger': r.colors.danger,
+        '--cm-radius': r.radius,
+        '--cm-radius-sm': r.radiusSmall,
+        '--cm-font': r.fontFamily,
+    };
+}
+export { PRESETS as CHAT_THEME_PRESETS };
+//# sourceMappingURL=themes.js.map

package/dist/react/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/react/themes.ts"],"names":[],"mappings":"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"}

package/dist/react/transports/langgraph/index.d.ts

@@ -0,0 +1,2 @@
+export { useLangGraphChatTransport, useLangGraphChatTransport as useLangGraph, type UseLangGraphChatTransportOptions, type LangGraphUpdatesEvent, type LangGraphMessageEvent, type LangGraphCustomEvent, type LangGraphToolCallEvent, type LangGraphToolResultEvent, type LangGraphErrorEvent, type LangGraphRequestBody, } from '../langgraph.js';
+export { LangGraphAiChat, type LangGraphAiChatProps } from './langgraph-ai-chat.js';

package/dist/react/transports/langgraph/index.js

@@ -0,0 +1,3 @@
+export { useLangGraphChatTransport, useLangGraphChatTransport as useLangGraph, } from '../langgraph.js';
+export { LangGraphAiChat } from './langgraph-ai-chat.js';
+//# sourceMappingURL=index.js.map

package/dist/react/transports/langgraph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/transports/langgraph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,yBAAyB,EACzB,yBAAyB,IAAI,YAAY,GAS1C,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAA6B,MAAM,wBAAwB,CAAC"}

package/dist/react/transports/langgraph/langgraph-ai-chat.d.ts

@@ -0,0 +1,62 @@
+import { type ReactNode } from 'react';
+import { type FloatingChatUIProps } from '../../components/floating-chat-ui.js';
+import { type LangGraphCustomEvent } from '../langgraph.js';
+import type { AiChatProviderConfig, ChatTransportDataPart, SessionConfig } from '../../types.js';
+export interface LangGraphAiChatProps extends AiChatProviderConfig, FloatingChatUIProps {
+    /** Chat API endpoint URL (e.g. `/api/chat`). */
+    endpoint: string;
+    /** Static headers or a function that returns headers per request. */
+    headers?: Record<string, string> | (() => Record<string, string>);
+    /**
+     * Fixed LangGraph thread id. Ignored when `sessions` is provided —
+     * in that mode the active session id is used as the thread id.
+     */
+    threadId?: string;
+    /** Extra fields to merge into every request body. */
+    bodyExtras?: Record<string, unknown> | (() => Record<string, unknown>);
+    /** fetch credentials mode. Default: `same-origin`. */
+    credentials?: RequestCredentials;
+    /** Hook for translating backend `event: custom` events into data parts. */
+    onCustomEvent?: (evt: LangGraphCustomEvent) => ChatTransportDataPart | null;
+    /** Hook for rendering LangGraph `event: updates` as status labels. */
+    renderUpdate?: (node: string, update: Record<string, unknown>) => string | null;
+    /**
+     * Multi-session hooks. When provided, the drop-in renders a session
+     * switcher in the header and wires the active session id into the
+     * LangGraph transport as `threadId`. Pass your own `SessionConfig`
+     * (typically a bridge to `chatService.getSessions/createSession/...`).
+     *
+     * See `SessionConfig` in `glirastes/react`.
+     */
+    sessions?: SessionConfig;
+    /**
+     * Replace the default floating UI with custom children. Useful when you
+     * want to compose `<MessageList />`, `<ChatInput />`, etc. yourself or
+     * render an inline `<AiChatPanel />` instead of a floating window.
+     */
+    children?: ReactNode;
+}
+/**
+ * Drop-in LangGraph chat widget. Bundles transport, provider, and a
+ * floating (trigger button + draggable window) chat UI into one component.
+ * Zero dependency on `@ai-sdk/react` or `ai`.
+ *
+ * ```tsx
+ * 'use client';
+ * import { LangGraphAiChat } from 'glirastes/react/langgraph';
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <>
+ *       {children}
+ *       <LangGraphAiChat endpoint="/api/chat" />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * All `AiChatProviderConfig` fields (session, mentions, classNames, etc.)
+ * and `FloatingChatUIProps` (title, defaultOpen, width, height, draggable,
+ * resizable) are accepted as top-level props.
+ */
+export declare function LangGraphAiChat({ endpoint, headers, threadId, bodyExtras, credentials, onCustomEvent, renderUpdate, sessions, title, open, onOpenChange, defaultOpen, draggable, resizable, size, hideTriggerWhenOpen, shortcut, showClearButton, confirmClear, showSessionSwitcher, headerActions, triggerIcon, showMic, children, ...providerConfig }: LangGraphAiChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/transports/langgraph/langgraph-ai-chat.js

@@ -0,0 +1,92 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { AiChatProvider } from '../../provider/ai-chat-provider.js';
+import { FloatingChatUI } from '../../components/floating-chat-ui.js';
+import { useLangGraphChatTransport, } from '../langgraph.js';
+/**
+ * Drop-in LangGraph chat widget. Bundles transport, provider, and a
+ * floating (trigger button + draggable window) chat UI into one component.
+ * Zero dependency on `@ai-sdk/react` or `ai`.
+ *
+ * ```tsx
+ * 'use client';
+ * import { LangGraphAiChat } from 'glirastes/react/langgraph';
+ *
+ * export default function Layout({ children }) {
+ *   return (
+ *     <>
+ *       {children}
+ *       <LangGraphAiChat endpoint="/api/chat" />
+ *     </>
+ *   );
+ * }
+ * ```
+ *
+ * All `AiChatProviderConfig` fields (session, mentions, classNames, etc.)
+ * and `FloatingChatUIProps` (title, defaultOpen, width, height, draggable,
+ * resizable) are accepted as top-level props.
+ */
+export function LangGraphAiChat({ endpoint, headers, threadId, bodyExtras, credentials, onCustomEvent, renderUpdate, sessions, title, open, onOpenChange, defaultOpen, draggable, resizable, size, hideTriggerWhenOpen, shortcut, showClearButton, confirmClear, showSessionSwitcher, headerActions, triggerIcon, showMic, children, ...providerConfig }) {
+    // The widget owns its own copy of the active id so it can feed it to
+    // the LangGraph transport as `threadId`. The provider is left in
+    // *uncontrolled* mode — we only pass `defaultActiveId` (initial seed)
+    // and `onActiveIdChange` (so the provider's auto-select / switchSession
+    // calls update our local state). This lets the provider's bootstrap
+    // skip ('default' sentinel) work correctly.
+    const [activeId, setActiveId] = useState(() => {
+        if (sessions?.activeId)
+            return sessions.activeId;
+        if (sessions?.defaultActiveId)
+            return sessions.defaultActiveId;
+        return threadId ?? 'default';
+    });
+    // If the caller controls `activeId` externally, mirror it.
+    useEffect(() => {
+        if (sessions?.activeId && sessions.activeId !== activeId) {
+            setActiveId(sessions.activeId);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [sessions?.activeId]);
+    const effectiveThreadId = sessions ? activeId : threadId;
+    // When multi-session mode is active, also surface the active id as
+    // `sessionId` in the request body. LangGraph projects vary on the
+    // canonical name (`threadId` vs `sessionId`); shipping both is harmless
+    // and lets backends like chaingrow's `/chat/stream` handler — which
+    // reads `body.sessionId` — pick up the active session without the
+    // consumer having to wire `bodyExtras` themselves.
+    const effectiveBodyExtras = useMemo(() => {
+        if (!sessions)
+            return bodyExtras;
+        return () => {
+            const base = typeof bodyExtras === 'function' ? bodyExtras() : bodyExtras ?? {};
+            return { ...base, sessionId: activeId };
+        };
+    }, [sessions, bodyExtras, activeId]);
+    const transport = useLangGraphChatTransport({
+        endpoint,
+        headers,
+        threadId: effectiveThreadId,
+        bodyExtras: effectiveBodyExtras,
+        credentials,
+        onCustomEvent,
+        renderUpdate,
+    });
+    const effectiveSession = useMemo(() => {
+        if (!sessions)
+            return providerConfig.session;
+        // Strip any consumer-supplied `activeId` and replace with a seed
+        // (`defaultActiveId`) so the provider stays uncontrolled.
+        const { activeId: _consumerActiveId, ...rest } = sessions;
+        return {
+            ...rest,
+            defaultActiveId: activeId,
+            onActiveIdChange: (id) => {
+                setActiveId(id);
+                sessions.onActiveIdChange?.(id);
+            },
+        };
+    }, [sessions, activeId, providerConfig.session]);
+    return (_jsx(AiChatProvider, { transport: transport, ...providerConfig, session: effectiveSession, children: children ?? (_jsx(FloatingChatUI, { title: title, defaultOpen: defaultOpen, draggable: draggable, resizable: resizable, size: size, hideTriggerWhenOpen: hideTriggerWhenOpen, shortcut: shortcut, showClearButton: showClearButton, confirmClear: confirmClear, showSessionSwitcher: showSessionSwitcher, headerActions: headerActions, triggerIcon: triggerIcon, showMic: showMic })) }));
+}
+//# sourceMappingURL=langgraph-ai-chat.js.map