highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-06-19 12:30:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

display name + model truncation (#3304)

Browse Source
This commit is contained in:
pablodanswer 2024-12-02 10:54:08 -08:00 committed by GitHub
parent 607f61eaeb
commit af814823c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 11 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/app/admin/assistants/AssistantEditor.tsx
View File

@ -24,13 +24,6 @@ import {
TextFormField, TextFormField,
} from "@/components/admin/connectors/Field"; } from "@/components/admin/connectors/Field";
import {
Card,
CardHeader,
CardTitle,
CardContent,
CardFooter,
} from "@/components/ui/card";
import { usePopup } from "@/components/admin/connectors/Popup"; import { usePopup } from "@/components/admin/connectors/Popup";
import { getDisplayNameForModel, useCategories } from "@/lib/hooks"; import { getDisplayNameForModel, useCategories } from "@/lib/hooks";
import { DocumentSetSelectable } from "@/components/documentSet/DocumentSetSelectable"; import { DocumentSetSelectable } from "@/components/documentSet/DocumentSetSelectable";

7
web/src/components/chat_search/AssistantSelector.tsx
View File

@ -28,12 +28,13 @@ import { DraggableAssistantCard } from "@/components/assistants/AssistantCards";
import { updateUserAssistantList } from "@/lib/assistants/updateAssistantPreferences"; import { updateUserAssistantList } from "@/lib/assistants/updateAssistantPreferences";
import Text from "@/components/ui/text"; import Text from "@/components/ui/text";
import { LlmOverrideManager } from "@/lib/hooks"; import { getDisplayNameForModel, LlmOverrideManager } from "@/lib/hooks";
import { Tab } from "@headlessui/react"; import { Tab } from "@headlessui/react";
import { AssistantIcon } from "../assistants/AssistantIcon"; import { AssistantIcon } from "../assistants/AssistantIcon";
import { restrictToVerticalAxis } from "@dnd-kit/modifiers"; import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
import { restrictToParentElement } from "@dnd-kit/modifiers"; import { restrictToParentElement } from "@dnd-kit/modifiers";
import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "../ui/drawer"; import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from "../ui/drawer";
import { truncateString } from "@/lib/utils";
const AssistantSelector = ({ const AssistantSelector = ({
liveAssistant, liveAssistant,
@ -310,7 +311,9 @@ const AssistantSelector = ({
<span className="font-bold">{liveAssistant.name}</span> <span className="font-bold">{liveAssistant.name}</span>
</div> </div>
<div className="flex items-center"> <div className="flex items-center">
<span className="mr-2 text-xs">{currentLlm}</span> <span className="mr-2 text-xs">
{truncateString(getDisplayNameForModel(currentLlm), 30)}
</span>
<FiChevronDown <FiChevronDown
className={`w-5 h-5 text-white transition-transform duration-300 transform ${ className={`w-5 h-5 text-white transition-transform duration-300 transform ${
isOpen ? "rotate-180" : "" isOpen ? "rotate-180" : ""

8
web/src/components/chat_search/sources/SourceCard.tsx
View File

@ -1,6 +1,7 @@
import { WebResultIcon } from "@/components/WebResultIcon"; import { WebResultIcon } from "@/components/WebResultIcon";
import { SourceIcon } from "@/components/SourceIcon"; import { SourceIcon } from "@/components/SourceIcon";
import { DanswerDocument } from "@/lib/search/interfaces"; import { DanswerDocument } from "@/lib/search/interfaces";
import { truncateString } from "@/lib/utils";
export default function SourceCard({ doc }: { doc: DanswerDocument }) { export default function SourceCard({ doc }: { doc: DanswerDocument }) {
return ( return (
@ -17,12 +18,7 @@ export default function SourceCard({ doc }: { doc: DanswerDocument }) {
) : ( ) : (
<SourceIcon sourceType={doc.source_type} iconSize={18} /> <SourceIcon sourceType={doc.source_type} iconSize={18} />
)} )}
<p> <p>{truncateString(doc.semantic_identifier || doc.document_id, 12)}</p>
{(doc.semantic_identifier || doc.document_id).slice(0, 12).trim()}
{(doc.semantic_identifier || doc.document_id).length > 12 && (
<span className="text-text-500">...</span>
)}
</p>
</div> </div>
<div className="line-clamp-2 text-sm font-semibold"></div> <div className="line-clamp-2 text-sm font-semibold"></div>
<div className="line-clamp-2 text-sm font-normal leading-snug text-text-700"> <div className="line-clamp-2 text-sm font-normal leading-snug text-text-700">

4
web/src/lib/utils.ts
View File

@ -4,3 +4,7 @@ import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) { export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs)); return twMerge(clsx(inputs));
} }
export const truncateString = (str: string, maxLength: number) => {
return str.length > maxLength ? str.slice(0, maxLength - 1) + "..." : str;
};