@talk2view/sdk 0.1.0

package/dist/react/ChatInput.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatInput — text input with mic and send buttons.
+ *
+ * Voice input uses MediaRecorder + Talk2View's /v1/audio/transcriptions endpoint.
+ */
+import { useCallback, useRef, useState } from 'react';
+import { T2V_COLORS, T2V_FONTS } from './theme';
+import { useT2V } from './T2VProvider';
+import { useUserPreferences } from './useUserPreferences';
+export function ChatInput({ onSend, disabled = false, placeholder = 'Type a message...', className = '', }) {
+    const { t2v } = useT2V();
+    const { preferences } = useUserPreferences();
+    const [value, setValue] = useState('');
+    const [inputFocused, setInputFocused] = useState(false);
+    const [btnHover, setBtnHover] = useState(false);
+    const [micHover, setMicHover] = useState(false);
+    const [isRecording, setIsRecording] = useState(false);
+    const [isTranscribing, setIsTranscribing] = useState(false);
+    const mediaRecorderRef = useRef(null);
+    const chunksRef = useRef([]);
+    const canSend = value.trim().length > 0 && !disabled;
+    const micDisabled = disabled || isTranscribing || !preferences.sttModel;
+    const handleSubmit = useCallback((e) => {
+        e.preventDefault();
+        const trimmed = value.trim();
+        if (!trimmed || disabled)
+            return;
+        onSend(trimmed);
+        setValue('');
+    }, [value, disabled, onSend]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleSubmit(e);
+        }
+    }, [handleSubmit]);
+    const transcribeAudio = useCallback(async (audioBlob) => {
+        setIsTranscribing(true);
+        try {
+            const ext = audioBlob.type.includes('mp4') ? 'mp4' : 'webm';
+            const formData = new FormData();
+            formData.append('file', audioBlob, `recording.${ext}`);
+            if (preferences.sttModel) {
+                formData.append('model', preferences.sttModel);
+            }
+            if (preferences.sttLanguage) {
+                formData.append('language', preferences.sttLanguage);
+            }
+            const data = await t2v.transcribe(formData);
+            const text = data.text?.trim();
+            if (text) {
+                onSend(text);
+            }
+        }
+        catch (err) {
+            console.error('Transcription error:', err);
+        }
+        finally {
+            setIsTranscribing(false);
+        }
+    }, [t2v, onSend, preferences.sttModel, preferences.sttLanguage]);
+    const toggleRecording = useCallback(async () => {
+        if (isRecording && mediaRecorderRef.current) {
+            mediaRecorderRef.current.stop();
+            return;
+        }
+        let stream = null;
+        try {
+            stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            const mediaRecorder = new MediaRecorder(stream);
+            chunksRef.current = [];
+            mediaRecorder.ondataavailable = (e) => {
+                if (e.data.size > 0)
+                    chunksRef.current.push(e.data);
+            };
+            mediaRecorder.onstop = () => {
+                const mimeType = mediaRecorder.mimeType || 'audio/webm';
+                const audioBlob = new Blob(chunksRef.current, { type: mimeType });
+                stream.getTracks().forEach((track) => track.stop());
+                chunksRef.current = [];
+                mediaRecorderRef.current = null;
+                setIsRecording(false);
+                if (audioBlob.size > 0) {
+                    transcribeAudio(audioBlob);
+                }
+            };
+            mediaRecorderRef.current = mediaRecorder;
+            mediaRecorder.start(1000); // flush chunks every 1s — fixes Safari dropping early audio
+            setIsRecording(true);
+        }
+        catch (err) {
+            stream?.getTracks().forEach((track) => track.stop());
+            console.error('Voice recording error:', err);
+        }
+    }, [isRecording, transcribeAudio]);
+    return (_jsxs("form", { onSubmit: handleSubmit, className: `t2v-chat-input ${className}`, style: {
+            display: 'flex',
+            gap: '8px',
+            padding: '12px',
+            borderTop: `1px solid ${T2V_COLORS.lightGray}`,
+            backgroundColor: T2V_COLORS.light,
+        }, children: [_jsx("input", { type: "text", value: value, onChange: (e) => setValue(e.target.value), onKeyDown: handleKeyDown, onFocus: () => setInputFocused(true), onBlur: () => setInputFocused(false), placeholder: isRecording ? 'Recording...' : isTranscribing ? 'Transcribing...' : placeholder, disabled: disabled, style: {
+                    flex: 1,
+                    padding: '10px 14px',
+                    borderRadius: '8px',
+                    border: `1.5px solid ${inputFocused ? T2V_COLORS.turquoise : T2V_COLORS.lightGray}`,
+                    fontSize: '14px',
+                    fontFamily: T2V_FONTS.body,
+                    outline: 'none',
+                    backgroundColor: disabled ? T2V_COLORS.lightGray : '#ffffff',
+                    color: T2V_COLORS.dark,
+                    boxShadow: inputFocused ? `0 0 0 3px rgba(64, 212, 182, 0.15)` : 'none',
+                    transition: 'border-color 0.15s ease, box-shadow 0.15s ease',
+                } }), _jsx("button", { type: "button", onClick: toggleRecording, disabled: micDisabled, onMouseEnter: () => setMicHover(true), onMouseLeave: () => setMicHover(false), style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: '42px',
+                    height: '42px',
+                    borderRadius: '8px',
+                    border: 'none',
+                    backgroundColor: isRecording
+                        ? T2V_COLORS.errorRed
+                        : isTranscribing
+                            ? T2V_COLORS.turquoise
+                            : micHover
+                                ? T2V_COLORS.stormyTeal
+                                : T2V_COLORS.lightGray,
+                    color: isRecording || isTranscribing || micHover ? T2V_COLORS.light : T2V_COLORS.midGray,
+                    cursor: micDisabled ? 'not-allowed' : 'pointer',
+                    transition: 'background-color 0.15s ease, transform 0.15s ease',
+                    transform: micHover && !micDisabled ? 'translateY(-1px)' : 'none',
+                    flexShrink: 0,
+                }, title: !preferences.sttModel ? 'Select a Speech-to-Text model in Settings to enable voice input' : undefined, "aria-label": isRecording ? 'Stop recording' : isTranscribing ? 'Transcribing...' : !preferences.sttModel ? 'Voice input unavailable' : 'Start voice input', children: isTranscribing ? (_jsx("span", { style: {
+                        display: 'inline-block',
+                        width: '16px',
+                        height: '16px',
+                        border: `2px solid ${T2V_COLORS.light}`,
+                        borderTopColor: 'transparent',
+                        borderRadius: '50%',
+                        animation: 't2v-spin 0.6s linear infinite',
+                    } })) : (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }), _jsx("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }), _jsx("line", { x1: "12", y1: "19", x2: "12", y2: "23" }), _jsx("line", { x1: "8", y1: "23", x2: "16", y2: "23" })] })) }), _jsx("button", { type: "submit", disabled: !canSend, onMouseEnter: () => setBtnHover(true), onMouseLeave: () => setBtnHover(false), style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: '42px',
+                    height: '42px',
+                    borderRadius: '8px',
+                    border: 'none',
+                    backgroundColor: canSend
+                        ? btnHover
+                            ? T2V_COLORS.stormyTeal
+                            : T2V_COLORS.accent
+                        : T2V_COLORS.lightGray,
+                    color: canSend ? T2V_COLORS.dark : T2V_COLORS.midGray,
+                    cursor: canSend ? 'pointer' : 'not-allowed',
+                    transition: 'background-color 0.15s ease, transform 0.15s ease',
+                    transform: canSend && btnHover ? 'translateY(-1px)' : 'none',
+                    flexShrink: 0,
+                }, "aria-label": "Send message", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }), _jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })] }) })] }));
+}
+//# sourceMappingURL=ChatInput.js.map

