diff --git a/src/lib/components/HelpPanel.svelte b/src/lib/components/HelpPanel.svelte index 4e8a418..f1a461c 100644 --- a/src/lib/components/HelpPanel.svelte +++ b/src/lib/components/HelpPanel.svelte @@ -1,54 +1,69 @@ + + +
e.key === "Escape" && onClose()} > +
e.stopPropagation()} onkeydown={(e) => e.stopPropagation()} role="dialog" aria-labelledby="help-title" tabindex="-1" > -
-

- How to Use Hikari Desktop + +
+

+ Help & Documentation

-
- {#each sections as section (section.title)} -
-

{section.title}

-
    - {#each section.items as item (item)} -
  • - β€’ - {item} -
  • - {/each} -
-
- {/each} + +
+ + -
-

- Need more help? Join our Discord community for support and updates! -

+ +
+
+ + +
+ + + + Page {currentPageIndex + 1} of {HELP_PAGES.length} + + + +
diff --git a/src/lib/components/NavMenu.svelte b/src/lib/components/NavMenu.svelte index c4fa55f..8403851 100644 --- a/src/lib/components/NavMenu.svelte +++ b/src/lib/components/NavMenu.svelte @@ -92,8 +92,21 @@ function handleInjectContext(content: string): void { injectTextStore.set(content); } + + function handleGlobalHelpShortcut(event: KeyboardEvent): void { + const target = event.target as HTMLElement; + const isInputFocused = target.tagName === "INPUT" || target.tagName === "TEXTAREA"; + if (isInputFocused) return; + + if (event.key === "?") { + event.preventDefault(); + showHelp = !showHelp; + } + } + +