@ihyeon/flow-qa 0.0.0-stage → 0.1.0-alpha.2

package/dist/src/ui/public/i18n.js

@@ -0,0 +1,290 @@
+(() => {
+  'use strict';
+
+  const storageKey = 'flowqa-language';
+  // Each key has an English default and a Korean translation. Values are text only.
+  const copy = {
+    'brand.subtitle': ['QA workspace', '검증 작업 공간'],
+    'nav.menu': ['Menu', '메뉴'],
+    'nav.label': ['Main menu', '주 메뉴'],
+    'nav.caption': ['WORKSPACE', '작업 공간'],
+    'nav.scenario': ['Scenario', '시나리오'],
+    'nav.library': ['Case library', '케이스 보관함'],
+    'nav.history': ['Run history', '실행 기록'],
+    'nav.settings': ['Connections', '연결 설정'],
+    'top.waiting': ['Ready to run', '실행 대기'],
+    'top.checkingConnection': ['Checking connection', '연결 확인 중'],
+    'top.stop': ['Stop task', '작업 중지'],
+    'top.reconnect': ['Reconnect', '다시 연결'],
+    'top.theme': ['Theme', '테마'],
+    'top.themeAria': ['Change theme', '테마 전환'],
+    'top.language': ['Language', '언어'],
+    'scenario.headingFirst': ['Write a flow,', '흐름을 쓰고,'],
+    'scenario.eyebrow': ['01 / SCENARIO', '01 / 시나리오'],
+    'scenario.headingSecond': ['keep the evidence.', '검증을 남깁니다.'],
+    'scenario.intro': ['Define the expected behavior, review the cases, then run them against a selected target.', '기대 동작을 정의하고 케이스를 검토한 뒤, 선택한 대상에서 실행하세요.'],
+    'scenario.flowTitle': ['Flow to test', '검증할 흐름'],
+    'scenario.flowHelp': ['Describe the action and the result you expect to see.', '어떤 행동에 어떤 결과가 보여야 하는지 적어주세요.'],
+    'scenario.flowLabel': ['Scenario and expected behavior', '시나리오와 기대 동작'],
+    'scenario.flowPlaceholder': ['For example: When a user enters a title and selects Add, the same title appears in the list. An empty title shows an error.', '예: 사용자가 제목을 입력하고 추가를 누르면 목록에 동일한 제목이 표시된다. 빈 제목이면 오류 문구가 표시된다.'],
+    'scenario.flowHint': ['Generate cases when an AI planner is ready. You can also download the prompt and write them yourself without a model connection.', 'AI 플래너가 준비되면 케이스를 생성할 수 있습니다. 연결 없이 프롬프트를 내려받아 직접 작성할 수도 있습니다.'],
+    'scenario.generate': ['Generate cases with AI', 'AI로 케이스 생성'],
+    'scenario.prompt': ['Download generation prompt', '생성 프롬프트 다운로드'],
+    'scenario.reviewTitle': ['Review cases', '케이스 검토'],
+    'scenario.reviewHelp': ['Open each case to inspect its actions and expected results.', '각 케이스를 펼쳐 행동과 기대 결과를 살펴보세요.'],
+    'scenario.noDraft': ['No draft', '초안 없음'],
+    'scenario.summaryEmpty': ['No cases to review yet. Load a local example from the library or generate cases from the scenario.', '아직 검토할 케이스가 없습니다. 보관함의 로컬 예제를 불러오거나 왼쪽 시나리오에서 생성하세요.'],
+    'scenario.sourceNone': ['Source: none', '원본: 없음'],
+    'scenario.fromLibrary': ['Load from library', '보관함에서 불러오기'],
+    'scenario.save': ['Save cases separately', '케이스 별도 저장'],
+    'scenario.saveHint': ['Only saved cases can be run.', '저장된 케이스만 실행할 수 있습니다.'],
+    'scenario.technical': ['Edit JSON · Validate · View script', 'JSON 편집 · 검증 · 스크립트 보기'],
+    'scenario.suiteJson': ['Suite JSON', '스위트 JSON'],
+    'scenario.suitePlaceholder': ['Load a local demo case from the library or enter suite JSON.', '보관함의 로컬 데모 케이스를 불러오거나 스위트 JSON을 입력하세요.'],
+    'scenario.newDraft': ['New JSON draft', '새 JSON 초안'],
+    'scenario.compile': ['Validate JSON · Generate script', 'JSON 검증 · 스크립트 생성'],
+    'scenario.script': ['Run script', '실행 스크립트'],
+    'scenario.downloadScript': ['Download script ↓', '스크립트 다운로드 ↓'],
+    'scenario.scriptPlaceholder': ['The script for validated cases will appear here.', '검증된 케이스의 스크립트가 여기에 표시됩니다.'],
+    'scenario.runTitle': ['Review, then run', '검토 후 실행'],
+    'scenario.runHelp': ['Select a target and confirm you have reviewed the cases.', '대상을 선택하고 케이스 내용을 승인하세요.'],
+    'scenario.target': ['Run target', '실행 대상'],
+    'scenario.selectTarget': ['Select a target', '대상을 선택하세요'],
+    'scenario.targetHint': ['You can add a target in Connections.', '연결 설정에서 대상을 추가할 수 있습니다.'],
+    'scenario.reviewConfirm': ['I have reviewed the requirements, case steps, and expected results.', '요구사항, 케이스 단계와 기대 결과를 직접 검토했습니다.'],
+    'scenario.runInitial': ['Validated cases and a run target are required.', '검증된 케이스와 실행 대상이 필요합니다.'],
+    'scenario.stop': ['Stop run', '실행 중지'],
+    'scenario.run': ['Run QA', 'QA 실행'],
+    'library.heading': ['Case library', '케이스 보관함'],
+    'library.eyebrow': ['02 / LIBRARY', '02 / 보관함'],
+    'library.intro': ['Cases saved on disk. Local demo examples are not AI generated results.', '디스크에 저장된 케이스입니다. 로컬 데모 예제는 AI 생성 결과가 아닙니다.'],
+    'library.title': ['Saved suites', '저장된 스위트'],
+    'library.help': ['Load a suite, then review it on the Scenario page.', '불러온 뒤 시나리오 화면에서 검토하세요.'],
+    'history.heading': ['Run history', '실행 기록'],
+    'history.eyebrow': ['03 / RUNS', '03 / 실행'],
+    'history.intro': ['Only runs that actually started appear here. Once results are saved, you can view the detailed report.', '실제로 시작된 실행만 표시합니다. 결과가 저장되면 상세 보고서를 볼 수 있습니다.'],
+    'history.title': ['Runs', '실행 목록'],
+    'history.help': ['Check the completed report for the final status.', '상태는 완료된 보고서 기준으로 확인하세요.'],
+    'history.report': ['Detailed report', '상세 보고서'],
+    'history.downloadMarkdown': ['Download Markdown', 'Markdown 다운로드'],
+    'history.downloadJson': ['Download JSON', 'JSON 다운로드'],
+    'history.evidenceHint': ['The report summarizes results. Open or download screenshots and recordings from each attempt. Evidence files are not included in report downloads.', '보고서는 결과 요약입니다. 스크린샷·화면 기록은 각 시도에서 열거나 개별 다운로드하세요. 증거 파일은 보고서 다운로드에 포함되지 않습니다.'],
+    'settings.heading': ['Connections', '연결 설정'],
+    'settings.eyebrow': ['04 / CONNECTIONS', '04 / 연결 설정'],
+    'settings.intro': ['Configure run targets and models separately. Key values are read only from server environment variables.', '실행 대상과 모델을 따로 설정합니다. 키 값은 서버 환경 변수에서만 읽습니다.'],
+    'settings.runtime': ['Runtime', '실행 환경'],
+    'settings.runtimeInitial': ['Checking installation status.', '설치 상태를 확인하고 있습니다.'],
+    'settings.runtimeHint': ['This shows local installation and configuration. Verify target access, sign-in, and model responses with an actual run.', '이 표시는 로컬 설치·설정 확인입니다. 대상 접근, 로그인과 모델 응답은 실제 실행으로 확인해야 합니다.'],
+    'settings.display': ['Display', '화면 설정'],
+    'settings.displayKicker': ['DISPLAY', '화면'],
+    'settings.displayHelp': ['Choose a comfortable display.', '읽기 편한 조합을 선택하세요.'],
+    'settings.theme': ['Theme', '테마'],
+    'settings.themeSystem': ['System', '기기 설정'],
+    'settings.themeLight': ['Light', '라이트'],
+    'settings.themeDark': ['Dark', '다크'],
+    'settings.accent': ['Accent', '강조색'],
+    'settings.accentCobalt': ['Cobalt', '코발트'],
+    'settings.accentForest': ['Forest', '포레스트'],
+    'settings.accentCoral': ['Coral', '코랄'],
+    'settings.density': ['Density', '간격'],
+    'settings.densityComfortable': ['Comfortable', '여유롭게'],
+    'settings.densityCompact': ['Compact', '촘촘하게'],
+    'settings.corners': ['Corners', '모서리'],
+    'settings.cornersCrisp': ['Crisp', '각지게'],
+    'settings.cornersSoft': ['Soft', '부드럽게'],
+    'settings.motion': ['Motion', '움직임'],
+    'settings.motionFull': ['Full', '기본'],
+    'settings.motionReduced': ['Reduced', '줄이기'],
+    'settings.savedHere': ['Your display choices are saved in this browser.', '선택한 화면 설정은 이 브라우저에 저장됩니다.'],
+    'settings.reset': ['Reset to defaults', '기본값으로 재설정'],
+    'settings.targets': ['Run targets', '실행 대상'],
+    'settings.targetsHelp': ['Add an allowed HTTPS or local address.', '허용된 HTTPS 주소 또는 로컬 주소를 등록하세요.'],
+    'settings.targetName': ['Target name', '대상 이름'],
+    'settings.targetNamePlaceholder': ['e.g. local-demo', '예: local-demo'],
+    'settings.description': ['Description', '설명'],
+    'settings.descriptionPlaceholder': ['What this target is for', '이 대상의 용도'],
+    'settings.saveTarget': ['Save target', '대상 저장'],
+    'settings.models': ['Model connections', '모델 연결'],
+    'settings.modelsHelp': ['Manage planner and run agent connections separately.', '플래너와 실행 에이전트의 연결을 따로 관리합니다.'],
+    'settings.modelsHint': ['Do not enter or store API key values here. Specify only the name of an environment variable in the server process.', 'API 키 값은 이 화면에 입력하거나 저장하지 않습니다. 서버 프로세스의 환경 변수 이름만 지정하세요.'],
+    'display.themeSystemShort': ['System', '기기 설정'],
+    'display.themeLightShort': ['Light', '밝게'],
+    'display.themeDarkShort': ['Dark', '어둡게'],
+    'display.currentTheme': ['Change theme: currently {theme}', '테마 변경: 현재 {theme}'],
+    'display.themeButton': ['Display · {theme}', '화면 · {theme}'],
+    'display.motionSystemReduced': ['motion reduced by system setting', '기기 설정에 따라 움직임 감소'],
+    'app.breadcrumb': ['Workspace / {name}', '작업 공간 / {name}'],
+    'app.responseUnreadable': ['Could not read the server response ({status}).', '서버 응답을 읽을 수 없습니다 ({status}).'],
+    'app.requestFailed': ['Request failed ({status})', '요청 실패 ({status})'],
+    'app.stopPlan': ['Cancel generation', '생성 취소'],
+    'app.connectionRequired': ['Server connection required. Select Reconnect above.', '서버 연결이 필요합니다. 상단에서 다시 연결해 주세요.'],
+    'app.stopping': ['Processing stop request.', '중지 요청을 처리 중입니다.'],
+    'app.planning': ['AI is generating cases. You can cancel above.', 'AI가 케이스를 생성하고 있습니다. 상단에서 취소할 수 있습니다.'],
+    'app.running': ['Run in progress. Check Run history for results when it finishes.', '실행 중입니다. 완료되면 실행 기록에서 결과를 확인하세요.'],
+    'app.stale': ['Scenario changed. Generate cases again or start a new JSON draft.', '시나리오가 변경됐습니다. 다시 생성하거나 새 JSON 초안을 시작하세요.'],
+    'app.dirty': ['JSON changed. Validate it again.', 'JSON이 변경됐습니다. 다시 검증해 주세요.'],
+    'app.needValidated': ['Validated cases required.', '검증된 케이스가 필요합니다.'],
+    'app.needSaved': ['Save cases or reload them from the library before running.', '실행 전 케이스를 저장하거나 보관함에서 다시 불러오세요.'],
+    'app.needTarget': ['Select a run target.', '실행 대상을 선택하세요.'],
+    'app.needReview': ['Review the contents, then select the checkbox.', '내용 검토 후 확인란을 선택하세요.'],
+    'app.ready': ['Ready to run.', '실행할 준비가 됐습니다.'],
+    'app.caseReadiness': ['{total} total · {ready} runnable · {blocked} blocked before run{hint}', '전체 {total}개 · 실행 가능 {ready}개 · 사전 차단 {blocked}개{hint}'],
+    'app.blockedHint': [' — Check open questions or run agent settings.', ' — 확인 질문이나 실행 모델 설정을 확인하세요.'],
+    'app.regenerate': ['Regenerate required', '재생성 필요'],
+    'app.revalidate': ['Revalidate required', '재검증 필요'],
+    'app.validated': ['Validated', '검증 완료'],
+    'app.sourceGenerated': ['Source: AI generated from this scenario · JSON can be reviewed', '원본: 현재 시나리오에서 AI 생성 · JSON 검토 가능'],
+    'app.sourceLibraryFlow': ['Source: saved cases and linked scenario', '원본: 저장된 케이스와 연결된 시나리오'],
+    'app.sourceLibrary': ['Source: saved cases · no linked scenario', '원본: 저장된 케이스 · 연결된 시나리오 없음'],
+    'app.sourceManualFlow': ['Source: current scenario · manually written JSON', '원본: 현재 시나리오 · 직접 작성한 JSON'],
+    'app.sourceManual': ['Source: manually written JSON · no linked scenario', '원본: 직접 작성한 JSON · 연결된 시나리오 없음'],
+    'app.locatorRole': ['role', '역할'],
+    'app.locatorText': ['text', '텍스트'],
+    'app.locatorLabel': ['label', '레이블'],
+    'app.locatorTestId': ['test ID', '테스트 ID'],
+    'app.locatorName': ['name “{name}”', '이름 “{name}”'],
+    'app.stepOpen': ['Open page: {path}', '페이지 열기: {path}'],
+    'app.stepClick': ['Click: {target}', '클릭: {target}'],
+    'app.stepFill': ['Fill: {target} → “{value}”', '입력: {target} → “{value}”'],
+    'app.stepVisible': ['Expected: {target} visible', '기대 결과: {target} 표시됨'],
+    'app.stepHidden': ['Expected: {target} hidden', '기대 결과: {target} 보이지 않음'],
+    'app.stepTextContains': ['Expected: {target} text contains “{expected}”', '기대 결과: {target} 텍스트가 “{expected}” 포함'],
+    'app.stepTextEquals': ['Expected: {target} text equals “{expected}”', '기대 결과: {target} 텍스트가 “{expected}” 일치'],
+    'app.stepUrl': ['Expected: URL {expected}', '기대 결과: URL {expected}'],
+    'app.stepAct': ['AI action: {instruction}', 'AI 행동: {instruction}'],
+    'app.stepAssertAgent': ['Expected (AI judgment): {instruction}', '기대 결과 (AI 판단): {instruction}'],
+    'app.untitledSuite': ['Untitled suite', '제목 없는 스위트'],
+    'app.cases': ['Cases', '케이스'],
+    'app.requirements': ['Requirements', '요구사항'],
+    'app.questions': ['Open questions', '확인 질문'],
+    'app.caseSteps': ['Case actions and expected results', '케이스별 행동과 기대 결과'],
+    'app.caseBlocked': ['blocked from running', '실행 차단'],
+    'app.linkedRequirements': ['Linked requirements: {ids}', '연결 요구사항: {ids}'],
+    'app.none': ['none', '없음'],
+    'app.preconditions': ['Preconditions', '시작 조건'],
+    'app.blockingQuestions': ['Questions blocking this case', '해결 전 실행이 차단되는 질문'],
+    'app.modelPlanner': ['AI planner', 'AI 플래너'],
+    'app.modelAgent': ['Run agent', '실행 에이전트'],
+    'app.modelPlannerHelp': ['Generates cases from scenarios.', '시나리오에서 케이스를 생성합니다.'],
+    'app.modelAgentHelp': ['Runs cases with natural-language steps.', '자연어 단계가 포함된 케이스 실행에 사용합니다.'],
+    'app.modelUnconnected': ['Not connected.', '연결되지 않았습니다.'],
+    'app.modelExternal': ['An external connection is configured and cannot be edited here.', '외부 연결이 설정되어 있으며 이 화면에서는 수정할 수 없습니다.'],
+    'app.modelGeneric': ['model', '모델'],
+    'app.modelNoKey': ['configured to request without a key', '키 없이 요청하도록 설정됨'],
+    'app.modelKeyReady': ['key environment variable ready', '키 환경 변수 준비됨'],
+    'app.modelKeyMissing': ['key environment variable missing', '키 환경 변수 미설정'],
+    'app.modelUnverified': ['actual call unverified', '실제 호출 미확인'],
+    'app.modelBaseUrl': ['OpenAI-compatible Base URL', 'OpenAI 호환 Base URL'],
+    'app.modelName': ['Model name', '모델 이름'],
+    'app.modelIdentifier': ['Model identifier', '모델 식별자'],
+    'app.modelKeyEnv': ['Key environment variable name (optional)', '키 환경 변수 이름 (선택)'],
+    'app.saveConnection': ['Save connection', '연결 저장'],
+    'app.clearConnection': ['Disconnect', '연결 해제'],
+    'app.libraryEmpty': ['No saved cases. Validate and save JSON from Scenario, or prepare a local demo case.', '저장된 케이스가 없습니다. 시나리오에서 JSON을 검증해 저장하거나 로컬 데모 케이스를 준비하세요.'],
+    'app.libraryMeta': ['{id} · {count} cases · {questions} open questions · file {file}', '{id} · {count}개 케이스 · 확인 질문 {questions}개 · 파일 {file}'],
+    'app.load': ['Load', '불러오기'],
+    'app.historyActiveEmpty': ['First run in progress. Its report will appear here when complete.', '첫 실행을 처리 중입니다. 완료되면 이곳에 보고서가 표시됩니다.'],
+    'app.historyEmpty': ['No runs yet. Validate cases and select a target to start the first run.', '아직 실행 기록이 없습니다. 케이스를 검증하고 대상을 선택해 첫 실행을 시작하세요.'],
+    'app.noTarget': ['no target', '대상 없음'],
+    'app.runMeta': ['{date} · {target} · {passed}/{total} passed · {id}', '{date} · {target} · {passed}/{total} 통과 · {id}'],
+    'app.viewReport': ['View report', '보고서 보기'],
+    'app.disconnected': ['Server disconnected', '서버 연결 끊김'],
+    'app.activeStopping': ['Stopping', '중지 중'],
+    'app.activePlanning': ['Generating cases', '케이스 생성 중'],
+    'app.activeRunning': ['Running', '실행 중'],
+    'app.requestingPlan': ['Requesting generation', '생성 요청 중'],
+    'app.connected': ['Local server connected', '로컬 서버 연결됨'],
+    'app.refreshSettings': ['Refresh settings', '설정 새로고침'],
+    'app.runtimeDisconnected': ['Connect to the server to check the runtime.', '서버 연결 후 실행 환경을 확인할 수 있습니다.'],
+    'app.runtimeInstalled': ['Browser installed · Fixed-action cases can run without a model.', '브라우저 설치 확인됨 · 고정 조작 케이스는 모델 없이 실행할 수 있습니다.'],
+    'app.runtimeMissing': ['Browser installation required. Run {command} in a terminal. Automatic installation on first run can fail depending on network access.', '브라우저 설치가 필요합니다. 터미널에서 {command}을 실행하세요. 첫 실행의 자동 설치는 네트워크 환경에 따라 실패할 수 있습니다.'],
+    'app.plannerUnconfigured': ['AI planner is not connected. Configure a model in Connections or download the prompt.', 'AI 플래너가 연결되지 않았습니다. 연결 설정에서 모델을 지정하거나 프롬프트를 내려받으세요.'],
+    'app.plannerKeyMissing': ['The configured key environment variable is missing on the server. Add it and restart the server.', '설정한 키 환경 변수가 서버에 없습니다. 키를 주입한 뒤 서버를 재시작하세요.'],
+    'app.plannerCliOnly': ['This model can be used from the CLI. Connect an OpenAI-compatible model to generate cases in the UI.', '이 모델은 CLI에서 사용할 수 있습니다. UI에서 생성하려면 OpenAI 호환 모델을 연결하세요.'],
+    'app.plannerReady': ['Ready to generate. The actual model call and costs may occur when you select Generate.', '생성 준비가 됐습니다. 실제 모델 호출과 비용은 생성 버튼을 누를 때 발생할 수 있습니다.'],
+    'app.runEnded': ['Run ended. Check Run history for results.', '실행이 종료됐습니다. 실행 기록에서 결과를 확인하세요.'],
+    'app.suiteLoaded': ['Saved cases loaded. Editing the linked scenario requires generating or loading cases again.', '저장된 케이스를 불러왔습니다. 연결된 시나리오를 수정하면 케이스를 다시 생성하거나 불러와야 합니다.'],
+    'app.enterFlow': ['Enter a scenario with expected behavior.', '기대 동작을 포함한 시나리오를 입력하세요.'],
+    'app.configurePlanner': ['Configure an OpenAI-compatible AI planner and key environment variable in Connections.', '연결 설정에서 OpenAI 호환 AI 플래너와 키 환경 변수를 준비하세요.'],
+    'app.planStarted': ['AI is generating cases. You can cancel above when the task appears.', 'AI가 케이스를 생성하고 있습니다. 작업이 표시되면 상단에서 취소할 수 있습니다.'],
+    'app.planCancelledLate': ['Generation cancelled. A late result was ignored.', '생성을 취소했습니다. 늦게 도착한 결과는 반영하지 않았습니다.'],
+    'app.planComplete': ['Cases generated. Review the actions and expected results, then save.', '케이스가 생성됐습니다. 행동과 기대 결과를 검토하고 저장하세요.'],
+    'app.planCancelledDraft': ['Generation cancelled. Existing draft kept.', '생성을 취소했습니다. 기존 초안을 유지합니다.'],
+    'app.promptDownloaded': ['Prompt downloaded. Paste the generated JSON and validate it.', '프롬프트를 다운로드했습니다. 생성된 JSON을 붙여 넣고 검증하세요.'],
+    'app.compileStale': ['Scenario changed. Generate cases again or reload them from the library.', '시나리오가 변경됐습니다. 다시 생성하거나 보관함의 케이스를 불러오세요.'],
+    'app.invalidJson': ['Check the JSON syntax. Use double quotes around property names and strings, and check commas and brackets.', 'JSON 구문을 확인하세요. 속성 이름과 문자열은 큰따옴표로 감싸고 쉼표·괄호를 확인해 주세요.'],
+    'app.compileComplete': ['JSON validated and script generated. The linked source scenario was kept.', 'JSON 검증과 스크립트 생성이 완료됐습니다. 연결된 원본 시나리오는 유지됩니다.'],
+    'app.savedSuite': ['Cases saved to a separate file: {file}. Review them again before running.', '케이스를 별도 파일로 저장했습니다: {file}. 실행 전 내용을 다시 검토하세요.'],
+    'app.runNotReady': ['Save or reload cases, select a target, and review the contents before running.', '케이스 저장 또는 다시 불러오기, 대상 선택, 직접 검토가 필요합니다.'],
+    'app.runStarted': ['Run started. Task ID: {id}', '실행을 시작했습니다. 작업 ID: {id}'],
+    'app.stopRequested': ['Stop request sent. Checking the final state.', '중지 요청을 보냈습니다. 실제 종료 상태를 확인 중입니다.'],
+    'app.reportStatus': ['Status {status}', '상태 {status}'],
+    'app.reportTarget': ['Target {target}', '대상 {target}'],
+    'app.reportStarted': ['Started {date}', '시작 {date}'],
+    'app.reportFinished': ['Finished {date}', '완료 {date}'],
+    'app.unavailable': ['unavailable', '미제공'],
+    'app.usage': ['Run model tokens {tokens} · Estimated cost {cost} · Case generation cost not included.', '실행 모델 토큰 {tokens} · 추정 비용 {cost} · 케이스 생성 비용은 포함하지 않습니다.'],
+    'app.reason': ['Reason: {reason}', '사유: {reason}'],
+    'app.expected': ['Expected result', '기대 결과'],
+    'app.attempt': ['Attempt {index} · {status} · {duration}ms{error}', '시도 {index} · {status} · {duration}ms{error}'],
+    'app.secondaryError': ['Additional error: {code}: {message}', '추가 오류: {code}: {message}'],
+    'app.viewEvidence': ['View evidence ↗', '증거 보기 ↗'],
+    'app.download': ['Download ↓', '다운로드 ↓'],
+    'app.evidenceUnavailable': ['Unavailable or unsafe to open', '미제공 또는 안전하게 열 수 없는 형식'],
+    'app.modelSaved': ['Model connection saved. Key values are read only from server environment variables.', '모델 연결을 저장했습니다. 키 값은 서버 환경 변수에서만 읽습니다.'],
+    'app.modelCleared': ['Model connection removed.', '모델 연결을 해제했습니다.'],
+    'app.targetSaved': ['Run target saved.', '실행 대상을 저장했습니다.'],
+    'app.newDraftNotice': ['Scenario kept and draft cleared. Paste new JSON and validate it. The saved source file remains.', '시나리오는 유지하고 초안을 비웠습니다. 새 JSON을 붙여 넣고 검증하세요. 저장된 원본 파일은 유지됩니다.'],
+    'status.passed': ['passed', '통과'],
+    'status.failed': ['failed', '실패'],
+    'status.flaky': ['flaky', '불안정'],
+    'status.blocked': ['blocked', '차단'],
+    'status.skipped': ['skipped', '건너뜀'],
+    'status.interrupted': ['interrupted', '중단됨'],
+    'status.running': ['running', '실행 중'],
+    'status.stopping': ['stopping', '중지 중'],
+    'status.stopped': ['stopped', '중지됨'],
+    'status.completed': ['completed', '완료'],
+    'status.cancelled': ['cancelled', '취소됨'],
+    'status.error': ['error', '오류'],
+    'artifact.screenshot': ['screenshot', '스크린샷'],
+    'artifact.video': ['video', '화면 기록'],
+    'artifact.trace': ['trace', '추적 기록'],
+    'artifact.log': ['log', '로그'],
+    'artifact.text': ['text', '텍스트'],
+    'artifact.json': ['JSON', 'JSON']
+  };
+
+  function valid(value) { return value === 'en' || value === 'ko'; }
+  let current = 'en';
+  try { const stored = localStorage.getItem(storageKey); if (valid(stored)) current = stored; } catch { /* Storage may be disabled. */ }
+  const listeners = new Set();
+  function t(key, params = {}) {
+    const pair = copy[key];
+    if (!pair) throw new Error(`Missing translation: ${key}`);
+    return pair[current === 'ko' ? 1 : 0].replace(/\{([A-Za-z][A-Za-z0-9]*)\}/g, (_, name) => String(params[name] ?? ''));
+  }
+  function status(value) { return copy[`status.${value}`] ? t(`status.${value}`) : String(value ?? ''); }
+  function artifact(value) { return copy[`artifact.${value}`] ? t(`artifact.${value}`) : String(value ?? ''); }
+  function applyStatic() {
+    document.documentElement.lang = current;
+    document.querySelectorAll('[data-i18n]').forEach((node) => { node.textContent = t(node.dataset.i18n); });
+    document.querySelectorAll('[data-i18n-placeholder]').forEach((node) => { node.placeholder = t(node.dataset.i18nPlaceholder); });
+    document.querySelectorAll('[data-i18n-aria-label]').forEach((node) => { node.setAttribute('aria-label', t(node.dataset.i18nAriaLabel)); });
+    const select = document.getElementById('language-select');
+    if (select) select.value = current;
+  }
+  function change(next, persist) {
+    if (!valid(next) || next === current) return;
+    current = next;
+    if (persist) { try { localStorage.setItem(storageKey, next); } catch { /* Selection still works in this tab. */ } }
+    applyStatic();
+    for (const listener of listeners) listener(next);
+  }
+  window.addEventListener('storage', (event) => {
+    if (event.key !== storageKey) return;
+    change(valid(event.newValue) ? event.newValue : 'en', false);
+  });
+  document.documentElement.lang = current;
+  window.FlowQAI18n = Object.freeze({ locale: () => current, t, status, artifact, applyStatic, setLocale: (next) => change(next, true), onChange: (listener) => { listeners.add(listener); return () => listeners.delete(listener); }, storageKey });
+})();

