misc: provider icons, tooltip in chat toolbar, conditionally display the "Open Skills Folder" button and update "Documentation" to "Website" in settings (#60)

src/pages/Chat/ChatInput.tsx

@@ -5,7 +5,7 @@
  * Supports: file picker, clipboard paste, drag & drop.
  */
 import { useState, useRef, useEffect, useCallback } from 'react';
-import { Send, Square, ImagePlus, X } from 'lucide-react';
+import { Send, Square, X } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Textarea } from '@/components/ui/textarea';
 
@@ -200,18 +200,7 @@ export function ChatInput({ onSend, onStop, disabled = false, sending = false }:
 
         {/* Input Row */}
         <div className={`flex items-end gap-2 ${dragOver ? 'ring-2 ring-primary rounded-lg' : ''}`}>
-          {/* Image Upload Button */}
-          <Button
-            type="button"
-            variant="ghost"
-            size="icon"
-            className="shrink-0 h-[44px] w-[44px] text-muted-foreground hover:text-foreground"
-            onClick={() => fileInputRef.current?.click()}
-            disabled={disabled}
-            title="Attach image"
-          >
-            <ImagePlus className="h-5 w-5" />
-          </Button>
+
           <input
             ref={fileInputRef}
             type="file"

src/pages/Chat/ChatToolbar.tsx

@@ -5,8 +5,10 @@
  */
 import { RefreshCw, Brain, ChevronDown, Plus } from 'lucide-react';
 import { Button } from '@/components/ui/button';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
 import { useChatStore } from '@/stores/chat';
 import { cn } from '@/lib/utils';
+import { useTranslation } from 'react-i18next';
 
 export function ChatToolbar() {
   const sessions = useChatStore((s) => s.sessions);
@@ -17,6 +19,7 @@ export function ChatToolbar() {
   const loading = useChatStore((s) => s.loading);
   const showThinking = useChatStore((s) => s.showThinking);
   const toggleThinking = useChatStore((s) => s.toggleThinking);
+  const { t } = useTranslation('chat');
 
   const handleSessionChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
     switchSession(e.target.value);
@@ -51,41 +54,59 @@ export function ChatToolbar() {
       </div>
 
       {/* New Session */}
-      <Button
-        variant="ghost"
-        size="icon"
-        className="h-8 w-8"
-        onClick={newSession}
-        title="New session"
-      >
-        <Plus className="h-4 w-4" />
-      </Button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-8 w-8"
+            onClick={newSession}
+          >
+            <Plus className="h-4 w-4" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>{t('toolbar.newSession')}</p>
+        </TooltipContent>
+      </Tooltip>
 
       {/* Refresh */}
-      <Button
-        variant="ghost"
-        size="icon"
-        className="h-8 w-8"
-        onClick={() => refresh()}
-        disabled={loading}
-        title="Refresh chat"
-      >
-        <RefreshCw className={cn('h-4 w-4', loading && 'animate-spin')} />
-      </Button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-8 w-8"
+            onClick={() => refresh()}
+            disabled={loading}
+          >
+            <RefreshCw className={cn('h-4 w-4', loading && 'animate-spin')} />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>{t('toolbar.refresh')}</p>
+        </TooltipContent>
+      </Tooltip>
 
       {/* Thinking Toggle */}
-      <Button
-        variant="ghost"
-        size="icon"
-        className={cn(
-          'h-8 w-8',
-          showThinking && 'bg-primary/10 text-primary',
-        )}
-        onClick={toggleThinking}
-        title={showThinking ? 'Hide thinking' : 'Show thinking'}
-      >
-        <Brain className="h-4 w-4" />
-      </Button>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            variant="ghost"
+            size="icon"
+            className={cn(
+              'h-8 w-8',
+              showThinking && 'bg-primary/10 text-primary',
+            )}
+            onClick={toggleThinking}
+          >
+            <Brain className="h-4 w-4" />
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent>
+          <p>{showThinking ? t('toolbar.hideThinking') : t('toolbar.showThinking')}</p>
+        </TooltipContent>
+      </Tooltip>
     </div>
   );
 }