package/dist/react/ChatInput.js.map

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

package/dist/react/ChatMessage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ChatMessage — renders a single chat message bubble with markdown support.
+ */
+import type { DisplayMessage } from './useT2VChat';
+export interface ChatMessageProps {
+    message: DisplayMessage;
+    className?: string;
+}
+export declare function ChatMessage({ message, className }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatMessage.d.ts.map

package/dist/react/ChatMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../src/react/ChatMessage.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAMnD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,cAAc,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAc,EAAE,EAAE,gBAAgB,2CAqExE"}

package/dist/react/ChatMessage.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatMessage — renders a single chat message bubble with markdown support.
+ */
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import { useMemo } from 'react';
+import { T2V_COLORS, T2V_FONTS } from './theme';
+// Configure marked for inline-friendly output
+marked.setOptions({ breaks: true, gfm: true });
+export function ChatMessage({ message, className = '' }) {
+    const isUser = message.role === 'user';
+    const time = message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    const htmlContent = useMemo(() => {
+        if (isUser || !message.content)
+            return '';
+        const raw = marked.parse(message.content);
+        if (typeof raw !== 'string')
+            return '';
+        return DOMPurify.sanitize(raw);
+    }, [isUser, message.content]);
+    return (_jsx("div", { className: `t2v-message t2v-message--${message.role} ${className}`, style: {
+            display: 'flex',
+            justifyContent: isUser ? 'flex-end' : 'flex-start',
+            marginBottom: '12px',
+            animation: 't2v-fade-in 0.25s ease-out',
+        }, children: _jsxs("div", { style: {
+                maxWidth: '80%',
+                padding: '10px 14px',
+                borderRadius: isUser ? '14px 14px 4px 14px' : '14px 14px 14px 4px',
+                backgroundColor: isUser ? T2V_COLORS.dark : 'rgba(64, 212, 182, 0.08)',
+                color: isUser ? T2V_COLORS.light : T2V_COLORS.dark,
+                fontSize: '14px',
+                fontFamily: T2V_FONTS.body,
+                lineHeight: '1.55',
+                wordBreak: 'break-word',
+                ...(isUser ? { whiteSpace: 'pre-wrap' } : {}),
+            }, children: [isUser ? (_jsx("div", { children: message.content })) : (_jsx("div", { className: "t2v-markdown", dangerouslySetInnerHTML: { __html: htmlContent } })), message.isStreaming && (_jsx("span", { style: {
+                        display: 'inline-block',
+                        width: '2px',
+                        height: '14px',
+                        backgroundColor: isUser ? T2V_COLORS.light : T2V_COLORS.turquoise,
+                        marginLeft: '2px',
+                        animation: 't2v-blink 1s infinite',
+                    } })), _jsx("div", { style: {
+                        fontSize: '10px',
+                        fontFamily: T2V_FONTS.heading,
+                        color: isUser ? 'rgba(248, 250, 252, 0.5)' : T2V_COLORS.midGray,
+                        marginTop: '4px',
+                        textAlign: 'right',
+                    }, children: time })] }) }));
+}
+//# sourceMappingURL=ChatMessage.js.map

package/dist/react/ChatMessage.js.map

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

package/dist/react/ChatPanel.d.ts

@@ -0,0 +1,17 @@
+/**
+ * ChatPanel — self-contained, embeddable chat panel with tool support.
+ *
+ * Drop-in chat UI that handles authentication, tool registration,
+ * streaming, and the full interrupt/resume cycle.
+ */
+import React from 'react';
+import type { ClientTool } from '../types';
+export interface ChatPanelProps {
+    tools?: ClientTool[];
+    systemPrompt?: string;
+    signupUrl?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function ChatPanel({ tools, systemPrompt, signupUrl, className, style, }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatPanel.d.ts.map

package/dist/react/ChatPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../src/react/ChatPanel.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA0B3C,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAc,EACd,KAAK,GACN,EAAE,cAAc,2CA+lBhB"}