From 097ddbb2a5323908b308f79c1052636935a6e718 Mon Sep 17 00:00:00 2001 From: GUARDiA Date: Fri, 3 Jul 2026 23:18:15 +0900 Subject: [PATCH] =?UTF-8?q?feat(ai):=20Claude=20=EC=A0=84=ED=99=98=20+=20D?= =?UTF-8?q?uckDB=20=ED=95=99=EC=8A=B5=EC=A0=80=EC=9E=A5=EC=86=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- backend/pom.xml | 3 + .../java/com/zioinfo/cms/ai/AiService.java | 16 +- .../zioinfo/cms/ai/ContentAiController.java | 6 +- .../java/com/zioinfo/cms/ai/OllamaClient.java | 17 +- .../cms/ai/controller/AiConfigController.java | 54 ++ .../com/zioinfo/cms/ai/dto/AiConfigDto.java | 18 + .../cms/ai/dto/AiConfigUpdateRequest.java | 14 + .../cms/ai/learning/FeedbackController.java | 40 ++ .../ai/learning/LearningFeedbackService.java | 78 +++ .../cms/ai/learning/LearningStore.java | 178 ++++++ .../cms/ai/service/AiConfigService.java | 248 ++++++++ .../zioinfo/cms/ai/service/AiTextRouter.java | 85 +++ .../cms/common/ai/ClaudeTextClient.java | 171 +++++ .../zioinfo/cms/common/ai/TextAiClient.java | 27 + backend/src/main/resources/application.yml | 10 +- .../main/resources/db/104_seed_ai_config.sql | 27 + .../resources/static/assets/index-B9c1ITWA.js | 562 ----------------- .../static/assets/index-CAmwXOHj.css | 1 + .../resources/static/assets/index-CVTAEWqv.js | 582 ++++++++++++++++++ .../static/assets/index-DQCKibZ6.css | 1 - backend/src/main/resources/static/index.html | 4 +- doc/guardia-cms_아키텍처설계서_v1.0.pptx | Bin 0 -> 52465 bytes frontend/src/App.tsx | 4 + frontend/src/api/adminAiConfig.ts | 64 ++ frontend/src/components/AiFeedback.tsx | 84 +++ frontend/src/components/Sidebar.tsx | 1 + frontend/src/pages/AiPlatformSettings.tsx | 281 +++++++++ 27 files changed, 1997 insertions(+), 579 deletions(-) create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/controller/AiConfigController.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigDto.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigUpdateRequest.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/learning/FeedbackController.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/learning/LearningFeedbackService.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/learning/LearningStore.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/service/AiConfigService.java create mode 100644 backend/src/main/java/com/zioinfo/cms/ai/service/AiTextRouter.java create mode 100644 backend/src/main/java/com/zioinfo/cms/common/ai/ClaudeTextClient.java create mode 100644 backend/src/main/java/com/zioinfo/cms/common/ai/TextAiClient.java create mode 100644 backend/src/main/resources/db/104_seed_ai_config.sql delete mode 100644 backend/src/main/resources/static/assets/index-B9c1ITWA.js create mode 100644 backend/src/main/resources/static/assets/index-CAmwXOHj.css create mode 100644 backend/src/main/resources/static/assets/index-CVTAEWqv.js delete mode 100644 backend/src/main/resources/static/assets/index-DQCKibZ6.css create mode 100644 doc/guardia-cms_아키텍처설계서_v1.0.pptx create mode 100644 frontend/src/api/adminAiConfig.ts create mode 100644 frontend/src/components/AiFeedback.tsx create mode 100644 frontend/src/pages/AiPlatformSettings.tsx diff --git a/backend/pom.xml b/backend/pom.xml index fa51181..a2fbbfc 100644 --- a/backend/pom.xml +++ b/backend/pom.xml @@ -60,6 +60,9 @@ org.springframework.bootspring-boot-starter-webflux + + org.duckdbduckdb_jdbc1.1.3 + org.springframework.bootspring-boot-starter-testtest org.springframework.securityspring-security-testtest diff --git a/backend/src/main/java/com/zioinfo/cms/ai/AiService.java b/backend/src/main/java/com/zioinfo/cms/ai/AiService.java index 495e1cc..ff993ab 100644 --- a/backend/src/main/java/com/zioinfo/cms/ai/AiService.java +++ b/backend/src/main/java/com/zioinfo/cms/ai/AiService.java @@ -1,5 +1,6 @@ package com.zioinfo.cms.ai; +import com.zioinfo.cms.ai.service.AiTextRouter; import lombok.RequiredArgsConstructor; import lombok.extern.slf4j.Slf4j; import org.springframework.stereotype.Service; @@ -23,7 +24,8 @@ import java.util.regex.Pattern; @RequiredArgsConstructor public class AiService { - private final OllamaClient ollama; + private final OllamaClient ollama; // 비전(vision) 경로 전용 + 가용성 핑 유지 + private final AiTextRouter aiRouter; // 텍스트 생성은 provider 라우팅(Claude↔Ollama) 경유 // 욕설/스팸 폴백 사전 (규칙기반) private static final Set PROFANITY = Set.of( @@ -41,7 +43,7 @@ public class AiService { "당신은 e-커머스 콘텐츠 작가입니다. 유형: %s, 주제: %s, 톤: %s. " + "한국어로 자연스러운 마케팅 초안을 200자 내외로 작성하세요. 설명 없이 본문만 출력.", kind, topic, tone == null ? "친근함" : tone); - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { return out; } @@ -85,7 +87,7 @@ public class AiService { "다음 콘텐츠의 SEO를 개선하세요. 제목: %s\\n본문: %s\\n" + "'META: ...\\nKEYWORDS: a,b,c\\nSCORE: 0~100' 형식으로 한국어 출력.", title, truncate(body, 800)); - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { result.put("metaDescription", firstNonBlank(extractLine(out, "META:"), truncate(body, 150))); String kw = extractLine(out, "KEYWORDS:"); @@ -108,7 +110,7 @@ public class AiService { String prompt = String.format( "다음 텍스트를 %s 로케일 언어로 자연스럽게 번역하세요. 번역문만 출력:\\n%s", targetLocale, truncate(text, 1500)); - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { return out; } @@ -136,7 +138,7 @@ public class AiService { String joined = truncate(String.join("\\n- ", reviews), 1500); String prompt = "다음 리뷰들을 한 문장으로 요약하고 감성(POSITIVE/NEGATIVE/NEUTRAL)을 판정하세요. " + "'SUMMARY: ...\\nSENTIMENT: ...' 형식:\\n- " + joined; - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { result.put("summary", firstNonBlank(extractLine(out, "SUMMARY:"), out)); String s = extractLine(out, "SENTIMENT:").toUpperCase(); @@ -162,7 +164,7 @@ public class AiService { public List searchKeywords(String naturalQuery) { if (naturalQuery == null || naturalQuery.isBlank()) return List.of(); String prompt = "다음 검색 의도에서 핵심 키워드 3~5개를 쉼표로만 출력:\\n" + naturalQuery; - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { String line = out.replaceAll("[\\n\\r]", " ").trim(); List kws = new ArrayList<>(); @@ -190,7 +192,7 @@ public class AiService { } String prompt = "다음 UGC가 욕설/스팸/부적절한지 판정하세요. " + "'DECISION: APPROVE|REJECT|REVIEW\\nRISK: 0~1\\nREASON: ...' 형식 한국어:\\n" + truncate(text, 800); - String out = ollama.generate(prompt); + String out = aiRouter.generateText(prompt); if (out != null && !out.isBlank()) { String d = extractLine(out, "DECISION:").toUpperCase(); String decision = d.contains("REJECT") ? "REJECT" : d.contains("REVIEW") ? "REVIEW" : "APPROVE"; diff --git a/backend/src/main/java/com/zioinfo/cms/ai/ContentAiController.java b/backend/src/main/java/com/zioinfo/cms/ai/ContentAiController.java index e43a3ba..66d7415 100644 --- a/backend/src/main/java/com/zioinfo/cms/ai/ContentAiController.java +++ b/backend/src/main/java/com/zioinfo/cms/ai/ContentAiController.java @@ -1,5 +1,6 @@ package com.zioinfo.cms.ai; +import com.zioinfo.cms.ai.service.AiTextRouter; import com.zioinfo.cms.common.ApiResponse; import lombok.RequiredArgsConstructor; import org.springframework.http.ResponseEntity; @@ -19,7 +20,8 @@ import java.util.concurrent.atomic.AtomicLong; @RequiredArgsConstructor public class ContentAiController { - private final OllamaClient ollama; + private final OllamaClient ollama; // 비전(image-alt-text) 경로 전용 + private final AiTextRouter aiRouter; // 텍스트 생성은 provider 라우팅(Claude↔Ollama) 경유 /** 통계 카운터 (메모리, 재시작 시 초기화) */ private static final Map USAGE = new LinkedHashMap<>(); @@ -35,7 +37,7 @@ public class ContentAiController { } private String ask(String prompt, String fallback) { - String r = ollama.generate(prompt); + String r = aiRouter.generateText(prompt); // Claude(활성 시)→Ollama 폴백, 실패 시 빈 문자열 return (r == null || r.isBlank()) ? fallback : r; } diff --git a/backend/src/main/java/com/zioinfo/cms/ai/OllamaClient.java b/backend/src/main/java/com/zioinfo/cms/ai/OllamaClient.java index 3156b9b..5d31027 100644 --- a/backend/src/main/java/com/zioinfo/cms/ai/OllamaClient.java +++ b/backend/src/main/java/com/zioinfo/cms/ai/OllamaClient.java @@ -34,11 +34,22 @@ public class OllamaClient { this.visionModel = visionModel; } - /** 프롬프트로 텍스트 생성. 실패 시 빈 문자열 반환(예외 없음). */ - @SuppressWarnings("unchecked") + /** 프롬프트로 텍스트 생성(기본 텍스트 모델). 실패 시 빈 문자열 반환(예외 없음). */ public String generate(String prompt) { + return generate(prompt, textModel); + } + + /** + * 지정 모델로 텍스트 생성. 실패 시 빈 문자열 반환(예외 없음). + * + *

{@code AiTextRouter}·{@code AiConfigService} 가 provider(qwen3/deepseek/glm/ollama)별 소형 모델을 + * 지정 호출하기 위한 진입점. model 이 비었으면 서버 기본 텍스트 모델로 폴백한다. + */ + @SuppressWarnings("unchecked") + public String generate(String prompt, String model) { + String useModel = (model == null || model.isBlank()) ? textModel : model.trim(); try { - Map body = Map.of("model", textModel, "prompt", prompt, "stream", false); + Map body = Map.of("model", useModel, "prompt", prompt, "stream", false); Map res = builder.baseUrl(ollamaUrl).build() .post().uri("/api/generate") .bodyValue(body) diff --git a/backend/src/main/java/com/zioinfo/cms/ai/controller/AiConfigController.java b/backend/src/main/java/com/zioinfo/cms/ai/controller/AiConfigController.java new file mode 100644 index 0000000..fe6dfa8 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/controller/AiConfigController.java @@ -0,0 +1,54 @@ +package com.zioinfo.cms.ai.controller; + +import com.zioinfo.cms.admin.AuditService; +import com.zioinfo.cms.ai.dto.AiConfigDto; +import com.zioinfo.cms.ai.dto.AiConfigUpdateRequest; +import com.zioinfo.cms.ai.service.AiConfigService; +import com.zioinfo.cms.common.ApiResponse; +import lombok.RequiredArgsConstructor; +import org.springframework.web.bind.annotation.GetMapping; +import org.springframework.web.bind.annotation.PostMapping; +import org.springframework.web.bind.annotation.PutMapping; +import org.springframework.web.bind.annotation.RequestBody; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RestController; + +/** + * AI 플랫폼(LLM provider) 설정 관리(ADMIN). [GUARDiA-CMS] + * SecurityConfig {@code /api/admin/** hasRole(SUPERADMIN)} 게이트로 보호된다. + * + *

cms_setting(key='ai.*')에 저장된 런타임 설정을 조회/갱신/테스트한다. API 키는 환경변수 + * (ANTHROPIC_API_KEY)로만 주입되어 응답·로그에 노출되지 않는다(GET 은 {@code claudeKeySet} 불리언만). + * 설정 변경은 재기동 없이 다음 AI 호출부터 반영된다. + * + *

    + *
  • GET /api/admin/ai-config 현재 효과 설정(키 값 제외, keySet 불리언만)
    • + *
  • PUT /api/admin/ai-config provider/모델 갱신(화이트리스트 검증)
    • + *
  • POST /api/admin/ai-config/test 저장 설정 기준 선택 provider 연결 테스트(요약 결과만)
    • + *
+ */ +@RestController +@RequestMapping("/api/admin/ai-config") +@RequiredArgsConstructor +public class AiConfigController { + + private final AiConfigService service; + + @GetMapping + public ApiResponse get() { + return ApiResponse.ok(service.getConfig()); + } + + @PutMapping + public ApiResponse update(@RequestBody AiConfigUpdateRequest req) { + return ApiResponse.ok(service.update(req, AuditService.currentActor())); + } + + @PostMapping("/test") + public ApiResponse test() { + AiConfigService.TestResult result = service.test(); + return result.ok() + ? ApiResponse.ok(result) + : new ApiResponse<>(false, result.message(), result); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigDto.java b/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigDto.java new file mode 100644 index 0000000..828cda0 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigDto.java @@ -0,0 +1,18 @@ +package com.zioinfo.cms.ai.dto; + +/** + * AI 설정 조회 DTO — API 키 값 미반환(claudeKeySet 으로 설정 여부만). [GUARDiA-CMS] + * + * @param provider 효과 provider(ollama/claude/qwen3/deepseek/glm) + * @param ollamaTextModel 효과 Ollama 텍스트 모델(provider 별 해석 결과) + * @param claudeModel 효과 Claude 모델 ID + * @param claudeKeySet 서버 환경변수 ANTHROPIC_API_KEY 존재 여부(값/길이/마스킹 일절 미포함) + * @param aiEnabled 전역 AI 사용 여부(off 시 규칙 기반 degraded) + */ +public record AiConfigDto( + String provider, + String ollamaTextModel, + String claudeModel, + boolean claudeKeySet, + boolean aiEnabled) { +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigUpdateRequest.java b/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigUpdateRequest.java new file mode 100644 index 0000000..f50a64f --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/dto/AiConfigUpdateRequest.java @@ -0,0 +1,14 @@ +package com.zioinfo.cms.ai.dto; + +/** + * AI 설정 저장 요청 — 화이트리스트 검증. [GUARDiA-CMS] + * + * @param provider ollama/claude/qwen3/deepseek/glm (필수) + * @param claudeModel Claude 모델 ID(선택, 미제공 시 기존 유지) + * @param ollamaTextModel Ollama 텍스트 모델(선택, 미제공 시 기존 유지) + */ +public record AiConfigUpdateRequest( + String provider, + String claudeModel, + String ollamaTextModel) { +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/learning/FeedbackController.java b/backend/src/main/java/com/zioinfo/cms/ai/learning/FeedbackController.java new file mode 100644 index 0000000..53cffac --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/learning/FeedbackController.java @@ -0,0 +1,40 @@ +package com.zioinfo.cms.ai.learning; + +import com.zioinfo.cms.admin.AuditService; +import com.zioinfo.cms.common.ApiResponse; +import lombok.RequiredArgsConstructor; +import org.springframework.web.bind.annotation.PostMapping; +import org.springframework.web.bind.annotation.RequestBody; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RestController; + +import java.util.Map; + +/** + * AI 피드백 수집 API. [GUARDiA-CMS] + * + *

{@code POST /api/ai/feedback} — 인증 사용자(SecurityConfig anyRequest().authenticated())가 + * AI 결과에 대해 👍/👎 + 교정 의견을 제출한다. 로컬 DuckDB 기록 + 중앙 guardia-rag 전달(둘 다 best-effort). + * + *

요청 본문(JSON): {@code {feature, question, answer, verdict(up|down), correction?}}. + * 사용자 식별자는 서버 인증 주체(JWT subject)에서 취득하며, 저장 시 마스킹된다(응답에 미노출). + */ +@RestController +@RequestMapping("/api/ai/feedback") +@RequiredArgsConstructor +public class FeedbackController { + + private final LearningFeedbackService service; + + @PostMapping + public ApiResponse> submit(@RequestBody Map req) { + Map out = service.submit( + req.get("feature"), + req.get("question"), + req.get("answer"), + req.getOrDefault("verdict", "unknown"), + req.get("correction"), + AuditService.currentActor()); + return ApiResponse.ok(out); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningFeedbackService.java b/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningFeedbackService.java new file mode 100644 index 0000000..3a87667 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningFeedbackService.java @@ -0,0 +1,78 @@ +package com.zioinfo.cms.ai.learning; + +import com.zioinfo.cms.rag.RagProperties; +import lombok.RequiredArgsConstructor; +import lombok.extern.slf4j.Slf4j; +import org.springframework.stereotype.Service; +import org.springframework.web.reactive.function.client.WebClient; + +import java.time.Duration; +import java.util.LinkedHashMap; +import java.util.Map; + +/** + * AI 피드백 수집 서비스. [GUARDiA-CMS] + * + *

스펙(AI_PLATFORM_SPEC §5): 피드백(👍/👎 + 교정)은 로컬 DuckDB 기록 + 중앙 guardia-rag + * {@code /feedback} 전달(둘 다). 로컬은 솔루션별 AI 분석/오프라인, 중앙은 통합 학습·평가 게이트. + * + *

안전: 두 경로 모두 best-effort — 실패해도 예외를 전파하지 않는다. 중앙 전달은 + * 온프레미스 루프백(RagProperties base-url)만. 자격증명/스택트레이스 미노출(요약 로깅). + */ +@Slf4j +@Service +@RequiredArgsConstructor +public class LearningFeedbackService { + + private final LearningStore store; + private final WebClient.Builder webClientBuilder; + private final RagProperties ragProps; + + /** + * 피드백 1건 처리: 로컬 DuckDB 기록 + 중앙 rag 전달. + * + * @return {@code {localStored, centralForwarded}} — 실패 시 각 false(요청은 성공 응답). + */ + public Map submit(String feature, String question, String answer, + String verdict, String correction, String userRef) { + Map result = new LinkedHashMap<>(); + boolean localStored = false; + try { + store.insertFeedback(feature, question, answer, verdict, correction, userRef); + localStored = store.available(); + } catch (Exception e) { + log.warn("로컬 피드백 기록 실패(무시): {}", e.getClass().getSimpleName()); + } + result.put("localStored", localStored); + result.put("centralForwarded", forwardCentral(feature, question, answer, verdict, correction)); + return result; + } + + /** 중앙 guardia-rag /feedback 전달(best-effort, 온프레미스 루프백 전용). */ + private boolean forwardCentral(String feature, String question, String answer, + String verdict, String correction) { + if (!ragProps.isEnabled()) return false; + try { + Map body = new LinkedHashMap<>(); + body.put("solution", ragProps.getSolution()); + body.put("feature", feature); + body.put("question", LearningStore.maskPii(question)); + body.put("answer", LearningStore.maskPii(answer)); + body.put("verdict", verdict); + if (correction != null && !correction.isBlank()) { + body.put("correction", LearningStore.maskPii(correction)); + } + webClientBuilder.baseUrl(ragProps.getBaseUrl()).build() + .post().uri("/feedback") + .bodyValue(body) + .retrieve() + .bodyToMono(String.class) + .timeout(Duration.ofSeconds(5)) + .block(); + return true; + } catch (Exception e) { + log.warn("중앙 rag /feedback 전달 실패(무시): {}", e.getClass().getSimpleName()); + return false; + } + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningStore.java b/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningStore.java new file mode 100644 index 0000000..ab3b455 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/learning/LearningStore.java @@ -0,0 +1,178 @@ +package com.zioinfo.cms.ai.learning; + +import jakarta.annotation.PreDestroy; +import lombok.extern.slf4j.Slf4j; +import org.springframework.beans.factory.annotation.Value; +import org.springframework.stereotype.Component; + +import java.io.File; +import java.sql.Connection; +import java.sql.DriverManager; +import java.sql.PreparedStatement; +import java.sql.Statement; +import java.util.regex.Pattern; + +/** + * 로컬 임베디드 DuckDB AI 학습/피드백 저장소. [GUARDiA-CMS] + * + *

스펙(AI_PLATFORM_SPEC §5): 각 솔루션은 로컬 DuckDB 파일을 AI 피드백·추론로그·학습 데이터셋 + * 저장소로 사용한다. 파일 = {@code /opt/guardia-cms/data/cms_learning.duckdb}(솔루션별 격리). + * 테이블(멱등): {@code ai_feedback}, {@code ai_infer_log}. + * + *

안전(최우선): 본 저장소는 절대 요청 흐름을 끊지 않는다. 연결/DDL/INSERT 실패 시 예외를 + * 전파하지 않고 경고만 남기며 disabled 로 degrade 한다(피드백 UI·라우터는 정상 동작 유지). 연결은 + * 최초 사용 시 지연 오픈(부팅 실패 방지). 파일 부모 디렉터리가 없으면 생성 시도. + * + *

PII 보호: 저장 전 {@link #maskPii(String)} 로 주민번호/카드번호/전화번호/이메일 마스킹. + * 자격증명/비밀번호/내부 IP 는 애초에 수집하지 않는다. + */ +@Slf4j +@Component +public class LearningStore { + + private static final String SOLUTION = "cms"; + + private final String dbPath; + private volatile Connection conn; // 지연 오픈 단일 연결(쓰기 직렬화) + private volatile boolean disabled; // 오픈/DDL 실패 시 true — 이후 조용히 no-op + private final Object lock = new Object(); + + public LearningStore(@Value("${guardia.duckdb.path:/opt/guardia-cms/data/cms_learning.duckdb}") String dbPath) { + this.dbPath = dbPath; + } + + /** 저장소 가용 여부(연결 확보 시도 포함). */ + public boolean available() { + return connection() != null; + } + + /** 피드백 저장(👍/👎 + 교정). 실패는 무시(best-effort). */ + public void insertFeedback(String feature, String question, String answer, + String verdict, String correction, String userRef) { + Connection c = connection(); + if (c == null) return; + String sql = "INSERT INTO ai_feedback " + + "(id, ts, solution, feature, question, answer, verdict, correction, user_masked) " + + "VALUES (nextval('seq_ai_feedback'), CURRENT_TIMESTAMP, ?, ?, ?, ?, ?, ?, ?)"; + synchronized (lock) { + try (PreparedStatement ps = c.prepareStatement(sql)) { + ps.setString(1, SOLUTION); + ps.setString(2, trunc(feature, 120)); + ps.setString(3, maskPii(trunc(question, 4000))); + ps.setString(4, maskPii(trunc(answer, 4000))); + ps.setString(5, normVerdict(verdict)); + ps.setString(6, maskPii(trunc(correction, 4000))); + ps.setString(7, maskPii(trunc(userRef, 200))); + ps.executeUpdate(); + } catch (Exception e) { + log.warn("DuckDB ai_feedback INSERT 실패(무시): {}", e.getClass().getSimpleName()); + } + } + } + + /** 추론 로그(provider/model/지연/degraded). 실패는 무시(best-effort). */ + public void logInfer(String provider, String model, long latencyMs, boolean degraded) { + Connection c = connection(); + if (c == null) return; + String sql = "INSERT INTO ai_infer_log (id, ts, provider, model, latency_ms, degraded) " + + "VALUES (nextval('seq_ai_infer_log'), CURRENT_TIMESTAMP, ?, ?, ?, ?)"; + synchronized (lock) { + try (PreparedStatement ps = c.prepareStatement(sql)) { + ps.setString(1, trunc(provider, 40)); + ps.setString(2, trunc(model, 80)); + ps.setLong(3, latencyMs); + ps.setBoolean(4, degraded); + ps.executeUpdate(); + } catch (Exception e) { + log.warn("DuckDB ai_infer_log INSERT 실패(무시): {}", e.getClass().getSimpleName()); + } + } + } + + // ---------------------------------------------------------------- 지연 오픈 + 멱등 DDL + + private Connection connection() { + if (disabled) return null; + Connection existing = conn; + if (existing != null) return existing; + synchronized (lock) { + if (disabled) return null; + if (conn != null) return conn; + try { + File f = new File(dbPath); + File dir = f.getParentFile(); + if (dir != null && !dir.exists() && !dir.mkdirs()) { + log.warn("DuckDB 데이터 디렉터리 생성 불가 — 로컬 학습저장소 비활성: {}", dir.getPath()); + disabled = true; + return null; + } + // DuckDB JDBC 드라이버 로드(명시) → 연결 오픈 → 멱등 DDL. + Class.forName("org.duckdb.DuckDBDriver"); + Connection c = DriverManager.getConnection("jdbc:duckdb:" + dbPath); + initSchema(c); + conn = c; + log.info("DuckDB 로컬 학습저장소 준비 완료: {}", dbPath); + return conn; + } catch (Throwable t) { + log.warn("DuckDB 로컬 학습저장소 비활성(무시): {}", t.getClass().getSimpleName()); + disabled = true; + return null; + } + } + } + + private void initSchema(Connection c) throws Exception { + try (Statement st = c.createStatement()) { + st.execute("CREATE SEQUENCE IF NOT EXISTS seq_ai_feedback START 1"); + st.execute("CREATE SEQUENCE IF NOT EXISTS seq_ai_infer_log START 1"); + st.execute("CREATE TABLE IF NOT EXISTS ai_feedback (" + + "id BIGINT PRIMARY KEY, ts TIMESTAMP, solution VARCHAR, feature VARCHAR, " + + "question VARCHAR, answer VARCHAR, verdict VARCHAR, correction VARCHAR, user_masked VARCHAR)"); + st.execute("CREATE TABLE IF NOT EXISTS ai_infer_log (" + + "id BIGINT PRIMARY KEY, ts TIMESTAMP, provider VARCHAR, model VARCHAR, " + + "latency_ms BIGINT, degraded BOOLEAN)"); + } + } + + @PreDestroy + void close() { + synchronized (lock) { + if (conn != null) { + try { conn.close(); } catch (Exception ignore) { } + conn = null; + } + } + } + + // ---------------------------------------------------------------- helpers + + private static final Pattern RRN = Pattern.compile("\\b\\d{6}[- ]?\\d{7}\\b"); // 주민번호 + private static final Pattern CARD = Pattern.compile("\\b(?:\\d[ -]?){13,16}\\b"); // 카드/계좌 + private static final Pattern PHONE = Pattern.compile("\\b0\\d{1,2}[- ]?\\d{3,4}[- ]?\\d{4}\\b"); // 전화 + private static final Pattern EMAIL = Pattern.compile("[\\w.+-]+@[\\w-]+\\.[\\w.-]+"); // 이메일 + + /** 저장 전 PII 마스킹(주민/카드/전화/이메일). null 안전. */ + static String maskPii(String s) { + if (s == null || s.isBlank()) return s; + String out = RRN.matcher(s).replaceAll("######-#######"); + out = CARD.matcher(out).replaceAll("****-****-****-****"); + out = PHONE.matcher(out).replaceAll("***-****-****"); + out = EMAIL.matcher(out).replaceAll("***@***"); + return out; + } + + private static String normVerdict(String v) { + if (v == null) return "unknown"; + String t = v.trim().toLowerCase(); + return switch (t) { + case "up", "good", "positive", "👍" -> "up"; + case "down", "bad", "negative", "👎" -> "down"; + default -> t.isEmpty() ? "unknown" : trunc(t, 20); + }; + } + + private static String trunc(String s, int max) { + if (s == null) return null; + return s.length() <= max ? s : s.substring(0, max); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/service/AiConfigService.java b/backend/src/main/java/com/zioinfo/cms/ai/service/AiConfigService.java new file mode 100644 index 0000000..9898334 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/service/AiConfigService.java @@ -0,0 +1,248 @@ +package com.zioinfo.cms.ai.service; + +import com.zioinfo.cms.admin.AuditService; +import com.zioinfo.cms.admin.dto.CmsSetting; +import com.zioinfo.cms.admin.mapper.SettingMapper; +import com.zioinfo.cms.ai.OllamaClient; +import com.zioinfo.cms.ai.dto.AiConfigDto; +import com.zioinfo.cms.ai.dto.AiConfigUpdateRequest; +import com.zioinfo.cms.common.ai.ClaudeTextClient; +import com.zioinfo.cms.common.ai.TextAiClient.GenResult; +import lombok.RequiredArgsConstructor; +import org.springframework.beans.factory.annotation.Value; +import org.springframework.stereotype.Service; + +import java.util.Set; + +/** + * AI provider 런타임 설정(cms_setting, key='ai.*') 단일 출처 서비스. [GUARDiA-CMS] + * + *

해상도: DB(cms_setting) 우선 → 미설정 시 기본값/env 폴백. 시드(db/104) 미적용/키 비움 + * 상태에서도 기존 Ollama 동작이 바이트 동일하게 유지된다(provider 기본 ollama, ollamaTextModel 미설정 시 + * {@code guardia.ollama-text-model} env 그대로). + * + *

보안: Claude API 키는 본 서비스가 다루지 않는다. {@code claudeKeySet} 은 + * {@link ClaudeTextClient#isConfigured()}(환경변수 존재 여부)만 반환 — 값/길이/마스킹 일절 미포함. + * + *

프로바이더: claude / qwen3 / deepseek / glm / ollama. Ollama 계열(qwen3·deepseek·glm·ollama)은 + * 각 해당 소형 텍스트 모델로 generate. claude 는 Claude→실패 시 Ollama(선택모델) 폴백(라우터). + * glm(glm4:9b)은 화이트리스트에는 있으나 서버 RAM 초과 가능 → 콜드로드 실패 시 폴백(설정 화면 RAM 배지). + * + *

레퍼런스: guardia-ocr {@code ai.service.AiConfigService} 미러(glm provider 확장). + */ +@Service +@RequiredArgsConstructor +public class AiConfigService { + + // --- cms_setting 키 (db/104 시드와 일치) + public static final String K_PROVIDER = "ai.provider"; // ENUM: ollama|claude|qwen3|deepseek|glm + public static final String K_CLAUDE_MODEL = "ai.claude.model"; // ENUM: 화이트리스트 + public static final String K_OLLAMA_TEXT_MODEL = "ai.ollama.textModel"; // STRING (미설정 시 env 폴백) + public static final String K_ENABLED = "ai.enabled"; // BOOL (off=규칙기반 degraded) + + public static final String PROVIDER_OLLAMA = "ollama"; + public static final String PROVIDER_CLAUDE = "claude"; + public static final String PROVIDER_QWEN3 = "qwen3"; + public static final String PROVIDER_DEEPSEEK = "deepseek"; + public static final String PROVIDER_GLM = "glm"; + public static final String DEFAULT_CLAUDE_MODEL = "claude-sonnet-4-6"; + + // Ollama 계열 provider → 고정 소형 모델(서버 RAM 제약 준수) + public static final String MODEL_QWEN3 = "qwen3:1.7b"; + public static final String MODEL_DEEPSEEK = "deepseek-r1:1.5b"; + public static final String MODEL_GLM = "glm4:9b"; // RAM 초과 가능(설정 화면 배지) — 콜드로드 실패 시 폴백 + + /** 허용 provider(임의 문자열 거부). */ + public static final Set ALLOWED_PROVIDERS = + Set.of(PROVIDER_OLLAMA, PROVIDER_CLAUDE, PROVIDER_QWEN3, PROVIDER_DEEPSEEK, PROVIDER_GLM); + /** 허용 Claude 모델 ID(임의 문자열 거부). */ + public static final Set ALLOWED_CLAUDE_MODELS = + Set.of("claude-sonnet-4-6", "claude-haiku-4-5", "claude-opus-4-8"); + /** 허용 Ollama 텍스트 모델(임의 문자열 거부). */ + public static final Set ALLOWED_OLLAMA_MODELS = + Set.of("qwen3:1.7b", "deepseek-r1:1.5b", "glm4:9b", "llama3.2:1b"); + + private final SettingMapper repo; + private final ClaudeTextClient claudeClient; + private final OllamaClient ollamaClient; // 연결 테스트용 텍스트 generate + private final AuditService auditService; + + /** 서버 기본 Ollama 텍스트 모델(application.yml guardia.ollama-text-model). */ + @Value("${guardia.ollama-text-model:llama3.2:1b}") + private String defaultOllamaTextModel; + + // ---------------------------------------------------------------- 효과값(DB 우선 → 기본) + + /** 효과 provider. DB 우선, 미설정/비허용 시 ollama. */ + public String provider() { + String v = dbVal(K_PROVIDER); + if (v != null) { + String p = v.trim().toLowerCase(); + if (ALLOWED_PROVIDERS.contains(p)) { + return p; + } + } + return PROVIDER_OLLAMA; + } + + /** 효과 Claude 모델 ID(DB 우선, 미설정/비허용 시 기본 sonnet-4-6). */ + public String claudeModel() { + String v = dbVal(K_CLAUDE_MODEL); + if (v != null) { + String m = v.trim(); + if (ALLOWED_CLAUDE_MODELS.contains(m)) { + return m; + } + } + return DEFAULT_CLAUDE_MODEL; + } + + /** + * 효과 Ollama 텍스트 모델. provider=qwen3/deepseek/glm 이면 고정 모델, 그 외(ollama·claude 폴백)는 + * DB 설정(화이트리스트) 우선 → 미설정 시 env 기본(llama3.2:1b). 라우터의 Ollama 경로·Claude 폴백 공용. + */ + public String ollamaTextModel() { + String p = provider(); + if (PROVIDER_QWEN3.equals(p)) { + return MODEL_QWEN3; + } + if (PROVIDER_DEEPSEEK.equals(p)) { + return MODEL_DEEPSEEK; + } + if (PROVIDER_GLM.equals(p)) { + return MODEL_GLM; + } + String v = dbVal(K_OLLAMA_TEXT_MODEL); + if (v != null && ALLOWED_OLLAMA_MODELS.contains(v.trim())) { + return v.trim(); + } + return defaultOllamaTextModel; + } + + /** 전역 AI 토글(ai.enabled). false 면 모든 AI 결과는 규칙기반(degraded). 기본 true. */ + public boolean aiEnabled() { + String v = dbVal(K_ENABLED); + return v == null || !"false".equalsIgnoreCase(v.trim()); + } + + /** Claude API 키가 환경변수로 설정되어 있는지(여부만). */ + public boolean claudeKeySet() { + return claudeClient.isConfigured(); + } + + /** + * 실제 호출이 Claude 경로로 가야 하는지: provider=claude · 키 설정됨 · AI 전역 활성. + * false 면 호출자는 Ollama 경로/폴백을 사용한다(키 미설정/실패 시 자동 폴백 정책 반영). + */ + public boolean isClaudeActive() { + return PROVIDER_CLAUDE.equals(provider()) && claudeKeySet() && aiEnabled(); + } + + // ---------------------------------------------------------------- ADMIN: 조회 / 갱신 + + /** 현재 효과 설정 조회. 키 값·길이·마스킹 일절 미포함(claudeKeySet 불리언만). */ + public AiConfigDto getConfig() { + return new AiConfigDto( + provider(), + ollamaTextModel(), + claudeModel(), + claudeKeySet(), + aiEnabled()); + } + + /** + * 설정 갱신(upsert). 화이트리스트 검증: provider∈{ollama,claude,qwen3,deepseek,glm}, claudeModel∈허용셋, + * ollamaTextModel(선택)∈허용셋. 재기동 없이 다음 호출부터 반영. + */ + public AiConfigDto update(AiConfigUpdateRequest req, String actor) { + String provider = req.provider() == null ? "" : req.provider().trim().toLowerCase(); + if (!ALLOWED_PROVIDERS.contains(provider)) { + throw new IllegalArgumentException("ERR-AI-400: provider 는 ollama/claude/qwen3/deepseek/glm 중 하나여야 합니다."); + } + upsertAudited(K_PROVIDER, provider, actor); + + if (req.claudeModel() != null && !req.claudeModel().isBlank()) { + String model = req.claudeModel().trim(); + if (!ALLOWED_CLAUDE_MODELS.contains(model)) { + throw new IllegalArgumentException("ERR-AI-400: 허용되지 않은 Claude 모델 ID 입니다."); + } + upsertAudited(K_CLAUDE_MODEL, model, actor); + } + + // ollamaTextModel 은 선택. 제공 시에만 갱신(미제공/공백 = 기존 유지). + if (req.ollamaTextModel() != null && !req.ollamaTextModel().isBlank()) { + String om = req.ollamaTextModel().trim(); + if (!ALLOWED_OLLAMA_MODELS.contains(om)) { + throw new IllegalArgumentException("ERR-AI-400: 허용되지 않은 Ollama 텍스트 모델입니다."); + } + upsertAudited(K_OLLAMA_TEXT_MODEL, om, actor); + } + return getConfig(); + } + + // ---------------------------------------------------------------- ADMIN: 연결 테스트 + + /** + * 저장된 설정 기준으로 선택 provider 에 짧은 ping 생성을 요청해 연결을 확인한다. + * 결과 메시지에는 키·스택트레이스·내부 IP 를 절대 포함하지 않는다(요약만). + */ + public TestResult test() { + if (isClaudeActive()) { + String model = claudeModel(); + long start = System.currentTimeMillis(); + GenResult r = claudeClient.generate("ping", model, 8); + long ms = System.currentTimeMillis() - start; + if (!r.degraded() && r.text() != null && !r.text().isBlank()) { + return new TestResult(true, false, "정상 · " + model + " · " + fmtMs(ms)); + } + return new TestResult(false, true, "Claude 연결 실패 · 모델/네트워크/키 설정을 확인하세요."); + } + // provider=claude 인데 키 미설정 → 실제로는 Ollama 폴백 동작 안내(혼선 방지). + if (PROVIDER_CLAUDE.equals(provider()) && !claudeKeySet()) { + return new TestResult(false, true, + "Claude API 키가 설정되지 않아 Ollama(온프레미스)로 폴백 동작합니다. 서버 환경변수 설정 후 다시 시도하세요."); + } + // Ollama 계열 경로(ollama/qwen3/deepseek/glm) + if (!aiEnabled()) { + return new TestResult(false, true, "AI 기능이 비활성 상태입니다. 모든 AI 결과는 규칙 기반(degraded)으로 동작합니다."); + } + String model = ollamaTextModel(); + long start = System.currentTimeMillis(); + String txt = ollamaClient.generate("ping", model); + long ms = System.currentTimeMillis() - start; + if (txt != null && !txt.isBlank()) { + return new TestResult(true, false, "정상 · " + model + " · " + fmtMs(ms)); + } + return new TestResult(false, true, "Ollama 연결 실패 또는 모델 미가용 — 설정을 확인하세요."); + } + + private static String fmtMs(long ms) { + return String.format("%.1fs", ms / 1000.0); + } + + /** 연결 테스트 결과(요약만 — 키/스택/IP 미노출). */ + public record TestResult(boolean ok, boolean degraded, String message) { + } + + // ---------------------------------------------------------------- helpers + + /** DB 값(공백/null 은 '미설정'으로 보고 null 반환 → 기본/env 폴백 유도). */ + private String dbVal(String key) { + CmsSetting c = repo.findByKey(key); + if (c == null) { + return null; + } + String v = c.getValue(); + return (v != null && !v.isBlank()) ? v : null; + } + + private void upsertAudited(String key, String val, String actor) { + CmsSetting before = repo.findByKey(key); + String prev = before == null ? "(none)" : before.getValue(); + if (val.equals(prev)) { + return; // 변경 없음 → 감사 로그 생략 + } + repo.upsert(key, val); + auditService.log(actor == null ? "SYSTEM" : actor, "AI_CONFIG_CHANGE", key, prev + " -> " + val); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/ai/service/AiTextRouter.java b/backend/src/main/java/com/zioinfo/cms/ai/service/AiTextRouter.java new file mode 100644 index 0000000..2642e50 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/ai/service/AiTextRouter.java @@ -0,0 +1,85 @@ +package com.zioinfo.cms.ai.service; + +import com.zioinfo.cms.ai.OllamaClient; +import com.zioinfo.cms.ai.learning.LearningStore; +import com.zioinfo.cms.common.ai.ClaudeTextClient; +import com.zioinfo.cms.common.ai.TextAiClient; +import com.zioinfo.cms.common.ai.TextAiClient.GenResult; +import lombok.RequiredArgsConstructor; +import lombok.extern.slf4j.Slf4j; +import org.springframework.stereotype.Service; + +/** + * AI provider 선택 라우팅(런타임). 평문 텍스트 생성 진입점(콘텐츠초안·SEO·번역·리뷰요약·검색 등). [GUARDiA-CMS] + * {@link AiConfigService#provider()} 를 읽어 Claude ↔ Ollama(qwen3/deepseek/glm/기존소형) 를 선택한다. + * + *

선택/폴백 정책: + *

    + *
  • provider=claude · 키 설정됨 · AI 활성 → {@link ClaudeTextClient}. 실패(degraded)면 Ollama 자동 폴백(선택모델).
    • + *
  • provider=qwen3/deepseek/glm/ollama → 해당 Ollama 소형 텍스트 모델로 generate.
    • + *
  • provider=claude 인데 키 미설정 → 곧장 Ollama(폴백모델).
    • + *
+ * 두 경로 모두 실패 시 {@code GenResult.degraded=true·text=null} → 호출자가 기존 규칙기반 폴백 유지(무회귀). + * + *

비전(llava/moondream) 경로는 {@link OllamaClient#vision} 이 담당한다(이 텍스트 라우터를 거치지 + * 않음 — Claude 비전 전환은 본 트랙 범위 밖). + * + *

레퍼런스: guardia-ocr {@code ai.service.AiTextRouter} 미러(OllamaClient 텍스트 경로 치환). + */ +@Slf4j +@Service +@RequiredArgsConstructor +public class AiTextRouter implements TextAiClient { + + private final AiConfigService aiConfig; + private final ClaudeTextClient claudeClient; + private final OllamaClient ollamaClient; // 온프레미스 평문 generate + private final LearningStore learningStore; // 로컬 DuckDB 추론 로그(best-effort) + + /** + * 선택된 provider 로 텍스트를 생성한다. Claude 선택·실패 시 Ollama 폴백. 예외를 던지지 않는다. + * 추론 지연/degraded 를 로컬 DuckDB(ai_infer_log)에 best-effort 기록한다. + */ + @Override + public GenResult generate(String prompt) { + long start = System.currentTimeMillis(); + if (aiConfig.isClaudeActive()) { + String claudeModel = aiConfig.claudeModel(); + GenResult r = claudeClient.generate(prompt, claudeModel); + if (!r.degraded() && r.text() != null && !r.text().isBlank()) { + learningStore.logInfer("claude", claudeModel, System.currentTimeMillis() - start, false); + return r; + } + // claude 실패/빈응답 → 온프레미스 Ollama 자동 폴백(선택모델). + log.warn("Claude path degraded -> Ollama fallback"); + String om = aiConfig.ollamaTextModel(); + GenResult fb = ollamaGenerate(prompt, om); + learningStore.logInfer("ollama(claude-fallback)", om, System.currentTimeMillis() - start, fb.degraded()); + return fb; + } + // provider = ollama / qwen3 / deepseek / glm → 해당 Ollama 소형 모델 + String provider = aiConfig.provider(); + String om = aiConfig.ollamaTextModel(); + GenResult r = ollamaGenerate(prompt, om); + learningStore.logInfer(provider, om, System.currentTimeMillis() - start, r.degraded()); + return r; + } + + /** + * 라우팅된 텍스트를 String 으로 반환(기존 {@code OllamaClient.generate(prompt)} 호출부 호환용). + * 실패 시 빈 문자열 — 기존 AiService 폴백이 그대로 동작(무회귀). + */ + public String generateText(String prompt) { + GenResult r = generate(prompt); + return (r == null || r.degraded() || r.text() == null) ? "" : r.text(); + } + + /** Ollama 평문 generate 를 GenResult 로 래핑(실패 시 degraded). */ + private GenResult ollamaGenerate(String prompt, String model) { + String txt = ollamaClient.generate(prompt, model); + if (txt == null || txt.isBlank()) { + return new GenResult(null, true); + } + return new GenResult(txt, false); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/common/ai/ClaudeTextClient.java b/backend/src/main/java/com/zioinfo/cms/common/ai/ClaudeTextClient.java new file mode 100644 index 0000000..fa7a5e8 --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/common/ai/ClaudeTextClient.java @@ -0,0 +1,171 @@ +package com.zioinfo.cms.common.ai; + +import com.fasterxml.jackson.databind.JsonNode; +import com.fasterxml.jackson.databind.ObjectMapper; +import com.zioinfo.cms.common.ai.TextAiClient.GenResult; +import lombok.extern.slf4j.Slf4j; +import org.springframework.beans.factory.annotation.Value; +import org.springframework.stereotype.Service; + +import java.net.URI; +import java.net.http.HttpClient; +import java.net.http.HttpRequest; +import java.net.http.HttpResponse; +import java.time.Duration; + +/** + * 외부 Claude(Anthropic) Messages API 텍스트 생성 클라이언트. [ISSUER=GUARDiA-CMS] + * + *

외부 호출 예외 허용: 본 클라이언트는 소유자 승인(2026-07-03)에 따라 {@code api.anthropic.com} + * 호출이 허용된 유일한 외부 경로다. 그 외 외부 API 호출은 여전히 금지(Ollama localhost 전용). + * + *

API 키 보안(최우선): 키는 환경변수 {@code ANTHROPIC_API_KEY} 에서만 로드하며 + * ({@code @Value("${ANTHROPIC_API_KEY:}")}), DB·코드·커밋·로그·응답·예외 메시지 어디에도 기록하지 않는다. + * 키는 오직 HTTP 헤더 {@code x-api-key} 로만 전달된다. 로그는 상태코드/예외 클래스명만 남긴다(본문·키 미기록). + * + *

실패 처리: 키 미설정/타임아웃/비200/예외 시 {@code GenResult.degraded=true·text=null} 반환 + * (예외를 던지지 않음 → 호출자는 Ollama 폴백). 신규 라이브러리 0 — JDK {@link HttpClient} 사용. + * + *

모델은 인자로 받는다(호출자가 화이트리스트 검증된 모델 ID 전달). 인터페이스 {@link TextAiClient}의 + * {@code generate(String)} 은 기본 모델로 위임한다(주로 라우터가 모델을 명시 호출). + * + *

레퍼런스: guardia-ocr {@code com.zioinfo.ocr.common.ai.ClaudeTextClient} 미러(패키지·ISSUER 치환). + */ +@Slf4j +@Service +public class ClaudeTextClient implements TextAiClient { + + /** Anthropic Messages API 엔드포인트(외부 호출 예외 허용 단일 경로). */ + private static final String API_URL = "https://api.anthropic.com/v1/messages"; + /** Anthropic 버전 헤더(고정). */ + private static final String ANTHROPIC_VERSION = "2023-06-01"; + /** 기본 모델(키 검증된 화이트리스트의 기본값). */ + static final String DEFAULT_MODEL = "claude-sonnet-4-6"; + /** 일반 생성 max_tokens. */ + private static final int DEFAULT_MAX_TOKENS = 1024; + /** 콜드 응답 대비 요청 타임아웃(초). Ollama timeout 과 동급. */ + private static final int TIMEOUT_SEC = 120; + private static final int CONNECT_TIMEOUT_SEC = 15; + + private static final ObjectMapper MAPPER = new ObjectMapper(); + + /** 환경변수 전용 주입. 미설정 시 빈 문자열(=미구성). 값은 절대 외부 노출/로그 금지. */ + @Value("${ANTHROPIC_API_KEY:}") + private String apiKey; + + /** API 키가 환경변수로 설정되어 있는지(여부만 — 값/길이/마스킹 일절 미노출). */ + public boolean isConfigured() { + return apiKey != null && !apiKey.isBlank(); + } + + /** {@link TextAiClient} 계약: 기본 모델로 생성. */ + @Override + public GenResult generate(String prompt) { + return generate(prompt, DEFAULT_MODEL); + } + + /** 지정 모델로 생성(라우터가 화이트리스트 검증된 모델 ID 전달). */ + public GenResult generate(String prompt, String model) { + return generate(prompt, model, DEFAULT_MAX_TOKENS); + } + + /** + * Anthropic Messages API 호출. 실패 시 {@code degraded=true·text=null}. + * 키·요청본문·응답본문은 로그에 남기지 않는다(상태코드/예외 클래스명만). + */ + public GenResult generate(String prompt, String model, int maxTokens) { + if (!isConfigured()) { + return new GenResult(null, true); + } + if (prompt == null || prompt.isBlank()) { + return new GenResult(null, true); + } + String useModel = (model == null || model.isBlank()) ? DEFAULT_MODEL : model.trim(); + int tokens = maxTokens > 0 ? maxTokens : DEFAULT_MAX_TOKENS; + try { + String payload = "{" + + "\"model\":" + str(useModel) + "," + + "\"max_tokens\":" + tokens + "," + + "\"messages\":[{\"role\":\"user\",\"content\":" + str(prompt) + "}]" + + "}"; + + HttpClient client = HttpClient.newBuilder() + .connectTimeout(Duration.ofSeconds(CONNECT_TIMEOUT_SEC)) + .build(); + HttpRequest req = HttpRequest.newBuilder() + .uri(URI.create(API_URL)) + .timeout(Duration.ofSeconds(TIMEOUT_SEC)) + .header("content-type", "application/json") + .header("x-api-key", apiKey) // 키는 헤더로만 — 로그/응답 미노출 + .header("anthropic-version", ANTHROPIC_VERSION) + .POST(HttpRequest.BodyPublishers.ofString(payload)) + .build(); + HttpResponse resp = client.send(req, HttpResponse.BodyHandlers.ofString()); + if (resp.statusCode() != 200) { + log.warn("Claude API status {} -> degraded fallback", resp.statusCode()); // 본문 미기록 + return new GenResult(null, true); + } + String text = extractText(resp.body()); + if (text == null || text.isBlank()) { + return new GenResult(null, true); + } + return new GenResult(text.trim(), false); + } catch (Exception e) { + log.warn("Claude API call failed -> degraded fallback: {}", e.getClass().getSimpleName()); // 메시지·키 미기록 + return new GenResult(null, true); + } + } + + /** Messages API 응답에서 content[].text(type=text) 추출·연결. */ + private static String extractText(String body) { + if (body == null || body.isBlank()) { + return null; + } + try { + JsonNode root = MAPPER.readTree(body); + JsonNode content = root.get("content"); + if (content == null || !content.isArray()) { + return null; + } + StringBuilder sb = new StringBuilder(); + for (JsonNode block : content) { + JsonNode type = block.get("type"); + if (type != null && "text".equals(type.asText())) { + JsonNode t = block.get("text"); + if (t != null && !t.isNull()) { + sb.append(t.asText()); + } + } + } + String out = sb.toString(); + return out.isBlank() ? null : out; + } catch (Exception e) { + return null; + } + } + + /** JSON 문자열 이스케이프(프롬프트 직렬화 규칙). */ + private static String str(String s) { + if (s == null) { + return "\"\""; + } + StringBuilder sb = new StringBuilder("\""); + for (char c : s.toCharArray()) { + switch (c) { + case '"' -> sb.append("\\\""); + case '\\' -> sb.append("\\\\"); + case '\n' -> sb.append("\\n"); + case '\r' -> sb.append("\\r"); + case '\t' -> sb.append("\\t"); + default -> { + if (c < 0x20) { + sb.append(String.format("\\u%04x", (int) c)); + } else { + sb.append(c); + } + } + } + } + return sb.append("\"").toString(); + } +} diff --git a/backend/src/main/java/com/zioinfo/cms/common/ai/TextAiClient.java b/backend/src/main/java/com/zioinfo/cms/common/ai/TextAiClient.java new file mode 100644 index 0000000..030283a --- /dev/null +++ b/backend/src/main/java/com/zioinfo/cms/common/ai/TextAiClient.java @@ -0,0 +1,27 @@ +package com.zioinfo.cms.common.ai; + +/** + * 텍스트 생성 공용 인터페이스 (AI provider 추상화). [GUARDiA-CMS] + * + *

온프레미스 Ollama({@code com.zioinfo.cms.ai.OllamaClient})와 외부 Claude({@link ClaudeTextClient})를 + * 동일 계약으로 다루기 위한 얇은 추상화. 구현체는 어떤 사유로든(비활성/실패/타임아웃/키미설정) 실패 시 + * {@link GenResult#degraded()}=true · {@link GenResult#text()}=null 을 반환하고, 호출자가 폴백을 책임진다. + * + *

provider 선택/폴백 라우팅은 {@code ai.service.AiTextRouter} 가 담당한다(이 인터페이스를 구현). + * + *

레퍼런스: guardia-ocr {@code com.zioinfo.ocr.common.ai.TextAiClient} 미러(패키지·ISSUER 치환). + */ +public interface TextAiClient { + + /** + * 프롬프트로 텍스트를 생성한다. 실패 시 {@code degraded=true·text=null}(예외를 던지지 않음). + * + * @param prompt 한국어 지시문(컨텍스트 포함) + * @return 생성 결과(텍스트 또는 degraded 폴백 신호) + */ + GenResult generate(String prompt); + + /** 생성 결과: 텍스트(폴백 시 null) + degraded(폴백 여부). */ + record GenResult(String text, boolean degraded) { + } +} diff --git a/backend/src/main/resources/application.yml b/backend/src/main/resources/application.yml index a408d6c..fa3873c 100644 --- a/backend/src/main/resources/application.yml +++ b/backend/src/main/resources/application.yml @@ -9,14 +9,17 @@ spring: username: ${DB_USER:cms_user} password: ${DB_PASS:cms_pass2026} driver-class-name: org.postgresql.Driver + hikari: + # 공유 PostgreSQL max_connections 포화 방지(형제 솔루션 다수 동거) — 풀 캡 3. + maximum-pool-size: ${DB_POOL_MAX:3} sql: init: # UIWS 이식: 91_uiws_port.sql(신규 tb_uiws_* + cms_user 2FA ALTER, 전부 멱등)만 부팅 시 적용. # 기존 schema.sql 은 deploy_server 가 psql 로 별도 적용(비멱등 cms_setting/cms_i18n 시드 충돌 회피). # 91_uiws_port.sql 단독은 완전 멱등 → mode:always 안전. continue-on-error 로 부분 실패 격리. mode: ${SQL_INIT_MODE:always} - # 91=업무모듈+2FA ALTER, 92=system(시스템관리·권한관리) 이식. 둘 다 완전 멱등. - schema-locations: classpath:db/91_uiws_port.sql,classpath:db/92_uiws_system.sql + # 91=업무모듈+2FA ALTER, 92=system(시스템관리·권한관리) 이식, 104=AI 플랫폼 설정 시드. 전부 멱등. + schema-locations: classpath:db/91_uiws_port.sql,classpath:db/92_uiws_system.sql,classpath:db/104_seed_ai_config.sql continue-on-error: true servlet: multipart: @@ -45,6 +48,9 @@ guardia: ollama-url: ${OLLAMA_URL:http://localhost:11434} ollama-text-model: ${OLLAMA_TEXT_MODEL:llama3.2:1b} ollama-vision-model: ${OLLAMA_VISION_MODEL:moondream} + # 로컬 임베디드 DuckDB — AI 피드백/추론 학습 저장소(솔루션별 격리). 서버 기본 경로. + duckdb: + path: ${CMS_DUCKDB_PATH:/opt/guardia-cms/data/cms_learning.duckdb} # 중앙 guardia-rag 연동 (최신 AI 기법 배선 — 별개 레이어, 미가용 시 CMS 로컬 폴백). # 보안 불변: 온프레미스(서버 내부 루프백) 전용. 외부 엔드포인트 지정 금지. rag: diff --git a/backend/src/main/resources/db/104_seed_ai_config.sql b/backend/src/main/resources/db/104_seed_ai_config.sql new file mode 100644 index 0000000..4961036 --- /dev/null +++ b/backend/src/main/resources/db/104_seed_ai_config.sql @@ -0,0 +1,27 @@ +-- ===================================================================== +-- GUARDiA CMS — 104. AI 플랫폼(LLM provider) 설정 시드 (멱등) +-- 대상 DB : cms_db (테이블 cms_setting — schema.sql 에서 생성) +-- 적용 : application.yml spring.sql.init.mode=always + schema-locations 에 본 파일 등재. +-- mode:always 재실행 안전(ON CONFLICT DO NOTHING). continue-on-error 로 부분 실패 격리. +-- 설명 : 외부 Claude(Anthropic) API 를 온프레미스 Ollama 와 병행·선택형으로 추가. +-- 관리자(SUPERADMIN)가 런타임으로 provider/모델을 선택(재기동 불요, AiConfigService). +-- * ai.provider : ollama(기본) / claude / qwen3 / deepseek / glm +-- * ai.claude.model : claude-sonnet-4-6(기본) / claude-haiku-4-5 / claude-opus-4-8 +-- * ai.ollama.textModel: 빈값(=서버 프로퍼티 guardia.ollama-text-model 폴백, llama3.2:1b) +-- * ai.enabled : true(기본, off=규칙기반 degraded) +-- 보안 : Claude API 키는 DB 에 저장하지 않는다 — 서버 환경변수 ANTHROPIC_API_KEY 로만 주입. +-- 본 시드에 키/시크릿/IP/비밀번호 일절 미포함. +-- 무회귀 : 기본 provider=ollama → 설정 미변경 시 기존 Ollama 동작과 바이트 동일. +-- 멱등 : INSERT ... ON CONFLICT (key) DO NOTHING. +-- ===================================================================== + +SET client_encoding = 'UTF8'; + +INSERT INTO cms_setting (key, value) VALUES + ('ai.provider', 'ollama'), + ('ai.claude.model', 'claude-sonnet-4-6'), + ('ai.ollama.textModel', ''), + ('ai.enabled', 'true') +ON CONFLICT (key) DO NOTHING; + +-- end 104_seed_ai_config.sql diff --git a/backend/src/main/resources/static/assets/index-B9c1ITWA.js b/backend/src/main/resources/static/assets/index-B9c1ITWA.js deleted file mode 100644 index ac06630..0000000 --- a/backend/src/main/resources/static/assets/index-B9c1ITWA.js +++ /dev/null @@ -1,562 +0,0 @@ -var E1=e=>{throw TypeError(e)};var Nm=(e,t,n)=>t.has(e)||E1("Cannot "+n);var U=(e,t,n)=>(Nm(e,t,"read from private field"),n?n.call(e):t.get(e)),Oe=(e,t,n)=>t.has(e)?E1("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,n),pe=(e,t,n,r)=>(Nm(e,t,"write to private field"),r?r.call(e,n):t.set(e,n),n),zt=(e,t,n)=>(Nm(e,t,"access private method"),n);var pf=(e,t,n,r)=>({set _(a){pe(e,t,a,n)},get _(){return U(e,t,r)}});(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))r(a);new MutationObserver(a=>{for(const i of a)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(a){const i={};return a.integrity&&(i.integrity=a.integrity),a.referrerPolicy&&(i.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?i.credentials="include":a.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function r(a){if(a.ep)return;a.ep=!0;const i=n(a);fetch(a.href,i)}})();var mf=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function $e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var eE={exports:{}},op={};/** - * @license React - * react-jsx-runtime.production.js - * - * Copyright (c) Meta Platforms, Inc. and affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var pP=Symbol.for("react.transitional.element"),mP=Symbol.for("react.fragment");function tE(e,t,n){var r=null;if(n!==void 0&&(r=""+n),t.key!==void 0&&(r=""+t.key),"key"in t){n={};for(var a in t)a!=="key"&&(n[a]=t[a])}else n=t;return t=n.ref,{$$typeof:pP,type:e,key:r,ref:t!==void 0?t:null,props:n}}op.Fragment=mP;op.jsx=tE;op.jsxs=tE;eE.exports=op;var s=eE.exports,nE={exports:{}},ve={};/** - * @license React - * react.production.js - * - * Copyright (c) Meta Platforms, Inc. and affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Hb=Symbol.for("react.transitional.element"),yP=Symbol.for("react.portal"),vP=Symbol.for("react.fragment"),gP=Symbol.for("react.strict_mode"),bP=Symbol.for("react.profiler"),xP=Symbol.for("react.consumer"),SP=Symbol.for("react.context"),jP=Symbol.for("react.forward_ref"),wP=Symbol.for("react.suspense"),OP=Symbol.for("react.memo"),rE=Symbol.for("react.lazy"),AP=Symbol.for("react.activity"),_1=Symbol.iterator;function EP(e){return e===null||typeof e!="object"?null:(e=_1&&e[_1]||e["@@iterator"],typeof e=="function"?e:null)}var aE={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},iE=Object.assign,oE={};function vs(e,t,n){this.props=e,this.context=t,this.refs=oE,this.updater=n||aE}vs.prototype.isReactComponent={};vs.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};vs.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function lE(){}lE.prototype=vs.prototype;function qb(e,t,n){this.props=e,this.context=t,this.refs=oE,this.updater=n||aE}var Fb=qb.prototype=new lE;Fb.constructor=qb;iE(Fb,vs.prototype);Fb.isPureReactComponent=!0;var T1=Array.isArray;function Qy(){}var Ze={H:null,A:null,T:null,S:null},sE=Object.prototype.hasOwnProperty;function Gb(e,t,n){var r=n.ref;return{$$typeof:Hb,type:e,key:t,ref:r!==void 0?r:null,props:n}}function _P(e,t){return Gb(e.type,t,e.props)}function Yb(e){return typeof e=="object"&&e!==null&&e.$$typeof===Hb}function TP(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var C1=/\/+/g;function Mm(e,t){return typeof e=="object"&&e!==null&&e.key!=null?TP(""+e.key):t.toString(36)}function CP(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(Qy,Qy):(e.status="pending",e.then(function(t){e.status==="pending"&&(e.status="fulfilled",e.value=t)},function(t){e.status==="pending"&&(e.status="rejected",e.reason=t)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function Ko(e,t,n,r,a){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var o=!1;if(e===null)o=!0;else switch(i){case"bigint":case"string":case"number":o=!0;break;case"object":switch(e.$$typeof){case Hb:case yP:o=!0;break;case rE:return o=e._init,Ko(o(e._payload),t,n,r,a)}}if(o)return a=a(e),o=r===""?"."+Mm(e,0):r,T1(a)?(n="",o!=null&&(n=o.replace(C1,"$&/")+"/"),Ko(a,t,n,"",function(u){return u})):a!=null&&(Yb(a)&&(a=_P(a,n+(a.key==null||e&&e.key===a.key?"":(""+a.key).replace(C1,"$&/")+"/")+o)),t.push(a)),1;o=0;var l=r===""?".":r+":";if(T1(e))for(var c=0;c>>1,Y=M[G];if(0>>1;Ga(ie,I))Ra(W,ie)?(M[G]=W,M[R]=I,G=R):(M[G]=ie,M[X]=I,G=X);else if(Ra(W,I))M[G]=W,M[R]=I,G=R;else break e}}return L}function a(M,L){var I=M.sortIndex-L.sortIndex;return I!==0?I:M.id-L.id}if(e.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var o=Date,l=o.now();e.unstable_now=function(){return o.now()-l}}var c=[],u=[],f=1,d=null,h=3,p=!1,y=!1,m=!1,x=!1,g=typeof setTimeout=="function"?setTimeout:null,S=typeof clearTimeout=="function"?clearTimeout:null,b=typeof setImmediate<"u"?setImmediate:null;function v(M){for(var L=n(u);L!==null;){if(L.callback===null)r(u);else if(L.startTime<=M)r(u),L.sortIndex=L.expirationTime,t(c,L);else break;L=n(u)}}function j(M){if(m=!1,v(M),!y)if(n(c)!==null)y=!0,w||(w=!0,N());else{var L=n(u);L!==null&&P(j,L.startTime-M)}}var w=!1,A=-1,_=5,E=-1;function C(){return x?!0:!(e.unstable_now()-E<_)}function k(){if(x=!1,w){var M=e.unstable_now();E=M;var L=!0;try{e:{y=!1,m&&(m=!1,S(A),A=-1),p=!0;var I=h;try{t:{for(v(M),d=n(c);d!==null&&!(d.expirationTime>M&&C());){var G=d.callback;if(typeof G=="function"){d.callback=null,h=d.priorityLevel;var Y=G(d.expirationTime<=M);if(M=e.unstable_now(),typeof Y=="function"){d.callback=Y,v(M),L=!0;break t}d===n(c)&&r(c),v(M)}else r(c);d=n(c)}if(d!==null)L=!0;else{var ne=n(u);ne!==null&&P(j,ne.startTime-M),L=!1}}break e}finally{d=null,h=I,p=!1}L=void 0}}finally{L?N():w=!1}}}var N;if(typeof b=="function")N=function(){b(k)};else if(typeof MessageChannel<"u"){var B=new MessageChannel,z=B.port2;B.port1.onmessage=k,N=function(){z.postMessage(null)}}else N=function(){g(k,0)};function P(M,L){A=g(function(){M(e.unstable_now())},L)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(M){M.callback=null},e.unstable_forceFrameRate=function(M){0>M||125G?(M.sortIndex=I,t(u,M),n(c)===null&&M===n(u)&&(m?(S(A),A=-1):m=!0,P(j,I-G))):(M.sortIndex=Y,t(c,M),y||p||(y=!0,w||(w=!0,N()))),M},e.unstable_shouldYield=C,e.unstable_wrapCallback=function(M){var L=h;return function(){var I=h;h=L;try{return M.apply(this,arguments)}finally{h=I}}}})(fE);uE.exports=fE;var kP=uE.exports,dE={exports:{}},an={};/** - * @license React - * react-dom.production.js - * - * Copyright (c) Meta Platforms, Inc. and affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var $P=O;function hE(e){var t="https://react.dev/errors/"+e;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(pE)}catch(e){console.error(e)}}pE(),dE.exports=an;var DP=dE.exports;/** - * @license React - * react-dom-client.production.js - * - * Copyright (c) Meta Platforms, Inc. and affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var Tt=kP,mE=O,zP=DP;function q(e){var t="https://react.dev/errors/"+e;if(1Zo||(e.current=rv[Zo],rv[Zo]=null,Zo--)}function Ge(e,t){Zo++,rv[Zo]=e.current,e.current=t}var $r=Lr(null),Dc=Lr(null),ni=Lr(null),xd=Lr(null);function Sd(e,t){switch(Ge(ni,t),Ge(Dc,e),Ge($r,null),t.nodeType){case 9:case 11:e=(e=t.documentElement)&&(e=e.namespaceURI)?LS(e):0;break;default:if(e=t.tagName,t=t.namespaceURI)t=LS(t),e=UT(t,e);else switch(e){case"svg":e=1;break;case"math":e=2;break;default:e=0}}Rt($r),Ge($r,e)}function $l(){Rt($r),Rt(Dc),Rt(ni)}function av(e){e.memoizedState!==null&&Ge(xd,e);var t=$r.current,n=UT(t,e.type);t!==n&&(Ge(Dc,e),Ge($r,n))}function jd(e){Dc.current===e&&(Rt($r),Rt(Dc)),xd.current===e&&(Rt(xd),Vc._currentValue=eo)}var km,$1;function Pi(e){if(km===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);km=t&&t[1]||"",$1=-1)":-1a||c[r]!==u[a]){var f=` -`+c[r].replace(" at new "," at ");return e.displayName&&f.includes("")&&(f=f.replace("",e.displayName)),f}while(1<=r&&0<=a);break}}}finally{$m=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:"")?Pi(n):""}function HP(e,t){switch(e.tag){case 26:case 27:case 5:return Pi(e.type);case 16:return Pi("Lazy");case 13:return e.child!==t&&t!==null?Pi("Suspense Fallback"):Pi("Suspense");case 19:return Pi("SuspenseList");case 0:case 15:return Pm(e.type,!1);case 11:return Pm(e.type.render,!1);case 1:return Pm(e.type,!0);case 31:return Pi("Activity");default:return""}}function P1(e){try{var t="",n=null;do t+=HP(e,n),n=e,e=e.return;while(e);return t}catch(r){return` -Error generating stack: `+r.message+` -`+r.stack}}var iv=Object.prototype.hasOwnProperty,Xb=Tt.unstable_scheduleCallback,Rm=Tt.unstable_cancelCallback,qP=Tt.unstable_shouldYield,FP=Tt.unstable_requestPaint,_n=Tt.unstable_now,GP=Tt.unstable_getCurrentPriorityLevel,jE=Tt.unstable_ImmediatePriority,wE=Tt.unstable_UserBlockingPriority,wd=Tt.unstable_NormalPriority,YP=Tt.unstable_LowPriority,OE=Tt.unstable_IdlePriority,VP=Tt.log,KP=Tt.unstable_setDisableYieldValue,Bu=null,Tn=null;function Va(e){if(typeof VP=="function"&&KP(e),Tn&&typeof Tn.setStrictMode=="function")try{Tn.setStrictMode(Bu,e)}catch{}}var Cn=Math.clz32?Math.clz32:QP,XP=Math.log,WP=Math.LN2;function QP(e){return e>>>=0,e===0?32:31-(XP(e)/WP|0)|0}var gf=256,bf=262144,xf=4194304;function Ri(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function cp(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var a=0,i=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var l=r&134217727;return l!==0?(r=l&~i,r!==0?a=Ri(r):(o&=l,o!==0?a=Ri(o):n||(n=l&~e,n!==0&&(a=Ri(n))))):(l=r&~i,l!==0?a=Ri(l):o!==0?a=Ri(o):n||(n=r&~e,n!==0&&(a=Ri(n)))),a===0?0:t!==0&&t!==a&&!(t&i)&&(i=a&-a,n=t&-t,i>=n||i===32&&(n&4194048)!==0)?t:a}function Iu(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function ZP(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function AE(){var e=xf;return xf<<=1,!(xf&62914560)&&(xf=4194304),e}function Dm(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Uu(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function JP(e,t,n,r,a,i){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var l=e.entanglements,c=e.expirationTimes,u=e.hiddenUpdates;for(n=o&~n;0"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var iR=/[\n"\\]/g;function Vn(e){return e.replace(iR,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function sv(e,t,n,r,a,i,o,l){e.name="",o!=null&&typeof o!="function"&&typeof o!="symbol"&&typeof o!="boolean"?e.type=o:e.removeAttribute("type"),t!=null?o==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+Fn(t)):e.value!==""+Fn(t)&&(e.value=""+Fn(t)):o!=="submit"&&o!=="reset"||e.removeAttribute("value"),t!=null?cv(e,o,Fn(t)):n!=null?cv(e,o,Fn(n)):r!=null&&e.removeAttribute("value"),a==null&&i!=null&&(e.defaultChecked=!!i),a!=null&&(e.checked=a&&typeof a!="function"&&typeof a!="symbol"),l!=null&&typeof l!="function"&&typeof l!="symbol"&&typeof l!="boolean"?e.name=""+Fn(l):e.removeAttribute("name")}function PE(e,t,n,r,a,i,o,l){if(i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"&&(e.type=i),t!=null||n!=null){if(!(i!=="submit"&&i!=="reset"||t!=null)){lv(e);return}n=n!=null?""+Fn(n):"",t=t!=null?""+Fn(t):n,l||t===e.value||(e.value=t),e.defaultValue=t}r=r??a,r=typeof r!="function"&&typeof r!="symbol"&&!!r,e.checked=l?e.checked:!!r,e.defaultChecked=!!r,o!=null&&typeof o!="function"&&typeof o!="symbol"&&typeof o!="boolean"&&(e.name=o),lv(e)}function cv(e,t,n){t==="number"&&Od(e.ownerDocument)===e||e.defaultValue===""+n||(e.defaultValue=""+n)}function ml(e,t,n,r){if(e=e.options,t){t={};for(var a=0;a"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),fv=!1;if(pa)try{var Gs={};Object.defineProperty(Gs,"passive",{get:function(){fv=!0}}),window.addEventListener("test",Gs,Gs),window.removeEventListener("test",Gs,Gs)}catch{fv=!1}var Ka=null,t0=null,Jf=null;function BE(){if(Jf)return Jf;var e,t=t0,n=t.length,r,a="value"in Ka?Ka.value:Ka.textContent,i=a.length;for(e=0;e=yc),G1=" ",Y1=!1;function UE(e,t){switch(e){case"keyup":return $R.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function HE(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var tl=!1;function RR(e,t){switch(e){case"compositionend":return HE(t);case"keypress":return t.which!==32?null:(Y1=!0,G1);case"textInput":return e=t.data,e===G1&&Y1?null:e;default:return null}}function DR(e,t){if(tl)return e==="compositionend"||!r0&&UE(e,t)?(e=BE(),Jf=t0=Ka=null,tl=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Q1(n)}}function YE(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?YE(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function VE(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Od(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Od(e.document)}return t}function a0(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var FR=pa&&"documentMode"in document&&11>=document.documentMode,nl=null,dv=null,gc=null,hv=!1;function J1(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;hv||nl==null||nl!==Od(r)||(r=nl,"selectionStart"in r&&a0(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),gc&&Bc(gc,r)||(gc=r,r=Hd(dv,"onSelect"),0>=o,a-=o,_r=1<<32-Cn(t)+a|n<_?(E=A,A=null):E=A.sibling;var C=h(g,A,b[_],v);if(C===null){A===null&&(A=E);break}e&&A&&C.alternate===null&&t(g,A),S=i(C,S,_),w===null?j=C:w.sibling=C,w=C,A=E}if(_===b.length)return n(g,A),_e&&Jr(g,_),j;if(A===null){for(;__?(E=A,A=null):E=A.sibling;var k=h(g,A,C.value,v);if(k===null){A===null&&(A=E);break}e&&A&&k.alternate===null&&t(g,A),S=i(k,S,_),w===null?j=k:w.sibling=k,w=k,A=E}if(C.done)return n(g,A),_e&&Jr(g,_),j;if(A===null){for(;!C.done;_++,C=b.next())C=d(g,C.value,v),C!==null&&(S=i(C,S,_),w===null?j=C:w.sibling=C,w=C);return _e&&Jr(g,_),j}for(A=r(A);!C.done;_++,C=b.next())C=p(A,g,_,C.value,v),C!==null&&(e&&C.alternate!==null&&A.delete(C.key===null?_:C.key),S=i(C,S,_),w===null?j=C:w.sibling=C,w=C);return e&&A.forEach(function(N){return t(g,N)}),_e&&Jr(g,_),j}function x(g,S,b,v){if(typeof b=="object"&&b!==null&&b.type===Qo&&b.key===null&&(b=b.props.children),typeof b=="object"&&b!==null){switch(b.$$typeof){case vf:e:{for(var j=b.key;S!==null;){if(S.key===j){if(j=b.type,j===Qo){if(S.tag===7){n(g,S.sibling),v=a(S,b.props.children),v.return=g,g=v;break e}}else if(S.elementType===j||typeof j=="object"&&j!==null&&j.$$typeof===$a&&Di(j)===S.type){n(g,S.sibling),v=a(S,b.props),Vs(v,b),v.return=g,g=v;break e}n(g,S);break}else t(g,S);S=S.sibling}b.type===Qo?(v=to(b.props.children,g.mode,v,b.key),v.return=g,g=v):(v=td(b.type,b.key,b.props,null,g.mode,v),Vs(v,b),v.return=g,g=v)}return o(g);case cc:e:{for(j=b.key;S!==null;){if(S.key===j)if(S.tag===4&&S.stateNode.containerInfo===b.containerInfo&&S.stateNode.implementation===b.implementation){n(g,S.sibling),v=a(S,b.children||[]),v.return=g,g=v;break e}else{n(g,S);break}else t(g,S);S=S.sibling}v=Gm(b,g.mode,v),v.return=g,g=v}return o(g);case $a:return b=Di(b),x(g,S,b,v)}if(uc(b))return y(g,S,b,v);if(Fs(b)){if(j=Fs(b),typeof j!="function")throw Error(q(150));return b=j.call(b),m(g,S,b,v)}if(typeof b.then=="function")return x(g,S,Of(b),v);if(b.$$typeof===na)return x(g,S,wf(g,b),v);Af(g,b)}return typeof b=="string"&&b!==""||typeof b=="number"||typeof b=="bigint"?(b=""+b,S!==null&&S.tag===6?(n(g,S.sibling),v=a(S,b),v.return=g,g=v):(n(g,S),v=Fm(b,g.mode,v),v.return=g,g=v),o(g)):n(g,S)}return function(g,S,b,v){try{Hc=0;var j=x(g,S,b,v);return gl=null,j}catch(A){if(A===Ss||A===mp)throw A;var w=On(29,A,null,g.mode);return w.lanes=v,w.return=g,w}finally{}}}var fo=s_(!0),c_=s_(!1),Pa=!1;function h0(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function xv(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function ai(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function ii(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,Ne&2){var a=r.pending;return a===null?t.next=t:(t.next=a.next,a.next=t),r.pending=t,t=Ed(e),e_(e,null,n),t}return pp(e,r,t,n),Ed(e)}function xc(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194048)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,_E(e,n)}}function Vm(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var a=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};i===null?a=i=o:i=i.next=o,n=n.next}while(n!==null);i===null?a=i=t:i=i.next=t}else a=i=t;n={baseState:r.baseState,firstBaseUpdate:a,lastBaseUpdate:i,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var Sv=!1;function Sc(){if(Sv){var e=vl;if(e!==null)throw e}}function jc(e,t,n,r){Sv=!1;var a=e.updateQueue;Pa=!1;var i=a.firstBaseUpdate,o=a.lastBaseUpdate,l=a.shared.pending;if(l!==null){a.shared.pending=null;var c=l,u=c.next;c.next=null,o===null?i=u:o.next=u,o=c;var f=e.alternate;f!==null&&(f=f.updateQueue,l=f.lastBaseUpdate,l!==o&&(l===null?f.firstBaseUpdate=u:l.next=u,f.lastBaseUpdate=c))}if(i!==null){var d=a.baseState;o=0,f=u=c=null,l=i;do{var h=l.lane&-536870913,p=h!==l.lane;if(p?(Ee&h)===h:(r&h)===h){h!==0&&h===Dl&&(Sv=!0),f!==null&&(f=f.next={lane:0,tag:l.tag,payload:l.payload,callback:null,next:null});e:{var y=e,m=l;h=t;var x=n;switch(m.tag){case 1:if(y=m.payload,typeof y=="function"){d=y.call(x,d,h);break e}d=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=m.payload,h=typeof y=="function"?y.call(x,d,h):y,h==null)break e;d=Je({},d,h);break e;case 2:Pa=!0}}h=l.callback,h!==null&&(e.flags|=64,p&&(e.flags|=8192),p=a.callbacks,p===null?a.callbacks=[h]:p.push(h))}else p={lane:h,tag:l.tag,payload:l.payload,callback:l.callback,next:null},f===null?(u=f=p,c=d):f=f.next=p,o|=h;if(l=l.next,l===null){if(l=a.shared.pending,l===null)break;p=l,l=p.next,p.next=null,a.lastBaseUpdate=p,a.shared.pending=null}}while(!0);f===null&&(c=d),a.baseState=c,a.firstBaseUpdate=u,a.lastBaseUpdate=f,i===null&&(a.shared.lanes=0),vi|=o,e.lanes=o,e.memoizedState=d}}function u_(e,t){if(typeof e!="function")throw Error(q(191,e));e.call(t)}function f_(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;ei?i:8;var o=he.T,l={};he.T=l,E0(e,!1,t,n);try{var c=a(),u=he.S;if(u!==null&&u(l,c),c!==null&&typeof c=="object"&&typeof c.then=="function"){var f=JR(c,r);wc(e,t,f,Nn(e))}else wc(e,t,r,Nn(e))}catch(d){wc(e,t,{then:function(){},status:"rejected",reason:d},Nn())}finally{Me.p=i,o!==null&&l.types!==null&&(o.types=l.types),he.T=o}}function i3(){}function Ev(e,t,n,r){if(e.tag!==5)throw Error(q(476));var a=D_(e).queue;R_(e,a,t,eo,n===null?i3:function(){return z_(e),n(r)})}function D_(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:eo,baseState:eo,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:ya,lastRenderedState:eo},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:ya,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function z_(e){var t=D_(e);t.next===null&&(t=e.alternate.memoizedState),wc(e,t.next.queue,{},Nn())}function A0(){return qt(Vc)}function L_(){return dt().memoizedState}function B_(){return dt().memoizedState}function o3(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=Nn();e=ai(n);var r=ii(t,e,n);r!==null&&(dn(r,t,n),xc(r,t,n)),t={cache:u0()},e.payload=t;return}t=t.return}}function l3(e,t,n){var r=Nn();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},bp(e)?U_(t,n):(n=o0(e,t,n,r),n!==null&&(dn(n,e,r),H_(n,t,r)))}function I_(e,t,n){var r=Nn();wc(e,t,n,r)}function wc(e,t,n,r){var a={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(bp(e))U_(t,a);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var o=t.lastRenderedState,l=i(o,n);if(a.hasEagerState=!0,a.eagerState=l,Pn(l,o))return pp(e,t,a,0),He===null&&hp(),!1}catch{}finally{}if(n=o0(e,t,a,r),n!==null)return dn(n,e,r),H_(n,t,r),!0}return!1}function E0(e,t,n,r){if(r={lane:2,revertLane:R0(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},bp(e)){if(t)throw Error(q(479))}else t=o0(e,n,r,2),t!==null&&dn(t,e,2)}function bp(e){var t=e.alternate;return e===ge||t!==null&&t===ge}function U_(e,t){bl=kd=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function H_(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,_E(e,n)}}var Fc={readContext:qt,use:vp,useCallback:it,useContext:it,useEffect:it,useImperativeHandle:it,useLayoutEffect:it,useInsertionEffect:it,useMemo:it,useReducer:it,useRef:it,useState:it,useDebugValue:it,useDeferredValue:it,useTransition:it,useSyncExternalStore:it,useId:it,useHostTransitionStatus:it,useFormState:it,useActionState:it,useOptimistic:it,useMemoCache:it,useCacheRefresh:it};Fc.useEffectEvent=it;var q_={readContext:qt,use:vp,useCallback:function(e,t){return Wt().memoizedState=[e,t===void 0?null:t],e},useContext:qt,useEffect:pS,useImperativeHandle:function(e,t,n){n=n!=null?n.concat([e]):null,ad(4194308,4,N_.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ad(4194308,4,e,t)},useInsertionEffect:function(e,t){ad(4,2,e,t)},useMemo:function(e,t){var n=Wt();t=t===void 0?null:t;var r=e();if(ho){Va(!0);try{e()}finally{Va(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=Wt();if(n!==void 0){var a=n(t);if(ho){Va(!0);try{n(t)}finally{Va(!1)}}}else a=t;return r.memoizedState=r.baseState=a,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:a},r.queue=e,e=e.dispatch=l3.bind(null,ge,e),[r.memoizedState,e]},useRef:function(e){var t=Wt();return e={current:e},t.memoizedState=e},useState:function(e){e=Ov(e);var t=e.queue,n=I_.bind(null,ge,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:w0,useDeferredValue:function(e,t){var n=Wt();return O0(n,e,t)},useTransition:function(){var e=Ov(!1);return e=R_.bind(null,ge,e.queue,!0,!1),Wt().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=ge,a=Wt();if(_e){if(n===void 0)throw Error(q(407));n=n()}else{if(n=t(),He===null)throw Error(q(349));Ee&127||y_(r,t,n)}a.memoizedState=n;var i={value:n,getSnapshot:t};return a.queue=i,pS(g_.bind(null,r,i,e),[e]),r.flags|=2048,Ll(9,{destroy:void 0},v_.bind(null,r,i,n,t),null),n},useId:function(){var e=Wt(),t=He.identifierPrefix;if(_e){var n=Tr,r=_r;n=(r&~(1<<32-Cn(r)-1)).toString(32)+n,t="_"+t+"R_"+n,n=$d++,0<\/script>",i=i.removeChild(i.firstChild);break;case"select":i=typeof r.is=="string"?o.createElement("select",{is:r.is}):o.createElement("select"),r.multiple?i.multiple=!0:r.size&&(i.size=r.size);break;default:i=typeof r.is=="string"?o.createElement(a,{is:r.is}):o.createElement(a)}}i[It]=t,i[pn]=r;e:for(o=t.child;o!==null;){if(o.tag===5||o.tag===6)i.appendChild(o.stateNode);else if(o.tag!==4&&o.tag!==27&&o.child!==null){o.child.return=o,o=o.child;continue}if(o===t)break e;for(;o.sibling===null;){if(o.return===null||o.return===t)break e;o=o.return}o.sibling.return=o.return,o=o.sibling}t.stateNode=i;e:switch(Ft(i,a,r),a){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}r&&Gr(t)}}return Ke(t),ty(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&Gr(t);else{if(typeof r!="string"&&t.stateNode===null)throw Error(q(166));if(e=ni.current,Io(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,a=Ut,a!==null)switch(a.tag){case 27:case 5:r=a.memoizedProps}e[It]=t,e=!!(e.nodeValue===n||r!==null&&r.suppressHydrationWarning===!0||IT(e.nodeValue,n)),e||mi(t,!0)}else e=qd(e).createTextNode(r),e[It]=t,t.stateNode=e}return Ke(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=Io(t),n!==null){if(e===null){if(!r)throw Error(q(318));if(e=t.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(q(557));e[It]=t}else co(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Ke(t),e=!1}else n=Ym(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(wn(t),t):(wn(t),null);if(t.flags&128)throw Error(q(558))}return Ke(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(a=Io(t),r!==null&&r.dehydrated!==null){if(e===null){if(!a)throw Error(q(318));if(a=t.memoizedState,a=a!==null?a.dehydrated:null,!a)throw Error(q(317));a[It]=t}else co(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Ke(t),a=!1}else a=Ym(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=a),a=!0;if(!a)return t.flags&256?(wn(t),t):(wn(t),null)}return wn(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,a=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(a=r.alternate.memoizedState.cachePool.pool),i=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(i=r.memoizedState.cachePool.pool),i!==a&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),Ef(t,t.updateQueue),Ke(t),null);case 4:return $l(),e===null&&D0(t.stateNode.containerInfo),Ke(t),null;case 10:return ua(t.type),Ke(t),null;case 19:if(Rt(ut),r=t.memoizedState,r===null)return Ke(t),null;if(a=(t.flags&128)!==0,i=r.rendering,i===null)if(a)Ks(r,!1);else{if(st!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(i=Md(e),i!==null){for(t.flags|=128,Ks(r,!1),e=i.updateQueue,t.updateQueue=e,Ef(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)t_(n,e),n=n.sibling;return Ge(ut,ut.current&1|2),_e&&Jr(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&_n()>zd&&(t.flags|=128,a=!0,Ks(r,!1),t.lanes=4194304)}else{if(!a)if(e=Md(i),e!==null){if(t.flags|=128,a=!0,e=e.updateQueue,t.updateQueue=e,Ef(t,e),Ks(r,!0),r.tail===null&&r.tailMode==="hidden"&&!i.alternate&&!_e)return Ke(t),null}else 2*_n()-r.renderingStartTime>zd&&n!==536870912&&(t.flags|=128,a=!0,Ks(r,!1),t.lanes=4194304);r.isBackwards?(i.sibling=t.child,t.child=i):(e=r.last,e!==null?e.sibling=i:t.child=i,r.last=i)}return r.tail!==null?(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=_n(),e.sibling=null,n=ut.current,Ge(ut,a?n&1|2:n&1),_e&&Jr(t,r.treeForkCount),e):(Ke(t),null);case 22:case 23:return wn(t),p0(),r=t.memoizedState!==null,e!==null?e.memoizedState!==null!==r&&(t.flags|=8192):r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(Ke(t),t.subtreeFlags&6&&(t.flags|=8192)):Ke(t),n=t.updateQueue,n!==null&&Ef(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&Rt(no),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),ua(bt),Ke(t),null;case 25:return null;case 30:return null}throw Error(q(156,t.tag))}function d3(e,t){switch(c0(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ua(bt),$l(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return jd(t),null;case 31:if(t.memoizedState!==null){if(wn(t),t.alternate===null)throw Error(q(340));co()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(wn(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(q(340));co()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return Rt(ut),null;case 4:return $l(),null;case 10:return ua(t.type),null;case 22:case 23:return wn(t),p0(),e!==null&&Rt(no),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return ua(bt),null;case 25:return null;default:return null}}function tT(e,t){switch(c0(t),t.tag){case 3:ua(bt),$l();break;case 26:case 27:case 5:jd(t);break;case 4:$l();break;case 31:t.memoizedState!==null&&wn(t);break;case 13:wn(t);break;case 19:Rt(ut);break;case 10:ua(t.type);break;case 22:case 23:wn(t),p0(),e!==null&&Rt(no);break;case 24:ua(bt)}}function Yu(e,t){try{var n=t.updateQueue,r=n!==null?n.lastEffect:null;if(r!==null){var a=r.next;n=a;do{if((n.tag&e)===e){r=void 0;var i=n.create,o=n.inst;r=i(),o.destroy=r}n=n.next}while(n!==a)}}catch(l){De(t,t.return,l)}}function yi(e,t,n){try{var r=t.updateQueue,a=r!==null?r.lastEffect:null;if(a!==null){var i=a.next;r=i;do{if((r.tag&e)===e){var o=r.inst,l=o.destroy;if(l!==void 0){o.destroy=void 0,a=t;var c=n,u=l;try{u()}catch(f){De(a,c,f)}}}r=r.next}while(r!==i)}}catch(f){De(t,t.return,f)}}function nT(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{f_(t,n)}catch(r){De(e,e.return,r)}}}function rT(e,t,n){n.props=po(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(r){De(e,t,r)}}function Oc(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n=="function"?e.refCleanup=n(r):n.current=r}}catch(a){De(e,t,a)}}function Cr(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r=="function")try{r()}catch(a){De(e,t,a)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(a){De(e,t,a)}else n.current=null}function aT(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{e:switch(t){case"button":case"input":case"select":case"textarea":n.autoFocus&&r.focus();break e;case"img":n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(a){De(e,e.return,a)}}function ny(e,t,n){try{var r=e.stateNode;P3(r,e.type,n,t),r[pn]=t}catch(a){De(e,e.return,a)}}function iT(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&bi(e.type)||e.tag===4}function ry(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||iT(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&bi(e.type)||e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Mv(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=ra));else if(r!==4&&(r===27&&bi(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(Mv(e,t,n),e=e.sibling;e!==null;)Mv(e,t,n),e=e.sibling}function Dd(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&bi(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(Dd(e,t,n),e=e.sibling;e!==null;)Dd(e,t,n),e=e.sibling}function oT(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,a=t.attributes;a.length;)t.removeAttributeNode(a[0]);Ft(t,r,n),t[It]=e,t[pn]=n}catch(i){De(e,e.return,i)}}var ta=!1,gt=!1,ay=!1,_S=typeof WeakSet=="function"?WeakSet:Set,kt=null;function h3(e,t){if(e=e.containerInfo,Lv=Vd,e=VE(e),a0(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var a=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,l=-1,c=-1,u=0,f=0,d=e,h=null;t:for(;;){for(var p;d!==n||a!==0&&d.nodeType!==3||(l=o+a),d!==i||r!==0&&d.nodeType!==3||(c=o+r),d.nodeType===3&&(o+=d.nodeValue.length),(p=d.firstChild)!==null;)h=d,d=p;for(;;){if(d===e)break t;if(h===n&&++u===a&&(l=o),h===i&&++f===r&&(c=o),(p=d.nextSibling)!==null)break;d=h,h=d.parentNode}d=p}n=l===-1||c===-1?null:{start:l,end:c}}else n=null}n=n||{start:0,end:0}}else n=null;for(Bv={focusedElem:e,selectionRange:n},Vd=!1,kt=t;kt!==null;)if(t=kt,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,kt=e;else for(;kt!==null;){switch(t=kt,i=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e!==null?e.events:null,e!==null))for(n=0;n title"))),Ft(i,r,n),i[It]=e,$t(i),r=i;break e;case"link":var o=VS("link","href",a).get(r+(n.href||""));if(o){for(var l=0;lx&&(o=x,x=m,m=o);var g=Z1(l,m),S=Z1(l,x);if(g&&S&&(p.rangeCount!==1||p.anchorNode!==g.node||p.anchorOffset!==g.offset||p.focusNode!==S.node||p.focusOffset!==S.offset)){var b=d.createRange();b.setStart(g.node,g.offset),p.removeAllRanges(),m>x?(p.addRange(b),p.extend(S.node,S.offset)):(b.setEnd(S.node,S.offset),p.addRange(b))}}}}for(d=[],p=l;p=p.parentNode;)p.nodeType===1&&d.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof l.focus=="function"&&l.focus(),l=0;ln?32:n,he.T=null,n=Pv,Pv=null;var i=li,o=fa;if(Et=0,Il=li=null,fa=0,Ne&6)throw Error(q(331));var l=Ne;if(Ne|=4,vT(i.current),pT(i,i.current,o,n),Ne=l,Vu(0,!1),Tn&&typeof Tn.onPostCommitFiberRoot=="function")try{Tn.onPostCommitFiberRoot(Bu,i)}catch{}return!0}finally{Me.p=a,he.T=r,kT(e,t)}}function MS(e,t,n){t=Kn(n,t),t=Tv(e.stateNode,t,2),e=ii(e,t,2),e!==null&&(Uu(e,2),Br(e))}function De(e,t,n){if(e.tag===3)MS(e,e,n);else for(;t!==null;){if(t.tag===3){MS(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(oi===null||!oi.has(r))){e=Kn(n,e),n=K_(2),r=ii(t,n,2),r!==null&&(X_(n,r,t,e),Uu(r,2),Br(r));break}}t=t.return}}function oy(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new y3;var a=new Set;r.set(t,a)}else a=r.get(t),a===void 0&&(a=new Set,r.set(t,a));a.has(n)||(k0=!0,a.add(n),e=S3.bind(null,e,t,n),t.then(e,e))}function S3(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,He===e&&(Ee&n)===n&&(st===4||st===3&&(Ee&62914560)===Ee&&300>_n()-xp?!(Ne&2)&&Ul(e,0):$0|=n,Bl===Ee&&(Bl=0)),Br(e)}function PT(e,t){t===0&&(t=AE()),e=To(e,t),e!==null&&(Uu(e,t),Br(e))}function j3(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),PT(e,n)}function w3(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,a=e.memoizedState;a!==null&&(n=a.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(q(314))}r!==null&&r.delete(t),PT(e,n)}function O3(e,t){return Xb(e,t)}var Id=null,Wo=null,Dv=!1,Ud=!1,ly=!1,Qa=0;function Br(e){e!==Wo&&e.next===null&&(Wo===null?Id=Wo=e:Wo=Wo.next=e),Ud=!0,Dv||(Dv=!0,E3())}function Vu(e,t){if(!ly&&Ud){ly=!0;do for(var n=!1,r=Id;r!==null;){if(e!==0){var a=r.pendingLanes;if(a===0)var i=0;else{var o=r.suspendedLanes,l=r.pingedLanes;i=(1<<31-Cn(42|e)+1)-1,i&=a&~(o&~l),i=i&201326741?i&201326741|1:i?i|2:0}i!==0&&(n=!0,kS(r,i))}else i=Ee,i=cp(r,r===He?i:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(i&3)||Iu(r,i)||(n=!0,kS(r,i));r=r.next}while(n);ly=!1}}function A3(){RT()}function RT(){Ud=Dv=!1;var e=0;Qa!==0&&D3()&&(e=Qa);for(var t=_n(),n=null,r=Id;r!==null;){var a=r.next,i=DT(r,t);i===0?(r.next=null,n===null?Id=a:n.next=a,a===null&&(Wo=n)):(n=r,(e!==0||i&3)&&(Ud=!0)),r=a}Et!==0&&Et!==5||Vu(e),Qa!==0&&(Qa=0)}function DT(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,a=e.expirationTimes,i=e.pendingLanes&-62914561;0l)break;var f=c.transferSize,d=c.initiatorType;f&&zS(d)&&(c=c.responseEnd,o+=f*(c"u"?null:document;function GT(e,t,n){var r=ws;if(r&&typeof t=="string"&&t){var a=Vn(t);a='link[rel="'+e+'"][href="'+a+'"]',typeof n=="string"&&(a+='[crossorigin="'+n+'"]'),FS.has(a)||(FS.add(a),e={rel:e,crossOrigin:n,href:t},r.querySelector(a)===null&&(t=r.createElement("link"),Ft(t,"link",e),$t(t),r.head.appendChild(t)))}}function G3(e){Oa.D(e),GT("dns-prefetch",e,null)}function Y3(e,t){Oa.C(e,t),GT("preconnect",e,t)}function V3(e,t,n){Oa.L(e,t,n);var r=ws;if(r&&e&&t){var a='link[rel="preload"][as="'+Vn(t)+'"]';t==="image"&&n&&n.imageSrcSet?(a+='[imagesrcset="'+Vn(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(a+='[imagesizes="'+Vn(n.imageSizes)+'"]')):a+='[href="'+Vn(e)+'"]';var i=a;switch(t){case"style":i=Hl(e);break;case"script":i=Os(e)}er.has(i)||(e=Je({rel:"preload",href:t==="image"&&n&&n.imageSrcSet?void 0:e,as:t},n),er.set(i,e),r.querySelector(a)!==null||t==="style"&&r.querySelector(Ku(i))||t==="script"&&r.querySelector(Xu(i))||(t=r.createElement("link"),Ft(t,"link",e),$t(t),r.head.appendChild(t)))}}function K3(e,t){Oa.m(e,t);var n=ws;if(n&&e){var r=t&&typeof t.as=="string"?t.as:"script",a='link[rel="modulepreload"][as="'+Vn(r)+'"][href="'+Vn(e)+'"]',i=a;switch(r){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":i=Os(e)}if(!er.has(i)&&(e=Je({rel:"modulepreload",href:e},t),er.set(i,e),n.querySelector(a)===null)){switch(r){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(Xu(i)))return}r=n.createElement("link"),Ft(r,"link",e),$t(r),n.head.appendChild(r)}}}function X3(e,t,n){Oa.S(e,t,n);var r=ws;if(r&&e){var a=pl(r).hoistableStyles,i=Hl(e);t=t||"default";var o=a.get(i);if(!o){var l={loading:0,preload:null};if(o=r.querySelector(Ku(i)))l.loading=5;else{e=Je({rel:"stylesheet",href:e,"data-precedence":t},n),(n=er.get(i))&&z0(e,n);var c=o=r.createElement("link");$t(c),Ft(c,"link",e),c._p=new Promise(function(u,f){c.onload=u,c.onerror=f}),c.addEventListener("load",function(){l.loading|=1}),c.addEventListener("error",function(){l.loading|=2}),l.loading|=4,sd(o,t,r)}o={type:"stylesheet",instance:o,count:1,state:l},a.set(i,o)}}}function W3(e,t){Oa.X(e,t);var n=ws;if(n&&e){var r=pl(n).hoistableScripts,a=Os(e),i=r.get(a);i||(i=n.querySelector(Xu(a)),i||(e=Je({src:e,async:!0},t),(t=er.get(a))&&L0(e,t),i=n.createElement("script"),$t(i),Ft(i,"link",e),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},r.set(a,i))}}function Q3(e,t){Oa.M(e,t);var n=ws;if(n&&e){var r=pl(n).hoistableScripts,a=Os(e),i=r.get(a);i||(i=n.querySelector(Xu(a)),i||(e=Je({src:e,async:!0,type:"module"},t),(t=er.get(a))&&L0(e,t),i=n.createElement("script"),$t(i),Ft(i,"link",e),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},r.set(a,i))}}function GS(e,t,n,r){var a=(a=ni.current)?Fd(a):null;if(!a)throw Error(q(446));switch(e){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(t=Hl(n.href),n=pl(a).hoistableStyles,r=n.get(t),r||(r={type:"style",instance:null,count:0,state:null},n.set(t,r)),r):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){e=Hl(n.href);var i=pl(a).hoistableStyles,o=i.get(e);if(o||(a=a.ownerDocument||a,o={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},i.set(e,o),(i=a.querySelector(Ku(e)))&&!i._p&&(o.instance=i,o.state.loading=5),er.has(e)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},er.set(e,n),i||Z3(a,e,n,o.state))),t&&r===null)throw Error(q(528,""));return o}if(t&&r!==null)throw Error(q(529,""));return null;case"script":return t=n.async,n=n.src,typeof n=="string"&&t&&typeof t!="function"&&typeof t!="symbol"?(t=Os(n),n=pl(a).hoistableScripts,r=n.get(t),r||(r={type:"script",instance:null,count:0,state:null},n.set(t,r)),r):{type:"void",instance:null,count:0,state:null};default:throw Error(q(444,e))}}function Hl(e){return'href="'+Vn(e)+'"'}function Ku(e){return'link[rel="stylesheet"]['+e+"]"}function YT(e){return Je({},e,{"data-precedence":e.precedence,precedence:null})}function Z3(e,t,n,r){e.querySelector('link[rel="preload"][as="style"]['+t+"]")?r.loading=1:(t=e.createElement("link"),r.preload=t,t.addEventListener("load",function(){return r.loading|=1}),t.addEventListener("error",function(){return r.loading|=2}),Ft(t,"link",n),$t(t),e.head.appendChild(t))}function Os(e){return'[src="'+Vn(e)+'"]'}function Xu(e){return"script[async]"+e}function YS(e,t,n){if(t.count++,t.instance===null)switch(t.type){case"style":var r=e.querySelector('style[data-href~="'+Vn(n.href)+'"]');if(r)return t.instance=r,$t(r),r;var a=Je({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement("style"),$t(r),Ft(r,"style",a),sd(r,n.precedence,e),t.instance=r;case"stylesheet":a=Hl(n.href);var i=e.querySelector(Ku(a));if(i)return t.state.loading|=4,t.instance=i,$t(i),i;r=YT(n),(a=er.get(a))&&z0(r,a),i=(e.ownerDocument||e).createElement("link"),$t(i);var o=i;return o._p=new Promise(function(l,c){o.onload=l,o.onerror=c}),Ft(i,"link",r),t.state.loading|=4,sd(i,n.precedence,e),t.instance=i;case"script":return i=Os(n.src),(a=e.querySelector(Xu(i)))?(t.instance=a,$t(a),a):(r=n,(a=er.get(i))&&(r=Je({},n),L0(r,a)),e=e.ownerDocument||e,a=e.createElement("script"),$t(a),Ft(a,"link",r),e.head.appendChild(a),t.instance=a);case"void":return null;default:throw Error(q(443,t.type))}else t.type==="stylesheet"&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,sd(r,n.precedence,e));return t.instance}function sd(e,t,n){for(var r=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),a=r.length?r[r.length-1]:null,i=a,o=0;o title"):null)}function J3(e,t,n){if(n===1||t.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;switch(t.rel){case"stylesheet":return e=t.disabled,typeof t.precedence=="string"&&e==null;default:return!0}case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}function VT(e){return!(e.type==="stylesheet"&&!(e.state.loading&3))}function eD(e,t,n,r){if(n.type==="stylesheet"&&(typeof r.media!="string"||matchMedia(r.media).matches!==!1)&&!(n.state.loading&4)){if(n.instance===null){var a=Hl(r.href),i=t.querySelector(Ku(a));if(i){t=i._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(e.count++,e=Gd.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=i,$t(i);return}i=t.ownerDocument||t,r=YT(r),(a=er.get(a))&&z0(r,a),i=i.createElement("link"),$t(i);var o=i;o._p=new Promise(function(l,c){o.onload=l,o.onerror=c}),Ft(i,"link",r),n.instance=i}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Gd.bind(e),t.addEventListener("load",n),t.addEventListener("error",n))}}var hy=0;function tD(e,t){return e.stylesheets&&e.count===0&&ud(e,e.stylesheets),0hy?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(a)}}:null}function Gd(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)ud(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Yd=null;function ud(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Yd=new Map,t.forEach(nD,e),Yd=null,Gd.call(e))}function nD(e,t){if(!(t.state.loading&4)){var n=Yd.get(e);if(n)var r=n.get(null);else{n=new Map,Yd.set(e,n);for(var a=e.querySelectorAll("link[data-precedence],style[data-precedence]"),i=0;i"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(tC)}catch(e){console.error(e)}}tC(),cE.exports=lp;var uD=cE.exports;const fD=$e(uD);/** - * react-router v7.17.0 - * - * Copyright (c) Remix Software Inc. - * - * This source code is licensed under the MIT license found in the - * LICENSE.md file in the root directory of this source tree. - * - * @license MIT - */var tj="popstate";function nj(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function dD(e={}){function t(r,a){var u;let i=(u=a.state)==null?void 0:u.masked,{pathname:o,search:l,hash:c}=i||r.location;return Vv("",{pathname:o,search:l,hash:c},a.state&&a.state.usr||null,a.state&&a.state.key||"default",i?{pathname:r.location.pathname,search:r.location.search,hash:r.location.hash}:void 0)}function n(r,a){return typeof a=="string"?a:Wc(a)}return pD(t,n,null,e)}function nt(e,t){if(e===!1||e===null||typeof e>"u")throw new Error(t)}function yr(e,t){if(!e){typeof console<"u"&&console.warn(t);try{throw new Error(t)}catch{}}}function hD(){return Math.random().toString(36).substring(2,10)}function rj(e,t){return{usr:e.state,key:e.key,idx:t,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function Vv(e,t,n=null,r,a){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof t=="string"?As(t):t,state:n,key:t&&t.key||r||hD(),mask:a}}function Wc({pathname:e="/",search:t="",hash:n=""}){return t&&t!=="?"&&(e+=t.charAt(0)==="?"?t:"?"+t),n&&n!=="#"&&(e+=n.charAt(0)==="#"?n:"#"+n),e}function As(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substring(n),e=e.substring(0,n));let r=e.indexOf("?");r>=0&&(t.search=e.substring(r),e=e.substring(0,r)),e&&(t.pathname=e)}return t}function pD(e,t,n,r={}){let{window:a=document.defaultView,v5Compat:i=!1}=r,o=a.history,l="POP",c=null,u=f();u==null&&(u=0,o.replaceState({...o.state,idx:u},""));function f(){return(o.state||{idx:null}).idx}function d(){l="POP";let x=f(),g=x==null?null:x-u;u=x,c&&c({action:l,location:m.location,delta:g})}function h(x,g){l="PUSH";let S=nj(x)?x:Vv(m.location,x,g);u=f()+1;let b=rj(S,u),v=m.createHref(S.mask||S);try{o.pushState(b,"",v)}catch(j){if(j instanceof DOMException&&j.name==="DataCloneError")throw j;a.location.assign(v)}i&&c&&c({action:l,location:m.location,delta:1})}function p(x,g){l="REPLACE";let S=nj(x)?x:Vv(m.location,x,g);u=f();let b=rj(S,u),v=m.createHref(S.mask||S);o.replaceState(b,"",v),i&&c&&c({action:l,location:m.location,delta:0})}function y(x){return mD(a,x)}let m={get action(){return l},get location(){return e(a,o)},listen(x){if(c)throw new Error("A history only accepts one active listener");return a.addEventListener(tj,d),c=x,()=>{a.removeEventListener(tj,d),c=null}},createHref(x){return t(a,x)},createURL:y,encodeLocation(x){let g=y(x);return{pathname:g.pathname,search:g.search,hash:g.hash}},push:h,replace:p,go(x){return o.go(x)}};return m}function mD(e,t,n=!1){let r="http://localhost";e&&(r=e.location.origin!=="null"?e.location.origin:e.location.href),nt(r,"No window.location.(origin|href) available to create URL");let a=typeof t=="string"?t:Wc(t);return a=a.replace(/ $/,"%20"),!n&&a.startsWith("//")&&(a=r+a),new URL(a,r)}function nC(e,t,n="/"){return yD(e,t,n,!1)}function yD(e,t,n,r,a){let i=typeof t=="string"?As(t):t,o=ba(i.pathname||"/",n);if(o==null)return null;let l=vD(e),c=null,u=CD(o);for(let f=0;c==null&&f{let f={relativePath:u===void 0?o.path||"":u,caseSensitive:o.caseSensitive===!0,childrenIndex:l,route:o};if(f.relativePath.startsWith("/")){if(!f.relativePath.startsWith(r)&&c)return;nt(f.relativePath.startsWith(r),`Absolute route path "${f.relativePath}" nested under path "${r}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),f.relativePath=f.relativePath.slice(r.length)}let d=pr([r,f.relativePath]),h=n.concat(f);o.children&&o.children.length>0&&(nt(o.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${d}".`),rC(o.children,t,h,d,c)),!(o.path==null&&!o.index)&&t.push({path:d,score:AD(d,o.index),routesMeta:h})};return e.forEach((o,l)=>{var c;if(o.path===""||!((c=o.path)!=null&&c.includes("?")))i(o,l);else for(let u of aC(o.path))i(o,l,!0,u)}),t}function aC(e){let t=e.split("/");if(t.length===0)return[];let[n,...r]=t,a=n.endsWith("?"),i=n.replace(/\?$/,"");if(r.length===0)return a?[i,""]:[i];let o=aC(r.join("/")),l=[];return l.push(...o.map(c=>c===""?i:[i,c].join("/"))),a&&l.push(...o),l.map(c=>e.startsWith("/")&&c===""?"/":c)}function gD(e){e.sort((t,n)=>t.score!==n.score?n.score-t.score:ED(t.routesMeta.map(r=>r.childrenIndex),n.routesMeta.map(r=>r.childrenIndex)))}var bD=/^:[\w-]+$/,xD=3,SD=2,jD=1,wD=10,OD=-2,aj=e=>e==="*";function AD(e,t){let n=e.split("/"),r=n.length;return n.some(aj)&&(r+=OD),t&&(r+=SD),n.filter(a=>!aj(a)).reduce((a,i)=>a+(bD.test(i)?xD:i===""?jD:wD),r)}function ED(e,t){return e.length===t.length&&e.slice(0,-1).every((r,a)=>r===t[a])?e[e.length-1]-t[t.length-1]:0}function _D(e,t,n=!1){let{routesMeta:r}=e,a={},i="/",o=[];for(let l=0;l{if(f==="*"){let y=l[h]||"";o=i.slice(0,i.length-y.length).replace(/(.)\/+$/,"$1")}const p=l[h];return d&&!p?u[f]=void 0:u[f]=(p||"").replace(/%2F/g,"/"),u},{}),pathname:i,pathnameBase:o,pattern:e}}function TD(e,t=!1,n=!0){yr(e==="*"||!e.endsWith("*")||e.endsWith("/*"),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,"/*")}".`);let r=[],a="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(o,l,c,u,f)=>{if(r.push({paramName:l,isOptional:c!=null}),c){let d=f.charAt(u+o.length);return d&&d!=="/"?"/([^\\/]*)":"(?:/([^\\/]*))?"}return"/([^\\/]+)"}).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return e.endsWith("*")?(r.push({paramName:"*"}),a+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?a+="\\/*$":e!==""&&e!=="/"&&(a+="(?:(?=\\/|$))"),[new RegExp(a,t?void 0:"i"),r]}function CD(e){try{return e.split("/").map(t=>decodeURIComponent(t).replace(/\//g,"%2F")).join("/")}catch(t){return yr(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${t}).`),e}}function ba(e,t){if(t==="/")return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,r=e.charAt(n);return r&&r!=="/"?null:e.slice(n)||"/"}var ND=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function MD(e,t="/"){let{pathname:n,search:r="",hash:a=""}=typeof e=="string"?As(e):e,i;return n?(n=iC(n),n.startsWith("/")?i=ij(n.substring(1),"/"):i=ij(n,t)):i=t,{pathname:i,search:PD(r),hash:RD(a)}}function ij(e,t){let n=Wd(t).split("/");return e.split("/").forEach(a=>{a===".."?n.length>1&&n.pop():a!=="."&&n.push(a)}),n.length>1?n.join("/"):"/"}function py(e,t,n,r){return`Cannot include a '${e}' character in a manually specified \`to.${t}\` field [${JSON.stringify(r)}]. Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in and the router will parse it for you.`}function kD(e){return e.filter((t,n)=>n===0||t.route.path&&t.route.path.length>0)}function q0(e){let t=kD(e);return t.map((n,r)=>r===t.length-1?n.pathname:n.pathnameBase)}function Ap(e,t,n,r=!1){let a;typeof e=="string"?a=As(e):(a={...e},nt(!a.pathname||!a.pathname.includes("?"),py("?","pathname","search",a)),nt(!a.pathname||!a.pathname.includes("#"),py("#","pathname","hash",a)),nt(!a.search||!a.search.includes("#"),py("#","search","hash",a)));let i=e===""||a.pathname==="",o=i?"/":a.pathname,l;if(o==null)l=n;else{let d=t.length-1;if(!r&&o.startsWith("..")){let h=o.split("/");for(;h[0]==="..";)h.shift(),d-=1;a.pathname=h.join("/")}l=d>=0?t[d]:"/"}let c=MD(a,l),u=o&&o!=="/"&&o.endsWith("/"),f=(i||o===".")&&n.endsWith("/");return!c.pathname.endsWith("/")&&(u||f)&&(c.pathname+="/"),c}var iC=e=>e.replace(/\/\/+/g,"/"),pr=e=>iC(e.join("/")),Wd=e=>e.replace(/\/+$/,""),$D=e=>Wd(e).replace(/^\/*/,"/"),PD=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,RD=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,DD=class{constructor(e,t,n,r=!1){this.status=e,this.statusText=t||"",this.internal=r,n instanceof Error?(this.data=n.toString(),this.error=n):this.data=n}};function zD(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function LD(e){let t=e.map(n=>n.route.path).filter(Boolean);return pr(t)||"/"}var oC=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function lC(e,t){let n=e;if(typeof n!="string"||!ND.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let r=n,a=!1;if(oC)try{let i=new URL(window.location.href),o=n.startsWith("//")?new URL(i.protocol+n):new URL(n),l=ba(o.pathname,t);o.origin===i.origin&&l!=null?n=l+o.search+o.hash:a=!0}catch{yr(!1,` contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:r,isExternal:a,to:n}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");var sC=["POST","PUT","PATCH","DELETE"];new Set(sC);var BD=["GET",...sC];new Set(BD);var Es=O.createContext(null);Es.displayName="DataRouter";var Ep=O.createContext(null);Ep.displayName="DataRouterState";var cC=O.createContext(!1);function ID(){return O.useContext(cC)}var uC=O.createContext({isTransitioning:!1});uC.displayName="ViewTransition";var UD=O.createContext(new Map);UD.displayName="Fetchers";var HD=O.createContext(null);HD.displayName="Await";var Dn=O.createContext(null);Dn.displayName="Navigation";var Wu=O.createContext(null);Wu.displayName="Location";var rr=O.createContext({outlet:null,matches:[],isDataRoute:!1});rr.displayName="Route";var F0=O.createContext(null);F0.displayName="RouteError";var fC="REACT_ROUTER_ERROR",qD="REDIRECT",FD="ROUTE_ERROR_RESPONSE";function GD(e){if(e.startsWith(`${fC}:${qD}:{`))try{let t=JSON.parse(e.slice(28));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string"&&typeof t.location=="string"&&typeof t.reloadDocument=="boolean"&&typeof t.replace=="boolean")return t}catch{}}function YD(e){if(e.startsWith(`${fC}:${FD}:{`))try{let t=JSON.parse(e.slice(40));if(typeof t=="object"&&t&&typeof t.status=="number"&&typeof t.statusText=="string")return new DD(t.status,t.statusText,t.data)}catch{}}function VD(e,{relative:t}={}){nt(_s(),"useHref() may be used only in the context of a component.");let{basename:n,navigator:r}=O.useContext(Dn),{hash:a,pathname:i,search:o}=Qu(e,{relative:t}),l=i;return n!=="/"&&(l=i==="/"?n:pr([n,i])),r.createHref({pathname:l,search:o,hash:a})}function _s(){return O.useContext(Wu)!=null}function Ir(){return nt(_s(),"useLocation() may be used only in the context of a component."),O.useContext(Wu).location}var dC="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function hC(e){O.useContext(Dn).static||O.useLayoutEffect(e)}function Ts(){let{isDataRoute:e}=O.useContext(rr);return e?c4():KD()}function KD(){nt(_s(),"useNavigate() may be used only in the context of a component.");let e=O.useContext(Es),{basename:t,navigator:n}=O.useContext(Dn),{matches:r}=O.useContext(rr),{pathname:a}=Ir(),i=JSON.stringify(q0(r)),o=O.useRef(!1);return hC(()=>{o.current=!0}),O.useCallback((c,u={})=>{if(yr(o.current,dC),!o.current)return;if(typeof c=="number"){n.go(c);return}let f=Ap(c,JSON.parse(i),a,u.relative==="path");e==null&&t!=="/"&&(f.pathname=f.pathname==="/"?t:pr([t,f.pathname])),(u.replace?n.replace:n.push)(f,u.state,u)},[t,n,i,a,e])}var XD=O.createContext(null);function WD(e){let t=O.useContext(rr).outlet;return O.useMemo(()=>t&&O.createElement(XD.Provider,{value:e},t),[t,e])}function QD(){let{matches:e}=O.useContext(rr),t=e[e.length-1];return(t==null?void 0:t.params)??{}}function Qu(e,{relative:t}={}){let{matches:n}=O.useContext(rr),{pathname:r}=Ir(),a=JSON.stringify(q0(n));return O.useMemo(()=>Ap(e,JSON.parse(a),r,t==="path"),[e,a,r,t])}function ZD(e,t){return pC(e,t)}function pC(e,t,n){var x;nt(_s(),"useRoutes() may be used only in the context of a component.");let{navigator:r}=O.useContext(Dn),{matches:a}=O.useContext(rr),i=a[a.length-1],o=i?i.params:{},l=i?i.pathname:"/",c=i?i.pathnameBase:"/",u=i&&i.route;{let g=u&&u.path||"";yC(l,!u||g.endsWith("*")||g.endsWith("*?"),`You rendered descendant (or called \`useRoutes()\`) at "${l}" (under ) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render. - -Please change the parent to .`)}let f=Ir(),d;if(t){let g=typeof t=="string"?As(t):t;nt(c==="/"||((x=g.pathname)==null?void 0:x.startsWith(c)),`When overriding the location using \`\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${c}" but pathname "${g.pathname}" was given in the \`location\` prop.`),d=g}else d=f;let h=d.pathname||"/",p=h;if(c!=="/"){let g=c.replace(/^\//,"").split("/");p="/"+h.replace(/^\//,"").split("/").slice(g.length).join("/")}let y=n&&n.state.matches.length?n.state.matches.map(g=>Object.assign(g,{route:n.manifest[g.route.id]||g.route})):nC(e,{pathname:p});yr(u||y!=null,`No routes matched location "${d.pathname}${d.search}${d.hash}" `),yr(y==null||y[y.length-1].route.element!==void 0||y[y.length-1].route.Component!==void 0||y[y.length-1].route.lazy!==void 0,`Matched leaf route at location "${d.pathname}${d.search}${d.hash}" does not have an element or Component. This means it will render an with a null value by default resulting in an "empty" page.`);let m=r4(y&&y.map(g=>Object.assign({},g,{params:Object.assign({},o,g.params),pathname:pr([c,r.encodeLocation?r.encodeLocation(g.pathname.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathname]),pathnameBase:g.pathnameBase==="/"?c:pr([c,r.encodeLocation?r.encodeLocation(g.pathnameBase.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathnameBase])})),a,n);return t&&m?O.createElement(Wu.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",mask:void 0,...d},navigationType:"POP"}},m):m}function JD(){let e=s4(),t=zD(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,r="rgba(200,200,200, 0.5)",a={padding:"0.5rem",backgroundColor:r},i={padding:"2px 4px",backgroundColor:r},o=null;return console.error("Error handled by React Router default ErrorBoundary:",e),o=O.createElement(O.Fragment,null,O.createElement("p",null,"💿 Hey developer 👋"),O.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",O.createElement("code",{style:i},"ErrorBoundary")," or"," ",O.createElement("code",{style:i},"errorElement")," prop on your route.")),O.createElement(O.Fragment,null,O.createElement("h2",null,"Unexpected Application Error!"),O.createElement("h3",{style:{fontStyle:"italic"}},t),n?O.createElement("pre",{style:a},n):null,o)}var e4=O.createElement(JD,null),mC=class extends O.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||t.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){this.props.onError?this.props.onError(e,t):console.error("React Router caught the following error during render",e)}render(){let e=this.state.error;if(this.context&&typeof e=="object"&&e&&"digest"in e&&typeof e.digest=="string"){const n=YD(e.digest);n&&(e=n)}let t=e!==void 0?O.createElement(rr.Provider,{value:this.props.routeContext},O.createElement(F0.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?O.createElement(t4,{error:e},t):t}};mC.contextType=cC;var my=new WeakMap;function t4({children:e,error:t}){let{basename:n}=O.useContext(Dn);if(typeof t=="object"&&t&&"digest"in t&&typeof t.digest=="string"){let r=GD(t.digest);if(r){let a=my.get(t);if(a)throw a;let i=lC(r.location,n);if(oC&&!my.get(t))if(i.isExternal||r.reloadDocument)window.location.href=i.absoluteURL||i.to;else{const o=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:r.replace}));throw my.set(t,o),o}return O.createElement("meta",{httpEquiv:"refresh",content:`0;url=${i.absoluteURL||i.to}`})}}return e}function n4({routeContext:e,match:t,children:n}){let r=O.useContext(Es);return r&&r.static&&r.staticContext&&(t.route.errorElement||t.route.ErrorBoundary)&&(r.staticContext._deepestRenderedBoundaryId=t.route.id),O.createElement(rr.Provider,{value:e},n)}function r4(e,t=[],n){let r=n==null?void 0:n.state;if(e==null){if(!r)return null;if(r.errors)e=r.matches;else if(t.length===0&&!r.initialized&&r.matches.length>0)e=r.matches;else return null}let a=e,i=r==null?void 0:r.errors;if(i!=null){let f=a.findIndex(d=>d.route.id&&(i==null?void 0:i[d.route.id])!==void 0);nt(f>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(i).join(",")}`),a=a.slice(0,Math.min(a.length,f+1))}let o=!1,l=-1;if(n&&r){o=r.renderFallback;for(let f=0;f=0?a=a.slice(0,l+1):a=[a[0]];break}}}}let c=n==null?void 0:n.onError,u=r&&c?(f,d)=>{var h,p;c(f,{location:r.location,params:((p=(h=r.matches)==null?void 0:h[0])==null?void 0:p.params)??{},pattern:LD(r.matches),errorInfo:d})}:void 0;return a.reduceRight((f,d,h)=>{let p,y=!1,m=null,x=null;r&&(p=i&&d.route.id?i[d.route.id]:void 0,m=d.route.errorElement||e4,o&&(l<0&&h===0?(yC("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),y=!0,x=null):l===h&&(y=!0,x=d.route.hydrateFallbackElement||null)));let g=t.concat(a.slice(0,h+1)),S=()=>{let b;return p?b=m:y?b=x:d.route.Component?b=O.createElement(d.route.Component,null):d.route.element?b=d.route.element:b=f,O.createElement(n4,{match:d,routeContext:{outlet:f,matches:g,isDataRoute:r!=null},children:b})};return r&&(d.route.ErrorBoundary||d.route.errorElement||h===0)?O.createElement(mC,{location:r.location,revalidation:r.revalidation,component:m,error:p,children:S(),routeContext:{outlet:null,matches:g,isDataRoute:!0},onError:u}):S()},null)}function G0(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function a4(e){let t=O.useContext(Es);return nt(t,G0(e)),t}function i4(e){let t=O.useContext(Ep);return nt(t,G0(e)),t}function o4(e){let t=O.useContext(rr);return nt(t,G0(e)),t}function Y0(e){let t=o4(e),n=t.matches[t.matches.length-1];return nt(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function l4(){return Y0("useRouteId")}function s4(){var r;let e=O.useContext(F0),t=i4("useRouteError"),n=Y0("useRouteError");return e!==void 0?e:(r=t.errors)==null?void 0:r[n]}function c4(){let{router:e}=a4("useNavigate"),t=Y0("useNavigate"),n=O.useRef(!1);return hC(()=>{n.current=!0}),O.useCallback(async(a,i={})=>{yr(n.current,dC),n.current&&(typeof a=="number"?await e.navigate(a):await e.navigate(a,{fromRouteId:t,...i}))},[e,t])}var oj={};function yC(e,t,n){!t&&!oj[e]&&(oj[e]=!0,yr(!1,n))}O.memo(u4);function u4({routes:e,manifest:t,future:n,state:r,isStatic:a,onError:i}){return pC(e,void 0,{manifest:t,state:r,isStatic:a,onError:i})}function vC({to:e,replace:t,state:n,relative:r}){nt(_s()," may be used only in the context of a component.");let{static:a}=O.useContext(Dn);yr(!a," must not be used on the initial render in a . This is a no-op, but you should modify your code so the is only ever rendered in response to some user interaction or state change.");let{matches:i}=O.useContext(rr),{pathname:o}=Ir(),l=Ts(),c=Ap(e,q0(i),o,r==="path"),u=JSON.stringify(c);return O.useEffect(()=>{l(JSON.parse(u),{replace:t,state:n,relative:r})},[l,u,r,t,n]),null}function f4(e){return WD(e.context)}function Ae(e){nt(!1,"A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .")}function d4({basename:e="/",children:t=null,location:n,navigationType:r="POP",navigator:a,static:i=!1,useTransitions:o}){nt(!_s(),"You cannot render a inside another . You should never have more than one in your app.");let l=e.replace(/^\/*/,"/"),c=O.useMemo(()=>({basename:l,navigator:a,static:i,useTransitions:o,future:{}}),[l,a,i,o]);typeof n=="string"&&(n=As(n));let{pathname:u="/",search:f="",hash:d="",state:h=null,key:p="default",mask:y}=n,m=O.useMemo(()=>{let x=ba(u,l);return x==null?null:{location:{pathname:x,search:f,hash:d,state:h,key:p,mask:y},navigationType:r}},[l,u,f,d,h,p,r,y]);return yr(m!=null,` is not able to match the URL "${u}${f}${d}" because it does not start with the basename, so the won't render anything.`),m==null?null:O.createElement(Dn.Provider,{value:c},O.createElement(Wu.Provider,{children:t,value:m}))}function h4({children:e,location:t}){return ZD(Kv(e),t)}function Kv(e,t=[]){let n=[];return O.Children.forEach(e,(r,a)=>{if(!O.isValidElement(r))return;let i=[...t,a];if(r.type===O.Fragment){n.push.apply(n,Kv(r.props.children,i));return}nt(r.type===Ae,`[${typeof r.type=="string"?r.type:r.type.name}] is not a component. All component children of must be a or `),nt(!r.props.index||!r.props.children,"An index route cannot have child routes.");let o={id:r.props.id||i.join("-"),caseSensitive:r.props.caseSensitive,element:r.props.element,Component:r.props.Component,index:r.props.index,path:r.props.path,middleware:r.props.middleware,loader:r.props.loader,action:r.props.action,hydrateFallbackElement:r.props.hydrateFallbackElement,HydrateFallback:r.props.HydrateFallback,errorElement:r.props.errorElement,ErrorBoundary:r.props.ErrorBoundary,hasErrorBoundary:r.props.hasErrorBoundary===!0||r.props.ErrorBoundary!=null||r.props.errorElement!=null,shouldRevalidate:r.props.shouldRevalidate,handle:r.props.handle,lazy:r.props.lazy};r.props.children&&(o.children=Kv(r.props.children,i)),n.push(o)}),n}var dd="get",hd="application/x-www-form-urlencoded";function _p(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function p4(e){return _p(e)&&e.tagName.toLowerCase()==="button"}function m4(e){return _p(e)&&e.tagName.toLowerCase()==="form"}function y4(e){return _p(e)&&e.tagName.toLowerCase()==="input"}function v4(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function g4(e,t){return e.button===0&&(!t||t==="_self")&&!v4(e)}var kf=null;function b4(){if(kf===null)try{new FormData(document.createElement("form"),0),kf=!1}catch{kf=!0}return kf}var x4=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function yy(e){return e!=null&&!x4.has(e)?(yr(!1,`"${e}" is not a valid \`encType\` for \`

\`/\`\` and will default to "${hd}"`),null):e}function S4(e,t){let n,r,a,i,o;if(m4(e)){let l=e.getAttribute("action");r=l?ba(l,t):null,n=e.getAttribute("method")||dd,a=yy(e.getAttribute("enctype"))||hd,i=new FormData(e)}else if(p4(e)||y4(e)&&(e.type==="submit"||e.type==="image")){let l=e.form;if(l==null)throw new Error('Cannot submit a + + + {verdict === 'down' && ( +
+ setCorrection(e.target.value)} + placeholder="무엇이 잘못됐는지 알려주세요 (선택)" + className="flex-1 px-3 py-1.5 rounded-lg bg-ink border border-edge text-sm outline-none focus:border-brand" + /> + +
+ )} + + ) +} diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx index 9230712..f93fadb 100644 --- a/frontend/src/components/Sidebar.tsx +++ b/frontend/src/components/Sidebar.tsx @@ -38,6 +38,7 @@ const adminLinks: Link[] = [ { to: '/admin/users', label: '사용자/권한', icon: ShieldCheck, min: 'SUPERADMIN' }, { to: '/admin/audit', label: '감사 로그', icon: ScrollText, min: 'EDITOR' }, { to: '/admin/settings', label: '시스템 설정', icon: Settings, min: 'EDITOR' }, + { to: '/admin/ai-platform', label: 'AI 플랫폼', icon: Cpu, min: 'SUPERADMIN' }, ] // 업무(UIWS 이식) — 업무일지·일정·쪽지·통계 (인증 사용자 전체) const uiwsLinks: Link[] = [ diff --git a/frontend/src/pages/AiPlatformSettings.tsx b/frontend/src/pages/AiPlatformSettings.tsx new file mode 100644 index 0000000..3c2cf6f --- /dev/null +++ b/frontend/src/pages/AiPlatformSettings.tsx @@ -0,0 +1,281 @@ +// AI 플랫폼(LLM Provider) 설정(SUPERADMIN) — 제공자·모델 선택 + 연결 테스트 + 피드백 위젯. +// API 키 값은 화면에 절대 표시/입력하지 않는다(claudeKeySet 으로 설정 여부 배지만). +// 저장은 provider/claudeModel 만 전송(ollama 계열 모델·전역 활성은 읽기 전용 표시). +// 레퍼런스: guardia-ocr AiPlatformSettings.tsx (glm provider + RAM 배지 추가). +import { useEffect, useState } from 'react' +import { Cpu, KeyRound, PlugZap, Save, AlertTriangle } from 'lucide-react' +import { getAiConfig, updateAiConfig, testAiConfig } from '../api/adminAiConfig' +import type { AiProvider, ClaudeModel, AiTestResult } from '../api/adminAiConfig' +import AiFeedback from '../components/AiFeedback' +import { isSuperAdmin } from '../components/rbac' + +const PROVIDERS: { id: AiProvider; label: string; hint: string; ram?: boolean }[] = [ + { id: 'ollama', label: 'Ollama (기본)', hint: '온프레미스 · llama3.2:1b' }, + { id: 'qwen3', label: 'Qwen3', hint: '온프레미스 · qwen3:1.7b' }, + { id: 'deepseek', label: 'DeepSeek', hint: '온프레미스 · deepseek-r1:1.5b' }, + { id: 'glm', label: 'GLM (Zhipu)', hint: '온프레미스 · glm4:9b', ram: true }, + { id: 'claude', label: 'Claude (외부)', hint: 'api.anthropic.com · 키 필요' }, +] + +const CLAUDE_MODELS: ClaudeModel[] = ['claude-sonnet-4-6', 'claude-haiku-4-5', 'claude-opus-4-8'] +const DEFAULT_CLAUDE_MODEL: ClaudeModel = 'claude-sonnet-4-6' +const normModel = (v: string): ClaudeModel => + (CLAUDE_MODELS as string[]).includes(v) ? (v as ClaudeModel) : DEFAULT_CLAUDE_MODEL + +function friendlyError(e: any): string { + const msg: string = e?.response?.data?.message || '' + if (e?.response?.status === 403) return '권한이 없습니다 (AI 설정은 SuperAdmin 전용).' + if (msg.includes('ERR-AI-400')) return msg.replace(/^ERR-AI-400:\s*/, '') + return 'AI 설정을 처리하지 못했습니다.' +} + +export default function AiPlatformSettings() { + const editable = isSuperAdmin() + const [provider, setProvider] = useState('ollama') + const [claudeModel, setClaudeModel] = useState(DEFAULT_CLAUDE_MODEL) + const [claudeKeySet, setClaudeKeySet] = useState(false) + const [ollamaTextModel, setOllamaTextModel] = useState('') + const [aiEnabled, setAiEnabled] = useState(true) + + const [loading, setLoading] = useState(false) + const [saving, setSaving] = useState(false) + const [saved, setSaved] = useState(false) + const [err, setErr] = useState('') + + const [testing, setTesting] = useState(false) + const [testResult, setTestResult] = useState(null) + + const load = () => { + setLoading(true) + getAiConfig() + .then(dto => { + setProvider(dto.provider) + setClaudeModel(normModel(dto.claudeModel ?? DEFAULT_CLAUDE_MODEL)) + setClaudeKeySet(!!dto.claudeKeySet) + setOllamaTextModel(dto.ollamaTextModel ?? '') + setAiEnabled(!!dto.aiEnabled) + setErr('') + }) + .catch(e => setErr(friendlyError(e))) + .finally(() => setLoading(false)) + } + + useEffect(() => { load() }, []) + + const markDirty = () => { setSaved(false); setTestResult(null) } + + const submit = async () => { + setSaving(true) + setSaved(false) + try { + const dto = await updateAiConfig({ provider, claudeModel }) + setProvider(dto.provider) + setClaudeModel(normModel(dto.claudeModel ?? DEFAULT_CLAUDE_MODEL)) + setClaudeKeySet(!!dto.claudeKeySet) + setOllamaTextModel(dto.ollamaTextModel ?? '') + setAiEnabled(!!dto.aiEnabled) + setSaved(true) + setErr('') + } catch (e) { + setErr(friendlyError(e)) + } finally { + setSaving(false) + } + } + + const runTest = async () => { + setTesting(true) + setTestResult(null) + try { + setTestResult(await testAiConfig()) + } catch (e) { + setTestResult({ ok: false, degraded: false, message: friendlyError(e) }) + } finally { + setTesting(false) + } + } + + const isClaude = provider === 'claude' + const isGlm = provider === 'glm' + const showKeyFallback = isClaude && !claudeKeySet + const showDisabledFallback = !isClaude && !aiEnabled + + const statusClass = testResult + ? testResult.degraded + ? 'text-amber-300' + : testResult.ok + ? 'text-accent' + : 'text-rose-300' + : '' + + return ( +
+
+
+

+ AI 플랫폼 설정 +

+

+ 콘텐츠 초안·SEO·번역·리뷰 요약·검색·모더레이션 등 텍스트 생성에 사용할 LLM 제공자와 모델을 선택합니다. +

+
+ +
+ + {err && ( +
+ {err} +
+ )} + + {!editable && ( +
+ 조회 전용입니다. AI 플랫폼 설정 변경은 SuperAdmin 권한이 필요합니다. +
+ )} + + {(showKeyFallback || showDisabledFallback) && ( +
+ {showKeyFallback + ? 'Claude API 키가 설정되지 않아 Ollama(온프레미스)로 폴백 동작합니다. 서버 환경변수 ANTHROPIC_API_KEY 설정 후 사용하세요.' + : 'AI 기능이 비활성 상태입니다. 모든 AI 결과는 규칙 기반(degraded)으로 동작합니다.'} +
+ )} + + {isGlm && ( +
+ + GLM(glm4:9b, 약 5.5GB)은 현재 서버 가용 RAM(~2GB)을 초과합니다. RAM 증설 전까지 콜드로드가 실패할 수 있으며, 실패 시 자동으로 소형 모델로 폴백합니다. +
+ )} + +
+ {/* ── 제공자 & 모델 ── */} +
+

+ 제공자 & 모델 +

+ +
+ {PROVIDERS.map(p => ( + + ))} +
+ + {/* Ollama 계열 — 텍스트 모델 읽기 전용 표시 */} + {!isClaude && ( +
+ +
+ {ollamaTextModel || 'llama3.2:1b'} +
+

+ 온프레미스 소형 모델 — 서버 RAM 제약으로 고정. 외부 호출 없음. +

+
+ )} + + {/* Claude — 모델 셀렉트 + 키 배지(값 비노출) */} + {isClaude && ( + <> +
+ + +
+
+ + + {claudeKeySet ? '설정됨' : '미설정'} + +

+ 키는 서버 환경변수(ANTHROPIC_API_KEY)로만 주입되며 화면·응답·로그에 노출되지 않습니다. +

+
+ + )} + +
+ + {saved && 저장됨} +
+
+ + {/* ── 연결 테스트 ── */} +
+

+ 연결 테스트 +

+

+ 저장된 설정 기준으로 선택한 제공자에 짧은 ping 을 보내 연결을 확인합니다(요약 결과만). +

+
+ + {testResult && ( + + {testResult.message} + + )} +
+

+ 먼저 변경 사항을 저장한 뒤 테스트하세요. Claude 실패 시 Ollama 로 자동 폴백합니다. +

+ +
+
AI 품질 피드백
+ +
+
+
+
+ ) +}