From 68ff9257d9c2a660c4b31e5570ea7dba476ecd3e Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 14:55:42 +0200
Subject: [PATCH 01/14] Changed all hotkeys combinations to alt+ctrl and added
 info in tooltip for all functions available for hotkeys shortcuts

---
 .../content/ConversationContent.tsx           | 23 +++++++------
 .../content/chat/suggestions/BobSuggests.tsx  | 11 +++---
 src/components/header/Header.tsx              |  5 +--
 src/components/inputfield/InputField.tsx      |  7 ++--
 src/components/menu/NewButton.tsx             |  5 +--
 .../menu/darkmode/DarkModeToggle.tsx          | 34 ++++++++++---------
 .../notification/NotificationDrawer.tsx       |  5 +--
 7 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index 969ee39..ba304d7 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -2,8 +2,9 @@ import { useParams, useSearchParams } from "react-router"
 import { useSendMessage } from "../../api/sse.ts"
 
 import { ArrowDownIcon } from "@navikt/aksel-icons"
-import { Alert as AlertComponent, Button, Heading } from "@navikt/ds-react"
+import { Alert as AlertComponent, Button, Heading, Tooltip } from "@navikt/ds-react"
 import { useEffect, useLayoutEffect, useRef, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import Markdown from "react-markdown"
 import { useAlerts, useMessages } from "../../api/api.ts"
 import { NewMessage } from "../../types/Message.ts"
@@ -107,7 +108,7 @@ function ConversationContent() {
     })
   }
 
-  // useHotkeys("ctrl+b", () => scrollToBottom())
+  useHotkeys("alt+ctrl+b", () => scrollToBottom())
 
   return (
     <div className='conversation-content'>
@@ -129,14 +130,16 @@ function ConversationContent() {
           )}
         </div>
         {showScrollButton && (
-          <Button
-            icon={<ArrowDownIcon />}
-            className='fixed left-1/2 -translate-x-1/2'
-            style={{ bottom: dynamicBottom }}
-            variant='primary-neutral'
-            size='small'
-            onClick={scrollToBottom}
-          />
+          <Tooltip content='Scroll til bunnen ( Alt+Ctrl+B )'>
+            <Button
+              icon={<ArrowDownIcon />}
+              className='fixed left-1/2 -translate-x-1/2'
+              style={{ bottom: dynamicBottom }}
+              variant='primary-neutral'
+              size='small'
+              onClick={scrollToBottom}
+            />
+          </Tooltip>
         )}
         <InputField
           onSend={handleUserMessage}
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index c1d7346..cd1f1aa 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -1,6 +1,7 @@
 import { BulletListIcon, HandShakeHeartIcon, LanguageIcon, StarFillIcon, StarIcon } from "@navikt/aksel-icons"
 import { Button, CopyButton, Tooltip } from "@navikt/ds-react"
 import { useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { useStarMessage } from "../../../../api/api.ts"
 import { Message, NewMessage } from "../../../../types/Message.ts"
 import analytics from "../../../../utils/analytics.ts"
@@ -55,11 +56,11 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  // useHotkeys("ctrl+shift+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
-      <Tooltip content='Kopier svaret'>
+      <Tooltip content={`${isLastMessage ? "Kopier svaret ( Alt+Ctrl+C )" : "Kopier svaret"}`}>
         <CopyButton
           copyText=''
           size='small'
@@ -75,7 +76,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
       <FeedbackOnAnswer message={message} />
 
       <MessageStar message={message} />
-      <Tooltip content='Oversett svaret til engelsk'>
+      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( Alt+Ctrl+O )" : "Oversett til engelsk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -84,7 +85,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleTranslate}
         />
       </Tooltip>
-      <Tooltip content='Gjør svaret om til punktliste'>
+      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( Alt+Ctrl+P )" : "Gjør om til punktliste"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -93,7 +94,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleBulletList}
         />
       </Tooltip>
