zigmini 0.9.0-beta.2 → 1.0.0-beta.1

package/web/autocopy.js

@@ -1,3 +1,8 @@
+import strings from "./i18n/autocopy.js";
+import { registerStrings, t } from "./i18n.js";
+
+registerStrings(strings);
+
 const EDITABLE = "input, textarea, select, [contenteditable]:not([contenteditable='false'])";
 
 function elementOf(node) {
@@ -50,7 +55,7 @@ export function setupAutoCopy(messages) {
 	document.body.append(toast);
 	let hideTimer = 0;
 	const show = (ok) => {
-		toast.textContent = ok ? "복사했습니다" : "복사하지 못했습니다";
+		toast.textContent = t(ok ? "autocopy.copied" : "autocopy.failed");
 		toast.classList.toggle("error", !ok);
 		toast.hidden = false;
 		clearTimeout(hideTimer);

package/web/boot.js

@@ -1,5 +1,22 @@
+import dict from "./i18n/boot.js";
+import { applyI18n, isUiLanguage, registerStrings, setLanguage, t } from "./i18n.js";
+
+registerStrings(dict);
+
 const POLL_MS = 2000;
 
+/** This device is not trusted yet, so the gateway may refuse the setting; the browser language is the fallback. */
+async function pickLanguage() {
+	try {
+		const res = await fetch("/api/settings/language", { cache: "no-store" });
+		const body = res.ok ? await res.json() : null;
+		if (isUiLanguage(body?.language)) return setLanguage(body.language);
+	} catch {
+		// Fall through to the browser language.
+	}
+	setLanguage(String(navigator.language).toLowerCase().startsWith("ko") ? "ko" : "en");
+}
+
 async function status() {
 	const res = await fetch("/api/device/status", { cache: "no-store" });
 	return res.json();
@@ -11,12 +28,13 @@ function screen() {
 	box.innerHTML = `
 		<div class="pairing-card">
 			<div class="pairing-logo">Z</div>
-			<h1>이 기기를 등록해야 합니다</h1>
+			<h1 data-i18n="boot.title"></h1>
 			<p class="pairing-msg"></p>
 			<div class="pairing-code" hidden></div>
-			<button type="button" class="send pairing-btn" hidden>등록 요청</button>
+			<button type="button" class="send pairing-btn" data-i18n="boot.request" hidden></button>
 		</div>`;
 	document.body.replaceChildren(box);
+	applyI18n(box);
 	return {
 		msg: box.querySelector(".pairing-msg"),
 		code: box.querySelector(".pairing-code"),
@@ -37,17 +55,17 @@ async function pair(first) {
 			const deadline = Date.now() + s.msLeft;
 			const tick = () => {
 				const left = Math.max(0, Math.ceil((deadline - Date.now()) / 1000));
-				ui.msg.textContent = `맥의 웹 지그미니 화면에 뜬 요청을 ${left}초 안에 승인해 주세요. 같은 번호인지 확인하세요. (${s.name})`;
+				ui.msg.textContent = t("boot.pending", { seconds: left, name: s.name });
 			};
 			tick();
 			countdown = setInterval(tick, 1000);
 			ui.code.textContent = s.code;
 			ui.code.hidden = false;
 		} else if (s.locked) {
-			ui.msg.textContent = "등록 요청이 3번 실패해 잠겼습니다. 맥에서 잠금을 풀어야 다시 요청할 수 있습니다.";
+			ui.msg.textContent = t("boot.locked");
 		} else {
-			const head = s.state === "denied" ? "등록이 거절됐거나 30초 안에 승인되지 않았습니다." : "이 폰에서 처음 접속했습니다.";
-			ui.msg.textContent = `${head} 등록을 요청하면 맥에서 30초 안에 승인해야 합니다. (남은 요청 ${s.attemptsLeft}번)`;
+			const head = t(s.state === "denied" ? "boot.denied" : "boot.first");
+			ui.msg.textContent = t("boot.hint", { head, left: s.attemptsLeft });
 			ui.button.hidden = false;
 		}
 	};
@@ -56,11 +74,11 @@ async function pair(first) {
 		try {
 			const res = await fetch("/api/device/request", { method: "POST" });
 			const body = await res.json();
-			if (res.status === 429) throw new Error("다른 등록 요청이 처리 중입니다. 잠시 후 다시 시도하세요.");
+			if (res.status === 429) throw new Error(t("boot.busy"));
 			if (!res.ok && res.status !== 423) throw new Error(body.error ?? String(res.status));
 			show(body);
 		} catch (err) {
-			ui.msg.textContent = `요청하지 못했습니다: ${err instanceof Error ? err.message : err}`;
+			ui.msg.textContent = t("boot.failed", { reason: err instanceof Error ? err.message : err });
 		} finally {
 			ui.button.disabled = false;
 		}
@@ -69,6 +87,7 @@ async function pair(first) {
 	setInterval(() => status().then(show).catch(() => {}), POLL_MS);
 }
 
+await pickLanguage();
 const first = await status().catch(() => ({ state: "none" }));
 if (first.state === "trusted" || first.state === "approved") await import("./app.js");
 else await pair(first);

package/web/commands.js

@@ -1,13 +1,22 @@
+import dict from "./i18n/commands.js";
+
+const words = (key) => [...new Set([dict.en[key], dict.ko[key]].flatMap((value) => value.split(",")))];
+const escaped = (list) => list.map((word) => word.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+
 const TARGETS = [
-	{ option: "tts", names: ["/tts", "tts", "음성답변", "음성응답"] },
-	{ option: "wake", names: ["/wake", "wake", "호출어대기", "호출어", "웨이크워드"] },
-	{ option: "clap", names: ["/clap", "clap", "박수감지", "박수"] },
+	{ option: "tts", names: words("commands.tts.names") },
+	{ option: "wake", names: words("commands.wake.names") },
+	{ option: "clap", names: words("commands.clap.names") },
 ];
-const ON = new Set(["on", "켜", "켜줘", "켜기", "켜라", "켜주세요", "활성화", "활성화해", "활성화해줘", "활성화해주세요", "활성화시켜", "활성화시켜줘"]);
-const OFF = new Set(["off", "꺼", "꺼줘", "끄기", "꺼라", "꺼주세요", "비활성화", "비활성화해", "비활성화해줘", "비활성화해주세요", "비활성화시켜", "비활성화시켜줘"]);
-const STATUS = new Set(["/옵션", "/options", "옵션", "옵션상태"]);
-const READ_FULL = new Set(["/read", "전체읽어줘", "전체읽어", "전체다읽어줘", "전부읽어줘", "다읽어줘", "전체읽어주세요", "전체듣기"]);
-const CLOSE_EARS = new Set(["귀닫아", "귀닫아줘", "귀좀닫아", "귀좀닫아줘", "귀닫아라"]);
+const ON = new Set(words("commands.on"));
+const OFF = new Set(words("commands.off"));
+const STATUS = new Set(words("commands.status"));
+const READ_FULL = new Set(words("commands.readFull"));
+const CLOSE_EARS = new Set(words("commands.closeEars"));
+const DEVICES = new Set(words("commands.devices"));
+const DEVICE_DELETE = new RegExp(`^(?:${escaped(words("commands.devices.prefix"))})(?:${escaped(words("commands.devices.delete"))})(\\d+)$`);
+const MODE = new RegExp(`^(?:${escaped(words("commands.mode"))})`);
+const PARTICLE = new RegExp(`^(?:${escaped(words("commands.particle"))})`);
 // Improvement 71: the gateway voice setting (the slash menu offers /voice on and /voice off).
 const VOICE_NAMES = ["/voice", "voice"];
 
@@ -16,13 +25,13 @@ export function parseOptionCommand(text) {
 	if (STATUS.has(s)) return { kind: "status" };
 	if (READ_FULL.has(s)) return { kind: "readFull" };
 	if (CLOSE_EARS.has(s)) return { kind: "set", option: "wake", value: false };
-	if (s === "/기기" || s === "기기목록") return { kind: "devices" };
-	const del = /^\/기기(?:삭제|지워|지워줘)(\d+)$/.exec(s);
+	if (DEVICES.has(s)) return { kind: "devices" };
+	const del = DEVICE_DELETE.exec(s);
 	if (del) return { kind: "deviceDelete", index: Number(del[1]) };
 	for (const { option, names } of TARGETS) {
 		const name = names.find((n) => s.startsWith(n));
 		if (!name) continue;
-		const rest = s.slice(name.length).replace(/^모드/, "").replace(/^[을를]/, "");
+		const rest = s.slice(name.length).replace(MODE, "").replace(PARTICLE, "");
 		if (ON.has(rest)) return { kind: "set", option, value: true };
 		if (OFF.has(rest)) return { kind: "set", option, value: false };
 	}

package/web/decisions.js

@@ -1,6 +1,10 @@
 // 확인함(confirmation inbox) state, presentation rules and request builders.
 // Pure: no DOM, no fetch. Rendering and transport live in app.js.
 // allow: SIZE_OK — one pure reducer owns the indivisible canonical decision and answer-request state machine.
+import strings from "./i18n/decisions.js";
+import { onLanguageChange, registerStrings, t } from "./i18n.js";
+
+registerStrings(strings);
 
 const UNRESOLVED = new Set(["pending", "submitted", "needs_review"]);
 const TERMINAL_WORK = new Set(["completed", "failed", "cancelled"]);
@@ -366,13 +370,17 @@ export function canDismiss(decision) {
 	return isUnresolved(decision) && decision.status !== "submitted";
 }
 
-export const DISMISS_TEXT = {
-	hide: { prompt: "확인함에서 지웁니다. 질문과 답변 기록은 남습니다.", confirm: "삭제" },
-	cancel: {
-		prompt: "아직 답을 기다리는 질문입니다. 지우면 질문을 낸 작업에 취소로 전달되고, 그 작업은 답 없이 진행하거나 멈출 수 있습니다.",
-		confirm: "질문 취소하고 삭제",
-	},
-};
+export let DISMISS_TEXT = dismissText();
+
+function dismissText() {
+	return {
+		hide: { prompt: t("decisions.dismiss.hide.prompt"), confirm: t("decisions.dismiss.hide.confirm") },
+		cancel: {
+			prompt: t("decisions.dismiss.cancel.prompt"),
+			confirm: t("decisions.dismiss.cancel.confirm"),
+		},
+	};
+}
 
 function record(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
@@ -380,7 +388,7 @@ function record(value) {
 
 /** One question's line in the inbox: its header, text and the multi-select / optional hints. */
 export function questionTitle(q) {
-	return `${q.header ? `[${q.header}] ` : ""}${typeof q.question === "string" ? q.question : ""}${q.multiSelect === true ? " (여러 개 선택 가능)" : ""}${q.required === false ? " (선택)" : ""}`;
+	return `${q.header ? `[${q.header}] ` : ""}${typeof q.question === "string" ? q.question : ""}${q.multiSelect === true ? t("decisions.question.multi") : ""}${q.required === false ? t("decisions.question.optional") : ""}`;
 }
 
 /**
@@ -399,7 +407,7 @@ export function originalChoices(decision) {
 			return choices.length ? [{ title: "", options: choices }] : [];
 		}
 		case "confirm":
-			return [{ title: "", options: [{ label: "예", description: "" }, { label: "아니오", description: "" }] }];
+			return [{ title: "", options: [{ label: t("decisions.confirm.yes"), description: "" }, { label: t("decisions.confirm.no"), description: "" }] }];
 		case "question":
 			return (Array.isArray(payload.questions) ? payload.questions : []).filter(record)
 				.map((q) => ({ title: questionTitle(q), options: options(q.options) }));
@@ -477,7 +485,7 @@ export function interpretAnswerResponse(status, body) {
 	if (status === 404) return { kind: "gone", error };
 	if (status === 400) return { kind: "rejected", decision, error };
 	if (status === 422 && error === "security_check_blocked") {
-		return { kind: "blocked", error, held: record(body.held) ? body.held : null, message: typeof body.message === "string" ? body.message : "보안검사에 걸려 보내지 않고 보류했습니다." };
+		return { kind: "blocked", error, held: record(body.held) ? body.held : null, message: typeof body.message === "string" ? body.message : t("decisions.blocked") };
 	}
 	return { kind: "unavailable", status, error };
 }
@@ -518,39 +526,52 @@ export function speechTextForTurn(turn, lastText, textAt) {
 	return lastText ?? null;
 }
 
-export const STATUS_LABELS = { pending: "확인 필요", needs_review: "확인 필요", submitted: "전달 중" };
-export const BINDING_LABELS = { live: "답 기다리는 중", expired: "기한 만료", closed: "요청 종료", unknown: "상태 불명" };
+export let STATUS_LABELS = statusLabels();
+export let BINDING_LABELS = bindingLabels();
+
+function statusLabels() {
+	return { pending: t("decisions.status.pending"), needs_review: t("decisions.status.pending"), submitted: t("decisions.status.submitted") };
+}
+
+function bindingLabels() {
+	return { live: t("decisions.binding.live"), expired: t("decisions.binding.expired"), closed: t("decisions.binding.closed"), unknown: t("decisions.binding.unknown") };
+}
 
 /** A closed question that still takes an answer (reported again, or kept open so main does not pause) waits for it. */
 export function bindingLabel(decision) {
-	if (decision.bindingState === "closed" && (decision.reason === "report_only" || decision.reason === "main_released")) return "답변 대기";
+	if (decision.bindingState === "closed" && (decision.reason === "report_only" || decision.reason === "main_released")) return t("decisions.binding.answer");
 	return BINDING_LABELS[decision.bindingState] ?? decision.bindingState;
 }
-export const WORK_STATUS_LABELS = {
-	submitted: "접수됨", running: "실행 중", waiting: "대기 중", waiting_input: "답변 기다리는 중",
-	completed: "완료", failed: "실패", cancelled: "취소됨", unknown: "상태 불명",
-};
-export const ROUTE_LABELS = { live_response: "실행 중인 요청에 바로 전달", follow_up_command: "후속 지시로 전달" };
+export let WORK_STATUS_LABELS = workStatusLabels();
+export let ROUTE_LABELS = routeLabels();
+
+function workStatusLabels() {
+	return {
+		submitted: t("decisions.work.submitted"), running: t("decisions.work.running"), waiting: t("decisions.work.waiting"), waiting_input: t("decisions.work.waiting_input"),
+		completed: t("decisions.work.completed"), failed: t("decisions.work.failed"), cancelled: t("decisions.work.cancelled"), unknown: t("decisions.work.unknown"),
+	};
+}
+
+function routeLabels() {
+	return { live_response: t("decisions.route.live_response"), follow_up_command: t("decisions.route.follow_up_command") };
+}
+
+// The exported texts follow the UI language (app.js reads them at render time).
+onLanguageChange(() => {
+	DISMISS_TEXT = dismissText();
+	STATUS_LABELS = statusLabels();
+	BINDING_LABELS = bindingLabels();
+	WORK_STATUS_LABELS = workStatusLabels();
+	ROUTE_LABELS = routeLabels();
+});
 const REASON_LABELS = {
-	receipt_unknown: "전달 확인을 받지 못했습니다",
-	user_deferred: "나중에 답하기로 미뤘습니다",
-	source_changed: "질문 내용이 바뀌었습니다",
-	recheck_incomplete: "재확인 결과가 아직 오지 않았습니다",
-	engine_wait_closed: "원래 요청이 답 없이 끝났습니다",
-	engine_wait_cancelled: "원래 요청이 취소됐습니다",
-	request_missing: "원래 요청을 찾을 수 없습니다",
-	owner_disconnected: "담당 세션 연결이 끊겼습니다",
-	binding_unknown: "원래 요청 상태를 알 수 없습니다",
-	owner_unknown: "현재 담당 세션을 확인할 수 없습니다",
-	parked: "담당 세션이 잠시 멈춰 있습니다",
-	command_pending: "후속 지시를 보내는 중입니다",
-	timeout: "기한이 지났습니다",
-	report_only: "현재 담당이 다시 낸 질문입니다",
-	main_released: "답을 기다리는 질문입니다",
-	instructions_changed: "질문 이후 새 지시가 추가됐습니다",
-	context_changed: "질문 이후 새 지시가 추가됐습니다",
-	recheck_requested: "현재 상황 확인을 요청했습니다",
-	request_permission_requested: "새 승인 요청을 보냈습니다",
+	receipt_unknown: "decisions.reason.receipt_unknown", user_deferred: "decisions.reason.user_deferred", source_changed: "decisions.reason.source_changed",
+	recheck_incomplete: "decisions.reason.recheck_incomplete", engine_wait_closed: "decisions.reason.engine_wait_closed", engine_wait_cancelled: "decisions.reason.engine_wait_cancelled",
+	request_missing: "decisions.reason.request_missing", owner_disconnected: "decisions.reason.owner_disconnected", binding_unknown: "decisions.reason.binding_unknown",
+	owner_unknown: "decisions.reason.owner_unknown", parked: "decisions.reason.parked", command_pending: "decisions.reason.command_pending",
+	timeout: "decisions.reason.timeout", report_only: "decisions.reason.report_only", main_released: "decisions.reason.main_released",
+	instructions_changed: "decisions.reason.instructions_changed", context_changed: "decisions.reason.context_changed",
+	recheck_requested: "decisions.reason.recheck_requested", request_permission_requested: "decisions.reason.request_permission_requested",
 };
 
 /** Why the item still waits, in the user's words; unmapped server codes are shown as-is. */
@@ -558,30 +579,30 @@ export function waitReason(decision) {
 	const parts = [];
 	const work = decision.work;
 	if (work && TERMINAL_WORK.has(work.status)) {
-		parts.push(`작업이 ${WORK_STATUS_LABELS[work.status] ?? work.status} 상태라 더 실행할 수 없습니다. 원문과 이력만 볼 수 있습니다.`);
+		parts.push(t("decisions.wait.work_ended", { status: WORK_STATUS_LABELS[work.status] ?? work.status }));
 		return parts.join(" ");
 	}
 	if (decision.status === "submitted") {
-		if (decision.reason?.endsWith("_requested")) parts.push(`${REASON_LABELS[decision.reason] ?? decision.reason}. 담당의 응답을 기다립니다.`);
+		if (decision.reason?.endsWith("_requested")) parts.push(t("decisions.wait.requested", { reason: t(REASON_LABELS[decision.reason] ?? decision.reason) }));
 		else {
-			parts.push("답변을 전달하는 중입니다.");
-			if (decision.answerRoute) parts.push(`${ROUTE_LABELS[decision.answerRoute]}.`);
+			parts.push(t("decisions.wait.answer_sending"));
+			if (decision.answerRoute) parts.push(`${ROUTE_LABELS[decision.answerRoute] ?? decision.answerRoute}.`);
 		}
 	} else if (decision.status === "needs_review") {
-		parts.push(`${REASON_LABELS[decision.reason ?? ""] ?? decision.reason ?? "다시 확인이 필요합니다"}. 현재 상황을 확인해 주세요.`);
+		parts.push(t("decisions.wait.recheck", { reason: t(REASON_LABELS[decision.reason ?? ""] ?? decision.reason ?? "decisions.wait.recheck") }));
 	} else if (decision.bindingState === "live") {
-		parts.push("지금 답을 기다리고 있습니다.");
+		parts.push(t("decisions.wait.live"));
 	} else if (decision.bindingState === "expired") {
 		parts.push(decision.permission
-			? "승인 요청 기한이 지났습니다. 이전 승인은 다시 쓰지 않고 현재 실행 내용으로 새 승인 요청을 받아야 합니다."
-			: "기한은 지났지만 결정은 아직 필요합니다. 답하면 현재 작업 상황에 맞춰 이어서 전달합니다.");
+			? t("decisions.wait.permission_expired")
+			: t("decisions.wait.expired"));
 	} else if (decision.bindingState === "closed" && decision.reason === "report_only") {
-		parts.push("현재 담당이 다시 낸 질문입니다. 답하면 그대로 전달합니다.");
+		parts.push(t("decisions.wait.report_only"));
 	} else if (decision.bindingState === "closed" && decision.reason === "main_released") {
-		parts.push("답을 기다리는 질문입니다. 그동안 대화는 멈추지 않습니다. 답하면 그대로 전달합니다.");
+		parts.push(t("decisions.wait.main_released"));
 	} else {
-		parts.push(`${REASON_LABELS[decision.reason ?? ""] ?? decision.reason ?? "요청 상태를 확인할 수 없습니다"}. 현재 상황을 확인해 주세요.`);
+		parts.push(t("decisions.wait.unknown", { reason: t(REASON_LABELS[decision.reason ?? ""] ?? decision.reason ?? "decisions.wait.unknown") }));
 	}
-	if (work) parts.push(`작업 상태: ${WORK_STATUS_LABELS[work.status] ?? work.status}${work.statusReason ? ` (${work.statusReason})` : ""}.`);
+	if (work) parts.push(t("decisions.wait.work_status", { status: WORK_STATUS_LABELS[work.status] ?? work.status, reason: work.statusReason ? ` (${work.statusReason})` : "" }));
 	return parts.join(" ");
 }

package/web/devlog.js

@@ -1,11 +1,16 @@
+import { registerStrings, t } from "./i18n.js";
+import strings from "./i18n/devlog.js";
+
+registerStrings(strings);
+
 /**
- * The chat line for a main turn end (turn.completed), or null. The 작업 상태 drawing already shows whether Zig is working,
+ * The chat line for a main turn end (turn.completed), or null. The work status drawing already shows whether Zig is working,
  * so a normal end appears only in this event log. An abnormal end ("interrupted") stays in the chat: a work report turn
  * interrupted on reattach has no other notice.
  */
 export function chatTurnEndLine(data) {
 	if (data.status === "completed") return null;
-	return `응답 완료: ${data.status}${data.error ? ` (${JSON.stringify(data.error)})` : ""}`;
+	return t("devlog.turnEnd", { status: data.status, error: data.error ? ` (${JSON.stringify(data.error)})` : "" });
 }
 
 const CATEGORY = {
@@ -60,50 +65,50 @@ function summary(type, d = {}) {
 			return clip(d.title || d.method);
 		case "action.resolved": {
 			const a = d.answer ?? {};
-			const v = a.kind === "value" ? a.value : a.kind === "confirm" ? (a.confirmed ? "예" : "아니오") : "취소";
+			const v = a.kind === "value" ? a.value : a.kind === "confirm" ? (a.confirmed ? t("devlog.yes") : t("devlog.no")) : t("devlog.cancel");
 			return clip(`${v} (${d.by})${a.reason ? ` · ${a.reason}` : ""}`);
 		}
 		case "turn.started":
-			return "작업 시작";
+			return t("devlog.turnStarted");
 		case "turn.completed":
-			return clip(`응답 완료 · ${d.status}`);
+			return clip(t("devlog.turnCompleted", { status: d.status }));
 		case "error":
 		case "notice":
 			return clip(d.message);
 		case "omo.status":
-			return clip(`엔진 ${d.status}${d.detail ? ` · ${d.detail}` : ""}`);
+			return clip(t("devlog.engineStatus", { status: d.status, detail: d.detail ? ` · ${d.detail}` : "" }));
 		case "state.snapshot":
-			return `대화 ${d.conversations?.length ?? 0} · 승인 대기 ${d.approvals?.length ?? 0} · 엔진 ${d.omo}`;
+			return t("devlog.snapshot", { conversations: d.conversations?.length ?? 0, approvals: d.approvals?.length ?? 0, engine: d.omo });
 		case "history":
-			return `${d.conv} 기록 ${d.events?.length ?? 0}건`;
+			return t("devlog.history", { conversation: d.conv, count: d.events?.length ?? 0 });
 		case "conversation.created":
-			return clip(`새 대화 ${d.title}`);
+			return clip(t("devlog.newConversation", { title: d.title }));
 		case "conversation.thread":
 			return clip(d.threadId);
 		case "profile.updated":
-			return clip(`닉네임 ${d.nickname ?? ""}${d.agentName ? ` · 에이전트 ${d.agentName}` : ""}`);
+			return clip(t("devlog.profile", { nickname: d.nickname ?? "", agent: d.agentName ? ` · ${t("devlog.agent")} ${d.agentName}` : "" }));
 		case "voice.updated":
-			return d.enabled === false ? "음성 꺼짐" : "음성 켜짐";
+			return d.enabled === false ? t("devlog.voiceOff") : t("devlog.voiceOn");
 		case "voice.install.progress":
-			return clip(`음성 설치 ${d.state} ${d.index}/${d.total} ${d.message ?? ""}`);
+			return clip(t("devlog.voiceInstall", { state: d.state, index: d.index, total: d.total, message: d.message ?? "" }));
 		case "version.available":
-			return clip(`새 버전 ${d.latest ?? "?"} (지금 ${d.current ?? "?"})`);
+			return clip(t("devlog.versionAvailable", { latest: d.latest ?? "?", current: d.current ?? "?" }));
 		case "update.progress":
-			return clip(`업데이트 ${d.from ?? "?"} → ${d.to ?? "?"}: ${d.label ?? d.phase ?? ""}`);
+			return clip(t("devlog.updateProgress", { from: d.from ?? "?", to: d.to ?? "?", label: d.label ?? d.phase ?? "" }));
 		case "update.result":
-			return clip(`업데이트 ${d.ok ? "성공" : d.rolledBack ? "실패, 되돌림" : "실패"} ${d.from ?? "?"} → ${d.to ?? "?"}`);
+			return clip(t("devlog.updateResult", { result: d.ok ? t("devlog.success") : d.rolledBack ? t("devlog.rollback") : t("devlog.failure"), from: d.from ?? "?", to: d.to ?? "?" }));
 		case "memo.updated":
-			return `쪽지 ${d.text?.length ?? 0}자${d.width ? ` · ${d.width}×${d.height}` : ""}`;
+			return t("devlog.memo", { count: d.text?.length ?? 0, size: d.width ? ` · ${d.width}×${d.height}` : "" });
 		case "wake.heard":
-			return clip(`"${d.text ?? ""}"${d.armed ? " · 말씀하세요 상태" : ""}${d.duringSpeech ? " · 음성 답변 중" : ""}`);
+			return clip(t("devlog.wakeHeard", { text: d.text ?? "", armed: d.armed ? ` · ${t("devlog.armed")}` : "", speaking: d.duringSpeech ? ` · ${t("devlog.speaking")}` : "" }));
 		case "clap.double":
-			return d.wakeWasOn ? "박수 두 번 → 호출어 끔" : "박수 두 번 → 호출어 켬";
+			return d.wakeWasOn ? t("devlog.clapWakeOff") : t("devlog.clapWakeOn");
 		case "tts.summary":
 			return clip(d.summary);
 		case "input.text":
 			return clip(d.text);
 		case "input.action":
-			return clip(`${d.actionId} → ${d.value ?? (d.confirmed !== undefined ? d.confirmed : "취소")}`);
+			return clip(`${d.actionId} → ${d.value ?? (d.confirmed !== undefined ? d.confirmed : t("devlog.cancel"))}`);
 		case "hello":
 			return clip(`${d.client} ${d.version}`);
 		default:
@@ -124,3 +129,4 @@ export function describeEvent(dir, obj) {
 		mergeKey: streaming ? `${type}:${data.itemId}` : null,
 	};
 }
+

package/web/diagram.js

@@ -1,3 +1,8 @@
+import dict from "./i18n/diagram.js";
+import { registerStrings, t } from "./i18n.js";
+
+registerStrings(dict);
+
 // Diagram input is data only. Markdown recognition stays at the actual lexer boundary.
 const BODY_LIMIT = 16_384;
 const ID = /^[A-Za-z][A-Za-z0-9_-]{0,31}$/;
@@ -128,12 +133,12 @@ function element(doc, tag, className, text) {
 
 export function createDiagram(doc, diagram, source) {
 	const figure = element(doc, "figure", "chat-diagram");
-	const title = diagram.title ?? "다이어그램";
+	const title = diagram.title ?? t("diagram.title.default");
 	figure.append(element(doc, "figcaption", "diagram-title", title));
 	const viewport = element(doc, "div", "diagram-viewport");
 	viewport.tabIndex = 0;
 	viewport.setAttribute("role", "region");
-	viewport.setAttribute("aria-label", `${title}. 다이어그램 영역, 방향키로 스크롤할 수 있습니다.`);
+	viewport.setAttribute("aria-label", t("diagram.region", { title }));
 	const stage = element(doc, "div", "diagram-stage");
 	const svg = doc.createElementNS("http://www.w3.org/2000/svg", "svg");
 	svg.setAttribute("class", "diagram-edges");
@@ -160,7 +165,7 @@ export function createDiagram(doc, diagram, source) {
 		relationships.append(element(doc, "li", "", `${labels.get(edge.from)} → ${labels.get(edge.to)}`));
 	}
 	const details = element(doc, "details", "diagram-source");
-	details.append(element(doc, "summary", "", "다이어그램 원문"));
+	details.append(element(doc, "summary", "", t("diagram.source")));
 	const pre = element(doc, "pre");
 	pre.append(element(doc, "code", "", source));
 	details.append(pre);

package/web/enroll.js

@@ -1,26 +1,47 @@
 // Plan Todo 15 (improvement 89): the 기기 등록 area of the web 설정 panel. Only decisions live here, with no DOM, so
 // test/unit/enroll-web.test.ts and the mutation run drive them directly; app.js paints the view it gets. The token
 // exists only inside the QR payload: nothing here turns it into text for the screen or the console.
+import strings from "./i18n/enroll.js";
+import { onLanguageChange, registerStrings, t } from "./i18n.js";
+
+registerStrings(strings);
 
 export const ENROLL_TOKENS_PATH = "/api/enroll/tokens";
 export const DEVICES_PATH = "/api/devices";
 export const PAYLOAD_PREFIX = "zigmini://enroll?";
 export const QR_MARGIN = 4;
 export const REVOKE_ARM_MS = 5000;
-export const RENEW_LABEL = "새로 만들기";
-export const REVOKE_LABEL = "등록 취소";
-export const REVOKE_ARMED_LABEL = "다시 누르면 취소";
-export const HINT_LINE = "폰의 지그미니 앱에서 이 QR을 찍으세요. QR 하나는 10분 동안 한 번만 쓸 수 있습니다.";
-export const LOADING_LINE = "QR을 만드는 중…";
-export const EXPIRED_LINE = "QR이 만료되었습니다. 새로 만들어 다시 찍으세요.";
-export const NO_DEVICES_LINE = "등록된 기기가 없습니다.";
-export const NO_CONTACT_LINE = "접속 기록 없음";
+export let RENEW_LABEL = t("enroll.button.renew");
+export let REVOKE_LABEL = t("enroll.button.revoke");
+export let REVOKE_ARMED_LABEL = t("enroll.button.revoke.armed");
+export let HINT_LINE = t("enroll.hint");
+export let LOADING_LINE = t("enroll.loading");
+export let EXPIRED_LINE = t("enroll.expired");
+export let NO_DEVICES_LINE = t("enroll.devices.empty");
+export let NO_CONTACT_LINE = t("enroll.contact.none");
 export const ERROR_LINES = Object.freeze({
-	access_url_unknown: "접속 주소를 알 수 없습니다. 맥이 Wi-Fi에 연결되어 있는지 확인한 뒤 새로 만드세요.",
-	qr_unavailable: "QR 라이브러리를 불러오지 못했습니다. 페이지를 새로 고치세요.",
-	network: "게이트웨이에 연결하지 못했습니다. 잠시 후 새로 만드세요.",
+	access_url_unknown: "enroll.error.access_url_unknown",
+	qr_unavailable: "enroll.error.qr_unavailable",
+	network: "enroll.error.network",
+});
+export let DEVICE_STATUS = deviceStatus();
+
+function deviceStatus() {
+	return Object.freeze({ approved: t("enroll.device.approved"), pending: t("enroll.device.pending"), denied: t("enroll.device.denied") });
+}
+
+// The exported texts follow the UI language (app.js reads them at render time).
+onLanguageChange(() => {
+	RENEW_LABEL = t("enroll.button.renew");
+	REVOKE_LABEL = t("enroll.button.revoke");
+	REVOKE_ARMED_LABEL = t("enroll.button.revoke.armed");
+	HINT_LINE = t("enroll.hint");
+	LOADING_LINE = t("enroll.loading");
+	EXPIRED_LINE = t("enroll.expired");
+	NO_DEVICES_LINE = t("enroll.devices.empty");
+	NO_CONTACT_LINE = t("enroll.contact.none");
+	DEVICE_STATUS = deviceStatus();
 });
-export const DEVICE_STATUS = Object.freeze({ approved: "승인됨", pending: "승인 대기", denied: "거절됨" });
 
 /** A token response as the screen needs it: the payload and the expiry as a time number. Null for any other shape. */
 export function parseEnrollment(body) {
@@ -42,7 +63,7 @@ export function formatLeft(seconds) {
 }
 
 export function errorLine(error) {
-	return ERROR_LINES[error] ?? `QR을 만들지 못했습니다 (${error}). 새로 만들기를 누르세요.`;
+	return t(ERROR_LINES[error] ?? "enroll.error.generic", { error });
 }
 
 /**
@@ -50,12 +71,12 @@ export function errorLine(error) {
  * 새로 만들기 button. The QR and the button never show together, and an expired or failed token leaves only the button.
  */
 export function enrollView(state, now) {
-	if (state.status === "loading") return { qr: false, countdown: null, renew: false, expired: false, error: false, message: LOADING_LINE };
+	if (state.status === "loading") return { qr: false, countdown: null, renew: false, expired: false, error: false, message: t("enroll.loading") };
 	if (state.status === "error") return { qr: false, countdown: null, renew: true, expired: false, error: true, message: errorLine(state.error) };
-	if (!state.enrollment) return { qr: false, countdown: null, renew: true, expired: false, error: false, message: HINT_LINE };
+	if (!state.enrollment) return { qr: false, countdown: null, renew: true, expired: false, error: false, message: t("enroll.hint") };
 	const left = secondsLeft(state.enrollment.expiresAt, now);
-	if (left === 0) return { qr: false, countdown: null, renew: true, expired: true, error: false, message: EXPIRED_LINE };
-	return { qr: true, countdown: `남은 시간 ${formatLeft(left)}`, renew: false, expired: false, error: false, message: HINT_LINE };
+	if (left === 0) return { qr: false, countdown: null, renew: true, expired: true, error: false, message: t("enroll.expired") };
+	return { qr: true, countdown: t("enroll.countdown", { time: formatLeft(left) }), renew: false, expired: false, error: false, message: t("enroll.hint") };
 }
 
 /** The payload as a scalable SVG from the vendored qrcode-generator: black modules on white with a quiet zone. */
@@ -78,10 +99,10 @@ export function lastSeenLabel(iso, now) {
 	const at = typeof iso === "string" ? Date.parse(iso) : NaN;
 	if (!Number.isFinite(at)) return NO_CONTACT_LINE;
 	const seconds = Math.floor((now - at) / 1000);
-	if (seconds < 60) return "방금 접속";
-	if (seconds < 3600) return `${Math.floor(seconds / 60)}분 전 접속`;
-	if (seconds < 86400) return `${Math.floor(seconds / 3600)}시간 전 접속`;
-	return `${Math.floor(seconds / 86400)}일 전 접속`;
+	if (seconds < 60) return t("enroll.contact.now");
+	if (seconds < 3600) return t("enroll.contact.minutes", { count: Math.floor(seconds / 60) });
+	if (seconds < 86400) return t("enroll.contact.hours", { count: Math.floor(seconds / 3600) });
+	return t("enroll.contact.days", { count: Math.floor(seconds / 86400) });
 }
 
 function contactTime(device) {
@@ -100,7 +121,7 @@ export function deviceRows(devices, now) {
 		.map((device) => ({
 			id: device.id,
 			name: device.name,
-			model: device.model ?? "모델 정보 없음",
+			model: device.model ?? t("enroll.device.model.unknown"),
 			lastSeen: lastSeenLabel(device.lastSeen, now),
 			status: DEVICE_STATUS[device.status] ?? device.status,
 			approved: device.status === "approved",