feat(web): integrate Claude LLM streaming with markdown rendering

- Add Anthropic SDK with DeepSeek-compatible API config
- Streaming tool-use loop in WebSocket chat handler
- GitHub-style markdown rendering with markdown-it
- Tool status indicators and thinking states in chat UI
- Fix Tailwind content path and CSS border utility

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

web/client/src/components/chat/ChatInput.tsx

@@ -2,7 +2,7 @@ import { useState, useRef } from 'react';
 import { Send } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 
-export function ChatInput({ onSend }: { onSend: (content: string) => void }) {
+export function ChatInput({ onSend, disabled }: { onSend: (content: string) => void; disabled?: boolean }) {
   const [input, setInput] = useState('');
   const ref = useRef<HTMLTextAreaElement>(null);
 
@@ -29,10 +29,11 @@ export function ChatInput({ onSend }: { onSend: (content: string) => void }) {
           onChange={(e) => setInput(e.target.value)}
           onKeyDown={handleKeyDown}
           rows={1}
-          placeholder="输入指令..."
+          placeholder={disabled ? '等待回复中...' : '输入指令...'}
           className="flex-1 bg-transparent text-sm resize-none outline-none placeholder:text-zinc-600"
+          disabled={disabled}
         />
-        <Button size="icon" variant="ghost" className="h-8 w-8" onClick={handleSend}>
+        <Button size="icon" variant="ghost" className="h-8 w-8" onClick={handleSend} disabled={disabled}>
           <Send size={14} />
         </Button>
       </div>