Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,6 +7,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0

## [Unreleased]

### Added
- Added PostHog events for chat UI interactions (details card expand/collapse, copy answer, table of contents toggle) and repo tracking in `wa_chat_message_sent`. [#922](https://github.com/sourcebot-dev/sourcebot/pull/922)

## [4.11.7] - 2026-02-23

### Changed
Expand Down
12 changes: 12 additions & 0 deletions CLAUDE.md
Original file line numberDiff line numberDiff line change
Expand Up@@ -193,6 +193,18 @@ Branch naming convention:
- Bug fixes: `<username>/fix-<linear_issue_id>`
- If no Linear issue ID is available, omit it from the branch name

PR title should follow conventional commit standards:
- `feat:` new feature or functionality
- `fix:` bug fix
- `docs:` documentation or README changes
- `chore:` maintenance tasks, dependency updates, etc.
- `refactor:` code refactoring without changing behavior
- `test:` adding or updating tests

You can optionally include a scope to indicate which package is affected:
- `feat(web):` feature in the web package
- `fix(worker):` bug fix in the worker package (`backend/`)

PR description:
- If a GitHub issue number was provided, include `Fixes #<github_issue_number>` in the PR description

Expand Down
14 changes: 9 additions & 5 deletions packages/web/src/app/api/(server)/chat/blocking/route.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -135,7 +135,7 @@ export const POST = apiHandler(async (request: NextRequest) => {
parts: [{ type: 'text', text: query }],
};

const selectedSearchScopes = await Promise.all(repos.map(async (repo) => {
const selectedRepos = (await Promise.all(repos.map(async (repo) => {
const repoDB = await prisma.repo.findFirst({
where: {
name: repo,
Expand All@@ -156,25 +156,29 @@ export const POST = apiHandler(async (request: NextRequest) => {
name: repoDB.displayName ?? repoDB.name.split('/').pop() ?? repoDB.name,
codeHostType: repoDB.external_codeHostType,
} satisfies SearchScope;
}));
})));

// We'll capture the final messages and usage from the stream
let finalMessages: SBChatMessage[] = [];

await captureEvent('wa_chat_message_sent', {
chatId: chat.id,
messageCount: 1,
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? {
selectedRepos: selectedRepos.map(r => r.value)
} : {}),
});

const stream = await createMessageStream({
chatId: chat.id,
messages: [userMessage],
selectedSearchScopes,
metadata: {
selectedSearchScopes: selectedRepos,
},
selectedRepos: selectedRepos.map(r => r.value),
model,
modelName,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
finalMessages = messages;
},
Expand Down
67 changes: 27 additions & 40 deletions packages/web/src/app/api/(server)/chat/route.ts
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
import { sew } from "@/actions";
import { _getConfiguredLanguageModelsFull, _getAISDKLanguageModelAndOptions, _updateChatMessages, _isOwnerOfChat } from "@/features/chat/actions";
import { createAgentStream } from "@/features/chat/agent";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SearchScope } from "@/features/chat/types";
import { additionalChatRequestParamsSchema, LanguageModelInfo, SBChatMessage, SBChatMessageMetadata, SearchScope } from "@/features/chat/types";
import { getAnswerPartFromAssistantMessage, getLanguageModelKey } from "@/features/chat/utils";
import { apiHandler } from "@/lib/apiHandler";
import { ErrorCode } from "@/lib/errorCodes";
Expand All@@ -10,8 +10,7 @@ import { isServiceError } from "@/lib/utils";
import { withOptionalAuthV2 } from "@/withAuthV2";
import { LanguageModelV2 as AISDKLanguageModelV2 } from "@ai-sdk/provider";
import * as Sentry from "@sentry/nextjs";
import { PrismaClient } from "@sourcebot/db";
import { createLogger } from "@sourcebot/shared";
import { createLogger, env } from "@sourcebot/shared";
import { captureEvent } from "@/lib/posthog";
import {
createUIMessageStream,
Expand DownExpand Up@@ -89,20 +88,34 @@ export const POST = apiHandler(async (req: NextRequest) => {

const { model, providerOptions } = await _getAISDKLanguageModelAndOptions(languageModelConfig);

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') return [scope.value];
if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: { orgId: org.id, name: scope.value },
include: { repos: true }
});
return reposet ? reposet.repos.map(r => r.name) : [];
}
return [];
}))).flat();

await captureEvent('wa_chat_message_sent', {
chatId: id,
messageCount: messages.length,
});
...(env.EXPERIMENT_ASK_GH_ENABLED === 'true' ? { selectedRepos: expandedRepos } : {}),
} );

