Skip to content

fix(mothership): streaming completion-flash fix + Tavily brand icon #5030

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
waleedlatif1 merged 2 commits into from
Jun 13, 2026
Merged

fix(mothership): streaming completion-flash fix + Tavily brand icon #5030

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cba0e69
fix(mothership): keep isAnimating latched so completed messages don't…
waleedlatif1 Jun 13, 2026
b62f493
feat(tavily): official brand icon and white block background
waleedlatif1 Jun 13, 2026
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
31 changes: 14 additions & 17 deletions apps/docs/components/icons.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -874,34 +874,31 @@ export function TailscaleIcon(props: SVGProps<SVGSVGElement>) {

export function TavilyIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg' {...props}>
<path
d='M432 291C415 294 418 313 417 326C380 328 342 327 306 328C316 344 312 368 301 381C339 384 377 383 414 384C419 393 415 404 419 412C424 419 431 422 437 421C554 393 539 314 425 290'
fill='rgb(248,202,81)'
/>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
<title>Tavily</title>
<path
d='M263 87C260 88 257 89 255 93C237 121 219 147 204 174C203 184 206 191 212 195C222 198 231 196 239 197C241 238 240 277 241 316C257 307 276 309 294 308C296 273 295 234 296 199C309 196 328 200 333 183C314 149 299 103 267 83'
fill='rgb(109,164,249)'
d='M9.1.503l2.824 4.47a1.078 1.078 0 01-.911 1.655H9.858v6.692h-1.67V0c.35 0 .7.168.912.503z'
fill='#8FBCFA'
/>
<path
d='M314 356L316 354C386 355 457 354 527 355C504 385 469 400 440 421C431 421 424 418 421 411C415 402 420 389 416 383C384 371 284 406 312 358'
fill='rgb(250,188,28)'
d='M4.453 4.974L7.277.503A1.07 1.07 0 018.189 0v13.32a2.633 2.633 0 00-1.67.48V6.628H5.364c-.85 0-1.366-.936-.912-1.654z'
fill='#468BFF'
/>
<path
d='M314 356C281 405 384 369 410 384C422 388 415 402 421 409C425 417 431 420 437 420C469 400 504 384 529 360C456 355 386 356 317 355'
fill='rgb(251,186,23)'
d='M17.041 17.74h-7.028c.423-.457.67-1.049.7-1.67h12.956c0 .35-.168.7-.502.912l-4.472 2.823a1.078 1.078 0 01-1.654-.911v-1.155z'
fill='#FDBB11'
/>
<path
d='M264 325C271 325 290 329 283 339C236 384 186 436 139 482C133 481 133 477 131 474C133 477 133 481 135 482C174 490 213 472 250 466C261 447 246 435 235 426C254 406 271 389 289 372C303 352 287 324 266 326'
fill='rgb(251,156,158)'
d='M18.695 12.334l4.47 2.824c.336.212.503.562.503.912H10.713a2.65 2.65 0 00-.493-1.67h6.822v-1.154c0-.85.935-1.366 1.653-.912z'
fill='#F6D785'
/>
<path
d='M263 327C260 328 256 328 253 330C233 348 216 367 197 384C188 381 183 371 175 368C166 367 161 369 156 372C148 409 133 447 133 482C173 430 281 366 277 323'
fill='rgb(248,56,63)'
d='M4.394 19.605L.316 23.683a1.07 1.07 0 001 .29l5.158-1.165A1.078 1.078 0 007 20.994l-.816-.816 3.073-3.074a1.61 1.61 0 000-2.276l-.042-.043-4.82 4.82z'
fill='#FF9A9D'
/>
<path
d='M258 326C235 341 218 365 198 382C186 376 176 360 161 368L160 369L157 369C149 378 150 391 146 401C150 391 149 379 157 370C174 359 185 376 195 385C219 365 238 337 262 325'
fill='rgb(242,165,165)'
d='M3.822 17.817l3.073-3.074a1.61 1.61 0 012.277 0l.042.043-4.818 4.819-4.08 4.079a1.07 1.07 0 01-.289-1l1.165-5.158A1.078 1.078 0 013.006 17l.816.817z'
fill='#FE363B'
/>
</svg>
)
Expand Down
2 changes: 1 addition & 1 deletion apps/docs/content/docs/en/integrations/tavily.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import { BlockInfoCard } from "@/components/ui/block-info-card"

<BlockInfoCard
type="tavily"
color="#0066FF"
color="#FFFFFF"
/>

