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

🐛fix: avoid render html title thread (#5375)

Browse Source 
* 🐛fix: avoid render html title thread

* chore: minor bump - tokenjs for manual adding models

---------

Co-authored-by: Louis <louis@jan.ai>
This commit is contained in:
Faisal Amir 2025-06-19 23:08:45 +07:00 committed by GitHub
parent 22396111be
commit 67592f3f45
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-app/package.json
View File

@ -65,7 +65,7 @@
"remark-math": "^6.0.0", "remark-math": "^6.0.0",
"sonner": "^2.0.3", "sonner": "^2.0.3",
"tailwindcss": "^4.1.4", "tailwindcss": "^4.1.4",
"token.js": "npm:token.js-fork@0.7.5", "token.js": "npm:token.js-fork@0.7.9",
"tw-animate-css": "^1.2.7", "tw-animate-css": "^1.2.7",
"ulidx": "^2.4.1", "ulidx": "^2.4.1",
"unified": "^11.0.5", "unified": "^11.0.5",

11
web-app/src/containers/DropdownModelProvider.tsx
View File

@ -391,14 +391,9 @@ const DropdownModelProvider = ({
)} )}
> >
<div className="flex items-center gap-2 flex-1 min-w-0"> <div className="flex items-center gap-2 flex-1 min-w-0">
<span <span className="truncate text-main-view-fg/80 text-sm">
className="truncate text-main-view-fg/80 text-sm" {searchableModel.model.id}
dangerouslySetInnerHTML={{ </span>
__html:
searchableModel.highlightedId ||
searchableModel.model.id,
}}
/>
<div className="flex-1"></div> <div className="flex-1"></div>
{!isProd && capabilities.length > 0 && ( {!isProd && capabilities.length > 0 && (

4
web-app/src/containers/ThreadList.tsx
View File

@ -101,9 +101,7 @@ const SortableItem = memo(({ thread }: { thread: Thread }) => {
)} )}
> >
<div className="py-1 pr-2 truncate"> <div className="py-1 pr-2 truncate">
<span <span>{thread.title || 'New Thread'}</span>
dangerouslySetInnerHTML={{ __html: thread.title || 'New Thread' }}
/>
</div> </div>
<div className="flex items-center"> <div className="flex items-center">
<DropdownMenu <DropdownMenu

8
web-app/src/hooks/useThreads.ts
View File

@ -2,7 +2,7 @@ import { create } from 'zustand'
import { ulid } from 'ulidx' import { ulid } from 'ulidx'
import { createThread, deleteThread, updateThread } from '@/services/threads' import { createThread, deleteThread, updateThread } from '@/services/threads'
import { Fzf } from 'fzf' import { Fzf } from 'fzf'
import { highlightFzfMatch } from '../utils/highlight'
type ThreadState = { type ThreadState = {
threads: Record<string, Thread> threads: Record<string, Thread>
currentThreadId?: string currentThreadId?: string
@ -68,12 +68,10 @@ export const useThreads = create<ThreadState>()((set, get) => ({
return fzfResults.map( return fzfResults.map(
(result: { item: Thread; positions: Set<number> }) => { (result: { item: Thread; positions: Set<number> }) => {
const thread = result.item // Fzf stores the original item here const thread = result.item // Fzf stores the original item here
// Ensure result.positions is an array, default to empty if undefined
const positions = Array.from(result.positions) || []
const highlightedTitle = highlightFzfMatch(thread.title, positions)
return { return {
...thread, ...thread,
title: highlightedTitle, // Override title with highlighted version title: thread.title, // Override title with highlighted version
} }
} }
) )