const stream = await createMessageStream({
chatId: id,
messages,
selectedSearchScopes,
metadata: {
selectedSearchScopes,
},
selectedRepos: expandedRepos,
model,
modelName: languageModelConfig.displayName ?? languageModelConfig.model,
modelProviderOptions: providerOptions,
orgId: org.id,
prisma,
onFinish: async ({ messages }) => {
await _updateChatMessages({ chatId: id, messages, prisma });
},
Expand DownExpand Up@@ -152,25 +165,23 @@ const mergeStreamAsync = async (stream: StreamTextResult<any, any>, writer: UIMe
interface CreateMessageStreamResponseProps {
chatId: string;
messages: SBChatMessage[];
selectedSearchScopes: SearchScope[];
selectedRepos: string[];
model: AISDKLanguageModelV2;
modelName: string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
orgId: number;
prisma: PrismaClient;
onFinish: UIMessageStreamOnFinishCallback<SBChatMessage>;
onError: (error: unknown) => string;
modelProviderOptions?: Record<string, Record<string, JSONValue>>;
metadata?: Partial<SBChatMessageMetadata>;
}

export const createMessageStream = async ({
chatId,
messages,
selectedSearchScopes,
metadata,
selectedRepos,
model,
modelName,
modelProviderOptions,
orgId,
prisma,
onFinish,
onError,
}: CreateMessageStreamResponseProps) => {
Expand DownExpand Up@@ -211,36 +222,12 @@ export const createMessageStream = async ({

const startTime = new Date();

const expandedRepos = (await Promise.all(selectedSearchScopes.map(async (scope) => {
if (scope.type === 'repo') {
return [scope.value];
}

if (scope.type === 'reposet') {
const reposet = await prisma.searchContext.findFirst({
where: {
orgId,
name: scope.value
},
include: {
repos: true
}
});

if (reposet) {
return reposet.repos.map(repo => repo.name);
}
}

return [];
}))).flat()

const researchStream = await createAgentStream({
model,
providerOptions: modelProviderOptions,
inputMessages: messageHistory,
inputSources: sources,
selectedRepos: expandedRepos,
selectedRepos,
onWriteSource: (source) => {
writer.write({
type: 'data-source',
Expand All@@ -267,8 +254,8 @@ export const createMessageStream = async ({
totalOutputTokens: totalUsage.outputTokens,
totalResponseTimeMs: new Date().getTime() - startTime.getTime(),
modelName,
selectedSearchScopes,
traceId,
...metadata,
}
});

Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -57,8 +57,9 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
toast({
description: "✅ Copied to clipboard",
});
captureEvent('wa_chat_copy_answer_pressed', { chatId });
return true;
}, [answerText, toast]);
}, [answerText, chatId, captureEvent, toast]);

const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
setIsSubmittingFeedback(true);
Expand DownExpand Up@@ -128,7 +129,10 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
<Toggle
className="h-6 w-6 px-3 min-w-6 text-muted-foreground"
pressed={isTOCButtonToggled}
onPressedChange={setIsTOCButtonToggled}
onPressedChange={(next) => {
setIsTOCButtonToggled(next);
captureEvent('wa_chat_toc_toggled', { chatId, isExpanded: next });
}}
>
<TableOfContentsIcon className="h-3 w-3" />
</Toggle>
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -349,6 +349,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
)}

<DetailsCard
chatId={chatId}
isExpanded={isDetailsPanelExpanded}
onExpandedChanged={onExpandDetailsPanel}
isThinking={isThinking}
Expand Down
Original file line numberDiff line numberDiff line change
Expand Up@@ -7,7 +7,8 @@ import { Skeleton } from '@/components/ui/skeleton';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import { cn } from '@/lib/utils';
import { Brain, ChevronDown, ChevronRight, Clock, InfoIcon, Loader2, List, ScanSearchIcon, Zap } from 'lucide-react';
import { memo } from 'react';
import { memo, useCallback } from 'react';
import useCaptureEvent from '@/hooks/useCaptureEvent';
import { MarkdownRenderer } from './markdownRenderer';
import { FindSymbolDefinitionsToolComponent } from './tools/findSymbolDefinitionsToolComponent';
import { FindSymbolReferencesToolComponent } from './tools/findSymbolReferencesToolComponent';
Expand All@@ -21,6 +22,7 @@ import isEqual from "fast-deep-equal/react";


interface DetailsCardProps {
chatId: string;
isExpanded: boolean;
onExpandedChanged: (isExpanded: boolean) => void;
isThinking: boolean;
Expand All@@ -30,16 +32,24 @@ interface DetailsCardProps {
}

const DetailsCardComponent = ({
chatId,
isExpanded,
onExpandedChanged,
isThinking,
isStreaming,
metadata,
thinkingSteps,
}: DetailsCardProps) => {
const captureEvent = useCaptureEvent();

const handleExpandedChanged = useCallback((next: boolean) => {
captureEvent('wa_chat_details_card_toggled', { chatId, isExpanded: next });
onExpandedChanged(next);
}, [chatId, captureEvent, onExpandedChanged]);

return (
<Card className="mb-4">
<Collapsible open={isExpanded} onOpenChange={onExpandedChanged}>
<Collapsible open={isExpanded} onOpenChange={handleExpandedChanged}>
<CollapsibleTrigger asChild>
<CardContent
className={cn("p-3 cursor-pointer hover:bg-muted", {
Expand Down
17 changes: 17 additions & 0 deletions packages/web/src/lib/posthogEvents.ts
Original file line numberDiff line numberDiff line change
Expand Up@@ -157,6 +157,12 @@ export type PosthogEventMap = {
wa_chat_message_sent: {
chatId: string,
messageCount: number,
/**
* @note this field will only be populated when
* the EXPERIMENT_ASK_GH_ENABLED environment variable
* is set to true.
*/
selectedRepos?: string[],
},
wa_chat_tool_used: {
chatId: string,
Expand DownExpand Up@@ -210,6 +216,17 @@ export type PosthogEventMap = {
wa_chat_deleted: {
chatId: string,
},
wa_chat_details_card_toggled: {
chatId: string,
isExpanded: boolean,
},
wa_chat_copy_answer_pressed: {
chatId: string,
},
wa_chat_toc_toggled: {
chatId: string,
isExpanded: boolean,
},
//////////////////////////////////////////////////////////////////
wa_demo_docs_link_pressed: {},
wa_demo_search_example_card_pressed: {
Expand Down