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

2026-05-29 11:51:57 +07:00
parent b68a750e4f
commit 0dcd7f460b
4 changed files with 33 additions and 5 deletions
@@ -346,6 +346,8 @@ export class AiBatchProcessor extends WorkerHost {
          requestPublicId: idempotencyKey,
          status: 'completed',
          answer: JSON.stringify(extractedMetadata, null, 2),
+          ocrText: ocrResult.text,
+          ocrUsed: ocrResult.ocrUsed,
          promptVersionUsed: activePrompt.versionNumber,
          completedAt: new Date().toISOString(),
        })
@@ -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">
@@ -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>
@@ -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;