Merge pull request #196 from andrewnguonly/1.0.17

Pull request for app version `1.0.17`
andrewnguonly · Dec 14, 2024 · 69ff12e · 69ff12e
2 parents d8ace57 + 4c2b1fb
commit 69ff12e
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -221,11 +221,17 @@ Note: Content that is highlighted will not be cached in the vector store cache.
 - `cmd + b`: Load clipboard text as a file attachment.
 - `cmd + j`: Toggle `Disable content parsing` checkbox.
 - `cmd + k`: Clear all messages.
+- `cmd + s`: Save chat to Chat History.
 - `cmd + ;`: Open/close Chat History panel.
 - `ctrl + c`: Cancel request (LLM request/streaming or embeddings generation)
 - `ctrl + x`: Remove file attachment.
 - `ctrl + r`: Regenerate last LLM response.
 
+Note: On Windows PC, use the `alt` key instead of `cmd`.
+
+## Chat History
+Save a chat to the Chat History (`cmd + s`). Open the Chat History (`cmd + ;`) and load a previously saved chat.
+
 ## Multimodal
 
 Lumos supports multimodal models! Images that are present on the current page will be downloaded and bound to the model for prompting. See documentation and examples [here](./docs/multimodal.md).

diff --git a/manifest.json b/manifest.json
@@ -1,5 +1,5 @@
 {
-    "version": "1.0.16",
+    "version": "1.0.17",
     "manifest_version": 3,
     "name": "Lumos",
     "description": "An LLM co-pilot for browsing the web, powered by local LLMs. Your prompts never leave the browser.",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lumos",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "private": true,
   "dependencies": {
     "@chatscope/chat-ui-kit-react": "^1.10.1",

diff --git a/src/components/ChatBar.tsx b/src/components/ChatBar.tsx
@@ -428,7 +428,7 @@ const ChatBar: React.FC = () => {
   };
 
   const handleKeyDown = (event: KeyboardEvent) => {
-    if (event.metaKey) {
+    if (event.metaKey || event.altKey) {
       const toggledParsingDisabled = !parsingDisabled;
 
       switch (event.key) {
@@ -463,6 +463,10 @@ const ChatBar: React.FC = () => {
           // open message history
           setOpenChatHistory(!openChatHistory);
           break;
+        case "s":
+          // save chat to chat history
+          event.preventDefault();
+          saveChat();
       }
     } else if (event.ctrlKey) {
       switch (event.key) {
@@ -723,6 +727,7 @@ const ChatBar: React.FC = () => {
                 <Message.CustomContent>
                   <Markdown
                     options={{
+                      disableParsingRawHTML: true,
                       overrides: {
                         pre: PreBlock,
                         code: CodeBlock,
@@ -785,21 +790,33 @@ const ChatBar: React.FC = () => {
           </Tooltip>
         )}
         <IconButton disabled={submitDisabled} onClick={saveChat}>
-          <SaveAltIcon />
+          <Tooltip placement="top" title="Save chat (cmd + s)">
+            <SaveAltIcon />
+          </Tooltip>
         </IconButton>
         <IconButton
           disabled={submitDisabled}
           onClick={() => setOpenChatHistory(true)}
         >
-          <HistoryIcon />
+          <Tooltip placement="top" title="Open chat history (cmd + ;)">
+            <HistoryIcon />
+          </Tooltip>
         </IconButton>
         <ButtonGroup variant="text">
-          <Button onClick={() => handleChangeHeight(50)}>
-            <Typography sx={{ fontWeight: "bold", fontSize: 14 }}>+</Typography>
-          </Button>
-          <Button onClick={() => handleChangeHeight(-50)}>
-            <Typography sx={{ fontWeight: "bold", fontSize: 14 }}>-</Typography>
-          </Button>
+          <Tooltip placement="top" title="Increase chat window height">
+            <Button onClick={() => handleChangeHeight(50)}>
+              <Typography sx={{ fontWeight: "bold", fontSize: 14 }}>
+                +
+              </Typography>
+            </Button>
+          </Tooltip>
+          <Tooltip placement="top" title="Decrease chat window height">
+            <Button onClick={() => handleChangeHeight(-50)}>
+              <Typography sx={{ fontWeight: "bold", fontSize: 14 }}>
+                -
+              </Typography>
+            </Button>
+          </Tooltip>
           <Button
             onClick={() => {
               chrome.runtime.openOptionsPage();