fix(ui): restore Ctrl+Enter shortcut in bookmark dialog

The keyboard shortcut to submit the bookmark dialog was broken. Now
uses the useHotkeys hook with enableOnInputs: true to properly handle
Ctrl+Enter (or Cmd+Enter on Mac) from any field including textarea.

https://claude.ai/code/session_01H5CR653mxrDbtqwK7aUA6G

Author: claude

src/components/bookmarks/BookmarkInlineCard.jsx

@@ -1,8 +1,9 @@
-import { forwardRef, useRef, useEffect, useState } from 'react'
+import { forwardRef, useRef, useEffect, useState, useCallback } from 'react'
 import { ExternalLink, Check, X } from 'lucide-react'
 import { TagInput } from '../ui/TagInput'
 import { Tag } from '../ui/Tag'
 import { getAllTags, createBookmark, updateBookmark } from '../../services/bookmarks'
+import { useHotkeys } from '../../hooks/useHotkeys'
 
 /**
  * BookmarkInlineCard - Inline card for adding/editing bookmarks
@@ -110,7 +111,7 @@ export const BookmarkInlineCard = forwardRef(function BookmarkInlineCard(
   }
 
   // Auto-save logic
-  const saveChanges = () => {
+  const saveChanges = useCallback(() => {
     const normalizedUrl = normalizeUrl(localUrl)
 
     if (!validateUrl(localUrl)) {
@@ -143,7 +144,7 @@ export const BookmarkInlineCard = forwardRef(function BookmarkInlineCard(
       console.error('Failed to save bookmark:', error)
       return false
     }
-  }
+  }, [localUrl, localTitle, localDesc, localTags, localReadLater, isEditing, bookmark, onFieldChange, isNew])
 
   const handleUrlBlur = () => {
     if (localUrl !== (bookmark?.url || '')) {
@@ -198,7 +199,7 @@ export const BookmarkInlineCard = forwardRef(function BookmarkInlineCard(
     handleTagsChange(newTags)
   }
 
-  const handleDone = () => {
+  const handleDone = useCallback(() => {
     if (!validateUrl(localUrl)) {
       setUrlError('URL is required')
       urlInputRef.current?.focus()
@@ -208,12 +209,18 @@ export const BookmarkInlineCard = forwardRef(function BookmarkInlineCard(
     if (saveChanges()) {
       onDone?.()
     }
-  }
+  }, [localUrl, saveChanges, onDone])
 
   const handleDiscard = () => {
     onDiscard?.()
   }
 
+  // Ctrl/Cmd+Enter to save from any field
+  useHotkeys(
+    { 'mod+enter': handleDone },
+    { enableOnInputs: true }
+  )
+
   const handleKeyDown = (e, currentField) => {
     if (e.key === 'Escape') {
       e.preventDefault()
@@ -222,13 +229,6 @@ export const BookmarkInlineCard = forwardRef(function BookmarkInlineCard(
       return
     }
 
-    // Ctrl/Cmd+Enter saves from any field
-    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
-      e.preventDefault()
-      handleDone()
-      return
-    }
-
     // Tab navigation
     if (e.key === 'Tab') {
       e.preventDefault()

src/components/ui/Toast.jsx

@@ -32,7 +32,7 @@ export function Toast({ message, action, actionLabel = 'Undo', duration = 5000,
     <div
       className={cn(
         'fixed bottom-4 right-4 z-50',
-        'flex items-center gap-3 px-4 py-3 rounded-lg shadow-lg',
+        'flex items-center gap-4 px-4 py-3 rounded-lg shadow-lg',
         'bg-card border border-border text-foreground',
         'transition-all duration-150',
         isLeaving ? 'opacity-0 translate-y-2' : 'opacity-100 translate-y-0'
@@ -42,14 +42,14 @@ export function Toast({ message, action, actionLabel = 'Undo', duration = 5000,
       {action && (
         <button
           onClick={handleAction}
-          className="text-sm font-medium text-primary hover:text-primary/80 transition-colors"
+          className="text-sm font-medium text-primary hover:text-primary/80 transition-colors whitespace-nowrap"
         >
           {actionLabel}
         </button>
       )}
       <button
         onClick={handleClose}
-        className="ml-1 p-1 rounded hover:bg-muted transition-colors"
+        className="p-1 rounded hover:bg-muted transition-colors flex-shrink-0"
         aria-label="Dismiss"
       >
         <X className="w-4 h-4 text-muted-foreground" />