-      <Tooltip content='Gjør svaret mer empatisk'>
+      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( Alt+Ctrl+L )" : "Gjør mer empatisk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index c36cafc..0844b0c 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -1,6 +1,7 @@
 import { InformationSquareIcon } from "@navikt/aksel-icons"
 import { Button, Tooltip } from "@navikt/ds-react"
 import { useRef, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { Link } from "react-router"
 import { useUserConfig } from "../../api/api.ts"
 import analytics from "../../utils/analytics.ts"
@@ -29,7 +30,7 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  // useHotkeys("ctrl+i", () => showGuide())
+  useHotkeys("alt+ctrl+i", () => showGuide())
 
   return (
     <div className='header'>
@@ -59,7 +60,7 @@ function Header({ conversation }: HeaderProps) {
             </>
           )}
           <NotificationToggle />
-          <Tooltip content='Informasjon og tips'>
+          <Tooltip content='Informasjon og tips ( Alt+Ctrl+I )'>
             <Button
               variant='tertiary'
               size='medium'
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index fc3ff09..5b8d86b 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -4,6 +4,7 @@ import { PaperplaneIcon } from "@navikt/aksel-icons"
 import { forwardRef, useEffect, useState } from "react"
 
 import * as React from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { create } from "zustand"
 import { createJSONStorage, persist } from "zustand/middleware"
 import { useAlerts } from "../../api/api.ts"
@@ -133,9 +134,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  // useHotkeys("ctrl+o", () => sendMessage("Oversett til engelsk"))
-  // useHotkeys("ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
-  // useHotkeys("ctrl+e", () => sendMessage("Gjør svaret mer empatisk"))
+  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"))
+  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
+  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"))
 
   return (
     <div
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index 0de4e27..5b392cd 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -1,5 +1,6 @@
 import { NotePencilIcon } from "@navikt/aksel-icons"
 import { BodyShort, Button, Modal, Tooltip, VStack } from "@navikt/ds-react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { Link } from "react-router"
 import FeedbackThumbs from "../content/chat/feedback/FeedbackThumbs"
 import { useInputFieldStore } from "../inputfield/InputField"
@@ -13,12 +14,12 @@ export const NewButton = ({
 }) => {
   const { setInputValue } = useInputFieldStore()
 
-  // useHotkeys("ctrl+n", () => newConversationRef.current?.showModal())
+  useHotkeys("Alt+Ctrl+N", () => newConversationRef.current?.showModal())
 
   return (
     <>
       <div className='flex self-center'>
-        <Tooltip content='Start ny samtale'>
+        <Tooltip content='Start ny samtale ( Alt+Ctrl+N )'>
           <Button
             variant='tertiary'
             size='medium'
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index 643da3e..1c20b55 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -1,4 +1,6 @@
+import { Tooltip } from "@navikt/ds-react"
 import { useEffect, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import analytics from "../../../utils/analytics"
 import "./DarkModeToggle.css"
 
@@ -26,25 +28,25 @@ const DarkModeToggle = () => {
     })
   }
 
-  const tooltip = dark ? "Bytt til lys modus" : "Bytt til mørk modus"
+  const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
 
-  // useHotkeys("ctrl+d", () => darkModeHandler())
+  useHotkeys("alt+ctrl+d", () => darkModeHandler())
 
   return (
-    <div className='darkmode-toggle'>
-      <input
-        type='checkbox'
-        id='darkmode-checkbox'
-        title={tooltip}
-        checked={dark}
-        onChange={darkModeHandler}
-      />
-      <label
-        htmlFor='darkmode-checkbox'
-        className='slider round'
-        title={tooltip}
-      />
-    </div>
+    <Tooltip content={tooltip}>
+      <div className='darkmode-toggle'>
+        <input
+          type='checkbox'
+          id='darkmode-checkbox'
+          checked={dark}
+          onChange={darkModeHandler}
+        />
+        <label
+          htmlFor='darkmode-checkbox'
+          className='slider round'
+        />
+      </div>
+    </Tooltip>
   )
 }
 
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index 11c5bda..29f74cd 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -1,6 +1,7 @@
 import { BellIcon } from "@navikt/aksel-icons"
 import { BodyLong, BodyShort, Button, Detail, Dropdown, Heading, Tabs, Tooltip } from "@navikt/ds-react"
 import { useEffect, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import Markdown from "react-markdown"
 import { useNewsNotifications } from "../../api/api"
 import { NewsNotification } from "../../types/Notifications"
@@ -52,7 +53,7 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  // useHotkeys("ctrl+shift+v", () => setInitialOpen((prev) => !prev))
+  useHotkeys("alt+ctrl+v", () => setInitialOpen((prev) => !prev))
 
   return (
     <Dropdown
@@ -64,7 +65,7 @@ export const NotificationToggle = () => {
         setInitialOpen(open)
       }}
     >
-      <Tooltip content='Vis varsler'>
+      <Tooltip content='Vis varsler ( Alt+Ctrl+V )'>
         <Button
           variant='tertiary'
           size='medium'

From b4c4e55dd923671b4117daff118d19bcfc0ef43c Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 15:24:40 +0200
Subject: [PATCH 02/14] Shortcuts for translate, bulletlist, empathic and copy
 is now only triggered when it's a conversation

---
 src/components/inputfield/InputField.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index 5b8d86b..22c053b 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -5,6 +5,7 @@ import { forwardRef, useEffect, useState } from "react"
 
 import * as React from "react"
 import { useHotkeys } from "react-hotkeys-hook"
+import { useParams } from "react-router"
 import { create } from "zustand"
 import { createJSONStorage, persist } from "zustand/middleware"
 import { useAlerts } from "../../api/api.ts"
@@ -60,6 +61,8 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
   const [sendDisabled, setSendDisabled] = useState<boolean>(disabled)
   const [isFocused, setIsFocused] = useState(false)
 
+  const { conversationId } = useParams()
+
   const { inputValue, setInputValue, textareaRef } = useInputFieldStore()
 
   const { alerts } = useAlerts()
@@ -134,9 +137,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"))
-  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
-  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"))
+  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
+  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
+  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
 
   return (
     <div

From 6fd4d86f051e3dc309833b117edac330e6f6ab48 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 22:04:57 +0200
Subject: [PATCH 03/14] accepting new conversation in autofocus, when using
 hotkeys (better for workflow)

---
 src/components/menu/NewButton.tsx | 52 +++++++++++++++++++------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index 5b392cd..ae8d764 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -1,7 +1,8 @@
 import { NotePencilIcon } from "@navikt/aksel-icons"
 import { BodyShort, Button, Modal, Tooltip, VStack } from "@navikt/ds-react"
+import { useCallback, useRef } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
-import { Link } from "react-router"
+import { useNavigate } from "react-router"
 import FeedbackThumbs from "../content/chat/feedback/FeedbackThumbs"
 import { useInputFieldStore } from "../inputfield/InputField"
 
@@ -13,8 +14,21 @@ export const NewButton = ({
   newConversationRef: React.RefObject<HTMLDialogElement | null>
 }) => {
   const { setInputValue } = useInputFieldStore()
+  const navigate = useNavigate()
+  const primaryBtnRef = useRef<HTMLButtonElement | null>(null)
 
-  useHotkeys("Alt+Ctrl+N", () => newConversationRef.current?.showModal())
+  const openModal = useCallback(() => {
+    if (!newConversationRef.current) return
+    newConversationRef.current.showModal()
+    requestAnimationFrame(() => primaryBtnRef.current?.focus())
+  }, [newConversationRef])
+
+  useHotkeys("Alt+Ctrl+N", openModal)
+
+  const startNew = () => {
+    setInputValue("")
+    navigate("/")
+  }
 
   return (
     <>
@@ -24,18 +38,19 @@ export const NewButton = ({
             variant='tertiary'
             size='medium'
             icon={<NotePencilIcon aria-hidden />}
-            onClick={() => newConversationRef.current?.showModal()}
+            onClick={openModal}
           />
         </Tooltip>
       </div>
       <Modal
         ref={newConversationRef}
         header={{
-          heading: "Før du starter en ny samtale",
+          heading: "Før du går videre",
           size: "small",
+          closeButton: false,
         }}
         onClose={() => newConversationRef.current?.close()}
-        closeOnBackdropClick={true}
+        closeOnBackdropClick
         className='modal-styling'
       >
         <Modal.Body>
@@ -46,30 +61,27 @@ export const NewButton = ({
             <BodyShort weight='semibold'>Hva synes du om samtalen?</BodyShort>
             <FeedbackThumbs conversationId={conversationId} />
           </VStack>
-          <div className='flex flex-col gap-1 pt-8'>
+          <div className='flex flex-col pt-4'>
             <BodyShort>Når du starter en ny samtale vil du miste innholdet fra denne. Ønsker du å fortsette?</BodyShort>
           </div>
         </Modal.Body>
         <Modal.Footer className='justify-end'>
+          <Button
+            ref={primaryBtnRef}
+            type='button'
+            variant='danger'
+            size='medium'
+            onClick={startNew}
+            aria-label='Start ny samtale'
+          >
+            Start ny samtale
+          </Button>
           <Button
             variant='tertiary-neutral'
             onClick={() => newConversationRef.current?.close()}
           >
-            Tilbake
+            Avbryt
           </Button>
-          <Link
-            to='/'
-            className='w-fit'
-          >
-            <Button
-              type='button'
-              variant='danger'
-              size='medium'
-              onClick={() => setInputValue("")}
-            >
-              Start ny samtale
-            </Button>
-          </Link>
         </Modal.Footer>
       </Modal>
     </>

From 05a4575b2c178c8f1cb986468a316f4de10815da Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Fri, 22 Aug 2025 10:31:26 +0200
Subject: [PATCH 04/14] removed alt+ctrl for all hotkeys and changed tooltip
 description + added aria-label

---
 src/components/content/ConversationContent.tsx         |  5 +++--
 .../content/chat/suggestions/BobSuggests.tsx           | 10 +++++-----
 src/components/header/Header.tsx                       |  5 +++--
 src/components/inputfield/InputField.tsx               |  8 ++++----
 src/components/menu/NewButton.tsx                      |  6 ++++--
 src/components/menu/darkmode/DarkModeToggle.tsx        |  6 ++++--
 src/components/notification/NotificationDrawer.tsx     |  5 +++--
 7 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index ba304d7..17e0330 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -108,7 +108,7 @@ function ConversationContent() {
     })
   }
 
-  useHotkeys("alt+ctrl+b", () => scrollToBottom())
+  useHotkeys("B", () => scrollToBottom())
 
   return (
     <div className='conversation-content'>
@@ -130,7 +130,7 @@ function ConversationContent() {
           )}
         </div>
         {showScrollButton && (
-          <Tooltip content='Scroll til bunnen ( Alt+Ctrl+B )'>
+          <Tooltip content='Scroll til bunnen ( B )'>
             <Button
               icon={<ArrowDownIcon />}
               className='fixed left-1/2 -translate-x-1/2'
@@ -138,6 +138,7 @@ function ConversationContent() {
               variant='primary-neutral'
               size='small'
               onClick={scrollToBottom}
+              aria-label='Scroll til bunnen'
             />
           </Tooltip>
         )}
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index cd1f1aa..601bb9d 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -56,11 +56,11 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("C", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
-      <Tooltip content={`${isLastMessage ? "Kopier svaret ( Alt+Ctrl+C )" : "Kopier svaret"}`}>
+      <Tooltip content={`${isLastMessage ? "Kopier svaret ( C )" : "Kopier svaret"}`}>
         <CopyButton
           copyText=''
           size='small'
@@ -76,7 +76,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
       <FeedbackOnAnswer message={message} />
 
       <MessageStar message={message} />
-      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( Alt+Ctrl+O )" : "Oversett til engelsk"}`}>
+      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( O )" : "Oversett til engelsk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -85,7 +85,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleTranslate}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( Alt+Ctrl+P )" : "Gjør om til punktliste"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( P )" : "Gjør om til punktliste"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -94,7 +94,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleBulletList}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( Alt+Ctrl+L )" : "Gjør mer empatisk"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( E )" : "Gjør mer empatisk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 0844b0c..39fd775 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -30,7 +30,7 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  useHotkeys("alt+ctrl+i", () => showGuide())
+  useHotkeys("I", () => showGuide())
 
   return (
     <div className='header'>
@@ -60,9 +60,10 @@ function Header({ conversation }: HeaderProps) {
             </>
           )}
           <NotificationToggle />
-          <Tooltip content='Informasjon og tips ( Alt+Ctrl+I )'>
+          <Tooltip content='Informasjon og tips ( I )'>
             <Button
               variant='tertiary'
+              aria-label='Informasjon og tips'
               size='medium'
               onClick={showGuide}
               icon={<InformationSquareIcon aria-hidden />}
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index 22c053b..fa8397c 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -137,9 +137,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
-  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
-  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
+  useHotkeys("O", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
+  useHotkeys("P", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
+  useHotkeys("E", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
 
   return (
     <div
@@ -182,7 +182,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
           onPaste={handlePaste}
-          tabIndex={0}
+          tabIndex={1}
           onFocus={() => {
             setIsFocused(true)
           }}
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index ae8d764..25c257d 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -23,7 +23,7 @@ export const NewButton = ({
     requestAnimationFrame(() => primaryBtnRef.current?.focus())
   }, [newConversationRef])
 
-  useHotkeys("Alt+Ctrl+N", openModal)
+  useHotkeys("N", openModal)
 
   const startNew = () => {
     setInputValue("")
@@ -33,12 +33,13 @@ export const NewButton = ({
   return (
     <>
       <div className='flex self-center'>
-        <Tooltip content='Start ny samtale ( Alt+Ctrl+N )'>
+        <Tooltip content='Start ny samtale ( N )'>
           <Button
             variant='tertiary'
             size='medium'
             icon={<NotePencilIcon aria-hidden />}
             onClick={openModal}
+            aria-label='Start ny samtale'
           />
         </Tooltip>
       </div>
@@ -77,6 +78,7 @@ export const NewButton = ({
             Start ny samtale
           </Button>
           <Button
+            aria-label='Avbryt'
             variant='tertiary-neutral'
             onClick={() => newConversationRef.current?.close()}
           >
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index 1c20b55..b5281c9 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -28,9 +28,9 @@ const DarkModeToggle = () => {
     })
   }
 
-  const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
+  const tooltip = dark ? "Endre til lys modus ( D )" : "Endre til mørk modus ( D )"
 
-  useHotkeys("alt+ctrl+d", () => darkModeHandler())
+  useHotkeys("D", () => darkModeHandler())
 
   return (
     <Tooltip content={tooltip}>
@@ -40,9 +40,11 @@ const DarkModeToggle = () => {
           id='darkmode-checkbox'
           checked={dark}
           onChange={darkModeHandler}
+          aria-label='Mørk modus'
         />
         <label
           htmlFor='darkmode-checkbox'
+          aria-label='Mørk modus'
           className='slider round'
         />
       </div>
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index 29f74cd..bcf6771 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -53,7 +53,7 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  useHotkeys("alt+ctrl+v", () => setInitialOpen((prev) => !prev))
+  useHotkeys("V", () => setInitialOpen((prev) => !prev))
 
   return (
     <Dropdown
@@ -65,9 +65,10 @@ export const NotificationToggle = () => {
         setInitialOpen(open)
       }}
     >
-      <Tooltip content='Vis varsler ( Alt+Ctrl+V )'>
+      <Tooltip content='Vis varsler ( V )'>
         <Button
           variant='tertiary'
+          aria-label='Vis varsler'
           size='medium'
           icon={
             <div className='relative'>

From fcd650dbb3e20a8d13a32289c14564c2ab959fe3 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Mon, 25 Aug 2025 14:21:22 +0200
Subject: [PATCH 05/14] disabled function for removing whitespace when paste
 text in inputfield

---
 src/components/inputfield/InputField.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index fc3ff09..baf749f 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -79,14 +79,14 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     textareaRef.current?.blur()
   }
 
-  const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
-    e.preventDefault()
-    const pastedText = e.clipboardData.getData("text/plain")
-    const trimmedText = pastedText.trim()
-    setInputValue(trimmedText)
-    analytics.tekstInnholdLimtInn()
-    setIsSensitiveInfoAlert(true)
-  }
+  // const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
+  //   e.preventDefault()
+  //   const pastedText = e.clipboardData.getData("text/plain")
+  //   const trimmedText = pastedText.trim()
+  //   setInputValue(trimmedText)
+  //   analytics.tekstInnholdLimtInn()
+  //   setIsSensitiveInfoAlert(true)
+  // }
 
   function handleInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
     setInputValue(e.target.value)
@@ -177,7 +177,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           value={inputValue}
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
-          onPaste={handlePaste}
+          // onPaste={handlePaste}
           tabIndex={0}
           onFocus={() => {
             setIsFocused(true)

From 86e588837e13935b818fe886cc4ba3022280bd7b Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Tue, 26 Aug 2025 10:10:27 +0200
Subject: [PATCH 06/14] added warning when pasting text

---
 src/components/inputfield/InputField.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index baf749f..a031f89 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -79,15 +79,6 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     textareaRef.current?.blur()
   }
 
-  // const handlePaste = (e: React.ClipboardEvent<HTMLTextAreaElement>) => {
-  //   e.preventDefault()
-  //   const pastedText = e.clipboardData.getData("text/plain")
-  //   const trimmedText = pastedText.trim()
-  //   setInputValue(trimmedText)
-  //   analytics.tekstInnholdLimtInn()
-  //   setIsSensitiveInfoAlert(true)
-  // }
-
   function handleInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
     setInputValue(e.target.value)
     if (e.target.value.trim() === "") {
@@ -95,6 +86,13 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     }
   }
 
+  function handlePaste(e: React.ClipboardEvent<HTMLTextAreaElement>) {
+    const pasted = e.clipboardData.getData("text")
+    if (pasted.trim().length > 0) {
+      setIsSensitiveInfoAlert(true)
+    }
+  }
+
   function checkContainsFnr(value: string) {
     return /(\d{6}(|.)\d{5})/.test(value)
   }
@@ -177,7 +175,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           value={inputValue}
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
-          // onPaste={handlePaste}
+          onPaste={handlePaste}
           tabIndex={0}
           onFocus={() => {
             setIsFocused(true)

From c92f3495ca22662fe5235893201b26273420d064 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Tue, 26 Aug 2025 12:37:42 +0200
Subject: [PATCH 07/14] Removing 2-5 new lines with white space everytime you
 copy and paste content from the components in chatcontainer

---
 package-lock.json                             | 28 ++++++++
 package.json                                  |  1 +
 src/components/content/chat/ChatContainer.tsx | 14 +++-
 .../chat/chatbubbles/BobAnswerCitations.tsx   | 65 +++++++++--------
 .../chat/chatbubbles/UserQuestionBubble.tsx   | 18 +++--
 .../answerbubble/BobAnswerBubble.tsx          | 70 +++++++++----------
 6 files changed, 119 insertions(+), 77 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index b1416b6..4245010 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,6 +26,7 @@
         "rehype-raw": "^7.0.0",
         "rehype-stringify": "^10.0.1",
         "remark": "^15.0.1",
+        "remark-breaks": "^4.0.0",
         "remark-gfm": "^4.0.1",
         "remark-rehype": "^11.1.2",
         "remark-stringify": "^11.0.0",
@@ -6643,6 +6644,19 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdast-util-newline-to-break": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-newline-to-break/-/mdast-util-newline-to-break-2.0.0.tgz",
+      "integrity": "sha512-MbgeFca0hLYIEx/2zGsszCSEJJ1JSCdiY5xQxRcLDDGa8EPvlLPupJ4DSajbMPAnC0je8jfb9TiUATnxxrHUog==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-find-and-replace": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mdast-util-phrasing": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
@@ -8613,6 +8627,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/remark-breaks": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/remark-breaks/-/remark-breaks-4.0.0.tgz",
+      "integrity": "sha512-IjEjJOkH4FuJvHZVIW0QCDWxcG96kCq7An/KVH2NfJe6rKZU2AsHeB3OEjPNRxi4QC34Xdx7I2KGYn6IpT7gxQ==",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-newline-to-break": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/remark-gfm": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
diff --git a/package.json b/package.json
index ccac741..6922292 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,7 @@
     "rehype-raw": "^7.0.0",
     "rehype-stringify": "^10.0.1",
     "remark": "^15.0.1",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-rehype": "^11.1.2",
     "remark-stringify": "^11.0.0",
diff --git a/src/components/content/chat/ChatContainer.tsx b/src/components/content/chat/ChatContainer.tsx
index 8fcd28b..815a1ec 100644
--- a/src/components/content/chat/ChatContainer.tsx
+++ b/src/components/content/chat/ChatContainer.tsx
@@ -1,4 +1,4 @@
-import { Fragment, useEffect, useRef, useState } from "react"
+import React, { Fragment, useEffect, useRef, useState } from "react"
 import { useSearchParams } from "react-router"
 import { Message, NewMessage } from "../../../types/Message.ts"
 import { BobAnswerBubble } from "./chatbubbles/answerbubble/BobAnswerBubble.tsx"
@@ -45,8 +45,18 @@ function ChatContainer({ messages, onSend, isLoading }: ChatDialogProps) {
     prevMessagesLength.current = messages.length
   }, [messages, lastMessageRef, selectedMessageRef])
 
+  const handleCopy: React.ClipboardEventHandler<HTMLDivElement> = (e) => {
+    const sel = window.getSelection()?.toString()
+    if (!sel) return
+    e.preventDefault()
+    e.clipboardData.setData("text/plain", sel.trimEnd())
+  }
+
   return (
-    <div className='dialogcontent h-auto grow flex-col px-4 pt-4'>
+    <div
+      className='dialogcontent h-auto grow flex-col px-4 pt-4'
+      onCopy={handleCopy}
+    >
       {messages.map((message, index) =>
         message.messageRole === "human" ? (
           <Fragment key={message.id}>
diff --git a/src/components/content/chat/chatbubbles/BobAnswerCitations.tsx b/src/components/content/chat/chatbubbles/BobAnswerCitations.tsx
index aa6790b..953f8b4 100644
--- a/src/components/content/chat/chatbubbles/BobAnswerCitations.tsx
+++ b/src/components/content/chat/chatbubbles/BobAnswerCitations.tsx
@@ -1,12 +1,5 @@
 import { ExternalLinkIcon } from "@navikt/aksel-icons"
-import {
-  BodyLong,
-  BodyShort,
-  Detail,
-  Label,
-  Link,
-  Tooltip,
-} from "@navikt/ds-react"
+import { BodyLong, BodyShort, Detail, Label, Link, Tooltip } from "@navikt/ds-react"
 import Markdown from "react-markdown"
 import remarkGfm from "remark-gfm"
 import { KunnskapsbasenIcon } from "../../../../assets/icons/KunnskapsbasenIcon.tsx"
@@ -46,16 +39,13 @@ function BobAnswerCitations({ citation, context }: BobAnswerCitationProps) {
 
 export default BobAnswerCitations
 
-const SingleCitation = ({
-  citation,
-  context,
-}: {
-  citation: Citation
-  context: Context | undefined
-}) => {
+const SingleCitation = ({ citation, context }: { citation: Citation; context: Context | undefined }) => {
   return (
     <div className='mb-2 flex flex-col'>
-      <Label size='small' className='mb-1'>
+      <Label
+        size='small'
+        className='mb-1'
+      >
         {context ? (
           <div className='flex flex-wrap gap-2'>
             <CitationLink
@@ -65,18 +55,23 @@ const SingleCitation = ({
             <SourceIcon source={context.source} />
           </div>
         ) : (
-          <BodyShort size='medium'>
-            Kunne ikke finne lenke til artikkelen.
-          </BodyShort>
+          <BodyShort size='medium'>Kunne ikke finne lenke til artikkelen.</BodyShort>
         )}
       </Label>
-      <BodyLong size='small' className='mt-1 italic'>
+      <BodyLong
+        size='small'
+        className='mt-1 italic'
+      >
         <Markdown
           className='markdown'
           remarkPlugins={[remarkGfm]}
           components={{
             a: ({ ...props }) => (
-              <a {...props} target='_blank' rel='noopener noreferrer' />
+              <a
+                {...props}
+                target='_blank'
+                rel='noopener noreferrer'
+              />
             ),
           }}
         >
@@ -101,10 +96,16 @@ const MultiCitation = ({
   const articleLink = contexts.at(citations[0]!.sourceId)!.url
   return (
     <div className='mb-2 flex flex-col'>
-      <Label size='small' className='mb-1'>
+      <Label
+        size='small'
+        className='mb-1'
+      >
         <div className='flex flex-wrap gap-2'>
           <Tooltip content='Åpner artikkelen i ny fane'>
-            <Link href={articleLink} target='_blank'>
+            <Link
+              href={articleLink}
+              target='_blank'
+            >
               {title}
               <ExternalLinkIcon />
             </Link>
@@ -121,7 +122,11 @@ const MultiCitation = ({
                 remarkPlugins={[remarkGfm]}
                 components={{
                   a: ({ ...props }) => (
-                    <a {...props} target='_blank' rel='noopener noreferrer' />
+                    <a
+                      {...props}
+                      target='_blank'
+                      rel='noopener noreferrer'
+                    />
                   ),
                 }}
               >
@@ -165,19 +170,13 @@ const CitationLink = ({
 
   // Encoding for RFC3986 - making text fragments to work for citations with unreserved marks //
   function encodeFragment(text: string) {
-    return encodeURIComponent(text).replace(
-      /[-!'()*#]/g,
-      (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`,
-    )
+    return encodeURIComponent(text).replace(/[-!'()*#]/g, (c) => `%${c.charCodeAt(0).toString(16).toUpperCase()}`)
   }
 
   // Expands all panels on the nav.no-page //
-  const expandAll =
-    matchingContextCitationData?.source === "navno" ? "?expandall=true" : ""
+  const expandAll = matchingContextCitationData?.source === "navno" ? "?expandall=true" : ""
 
-  const useAnchor = matchingContextCitationData?.url.includes(
-    "/saksbehandlingstider",
-  )
+  const useAnchor = matchingContextCitationData?.url.includes("/saksbehandlingstider")
 
   return (
     <Tooltip content='Åpner artikkelen i ny fane'>
diff --git a/src/components/content/chat/chatbubbles/UserQuestionBubble.tsx b/src/components/content/chat/chatbubbles/UserQuestionBubble.tsx
index 6cba0e3..835ac75 100644
--- a/src/components/content/chat/chatbubbles/UserQuestionBubble.tsx
+++ b/src/components/content/chat/chatbubbles/UserQuestionBubble.tsx
@@ -1,10 +1,12 @@
 import { Message } from "../../../../types/Message.ts"
 
 import { PencilWritingIcon } from "@navikt/aksel-icons"
-import { BodyLong, Button, Heading, Tooltip } from "@navikt/ds-react"
+import { Button, Heading, Tooltip } from "@navikt/ds-react"
 import { memo } from "react"
 import Markdown from "react-markdown"
 import rehypeRaw from "rehype-raw"
+import remarkBreaks from "remark-breaks"
+import remarkGfm from "remark-gfm"
 import analytics from "../../../../utils/analytics.ts"
 import { useInputFieldStore } from "../../../inputfield/InputField.tsx"
 import "./ChatBubbles.css"
@@ -15,7 +17,8 @@ interface UserChatBubbleProps {
 
 const UserQuestionBubble = memo(
   ({ userQuestion }: UserChatBubbleProps) => {
-    const question = userQuestion?.content.replace(/\n/g, "<br>")
+    const raw = userQuestion?.content?.trimEnd() ?? ""
+    // const question = userQuestion?.content.replace(/\n/g, "<br>")
 
     const { setInputValue, focusTextarea } = useInputFieldStore()
 
@@ -28,7 +31,7 @@ const UserQuestionBubble = memo(
     }
 
     return (
-      <div className='questionhover mb-2 flex w-fit flex-row items-end gap-1 self-end'>
+      <div className='questionhover mb-4 flex w-fit flex-row items-end gap-1 self-end'>
         <div className='hide-show-edit fade-in hidden'>
           <Tooltip
             content='Rediger spørsmålet'
@@ -51,9 +54,12 @@ const UserQuestionBubble = memo(
           >
             Du spurte:
           </Heading>
-          <BodyLong>
-            <Markdown rehypePlugins={[rehypeRaw]}>{question}</Markdown>
-          </BodyLong>
+          <Markdown
+            remarkPlugins={[remarkGfm, remarkBreaks]}
+            rehypePlugins={[rehypeRaw]}
+          >
+            {raw}
+          </Markdown>
         </div>
       </div>
     )
diff --git a/src/components/content/chat/chatbubbles/answerbubble/BobAnswerBubble.tsx b/src/components/content/chat/chatbubbles/answerbubble/BobAnswerBubble.tsx
index 83af9ea..24c86c4 100644
--- a/src/components/content/chat/chatbubbles/answerbubble/BobAnswerBubble.tsx
+++ b/src/components/content/chat/chatbubbles/answerbubble/BobAnswerBubble.tsx
@@ -164,7 +164,7 @@ const MessageContent = ({
   }
 
   return (
-    <VStack gap='5'>
+    <div className='flex flex-col gap-5'>
       <Heading
         size='small'
         className='sr-only top-0'
@@ -172,41 +172,39 @@ const MessageContent = ({
       >
         Svar fra Bob:
       </Heading>
-      <BodyLong className='fade-in'>
-        <Markdown
-          className='markdown'
-          remarkPlugins={[md.remarkCitations]}
-          rehypePlugins={[rehypeRaw]}
-          components={{
-            a: ({ ...props }) => (
-              <a
-                {...props}
-                target='_blank'
-                rel='noopener noreferrer'
-              />
-            ),
-            span: (props: CitationSpanProps) => {
-              const dataCitation = props["data-citation"]
-              const dataPosition = props["data-position"]
-              if (dataCitation && dataPosition) {
-                const citationId = parseInt(dataCitation, 10)
-                addCitation(citationId, parseInt(dataPosition, 10))
-                return (
-                  <CitationNumber
-                    citations={citations}
-                    citationId={citationId}
-                    context={message.context}
-                  />
-                )
-              }
-              return <span {...props} />
-            },
-          }}
-        >
-          {message.content}
-        </Markdown>
-      </BodyLong>
-    </VStack>
+      <Markdown
+        className='markdown'
+        remarkPlugins={[md.remarkCitations]}
+        rehypePlugins={[rehypeRaw]}
+        components={{
+          a: ({ ...props }) => (
+            <a
+              {...props}
+              target='_blank'
+              rel='noopener noreferrer'
+            />
+          ),
+          span: (props: CitationSpanProps) => {
+            const dataCitation = props["data-citation"]
+            const dataPosition = props["data-position"]
+            if (dataCitation && dataPosition) {
+              const citationId = parseInt(dataCitation, 10)
+              addCitation(citationId, parseInt(dataPosition, 10))
+              return (
+                <CitationNumber
+                  citations={citations}
+                  citationId={citationId}
+                  context={message.context}
+                />
+              )
+            }
+            return <span {...props} />
+          },
+        }}
+      >
+        {message.content}
+      </Markdown>
+    </div>
   )
 }
 

From ec921328cba44c895aae98b3377754ec8359c53b Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 14:55:42 +0200
Subject: [PATCH 08/14] Changed all hotkeys combinations to alt+ctrl and added
 info in tooltip for all functions available for hotkeys shortcuts

---
 .../content/ConversationContent.tsx           | 23 +++++++------
 .../content/chat/suggestions/BobSuggests.tsx  | 11 +++---
 src/components/header/Header.tsx              |  5 +--
 src/components/inputfield/InputField.tsx      |  7 ++--
 src/components/menu/NewButton.tsx             |  5 +--
 .../menu/darkmode/DarkModeToggle.tsx          | 34 ++++++++++---------
 .../notification/NotificationDrawer.tsx       |  5 +--
 7 files changed, 50 insertions(+), 40 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index 969ee39..ba304d7 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -2,8 +2,9 @@ import { useParams, useSearchParams } from "react-router"
 import { useSendMessage } from "../../api/sse.ts"
 
 import { ArrowDownIcon } from "@navikt/aksel-icons"
-import { Alert as AlertComponent, Button, Heading } from "@navikt/ds-react"
+import { Alert as AlertComponent, Button, Heading, Tooltip } from "@navikt/ds-react"
 import { useEffect, useLayoutEffect, useRef, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import Markdown from "react-markdown"
 import { useAlerts, useMessages } from "../../api/api.ts"
 import { NewMessage } from "../../types/Message.ts"
@@ -107,7 +108,7 @@ function ConversationContent() {
     })
   }
 
-  // useHotkeys("ctrl+b", () => scrollToBottom())
+  useHotkeys("alt+ctrl+b", () => scrollToBottom())
 
   return (
     <div className='conversation-content'>
@@ -129,14 +130,16 @@ function ConversationContent() {
           )}
         </div>
         {showScrollButton && (
-          <Button
-            icon={<ArrowDownIcon />}
-            className='fixed left-1/2 -translate-x-1/2'
-            style={{ bottom: dynamicBottom }}
-            variant='primary-neutral'
-            size='small'
-            onClick={scrollToBottom}
-          />
+          <Tooltip content='Scroll til bunnen ( Alt+Ctrl+B )'>
+            <Button
+              icon={<ArrowDownIcon />}
+              className='fixed left-1/2 -translate-x-1/2'
+              style={{ bottom: dynamicBottom }}
+              variant='primary-neutral'
+              size='small'
+              onClick={scrollToBottom}
+            />
+          </Tooltip>
         )}
         <InputField
           onSend={handleUserMessage}
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index c1d7346..cd1f1aa 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -1,6 +1,7 @@
 import { BulletListIcon, HandShakeHeartIcon, LanguageIcon, StarFillIcon, StarIcon } from "@navikt/aksel-icons"
 import { Button, CopyButton, Tooltip } from "@navikt/ds-react"
 import { useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { useStarMessage } from "../../../../api/api.ts"
 import { Message, NewMessage } from "../../../../types/Message.ts"
 import analytics from "../../../../utils/analytics.ts"
@@ -55,11 +56,11 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  // useHotkeys("ctrl+shift+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
-      <Tooltip content='Kopier svaret'>
+      <Tooltip content={`${isLastMessage ? "Kopier svaret ( Alt+Ctrl+C )" : "Kopier svaret"}`}>
         <CopyButton
           copyText=''
           size='small'
@@ -75,7 +76,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
       <FeedbackOnAnswer message={message} />
 
       <MessageStar message={message} />
-      <Tooltip content='Oversett svaret til engelsk'>
+      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( Alt+Ctrl+O )" : "Oversett til engelsk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -84,7 +85,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleTranslate}
         />
       </Tooltip>
-      <Tooltip content='Gjør svaret om til punktliste'>
+      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( Alt+Ctrl+P )" : "Gjør om til punktliste"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -93,7 +94,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleBulletList}
         />
       </Tooltip>
-      <Tooltip content='Gjør svaret mer empatisk'>
+      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( Alt+Ctrl+L )" : "Gjør mer empatisk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index c36cafc..0844b0c 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -1,6 +1,7 @@
 import { InformationSquareIcon } from "@navikt/aksel-icons"
 import { Button, Tooltip } from "@navikt/ds-react"
 import { useRef, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { Link } from "react-router"
 import { useUserConfig } from "../../api/api.ts"
 import analytics from "../../utils/analytics.ts"
@@ -29,7 +30,7 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  // useHotkeys("ctrl+i", () => showGuide())
+  useHotkeys("alt+ctrl+i", () => showGuide())
 
   return (
     <div className='header'>
@@ -59,7 +60,7 @@ function Header({ conversation }: HeaderProps) {
             </>
           )}
           <NotificationToggle />
-          <Tooltip content='Informasjon og tips'>
+          <Tooltip content='Informasjon og tips ( Alt+Ctrl+I )'>
             <Button
               variant='tertiary'
               size='medium'
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index a031f89..e484646 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -4,6 +4,7 @@ import { PaperplaneIcon } from "@navikt/aksel-icons"
 import { forwardRef, useEffect, useState } from "react"
 
 import * as React from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { create } from "zustand"
 import { createJSONStorage, persist } from "zustand/middleware"
 import { useAlerts } from "../../api/api.ts"
@@ -131,9 +132,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  // useHotkeys("ctrl+o", () => sendMessage("Oversett til engelsk"))
-  // useHotkeys("ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
-  // useHotkeys("ctrl+e", () => sendMessage("Gjør svaret mer empatisk"))
+  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"))
+  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
+  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"))
 
   return (
     <div
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index 0de4e27..5b392cd 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -1,5 +1,6 @@
 import { NotePencilIcon } from "@navikt/aksel-icons"
 import { BodyShort, Button, Modal, Tooltip, VStack } from "@navikt/ds-react"
+import { useHotkeys } from "react-hotkeys-hook"
 import { Link } from "react-router"
 import FeedbackThumbs from "../content/chat/feedback/FeedbackThumbs"
 import { useInputFieldStore } from "../inputfield/InputField"
@@ -13,12 +14,12 @@ export const NewButton = ({
 }) => {
   const { setInputValue } = useInputFieldStore()
 
-  // useHotkeys("ctrl+n", () => newConversationRef.current?.showModal())
+  useHotkeys("Alt+Ctrl+N", () => newConversationRef.current?.showModal())
 
   return (
     <>
       <div className='flex self-center'>
-        <Tooltip content='Start ny samtale'>
+        <Tooltip content='Start ny samtale ( Alt+Ctrl+N )'>
           <Button
             variant='tertiary'
             size='medium'
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index 643da3e..1c20b55 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -1,4 +1,6 @@
+import { Tooltip } from "@navikt/ds-react"
 import { useEffect, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import analytics from "../../../utils/analytics"
 import "./DarkModeToggle.css"
 
@@ -26,25 +28,25 @@ const DarkModeToggle = () => {
     })
   }
 
-  const tooltip = dark ? "Bytt til lys modus" : "Bytt til mørk modus"
+  const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
 
-  // useHotkeys("ctrl+d", () => darkModeHandler())
+  useHotkeys("alt+ctrl+d", () => darkModeHandler())
 
   return (
-    <div className='darkmode-toggle'>
-      <input
-        type='checkbox'
-        id='darkmode-checkbox'
-        title={tooltip}
-        checked={dark}
-        onChange={darkModeHandler}
-      />
-      <label
-        htmlFor='darkmode-checkbox'
-        className='slider round'
-        title={tooltip}
-      />
-    </div>
+    <Tooltip content={tooltip}>
+      <div className='darkmode-toggle'>
+        <input
+          type='checkbox'
+          id='darkmode-checkbox'
+          checked={dark}
+          onChange={darkModeHandler}
+        />
+        <label
+          htmlFor='darkmode-checkbox'
+          className='slider round'
+        />
+      </div>
+    </Tooltip>
   )
 }
 
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index 11c5bda..29f74cd 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -1,6 +1,7 @@
 import { BellIcon } from "@navikt/aksel-icons"
 import { BodyLong, BodyShort, Button, Detail, Dropdown, Heading, Tabs, Tooltip } from "@navikt/ds-react"
 import { useEffect, useState } from "react"
+import { useHotkeys } from "react-hotkeys-hook"
 import Markdown from "react-markdown"
 import { useNewsNotifications } from "../../api/api"
 import { NewsNotification } from "../../types/Notifications"
@@ -52,7 +53,7 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  // useHotkeys("ctrl+shift+v", () => setInitialOpen((prev) => !prev))
+  useHotkeys("alt+ctrl+v", () => setInitialOpen((prev) => !prev))
 
   return (
     <Dropdown
@@ -64,7 +65,7 @@ export const NotificationToggle = () => {
         setInitialOpen(open)
       }}
     >
-      <Tooltip content='Vis varsler'>
+      <Tooltip content='Vis varsler ( Alt+Ctrl+V )'>
         <Button
           variant='tertiary'
           size='medium'

From efdfd0a6d40c75bd7069b64a7579c32941df61be Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 15:24:40 +0200
Subject: [PATCH 09/14] Shortcuts for translate, bulletlist, empathic and copy
 is now only triggered when it's a conversation

---
 src/components/inputfield/InputField.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index e484646..6f80e3b 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -5,6 +5,7 @@ import { forwardRef, useEffect, useState } from "react"
 
 import * as React from "react"
 import { useHotkeys } from "react-hotkeys-hook"
+import { useParams } from "react-router"
 import { create } from "zustand"
 import { createJSONStorage, persist } from "zustand/middleware"
 import { useAlerts } from "../../api/api.ts"
@@ -60,6 +61,8 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
   const [sendDisabled, setSendDisabled] = useState<boolean>(disabled)
   const [isFocused, setIsFocused] = useState(false)
 
+  const { conversationId } = useParams()
+
   const { inputValue, setInputValue, textareaRef } = useInputFieldStore()
 
   const { alerts } = useAlerts()
@@ -132,9 +135,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"))
-  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"))
-  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"))
+  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
+  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
+  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
 
   return (
     <div

From cd4742c1ce27f125f2182a962c8e0a4a25a8f8f8 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 21 Aug 2025 22:04:57 +0200
Subject: [PATCH 10/14] accepting new conversation in autofocus, when using
 hotkeys (better for workflow)

---
 src/components/menu/NewButton.tsx | 52 +++++++++++++++++++------------
 1 file changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index 5b392cd..ae8d764 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -1,7 +1,8 @@
 import { NotePencilIcon } from "@navikt/aksel-icons"
 import { BodyShort, Button, Modal, Tooltip, VStack } from "@navikt/ds-react"
+import { useCallback, useRef } from "react"
 import { useHotkeys } from "react-hotkeys-hook"
-import { Link } from "react-router"
+import { useNavigate } from "react-router"
 import FeedbackThumbs from "../content/chat/feedback/FeedbackThumbs"
 import { useInputFieldStore } from "../inputfield/InputField"
 
@@ -13,8 +14,21 @@ export const NewButton = ({
   newConversationRef: React.RefObject<HTMLDialogElement | null>
 }) => {
   const { setInputValue } = useInputFieldStore()
+  const navigate = useNavigate()
+  const primaryBtnRef = useRef<HTMLButtonElement | null>(null)
 
-  useHotkeys("Alt+Ctrl+N", () => newConversationRef.current?.showModal())
+  const openModal = useCallback(() => {
+    if (!newConversationRef.current) return
+    newConversationRef.current.showModal()
+    requestAnimationFrame(() => primaryBtnRef.current?.focus())
+  }, [newConversationRef])
+
+  useHotkeys("Alt+Ctrl+N", openModal)
+
+  const startNew = () => {
+    setInputValue("")
+    navigate("/")
+  }
 
   return (
     <>
@@ -24,18 +38,19 @@ export const NewButton = ({
             variant='tertiary'
             size='medium'
             icon={<NotePencilIcon aria-hidden />}
-            onClick={() => newConversationRef.current?.showModal()}
+            onClick={openModal}
           />
         </Tooltip>
       </div>
       <Modal
         ref={newConversationRef}
         header={{
-          heading: "Før du starter en ny samtale",
+          heading: "Før du går videre",
           size: "small",
+          closeButton: false,
         }}
         onClose={() => newConversationRef.current?.close()}
-        closeOnBackdropClick={true}
+        closeOnBackdropClick
         className='modal-styling'
       >
         <Modal.Body>
@@ -46,30 +61,27 @@ export const NewButton = ({
             <BodyShort weight='semibold'>Hva synes du om samtalen?</BodyShort>
             <FeedbackThumbs conversationId={conversationId} />
           </VStack>
-          <div className='flex flex-col gap-1 pt-8'>
+          <div className='flex flex-col pt-4'>
             <BodyShort>Når du starter en ny samtale vil du miste innholdet fra denne. Ønsker du å fortsette?</BodyShort>
           </div>
         </Modal.Body>
         <Modal.Footer className='justify-end'>
+          <Button
+            ref={primaryBtnRef}
+            type='button'
+            variant='danger'
+            size='medium'
+            onClick={startNew}
+            aria-label='Start ny samtale'
+          >
+            Start ny samtale
+          </Button>
           <Button
             variant='tertiary-neutral'
             onClick={() => newConversationRef.current?.close()}
           >
-            Tilbake
+            Avbryt
           </Button>
-          <Link
-            to='/'
-            className='w-fit'
-          >
-            <Button
-              type='button'
-              variant='danger'
-              size='medium'
-              onClick={() => setInputValue("")}
-            >
-              Start ny samtale
-            </Button>
-          </Link>
         </Modal.Footer>
       </Modal>
     </>

From 965bd717b2f9242bc9c164367879b1dc2855b900 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Fri, 22 Aug 2025 10:31:26 +0200
Subject: [PATCH 11/14] removed alt+ctrl for all hotkeys and changed tooltip
 description + added aria-label

---
 src/components/content/ConversationContent.tsx         |  5 +++--
 .../content/chat/suggestions/BobSuggests.tsx           | 10 +++++-----
 src/components/header/Header.tsx                       |  5 +++--
 src/components/inputfield/InputField.tsx               |  8 ++++----
 src/components/menu/NewButton.tsx                      |  6 ++++--
 src/components/menu/darkmode/DarkModeToggle.tsx        |  6 ++++--
 src/components/notification/NotificationDrawer.tsx     |  5 +++--
 7 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index ba304d7..17e0330 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -108,7 +108,7 @@ function ConversationContent() {
     })
   }
 
-  useHotkeys("alt+ctrl+b", () => scrollToBottom())
+  useHotkeys("B", () => scrollToBottom())
 
   return (
     <div className='conversation-content'>
@@ -130,7 +130,7 @@ function ConversationContent() {
           )}
         </div>
         {showScrollButton && (
-          <Tooltip content='Scroll til bunnen ( Alt+Ctrl+B )'>
+          <Tooltip content='Scroll til bunnen ( B )'>
             <Button
               icon={<ArrowDownIcon />}
               className='fixed left-1/2 -translate-x-1/2'
@@ -138,6 +138,7 @@ function ConversationContent() {
               variant='primary-neutral'
               size='small'
               onClick={scrollToBottom}
+              aria-label='Scroll til bunnen'
             />
           </Tooltip>
         )}
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index cd1f1aa..601bb9d 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -56,11 +56,11 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("C", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
-      <Tooltip content={`${isLastMessage ? "Kopier svaret ( Alt+Ctrl+C )" : "Kopier svaret"}`}>
+      <Tooltip content={`${isLastMessage ? "Kopier svaret ( C )" : "Kopier svaret"}`}>
         <CopyButton
           copyText=''
           size='small'
@@ -76,7 +76,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
       <FeedbackOnAnswer message={message} />
 
       <MessageStar message={message} />
-      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( Alt+Ctrl+O )" : "Oversett til engelsk"}`}>
+      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( O )" : "Oversett til engelsk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -85,7 +85,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleTranslate}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( Alt+Ctrl+P )" : "Gjør om til punktliste"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( P )" : "Gjør om til punktliste"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -94,7 +94,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleBulletList}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( Alt+Ctrl+L )" : "Gjør mer empatisk"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( E )" : "Gjør mer empatisk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 0844b0c..39fd775 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -30,7 +30,7 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  useHotkeys("alt+ctrl+i", () => showGuide())
+  useHotkeys("I", () => showGuide())
 
   return (
     <div className='header'>
@@ -60,9 +60,10 @@ function Header({ conversation }: HeaderProps) {
             </>
           )}
           <NotificationToggle />
-          <Tooltip content='Informasjon og tips ( Alt+Ctrl+I )'>
+          <Tooltip content='Informasjon og tips ( I )'>
             <Button
               variant='tertiary'
+              aria-label='Informasjon og tips'
               size='medium'
               onClick={showGuide}
               icon={<InformationSquareIcon aria-hidden />}
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index 6f80e3b..b53f166 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -135,9 +135,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("alt+ctrl+o", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
-  useHotkeys("alt+ctrl+p", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
-  useHotkeys("alt+ctrl+l", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
+  useHotkeys("O", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
+  useHotkeys("P", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
+  useHotkeys("E", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
 
   return (
     <div
@@ -180,7 +180,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
           onPaste={handlePaste}
-          tabIndex={0}
+          tabIndex={1}
           onFocus={() => {
             setIsFocused(true)
           }}
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index ae8d764..25c257d 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -23,7 +23,7 @@ export const NewButton = ({
     requestAnimationFrame(() => primaryBtnRef.current?.focus())
   }, [newConversationRef])
 
-  useHotkeys("Alt+Ctrl+N", openModal)
+  useHotkeys("N", openModal)
 
   const startNew = () => {
     setInputValue("")
@@ -33,12 +33,13 @@ export const NewButton = ({
   return (
     <>
       <div className='flex self-center'>
-        <Tooltip content='Start ny samtale ( Alt+Ctrl+N )'>
+        <Tooltip content='Start ny samtale ( N )'>
           <Button
             variant='tertiary'
             size='medium'
             icon={<NotePencilIcon aria-hidden />}
             onClick={openModal}
+            aria-label='Start ny samtale'
           />
         </Tooltip>
       </div>
@@ -77,6 +78,7 @@ export const NewButton = ({
             Start ny samtale
           </Button>
           <Button
+            aria-label='Avbryt'
             variant='tertiary-neutral'
             onClick={() => newConversationRef.current?.close()}
           >
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index 1c20b55..b5281c9 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -28,9 +28,9 @@ const DarkModeToggle = () => {
     })
   }
 
-  const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
+  const tooltip = dark ? "Endre til lys modus ( D )" : "Endre til mørk modus ( D )"
 
-  useHotkeys("alt+ctrl+d", () => darkModeHandler())
+  useHotkeys("D", () => darkModeHandler())
 
   return (
     <Tooltip content={tooltip}>
@@ -40,9 +40,11 @@ const DarkModeToggle = () => {
           id='darkmode-checkbox'
           checked={dark}
           onChange={darkModeHandler}
+          aria-label='Mørk modus'
         />
         <label
           htmlFor='darkmode-checkbox'
+          aria-label='Mørk modus'
           className='slider round'
         />
       </div>
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index 29f74cd..bcf6771 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -53,7 +53,7 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  useHotkeys("alt+ctrl+v", () => setInitialOpen((prev) => !prev))
+  useHotkeys("V", () => setInitialOpen((prev) => !prev))
 
   return (
     <Dropdown
@@ -65,9 +65,10 @@ export const NotificationToggle = () => {
         setInitialOpen(open)
       }}
     >
-      <Tooltip content='Vis varsler ( Alt+Ctrl+V )'>
+      <Tooltip content='Vis varsler ( V )'>
         <Button
           variant='tertiary'
+          aria-label='Vis varsler'
           size='medium'
           icon={
             <div className='relative'>

From 9beac3586ece8d00a22f2a2412f37f07ad39825e Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Tue, 26 Aug 2025 21:26:03 +0200
Subject: [PATCH 12/14] removed tabindex for send button and navlogo (for user
 testing 27-08-25)

---
 src/components/header/Header.tsx         | 1 +
 src/components/inputfield/InputField.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 39fd775..12b808e 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -38,6 +38,7 @@ function Header({ conversation }: HeaderProps) {
         <Link
           to='https://www.nav.no/'
           target='_blank'
+          tabIndex={-1}
         >
           <NAVLogo />
         </Link>
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index b53f166..a7de0e1 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -202,6 +202,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           className='absolute right-[0.2%] top-[2%] h-full max-h-[2.5rem] w-full max-w-[2.3rem]'
           onClick={handleButtonClick}
           disabled={sendDisabled}
+          tabIndex={-1}
         />
       </div>
       <Detail

From 2b2226a59aa8a432ae60d64167ba4c3e056c2c4c Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Wed, 27 Aug 2025 10:20:50 +0200
Subject: [PATCH 13/14] Changes for user testing (alt+ctrl combos)

---
 src/components/content/ConversationContent.tsx        |  4 ++--
 .../content/chat/suggestions/BobSuggests.tsx          | 11 +++++------
 src/components/header/Header.tsx                      |  4 ++--
 src/components/inputfield/InputField.tsx              |  7 ++++---
 src/components/menu/NewButton.tsx                     |  4 ++--
 src/components/menu/darkmode/DarkModeToggle.tsx       |  4 ++--
 src/components/notification/NotificationDrawer.tsx    |  4 ++--
 7 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index 17e0330..6c27ab1 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -108,7 +108,7 @@ function ConversationContent() {
     })
   }
 
-  useHotkeys("B", () => scrollToBottom())
+  useHotkeys("alt+ctrl+B", () => scrollToBottom())
 
   return (
     <div className='conversation-content'>
@@ -130,7 +130,7 @@ function ConversationContent() {
           )}
         </div>
         {showScrollButton && (
-          <Tooltip content='Scroll til bunnen ( B )'>
+          <Tooltip content='Scroll til bunnen ( Alt+Ctrl+B )'>
             <Button
               icon={<ArrowDownIcon />}
               className='fixed left-1/2 -translate-x-1/2'
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index 601bb9d..6c1af54 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -56,11 +56,11 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  useHotkeys("C", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
-      <Tooltip content={`${isLastMessage ? "Kopier svaret ( C )" : "Kopier svaret"}`}>
+      <Tooltip content={`${isLastMessage ? "Kopier svaret ( Alt+Ctrl+C )" : "Kopier svaret"}`}>
         <CopyButton
           copyText=''
           size='small'
@@ -72,11 +72,10 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           }}
         />
       </Tooltip>
-      {/*<GiveUsFeedback message={message} />*/}
       <FeedbackOnAnswer message={message} />
 
       <MessageStar message={message} />
-      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( O )" : "Oversett til engelsk"}`}>
+      <Tooltip content={`${isLastMessage ? "Oversett til engelsk ( Alt+Ctrl+O )" : "Oversett til engelsk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -85,7 +84,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleTranslate}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( P )" : "Gjør om til punktliste"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør om til punktliste ( Alt+Ctrl+P )" : "Gjør om til punktliste"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
@@ -94,7 +93,7 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
           onClick={handleBulletList}
         />
       </Tooltip>
-      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( E )" : "Gjør mer empatisk"}`}>
+      <Tooltip content={`${isLastMessage ? "Gjør mer empatisk ( Alt+Ctrl+E )" : "Gjør mer empatisk"}`}>
         <Button
           variant='tertiary-neutral'
           size='small'
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 12b808e..e542c91 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -30,7 +30,7 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  useHotkeys("I", () => showGuide())
+  useHotkeys("Alt+Ctrl+I", () => showGuide())
 
   return (
     <div className='header'>
@@ -61,7 +61,7 @@ function Header({ conversation }: HeaderProps) {
             </>
           )}
           <NotificationToggle />
-          <Tooltip content='Informasjon og tips ( I )'>
+          <Tooltip content='Informasjon og tips ( Alt+Ctrl+I )'>
             <Button
               variant='tertiary'
               aria-label='Informasjon og tips'
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index a7de0e1..a6dbf77 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -135,9 +135,9 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("O", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
-  useHotkeys("P", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
-  useHotkeys("E", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
+  useHotkeys("Alt+Ctrl+O", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
+  useHotkeys("Alt+Ctrl+P", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
+  useHotkeys("Alt+Ctrl+E", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
 
   return (
     <div
@@ -180,6 +180,7 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
           onChange={handleInputChange}
           onKeyDown={handleKeyDown}
           onPaste={handlePaste}
+          autoFocus={true}
           tabIndex={1}
           onFocus={() => {
             setIsFocused(true)
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index 25c257d..cfc27bb 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -23,7 +23,7 @@ export const NewButton = ({
     requestAnimationFrame(() => primaryBtnRef.current?.focus())
   }, [newConversationRef])
 
-  useHotkeys("N", openModal)
+  useHotkeys("Alt+Ctrl+N", openModal)
 
   const startNew = () => {
     setInputValue("")
@@ -33,7 +33,7 @@ export const NewButton = ({
   return (
     <>
       <div className='flex self-center'>
-        <Tooltip content='Start ny samtale ( N )'>
+        <Tooltip content='Start ny samtale ( Alt+Ctrl+N )'>
           <Button
             variant='tertiary'
             size='medium'
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index b5281c9..1f0465c 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -28,9 +28,9 @@ const DarkModeToggle = () => {
     })
   }
 
-  const tooltip = dark ? "Endre til lys modus ( D )" : "Endre til mørk modus ( D )"
+  const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
 
-  useHotkeys("D", () => darkModeHandler())
+  useHotkeys("alt+ctrl+d", () => darkModeHandler())
 
   return (
     <Tooltip content={tooltip}>
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index bcf6771..ce7430e 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -53,7 +53,7 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  useHotkeys("V", () => setInitialOpen((prev) => !prev))
+  useHotkeys("Alt+Ctrl+V", () => setInitialOpen((prev) => !prev))
 
   return (
     <Dropdown
@@ -65,7 +65,7 @@ export const NotificationToggle = () => {
         setInitialOpen(open)
       }}
     >
-      <Tooltip content='Vis varsler ( V )'>
+      <Tooltip content='Vis varsler ( Alt+Ctrl+V )'>
         <Button
           variant='tertiary'
           aria-label='Vis varsler'

From 247676dca0076e599940bc735b658d79c0d75007 Mon Sep 17 00:00:00 2001
From: Bendixx <Bendik.Berntsen@nav.no>
Date: Thu, 28 Aug 2025 22:11:13 +0200
Subject: [PATCH 14/14] hotkeys now working with alt+ctrl combos when textarea
 is active, and inputvalue is not cleared when using hotkeys for translate,
 bullet list and empathic answer.

---
 .../content/ConversationContent.tsx           |   4 +-
 .../content/chat/suggestions/BobSuggests.tsx  |   4 +-
 src/components/content/guide/GuideModals.tsx  | 256 +++++++++++-------
 src/components/header/Header.tsx              |   4 +-
 src/components/inputfield/InputField.tsx      |  32 ++-
 src/components/menu/NewButton.tsx             |   4 +-
 .../menu/darkmode/DarkModeToggle.tsx          |   4 +-
 .../notification/NotificationDrawer.tsx       |   4 +-
 8 files changed, 201 insertions(+), 111 deletions(-)

diff --git a/src/components/content/ConversationContent.tsx b/src/components/content/ConversationContent.tsx
index 6c27ab1..e3c05bd 100644
--- a/src/components/content/ConversationContent.tsx
+++ b/src/components/content/ConversationContent.tsx
@@ -108,7 +108,9 @@ function ConversationContent() {
     })
   }
 
-  useHotkeys("alt+ctrl+B", () => scrollToBottom())
+  useHotkeys("alt+ctrl+B", () => scrollToBottom(), {
+    enableOnFormTags: true,
+  })
 
   return (
     <div className='conversation-content'>
diff --git a/src/components/content/chat/suggestions/BobSuggests.tsx b/src/components/content/chat/suggestions/BobSuggests.tsx
index 6c1af54..ad93bd6 100644
--- a/src/components/content/chat/suggestions/BobSuggests.tsx
+++ b/src/components/content/chat/suggestions/BobSuggests.tsx
@@ -56,7 +56,9 @@ const BobSuggests = ({ message, onSend, isLastMessage }: BobSuggestsProps) => {
     return navigator.clipboard.write([data])
   }
 
-  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()))
+  useHotkeys("alt+ctrl+c", () => new Promise((resolve) => setTimeout(resolve, 100)).then(() => copyMessageContent()), {
+    enableOnFormTags: true,
+  })
 
   return (
     <div className='fade-in background-color ml-[-0.3rem] flex h-fit w-fit flex-wrap items-center justify-start rounded'>
diff --git a/src/components/content/guide/GuideModals.tsx b/src/components/content/guide/GuideModals.tsx
index 98a37d6..b3965fc 100644
--- a/src/components/content/guide/GuideModals.tsx
+++ b/src/components/content/guide/GuideModals.tsx
@@ -1,25 +1,9 @@
 import { XMarkIcon } from "@navikt/aksel-icons"
-import {
-  BodyLong,
-  BodyShort,
-  Button,
-  Heading,
-  HStack,
-  Link,
-  VStack,
-} from "@navikt/ds-react"
+import { BodyLong, BodyShort, Button, Heading, HStack, Link, VStack } from "@navikt/ds-react"
 import { useState } from "react"
 import { useUpdateUserConfig } from "../../../api/api.ts"
-import {
-  BobTheGuide1,
-  BobTheGuide2,
-  BobThePirate,
-} from "../../../assets/illustrations/BobTheGuide.tsx"
-import {
-  SitaterFraKB,
-  SitaterFraNavno,
-  VisAlleKilder,
-} from "../../../assets/illustrations/ChipsIllustrations.tsx"
+import { BobTheGuide1, BobTheGuide2, BobThePirate } from "../../../assets/illustrations/BobTheGuide.tsx"
+import { SitaterFraKB, SitaterFraNavno, VisAlleKilder } from "../../../assets/illustrations/ChipsIllustrations.tsx"
 import { StepSelect } from "./StepSelect.tsx"
 
 export const NewConceptMessage = () => {
@@ -42,20 +26,23 @@ export const NewConceptMessage = () => {
           <div className='self-center'>
             <BobTheGuide1 />
           </div>
-          <VStack className='modal-container' gap='4'>
-            <Heading size='small' level='2'>
+          <VStack
+            className='modal-container'
+            gap='4'
+          >
+            <Heading
+              size='small'
+              level='2'
+            >
               Møt den nye Bob!
             </Heading>
             <BodyLong>
-              Bob har fått et nytt utseende! Nå møter du en smart, liten robot
-              som lærer og utvikler seg for å gi deg enda bedre støtte. Vi har
-              endret hvordan Bob fremstilles for å unngå personifisering av
-              kunstig intelligens.
+              Bob har fått et nytt utseende! Nå møter du en smart, liten robot som lærer og utvikler seg for å gi deg
+              enda bedre støtte. Vi har endret hvordan Bob fremstilles for å unngå personifisering av kunstig
+              intelligens.
             </BodyLong>
             <BodyLong>Les mer om endringen i nyhetssaken.</BodyLong>
-            <BodyLong className='mb-4'>
-              Samme Bob – ny drakt. La oss komme i gang!
-            </BodyLong>
+            <BodyLong className='mb-4'>Samme Bob – ny drakt. La oss komme i gang!</BodyLong>
             <Button
               variant='primary-neutral'
               className='w-fit'
@@ -70,20 +57,23 @@ export const NewConceptMessage = () => {
   )
 }
 
-export const WelcomeMessage = ({
-  onNext,
-  onClose,
-}: {
-  onNext: () => void
-  onClose: () => void
-}) => (
+export const WelcomeMessage = ({ onNext, onClose }: { onNext: () => void; onClose: () => void }) => (
   <div className='guide-modal fade-in items-center gap-4'>
     <div className='self-center'>
       <BobTheGuide1 />
     </div>
-    <VStack className='modal-container' gap='4'>
-      <HStack align='center' justify='space-between'>
-        <Heading size='small' level='2'>
+    <VStack
+      className='modal-container'
+      gap='4'
+    >
+      <HStack
+        align='center'
+        justify='space-between'
+      >
+        <Heading
+          size='small'
+          level='2'
+        >
           Velkommen
         </Heading>
         <Button
@@ -94,14 +84,24 @@ export const WelcomeMessage = ({
         />
       </HStack>
       <BodyLong>
-        Du er nok ivrig etter å starte. Men ta en rask titt på denne guiden før
-        du starter – det hjelper deg å få bedre svar.
+        Du er nok ivrig etter å starte. Men ta en rask titt på denne guiden før du starter – det hjelper deg å få bedre
+        svar.
       </BodyLong>
-      <HStack align='stretch' gap='2' justify='end'>
-        <Button onClick={onClose} variant='tertiary-neutral'>
+      <HStack
+        align='stretch'
+        gap='2'
+        justify='end'
+      >
+        <Button
+          onClick={onClose}
+          variant='tertiary-neutral'
+        >
           Jeg trenger ikke opplæring
         </Button>
-        <Button onClick={onNext} variant='primary-neutral'>
+        <Button
+          onClick={onNext}
+          variant='primary-neutral'
+        >
           Videre
         </Button>
       </HStack>
@@ -123,9 +123,18 @@ export const Step1 = ({
     <div className='self-center'>
       <BobTheGuide1 />
     </div>
-    <VStack className='modal-container' gap='4'>
-      <HStack align='center' justify='space-between'>
-        <Heading size='small' level='2'>
+    <VStack
+      className='modal-container'
+      gap='4'
+    >
+      <HStack
+        align='center'
+        justify='space-between'
+      >
+        <Heading
+          size='small'
+          level='2'
+        >
           Om tjenesten
         </Heading>
         <Button
@@ -133,12 +142,12 @@ export const Step1 = ({
           variant='tertiary-neutral'
           icon={<XMarkIcon />}
           onClick={onClose}
+          autoFocus={true}
         />
       </HStack>
       <BodyLong>
-        Jeg er en kunstig intelligens, altså et dataprogram designet for å
-        hjelpe deg med spørsmål og informasjon spesifikt om tjenestene Nav
-        tilbyr.
+        Jeg er en kunstig intelligens, altså et dataprogram designet for å hjelpe deg med spørsmål og informasjon
+        spesifikt om tjenestene Nav tilbyr.
       </BodyLong>
       <BodyLong>
         Svarene du mottar baserer seg kun på informasjonen fra{" "}
@@ -149,7 +158,10 @@ export const Step1 = ({
           NKS Kunnskapsbasen
         </Link>
         {" og "}
-        <Link href='https://nav.no/' target='_blank'>
+        <Link
+          href='https://nav.no/'
+          target='_blank'
+        >
           nav.no
         </Link>
         .
@@ -160,9 +172,15 @@ export const Step1 = ({
         justify='space-between'
         className='items-center'
       >
-        <StepSelect step={1} onChange={handleSelectChange} />
+        <StepSelect
+          step={1}
+          onChange={handleSelectChange}
+        />
 
-        <Button onClick={onNext} variant='primary-neutral'>
+        <Button
+          onClick={onNext}
+          variant='primary-neutral'
+        >
           Neste
         </Button>
       </HStack>
@@ -187,9 +205,18 @@ export const Step2 = ({
     <div className='flex translate-y-[16px] justify-start'>
       <BobTheGuide2 />
     </div>
-    <VStack className='modal-container' gap='4'>
-      <HStack align='center' justify='space-between'>
-        <Heading size='small' level='2'>
+    <VStack
+      className='modal-container'
+      gap='4'
+    >
+      <HStack
+        align='center'
+        justify='space-between'
+      >
+        <Heading
+          size='small'
+          level='2'
+        >
           Når du stiller spørsmål
         </Heading>
         <Button
@@ -200,8 +227,7 @@ export const Step2 = ({
         />
       </HStack>
       <BodyLong>
-        Du tar i bruk tjenesten ved å spørre meg om noe nav-relatert i
-        tekstfeltet.
+        Du tar i bruk tjenesten ved å spørre meg om noe nav-relatert i tekstfeltet.
         <ul className='mb-6'>
           <li>Still hele spørsmål, ikke bare stikkord.</li>
           <li>Vær detaljert og tydelig.</li>
@@ -211,22 +237,33 @@ export const Step2 = ({
         Og husk:
         <ul className='my-2 gap-1'>
           <li>
-            Ikke del <strong>personlige opplysninger</strong> når du sender meg
-            spørsmål.
+            Ikke del <strong>personlige opplysninger</strong> når du sender meg spørsmål.
           </li>
           <li>
-            <strong>Kontroller kilden</strong> om du er usikker på om svaret er
-            korrekt.
+            <strong>Kontroller kilden</strong> om du er usikker på om svaret er korrekt.
           </li>
         </ul>
       </BodyLong>
-      <HStack align='stretch' gap='2' justify='space-between'>
-        <StepSelect step={step} onChange={handleSelectChange} />
+      <HStack
+        align='stretch'
+        gap='2'
+        justify='space-between'
+      >
+        <StepSelect
+          step={step}
+          onChange={handleSelectChange}
+        />
         <HStack gap='4'>
-          <Button onClick={onPrevious} variant='tertiary-neutral'>
+          <Button
+            onClick={onPrevious}
+            variant='tertiary-neutral'
+          >
             Forrige
           </Button>
-          <Button onClick={onNext} variant='primary-neutral'>
+          <Button
+            onClick={onNext}
+            variant='primary-neutral'
+          >
             Neste
           </Button>
         </HStack>
@@ -252,9 +289,18 @@ export const Step3 = ({
     <div className='flex translate-y-[60px] justify-center'>
       <BobTheGuide2 />
     </div>
-    <VStack className='modal-container sticky z-[1000]' gap='4'>
-      <HStack align='center' justify='space-between'>
-        <Heading size='small' level='2'>
+    <VStack
+      className='modal-container sticky z-[1000]'
+      gap='4'
+    >
+      <HStack
+        align='center'
+        justify='space-between'
+      >
+        <Heading
+          size='small'
+          level='2'
+        >
           Om svaret fra Bob
         </Heading>
         <Button
@@ -265,9 +311,8 @@ export const Step3 = ({
         />
       </HStack>
       <BodyLong className='mb-2'>
-        Hver gang du mottar et svar fra Bob baserer det seg på informasjon
-        hentet fra Kunnskapsbasen og Nav.no. Hen velger det som er mest relevant
-        for spørsmålet ditt.
+        Hver gang du mottar et svar fra Bob baserer det seg på informasjon hentet fra Kunnskapsbasen og Nav.no. Hen
+        velger det som er mest relevant for spørsmålet ditt.
       </BodyLong>
       <VStack>
         <HStack className='mb-2'>
@@ -275,8 +320,8 @@ export const Step3 = ({
           <SitaterFraNavno />
         </HStack>
         <BodyLong className='mb-3'>
-          Under svaret finner du sitater fra relevante artikler. Disse hjelper
-          deg med å raskt sjekke at informasjonen stemmer.
+          Under svaret finner du sitater fra relevante artikler. Disse hjelper deg med å raskt sjekke at informasjonen
+          stemmer.
         </BodyLong>
       </VStack>
       <VStack>
@@ -284,18 +329,30 @@ export const Step3 = ({
           <VisAlleKilder />
         </div>
         <BodyLong>
-          Bob viser også en liste over alle kildene han har vurdert. Det betyr
-          ikke at alle artiklene er brukt i svaret, men at han har sett på dem
-          for å finne relevant informasjon.
+          Bob viser også en liste over alle kildene han har vurdert. Det betyr ikke at alle artiklene er brukt i svaret,
+          men at han har sett på dem for å finne relevant informasjon.
         </BodyLong>
       </VStack>
-      <HStack align='stretch' gap='2' justify='space-between'>
-        <StepSelect step={step} onChange={handleSelectChange} />
+      <HStack
+        align='stretch'
+        gap='2'
+        justify='space-between'
+      >
+        <StepSelect
+          step={step}
+          onChange={handleSelectChange}
+        />
         <HStack gap='4'>
-          <Button onClick={onPrevious} variant='tertiary-neutral'>
+          <Button
+            onClick={onPrevious}
+            variant='tertiary-neutral'
+          >
             Forrige
           </Button>
-          <Button onClick={onNext} variant='primary-neutral'>
+          <Button
+            onClick={onNext}
+            variant='primary-neutral'
+          >
             Neste
           </Button>
         </HStack>
@@ -319,9 +376,19 @@ export const Step4 = ({
     <div className='flex translate-y-[60px] justify-end'>
       <BobThePirate />
     </div>
-    <VStack className='modal-container sticky z-[1000]' gap='0'>
-      <HStack align='center' justify='space-between' className='mb-6'>
-        <Heading size='small' level='2'>
+    <VStack
+      className='modal-container sticky z-[1000]'
+      gap='0'
+    >
+      <HStack
+        align='center'
+        justify='space-between'
+        className='mb-6'
+      >
+        <Heading
+          size='small'
+          level='2'
+        >
           Misfornøyd med svaret? Prøv dette:
         </Heading>
         <Button
@@ -331,9 +398,7 @@ export const Step4 = ({
           onClick={onClose}
         />
       </HStack>
-      <BodyLong spacing>
-        Husk at du kan be om svaret akkurat slik du ønsker det.
-      </BodyLong>
+      <BodyLong spacing>Husk at du kan be om svaret akkurat slik du ønsker det.</BodyLong>
       <BodyShort>For eksempel kan du be Bob om å:</BodyShort>
       <ul className='mb-6'>
         <li>Oversette til engelsk eller nynorsk</li>
@@ -341,8 +406,8 @@ export const Step4 = ({
         <li>Forenkle forklaringen</li>
       </ul>
       <BodyLong spacing>
-        Du kan til og med be Bob om å skrive svaret som en pirat, eller på en
-        annen kreativ måte. Mulighetene er mange – du bestemmer!
+        Du kan til og med be Bob om å skrive svaret som en pirat, eller på en annen kreativ måte. Mulighetene er mange –
+        du bestemmer!
       </BodyLong>
       <HStack
         align='stretch'
@@ -350,12 +415,21 @@ export const Step4 = ({
         justify='space-between'
         className='items-center'
       >
-        <StepSelect step={step} onChange={handleSelectChange} />
+        <StepSelect
+          step={step}
+          onChange={handleSelectChange}
+        />
         <HStack gap='4'>
-          <Button onClick={onPrevious} variant='tertiary-neutral'>
+          <Button
+            onClick={onPrevious}
+            variant='tertiary-neutral'
+          >
             Forrige
           </Button>
-          <Button onClick={onClose} variant='primary-neutral'>
+          <Button
+            onClick={onClose}
+            variant='primary-neutral'
+          >
             Takk, Bob!
           </Button>
         </HStack>
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index e542c91..40cd7c8 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -30,7 +30,9 @@ function Header({ conversation }: HeaderProps) {
     setStartGuide(true)
   }
 
-  useHotkeys("Alt+Ctrl+I", () => showGuide())
+  useHotkeys("Alt+Ctrl+I", () => showGuide(), {
+    enableOnFormTags: true,
+  })
 
   return (
     <div className='header'>
diff --git a/src/components/inputfield/InputField.tsx b/src/components/inputfield/InputField.tsx
index a6dbf77..c5e328c 100644
--- a/src/components/inputfield/InputField.tsx
+++ b/src/components/inputfield/InputField.tsx
@@ -68,19 +68,16 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
   const { alerts } = useAlerts()
   const hasErrors = alerts.at(0)?.notificationType === "Error"
 
-  function sendMessage(messageContent?: string) {
-    if (sendDisabled) {
-      return
-    }
+  function sendMessage(messageContent?: string, opts: { clear?: boolean; blur?: boolean } = {}) {
+    const { clear = true, blur = true } = opts
+    if (sendDisabled) return
 
-    const message: NewMessage = {
-      content: messageContent ?? inputValue,
-    }
+    const message: NewMessage = { content: messageContent ?? inputValue }
     if (message.content.trim() !== "") {
       onSend(message)
     }
-    setInputValue("")
-    textareaRef.current?.blur()
+    if (clear) setInputValue("")
+    if (blur) textareaRef.current?.blur()
   }
 
   function handleInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
@@ -109,7 +106,6 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
         if (!sendDisabled) {
           analytics.meldingSendt("enter")
           sendMessage()
-          setInputValue("")
           setIsSensitiveInfoAlert(false)
         }
       }
@@ -120,7 +116,6 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     if (inputValue.trim() !== "") {
       analytics.meldingSendt("knapp")
       sendMessage()
-      setInputValue("")
     }
   }
 
@@ -135,9 +130,18 @@ const InputField = forwardRef<HTMLDivElement, InputFieldProps>(function InputFie
     setSendDisabled(disabled || inputContainsFnr || hasErrors)
   }, [inputValue, disabled, hasErrors])
 
-  useHotkeys("Alt+Ctrl+O", () => sendMessage("Oversett til engelsk"), { enabled: !!conversationId })
-  useHotkeys("Alt+Ctrl+P", () => sendMessage("Gjør om svaret til punktliste"), { enabled: !!conversationId })
-  useHotkeys("Alt+Ctrl+E", () => sendMessage("Gjør svaret mer empatisk"), { enabled: !!conversationId })
+  useHotkeys("Alt+Ctrl+O", () => sendMessage("Oversett til engelsk", { clear: false, blur: false }), {
+    enabled: !!conversationId,
+    enableOnFormTags: true,
+  })
+  useHotkeys("Alt+Ctrl+P", () => sendMessage("Gjør om svaret til punktliste", { clear: false, blur: false }), {
+    enabled: !!conversationId,
+    enableOnFormTags: true,
+  })
+  useHotkeys("Alt+Ctrl+E", () => sendMessage("Gjør svaret mer empatisk", { clear: false, blur: false }), {
+    enabled: !!conversationId,
+    enableOnFormTags: true,
+  })
 
   return (
     <div
diff --git a/src/components/menu/NewButton.tsx b/src/components/menu/NewButton.tsx
index cfc27bb..070430f 100644
--- a/src/components/menu/NewButton.tsx
+++ b/src/components/menu/NewButton.tsx
@@ -23,7 +23,9 @@ export const NewButton = ({
     requestAnimationFrame(() => primaryBtnRef.current?.focus())
   }, [newConversationRef])
 
-  useHotkeys("Alt+Ctrl+N", openModal)
+  useHotkeys("Alt+Ctrl+N", openModal, {
+    enableOnFormTags: true,
+  })
 
   const startNew = () => {
     setInputValue("")
diff --git a/src/components/menu/darkmode/DarkModeToggle.tsx b/src/components/menu/darkmode/DarkModeToggle.tsx
index 1f0465c..94ba6a7 100644
--- a/src/components/menu/darkmode/DarkModeToggle.tsx
+++ b/src/components/menu/darkmode/DarkModeToggle.tsx
@@ -30,7 +30,9 @@ const DarkModeToggle = () => {
 
   const tooltip = dark ? "Endre til lys modus ( Alt+Ctrl+D )" : "Endre til mørk modus ( Alt+Ctrl+D )"
 
-  useHotkeys("alt+ctrl+d", () => darkModeHandler())
+  useHotkeys("alt+ctrl+d", () => darkModeHandler(), {
+    enableOnFormTags: true,
+  })
 
   return (
     <Tooltip content={tooltip}>
diff --git a/src/components/notification/NotificationDrawer.tsx b/src/components/notification/NotificationDrawer.tsx
index ce7430e..7e2ec3b 100644
--- a/src/components/notification/NotificationDrawer.tsx
+++ b/src/components/notification/NotificationDrawer.tsx
@@ -53,7 +53,9 @@ export const NotificationToggle = () => {
     }
   }, [initialOpen, setInitialOpen, hasUnread])
 
-  useHotkeys("Alt+Ctrl+V", () => setInitialOpen((prev) => !prev))
+  useHotkeys("Alt+Ctrl+V", () => setInitialOpen((prev) => !prev), {
+    enableOnFormTags: true,
+  })
 
   return (
     <Dropdown