690529:1151 ADR-030-230 context aware #05

frontend/components/admin/ai/OcrSandboxPromptManager.tsx

@@ -4,6 +4,7 @@
 // - 2026-05-25: Extracted inline strings to i18n keys via useTranslations() (Obs #1 fix)
 // - 2026-05-25: Refactored sandbox polling to useSandboxRun hook (Obs #2 fix)
 // - 2026-05-26: เพิ่มการตรวจสอบ versionsQuery.data แบบทนทานเพื่อป้องกัน Error N.find is not a function ในกรณีที่ API ส่งข้อมูลแบบ wrapped object มา
+// - 2026-05-29: เพิ่ม OCR Raw Text section ในผล sandbox
 'use client';
 
 import React, { useState, useEffect } from 'react';
@@ -23,6 +24,7 @@ import {
   ScrollText,
   Loader2,
   StickyNote,
+  ScanText,
 } from 'lucide-react';
 import { useAiPrompts, useSandboxRun } from '@/hooks/use-ai-prompts';
 import { useTranslations } from '@/hooks/use-translations';
@@ -50,7 +52,7 @@ export default function OcrSandboxPromptManager() {
     : (versionsData && typeof versionsData === 'object' && 'data' in versionsData && Array.isArray((versionsData as { data: unknown }).data))
     ? (versionsData as { data: AiPrompt[] }).data
     : [];
-  const activePrompt = versions.find((v) => v.isActive);
+  const activePrompt = versions.find((v) => Boolean(v.isActive));
   const [templateText, setTemplateText] = useState<string>('');
   const [ocrFile, setOcrFile] = useState<File | null>(null);
   const [manualNote, setManualNote] = useState<string>('');
@@ -333,6 +335,24 @@ export default function OcrSandboxPromptManager() {
             )}
             {sandboxState.result && sandboxState.result.status === 'completed' && (
               <div className="space-y-6">
+                <Card className="border border-blue-500/20 bg-background/50 backdrop-blur-md">
+                  <CardHeader className="border-b border-border/30 pb-3 flex flex-row items-center justify-between">
+                    <CardTitle className="text-base text-blue-600 dark:text-blue-400 flex items-center gap-2">
+                      <ScanText className="h-4 w-4" />
+                      OCR Raw Text
+                    </CardTitle>
+                    <Badge variant="outline" className="text-xs">
+                      {sandboxState.result.ocrUsed ? 'PaddleOCR' : 'Fast Path (Text Layer)'}
+                    </Badge>
+                  </CardHeader>
+                  <CardContent className="pt-4">
+                    <div className="relative rounded-md bg-muted p-4 font-mono text-xs overflow-auto max-h-[200px] border border-border/10">
+                      <pre className="text-blue-600 dark:text-blue-400 select-text leading-relaxed whitespace-pre-wrap">
+                        {sandboxState.result.ocrText || '(ไม่มีข้อความ)'}
+                      </pre>
+                    </div>
+                  </CardContent>
+                </Card>
                 <Card className="border border-emerald-500/20 bg-background/50 backdrop-blur-md">
                   <CardHeader className="border-b border-border/30 pb-3 flex flex-row items-center justify-between">
                     <CardTitle className="text-base text-emerald-600 dark:text-emerald-400 flex items-center gap-2">

frontend/components/admin/ai/PromptVersionHistory.tsx

@@ -55,12 +55,14 @@ export default function PromptVersionHistory({
             ไม่พบเวอร์ชันอื่นในระบบ
           </div>
         ) : (
-          versions.map((version) => (
+          versions.map((version) => {
+            const isActive = version.isActive === true || (version.isActive as unknown) === 1;
+            return (
             <div
               key={version.versionNumber}
               className={cn(
                 'group relative rounded-lg border border-border/30 bg-background/50 p-3.5 transition-all duration-200 hover:border-primary/30 hover:bg-background/80',
-                version.isActive && 'border-emerald-500/20 bg-emerald-500/[0.02] shadow-[inset_0_1px_3px_rgba(16,185,129,0.03)]'
+                isActive && 'border-emerald-500/20 bg-emerald-500/[0.02] shadow-[inset_0_1px_3px_rgba(16,185,129,0.03)]'
               )}
             >
               <div className="flex items-start justify-between gap-3">
@@ -69,7 +71,7 @@ export default function PromptVersionHistory({
                     <span className="font-mono text-sm font-bold text-foreground">
                       v{version.versionNumber}
                     </span>
-                    {version.isActive ? (
+                    {isActive ? (
                       <Badge className="border-emerald-500/20 bg-emerald-500/10 text-emerald-500 hover:bg-emerald-500/20 text-[10px] py-0 px-1.5 flex items-center gap-1 select-none">
                         <CheckCircle2 className="h-3 w-3" />
                         ใช้งานจริง (Active)
@@ -133,7 +135,7 @@ export default function PromptVersionHistory({
                 </div>
               )}
             </div>
-          ))
+          );})
         )}
       </CardContent>
     </Card>

frontend/lib/services/admin-ai.service.ts

@@ -6,6 +6,7 @@
 // - 2026-05-21: เพิ่ม service method `submitSandboxExtract` สำหรับอัปโหลดไฟล์ใน OCR Sandbox (T043).
 // - 2026-05-25: เพิ่ม methods สำหรับจัดการโมเดล AI แบบไดนามิก (ADR-027).
 // - 2026-05-29: เพิ่ม ocr field ใน AiSystemHealth interface ตาม OcrService.checkHealth()
+// - 2026-05-29: เพิ่ม ocrText, ocrUsed, promptVersionUsed ใน AiSandboxJobResult
 
 import api from '../api/client';
 
@@ -60,6 +61,9 @@ export interface AiSandboxJobResult {
   requestPublicId: string;
   status: 'pending' | 'processing' | 'completed' | 'failed' | 'cancelled' | 'not_found';
   answer?: string;
+  ocrText?: string;
+  ocrUsed?: boolean;
+  promptVersionUsed?: number;
   citations?: AiRagCitation[];
   confidence?: number;
   usedFallbackModel?: boolean;