@talk2view/sdk 0.3.3 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/event-emitter.d.ts +7 -0
- package/dist/event-emitter.d.ts.map +1 -0
- package/dist/event-emitter.js +23 -0
- package/dist/event-emitter.js.map +1 -0
- package/dist/index.d.ts +76 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +310 -1
- package/dist/index.js.map +1 -1
- package/dist/react/T2VProvider.js +1 -1
- package/dist/react/T2VProvider.js.map +1 -1
- package/dist/react/index.d.ts +2 -1
- package/dist/react/index.d.ts.map +1 -1
- package/dist/react/useT2VChat.d.ts +6 -22
- package/dist/react/useT2VChat.d.ts.map +1 -1
- package/dist/react/useT2VChat.js +34 -218
- package/dist/react/useT2VChat.js.map +1 -1
- package/dist/sessions.d.ts.map +1 -1
- package/dist/sessions.js +3 -0
- package/dist/sessions.js.map +1 -1
- package/dist/tools.d.ts +5 -0
- package/dist/tools.d.ts.map +1 -1
- package/dist/tools.js +16 -2
- package/dist/tools.js.map +1 -1
- package/dist/types.d.ts +45 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/ui/components/ApprovalCard.d.ts +10 -0
- package/dist/ui/components/ApprovalCard.d.ts.map +1 -0
- package/dist/ui/components/ApprovalCard.js +60 -0
- package/dist/ui/components/ApprovalCard.js.map +1 -0
- package/dist/ui/components/{T2VChatHeader.d.ts → ChatHeader.d.ts} +4 -4
- package/dist/ui/components/ChatHeader.d.ts.map +1 -0
- package/dist/ui/components/ChatHeader.js +126 -0
- package/dist/ui/components/ChatHeader.js.map +1 -0
- package/dist/ui/components/ChatPanel.d.ts +9 -0
- package/dist/ui/components/ChatPanel.d.ts.map +1 -0
- package/dist/ui/components/ChatPanel.js +37 -0
- package/dist/ui/components/ChatPanel.js.map +1 -0
- package/dist/ui/components/ChatWidget.d.ts +5 -0
- package/dist/ui/components/ChatWidget.d.ts.map +1 -0
- package/dist/ui/components/ChatWidget.js +27 -0
- package/dist/ui/components/ChatWidget.js.map +1 -0
- package/dist/ui/components/CodeBlock.d.ts +6 -0
- package/dist/ui/components/CodeBlock.d.ts.map +1 -0
- package/dist/ui/components/CodeBlock.js +79 -0
- package/dist/ui/components/CodeBlock.js.map +1 -0
- package/dist/ui/components/Composer.d.ts +14 -0
- package/dist/ui/components/Composer.d.ts.map +1 -0
- package/dist/ui/components/Composer.js +172 -0
- package/dist/ui/components/Composer.js.map +1 -0
- package/dist/ui/components/LoginForm.d.ts +5 -0
- package/dist/ui/components/LoginForm.d.ts.map +1 -0
- package/dist/ui/components/LoginForm.js +37 -0
- package/dist/ui/components/LoginForm.js.map +1 -0
- package/dist/ui/components/MarkdownRenderer.d.ts +5 -0
- package/dist/ui/components/MarkdownRenderer.d.ts.map +1 -0
- package/dist/ui/components/MarkdownRenderer.js +28 -0
- package/dist/ui/components/MarkdownRenderer.js.map +1 -0
- package/dist/ui/components/MessageActions.d.ts +6 -0
- package/dist/ui/components/MessageActions.d.ts.map +1 -0
- package/dist/ui/components/MessageActions.js +43 -0
- package/dist/ui/components/MessageActions.js.map +1 -0
- package/dist/ui/components/MessageBubble.d.ts +16 -0
- package/dist/ui/components/MessageBubble.d.ts.map +1 -0
- package/dist/ui/components/MessageBubble.js +71 -0
- package/dist/ui/components/MessageBubble.js.map +1 -0
- package/dist/ui/components/MessageList.d.ts +10 -0
- package/dist/ui/components/MessageList.d.ts.map +1 -0
- package/dist/ui/components/MessageList.js +69 -0
- package/dist/ui/components/MessageList.js.map +1 -0
- package/dist/ui/components/SettingsPanel.d.ts +11 -0
- package/dist/ui/components/SettingsPanel.d.ts.map +1 -0
- package/dist/ui/components/{SettingsView.js → SettingsPanel.js} +27 -27
- package/dist/ui/components/SettingsPanel.js.map +1 -0
- package/dist/ui/components/Shimmer.d.ts +2 -0
- package/dist/ui/components/Shimmer.d.ts.map +1 -0
- package/dist/ui/components/Shimmer.js +10 -0
- package/dist/ui/components/Shimmer.js.map +1 -0
- package/dist/ui/components/Talk2View.d.ts +21 -0
- package/dist/ui/components/Talk2View.d.ts.map +1 -0
- package/dist/ui/components/Talk2View.js +79 -0
- package/dist/ui/components/Talk2View.js.map +1 -0
- package/dist/ui/components/ThinkingBlock.d.ts +7 -0
- package/dist/ui/components/ThinkingBlock.d.ts.map +1 -0
- package/dist/ui/components/ThinkingBlock.js +64 -0
- package/dist/ui/components/ThinkingBlock.js.map +1 -0
- package/dist/ui/components/ToolDisplay.d.ts +28 -0
- package/dist/ui/components/ToolDisplay.d.ts.map +1 -0
- package/dist/ui/components/ToolDisplay.js +123 -0
- package/dist/ui/components/ToolDisplay.js.map +1 -0
- package/dist/ui/components/WelcomeScreen.d.ts +6 -0
- package/dist/ui/components/WelcomeScreen.d.ts.map +1 -0
- package/dist/ui/components/WelcomeScreen.js +18 -0
- package/dist/ui/components/WelcomeScreen.js.map +1 -0
- package/dist/ui/context.d.ts +29 -0
- package/dist/ui/context.d.ts.map +1 -0
- package/dist/ui/context.js +16 -0
- package/dist/ui/context.js.map +1 -0
- package/dist/ui/index.d.ts +24 -37
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +23 -35
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/styles.d.ts +2 -0
- package/dist/ui/styles.d.ts.map +1 -0
- package/dist/ui/styles.js +91 -0
- package/dist/ui/styles.js.map +1 -0
- package/dist/ui/theme.d.ts +11 -0
- package/dist/ui/theme.d.ts.map +1 -0
- package/dist/ui/theme.js +70 -0
- package/dist/ui/theme.js.map +1 -0
- package/package.json +3 -10
- package/dist/ui/components/LoginModal.d.ts +0 -10
- package/dist/ui/components/LoginModal.d.ts.map +0 -1
- package/dist/ui/components/LoginModal.js +0 -138
- package/dist/ui/components/LoginModal.js.map +0 -1
- package/dist/ui/components/SettingsView.d.ts +0 -11
- package/dist/ui/components/SettingsView.d.ts.map +0 -1
- package/dist/ui/components/SettingsView.js.map +0 -1
- package/dist/ui/components/T2VAssistantModal.d.ts +0 -31
- package/dist/ui/components/T2VAssistantModal.d.ts.map +0 -1
- package/dist/ui/components/T2VAssistantModal.js +0 -151
- package/dist/ui/components/T2VAssistantModal.js.map +0 -1
- package/dist/ui/components/T2VAssistantProvider.d.ts +0 -42
- package/dist/ui/components/T2VAssistantProvider.d.ts.map +0 -1
- package/dist/ui/components/T2VAssistantProvider.js +0 -66
- package/dist/ui/components/T2VAssistantProvider.js.map +0 -1
- package/dist/ui/components/T2VChatHeader.d.ts.map +0 -1
- package/dist/ui/components/T2VChatHeader.js +0 -112
- package/dist/ui/components/T2VChatHeader.js.map +0 -1
- package/dist/ui/components/T2VComposer.d.ts +0 -11
- package/dist/ui/components/T2VComposer.d.ts.map +0 -1
- package/dist/ui/components/T2VComposer.js +0 -124
- package/dist/ui/components/T2VComposer.js.map +0 -1
- package/dist/ui/components/T2VDictationAdapter.d.ts +0 -18
- package/dist/ui/components/T2VDictationAdapter.d.ts.map +0 -1
- package/dist/ui/components/T2VDictationAdapter.js +0 -126
- package/dist/ui/components/T2VDictationAdapter.js.map +0 -1
- package/dist/ui/components/T2VLoginGate.d.ts +0 -23
- package/dist/ui/components/T2VLoginGate.d.ts.map +0 -1
- package/dist/ui/components/T2VLoginGate.js +0 -11
- package/dist/ui/components/T2VLoginGate.js.map +0 -1
- package/dist/ui/components/T2VThread.d.ts +0 -25
- package/dist/ui/components/T2VThread.d.ts.map +0 -1
- package/dist/ui/components/T2VThread.js +0 -66
- package/dist/ui/components/T2VThread.js.map +0 -1
- package/dist/ui/components/T2VToolFallback.d.ts +0 -11
- package/dist/ui/components/T2VToolFallback.d.ts.map +0 -1
- package/dist/ui/components/T2VToolFallback.js +0 -209
- package/dist/ui/components/T2VToolFallback.js.map +0 -1
- package/dist/ui/runtime/convertMessage.d.ts +0 -17
- package/dist/ui/runtime/convertMessage.d.ts.map +0 -1
- package/dist/ui/runtime/convertMessage.js +0 -77
- package/dist/ui/runtime/convertMessage.js.map +0 -1
- package/dist/ui/runtime/useT2VRuntime.d.ts +0 -42
- package/dist/ui/runtime/useT2VRuntime.d.ts.map +0 -1
- package/dist/ui/runtime/useT2VRuntime.js +0 -62
- package/dist/ui/runtime/useT2VRuntime.js.map +0 -1
- package/dist/ui/themes/tailwind-preset.d.ts +0 -43
- package/dist/ui/themes/tailwind-preset.d.ts.map +0 -1
- package/dist/ui/themes/tailwind-preset.js +0 -43
- package/dist/ui/themes/tailwind-preset.js.map +0 -1
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* T2VAssistantProvider — Combined provider for Talk2View + assistant-ui.
|
|
3
|
-
*
|
|
4
|
-
* Composes:
|
|
5
|
-
* T2VProvider (auth, client) → tool registration → runtime bridge → AssistantRuntimeProvider
|
|
6
|
-
*
|
|
7
|
-
* Wrap your app (or the chat section) with this provider, then use
|
|
8
|
-
* T2VThread, T2VAssistantModal, or your own assistant-ui components as children.
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <T2VAssistantProvider partnerKey="pk_live_abc" tools={myTools}>
|
|
13
|
-
* <MyExistingApp />
|
|
14
|
-
* <T2VThread />
|
|
15
|
-
* </T2VAssistantProvider>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
import React from 'react';
|
|
19
|
-
import '@assistant-ui/react-ui/styles/index.css';
|
|
20
|
-
import '@assistant-ui/react-ui/styles/modal.css';
|
|
21
|
-
import '@assistant-ui/react-ui/styles/markdown.css';
|
|
22
|
-
import '@assistant-ui/react-ui/styles/themes/default.css';
|
|
23
|
-
/** Hook to access chat actions (e.g. clearMessages for "New chat"). */
|
|
24
|
-
export declare function useT2VChatActions(): {
|
|
25
|
-
clearMessages: () => void;
|
|
26
|
-
};
|
|
27
|
-
import type { ClientTool, ClientToolSchema } from '../../types';
|
|
28
|
-
export interface T2VAssistantProviderProps {
|
|
29
|
-
/** Talk2View partner API key. */
|
|
30
|
-
partnerKey: string;
|
|
31
|
-
/** Talk2View API base URL. Defaults to production. */
|
|
32
|
-
baseUrl?: string;
|
|
33
|
-
/** Default LLM model ID. */
|
|
34
|
-
model?: string;
|
|
35
|
-
/** System prompt passed to the Talk2View agent. */
|
|
36
|
-
systemPrompt?: string;
|
|
37
|
-
/** Client-side tools to register with the Talk2View agent. */
|
|
38
|
-
tools?: (ClientToolSchema | ClientTool)[];
|
|
39
|
-
children: React.ReactNode;
|
|
40
|
-
}
|
|
41
|
-
export declare function T2VAssistantProvider({ partnerKey, baseUrl, model, systemPrompt, tools, children, }: T2VAssistantProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
-
//# sourceMappingURL=T2VAssistantProvider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VAssistantProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/components/T2VAssistantProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kDAAkD,CAAC;AAO1D,uEAAuE;AACvE,wBAAgB,iBAAiB;mBAL4B,MAAM,IAAI;EAOtE;AAOD,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,UAAU,CAAC,EAAE,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA+CD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,OAAO,EACP,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,yBAAyB,2CAQ3B"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* T2VAssistantProvider — Combined provider for Talk2View + assistant-ui.
|
|
4
|
-
*
|
|
5
|
-
* Composes:
|
|
6
|
-
* T2VProvider (auth, client) → tool registration → runtime bridge → AssistantRuntimeProvider
|
|
7
|
-
*
|
|
8
|
-
* Wrap your app (or the chat section) with this provider, then use
|
|
9
|
-
* T2VThread, T2VAssistantModal, or your own assistant-ui components as children.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```tsx
|
|
13
|
-
* <T2VAssistantProvider partnerKey="pk_live_abc" tools={myTools}>
|
|
14
|
-
* <MyExistingApp />
|
|
15
|
-
* <T2VThread />
|
|
16
|
-
* </T2VAssistantProvider>
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
import React, { createContext, useContext } from 'react';
|
|
20
|
-
import '@assistant-ui/react-ui/styles/index.css';
|
|
21
|
-
import '@assistant-ui/react-ui/styles/modal.css';
|
|
22
|
-
import '@assistant-ui/react-ui/styles/markdown.css';
|
|
23
|
-
import '@assistant-ui/react-ui/styles/themes/default.css';
|
|
24
|
-
import { AssistantRuntimeProvider } from '@assistant-ui/react';
|
|
25
|
-
const T2VChatActionsContext = createContext({
|
|
26
|
-
clearMessages: () => { },
|
|
27
|
-
});
|
|
28
|
-
/** Hook to access chat actions (e.g. clearMessages for "New chat"). */
|
|
29
|
-
export function useT2VChatActions() {
|
|
30
|
-
return useContext(T2VChatActionsContext);
|
|
31
|
-
}
|
|
32
|
-
import { T2VProvider, useT2V } from '../../react/T2VProvider';
|
|
33
|
-
import { useT2VTools } from '../../react/useT2VTools';
|
|
34
|
-
import { useT2VRuntime } from '../runtime/useT2VRuntime';
|
|
35
|
-
import { useUserPreferences } from '../../react/useUserPreferences';
|
|
36
|
-
import { usePartnerConfig } from '../../react/usePartnerConfig';
|
|
37
|
-
import { injectT2VFonts, injectT2VStyles } from '../../react/theme';
|
|
38
|
-
/**
|
|
39
|
-
* Inner provider that lives inside T2VProvider context.
|
|
40
|
-
* Creates the runtime bridge and registers tools.
|
|
41
|
-
*/
|
|
42
|
-
function InnerProvider({ systemPrompt, tools, children, }) {
|
|
43
|
-
const { isAuthenticated } = useT2V();
|
|
44
|
-
const { preferences } = useUserPreferences();
|
|
45
|
-
const { config: partnerConfig } = usePartnerConfig();
|
|
46
|
-
// Resolve the effective model: user preference > partner default > provider prop
|
|
47
|
-
const effectiveModel = preferences.model || partnerConfig?.default_llm_model || undefined;
|
|
48
|
-
const { runtime, clearMessages } = useT2VRuntime({ systemPrompt, model: effectiveModel });
|
|
49
|
-
const { registerTools, isRegistered } = useT2VTools();
|
|
50
|
-
// Inject T2V fonts and CSS animations (idempotent)
|
|
51
|
-
React.useEffect(() => {
|
|
52
|
-
injectT2VFonts();
|
|
53
|
-
injectT2VStyles();
|
|
54
|
-
}, []);
|
|
55
|
-
// Register tools when authenticated and tools are provided
|
|
56
|
-
React.useEffect(() => {
|
|
57
|
-
if (tools && tools.length > 0 && !isRegistered && isAuthenticated) {
|
|
58
|
-
registerTools(tools).catch(console.error);
|
|
59
|
-
}
|
|
60
|
-
}, [tools, isRegistered, isAuthenticated, registerTools]);
|
|
61
|
-
return (_jsx(T2VChatActionsContext.Provider, { value: { clearMessages }, children: _jsx(AssistantRuntimeProvider, { runtime: runtime, children: children }) }));
|
|
62
|
-
}
|
|
63
|
-
export function T2VAssistantProvider({ partnerKey, baseUrl, model, systemPrompt, tools, children, }) {
|
|
64
|
-
return (_jsx(T2VProvider, { partnerKey: partnerKey, baseUrl: baseUrl, model: model, children: _jsx(InnerProvider, { systemPrompt: systemPrompt, tools: tools, children: children }) }));
|
|
65
|
-
}
|
|
66
|
-
//# sourceMappingURL=T2VAssistantProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VAssistantProvider.js","sourceRoot":"","sources":["../../../src/ui/components/T2VAssistantProvider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yCAAyC,CAAC;AACjD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kDAAkD,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,qBAAqB,GAAG,aAAa,CAAgC;IACzE,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAEH,uEAAuE;AACvE,MAAM,UAAU,iBAAiB;IAC/B,OAAO,UAAU,CAAC,qBAAqB,CAAC,CAAC;AAC3C,CAAC;AACD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAiBpE;;;GAGG;AACH,SAAS,aAAa,CAAC,EACrB,YAAY,EACZ,KAAK,EACL,QAAQ,GAKT;IACC,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErD,iFAAiF;IACjF,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,IAAI,aAAa,EAAE,iBAAiB,IAAI,SAAS,CAAC;IAE1F,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,aAAa,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC;IAC1F,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,EAAE,CAAC;IAEtD,mDAAmD;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,cAAc,EAAE,CAAC;QACjB,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,2DAA2D;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,eAAe,EAAE,CAAC;YAClE,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,YACxD,KAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,YACvC,QAAQ,GACgB,GACM,CAClC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,EACnC,UAAU,EACV,OAAO,EACP,KAAK,EACL,YAAY,EACZ,KAAK,EACL,QAAQ,GACkB;IAC1B,OAAO,CACL,KAAC,WAAW,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,YACjE,KAAC,aAAa,IAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,YACpD,QAAQ,GACK,GACJ,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VChatHeader.d.ts","sourceRoot":"","sources":["../../../src/ui/components/T2VChatHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,kBAAkB,2CAuH7G"}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* T2VChatHeader — Shared header bar for T2VThread and T2VAssistantModal.
|
|
4
|
-
*
|
|
5
|
-
* Shows the Talk2View logo + title, with a three-dot dropdown menu
|
|
6
|
-
* containing Settings and Sign Out options. In settings view, shows
|
|
7
|
-
* a back button instead.
|
|
8
|
-
*/
|
|
9
|
-
import { useState } from 'react';
|
|
10
|
-
import { T2V_COLORS, T2V_FONTS, T2VLogo } from '../../react/theme';
|
|
11
|
-
export function T2VChatHeader({ view, onSettingsClick, onBackClick, onNewChat, onSignOut }) {
|
|
12
|
-
const [menuOpen, setMenuOpen] = useState(false);
|
|
13
|
-
return (_jsxs("div", { style: {
|
|
14
|
-
display: 'flex',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
justifyContent: 'space-between',
|
|
17
|
-
padding: '10px 14px',
|
|
18
|
-
borderBottom: `1px solid ${T2V_COLORS.lightGray}`,
|
|
19
|
-
flexShrink: 0,
|
|
20
|
-
}, children: [_jsx("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: view === 'settings' ? (_jsxs(_Fragment, { children: [_jsx(HeaderButton, { onClick: onBackClick, "aria-label": "Back to chat", children: _jsx(BackIcon, {}) }), _jsx("span", { style: {
|
|
21
|
-
fontSize: '14px',
|
|
22
|
-
fontWeight: 600,
|
|
23
|
-
fontFamily: T2V_FONTS.heading,
|
|
24
|
-
color: T2V_COLORS.dark,
|
|
25
|
-
}, children: "Settings" })] })) : (_jsxs(_Fragment, { children: [_jsx(T2VLogo, { size: 20 }), _jsx("span", { style: {
|
|
26
|
-
fontSize: '14px',
|
|
27
|
-
fontWeight: 600,
|
|
28
|
-
fontFamily: T2V_FONTS.heading,
|
|
29
|
-
color: T2V_COLORS.dark,
|
|
30
|
-
}, children: "Talk2View" })] })) }), view === 'chat' && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '2px', position: 'relative' }, children: [_jsxs("button", { onClick: onNewChat, "aria-label": "New chat", style: {
|
|
31
|
-
display: 'flex',
|
|
32
|
-
alignItems: 'center',
|
|
33
|
-
gap: '4px',
|
|
34
|
-
padding: '4px 10px',
|
|
35
|
-
borderRadius: '6px',
|
|
36
|
-
border: `1px solid ${T2V_COLORS.lightGray}`,
|
|
37
|
-
backgroundColor: 'transparent',
|
|
38
|
-
color: T2V_COLORS.dark,
|
|
39
|
-
fontSize: '12px',
|
|
40
|
-
fontFamily: T2V_FONTS.heading,
|
|
41
|
-
fontWeight: 500,
|
|
42
|
-
cursor: 'pointer',
|
|
43
|
-
transition: 'background-color 0.15s ease',
|
|
44
|
-
}, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = T2V_COLORS.lightGray; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = 'transparent'; }, children: [_jsx(NewChatIcon, {}), "Clear Chat"] }), _jsx(HeaderButton, { onClick: () => setMenuOpen((v) => !v), "aria-label": "Menu", children: _jsx(EllipsisIcon, {}) }), menuOpen && (_jsxs(_Fragment, { children: [_jsx("div", { onClick: () => setMenuOpen(false), style: { position: 'fixed', inset: 0, zIndex: 49 } }), _jsxs("div", { style: {
|
|
45
|
-
position: 'absolute',
|
|
46
|
-
top: '100%',
|
|
47
|
-
right: 0,
|
|
48
|
-
marginTop: '4px',
|
|
49
|
-
minWidth: '140px',
|
|
50
|
-
borderRadius: '8px',
|
|
51
|
-
border: `1px solid ${T2V_COLORS.lightGray}`,
|
|
52
|
-
backgroundColor: '#fff',
|
|
53
|
-
boxShadow: '0 4px 16px rgba(1, 22, 30, 0.12)',
|
|
54
|
-
zIndex: 50,
|
|
55
|
-
overflow: 'hidden',
|
|
56
|
-
animation: 't2v-fade-in 0.15s ease-out',
|
|
57
|
-
}, children: [_jsxs(DropdownItem, { onClick: () => { setMenuOpen(false); onSettingsClick(); }, children: [_jsx(SettingsIcon, {}), "Settings"] }), _jsxs(DropdownItem, { onClick: () => { setMenuOpen(false); onSignOut(); }, danger: true, children: [_jsx(SignOutIcon, {}), "Sign out"] })] })] }))] }))] }));
|
|
58
|
-
}
|
|
59
|
-
/* ── Small sub-components ─────────────────────────────────────── */
|
|
60
|
-
function HeaderButton(props) {
|
|
61
|
-
const [hovered, setHovered] = useState(false);
|
|
62
|
-
return (_jsx("button", { ...props, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style: {
|
|
63
|
-
display: 'flex',
|
|
64
|
-
alignItems: 'center',
|
|
65
|
-
justifyContent: 'center',
|
|
66
|
-
width: '28px',
|
|
67
|
-
height: '28px',
|
|
68
|
-
borderRadius: '6px',
|
|
69
|
-
border: 'none',
|
|
70
|
-
backgroundColor: hovered ? T2V_COLORS.lightGray : 'transparent',
|
|
71
|
-
color: T2V_COLORS.midGray,
|
|
72
|
-
cursor: 'pointer',
|
|
73
|
-
padding: 0,
|
|
74
|
-
transition: 'background-color 0.15s ease',
|
|
75
|
-
} }));
|
|
76
|
-
}
|
|
77
|
-
function DropdownItem({ children, onClick, danger, }) {
|
|
78
|
-
const [hovered, setHovered] = useState(false);
|
|
79
|
-
return (_jsx("button", { onClick: onClick, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), style: {
|
|
80
|
-
display: 'flex',
|
|
81
|
-
alignItems: 'center',
|
|
82
|
-
gap: '8px',
|
|
83
|
-
width: '100%',
|
|
84
|
-
padding: '8px 12px',
|
|
85
|
-
border: 'none',
|
|
86
|
-
backgroundColor: hovered ? (danger ? T2V_COLORS.errorBg : T2V_COLORS.light) : 'transparent',
|
|
87
|
-
color: danger ? T2V_COLORS.errorRed : T2V_COLORS.dark,
|
|
88
|
-
fontSize: '13px',
|
|
89
|
-
fontFamily: T2V_FONTS.heading,
|
|
90
|
-
fontWeight: 500,
|
|
91
|
-
cursor: 'pointer',
|
|
92
|
-
textAlign: 'left',
|
|
93
|
-
transition: 'background-color 0.15s ease',
|
|
94
|
-
}, children: children }));
|
|
95
|
-
}
|
|
96
|
-
/* ── Inline SVG Icons ─────────────────────────────────────────── */
|
|
97
|
-
function NewChatIcon() {
|
|
98
|
-
return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 20h9" }), _jsx("path", { d: "M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z" })] }));
|
|
99
|
-
}
|
|
100
|
-
function BackIcon() {
|
|
101
|
-
return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }));
|
|
102
|
-
}
|
|
103
|
-
function EllipsisIcon() {
|
|
104
|
-
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] }));
|
|
105
|
-
}
|
|
106
|
-
function SettingsIcon() {
|
|
107
|
-
return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] }));
|
|
108
|
-
}
|
|
109
|
-
function SignOutIcon() {
|
|
110
|
-
return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), _jsx("polyline", { points: "16 17 21 12 16 7" }), _jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })] }));
|
|
111
|
-
}
|
|
112
|
-
//# sourceMappingURL=T2VChatHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VChatHeader.js","sourceRoot":"","sources":["../../../src/ui/components/T2VChatHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* T2VComposer — assistant-ui's default Composer + mic button.
|
|
3
|
-
*
|
|
4
|
-
* Uses assistant-ui's own styled sub-components (Root, Input, Action)
|
|
5
|
-
* so everything aligns perfectly. Adds a mic button that records audio
|
|
6
|
-
* and transcribes via Talk2View's STT endpoint, then inserts the text
|
|
7
|
-
* into the composer input.
|
|
8
|
-
*/
|
|
9
|
-
import React from 'react';
|
|
10
|
-
export declare const T2VComposer: React.FC;
|
|
11
|
-
//# sourceMappingURL=T2VComposer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VComposer.d.ts","sourceRoot":"","sources":["../../../src/ui/components/T2VComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAQ/B,CAAC"}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* T2VComposer — assistant-ui's default Composer + mic button.
|
|
4
|
-
*
|
|
5
|
-
* Uses assistant-ui's own styled sub-components (Root, Input, Action)
|
|
6
|
-
* so everything aligns perfectly. Adds a mic button that records audio
|
|
7
|
-
* and transcribes via Talk2View's STT endpoint, then inserts the text
|
|
8
|
-
* into the composer input.
|
|
9
|
-
*/
|
|
10
|
-
import React from 'react';
|
|
11
|
-
import { Composer as DefaultComposer } from '@assistant-ui/react-ui';
|
|
12
|
-
import { useAssistantRuntime } from '@assistant-ui/react';
|
|
13
|
-
import { useT2V } from '../../react/T2VProvider';
|
|
14
|
-
import { useUserPreferences } from '../../react/useUserPreferences';
|
|
15
|
-
import { usePartnerConfig } from '../../react/usePartnerConfig';
|
|
16
|
-
import { T2V_COLORS } from '../../react/theme';
|
|
17
|
-
export const T2VComposer = () => {
|
|
18
|
-
return (_jsxs(DefaultComposer.Root, { children: [_jsx(DefaultComposer.Input, { autoFocus: true }), _jsx(MicButton, {}), _jsx(DefaultComposer.Action, {})] }));
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* Mic button that records audio directly via MediaRecorder,
|
|
22
|
-
* sends to Talk2View's /v1/audio/transcriptions, and sets
|
|
23
|
-
* the transcript text on the composer.
|
|
24
|
-
*
|
|
25
|
-
* Bypasses the DictationAdapter layer for reliability —
|
|
26
|
-
* handles recording and transcription entirely in-component.
|
|
27
|
-
*/
|
|
28
|
-
function MicButton() {
|
|
29
|
-
const runtime = useAssistantRuntime();
|
|
30
|
-
const { t2v } = useT2V();
|
|
31
|
-
const { preferences } = useUserPreferences();
|
|
32
|
-
const { config: partnerConfig } = usePartnerConfig();
|
|
33
|
-
const [isRecording, setIsRecording] = React.useState(false);
|
|
34
|
-
const [isTranscribing, setIsTranscribing] = React.useState(false);
|
|
35
|
-
const mediaRecorderRef = React.useRef(null);
|
|
36
|
-
const chunksRef = React.useRef([]);
|
|
37
|
-
const handleClick = React.useCallback(async () => {
|
|
38
|
-
if (isRecording) {
|
|
39
|
-
// Stop recording — onstop handler will transcribe
|
|
40
|
-
if (mediaRecorderRef.current?.state === 'recording') {
|
|
41
|
-
mediaRecorderRef.current.stop();
|
|
42
|
-
}
|
|
43
|
-
setIsRecording(false);
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
try {
|
|
47
|
-
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
|
48
|
-
const mimeType = MediaRecorder.isTypeSupported('audio/webm;codecs=opus')
|
|
49
|
-
? 'audio/webm;codecs=opus'
|
|
50
|
-
: 'audio/webm';
|
|
51
|
-
const recorder = new MediaRecorder(stream, { mimeType });
|
|
52
|
-
mediaRecorderRef.current = recorder;
|
|
53
|
-
chunksRef.current = [];
|
|
54
|
-
recorder.ondataavailable = (e) => {
|
|
55
|
-
if (e.data.size > 0)
|
|
56
|
-
chunksRef.current.push(e.data);
|
|
57
|
-
};
|
|
58
|
-
recorder.onstop = async () => {
|
|
59
|
-
stream.getTracks().forEach((t) => t.stop());
|
|
60
|
-
const chunks = chunksRef.current;
|
|
61
|
-
if (chunks.length === 0)
|
|
62
|
-
return;
|
|
63
|
-
setIsTranscribing(true);
|
|
64
|
-
try {
|
|
65
|
-
const blob = new Blob(chunks, { type: mimeType });
|
|
66
|
-
const formData = new FormData();
|
|
67
|
-
formData.append('file', blob, 'recording.webm');
|
|
68
|
-
const sttModel = preferences.sttModel || partnerConfig?.default_stt_model || 'faster-whisper-base';
|
|
69
|
-
const sttLanguage = preferences.sttLanguage;
|
|
70
|
-
formData.append('model', sttModel);
|
|
71
|
-
if (sttLanguage)
|
|
72
|
-
formData.append('language', sttLanguage);
|
|
73
|
-
const result = await t2v.transcribe(formData);
|
|
74
|
-
const transcript = result.text.trim();
|
|
75
|
-
if (transcript) {
|
|
76
|
-
const current = runtime.thread.composer.getState().text;
|
|
77
|
-
runtime.thread.composer.setText(current ? `${current} ${transcript}` : transcript);
|
|
78
|
-
runtime.thread.composer.send();
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
catch (err) {
|
|
82
|
-
console.error('Transcription failed:', err);
|
|
83
|
-
}
|
|
84
|
-
finally {
|
|
85
|
-
setIsTranscribing(false);
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
recorder.start();
|
|
89
|
-
setIsRecording(true);
|
|
90
|
-
}
|
|
91
|
-
catch (err) {
|
|
92
|
-
console.error('Microphone access denied:', err);
|
|
93
|
-
}
|
|
94
|
-
}, [isRecording, t2v, runtime, preferences.sttModel, preferences.sttLanguage, partnerConfig?.default_stt_model]);
|
|
95
|
-
return (_jsx("button", { type: "button", onClick: handleClick, disabled: isTranscribing, "aria-label": isTranscribing ? 'Transcribing...' : isRecording ? 'Stop recording' : 'Voice input', style: {
|
|
96
|
-
marginTop: '0.625rem',
|
|
97
|
-
marginBottom: '0.625rem',
|
|
98
|
-
marginRight: '0.25rem',
|
|
99
|
-
width: '2rem',
|
|
100
|
-
height: '2rem',
|
|
101
|
-
padding: '0.5rem',
|
|
102
|
-
flexShrink: 0,
|
|
103
|
-
borderRadius: '0.5rem',
|
|
104
|
-
border: 'none',
|
|
105
|
-
backgroundColor: isRecording ? T2V_COLORS.errorRed : T2V_COLORS.turquoise,
|
|
106
|
-
color: '#fff',
|
|
107
|
-
cursor: isTranscribing ? 'wait' : 'pointer',
|
|
108
|
-
opacity: isTranscribing ? 0.6 : undefined,
|
|
109
|
-
transition: 'background-color 0.15s ease, opacity 0.15s ease',
|
|
110
|
-
display: 'flex',
|
|
111
|
-
alignItems: 'center',
|
|
112
|
-
justifyContent: 'center',
|
|
113
|
-
}, children: isTranscribing ? _jsx(SpinnerIcon, {}) : isRecording ? _jsx(StopCircleIcon, {}) : _jsx(MicIcon, {}) }));
|
|
114
|
-
}
|
|
115
|
-
function MicIcon() {
|
|
116
|
-
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 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: "22" })] }));
|
|
117
|
-
}
|
|
118
|
-
function SpinnerIcon() {
|
|
119
|
-
return (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", style: { animation: 't2v-spin 0.8s linear infinite' }, children: _jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }));
|
|
120
|
-
}
|
|
121
|
-
function StopCircleIcon() {
|
|
122
|
-
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" })] }));
|
|
123
|
-
}
|
|
124
|
-
//# sourceMappingURL=T2VComposer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VComposer.js","sourceRoot":"","sources":["../../../src/ui/components/T2VComposer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* T2VDictationAdapter — Records audio via MediaRecorder and transcribes
|
|
3
|
-
* via Talk2View's /v1/audio/transcriptions endpoint.
|
|
4
|
-
*
|
|
5
|
-
* Implements assistant-ui's DictationAdapter interface so the composer
|
|
6
|
-
* can start/stop dictation and receive transcribed text.
|
|
7
|
-
*/
|
|
8
|
-
import type { DictationAdapter } from '@assistant-ui/react';
|
|
9
|
-
import type { Talk2View } from '../../index';
|
|
10
|
-
export declare class T2VDictationAdapter implements DictationAdapter {
|
|
11
|
-
private readonly t2v;
|
|
12
|
-
private readonly sttModel?;
|
|
13
|
-
private readonly sttLanguage?;
|
|
14
|
-
disableInputDuringDictation: boolean;
|
|
15
|
-
constructor(t2v: Talk2View, sttModel?: string | undefined, sttLanguage?: string | undefined);
|
|
16
|
-
listen(): DictationAdapter.Session;
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=T2VDictationAdapter.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VDictationAdapter.d.ts","sourceRoot":"","sources":["../../../src/ui/components/T2VDictationAdapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,qBAAa,mBAAoB,YAAW,gBAAgB;IAIxD,OAAO,CAAC,QAAQ,CAAC,GAAG;IACpB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC;IAC1B,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC;IAL/B,2BAA2B,UAAQ;gBAGhB,GAAG,EAAE,SAAS,EACd,QAAQ,CAAC,EAAE,MAAM,YAAA,EACjB,WAAW,CAAC,EAAE,MAAM,YAAA;IAGvC,MAAM,IAAI,gBAAgB,CAAC,OAAO;CAsHnC"}
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* T2VDictationAdapter — Records audio via MediaRecorder and transcribes
|
|
3
|
-
* via Talk2View's /v1/audio/transcriptions endpoint.
|
|
4
|
-
*
|
|
5
|
-
* Implements assistant-ui's DictationAdapter interface so the composer
|
|
6
|
-
* can start/stop dictation and receive transcribed text.
|
|
7
|
-
*/
|
|
8
|
-
export class T2VDictationAdapter {
|
|
9
|
-
t2v;
|
|
10
|
-
sttModel;
|
|
11
|
-
sttLanguage;
|
|
12
|
-
disableInputDuringDictation = true;
|
|
13
|
-
constructor(t2v, sttModel, sttLanguage) {
|
|
14
|
-
this.t2v = t2v;
|
|
15
|
-
this.sttModel = sttModel;
|
|
16
|
-
this.sttLanguage = sttLanguage;
|
|
17
|
-
}
|
|
18
|
-
listen() {
|
|
19
|
-
let status = { type: 'starting' };
|
|
20
|
-
const speechStartListeners = [];
|
|
21
|
-
const speechEndListeners = [];
|
|
22
|
-
const speechListeners = [];
|
|
23
|
-
let mediaRecorder = null;
|
|
24
|
-
let chunks = [];
|
|
25
|
-
const setStatus = (newStatus) => {
|
|
26
|
-
status = newStatus;
|
|
27
|
-
};
|
|
28
|
-
// Start recording
|
|
29
|
-
navigator.mediaDevices
|
|
30
|
-
.getUserMedia({ audio: true })
|
|
31
|
-
.then((stream) => {
|
|
32
|
-
mediaRecorder = new MediaRecorder(stream, {
|
|
33
|
-
mimeType: MediaRecorder.isTypeSupported('audio/webm;codecs=opus')
|
|
34
|
-
? 'audio/webm;codecs=opus'
|
|
35
|
-
: 'audio/webm',
|
|
36
|
-
});
|
|
37
|
-
chunks = [];
|
|
38
|
-
mediaRecorder.ondataavailable = (e) => {
|
|
39
|
-
if (e.data.size > 0)
|
|
40
|
-
chunks.push(e.data);
|
|
41
|
-
};
|
|
42
|
-
mediaRecorder.onstart = () => {
|
|
43
|
-
setStatus({ type: 'running' });
|
|
44
|
-
speechStartListeners.forEach((cb) => cb());
|
|
45
|
-
};
|
|
46
|
-
mediaRecorder.onstop = async () => {
|
|
47
|
-
// Stop all tracks to release the mic
|
|
48
|
-
stream.getTracks().forEach((t) => t.stop());
|
|
49
|
-
if (chunks.length === 0) {
|
|
50
|
-
setStatus({ type: 'ended', reason: 'cancelled' });
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
try {
|
|
54
|
-
const blob = new Blob(chunks, { type: mediaRecorder.mimeType });
|
|
55
|
-
const formData = new FormData();
|
|
56
|
-
formData.append('file', blob, 'recording.webm');
|
|
57
|
-
if (this.sttModel)
|
|
58
|
-
formData.append('model', this.sttModel);
|
|
59
|
-
if (this.sttLanguage)
|
|
60
|
-
formData.append('language', this.sttLanguage);
|
|
61
|
-
const result = await this.t2v.transcribe(formData);
|
|
62
|
-
const transcript = result.text.trim();
|
|
63
|
-
if (transcript) {
|
|
64
|
-
const finalResult = {
|
|
65
|
-
transcript,
|
|
66
|
-
isFinal: true,
|
|
67
|
-
};
|
|
68
|
-
speechListeners.forEach((cb) => cb(finalResult));
|
|
69
|
-
speechEndListeners.forEach((cb) => cb(finalResult));
|
|
70
|
-
}
|
|
71
|
-
setStatus({ type: 'ended', reason: 'stopped' });
|
|
72
|
-
}
|
|
73
|
-
catch (err) {
|
|
74
|
-
console.error('Transcription failed:', err);
|
|
75
|
-
setStatus({ type: 'ended', reason: 'error' });
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
mediaRecorder.start();
|
|
79
|
-
})
|
|
80
|
-
.catch((err) => {
|
|
81
|
-
console.error('Microphone access denied:', err);
|
|
82
|
-
setStatus({ type: 'ended', reason: 'error' });
|
|
83
|
-
});
|
|
84
|
-
return {
|
|
85
|
-
get status() {
|
|
86
|
-
return status;
|
|
87
|
-
},
|
|
88
|
-
stop: async () => {
|
|
89
|
-
if (mediaRecorder && mediaRecorder.state === 'recording') {
|
|
90
|
-
mediaRecorder.stop();
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
cancel: () => {
|
|
94
|
-
if (mediaRecorder && mediaRecorder.state === 'recording') {
|
|
95
|
-
chunks = [];
|
|
96
|
-
mediaRecorder.stop();
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
onSpeechStart: (cb) => {
|
|
100
|
-
speechStartListeners.push(cb);
|
|
101
|
-
return () => {
|
|
102
|
-
const idx = speechStartListeners.indexOf(cb);
|
|
103
|
-
if (idx >= 0)
|
|
104
|
-
speechStartListeners.splice(idx, 1);
|
|
105
|
-
};
|
|
106
|
-
},
|
|
107
|
-
onSpeechEnd: (cb) => {
|
|
108
|
-
speechEndListeners.push(cb);
|
|
109
|
-
return () => {
|
|
110
|
-
const idx = speechEndListeners.indexOf(cb);
|
|
111
|
-
if (idx >= 0)
|
|
112
|
-
speechEndListeners.splice(idx, 1);
|
|
113
|
-
};
|
|
114
|
-
},
|
|
115
|
-
onSpeech: (cb) => {
|
|
116
|
-
speechListeners.push(cb);
|
|
117
|
-
return () => {
|
|
118
|
-
const idx = speechListeners.indexOf(cb);
|
|
119
|
-
if (idx >= 0)
|
|
120
|
-
speechListeners.splice(idx, 1);
|
|
121
|
-
};
|
|
122
|
-
},
|
|
123
|
-
};
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
//# sourceMappingURL=T2VDictationAdapter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VDictationAdapter.js","sourceRoot":"","sources":["../../../src/ui/components/T2VDictationAdapter.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* T2VLoginGate — Shows LoginModal when unauthenticated, renders children when authenticated.
|
|
3
|
-
*
|
|
4
|
-
* Composable auth gate — use it to wrap T2VThread, T2VAssistantModal,
|
|
5
|
-
* or any section of your app that requires Talk2View authentication.
|
|
6
|
-
*
|
|
7
|
-
* @example
|
|
8
|
-
* ```tsx
|
|
9
|
-
* <T2VAssistantProvider partnerKey="pk_live_abc">
|
|
10
|
-
* <T2VLoginGate signupUrl="https://myapp.com/signup">
|
|
11
|
-
* <T2VThread />
|
|
12
|
-
* </T2VLoginGate>
|
|
13
|
-
* </T2VAssistantProvider>
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
import React from 'react';
|
|
17
|
-
export interface T2VLoginGateProps {
|
|
18
|
-
children: React.ReactNode;
|
|
19
|
-
/** URL for the "Sign up" link in the login form. */
|
|
20
|
-
signupUrl?: string;
|
|
21
|
-
}
|
|
22
|
-
export declare function T2VLoginGate({ children, signupUrl }: T2VLoginGateProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
//# sourceMappingURL=T2VLoginGate.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VLoginGate.d.ts","sourceRoot":"","sources":["../../../src/ui/components/T2VLoginGate.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAQtE"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useT2V } from '../../react/T2VProvider';
|
|
3
|
-
import { LoginModal } from './LoginModal';
|
|
4
|
-
export function T2VLoginGate({ children, signupUrl }) {
|
|
5
|
-
const { isAuthenticated } = useT2V();
|
|
6
|
-
if (!isAuthenticated) {
|
|
7
|
-
return _jsx(LoginModal, { signupUrl: signupUrl });
|
|
8
|
-
}
|
|
9
|
-
return _jsx(_Fragment, { children: children });
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=T2VLoginGate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"T2VLoginGate.js","sourceRoot":"","sources":["../../../src/ui/components/T2VLoginGate.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAqB;IACrE,MAAM,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE,CAAC;IAErC,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,KAAC,UAAU,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IAC9C,CAAC;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}
|