package/dist/src/ui/public/index.html

@@ -0,0 +1,117 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="color-scheme" content="light dark">
+  <title>Flow QA</title>
+  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' fill='%23101114'/%3E%3Ctext x='15' y='47' font-size='42' font-family='Georgia' fill='white'%3EF%3C/text%3E%3C/svg%3E">
+  <script src="/design-system/init.js"></script>
+  <link rel="stylesheet" href="/design-system/tokens.css">
+  <link rel="stylesheet" href="/design-system/components.css">
+  <link rel="stylesheet" href="/style.css">
+  <script src="/i18n.js"></script>
+  <script type="module" src="/display.js"></script>
+  <script src="/app.js" defer></script>
+</head>
+<body>
+  <div class="shell">
+    <aside class="sidebar" id="sidebar">
+      <div class="brand">
+        <span class="brand-mark" aria-hidden="true">F<span>.</span></span>
+        <span class="brand-name"><strong>Flow QA</strong><small data-i18n="brand.subtitle">QA workspace</small></span>
+        <button class="mobile-toggle" id="nav-toggle" type="button" aria-expanded="false" aria-controls="nav" data-i18n="nav.menu">Menu</button>
+      </div>
+      <nav id="nav" aria-label="Main menu" data-i18n-aria-label="nav.label">
+        <p class="nav-caption" data-i18n="nav.caption">WORKSPACE</p>
+        <button type="button" class="nav-item selected" data-view="scenario" aria-current="page"><span class="nav-num">01</span><span data-i18n="nav.scenario">Scenario</span></button>
+        <button type="button" class="nav-item" data-view="library"><span class="nav-num">02</span><span data-i18n="nav.library">Case library</span></button>
+        <button type="button" class="nav-item" data-view="history"><span class="nav-num">03</span><span data-i18n="nav.history">Run history</span></button>
+        <button type="button" class="nav-item" data-view="settings"><span class="nav-num">04</span><span data-i18n="nav.settings">Connections</span></button>
+      </nav>
+      <div class="side-foot"><span class="signal" id="connection-dot" aria-hidden="true"></span><span id="connection-label" data-i18n="top.checkingConnection">Checking connection</span></div>
+    </aside>
+    <main class="main">
+      <header class="topline">
+        <span id="breadcrumb">Workspace / Scenario</span>
+        <div class="top-actions"><span class="topline-right" id="active-indicator" role="status" aria-live="polite" data-i18n="top.waiting">Ready to run</span><button type="button" id="global-stop-btn" class="button quiet" hidden data-i18n="top.stop">Stop task</button><button type="button" id="reconnect-btn" class="text-button" data-i18n="top.reconnect">Reconnect</button><label class="language-control"><span data-i18n="top.language">Language</span><select id="language-select" aria-label="Language" data-i18n-aria-label="top.language"><option value="en">English</option><option value="ko">한국어</option></select></label><button type="button" id="theme-toggle" class="hds-themeToggle" aria-label="Change theme">Theme</button></div>
+      </header>
+      <div class="content">
+        <div id="notice" class="notice" role="status" aria-live="polite" hidden></div>
+        <section id="view-scenario" class="view">
+          <div class="page-heading">
+            <p class="eyebrow" data-i18n="scenario.eyebrow">01 / SCENARIO</p>
+            <h1><span data-i18n="scenario.headingFirst">Write a flow,</span><br><em data-i18n="scenario.headingSecond">keep the evidence.</em></h1>
+            <p data-i18n="scenario.intro">Define the expected behavior, review the cases, then run them against a selected target.</p>
+          </div>
+          <div class="workflow">
+            <section class="work-section flow-section" aria-labelledby="flow-title">
+              <div class="section-head"><span class="section-number">01</span><div><h2 id="flow-title" data-i18n="scenario.flowTitle">Flow to test</h2><p data-i18n="scenario.flowHelp">Describe the action and the result you expect to see.</p></div></div>
+              <div class="section-body">
+                <label for="flow-input" class="field-label" data-i18n="scenario.flowLabel">Scenario and expected behavior</label>
+                <textarea id="flow-input" rows="11" placeholder="For example: When a user enters a title and selects Add, the same title appears in the list. An empty title shows an error." data-i18n-placeholder="scenario.flowPlaceholder"></textarea>
+                <p class="hint" data-i18n="scenario.flowHint">Generate cases when an AI planner is ready. You can also download the prompt and write them yourself without a model connection.</p>
+                <p id="planner-readiness" class="hint" role="status"></p>
+                <div class="actions flow-actions"><button id="plan-btn" type="button" class="button primary"><span data-i18n="scenario.generate">Generate cases with AI</span><span aria-hidden="true">↗</span></button><button id="prompt-btn" type="button" class="button quiet" data-i18n="scenario.prompt">Download generation prompt</button></div>
+              </div>
+            </section>
+            <section class="work-section draft-section" aria-labelledby="draft-title">
+              <div class="section-head"><span class="section-number">02</span><div><h2 id="draft-title" data-i18n="scenario.reviewTitle">Review cases</h2><p data-i18n="scenario.reviewHelp">Open each case to inspect its actions and expected results.</p></div><span id="draft-status" class="status-pill" data-i18n="scenario.noDraft">No draft</span></div>
+              <div class="section-body">
+                <div class="draft-topline"><span id="draft-source" data-i18n="scenario.sourceNone">Source: none</span><button type="button" class="text-button" id="library-shortcut"><span data-i18n="scenario.fromLibrary">Load from library</span><span aria-hidden="true">↗</span></button></div>
+                <div id="draft-summary" class="summary" aria-live="polite"><p class="summary-empty" data-i18n="scenario.summaryEmpty">No cases to review yet. Load a local example from the library or generate cases from the scenario.</p></div>
+                <div class="draft-actions"><button id="save-btn" type="button" class="button" data-i18n="scenario.save">Save cases separately</button><span data-i18n="scenario.saveHint">Only saved cases can be run.</span></div>
+                <details id="technical-details" class="technical-details">
+                  <summary><span data-i18n="scenario.technical">Edit JSON · Validate · View script</span><span aria-hidden="true">＋</span></summary>
+                  <div class="technical-body">
+                    <label for="suite-editor" class="field-label" data-i18n="scenario.suiteJson">Suite JSON</label>
+                    <textarea id="suite-editor" class="code-editor" rows="13" spellcheck="false" placeholder="Load a local demo case from the library or enter suite JSON." data-i18n-placeholder="scenario.suitePlaceholder"></textarea>
+                    <div class="actions"><button id="new-draft-btn" type="button" class="button quiet" data-i18n="scenario.newDraft">New JSON draft</button><button id="compile-btn" type="button" class="button" data-i18n="scenario.compile">Validate JSON · Generate script</button></div>
+                    <div class="script-head"><h3 data-i18n="scenario.script">Run script</h3><button type="button" id="script-download" class="text-button" disabled data-i18n="scenario.downloadScript">Download script ↓</button></div>
+                    <pre id="script-preview" class="script-preview" data-i18n="scenario.scriptPlaceholder">The script for validated cases will appear here.</pre>
+                  </div>
+                </details>
+              </div>
+            </section>
+            <section class="execution-section" aria-labelledby="run-title">
+              <div class="section-head"><span class="section-number">03</span><div><h2 id="run-title" data-i18n="scenario.runTitle">Review, then run</h2><p data-i18n="scenario.runHelp">Select a target and confirm you have reviewed the cases.</p></div></div>
+              <div class="execution-grid">
+                <div class="target-field"><label for="target-select" class="field-label" data-i18n="scenario.target">Run target</label><select id="target-select"><option value="" data-i18n="scenario.selectTarget">Select a target</option></select><p id="target-description" class="hint" data-i18n="scenario.targetHint">You can add a target in Connections.</p></div>
+                <div class="execution-confirm"><p id="case-readiness" class="hint"></p><label class="review-line"><input type="checkbox" id="review-checkbox"><span data-i18n="scenario.reviewConfirm">I have reviewed the requirements, case steps, and expected results.</span></label><div class="run-bar"><span id="run-readiness" data-i18n="scenario.runInitial">Validated cases and a run target are required.</span><div class="actions"><button type="button" id="stop-btn" class="button quiet" hidden data-i18n="scenario.stop">Stop run</button><button type="button" id="run-btn" class="button primary" disabled><span data-i18n="scenario.run">Run QA</span><span aria-hidden="true">→</span></button></div></div></div>
+              </div>
+            </section>
+          </div>
+        </section>
+        <section id="view-library" class="view" hidden>
+          <div class="page-heading"><p class="eyebrow" data-i18n="library.eyebrow">02 / LIBRARY</p><h1 data-i18n="nav.library">Case library</h1><p data-i18n="library.intro">Cases saved on disk. Local demo examples are not AI generated results.</p></div>
+          <section class="list-section"><div class="section-head"><span class="section-number">01</span><div><h2 data-i18n="library.title">Saved suites</h2><p data-i18n="library.help">Load a suite, then review it on the Scenario page.</p></div></div><div id="library-list" class="list-body"></div></section>
+        </section>
+        <section id="view-history" class="view" hidden>
+          <div class="page-heading"><p class="eyebrow" data-i18n="history.eyebrow">03 / RUNS</p><h1 data-i18n="nav.history">Run history</h1><p data-i18n="history.intro">Only runs that actually started appear here. Once results are saved, you can view the detailed report.</p></div>
+          <section class="list-section"><div class="section-head"><span class="section-number">01</span><div><h2 data-i18n="history.title">Runs</h2><p data-i18n="history.help">Check the completed report for the final status.</p></div></div><div id="history-list" class="list-body"></div></section>
+          <section id="report-panel" class="report-panel" hidden><div class="section-head"><span class="section-number">02</span><div><h2 data-i18n="history.report">Detailed report</h2><p id="report-heading"></p></div></div><div class="section-body"><div class="actions"><button type="button" id="report-md" class="button" data-i18n="history.downloadMarkdown">Download Markdown</button><button type="button" id="report-json" class="button quiet" data-i18n="history.downloadJson">Download JSON</button></div><p class="hint" data-i18n="history.evidenceHint">The report summarizes results. Open or download screenshots and recordings from each attempt. Evidence files are not included in report downloads.</p><div id="report-content"></div></div></section>
+        </section>
+        <section id="view-settings" class="view" hidden>
+          <div class="page-heading"><p class="eyebrow" data-i18n="settings.eyebrow">04 / CONNECTIONS</p><h1 data-i18n="nav.settings">Connections</h1><p data-i18n="settings.intro">Configure run targets and models separately. Key values are read only from server environment variables.</p></div>
+          <div class="runtime-panel"><h2 data-i18n="settings.runtime">Runtime</h2><p id="runtime-status" role="status" data-i18n="settings.runtimeInitial">Checking installation status.</p><p class="hint" data-i18n="settings.runtimeHint">This shows local installation and configuration. Verify target access, sign-in, and model responses with an actual run.</p></div>
+          <section id="display-preferences" class="hds-panel preferences-section" aria-labelledby="preferences-title">
+            <div class="hds-heading"><div><span class="hds-kicker" data-i18n="settings.displayKicker">DISPLAY</span><h2 id="preferences-title" data-i18n="settings.display">Display</h2></div><p data-i18n="settings.displayHelp">Choose a comfortable display.</p></div>
+            <div class="hds-groups">
+              <fieldset class="hds-group"><legend data-i18n="top.theme">Theme</legend><div class="hds-options"><label class="hds-radioOption"><input type="radio" name="theme" value="system"><span data-i18n="settings.themeSystem">System</span></label><label class="hds-radioOption"><input type="radio" name="theme" value="light"><span data-i18n="settings.themeLight">Light</span></label><label class="hds-radioOption"><input type="radio" name="theme" value="dark"><span data-i18n="settings.themeDark">Dark</span></label></div></fieldset>
+              <fieldset class="hds-group"><legend data-i18n="settings.accent">Accent</legend><div class="hds-accents"><label class="hds-radioOption"><input type="radio" name="accent" value="cobalt"><span data-i18n="settings.accentCobalt">Cobalt</span></label><label class="hds-radioOption"><input type="radio" name="accent" value="forest"><span data-i18n="settings.accentForest">Forest</span></label><label class="hds-radioOption"><input type="radio" name="accent" value="coral"><span data-i18n="settings.accentCoral">Coral</span></label></div></fieldset>
+              <fieldset class="hds-group"><legend data-i18n="settings.density">Density</legend><div class="hds-options"><label class="hds-radioOption"><input type="radio" name="density" value="comfortable"><span data-i18n="settings.densityComfortable">Comfortable</span></label><label class="hds-radioOption"><input type="radio" name="density" value="compact"><span data-i18n="settings.densityCompact">Compact</span></label></div></fieldset>
+              <fieldset class="hds-group"><legend data-i18n="settings.corners">Corners</legend><div class="hds-options"><label class="hds-radioOption"><input type="radio" name="corners" value="crisp"><span data-i18n="settings.cornersCrisp">Crisp</span></label><label class="hds-radioOption"><input type="radio" name="corners" value="soft"><span data-i18n="settings.cornersSoft">Soft</span></label></div></fieldset>
+              <fieldset class="hds-group"><legend data-i18n="settings.motion">Motion</legend><div class="hds-options"><label class="hds-radioOption"><input type="radio" name="motion" value="full"><span data-i18n="settings.motionFull">Full</span></label><label class="hds-radioOption"><input type="radio" name="motion" value="reduced"><span data-i18n="settings.motionReduced">Reduced</span></label></div></fieldset>
+            </div>
+            <div class="hds-footer"><p id="preferences-status" aria-live="polite">Your display choices are saved in this browser.</p><button id="reset-preferences" type="button" data-i18n="settings.reset">Reset to defaults</button></div>
+          </section>
+          <div class="settings-grid">
+            <section class="settings-section"><div class="section-head"><span class="section-number">01</span><div><h2 data-i18n="settings.targets">Run targets</h2><p data-i18n="settings.targetsHelp">Add an allowed HTTPS or local address.</p></div></div><form class="section-body form-stack" id="target-form"><label><span data-i18n="settings.targetName">Target name</span><input name="name" required placeholder="e.g. local-demo" data-i18n-placeholder="settings.targetNamePlaceholder" pattern="[A-Za-z0-9][A-Za-z0-9_-]*"></label><label>URL<input name="url" type="url" required placeholder="https://example.com"></label><label><span data-i18n="settings.description">Description</span><textarea name="description" rows="3" placeholder="What this target is for" data-i18n-placeholder="settings.descriptionPlaceholder"></textarea></label><button class="button primary" type="submit" data-i18n="settings.saveTarget">Save target</button><div id="target-list" class="settings-list"></div></form></section>
+            <section class="settings-section"><div class="section-head"><span class="section-number">02</span><div><h2 data-i18n="settings.models">Model connections</h2><p data-i18n="settings.modelsHelp">Manage planner and run agent connections separately.</p></div></div><div class="section-body"><p class="hint" data-i18n="settings.modelsHint">Do not enter or store API key values here. Specify only the name of an environment variable in the server process.</p><div id="model-forms"></div></div></section>
+          </div>
+        </section>
+      </div>
+    </main>
+  </div>
+</body>
+</html>