feat: ai overview support is enabled with shortcut (#597)

ayangweb · web-flow · commit b733bb551674 · 2025-06-03T15:01:29.000+08:00
* feat: ai overview support is enabled with shortcut

* docs: update changelog
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -7,11 +7,17 @@ title: "Release Notes"
 
 Information about release notes of Coco Server is provided here.
 
-## Latest (In development)  
-### ❌ Breaking changes  
-### 🚀 Features  
-### 🐛 Bug fix  
-### ✈️ Improvements  
+## Latest (In development)
+
+### ❌ Breaking changes
+
+### 🚀 Features
+
+- feat: ai overview support is enabled with shortcut #597
+
+### 🐛 Bug fix
+
+### ✈️ Improvements
 
 ## 0.5.1 (2025-05-31)
 
diff --git a/src/components/Search/InputControls.tsx b/src/components/Search/InputControls.tsx
@@ -224,6 +224,7 @@ const InputControls = ({
   const aiOverviewAssistant = useExtensionsStore((state) => {
     return state.aiOverviewAssistant;
   });
+  const aiOverviewShortcut = useShortcutsStore((state) => state.aiOverview);
 
   return (
     <div
@@ -326,7 +327,15 @@ const InputControls = ({
                   setEnabledAiOverview(!enabledAiOverview);
                 }}
               >
-                <Sparkles className="size-4" />
+                <VisibleKey
+                  shortcut={aiOverviewShortcut}
+                  onKeyPress={() => {
+                    setEnabledAiOverview(!enabledAiOverview);
+                  }}
+                >
+                  <Sparkles className="size-4" />
+                </VisibleKey>
+
                 <span
                   className={clsx("text-xs", { hidden: !enabledAiOverview })}
                 >
diff --git a/src/components/Settings/Advanced/components/Shortcuts/index.tsx b/src/components/Settings/Advanced/components/Shortcuts/index.tsx
@@ -22,6 +22,7 @@ import {
   INITIAL_SERVICE_LIST,
   INITIAL_EXTERNAL,
   useShortcutsStore,
+  INITIAL_AI_OVERVIEW,
 } from "@/stores/shortcutsStore";
 import { ModifierKey } from "@/types/index";
 import platformAdapter from "@/utils/platformAdapter";
@@ -87,6 +88,8 @@ const Shortcuts = () => {
   const external = useShortcutsStore((state) => state.external);
   const setExternal = useShortcutsStore((state) => state.setExternal);
   const addError = useAppStore((state) => state.addError);
+  const aiOverview = useShortcutsStore((state) => state.aiOverview);
+  const setAiOverview = useShortcutsStore((state) => state.setAiOverview);
 
   useEffect(() => {
     const unlisten = useShortcutsStore.subscribe((state) => {
@@ -233,6 +236,15 @@ const Shortcuts = () => {
         setExternal(INITIAL_EXTERNAL);
       },
     },
+    {
+      title: "settings.advanced.shortcuts.aiOverview.title",
+      description: "settings.advanced.shortcuts.aiOverview.description",
+      value: aiOverview,
+      setValue: setAiOverview,
+      reset: () => {
+        setAiOverview(INITIAL_AI_OVERVIEW);
+      },
+    },
   ];
 
   const handleChange = (value: string, setValue: (value: string) => void) => {
diff --git a/src/hooks/useSyncStore.ts b/src/hooks/useSyncStore.ts
@@ -108,6 +108,7 @@ export const useSyncStore = () => {
   const setAiOverviewDelay = useExtensionsStore((state) => {
     return state.setAiOverviewDelay;
   });
+  const setAiOverview = useShortcutsStore((state) => state.setAiOverview);
 
   useEffect(() => {
     if (!resetFixedWindow) {
@@ -137,7 +138,9 @@ export const useSyncStore = () => {
           fixedWindow,
           serviceList,
           external,
+          aiOverview,
         } = payload;
+
         setModifierKey(modifierKey);
         setModeSwitch(modeSwitch);
         setReturnToInput(returnToInput);
@@ -154,6 +157,7 @@ export const useSyncStore = () => {
         setFixedWindow(fixedWindow);
         setServiceList(serviceList);
         setExternal(external);
+        setAiOverview(aiOverview);
       }),
 
       platformAdapter.listenEvent("change-startup-store", ({ payload }) => {
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -150,6 +150,10 @@
         "hits": {
           "isSystem": "This shortcut is reserved by the system, please choose another key.",
           "isUse": "This shortcut is already in use, please choose another key."
+        },
+        "aiOverview": {
+          "title": "AI Overview",
+          "description": "Shortcut button to enable AI Overview in chat mode."
         }
       },
       "connect": {
diff --git a/src/locales/zh/translation.json b/src/locales/zh/translation.json
@@ -150,6 +150,10 @@
         "hits": {
           "isSystem": "该快捷键已被系统保留，请选择其他按键。",
           "isUse": "该快捷键已被占用，请选择其他按键。"
+        },
+        "aiOverview": {
+          "title": "AI 总结",
+          "description": "在搜索模式下启用 AI 总结的快捷按键。"
         }
       },
       "connect": {
diff --git a/src/stores/shortcutsStore.ts b/src/stores/shortcutsStore.ts
@@ -43,6 +43,8 @@ export type IShortcutsStore = {
   setExternal: (external: string) => void;
   resetFixedWindow: boolean;
   setResetFixedWindow: (resetFixedWindow: boolean) => void;
+  aiOverview: string;
+  setAiOverview: (aiOverview: string) => void;
 };
 
 export const INITIAL_MODE_SWITCH = "T";
@@ -60,6 +62,7 @@ export const INITIAL_NEW_SESSION = "N";
 export const INITIAL_FIXED_WINDOW = "P";
 export const INITIAL_SERVICE_LIST = "S";
 export const INITIAL_EXTERNAL = "E";
+export const INITIAL_AI_OVERVIEW = "O";
 
 export const useShortcutsStore = create<IShortcutsStore>()(
   persist(
@@ -114,6 +117,8 @@ export const useShortcutsStore = create<IShortcutsStore>()(
       setResetFixedWindow: (resetFixedWindow) => {
         return set({ resetFixedWindow });
       },
+      aiOverview: INITIAL_AI_OVERVIEW,
+      setAiOverview: (aiOverview) => set({ aiOverview }),
     }),
     {
       name: "shortcuts-store",
