mirror/nanobot
1
0
Fork 0
mirror of https://github.com/HKUDS/nanobot.git synced 2026-08-06 09:28:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(webui): link session mentions

Browse Source
This commit is contained in:
Xubin Ren 2026-08-02 23:15:54 +08:00
parent 5dd3dc5450
commit cf01978e71
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
webui/src/components/CliAppMentionText.tsx
View File

@ -162,7 +162,7 @@ export function SessionMentionToken({
variant: "composer" | "message"; variant: "composer" | "message";
}) { }) {
const testIdPrefix = variant === "composer" ? "composer" : "message"; const testIdPrefix = variant === "composer" ? "composer" : "message";
return ( const token = (
<InlineTokenHighlight <InlineTokenHighlight
testId={`${testIdPrefix}-session-mention-${mention.name}`} testId={`${testIdPrefix}-session-mention-${mention.name}`}
title={`Session: ${mention.title || mention.name}`} title={`Session: ${mention.title || mention.name}`}
@ -171,6 +171,15 @@ export function SessionMentionToken({
{label} {label}
</InlineTokenHighlight> </InlineTokenHighlight>
); );
if (variant === "composer") return token;
return (
<a
href={`#/chat/${encodeURIComponent(mention.session_key)}`}
className="rounded-sm underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/60"
>
{token}
</a>
);
} }
export function CliAppMentionToken({ export function CliAppMentionToken({

1
webui/src/tests/message-bubble.test.tsx
View File

@ -530,6 +530,7 @@ describe("MessageBubble", () => {
const token = screen.getByTestId("message-session-mention-收费设计"); const token = screen.getByTestId("message-session-mention-收费设计");
expect(token).toHaveTextContent("@收费设计"); expect(token).toHaveTextContent("@收费设计");
expect(token).toHaveAttribute("title", "Session: 收费设计"); expect(token).toHaveAttribute("title", "Session: 收费设计");
expect(token.closest("a")).toHaveAttribute("href", "#/chat/websocket%3Apricing");
}); });
it("copies completed assistant replies from the action row", async () => { it("copies completed assistant replies from the action row", async () => {

6
webui/src/tests/thread-composer.test.tsx
View File

@ -1564,9 +1564,9 @@ describe("ThreadComposer", () => {
fireEvent.keyDown(input, { key: "Tab" }); fireEvent.keyDown(input, { key: "Tab" });
expect(input).toHaveValue("参考 @收费设计 "); expect(input).toHaveValue("参考 @收费设计 ");
expect(screen.getByTestId("composer-session-mention-收费设计")).toHaveTextContent( const mention = screen.getByTestId("composer-session-mention-收费设计");
"@收费设计", expect(mention).toHaveTextContent("@收费设计");
); expect(mention.closest("a")).toBeNull();
fireEvent.click(screen.getByRole("button", { name: "Send message" })); fireEvent.click(screen.getByRole("button", { name: "Send message" }));