apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-22 23:31:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

simplify action menu to plain buttons, remove old quickAskText from thread

Browse source
This commit is contained in:
CREDO23 2026-03-27 18:24:34 +02:00
parent cc9cb3919e
commit 59e0579cc0
2 changed files with 53 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

105
surfsense_web/app/quick-ask/page.tsx
View file

@ -12,18 +12,8 @@ import {
PenLine, PenLine,
Search, Search,
} from "lucide-react"; } from "lucide-react";
import { useRouter } from "next/navigation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { searchSpacesAtom } from "@/atoms/search-spaces/search-space-query.atoms"; import { searchSpacesAtom } from "@/atoms/search-spaces/search-space-query.atoms";
import {
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList,
CommandSeparator,
} from "@/components/ui/command";
import { DEFAULT_ACTIONS } from "./actions"; import { DEFAULT_ACTIONS } from "./actions";
const ICONS: Record<string, React.ReactNode> = { const ICONS: Record<string, React.ReactNode> = {
@ -38,8 +28,7 @@ const ICONS: Record<string, React.ReactNode> = {
}; };
export default function QuickAskPage() { export default function QuickAskPage() {
const router = useRouter(); const { data: searchSpaces = [], isLoading } = useAtomValue(searchSpacesAtom);
const { data: searchSpaces = [] } = useAtomValue(searchSpacesAtom);
const [clipboardText, setClipboardText] = useState(""); const [clipboardText, setClipboardText] = useState("");
useEffect(() => { useEffect(() => {
@ -49,77 +38,89 @@ export default function QuickAskPage() {
}, []); }, []);
const navigateToChat = (prompt: string, mode: string) => { const navigateToChat = (prompt: string, mode: string) => {
if (!searchSpaces.length) return; if (!searchSpaces.length || !clipboardText) return;
const spaceId = searchSpaces[0].id; const spaceId = searchSpaces[0].id;
const encoded = encodeURIComponent(prompt); const encoded = encodeURIComponent(prompt);
router.push(`/dashboard/${spaceId}/new-chat?quickAskPrompt=${encoded}&quickAskMode=${mode}`); window.location.href = `/dashboard/${spaceId}/new-chat?quickAskPrompt=${encoded}&quickAskMode=${mode}`;
}; };
const handleAction = (actionId: string) => { const handleAction = (actionId: string) => {
const action = DEFAULT_ACTIONS.find((a) => a.id === actionId); const action = DEFAULT_ACTIONS.find((a) => a.id === actionId);
if (!action || !clipboardText) return; if (!action) return;
const prompt = action.prompt.replace("{selection}", clipboardText); const prompt = action.prompt.replace("{selection}", clipboardText);
navigateToChat(prompt, action.mode); navigateToChat(prompt, action.mode);
}; };
const handleAskAnything = () => {
if (!clipboardText) return;
navigateToChat(clipboardText, "explore");
};
const transformActions = DEFAULT_ACTIONS.filter((a) => a.group === "transform"); const transformActions = DEFAULT_ACTIONS.filter((a) => a.group === "transform");
const exploreActions = DEFAULT_ACTIONS.filter((a) => a.group === "explore"); const exploreActions = DEFAULT_ACTIONS.filter((a) => a.group === "explore");
const knowledgeActions = DEFAULT_ACTIONS.filter((a) => a.group === "knowledge"); const knowledgeActions = DEFAULT_ACTIONS.filter((a) => a.group === "knowledge");
const ready = !isLoading && clipboardText;
return ( return (
<div className="flex h-screen items-start justify-center bg-background pt-2"> <div className="flex h-screen flex-col bg-background">
<Command className="max-w-md border shadow-lg rounded-lg"> <div className="flex-1 overflow-y-auto">
<CommandInput placeholder="Search actions..." /> {!ready && (
<CommandList> <div className="p-4 text-center text-sm text-muted-foreground">Loading...</div>
<CommandEmpty>No actions found.</CommandEmpty> )}
{ready && (
<CommandGroup heading="Transform"> <div className="py-1">
<div className="px-3 py-1.5 text-xs font-medium text-muted-foreground">Transform</div>
{transformActions.map((action) => ( {transformActions.map((action) => (
<CommandItem key={action.id} onSelect={() => handleAction(action.id)}> <button
key={action.id}
type="button"
onClick={() => handleAction(action.id)}
className="flex w-full items-center gap-2 px-3 py-2 text-sm hover:bg-accent rounded-sm cursor-pointer"
>
{ICONS[action.icon]} {ICONS[action.icon]}
<span>{action.name}</span> {action.name}
</CommandItem> </button>
))} ))}
</CommandGroup>
<CommandSeparator /> <div className="my-1 h-px bg-border" />
<CommandGroup heading="Explore"> <div className="px-3 py-1.5 text-xs font-medium text-muted-foreground">Explore</div>
{exploreActions.map((action) => ( {exploreActions.map((action) => (
<CommandItem key={action.id} onSelect={() => handleAction(action.id)}> <button
key={action.id}
type="button"
onClick={() => handleAction(action.id)}
className="flex w-full items-center gap-2 px-3 py-2 text-sm hover:bg-accent rounded-sm cursor-pointer"
>
{ICONS[action.icon]} {ICONS[action.icon]}
<span>{action.name}</span> {action.name}
</CommandItem> </button>
))} ))}
</CommandGroup>
<CommandSeparator /> <div className="my-1 h-px bg-border" />
<CommandGroup heading="Knowledge"> <div className="px-3 py-1.5 text-xs font-medium text-muted-foreground">Knowledge</div>
{knowledgeActions.map((action) => ( {knowledgeActions.map((action) => (
<CommandItem key={action.id} onSelect={() => handleAction(action.id)}> <button
key={action.id}
type="button"
onClick={() => handleAction(action.id)}
className="flex w-full items-center gap-2 px-3 py-2 text-sm hover:bg-accent rounded-sm cursor-pointer"
>
{ICONS[action.icon]} {ICONS[action.icon]}
<span>{action.name}</span> {action.name}
</CommandItem> </button>
))} ))}
</CommandGroup>
<CommandSeparator /> <div className="my-1 h-px bg-border" />
<CommandGroup> <button
<CommandItem onSelect={handleAskAnything}> type="button"
onClick={() => navigateToChat(clipboardText, "explore")}
className="flex w-full items-center gap-2 px-3 py-2 text-sm hover:bg-accent rounded-sm cursor-pointer"
>
<MessageSquare className="size-4" /> <MessageSquare className="size-4" />
<span>Ask anything...</span> Ask anything...
</CommandItem> </button>
</CommandGroup> </div>
</CommandList> )}
</Command> </div>
</div> </div>
); );
} }

8
surfsense_web/components/assistant-ui/thread.tsx
View file

@ -306,13 +306,6 @@ const Composer: FC = () => {
const aui = useAui(); const aui = useAui();
const hasAutoFocusedRef = useRef(false); const hasAutoFocusedRef = useRef(false);
const [quickAskText, setQuickAskText] = useState<string | undefined>();
useEffect(() => {
window.electronAPI?.getQuickAskText().then((text) => {
if (text) setQuickAskText(text);
});
}, []);
const isThreadEmpty = useAuiState(({ thread }) => thread.isEmpty); const isThreadEmpty = useAuiState(({ thread }) => thread.isEmpty);
const isThreadRunning = useAuiState(({ thread }) => thread.isRunning); const isThreadRunning = useAuiState(({ thread }) => thread.isRunning);
@ -519,7 +512,6 @@ const Composer: FC = () => {
onDocumentRemove={handleDocumentRemove} onDocumentRemove={handleDocumentRemove}
onSubmit={handleSubmit} onSubmit={handleSubmit}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
initialText={quickAskText}
className="min-h-[24px]" className="min-h-[24px]"
/> />
</div> </div>