{/* MANUAL-CONTENT-START:intro */}
Expand Down
15 changes: 13 additions & 2 deletions ...ce/[workspaceId]/home/components/message-content/components/chat-content/chat-content.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -294,6 +294,17 @@ function ChatContentInner({
const streamedContent = useSmoothText(displayContent, isStreaming)
const isRevealing = isStreaming || streamedContent.length < displayContent.length

/**
* One-way latch: once a message has streamed in this mount, keep rendering it
* through Streamdown's streaming/animation pipeline for the rest of its life.
* Drives `mode`, `animated`, AND `isAnimating` together — all three must stay
* constant across the completion boundary. Streamdown removes the per-word
* `<span>` wrappers (and re-parses the whole message) the instant `isAnimating`
* goes false, so wiring `isAnimating` to `isRevealing` (which flips at
* completion) reintroduces the streaming→static flash this latch exists to
* prevent. Content is stable once revealed, so a permanently-true
* `isAnimating` never re-fades anything.
*/
const streamedThisSession = useRef(false)
if (isStreaming) streamedThisSession.current = true
const keepStreamingTree = isRevealing || streamedThisSession.current
Expand Down Expand Up @@ -372,7 +383,7 @@ function ChatContentInner({
<Streamdown
mode={keepStreamingTree ? undefined : 'static'}
animated={keepStreamingTree ? STREAM_ANIMATION : false}
isAnimating={isRevealing}
isAnimating={keepStreamingTree}
components={MARKDOWN_COMPONENTS}
>
{group.markdown}
Expand All @@ -398,7 +409,7 @@ function ChatContentInner({
<Streamdown
mode={keepStreamingTree ? undefined : 'static'}
animated={keepStreamingTree ? STREAM_ANIMATION : false}
isAnimating={isRevealing}
isAnimating={keepStreamingTree}
components={MARKDOWN_COMPONENTS}
>
{streamedContent}
Expand Down
2 changes: 1 addition & 1 deletion apps/sim/blocks/blocks/tavily.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ export const TavilyBlock: BlockConfig<TavilyResponse> = {
category: 'tools',
integrationType: IntegrationType.Search,
docsLink: 'https://docs.sim.ai/integrations/tavily',
bgColor: '#0066FF',
bgColor: '#FFFFFF',
icon: TavilyIcon,
subBlocks: [
{
Expand Down
31 changes: 14 additions & 17 deletions apps/sim/components/icons.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -874,34 +874,31 @@ export function TailscaleIcon(props: SVGProps<SVGSVGElement>) {

export function TavilyIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg' {...props}>
<path
d='M432 291C415 294 418 313 417 326C380 328 342 327 306 328C316 344 312 368 301 381C339 384 377 383 414 384C419 393 415 404 419 412C424 419 431 422 437 421C554 393 539 314 425 290'
fill='rgb(248,202,81)'
/>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
<title>Tavily</title>
<path
d='M263 87C260 88 257 89 255 93C237 121 219 147 204 174C203 184 206 191 212 195C222 198 231 196 239 197C241 238 240 277 241 316C257 307 276 309 294 308C296 273 295 234 296 199C309 196 328 200 333 183C314 149 299 103 267 83'
fill='rgb(109,164,249)'
d='M9.1.503l2.824 4.47a1.078 1.078 0 01-.911 1.655H9.858v6.692h-1.67V0c.35 0 .7.168.912.503z'
fill='#8FBCFA'
/>
<path
d='M314 356L316 354C386 355 457 354 527 355C504 385 469 400 440 421C431 421 424 418 421 411C415 402 420 389 416 383C384 371 284 406 312 358'
fill='rgb(250,188,28)'
d='M4.453 4.974L7.277.503A1.07 1.07 0 018.189 0v13.32a2.633 2.633 0 00-1.67.48V6.628H5.364c-.85 0-1.366-.936-.912-1.654z'
fill='#468BFF'
/>
<path
d='M314 356C281 405 384 369 410 384C422 388 415 402 421 409C425 417 431 420 437 420C469 400 504 384 529 360C456 355 386 356 317 355'
fill='rgb(251,186,23)'
d='M17.041 17.74h-7.028c.423-.457.67-1.049.7-1.67h12.956c0 .35-.168.7-.502.912l-4.472 2.823a1.078 1.078 0 01-1.654-.911v-1.155z'
fill='#FDBB11'
/>
<path
d='M264 325C271 325 290 329 283 339C236 384 186 436 139 482C133 481 133 477 131 474C133 477 133 481 135 482C174 490 213 472 250 466C261 447 246 435 235 426C254 406 271 389 289 372C303 352 287 324 266 326'
fill='rgb(251,156,158)'
d='M18.695 12.334l4.47 2.824c.336.212.503.562.503.912H10.713a2.65 2.65 0 00-.493-1.67h6.822v-1.154c0-.85.935-1.366 1.653-.912z'
fill='#F6D785'
/>
<path
d='M263 327C260 328 256 328 253 330C233 348 216 367 197 384C188 381 183 371 175 368C166 367 161 369 156 372C148 409 133 447 133 482C173 430 281 366 277 323'
fill='rgb(248,56,63)'
d='M4.394 19.605L.316 23.683a1.07 1.07 0 001 .29l5.158-1.165A1.078 1.078 0 007 20.994l-.816-.816 3.073-3.074a1.61 1.61 0 000-2.276l-.042-.043-4.82 4.82z'
fill='#FF9A9D'
/>
<path
d='M258 326C235 341 218 365 198 382C186 376 176 360 161 368L160 369L157 369C149 378 150 391 146 401C150 391 149 379 157 370C174 359 185 376 195 385C219 365 238 337 262 325'
fill='rgb(242,165,165)'
d='M3.822 17.817l3.073-3.074a1.61 1.61 0 012.277 0l.042.043-4.818 4.819-4.08 4.079a1.07 1.07 0 01-.289-1l1.165-5.158A1.078 1.078 0 013.006 17l.816.817z'
fill='#FE363B'
/>
</svg>
)
Expand Down
4 changes: 2 additions & 2 deletions apps/sim/lib/integrations/integrations.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"updatedAt": "2026-06-12",
"updatedAt": "2026-06-13",
"integrations": [
{
"type": "onepassword",
Expand Down Expand Up @@ -15051,7 +15051,7 @@
"name": "Tavily",
"description": "Search and extract information",
"longDescription": "Integrate Tavily into the workflow. Can search the web and extract content from specific URLs. Requires API Key.",
"bgColor": "#0066FF",
"bgColor": "#FFFFFF",
"iconName": "TavilyIcon",
"docsUrl": "https://docs.sim.ai/integrations/tavily",
"operations": [
Expand Down
Loading