feat: add PDF and text file upload support (#205)

- Add client-side PDF text extraction using unpdf library
- Support text files (.txt, .md, .json, .csv, .py, .js, .ts, etc.)
- Add file preview with character count for PDF/text files
- Add 150k character limit for extracted content
- Highlight Paper to Diagram example with NEW badge
- Fix React hydration error by adding explicit IDs to ResizablePanelGroup
- Remove code duplication by centralizing file utilities in pdf-utils.ts

app/api/chat/route.ts

@@ -394,6 +394,13 @@ ${lastMessageText}
             return null
         },
         onFinish: ({ text, usage }) => {
+            // Log token usage
+            if (usage) {
+                const cachedTokens = (usage as any).cachedInputTokens ?? 0
+                console.log(
+                    `[Token Usage] input: ${usage.inputTokens ?? 0}, cached: ${cachedTokens}, output: ${usage.outputTokens ?? 0}, total: ${(usage.inputTokens ?? 0) + cachedTokens + (usage.outputTokens ?? 0)}`,
+                )
+            }
             // Pass usage to Langfuse (Bedrock streaming doesn't auto-report tokens to telemetry)
             setTraceOutput(text, {
                 promptTokens: usage?.inputTokens,

app/page.tsx

@@ -121,12 +121,17 @@ export default function Home() {
     return (
         <div className="h-screen bg-background relative overflow-hidden">
             <ResizablePanelGroup
+                id="main-panel-group"
                 key={isMobile ? "mobile" : "desktop"}
                 direction={isMobile ? "vertical" : "horizontal"}
                 className="h-full"
             >
                 {/* Draw.io Canvas */}
-                <ResizablePanel defaultSize={isMobile ? 50 : 67} minSize={20}>
+                <ResizablePanel
+                    id="drawio-panel"
+                    defaultSize={isMobile ? 50 : 67}
+                    minSize={20}
+                >
                     <div
                         className={`h-full relative ${
                             isMobile ? "p-1" : "p-2"
@@ -162,6 +167,7 @@ export default function Home() {
 
                 {/* Chat Panel */}
                 <ResizablePanel
+                    id="chat-panel"
                     ref={chatPanelRef}
                     defaultSize={isMobile ? 50 : 33}
                     minSize={isMobile ? 20 : 15}