feat: prefetch, vision split, provider adapter, UI polish

Engine
- Split /api/vision out from /api/interact so client can drive
  prefetch + cache lookup independently of click interpretation
- Image client switched to chat-completions+modalities API (OpenRouter/
  provider style), supporting markdown image URL responses
- annotateClick now resizes to 768w before composite to keep vision
  payloads small and avoid CDN timeouts
- Prompts updated to mention "JSON" in user messages (required by
  Gemini's strict JSON mode)
- Shared fetchWithRetry helper: 2 retries for chat/image, 0 for vision
  (with 60s hard timeout)

Client
- Parallel prefetch of all three choice branches on each new frame
- Effect deliberately excludes phase from deps so user-click doesn't
  abort in-flight prefetches
- Cache hit/miss/free-form fallback handled in handleClick
- PlayCanvas reads img naturalWidth/Height and adapts container to
  whatever aspect AI returns (no more cropped third choice)
- max-width raised to 560px, max-height calc(100dvh - 200px)

Misc
- README env-path corrected to apps/web/.env.local
- users.md: BGM/TTS idea note
- .env.example moved into apps/web alongside next config

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

This commit is contained in:

yuanzonghao

2026-05-12 19:38:03 +08:00

parent ad4b09c744

commit 9cedfa66e4

20 changed files with 405 additions and 151 deletions

									
										apps/web/app/layout.tsx
									
		+1
		-1
	
												View File
												
				@@ -13,7 +13,7 @@ export default function RootLayout({

				  children: React.ReactNode;

				}) {

				  return (

				    <html lang="zh-CN">

				    <html lang="zh-CN" suppressHydrationWarning>

				      <head>

				        <link rel="preconnect" href="https://fonts.googleapis.com" />

				        <link