Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: create message_sent event to track model provider and id model

Browse Source
This commit is contained in:
Faisal Amir 2025-10-07 17:48:15 +07:00
parent fa397038ef
commit 310ca7cb23
1 changed files with 81 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web-app/src/containers/ChatInput.tsx
View File

@ -40,6 +40,8 @@ import { useShallow } from 'zustand/react/shallow'
import { McpExtensionToolLoader } from './McpExtensionToolLoader'
import { ExtensionTypeEnum, MCPExtension } from '@janhq/core'
import { ExtensionManager } from '@/lib/extension'
import { useAnalytic } from '@/hooks/useAnalytic'
import posthog from 'posthog-js'
type ChatInputProps = {
className?: string
@ -88,6 +90,7 @@ const ChatInput = ({
const selectedModel = useModelProvider((state) => state.selectedModel)
const selectedProvider = useModelProvider((state) => state.selectedProvider)
const sendMessage = useChat()
const { productAnalytic } = useAnalytic()
const [message, setMessage] = useState('')
const [dropdownToolsAvailable, setDropdownToolsAvailable] = useState(false)
const [tooltipToolsAvailable, setTooltipToolsAvailable] = useState(false)
@ -176,7 +179,6 @@ const ChatInput = ({
const mcpExtension = extensionManager.get<MCPExtension>(ExtensionTypeEnum.MCP)
const MCPToolComponent = mcpExtension?.getToolComponent?.()
const handleSendMesage = async (prompt: string) => {
if (!selectedModel) {
setMessage('Please select a model to start chatting.')
@ -186,6 +188,19 @@ const ChatInput = ({
return
}
setMessage('')
// Track message send event with PostHog (only if product analytics is enabled)
if (productAnalytic && selectedModel && selectedProvider) {
try {
posthog.capture('message_sent', {
model_provider: selectedProvider,
model_id: selectedModel.id,
})
} catch (error) {
console.debug('Failed to track message send event:', error)
}
}
sendMessage(
prompt,
true,
@ -703,13 +718,15 @@ const ChatInput = ({
)}
{selectedModel?.capabilities?.includes('tools') &&
hasActiveMCPServers && (
MCPToolComponent ? (
hasActiveMCPServers &&
(MCPToolComponent ? (
// Use custom MCP component
<McpExtensionToolLoader
tools={tools}
hasActiveMCPServers={hasActiveMCPServers}
selectedModelHasTools={selectedModel?.capabilities?.includes('tools') ?? false}
selectedModelHasTools={
selectedModel?.capabilities?.includes('tools') ?? false
}
initialMessage={initialMessage}
MCPToolComponent={MCPToolComponent}
/>
@ -769,8 +786,7 @@ const ChatInput = ({
</TooltipContent>
</Tooltip>
</TooltipProvider>
)
)}
))}
{selectedModel?.capabilities?.includes('web_search') && (
<TooltipProvider>
<Tooltip>