@cardenelabs/cdl 0.57.1 → 0.59.0

package/dist/react.cjs

@@ -358,6 +358,334 @@ function useReducedMotion() {
   return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
+// src/lang.ts
+function resolveLang(value) {
+  return value === "ja" ? "ja" : "en";
+}
+var en = {
+  /** `shape-terminal` の 2 行目 (命令の出力) */
+  "terminal.output": "\u2192 12 chunks in 1.8s",
+  /** `shape-code-block` の札の file 名 */
+  "codeBlock.fileName": "utils.ts",
+  /** `shape-kanban-card` の課題の番号 */
+  "kanbanCard.id": "CAR-1111",
+  /** `shape-kanban-card` の状態の札 */
+  "kanbanCard.status": "IN PROG",
+  /** `shape-kanban-card` の題の下の説明 */
+  "kanbanCard.task": "shape-driven kind \u5B9F\u88C5",
+  /** `shape-kanban-card` の期日 */
+  "kanbanCard.due": "Jul 10",
+  /** `shape-smart-contract` の契約の本文の 1 行 */
+  "smartContract.call": "function execute()",
+  /** `shape-blockchain-block` の題を渡さない時の見出し */
+  "blockchainBlock.title": "Block #421,873",
+  /** `shape-blockchain-block` の 1 行目の名前 (塊を識別する値) */
+  "blockchainBlock.hash": "hash",
+  /** `shape-blockchain-block` の 2 行目の名前 (1 つ前の塊の識別値) */
+  "blockchainBlock.prev": "prev",
+  /** `shape-blockchain-block` の 3 行目の名前 (取引をまとめた木の根) */
+  "blockchainBlock.merkle": "merkle",
+  /** `shape-blockchain-block` の 4 行目の名前 (採掘で試した値) */
+  "blockchainBlock.nonce": "nonce",
+  /** `shape-blockchain-block` の 5 行目の名前 (取引の件数) */
+  "blockchainBlock.tx": "tx",
+  /** `shape-blockchain-block` の 5 行目の値 */
+  "blockchainBlock.txCount": "142 tx",
+  /** `shape-rpc-node` の稼働の札 */
+  "rpcNode.status": "RPC ONLINE",
+  /** `shape-trust-bank` の看板 */
+  "trustBank.sign": "TRUST",
+  /** `shape-payment-provider` の看板 */
+  "paymentProvider.sign": "PAY",
+  /** `shape-payment-provider` の状態の札 */
+  "paymentProvider.status": "PROCESSING",
+  /** `shape-brokerage` の株価の帯 */
+  "brokerage.ticker": "\u25B2NKY 38,240 \u25B2AAPL 194",
+  /** `shape-brokerage` の看板 */
+  "brokerage.sign": "$ SECURITIES",
+  /** `shape-exchange` の看板 */
+  "exchange.sign": "EXCHANGE",
+  /** `shape-exchange` の看板の下の札 */
+  "exchange.sub": "clearing",
+  /** `shape-atm` の天井の看板 */
+  "atm.sign": "ATM CORNER",
+  /** `shape-atm` の画面の案内 */
+  "atm.screen": "SELECT AMOUNT",
+  /** `shape-atm` の決める鍵 */
+  "atm.ok": "OK",
+  /** `shape-atm` のカードを入れる口の札 */
+  "atm.cardSlot": "CARD SLOT",
+  /** `shape-storefront` の看板 */
+  "storefront.sign": "SHOP",
+  /** `shape-storefront` の扉の札 */
+  "storefront.open": "OPEN",
+  /** `shape-warehouse` の看板 */
+  "warehouse.sign": "WAREHOUSE",
+  /** `shape-api-gateway` の看板 */
+  "apiGateway.sign": "API GATEWAY",
+  /** `shape-api-gateway` の 3 行目の要求の種類 */
+  "apiGateway.delete": "DEL",
+  /** `shape-api-gateway` の 1 行目の宛先 */
+  "apiGateway.users": "/users",
+  /** `shape-api-gateway` の 2 行目の宛先 */
+  "apiGateway.orders": "/orders",
+  /** `shape-api-gateway` の 3 行目の宛先 */
+  "apiGateway.session": "/session",
+  // 読み出し (`readout.*`) と入力欄の固定の字 (#849)。
+  // `{名前}` は描く時に値を差し込む位置 (`字を差し込む`)。 語順が言語で変わるので、位置ごと辞書に持つ
+  /** 配列を描く読み出しで、値が空の時の字 */
+  "readout.empty": "empty",
+  /** `sparkline` で点がまだ無い時の字 */
+  "readout.sparkline.waiting": "waiting",
+  /** 時の流れの入力欄の速さ */
+  "input.timeline.speed": "{speed}x",
+  /** 時の流れの入力欄の経過と長さ (秒) */
+  "input.timeline.time": "{t}s / {d}s",
+  /** `sequence-timeline` の点の見出し */
+  "readout.sequenceTimeline.title": "{name}: t={t}",
+  /** `bubble-chart` の泡の見出し */
+  "readout.bubbleChart.title": "({x}, {y}) r={r}",
+  /** `calendar-heatmap` の升目の見出し (`i` は 0 から) */
+  "readout.calendarHeatmap.title": "day {i}: {v}",
+  /** `candlestick` の足の見出し (始値 / 高値 / 安値 / 終値) */
+  "readout.candlestick.title": "O:{o} H:{h} L:{l} C:{c}",
+  /** `slope` の左の目盛 */
+  "readout.slope.before": "before",
+  /** `slope` の右の目盛 */
+  "readout.slope.after": "after",
+  /** `bullet-chart` の実績の見出し */
+  "readout.bulletChart.actual": "actual: {v}",
+  /** `bullet-chart` の目標の見出し */
+  "readout.bulletChart.target": "target: {v}",
+  /** `rating` の塗った星の見出し */
+  "readout.rating.full": "full",
+  /** `rating` の半分塗った星の見出し */
+  "readout.rating.half": "half",
+  /** `rating` の塗っていない星の見出し */
+  "readout.rating.empty": "empty",
+  /** `price-tag` の割引額 */
+  "readout.priceTag.save": "You save {amount}",
+  /** `confidence-meter` の低い帯の名前 */
+  "readout.confidence.low": "low",
+  /** `confidence-meter` の中ほどの帯の名前 */
+  "readout.confidence.mid": "mid",
+  /** `confidence-meter` の高い帯の名前 */
+  "readout.confidence.high": "high",
+  /** 並べきれなかった件数 (`user-stack` / `kanban-board` / `user-presence`) */
+  "readout.more": "+{n} more",
+  /** `video-card` の再生数 */
+  "readout.videoCard.views": "{v} views",
+  /** `attendance-grid` の角の見出し */
+  "readout.attendance.corner": "day",
+  /** `calendar-month` の曜日 (日曜) */
+  "readout.weekday.0": "Sun",
+  /** `calendar-month` の曜日 (月曜) */
+  "readout.weekday.1": "Mon",
+  /** `calendar-month` の曜日 (火曜) */
+  "readout.weekday.2": "Tue",
+  /** `calendar-month` の曜日 (水曜) */
+  "readout.weekday.3": "Wed",
+  /** `calendar-month` の曜日 (木曜) */
+  "readout.weekday.4": "Thu",
+  /** `calendar-month` の曜日 (金曜) */
+  "readout.weekday.5": "Fri",
+  /** `calendar-month` の曜日 (土曜) */
+  "readout.weekday.6": "Sat",
+  /** `rating-thumb` の賛成の割合と票数 */
+  "readout.ratingThumb.summary": "{pct}% up \xB7 {total} votes",
+  /** `kpi-trend-tile` の前の期間の値 */
+  "readout.kpiTrend.prev": "prev {v}",
+  /** `quick-poll-emoji` の票の合計 */
+  "readout.poll.total": "total {n}",
+  /** `thread-summary` の参加者の数 */
+  "readout.thread.participants": "{n} participants",
+  /** `thread-summary` の最後に書いた人 */
+  "readout.thread.last": "last: {name}",
+  /** `read-receipt` の送信した段 */
+  "readout.readReceipt.sent": "sent",
+  /** `read-receipt` の相手に届いた段 */
+  "readout.readReceipt.delivered": "delivered",
+  /** `read-receipt` の読まれた段 */
+  "readout.readReceipt.read": "read",
+  /** `password-strength` の段階 0 */
+  "readout.password.0": "too weak",
+  /** `password-strength` の段階 1 */
+  "readout.password.1": "weak",
+  /** `password-strength` の段階 2 */
+  "readout.password.2": "fair",
+  /** `password-strength` の段階 3 */
+  "readout.password.3": "good",
+  /** `password-strength` の段階 4 */
+  "readout.password.4": "strong",
+  /** `file-dropzone` で取り込んだ後の字 */
+  "readout.dropzone.uploaded": "uploaded",
+  /** `file-dropzone` の空の時の 1 行目 */
+  "readout.dropzone.drop": "\u2B06 Drop file here",
+  /** `file-dropzone` の空の時の 2 行目 */
+  "readout.dropzone.browse": "or click to browse",
+  /** `log-stream` の重さ 0 (調べるための詳細) */
+  "readout.log.0": "DBG",
+  /** `log-stream` の重さ 1 (知らせ) */
+  "readout.log.1": "INF",
+  /** `log-stream` の重さ 2 (警告) */
+  "readout.log.2": "WRN",
+  /** `log-stream` の重さ 3 (異常) */
+  "readout.log.3": "ERR",
+  /** `cart-summary` の点数 */
+  "readout.cart.items": "Items",
+  /** `cart-summary` の小計 */
+  "readout.cart.subtotal": "Subtotal",
+  /** `cart-summary` の送料 */
+  "readout.cart.shipping": "Shipping",
+  /** `cart-summary` の合計 */
+  "readout.cart.total": "Total",
+  /** `pricing-tier` で名前が空の時の名前 */
+  "readout.pricing.plan": "Plan",
+  /** `pricing-tier` の価格の後ろ */
+  "readout.pricing.perMonth": "per month",
+  /** `pricing-tier` の押す札 */
+  "readout.pricing.get": "Get {name}",
+  /** `coupon-code` で番号が空の時の字 */
+  "readout.coupon.placeholder": "ENTER CODE",
+  /** `coupon-code` の割引の割合 */
+  "readout.coupon.off": "-{pct}% off",
+  /** `coupon-code` の押す札 */
+  "readout.coupon.apply": "Apply",
+  /** `article-preview` の書いた人 */
+  "readout.article.by": "by {author}",
+  /** `priority-badge` の高い優先度の表示 (値は `high` / `2` で読む) */
+  "readout.priority.high": "HIGH",
+  /** `priority-badge` の中ほどの優先度の表示 */
+  "readout.priority.med": "MED",
+  /** `priority-badge` の低い優先度の表示 (値は `low` / `0` で読む) */
+  "readout.priority.low": "LOW",
+  /** `kanban-board` の列の見出し (値は `todo` で読む) */
+  "readout.kanban.todo": "Todo",
+  /** `kanban-board` の列の見出し (値は `inprogress` で読む) */
+  "readout.kanban.inprogress": "In Progress",
+  /** `kanban-board` の列の見出し (値は `done` で読む) */
+  "readout.kanban.done": "Done",
+  /** `traffic-light` の赤の灯の見出し (値は `red` で読む) */
+  "readout.trafficLight.red": "red",
+  /** `traffic-light` の黄の灯の見出し (値は `yellow` / `amber` で読む) */
+  "readout.trafficLight.yellow": "yellow",
+  /** `traffic-light` の緑の灯の見出し (値は `green` で読む) */
+  "readout.trafficLight.green": "green"
+};
+var ja = {
+  "terminal.output": "\u2192 1.8 \u79D2\u3067\u5B8C\u4E86",
+  "codeBlock.fileName": "\u5171\u901A.ts",
+  "kanbanCard.id": "#1111",
+  "kanbanCard.status": "\u9032\u884C\u4E2D",
+  "kanbanCard.task": "\u5F62\u3092\u5B9F\u88C5",
+  "kanbanCard.due": "7/10",
+  "smartContract.call": "\u81EA\u52D5\u3067\u5B9F\u884C\u3059\u308B",
+  "blockchainBlock.title": "\u30D6\u30ED\u30C3\u30AF #421,873",
+  "blockchainBlock.hash": "\u30CF\u30C3\u30B7\u30E5",
+  "blockchainBlock.prev": "\u76F4\u524D",
+  "blockchainBlock.merkle": "\u6728\u306E\u6839",
+  "blockchainBlock.nonce": "\u30CE\u30F3\u30B9",
+  "blockchainBlock.tx": "\u53D6\u5F15",
+  "blockchainBlock.txCount": "142 \u4EF6",
+  "rpcNode.status": "RPC \u7A3C\u50CD\u4E2D",
+  "trustBank.sign": "\u4FE1\u8A17",
+  "paymentProvider.sign": "\u6C7A\u6E08",
+  "paymentProvider.status": "\u51E6\u7406\u4E2D",
+  "brokerage.ticker": "\u25B2\u65E5\u7D4C 38,240 \u25B2\u6771\u8A3C 2,710",
+  "brokerage.sign": "\xA5 \u8A3C\u5238",
+  "exchange.sign": "\u53D6\u5F15\u6240",
+  "exchange.sub": "\u6E05\u7B97",
+  "atm.sign": "ATM \u30B3\u30FC\u30CA\u30FC",
+  "atm.screen": "\u91D1\u984D\u3092\u9078\u629E",
+  "atm.ok": "\u78BA\u5B9A",
+  "atm.cardSlot": "\u30AB\u30FC\u30C9\u633F\u5165\u53E3",
+  "storefront.sign": "\u5546\u5E97",
+  "storefront.open": "\u55B6\u696D",
+  "warehouse.sign": "\u5009\u5EAB",
+  "apiGateway.sign": "API \u5165\u53E3",
+  "apiGateway.delete": "DELETE",
+  "apiGateway.users": "/\u5229\u7528\u8005",
+  "apiGateway.orders": "/\u6CE8\u6587",
+  "apiGateway.session": "/\u63A5\u7D9A",
+  "readout.empty": "\u306A\u3057",
+  "readout.sparkline.waiting": "\u5F85\u6A5F\u4E2D",
+  "input.timeline.speed": "{speed}\u500D",
+  "input.timeline.time": "{t}\u79D2 / {d}\u79D2",
+  "readout.sequenceTimeline.title": "{name}: \u6642\u523B {t}",
+  "readout.bubbleChart.title": "({x}, {y}) \u534A\u5F84 {r}",
+  "readout.calendarHeatmap.title": "{i} \u65E5\u76EE: {v}",
+  "readout.candlestick.title": "\u59CB {o} \u9AD8 {h} \u5B89 {l} \u7D42 {c}",
+  "readout.slope.before": "\u524D",
+  "readout.slope.after": "\u5F8C",
+  "readout.bulletChart.actual": "\u5B9F\u7E3E: {v}",
+  "readout.bulletChart.target": "\u76EE\u6A19: {v}",
+  "readout.rating.full": "\u6E80",
+  "readout.rating.half": "\u534A\u5206",
+  "readout.rating.empty": "\u7A7A",
+  "readout.priceTag.save": "{amount} \u304A\u5F97",
+  "readout.confidence.low": "\u4F4E",
+  "readout.confidence.mid": "\u4E2D",
+  "readout.confidence.high": "\u9AD8",
+  "readout.more": "\u307B\u304B {n}",
+  "readout.videoCard.views": "{v} \u56DE\u8996\u8074",
+  "readout.attendance.corner": "\u65E5",
+  "readout.weekday.0": "\u65E5",
+  "readout.weekday.1": "\u6708",
+  "readout.weekday.2": "\u706B",
+  "readout.weekday.3": "\u6C34",
+  "readout.weekday.4": "\u6728",
+  "readout.weekday.5": "\u91D1",
+  "readout.weekday.6": "\u571F",
+  "readout.ratingThumb.summary": "\u8CDB\u6210 {pct}% \xB7 {total} \u7968",
+  "readout.kpiTrend.prev": "\u524D\u56DE {v}",
+  "readout.poll.total": "\u5408\u8A08 {n}",
+  "readout.thread.participants": "{n} \u4EBA",
+  "readout.thread.last": "\u6700\u5F8C: {name}",
+  "readout.readReceipt.sent": "\u9001\u4FE1\u6E08\u307F",
+  "readout.readReceipt.delivered": "\u914D\u4FE1\u6E08\u307F",
+  "readout.readReceipt.read": "\u65E2\u8AAD",
+  "readout.password.0": "\u5F31\u3059\u304E\u308B",
+  "readout.password.1": "\u5F31\u3044",
+  "readout.password.2": "\u666E\u901A",
+  "readout.password.3": "\u826F\u3044",
+  "readout.password.4": "\u5F37\u3044",
+  "readout.dropzone.uploaded": "\u53D6\u308A\u8FBC\u307F\u6E08\u307F",
+  "readout.dropzone.drop": "\u2B06 \u3053\u3053\u306B\u30D5\u30A1\u30A4\u30EB\u3092\u7F6E\u304F",
+  "readout.dropzone.browse": "\u307E\u305F\u306F\u62BC\u3057\u3066\u9078\u3076",
+  "readout.log.0": "\u8A73\u7D30",
+  "readout.log.1": "\u60C5\u5831",
+  "readout.log.2": "\u8B66\u544A",
+  "readout.log.3": "\u7570\u5E38",
+  "readout.cart.items": "\u70B9\u6570",
+  "readout.cart.subtotal": "\u5C0F\u8A08",
+  "readout.cart.shipping": "\u9001\u6599",
+  "readout.cart.total": "\u5408\u8A08",
+  "readout.pricing.plan": "\u30D7\u30E9\u30F3",
+  "readout.pricing.perMonth": "\u6708\u984D",
+  "readout.pricing.get": "{name}\u3092\u9078\u3076",
+  "readout.coupon.placeholder": "\u30B3\u30FC\u30C9\u3092\u5165\u529B",
+  "readout.coupon.off": "-{pct}% \u5F15\u304D",
+  "readout.coupon.apply": "\u9069\u7528",
+  "readout.article.by": "\u6587: {author}",
+  "readout.priority.high": "\u9AD8",
+  "readout.priority.med": "\u4E2D",
+  "readout.priority.low": "\u4F4E",
+  "readout.kanban.todo": "\u672A\u7740\u624B",
+  "readout.kanban.inprogress": "\u9032\u884C\u4E2D",
+  "readout.kanban.done": "\u5B8C\u4E86",
+  "readout.trafficLight.red": "\u8D64",
+  "readout.trafficLight.yellow": "\u9EC4",
+  "readout.trafficLight.green": "\u7DD1"
+};
+var CDL_TEXT = { en, ja };
+function \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang) {
+  const \u8A00\u8A9E = lang ?? "en";
+  return (key) => CDL_TEXT[\u8A00\u8A9E][key];
+}
+function \u5B57\u3092\u5DEE\u3057\u8FBC\u3080(template, values) {
+  return template.replace(/\{(\w+)\}/g, (whole, name) => name in values ? String(values[name]) : whole);
+}
+
 // src/layout/clearance-constants.ts
 var CLEARANCE_NODE_LABEL = 32;
 var CLEARANCE_LANE_LABEL = 24;
@@ -9636,6 +9964,9 @@ function layout(diag) {
     // **遮断はここだけに置く**。 描画は必ず組み立てを通り、組み立て API も `er` も
     // 素通しにしてある。 上流にも置くと、どの入力でも通らない分岐が残る
     ...diag.palette ? { palette: diag.palette } : {},
+    // 描画側の固定の字の言語 (#847)。 既定 (`en`) と型の外の値は持たせない = 配置の結果の形を
+    // 変更前と揃え、記法の書き損じで一部の字だけ日本語になる形を作らない
+    ...resolveLang(diag.lang) === "ja" ? { lang: "ja" } : {},
     // 種類も配色と同じく空の目印を出さない。 遮断をここに揃えると手書きの図にも効く
     ...diag.type ? { type: diag.type } : {},
     bboxes,
@@ -10905,12 +11236,12 @@ function \u5272\u308B\u5019\u88DC(text) {
     \u7A7A\u767D.push([text.slice(0, m.index).trim(), text.slice(m.index + m[0].length).trim()]);
   }
   if (\u7A7A\u767D.length > 0) return \u7A7A\u767D.filter(\u5165\u3063\u3066\u3044\u308B);
-  const \u5B57 = [];
+  const \u5B572 = [];
   const \u4E26\u3073 = [...text];
   for (let i = 1; i < \u4E26\u3073.length; i += 1) {
-    \u5B57.push([\u4E26\u3073.slice(0, i).join(""), \u4E26\u3073.slice(i).join("")]);
+    \u5B572.push([\u4E26\u3073.slice(0, i).join(""), \u4E26\u3073.slice(i).join("")]);
   }
-  return \u5B57.filter(\u5165\u3063\u3066\u3044\u308B);
+  return \u5B572.filter(\u5165\u3063\u3066\u3044\u308B);
 }
 function \u5165\u3063\u3066\u3044\u308B([\u5DE6, \u53F3]) {
   return \u5DE6 !== "" && \u53F3 !== "";
@@ -13266,9 +13597,9 @@ function \u533A\u753B\u306E\u5272\u4ED8(w, h, \u4EF6\u6570, \u524D\u3092\u51FA\u
     \u67A0: (idx) => ({ x: \u5E45 * idx, y: 0, w: \u5E45, h })
   };
 }
-function \u53CE\u3081\u308B\u7D1A(\u5B57, \u4F7F\u3048\u308B\u5E452, \u521D\u671F, \u4E0B\u9650) {
+function \u53CE\u3081\u308B\u7D1A(\u5B572, \u4F7F\u3048\u308B\u5E452, \u521D\u671F, \u4E0B\u9650) {
   let \u7D1A = \u521D\u671F;
-  while (\u7D1A > \u4E0B\u9650 && textWidth(\u5B57, \u7D1A) > \u4F7F\u3048\u308B\u5E452) \u7D1A -= 1;
+  while (\u7D1A > \u4E0B\u9650 && textWidth(\u5B572, \u7D1A) > \u4F7F\u3048\u308B\u5E452) \u7D1A -= 1;
   return \u7D1A;
 }
 function \u5F27\u306E\u90533(cx, cy, r, \u5272\u5408) {
@@ -15247,6 +15578,11 @@ var commonFrame2 = (active) => ({
 var ASCENT3 = 0.72;
 var DESCENT3 = 0.25;
 var MONO_ADVANCE = 0.62;
+function \u7B49\u5E45\u306E\u6841(s) {
+  let \u6841 = 0;
+  for (const c of s) \u6841 += (c.codePointAt(0) ?? 0) >= 11904 ? 2 : 1;
+  return \u6841;
+}
 var LABEL_SUB_RATIO = 11 / 16;
 var LABEL_EYE_RATIO = 12 / 16;
 var LABEL_EYE_GAP = 8;
@@ -15344,7 +15680,8 @@ function ShapeWindowNode({ node, active }) {
     commonLabel2(node, node.cx, \u540D\u524D.y, \u540D\u524D.size)
   ] });
 }
-function ShapeTerminalNode({ node, active }) {
+function ShapeTerminalNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame2(active);
   const \u7DDA = frame.strokeWidth / 2;
   const x = node.cx - node.w / 2 + \u7DDA;
@@ -15365,10 +15702,10 @@ function ShapeTerminalNode({ node, active }) {
       { \u5DE6: 16, \u5B57: 12.5, \u8272: "#7cd88f", \u6587: "$" },
       { \u5DE6: 30, \u5B57: 12.5, \u8272: "#e6edf3", \u6587: "pnpm build" }
     ],
-    [{ \u5DE6: 16, \u5B57: 12, \u8272: "#8b95a5", \u6587: "\u2192 12 chunks in 1.8s" }],
+    [{ \u5DE6: 16, \u5B57: 12, \u8272: "#8b95a5", \u6587: \u5B57\u5F15("terminal.output") }],
     [{ \u5DE6: 16, \u5B57: 12.5, \u8272: "#7cd88f", \u6587: "$" }]
   ];
-  const \u81EA\u7136\u5E45 = Math.max(...\u884C.flat().map((t) => t.\u5DE6 + t.\u6587.length * MONO_ADVANCE * t.\u5B57)) + \u4F59\u767D;
+  const \u81EA\u7136\u5E45 = Math.max(...\u884C.flat().map((c) => c.\u5DE6 + \u7B49\u5E45\u306E\u6841(c.\u6587) * MONO_ADVANCE * c.\u5B57)) + \u4F59\u767D;
   const \u81EA\u7136\u9AD8 = \u5E2F + \u5148\u982D + \u884C\u9593 * (\u884C.length - 1) + Math.max(\u30AB\u30FC\u30BD\u30EB.\u4E0B, 12.5 * DESCENT3);
   const \u500D = Math.min(1, w / \u81EA\u7136\u5E45, bodyH / \u81EA\u7136\u9AD8);
   const barH = \u5E2F * \u500D;
@@ -15478,7 +15815,8 @@ function ShapeTerminalNode({ node, active }) {
     )
   ] });
 }
-function ShapeCodeBlockNode({ node, active }) {
+function ShapeCodeBlockNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame2(active);
   const \u7DDA = frame.strokeWidth / 2;
   const x = node.cx - node.w / 2 + \u7DDA;
@@ -15568,7 +15906,7 @@ function ShapeCodeBlockNode({ node, active }) {
           fontFamily: lineFont,
           textAnchor: "middle",
           fill: "#e6edf3",
-          children: "utils.ts"
+          children: \u5B57\u5F15("codeBlock.fileName")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x + tabW - \u4E38, cy: y + tabH / 2, r: 3 * \u500D, fill: "#7cd88f", stroke: "none" }),
@@ -15644,7 +15982,8 @@ function ShapeCodeBlockNode({ node, active }) {
     )
   ] });
 }
-function ShapeKanbanCardNode({ node, active }) {
+function ShapeKanbanCardNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame2(active);
   const \u7DDA = frame.strokeWidth / 2;
   const \u5F71 = 3;
@@ -15656,7 +15995,7 @@ function ShapeKanbanCardNode({ node, active }) {
   const \u5DE6\u53F3\u4F59\u767D = 14;
   const \u4E0A\u6BB5\u9699\u9593 = 8;
   const \u512A\u5148\u5E2F\u9AD8 = 10;
-  const ID\u6587 = "CAR-1111";
+  const ID\u6587 = \u5B57\u5F15("kanbanCard.id");
   const ID\u57FA\u6E96 = 30;
   const ID\u5B57 = 11;
   const ID\u5B57\u9593 = 1;
@@ -15675,7 +16014,7 @@ function ShapeKanbanCardNode({ node, active }) {
   const \u4E0B\u5E2F = FOOTER\u4E0B - AVATAR\u4E2D\u5FC3Y + AVATAR\u534A\u5F84 + AVATAR\u67A0 / 2 + \u5E2F\u9593\u4F59\u767D;
   const \u4E2D\u5E2F = \u540D\u524D\u5B57 * ASCENT3 + \u540D\u524D\u5B57 * \u8AAC\u660E\u57FA\u6E96\u6BD4 + \u540D\u524D\u5B57 * \u8AAC\u660E\u5B57\u6BD4 * DESCENT3;
   const \u81EA\u7136\u9AD8 = \u4E0A\u5E2F + \u4E2D\u5E2F + \u4E0B\u5E2F;
-  const ID\u5E45 = ID\u6587.length * MONO_ADVANCE * ID\u5B57 + ID\u5B57\u9593 * ID\u6587.length;
+  const ID\u5E45 = \u7B49\u5E45\u306E\u6841(ID\u6587) * MONO_ADVANCE * ID\u5B57 + ID\u5B57\u9593 * [...ID\u6587].length;
   const \u81EA\u7136\u5E45 = \u5DE6\u53F3\u4F59\u767D + ID\u5E45 + \u4E0A\u6BB5\u9699\u9593 + PILL\u5E45 + \u5DE6\u53F3\u4F59\u767D;
   const \u500D = Math.min(1, w / \u81EA\u7136\u5E45, h / \u81EA\u7136\u9AD8);
   const priorityBarH = \u512A\u5148\u5E2F\u9AD8 * \u500D;
@@ -15754,7 +16093,7 @@ function ShapeKanbanCardNode({ node, active }) {
           textAnchor: "middle",
           fill: "#5a4a1a",
           fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
-          children: "IN PROG"
+          children: \u5B57\u5F15("kanbanCard.status")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -15778,7 +16117,7 @@ function ShapeKanbanCardNode({ node, active }) {
           fontSize: \u540D\u524D.size * \u8AAC\u660E\u5B57\u6BD4,
           textAnchor: "middle",
           fill: "var(--cdl-text-dim, #5a6270)",
-          children: "shape-driven kind \u5B9F\u88C5"
+          children: \u5B57\u5F15("kanbanCard.task")
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x + \u5DE6\u53F3\u4F59\u767D * \u500D}, ${footY})`, children: [
@@ -15841,7 +16180,7 @@ function ShapeKanbanCardNode({ node, active }) {
           fontWeight: 600,
           textAnchor: "end",
           fill: "var(--cdl-text-dim, #5a6270)",
-          children: "Jul 10"
+          children: \u5B57\u5F15("kanbanCard.due")
         }
       )
     ] })
@@ -16885,7 +17224,8 @@ function EthereumDiamond({ cx, cy, h, colors }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: `M ${cx} ${midY} L ${cx + w} ${cy + h * 0.05} L ${cx} ${lowerBotY} Z`, fill: c.dark, stroke: c.stroke, strokeWidth: 0.6, strokeLinejoin: "round" })
   ] });
 }
-function ShapeSmartContractNode({ node, active }) {
+function ShapeSmartContractNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame4(active);
   const r = shapeRegion(node);
   const docW = SMART_CONTRACT_W;
@@ -16921,7 +17261,7 @@ function ShapeSmartContractNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { "data-cdl-role": "node-body", d: path, ...frame, strokeLinejoin: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: foldPath, fill: "none", stroke: frame.stroke, strokeWidth: frame.strokeWidth, strokeLinejoin: "round" }),
     [y + 40, y + 58, y + 76, y + 94].map((ly, i) => /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x + 16, y: ly - 3, width: docW - 32 - i * 22, height: 5, rx: 1, fill: "var(--cdl-divider, #d4d4d8)", fillOpacity: 0.7, stroke: "none" }, i)),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 16, y: y + docH - 46, fontSize: 11, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fill: "var(--cdl-tone-accent, #2d6a8f)", children: "function execute()" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 16, y: y + docH - 46, fontSize: 11, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fill: "var(--cdl-tone-accent, #2d6a8f)", children: \u5B57\u5F15("smartContract.call") }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "polygon",
       {
@@ -16942,14 +17282,14 @@ function ShapeSmartContractNode({ node, active }) {
 }
 var \u5B57\u306E\u5E45 = (text, size) => Math.max(displayWidth(text) * size * MONO_ADVANCE_RATIO, textWidth(text, size));
 var BLOCK_DEFAULT_FIELDS = [
-  { label: "hash", value: "0xaf31c9d2..." },
-  { label: "prev", value: "0x7b3f92c1..." },
-  { label: "merkle", value: "0xc1892f4a..." },
-  { label: "nonce", value: "82,914" },
-  { label: "tx", value: "142 tx" }
+  { key: "hash", label: "blockchainBlock.hash", value: { text: "0xaf31c9d2..." } },
+  { key: "prev", label: "blockchainBlock.prev", value: { text: "0x7b3f92c1..." } },
+  { key: "merkle", label: "blockchainBlock.merkle", value: { text: "0xc1892f4a..." } },
+  { key: "nonce", label: "blockchainBlock.nonce", value: { text: "82,914" } },
+  { key: "tx", label: "blockchainBlock.tx", value: { \u8F9E\u66F8: "blockchainBlock.txCount" } }
 ];
-var BLOCK_DEFAULT_TITLE = "Block #421,873";
-function ShapeBlockchainBlockNode({ node, active }) {
+function ShapeBlockchainBlockNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame4(active);
   const r = shapeRegion(node);
   const bw = BLOCK_W;
@@ -16959,11 +17299,15 @@ function ShapeBlockchainBlockNode({ node, active }) {
   const x = cx - bw / 2;
   const y = cy - bh / 2;
   const \u6E21\u3055\u308C\u305F = (v) => (v ?? "").trim();
-  const \u898B\u51FA\u3057 = \u6E21\u3055\u308C\u305F(node.title) || BLOCK_DEFAULT_TITLE;
-  const fields = BLOCK_DEFAULT_FIELDS.map((f) => ({
-    label: f.label,
-    value: f.label === "hash" ? \u6E21\u3055\u308C\u305F(node.subtitle) || f.value : f.value
-  }));
+  const \u898B\u51FA\u3057 = \u6E21\u3055\u308C\u305F(node.title) || \u5B57\u5F15("blockchainBlock.title");
+  const fields = BLOCK_DEFAULT_FIELDS.map((f) => {
+    const \u65E2\u5B9A\u5024 = "text" in f.value ? f.value.text : \u5B57\u5F15(f.value.\u8F9E\u66F8);
+    return {
+      key: f.key,
+      label: \u5B57\u5F15(f.label),
+      value: f.key === "hash" ? \u6E21\u3055\u308C\u305F(node.subtitle) || \u65E2\u5B9A\u5024 : \u65E2\u5B9A\u5024
+    };
+  });
   const \u898B\u51FA\u3057\u306E\u5E45 = bw - 14 - 30;
   const art = /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x + 6, y: y + 6, width: bw, height: bh, rx: 8, fill: frame.stroke, opacity: 0.2, stroke: "none" }),
@@ -16973,7 +17317,7 @@ function ShapeBlockchainBlockNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x + bw - 16, cy: y + 16, r: 5.5, fill: "#7cd88f", stroke: "#ffffff", strokeWidth: 1.5 }),
     fields.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 14, y: y + 54 + i * 22, fontSize: 10.5, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fill: "var(--cdl-text-dim, #5a6270)", children: f.label }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": `blockchain-block-${f.label}`, x: x + bw - 14, y: y + 54 + i * 22, fontSize: 11, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontWeight: 600, textAnchor: "end", fill: "var(--cdl-text, #1a1f2a)", children: \u5E45\u3067\u5207\u308B(f.value, 11, bw - 28 - \u5B57\u306E\u5E45(f.label, 10.5) - 8, \u5B57\u306E\u5E45) }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": `blockchain-block-${f.key}`, x: x + bw - 14, y: y + 54 + i * 22, fontSize: 11, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontWeight: 600, textAnchor: "end", fill: "var(--cdl-text, #1a1f2a)", children: \u5E45\u3067\u5207\u308B(f.value, 11, bw - 28 - \u5B57\u306E\u5E45(f.label, 10.5) - 8, \u5B57\u306E\u5E45) }),
       /* @__PURE__ */ jsxRuntime.jsx("line", { x1: x + 14, y1: y + 60 + i * 22, x2: x + bw - 14, y2: y + 60 + i * 22, stroke: "var(--cdl-divider, #d4d4d8)", strokeWidth: 0.5, opacity: 0.5 })
     ] }, i)),
     /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${cx - 32}, ${y + bh - 26})`, children: [
@@ -17178,7 +17522,8 @@ function ShapeBlockchainNodeNode({ node, active }) {
     bottomLabel2(node, r.cx, r.label)
   ] });
 }
-function ShapeRpcNodeNode({ node, active }) {
+function ShapeRpcNodeNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame4(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17191,7 +17536,7 @@ function ShapeRpcNodeNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x, y, width: bw, height: bh, rx: 10, fill: "#1a2332", stroke: frame.stroke, strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: bw, height: 30, rx: 10, fill: "#2d3a4f", stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x + 14, cy: y + 15, r: 5, fill: "#27c93f", stroke: "none", children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0.4;1;0.4", dur: "1.5s", repeatCount: "indefinite" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 26, y: y + 20, fontSize: 12, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontWeight: 700, fill: "#7cd88f", children: "RPC ONLINE" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 26, y: y + 20, fontSize: 12, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontWeight: 700, fill: "#7cd88f", children: \u5B57\u5F15("rpcNode.status") }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy + 6, fontSize: 30, fontWeight: 700, textAnchor: "middle", fill: "#e6edf3", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: "{...}" }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy + 26, fontSize: 11, textAnchor: "middle", fill: "#7a8290", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: "JSON-RPC 2.0" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x + 16, y: y + bh - 24, width: bw - 32, height: 8, rx: 4, fill: "#0f1419", stroke: "none" }),
@@ -17477,7 +17822,8 @@ var TRUST_BASE_H = 14;
 var TRUST_BODY_OUT = 8;
 var TRUST_BLD_W_MIN = 140;
 var TRUST_BLD_W_MAX = 280;
-function ShapeTrustBankNode({ node, active }) {
+function ShapeTrustBankNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame5(active);
   const r = shapeRegion(node);
   const \u7DDA = frame.strokeWidth / 2;
@@ -17514,7 +17860,7 @@ function ShapeTrustBankNode({ node, active }) {
       return /* @__PURE__ */ jsxRuntime.jsx("rect", { x: r.cx - w / 2, y: y + bldH + i * BANK_STEP_DY, width: w, height: BANK_STEP_H, fill: "var(--cdl-divider, #d4d4d8)", fillOpacity: 0.5 + i * 0.15, stroke: frame.stroke, strokeWidth: BANK_STEP_SW }, i);
     }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: `M ${x - 6} ${y + pedimentH} L ${r.cx} ${y + 2} L ${x + bldW + 6} ${y + pedimentH} Z`, fill: "var(--cdl-node-fill, #ffffff)", stroke: frame.stroke, strokeWidth: frame.strokeWidth, strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: r.cx, y: y + pedimentH - 8, fontSize: 15, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "var(--cdl-tone-accent, #2d6a8f)", fontFamily: "Georgia, serif", children: "TRUST" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: r.cx, y: y + pedimentH - 8, fontSize: 15, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "var(--cdl-tone-accent, #2d6a8f)", fontFamily: "Georgia, serif", children: \u5B57\u5F15("trustBank.sign") }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x - 4, y: y + pedimentH, width: bldW + 8, height: architraveH, fill: "var(--cdl-divider, #d4d4d8)", fillOpacity: 0.4, stroke: frame.stroke, strokeWidth: frame.strokeWidth }),
     Array.from({ length: nCols }, (_, i) => i).map((i) => {
       const colCx = x + 15 + colGap + i * (colW + colGap) + colW / 2;
@@ -17533,7 +17879,8 @@ function ShapeTrustBankNode({ node, active }) {
     bottomLabel3(node, r.cx, r.label)
   ] });
 }
-function ShapePaymentProviderNode({ node, active }) {
+function ShapePaymentProviderNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame5(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17550,13 +17897,13 @@ function ShapePaymentProviderNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x, y, width: boxW, height: boxH, rx: 10, fill: "#255a7a", stroke: accentDark, strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: boxW, height: headerH, rx: 10, fill: accentDarker }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y: y + headerH - 8, width: boxW, height: 8, fill: accentDarker }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 22, fontSize: 16, fontWeight: 700, letterSpacing: 4, textAnchor: "middle", fill: "#e5c07b", children: "PAY" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 22, fontSize: 16, fontWeight: 700, letterSpacing: 4, textAnchor: "middle", fill: "#e5c07b", children: \u5B57\u5F15("paymentProvider.sign") }),
     /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy: cy + 4, r: 22, fill: "none", stroke: "#e5c07b", strokeWidth: 3.5, strokeDasharray: "38 24", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: `0 ${cx} ${cy + 4}`, to: `360 ${cx} ${cy + 4}`, dur: "2s", repeatCount: "indefinite" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy: cy + 4, r: 10, fill: "#e5c07b", stroke: accentDarker, strokeWidth: 1.5 }),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy + 9, fontSize: 13, fontWeight: 700, textAnchor: "middle", fill: accentDarker, fontFamily: "Georgia, serif", children: "$" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + boxH - 16, fontSize: 9, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#a4b5f2", children: "PROCESSING" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + boxH - 16, fontSize: 9, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#a4b5f2", children: \u5B57\u5F15("paymentProvider.status") }),
     bottomLabel3(node, r.cx, r.label)
   ] });
 }
@@ -17604,7 +17951,8 @@ var BROKERAGE_SHADE_OUT = 2;
 var BROKERAGE_W_MIN = BROKERAGE_COLS * BROKERAGE_CELL_W + (BROKERAGE_COLS - 1) * BROKERAGE_GAP_X + 6;
 var BROKERAGE_W_MAX = 140;
 var BROKERAGE_H_MIN = BROKERAGE_TICK_H + BROKERAGE_LOGO_H + BROKERAGE_BASE_H;
-function ShapeBrokerageNode({ node, active }) {
+function ShapeBrokerageNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame5(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17640,9 +17988,9 @@ function ShapeBrokerageNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x - BROKERAGE_SHADE_OUT, y, width: BROKERAGE_SHADE_OUT * 2, height: h, fill: accentDarker }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: w, height: BROKERAGE_TICK_H, fill: "#0f1830", stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x + 2, y: y + 2, width: w - 4, height: 8, fill: "#1a2340", stroke: "none" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 9, fontSize: 5.5, fontWeight: 700, textAnchor: "middle", fill: "#4ea36a", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: "\u25B2NKY 38,240 \u25B2AAPL 194" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 9, fontSize: 5.5, fontWeight: 700, textAnchor: "middle", fill: "#4ea36a", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: \u5B57\u5F15("brokerage.ticker") }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y: y + BROKERAGE_TICK_H, width: w, height: BROKERAGE_LOGO_H, fill: "#e5c07b", stroke: "none" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 30, fontSize: 12, fontWeight: 700, letterSpacing: 2.5, textAnchor: "middle", fill: "#0f1830", children: "$ SECURITIES" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 30, fontSize: 12, fontWeight: 700, letterSpacing: 2.5, textAnchor: "middle", fill: "#0f1830", children: \u5B57\u5F15("brokerage.sign") }),
     Array.from({ length: rows }).map(
       (_, ri) => Array.from({ length: cols }).map((_2, ci) => {
         const wx = gridStartX + ci * (cellW + gapX);
@@ -17663,7 +18011,8 @@ function ShapeBrokerageNode({ node, active }) {
     bottomLabel3(node, r.cx, r.label)
   ] });
 }
-function ShapeExchangeNode({ node, active }) {
+function ShapeExchangeNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame5(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17708,9 +18057,9 @@ function ShapeExchangeNode({ node, active }) {
       ] }, `d${i}`);
     }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: hexPath, fill: "#255a7a", stroke: accentDarker, strokeWidth: frame.strokeWidth, strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy - 8, fontSize: 10, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#e5c07b", children: "EXCHANGE" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy - 8, fontSize: 10, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#e5c07b", children: \u5B57\u5F15("exchange.sign") }),
     /* @__PURE__ */ jsxRuntime.jsx("text", { "data-cdl-role": "node-body", x: cx, y: cy + 12, fontSize: 22, fontWeight: 700, textAnchor: "middle", fill: "#e5c07b", children: "\u21C4" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy + 26, fontSize: 8, fontWeight: 700, textAnchor: "middle", fill: "#a4b5f2", children: "clearing" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: cy + 26, fontSize: 8, fontWeight: 700, textAnchor: "middle", fill: "#a4b5f2", children: \u5B57\u5F15("exchange.sub") }),
     nodes.map((n, i) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: n.cx, cy: n.cy, r: 8, fill: n.fill, stroke: accentDarker, strokeWidth: 1.5 }, `n${i}`))
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
@@ -17732,7 +18081,8 @@ var ATM_PANEL_H = 146;
 var ATM_W_MIN = 100;
 var ATM_W_MAX = 140;
 var ATM_H_MIN = ATM_SIGN_H + ATM_SIGN_GAP + 30 + ATM_FLOOR_RESERVE;
-function ShapeAtmNode({ node, active }) {
+function ShapeAtmNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame5(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17766,12 +18116,12 @@ function ShapeAtmNode({ node, active }) {
   const \u7D75 = /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx, cy: y + totalH + ATM_SHADOW_DY, rx: totalW * ATM_SHADOW_RX_RATIO, ry: ATM_SHADOW_RY, fill: frame.stroke, opacity: 0.15, stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: centerX - totalW / 2, y: signY, width: totalW, height: signH, fill: accentDarker, stroke: "#000", strokeWidth: ATM_SIGN_SW }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: centerX, y: signY + 17, fontSize: 11, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#e5c07b", children: "ATM CORNER" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: centerX, y: signY + 17, fontSize: 11, fontWeight: 700, letterSpacing: 2, textAnchor: "middle", fill: "#e5c07b", children: \u5B57\u5F15("atm.sign") }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x: atmX, y: atmY, width: atmW, height: atmH, rx: 6, fill: "#255a7a", stroke: accentDarker, strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${centerX} ${atmY}) scale(${\u9762})`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: \u9762\u5DE6 + 8, y: 10, width: ATM_PANEL_W - 16, height: 52, rx: 3, fill: "#0f1830", stroke: "#000", strokeWidth: 1.5 }),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 30, fontSize: 10, fontWeight: 700, letterSpacing: 1, textAnchor: "middle", fill: "#e5c07b", children: "\u304A\u5F15\u51FA\u3057" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 44, fontSize: 8, fontWeight: 700, textAnchor: "middle", fill: "#a4b5f2", children: "SELECT AMOUNT" }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 44, fontSize: 8, fontWeight: 700, textAnchor: "middle", fill: "#a4b5f2", children: \u5B57\u5F15("atm.screen") }),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 56, fontSize: 10, fontWeight: 700, textAnchor: "middle", fill: "#4ea36a", children: "\xA5 20,000" }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: \u9762\u5DE6 + 8, y: 68, width: ATM_PANEL_W - 16, height: 42, rx: 2, fill: "#8b949e", stroke: "#5a6270", strokeWidth: 1 }),
       (() => {
@@ -17785,7 +18135,7 @@ function ShapeAtmNode({ node, active }) {
           ["5", "#5a6270"],
           ["6", "#5a6270"],
           ["0", "#5a6270"],
-          ["OK", "#4ea36a"]
+          [\u5B57\u5F15("atm.ok"), "#4ea36a"]
         ];
         const keyW = 18;
         const keyH = 10;
@@ -17798,13 +18148,16 @@ function ShapeAtmNode({ node, active }) {
           const ky = 74 + row * (keyH + 2);
           return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x: kx, y: ky, width: keyW, height: keyH, fill: k[1], stroke: "#0f1830", strokeWidth: 0.8 }),
-            /* @__PURE__ */ jsxRuntime.jsx("text", { x: kx + keyW / 2, y: ky + 7, fontSize: k[0] === "OK" ? 6 : 7, fontWeight: 700, textAnchor: "middle", fill: "#ffffff", children: k[0] })
+            /* @__PURE__ */ jsxRuntime.jsx("text", { x: kx + keyW / 2, y: ky + 7, fontSize: (
+              /* 決める鍵 (末尾) は 2 字あるので小さく描く。 字は言語で変わるため位置で見分ける */
+              i === keys.length - 1 ? 6 : 7
+            ), fontWeight: 700, textAnchor: "middle", fill: "#ffffff", children: k[0] })
           ] }, `k${i}`);
         });
       })(),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: \u9762\u5DE6 + 12, y: 116, width: ATM_PANEL_W - 24, height: 8, rx: 1.5, fill: "#0f1830", stroke: accentDarker, strokeWidth: 1 }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: \u9762\u5DE6 + 15, y: 118, width: ATM_PANEL_W - 30, height: 4, rx: 0.5, fill: "#e5c07b" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 132, fontSize: 6, fontWeight: 700, letterSpacing: 1, textAnchor: "middle", fill: "#e5c07b", children: "CARD SLOT" }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 0, y: 132, fontSize: 6, fontWeight: 700, letterSpacing: 1, textAnchor: "middle", fill: "#e5c07b", children: \u5B57\u5F15("atm.cardSlot") }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: \u9762\u5DE6 + 12, y: 136, width: ATM_PANEL_W - 24, height: 4, rx: 1, fill: "#0f1830" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: centerX - totalW / 2, y: floorY, width: totalW, height: 6, fill: "#8b949e", stroke: "none" }),
@@ -17889,7 +18242,8 @@ function ShapeWebsiteNode({ node, active }) {
     bottomLabel4(node, r.cx, r.label)
   ] });
 }
-function ShapeStorefrontNode({ node, active }) {
+function ShapeStorefrontNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame6(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17915,7 +18269,7 @@ function ShapeStorefrontNode({ node, active }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx, cy: y + bh + 8, rx: bw * 0.5, ry: 5, fill: frame.stroke, opacity: 0.2, stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: bw, height: signH, fill: accent, stroke: accentDark, strokeWidth: 2 }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 18, fontSize: 16, fontWeight: 900, letterSpacing: 8, textAnchor: "middle", fill: "#ffffff", children: "SHOP" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 18, fontSize: 16, fontWeight: 900, letterSpacing: 8, textAnchor: "middle", fill: "#ffffff", children: \u5B57\u5F15("storefront.sign") }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x, y: facadeY, width: bw, height: facadeH, fill: "#e0e4e8", stroke: "#5a6270", strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: winX, y: winY, width: winW, height: winH, fill: "#a4c5d9", stroke: accentDarker, strokeWidth: 2 }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: winX + winW / 2, y1: winY, x2: winX + winW / 2, y2: winY + winH, stroke: accentDarker, strokeWidth: 1 }),
@@ -17929,7 +18283,7 @@ function ShapeStorefrontNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: doorX + 4, y1: doorY + doorH * 0.38, x2: doorX + doorW - 4, y2: doorY + doorH * 0.38, stroke: accentDarker, strokeWidth: 1 }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: doorX + 4, y1: doorY + doorH * 0.72, x2: doorX + doorW - 4, y2: doorY + doorH * 0.72, stroke: accentDarker, strokeWidth: 1 }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: doorX + doorW / 2 - 20, y: doorY + doorH * 0.85, width: 40, height: 12, fill: "#e5c07b", stroke: "#a67c00", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: doorX + doorW / 2, y: doorY + doorH * 0.85 + 9, fontSize: 8, fontWeight: 700, letterSpacing: 1, textAnchor: "middle", fill: "#5a3a10", children: "OPEN" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: doorX + doorW / 2, y: doorY + doorH * 0.85 + 9, fontSize: 8, fontWeight: 700, letterSpacing: 1, textAnchor: "middle", fill: "#5a3a10", children: \u5B57\u5F15("storefront.open") }),
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: doorX + 6, cy: doorY + doorH * 0.55, r: 1.5, fill: "#c15a4a" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x - 6, y: y + bh - 6, width: bw + 12, height: 8, fill: "#5a6270", stroke: "none" }),
     bottomLabel4(node, r.cx, r.label)
@@ -17946,7 +18300,8 @@ var WAREHOUSE_SHADOW_RX_RATIO = 0.5;
 var WAREHOUSE_H_MIN = WAREHOUSE_ROOF_H + WAREHOUSE_SIGN_H + 68;
 var WAREHOUSE_W_MIN = 160;
 var WAREHOUSE_W_MAX = 240;
-function ShapeWarehouseNode({ node, active }) {
+function ShapeWarehouseNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame6(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -17975,7 +18330,7 @@ function ShapeWarehouseNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: `M ${x - WAREHOUSE_ROOF_OUT} ${y + roofH} L ${x + 12} ${y + 2} L ${x + bw - 12} ${y + 2} L ${x + bw + WAREHOUSE_ROOF_OUT} ${y + roofH} Z`, fill: "#5a6270", stroke: accentDarker, strokeWidth: WAREHOUSE_ROOF_SW, strokeLinejoin: "round" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x, y: y + roofH, width: bw, height: bh - roofH - 12, fill: "#a89d8f", stroke: "#5a6270", strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y: y + roofH, width: bw, height: signH, fill: "#c15a4a", stroke: "#8b3f2f", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + roofH + 17, fontSize: 12, fontWeight: 900, letterSpacing: 6, textAnchor: "middle", fill: "#ffffff", children: "WAREHOUSE" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + roofH + 17, fontSize: 12, fontWeight: 900, letterSpacing: 6, textAnchor: "middle", fill: "#ffffff", children: \u5B57\u5F15("warehouse.sign") }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: shutterX, y: shutterY, width: shutterW, height: shutterH, fill: "#8b949e", stroke: accentDarker, strokeWidth: 2 }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: shutterX, y: shutterY, width: shutterW, height: 5, fill: "#5a6270", stroke: "none" }),
     Array.from({ length: 10 }, (_, i) => i).map((i) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -18132,7 +18487,8 @@ var API_ROWS = 3;
 var API_H_MIN = API_ROW_TOP + (API_ROWS - 1) * API_ROW_PITCH_MIN + API_ROW_H + API_ROW_BOTTOM_PAD;
 var API_W_MIN = 200;
 var API_W_MAX = 300;
-function ShapeApiGatewayNode({ node, active }) {
+function ShapeApiGatewayNode({ node, active, lang }) {
+  const \u5B57\u5F15 = \u5B57\u5F15\u304D\u3092\u4F5C\u308B(lang);
   const frame = commonFrame6(active);
   const r = shapeRegion(node);
   const cx = r.cx;
@@ -18143,6 +18499,7 @@ function ShapeApiGatewayNode({ node, active }) {
   const x = cx - bw / 2;
   const y = r.cy - \u7E26 / 2 + \u4F59\u767D;
   const \u5E83\u304C\u308A = { \u4E0A: \u7E26 / 2, \u4E0B: \u7E26 / 2, \u5DE6: bw / 2 + \u4F59\u767D, \u53F3: bw / 2 + \u4F59\u767D };
+  const \u7A2E\u985E\u306E\u5B57 = (s) => Math.min(11, 11 * 48 / Math.max(displayWidth(s) * 11 * MONO_ADVANCE_RATIO, textWidth(s, 11)));
   const rowPitch = Math.max(
     API_ROW_PITCH_MIN,
     (bh - API_ROW_TOP - API_ROW_H - API_ROW_BOTTOM_PAD) / (API_ROWS - 1)
@@ -18151,15 +18508,15 @@ function ShapeApiGatewayNode({ node, active }) {
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x: x + DROP_SHADOW_D, y: y + DROP_SHADOW_D, width: bw, height: bh, rx: 10, fill: frame.stroke, opacity: 0.2, stroke: "none" }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { "data-cdl-role": "node-body", x, y, width: bw, height: bh, rx: 10, fill: "#1a2332", stroke: frame.stroke, strokeWidth: frame.strokeWidth }),
     /* @__PURE__ */ jsxRuntime.jsx("rect", { x, y, width: bw, height: 36, rx: 10, fill: "var(--cdl-tone-accent, #2d6a8f)", stroke: "none" }),
-    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 24, fontSize: 14, fontWeight: 700, letterSpacing: 3, textAnchor: "middle", fill: "#ffffff", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: "API GATEWAY" }),
+    /* @__PURE__ */ jsxRuntime.jsx("text", { x: cx, y: y + 24, fontSize: 14, fontWeight: 700, letterSpacing: 3, textAnchor: "middle", fill: "#ffffff", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: \u5B57\u5F15("apiGateway.sign") }),
     [
-      { method: "GET", path: "/users", color: "#27c93f" },
-      { method: "POST", path: "/orders", color: "#e5c07b" },
-      { method: "DEL", path: "/session", color: "#c9302c" }
+      { method: "GET", path: \u5B57\u5F15("apiGateway.users"), color: "#27c93f" },
+      { method: "POST", path: \u5B57\u5F15("apiGateway.orders"), color: "#e5c07b" },
+      { method: \u5B57\u5F15("apiGateway.delete"), path: \u5B57\u5F15("apiGateway.session"), color: "#c9302c" }
     ].map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: `translate(${x + 16}, ${y + API_ROW_TOP + i * rowPitch})`, children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: bw - 32, height: API_ROW_H, rx: 4, fill: "#0f1419", stroke: "none" }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: 54, height: API_ROW_H, rx: 4, fill: e.color, stroke: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 27, y: 16, fontSize: 11, fontWeight: 700, textAnchor: "middle", fill: "#ffffff", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: e.method }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: 27, y: 16, fontSize: \u7A2E\u985E\u306E\u5B57(e.method), fontWeight: 700, textAnchor: "middle", fill: "#ffffff", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", children: e.method }),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: 64, y: 16, fontSize: 12, fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fill: "#e6edf3", children: e.path }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: bw - 44, cy: 12, r: 4, fill: "#27c93f", stroke: "none", children: /* @__PURE__ */ jsxRuntime.jsx("animate", { attributeName: "opacity", values: "0.4;1;0.4", dur: `${1.2 + i * 0.3}s`, repeatCount: "indefinite" }) })
     ] }, i))
@@ -18464,7 +18821,8 @@ function CdlNodeView({
   stateValues,
   currentPhaseId,
   chartLineScale,
-  \u95A2\u4FC2\u306E\u53D7\u3051\u53E3
+  \u95A2\u4FC2\u306E\u53D7\u3051\u53E3,
+  lang
 }) {
   const value = node.value ? interpolate(node.value, stateValues) : void 0;
   const rows = (node.rows ?? []).map((r) => interpolate(r, stateValues));
@@ -18680,11 +19038,11 @@ function CdlNodeView({
       case "shape-window":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeWindowNode, { node: resolvedNode, active });
       case "shape-terminal":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeTerminalNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeTerminalNode, { node: resolvedNode, active, lang });
       case "shape-code-block":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeCodeBlockNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeCodeBlockNode, { node: resolvedNode, active, lang });
       case "shape-kanban-card":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeKanbanCardNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeKanbanCardNode, { node: resolvedNode, active, lang });
       case "shape-message-bubble":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeMessageBubbleNode, { node: resolvedNode, active });
       case "shape-gear":
@@ -18702,11 +19060,11 @@ function CdlNodeView({
       case "shape-satellite":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeSatelliteNode, { node: resolvedNode, active });
       case "shape-smart-contract":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeSmartContractNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeSmartContractNode, { node: resolvedNode, active, lang });
       case "shape-blockchain-block":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeBlockchainBlockNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeBlockchainBlockNode, { node: resolvedNode, active, lang });
       case "shape-rpc-node":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeRpcNodeNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeRpcNodeNode, { node: resolvedNode, active, lang });
       case "shape-wallet":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeWalletNode, { node: resolvedNode, active });
       case "shape-nft":
@@ -18724,29 +19082,29 @@ function CdlNodeView({
       case "shape-bank":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeBankNode, { node: resolvedNode, active });
       case "shape-trust-bank":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeTrustBankNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeTrustBankNode, { node: resolvedNode, active, lang });
       case "shape-payment-provider":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapePaymentProviderNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapePaymentProviderNode, { node: resolvedNode, active, lang });
       case "shape-credit-card":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeCreditCardNode, { node: resolvedNode, active });
       case "shape-brokerage":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeBrokerageNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeBrokerageNode, { node: resolvedNode, active, lang });
       case "shape-exchange":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeExchangeNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeExchangeNode, { node: resolvedNode, active, lang });
       case "shape-atm":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeAtmNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeAtmNode, { node: resolvedNode, active, lang });
       case "shape-website":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeWebsiteNode, { node: resolvedNode, active });
       case "shape-storefront":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeStorefrontNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeStorefrontNode, { node: resolvedNode, active, lang });
       case "shape-warehouse":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeWarehouseNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeWarehouseNode, { node: resolvedNode, active, lang });
       case "shape-online-shop":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeOnlineShopNode, { node: resolvedNode, active });
       case "shape-cdn-edge":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeCdnEdgeNode, { node: resolvedNode, active });
       case "shape-api-gateway":
-        return /* @__PURE__ */ jsxRuntime.jsx(ShapeApiGatewayNode, { node: resolvedNode, active });
+        return /* @__PURE__ */ jsxRuntime.jsx(ShapeApiGatewayNode, { node: resolvedNode, active, lang });
       case "shape-auditor":
         return /* @__PURE__ */ jsxRuntime.jsx(ShapeAuditorNode, { node: resolvedNode, active });
       case "shape-regulator":
@@ -19121,6 +19479,7 @@ function CdlStage({
               {
                 node,
                 active: activeSet.has(node.id),
+                lang: laid.lang,
                 \u95A2\u4FC2\u306E\u53D7\u3051\u53E3: \u7BB1\u306E\u53D7\u3051\u53E3,
                 drawing: \u63CF\u304F,
                 progress: \u63CF\u304F ? \u63CF\u304F\u9032\u307F : progress,
@@ -19863,6 +20222,23 @@ function warn(message) {
     console.warn(`[cdl event-handler] ${message}`);
   }
 }
+var \u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E = react.createContext("en");
+function use\u5B57\u5F15() {
+  const lang = react.useContext(\u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E);
+  return (key, values) => values ? \u5B57\u3092\u5DEE\u3057\u8FBC\u3080(CDL_TEXT[lang][key], values) : CDL_TEXT[lang][key];
+}
+function \u5B57({ k, v }) {
+  const \u5F15\u304F = use\u5B57\u5F15();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: \u5F15\u304F(k, v) });
+}
+function \u5B57\u306E\u898B\u51FA\u3057({
+  k,
+  v,
+  \u524D = ""
+}) {
+  const \u5F15\u304F = use\u5B57\u5F15();
+  return /* @__PURE__ */ jsxRuntime.jsx("title", { children: k === void 0 ? "" : `${\u524D}${\u5F15\u304F(k, v)}` });
+}
 function createInteractiveSignalsAccessor(diagram, signals, formula, scroll) {
   const kindByInputId = /* @__PURE__ */ new Map();
   for (const inp of diagram.inputs ?? []) {
@@ -20177,20 +20553,23 @@ function useInteractiveIntegration(diagram, options = {}) {
     const readouts = diagram.readouts ?? [];
     if (inputs.length === 0 && scrolls.length === 0 && formulasList.length === 0 && readouts.length === 0)
       return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-root", "data-cdl-interactive-panel": "true", children: [
-      inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsx(InputWidget, { input, signal: signals[input.id] }, input.id)) }),
-      formulasList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: formulasList.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
-        FormulaReadout,
-        {
-          id: f.id,
-          expression: f.expression,
-          value: stateOverrides[f.id]
-        },
-        f.id
-      )) }),
-      scrolls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: scrolls.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ScrollReadout, { id: s.id, progress: stateOverrides[s.id] }, s.id)) }),
-      readouts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: readouts.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ReadoutWidget, { readout: r, stateOverrides: mergedStateValues }, r.id)) })
-    ] });
+    return (
+      // 操作部の中の読み出しと入力欄へ、図の言語を届ける (#849)。 型の外の値は英語に落ちる
+      /* @__PURE__ */ jsxRuntime.jsx(\u64CD\u4F5C\u90E8\u306E\u8A00\u8A9E.Provider, { value: resolveLang(diagram.lang), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-root", "data-cdl-interactive-panel": "true", children: [
+        inputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: inputs.map((input) => /* @__PURE__ */ jsxRuntime.jsx(InputWidget, { input, signal: signals[input.id] }, input.id)) }),
+        formulasList.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: formulasList.map((f) => /* @__PURE__ */ jsxRuntime.jsx(
+          FormulaReadout,
+          {
+            id: f.id,
+            expression: f.expression,
+            value: stateOverrides[f.id]
+          },
+          f.id
+        )) }),
+        scrolls.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: scrolls.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ScrollReadout, { id: s.id, progress: stateOverrides[s.id] }, s.id)) }),
+        readouts.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-group", children: readouts.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ReadoutWidget, { readout: r, stateOverrides: mergedStateValues }, r.id)) })
+      ] }) })
+    );
   }, [diagram, signals, stateOverrides, mergedStateValues]);
   return { stateOverrides, panel, svgRef, containerRef };
 }
@@ -22051,7 +22430,7 @@ function SparklineReadout({
   if (points.length < 2) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-sparkline", "data-cdl-readout": id, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-sparkline-empty", style: { width: w, height: h }, children: points.length === 0 ? "waiting" : "\u2014" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-sparkline-empty", style: { width: w, height: h }, children: points.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.sparkline.waiting" }) : "\u2014" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-sparkline-value", children: Number.isFinite(value) ? value : "\u2014" })
     ] });
   }
@@ -22314,27 +22693,24 @@ function TimelineWidget({
           className: "cdl-ip-timeline-scrubber"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           className: "cdl-ip-timeline-btn cdl-ip-timeline-speed",
           onClick: cycleSpeed,
           "aria-label": "speed",
-          children: [
-            speed,
-            "x"
-          ]
+          children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "input.timeline.speed", v: { speed } })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-timeline-time", children: [
-      (progress * (input.duration / 1e3)).toFixed(1),
-      "s /",
-      " ",
-      (input.duration / 1e3).toFixed(1),
-      "s"
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-timeline-time", children: /* @__PURE__ */ jsxRuntime.jsx(
+      \u5B57,
+      {
+        k: "input.timeline.time",
+        v: { t: (progress * (input.duration / 1e3)).toFixed(1), d: (input.duration / 1e3).toFixed(1) }
+      }
+    ) })
   ] });
 }
 function RangeWidget({
@@ -22572,7 +22948,7 @@ function ArrayBarReadout({
   const range = max - min || 1;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-array-bar", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-array-bar-row", children: arr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : arr.map((v, i) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-array-bar-row", children: arr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : arr.map((v, i) => {
       const h = Math.max(0, Math.min(1, (v - min) / range));
       return /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -22649,7 +23025,7 @@ function StackedBarReadout({
   const range = max - min || 1;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-stacked-bar", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-stacked-bar-row", children: n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : Array.from({ length: n }).map((_, i) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-stacked-bar-row", children: n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : Array.from({ length: n }).map((_, i) => {
       const va = arrA[i] ?? 0;
       const vb = arrB[i] ?? 0;
       const hA = Math.max(0, Math.min(1, (va - min) / range));
@@ -22744,7 +23120,7 @@ function MatrixReadout({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-matrix", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    rows === 0 || cols === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx(
+    rows === 0 || cols === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx(
       "svg",
       {
         className: "cdl-ip-readout-matrix-svg",
@@ -22802,7 +23178,7 @@ function ProgressGroupReadout({
   const labelArr = labels ? safeParseArray(labels).map(String) : [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-progress-group", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    arr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-progress-group-list", children: arr.map((v, i) => {
+    arr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-progress-group-list", children: arr.map((v, i) => {
       const pct = Math.max(0, Math.min(100, v / (max || 1) * 100));
       const rowLabel = labelArr[i] ?? String(i + 1);
       return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-progress-group-row", children: [
@@ -22864,7 +23240,7 @@ function SequenceTimelineReadout({
   const xFor = (t) => pad + (Math.max(min, Math.min(max, t)) - min) / range * (viewW - pad * 2);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-sequence-timeline", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs(
+    events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
       {
         className: "cdl-ip-readout-sequence-timeline-svg",
@@ -22878,7 +23254,7 @@ function SequenceTimelineReadout({
           events.map((e, i) => {
             const x = xFor(e.t);
             return /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-event-marker": e.name, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x, cy: trackY, r: 5, fill: color, stroke: "#fff", strokeWidth: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${e.name}: t=${e.t}` }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: x, cy: trackY, r: 5, fill: color, stroke: "#fff", strokeWidth: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.sequenceTimeline.title", v: { name: e.name, t: e.t } }) }),
               /* @__PURE__ */ jsxRuntime.jsx("text", { x, y: trackY - 12, textAnchor: sequenceLabelAnchor(x, e.name, 10, viewW), fontSize: 10, fill: "var(--v4-ink, #1a1f2a)", children: e.name }),
               /* @__PURE__ */ jsxRuntime.jsx("text", { x, y: trackY + 18, textAnchor: "middle", fontSize: 9, fill: "var(--v4-mute, #64748b)", children: e.t })
             ] }, i);
@@ -22921,7 +23297,7 @@ function RadarReadout({
   const polygon = points.length ? points.map((p) => `${p.x.toFixed(1)},${p.y.toFixed(1)}`).join(" ") : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-radar", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-radar-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-radar-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       [0.33, 0.66, 1].map((t) => /* @__PURE__ */ jsxRuntime.jsx(
         "polygon",
         {
@@ -22983,14 +23359,14 @@ function BubbleChartReadout({
   const maxCircleR = 18;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-bubble-chart", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    bubbles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-bubble-chart-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    bubbles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-bubble-chart-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       /* @__PURE__ */ jsxRuntime.jsx("line", { x1: pad, x2: viewW - pad, y1: viewH - pad, y2: viewH - pad, stroke: "rgba(148,163,184,0.4)" }),
       /* @__PURE__ */ jsxRuntime.jsx("line", { x1: pad, x2: pad, y1: pad, y2: viewH - pad, stroke: "rgba(148,163,184,0.4)" }),
       bubbles.map((b, i) => {
         const cx = pad + (Math.max(xMin, Math.min(xMax, b.x)) - xMin) / xRange * w;
         const cy = viewH - pad - (Math.max(yMin, Math.min(yMax, b.y)) - yMin) / yRange * h;
         const r = 4 + (Math.max(rMin, Math.min(rMax, b.r)) - rMin) / rRange * (maxCircleR - 4);
-        return /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r, fill: color, fillOpacity: 0.35, stroke: color, strokeWidth: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `(${b.x}, ${b.y}) r=${b.r}` }) }, i);
+        return /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r, fill: color, fillOpacity: 0.35, stroke: color, strokeWidth: 1.5, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.bubbleChart.title", v: { x: b.x, y: b.y, r: b.r } }) }, i);
       })
     ] })
   ] });
@@ -23013,7 +23389,7 @@ function DonutReadout({
   let acc = 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-donut", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    arr.length === 0 || total === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-donut-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: arr.map((v, i) => {
+    arr.length === 0 || total === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-donut-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: arr.map((v, i) => {
       const from = acc;
       const to = acc + v / total;
       acc = to;
@@ -23074,7 +23450,7 @@ function CalendarHeatmapReadout({
           height: cellSize,
           rx: 2,
           fill,
-          children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `day ${i}: ${v}` })
+          children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.calendarHeatmap.title", v: { i, v } })
         },
         i
       );
@@ -23194,7 +23570,7 @@ function CandlestickReadout({
   const candleW = candles.length === 0 ? 0 : Math.max(3, (w - (candles.length - 1) * 3) / candles.length);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-candlestick", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    candles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-candlestick-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: candles.map((cd, i) => {
+    candles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-candlestick-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: candles.map((cd, i) => {
       const cx = pad + i * (candleW + 3) + candleW / 2;
       const yHigh = yFor(cd.h);
       const yLow = yFor(cd.l);
@@ -23215,7 +23591,7 @@ function CandlestickReadout({
             height: bodyH,
             fill: isUp ? color : color,
             fillOpacity: isUp ? 1 : 0.85,
-            children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `O:${cd.o} H:${cd.h} L:${cd.l} C:${cd.c}` })
+            children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.candlestick.title", v: { o: cd.o, h: cd.h, l: cd.l, c: cd.c } })
           }
         )
       ] }, i);
@@ -23249,7 +23625,7 @@ function VennReadout({
   const cxB = viewW / 2 + gap / 2;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-venn", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    sizeA === 0 && sizeB === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-venn-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    sizeA === 0 && sizeB === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-venn-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: cxA, cy, r: rA, fill: colorA, fillOpacity: 0.4, stroke: colorA, strokeWidth: 1.5 }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: cxB, cy, r: rB, fill: colorB, fillOpacity: 0.4, stroke: colorB, strokeWidth: 1.5 }),
       /* @__PURE__ */ jsxRuntime.jsx("text", { x: cxA - rA + 8, y: cy - 4, fontSize: 11, fill: "var(--v4-ink, #1a1f2a)", fontWeight: 600, children: labelA }),
@@ -23300,11 +23676,11 @@ function SlopeReadout({
   const yFor = (v) => pad + (1 - (Math.max(min, Math.min(max, v)) - min) / range) * h;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-slope", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    slopes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-slope-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    slopes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-slope-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       /* @__PURE__ */ jsxRuntime.jsx("line", { x1: xL, x2: xL, y1: pad - 4, y2: viewH - pad + 4, stroke: "rgba(148,163,184,0.4)" }),
       /* @__PURE__ */ jsxRuntime.jsx("line", { x1: xR, x2: xR, y1: pad - 4, y2: viewH - pad + 4, stroke: "rgba(148,163,184,0.4)" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: xL, y: viewH - 4, fontSize: 9, textAnchor: "middle", fill: "var(--v4-mute, #64748b)", children: "before" }),
-      /* @__PURE__ */ jsxRuntime.jsx("text", { x: xR, y: viewH - 4, fontSize: 9, textAnchor: "middle", fill: "var(--v4-mute, #64748b)", children: "after" }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: xL, y: viewH - 4, fontSize: 9, textAnchor: "middle", fill: "var(--v4-mute, #64748b)", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.slope.before" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("text", { x: xR, y: viewH - 4, fontSize: 9, textAnchor: "middle", fill: "var(--v4-mute, #64748b)", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.slope.after" }) }),
       slopes.map((s, i) => {
         const yB = yFor(s.before);
         const yA = yFor(s.after);
@@ -23351,7 +23727,7 @@ function FunnelReadout({
   const [bR, bG, bB] = hexToRgb2(colorBottom);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-funnel", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    stages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-funnel-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: stages.map((s, i) => {
+    stages.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-funnel-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: stages.map((s, i) => {
       const ratio = i / Math.max(1, stages.length - 1);
       const w = maxCount > 0 ? s.count / maxCount * (viewW - 12) : 0;
       const yTop = i * stageH + 2;
@@ -23413,7 +23789,7 @@ function GanttReadout({
   const xFor = (v) => labelW + (Math.max(min, Math.min(max, v)) - min) / range * (viewW - labelW - pad);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-gantt", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-gantt-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: tasks.map((t, i) => {
+    tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-gantt-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: tasks.map((t, i) => {
       const y = pad + i * rowH;
       const x1 = xFor(t.start);
       const x2 = xFor(t.start + t.duration);
@@ -23504,7 +23880,7 @@ function TreemapReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-treemap", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    rects.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-treemap-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: rects.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+    rects.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-treemap-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: rects.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: r.x + 1, y: r.y + 1, width: Math.max(0, r.w - 2), height: Math.max(0, r.h - 2), fill: colors[i % colors.length] ?? "#94a3b8", rx: 2, children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${r.name}: ${r.size}` }) }),
       r.w > 40 && r.h > 20 ? /* @__PURE__ */ jsxRuntime.jsx("text", { x: r.x + 6, y: r.y + 14, fontSize: 10, fill: "#fff", fontWeight: 600, children: r.name }) : null
     ] }, i)) })
@@ -23570,7 +23946,7 @@ function SankeyReadout({
   const rightUsed = {};
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-sankey", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    flows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-sankey-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    flows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-sankey-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       leftNodes.map((n, i) => {
         const p = leftPos[n.name];
         return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
@@ -23632,7 +24008,7 @@ function PolarAreaReadout({
   const maxR = Math.min(cx, cy) - 20;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-polar-area", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-polar-area-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-polar-area-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       [0.33, 0.66, 1].map((t) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx, cy, r: maxR * t, fill: "none", stroke: "rgba(148,163,184,0.2)", strokeWidth: 1 }, t)),
       arr.map((v, i) => {
         const ratio = Math.sqrt(Math.max(0, Math.min(max, v)) / (max || 1));
@@ -23678,7 +24054,7 @@ function StepIndicatorReadout({
   const cy = viewH / 2 - 2;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-step-indicator", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-step-indicator-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    n === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-step-indicator-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       n > 1 ? Array.from({ length: n - 1 }).map((_, i) => {
         const x1 = pad + i * step;
         const x2 = pad + (i + 1) * step;
@@ -23768,8 +24144,8 @@ function BulletChartReadout({
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: pad, y: pad, width: badX - pad, height: trackH, fill: "rgba(239,68,68,0.25)", rx: 2 }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: badX, y: pad, width: avgX - badX, height: trackH, fill: "rgba(234,179,8,0.25)" }),
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: avgX, y: pad, width: pad + w - avgX, height: trackH, fill: "rgba(34,197,94,0.25)" }),
-      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: pad, y: pad + trackH * 0.3, width: actualX - pad, height: trackH * 0.4, fill: colorActual, rx: 2, children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `actual: ${safeActual}` }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: targetX, x2: targetX, y1: pad - 2, y2: pad + trackH + 2, stroke: "#0f172a", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: `target: ${safeTarget}` }) })
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: pad, y: pad + trackH * 0.3, width: actualX - pad, height: trackH * 0.4, fill: colorActual, rx: 2, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.bulletChart.actual", v: { v: safeActual } }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("line", { x1: targetX, x2: targetX, y1: pad - 2, y2: pad + trackH + 2, stroke: "#0f172a", strokeWidth: 2, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: "readout.bulletChart.target", v: { v: safeTarget } }) })
     ] })
   ] });
 }
@@ -23824,7 +24200,7 @@ function LeaderboardReadout({
   const medals = ["#eab308", "#94a3b8", "#c2410c"];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-leaderboard", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    sorted.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "cdl-ip-readout-leaderboard-list", children: sorted.map((it, i) => {
+    sorted.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "cdl-ip-readout-leaderboard-list", children: sorted.map((it, i) => {
       const pct = topMax > 0 ? it.value / topMax * 100 : 0;
       const rankColor = i < medals.length ? medals[i] : "#cbd5e1";
       return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-leaderboard-row", children: [
@@ -23875,7 +24251,7 @@ function TrafficLightReadout({
             style: {
               filter: isActive ? `drop-shadow(0 0 6px ${colors[i]})` : void 0
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx("title", { children: isActive ? ["red", "yellow", "green"][i] : "" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { k: isActive ? ["readout.trafficLight.red", "readout.trafficLight.yellow", "readout.trafficLight.green"][i] : void 0 })
           },
           i
         );
@@ -23914,7 +24290,7 @@ function TagCloudReadout({
   const sizeFor = (w) => minSize + (w - minW) / range * (maxSize - minSize);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-tag-cloud", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    tags.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-tag-cloud-list", children: tags.map((t, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    tags.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-tag-cloud-list", children: tags.map((t, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         className: "cdl-ip-readout-tag-cloud-tag",
@@ -23951,7 +24327,7 @@ function ActivityFeedReadout({
   const shown = events.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-activity-feed", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-activity-feed-list", children: shown.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-activity-feed-row", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-activity-feed-list", children: shown.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-activity-feed-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-activity-feed-bullet", style: { background: color } }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-activity-feed-content", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-activity-feed-actor", children: e.actor }),
@@ -24002,7 +24378,7 @@ function RatingReadout({
                   strokeWidth: 1
                 }
               ),
-              isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${i + 1}: empty` }) : /* @__PURE__ */ jsxRuntime.jsx("title", { children: `${i + 1}: ${isFull ? "full" : "half"}` })
+              isEmpty ? /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { \u524D: `${i + 1}: `, k: "readout.rating.empty" }) : /* @__PURE__ */ jsxRuntime.jsx(\u5B57\u306E\u898B\u51FA\u3057, { \u524D: `${i + 1}: `, k: isFull ? "readout.rating.full" : "readout.rating.half" })
             ]
           },
           i
@@ -24098,7 +24474,7 @@ function ChatBubbleReadout({
   const shown = messages.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-chat-bubble", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-chat-bubble-list", children: shown.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-chat-bubble-list", children: shown.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
         className: `cdl-ip-readout-chat-bubble-row ${m.isSelf ? "self" : "other"}`,
@@ -24190,7 +24566,7 @@ function ChecklistReadout({
   const pct = items.length === 0 ? 0 : Math.round(done / items.length * 100);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-checklist", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-checklist-progress", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-checklist-progress-text", children: [
           done,
@@ -24301,11 +24677,7 @@ function PriceTagReadout({
         "%"
       ] }) : null
     ] }),
-    savings > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-price-tag-savings", children: [
-      "You save ",
-      currency,
-      savings
-    ] }) : null
+    savings > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-price-tag-savings", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.priceTag.save", v: { amount: `${currency}${savings}` } }) }) : null
   ] });
 }
 function SpinnerReadout({
@@ -24442,6 +24814,11 @@ function StopwatchReadout({
     }
   );
 }
+var \u78BA\u4FE1\u5EA6\u306E\u5E2F\u306E\u5B57 = {
+  low: "readout.confidence.low",
+  mid: "readout.confidence.mid",
+  high: "readout.confidence.high"
+};
 function ConfidenceMeterReadout({
   id,
   label,
@@ -24474,7 +24851,7 @@ function ConfidenceMeterReadout({
         Math.round(safeValue),
         "%"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-confidence-meter-band", style: { color: bandColor }, children: bandLabel })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-confidence-meter-band", style: { color: bandColor }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: \u78BA\u4FE1\u5EA6\u306E\u5E2F\u306E\u5B57[bandLabel] }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-confidence-meter-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: pad, y: pad, width: lowX - pad, height: h, fill: "rgba(239,68,68,0.2)", rx: 2 }),
@@ -24509,7 +24886,7 @@ function ReactionBarReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-reaction-bar", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    reactions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-reaction-bar-row", children: reactions.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-reaction-bar-pill", style: { borderColor: color }, children: [
+    reactions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-reaction-bar-row", children: reactions.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-reaction-bar-pill", style: { borderColor: color }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-reaction-bar-emoji", children: r.emoji }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-reaction-bar-count", style: { color }, children: r.count })
     ] }, i)) })
@@ -24542,7 +24919,7 @@ function PillGroupReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-pill-group", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    pills.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-pill-group-row", children: pills.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    pills.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-pill-group-row", children: pills.map((p, i) => /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         className: "cdl-ip-readout-pill-group-pill",
@@ -24630,7 +25007,7 @@ function MetricsGridReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-metrics-grid", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-metrics-grid-grid", children: items.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-metrics-grid-cell", children: [
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-metrics-grid-grid", children: items.map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-metrics-grid-cell", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-metrics-grid-value", style: { color }, children: [
         m.value,
         m.unit ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cdl-ip-readout-metrics-grid-unit", children: [
@@ -24717,7 +25094,7 @@ function IconTileReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-icon-tile", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    tiles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-icon-tile-row", children: tiles.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-icon-tile-cell", children: [
+    tiles.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-icon-tile-row", children: tiles.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-icon-tile-cell", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-icon-tile-icon", style: { background: color }, children: t.icon }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-icon-tile-content", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-icon-tile-value", children: t.value }),
@@ -24758,7 +25135,7 @@ function TokenListReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-token-list", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    tokens.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-token-list-items", children: tokens.map((t, i) => {
+    tokens.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-token-list-items", children: tokens.map((t, i) => {
       const isUp = t.delta >= 0;
       const deltaColor = isUp ? colorUp : colorDown;
       const arrow = isUp ? "\u25B2" : "\u25BC";
@@ -24812,7 +25189,7 @@ function MapPinReadout({
   const yFor = (v) => pad + (Math.max(yMin, Math.min(yMax, v)) - yMin) / yRange * (viewH - pad * 2);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-map-pin", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    pins.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-map-pin-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
+    pins.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "cdl-ip-readout-map-pin-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: [
       /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width: viewW, height: viewH, fill: "rgba(148,163,184,0.08)", stroke: "rgba(148,163,184,0.3)", strokeWidth: 1, rx: 4 }),
       [0.25, 0.5, 0.75].map((t) => /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("line", { x1: pad + (viewW - pad * 2) * t, x2: pad + (viewW - pad * 2) * t, y1: pad, y2: viewH - pad, stroke: "rgba(148,163,184,0.15)" }),
@@ -24840,9 +25217,9 @@ function PriorityBadgeReadout({
   if (p === "high" || p === "2") level = "high";
   else if (p === "low" || p === "0") level = "low";
   const spec = {
-    high: { icon: "\u25B2", color: "#ef4444", bg: "rgba(239,68,68,0.12)", text: "HIGH" },
-    med: { icon: "\u25CF", color: "#eab308", bg: "rgba(234,179,8,0.12)", text: "MED" },
-    low: { icon: "\u25BC", color: "#64748b", bg: "rgba(100,116,139,0.12)", text: "LOW" }
+    high: { icon: "\u25B2", color: "#ef4444", bg: "rgba(239,68,68,0.12)", text: "readout.priority.high" },
+    med: { icon: "\u25CF", color: "#eab308", bg: "rgba(234,179,8,0.12)", text: "readout.priority.med" },
+    low: { icon: "\u25BC", color: "#64748b", bg: "rgba(100,116,139,0.12)", text: "readout.priority.low" }
   };
   const cur = spec[level];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-priority-badge", "data-cdl-readout": id, "data-cdl-priority": level, children: [
@@ -24855,7 +25232,7 @@ function PriorityBadgeReadout({
           style: { background: cur.bg, borderColor: cur.color, color: cur.color },
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-priority-badge-icon", children: cur.icon }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: cur.text })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: cur.text }) })
           ]
         }
       ),
@@ -24894,7 +25271,7 @@ function PodiumReadout({
   const order = [1, 0, 2];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-podium", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    podium.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-podium-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: order.map((rankIdx, colIdx) => {
+    podium.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "cdl-ip-readout-podium-svg", viewBox: `0 0 ${viewW} ${viewH}`, width: viewW, height: viewH, children: order.map((rankIdx, colIdx) => {
       const w = podium[rankIdx];
       if (!w) return null;
       const x = pad + colIdx * (colW + pad);
@@ -24937,7 +25314,7 @@ function PollBarReadout({
   const maxCount = options.length ? Math.max(...options.map((o) => o.count)) : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-poll-bar", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-poll-bar-list", children: options.map((o, i) => {
+    options.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-poll-bar-list", children: options.map((o, i) => {
       const pct = Math.round(o.count / total * 100);
       const isWinner = o.count === maxCount && maxCount > 0;
       const fillColor = isWinner ? colorWinner : color;
@@ -24972,6 +25349,7 @@ function UserStackReadout({
   max,
   size
 }) {
+  const \u5F15\u304F = use\u5B57\u5F15();
   const names = safeParseArray(value).map(String);
   const shown = names.slice(0, max);
   const overflow = names.length > max;
@@ -24980,7 +25358,7 @@ function UserStackReadout({
   const initialsOf = (name) => name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || "?";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-user-stack", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-user-stack-row", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-user-stack-row", children: [
       shown.map((name, i) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -25008,7 +25386,7 @@ function UserStackReadout({
             fontSize: `${Math.round(size * 0.35)}px`,
             marginLeft: `-${size * 0.3}px`
           },
-          title: `+${overflowCount} more`,
+          title: \u5F15\u304F("readout.more", { n: overflowCount }),
           children: [
             "+",
             overflowCount
@@ -25043,7 +25421,7 @@ function CommitListReadout({
   const shown = commits.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-commit-list", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-commit-list-items", children: shown.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-commit-list-row", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-commit-list-items", children: shown.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-commit-list-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-commit-list-sha", style: { color }, children: c.sha }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-commit-list-msg", children: c.msg }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-commit-list-author", children: c.author })
@@ -25123,7 +25501,7 @@ function EventLogReadout({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-event-log", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-event-log-items", children: shown.map((e, i) => {
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-event-log-items", children: shown.map((e, i) => {
       const spec = severitySpec[e.severity] ?? severitySpec.info;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "li",
@@ -25166,7 +25544,7 @@ function SearchResultReadout({
   const shown = hits.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-search-result", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-search-result-items", children: shown.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-search-result-row", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-search-result-items", children: shown.map((h, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-search-result-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-search-result-title", style: { color }, children: h.title }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-search-result-snippet", children: h.snippet }),
       h.url ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-search-result-url", children: h.url }) : null
@@ -25199,7 +25577,7 @@ function RoadmapReadout({
   const colors = ["#2563eb", "#22c55e", "#eab308", "#a855f7"];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-roadmap", "data-cdl-readout": id, style: { minWidth: `${viewW}px` }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    quarters.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-roadmap-row", style: { minHeight: `${viewH}px` }, children: quarters.map((q, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-roadmap-column", children: [
+    quarters.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-roadmap-row", style: { minHeight: `${viewH}px` }, children: quarters.map((q, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-roadmap-column", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-roadmap-header", style: { background: colors[i % colors.length] }, children: q.quarter }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-roadmap-items", children: q.items.map((it, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "cdl-ip-readout-roadmap-item", children: it }, j)) })
     ] }, i)) })
@@ -25231,7 +25609,7 @@ function WeatherForecastReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-weather-forecast", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    days.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-weather-forecast-row", children: days.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-weather-forecast-day", children: [
+    days.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-weather-forecast-row", children: days.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-weather-forecast-day", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-weather-forecast-name", children: d.day }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-weather-forecast-icon", children: d.icon }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-weather-forecast-high", children: [
@@ -25275,17 +25653,14 @@ function VideoCardReadout({
   const shown = videos.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-video-card", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-video-card-list", children: shown.map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-video-card-row", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-video-card-list", children: shown.map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "cdl-ip-readout-video-card-row", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-video-card-thumb", style: { background: color }, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-video-card-thumb-icon", children: v.emoji }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-video-card-duration", children: v.duration })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-video-card-info", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-video-card-title", children: v.title }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-video-card-views", children: [
-          v.views,
-          " views"
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-video-card-views", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.videoCard.views", v: { v: v.views } }) })
       ] })
     ] }, i)) })
   ] });
@@ -25302,7 +25677,7 @@ function OrderStatusReadout({
   const safeCurrent = Number.isFinite(current) ? Math.max(0, Math.min(stepArr.length - 1, Math.round(current))) : 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-order-status", "data-cdl-readout": id, "data-cdl-step": safeCurrent, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    stepArr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-order-status-list", children: stepArr.map((s, i) => {
+    stepArr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "cdl-ip-readout-order-status-list", children: stepArr.map((s, i) => {
       const isDone = i < safeCurrent;
       const isCurrent = i === safeCurrent;
       const isPending = i > safeCurrent;
@@ -25352,9 +25727,9 @@ function AttendanceGridReadout({
   const memberArr = safeParseArray(members).map(String);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-attendance-grid", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    rows.length === 0 || memberArr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "cdl-ip-readout-attendance-grid-table", children: [
+    rows.length === 0 || memberArr.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "cdl-ip-readout-attendance-grid-table", children: [
       /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "cdl-ip-readout-attendance-grid-corner", children: "day" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "cdl-ip-readout-attendance-grid-corner", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.attendance.corner" }) }),
         memberArr.map((m, i) => /* @__PURE__ */ jsxRuntime.jsx("th", { className: "cdl-ip-readout-attendance-grid-member", children: m }, i))
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
@@ -25408,7 +25783,7 @@ function TimezoneClockReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-timezone-clock", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    clocks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-timezone-clock-row", children: clocks.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-timezone-clock-cell", children: [
+    clocks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-timezone-clock-row", children: clocks.map((c, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-timezone-clock-cell", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-timezone-clock-city", children: c.city }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-timezone-clock-time", style: { color }, children: c.time }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-timezone-clock-offset", children: [
@@ -25442,7 +25817,7 @@ function FormSummaryReadout({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-form-summary", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "cdl-ip-readout-form-summary-list", children: fields.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-form-summary-row", children: [
+    fields.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "cdl-ip-readout-form-summary-list", children: fields.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-form-summary-row", children: [
       /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "cdl-ip-readout-form-summary-key", children: f.name }),
       /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "cdl-ip-readout-form-summary-value", style: { color }, children: f.value })
     ] }, i)) })
@@ -25475,7 +25850,7 @@ function SongQueueReadout({
   const safeCurrent = Number.isFinite(current) ? Math.round(current) : -1;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-song-queue", "data-cdl-readout": id, "data-cdl-current": safeCurrent, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "cdl-ip-readout-song-queue-list", children: shown.map((s, i) => {
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "cdl-ip-readout-song-queue-list", children: shown.map((s, i) => {
       const isCurrent = i === safeCurrent;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "li",
@@ -25520,12 +25895,20 @@ function CalendarMonthReadout({
     } catch {
     }
   }
-  const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const weekDays = [
+    "readout.weekday.0",
+    "readout.weekday.1",
+    "readout.weekday.2",
+    "readout.weekday.3",
+    "readout.weekday.4",
+    "readout.weekday.5",
+    "readout.weekday.6"
+  ];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-calendar-month", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    days.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-calendar-month-widget", children: [
+    days.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-calendar-month-widget", children: [
       monthName ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-calendar-month-header", children: monthName }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-calendar-month-weekdays", children: weekDays.map((w) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-calendar-month-weekday", children: w }, w)) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-calendar-month-weekdays", children: weekDays.map((w) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-calendar-month-weekday", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: w }) }, w)) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "cdl-ip-readout-calendar-month-grid", children: days.map((d, i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
@@ -25568,7 +25951,7 @@ function TerminalReadout({
   const shown = lines.slice(0, max);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-terminal", "data-cdl-readout": id, children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-label", children: label }),
-    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: "empty" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-terminal-window", children: [
+    shown.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-array-bar-empty", children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.empty" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-terminal-window", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-readout-terminal-titlebar", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-terminal-dot", style: { background: "#ef4444" } }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cdl-ip-readout-terminal-dot", style: { background: "#eab308" } }),
@@ -25667,10 +26050,11 @@ function KanbanBoardReadout({
   columnWidth,
   max
 }) {
+  const \u5F15\u304F = use\u5B57\u5F15();
   const buckets = {
-    todo: { key: "todo", label: "Todo", color: "#94a3b8", tasks: [] },
-    inprogress: { key: "inprogress", label: "In Progress", color: "#2563eb", tasks: [] },
-    done: { key: "done", label: "Done", color: "#22c55e", tasks: [] }
+    todo: { key: "todo", label: \u5F15\u304F("readout.kanban.todo"), color: "#94a3b8", tasks: [] },
+    inprogress: { key: "inprogress", label: \u5F15\u304F("readout.kanban.inprogress"), color: "#2563eb", tasks: [] },
+    done: { key: "done", label: \u5F15\u304F("readout.kanban.done"), color: "#22c55e", tasks: [] }
   };
   const trimmed = value.trim();
   if (trimmed.startsWith("[") && trimmed.endsWith("]")) {
@@ -25787,7 +26171,7 @@ function KanbanBoardReadout({
                 )
               ] }, ti);
             }),
-            overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
               "text",
               {
                 x: x + columnWidth / 2,
@@ -25796,11 +26180,7 @@ function KanbanBoardReadout({
                 textAnchor: "middle",
                 fill: "#64748b",
                 style: { userSelect: "none" },
-                children: [
-                  "+",
-                  overflow,
-                  " more"
-                ]
+                children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.more", v: { n: overflow } })
               }
             ) : null
           ] }, k);
@@ -26357,7 +26737,7 @@ function UserPresenceReadout({
               )
             ] }, i);
           }),
-          overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+          overflow > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
               x: width / 2,
@@ -26366,11 +26746,7 @@ function UserPresenceReadout({
               textAnchor: "middle",
               fill: "#64748b",
               style: { userSelect: "none" },
-              children: [
-                "+",
-                overflow,
-                " more"
-              ]
+              children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.more", v: { n: overflow } })
             }
           ) : null
         ]
@@ -26421,12 +26797,7 @@ function RatingThumbReadout({
             "\u25B2 ",
             upCount
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("text", { x: width / 2, y: 20, fontSize: 11, textAnchor: "middle", fill: "#64748b", style: { userSelect: "none" }, children: [
-            upPct,
-            "% up \xB7 ",
-            total,
-            " votes"
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: width / 2, y: 20, fontSize: 11, textAnchor: "middle", fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.ratingThumb.summary", v: { pct: upPct, total } }) }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "text",
             {
@@ -26601,11 +26972,7 @@ function KpiTrendTileReadout({
             deltaPct.toFixed(1),
             "%)"
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 12, y: 78, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: [
-            "prev ",
-            prev,
-            unit
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: 12, y: 78, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.kpiTrend.prev", v: { v: `${prev}${unit}` } }) }),
           history.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx("polyline", { points, fill: "none", stroke: arrowColor, strokeWidth: 2 }) : null
         ]
       }
@@ -26693,7 +27060,7 @@ function QuickPollEmojiReadout({
               )
             ] }, i);
           }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
               x: width - 8,
@@ -26702,10 +27069,7 @@ function QuickPollEmojiReadout({
               textAnchor: "end",
               fill: "#64748b",
               style: { userSelect: "none" },
-              children: [
-                "total ",
-                total
-              ]
+              children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.poll.total", v: { n: total } })
             }
           )
         ]
@@ -26840,14 +27204,8 @@ function ThreadSummaryReadout({
         height,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: 0, width, height, fill: "#f8fafc", rx: 6 }),
-          /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 12, y: 22, fontSize: 12, fontWeight: 600, fill: "#0f172a", style: { userSelect: "none" }, children: [
-            participants,
-            " participants"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 12, y: 42, fontSize: 11, fill: "#334155", style: { userSelect: "none" }, children: [
-            "last: ",
-            lastAuthor
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: 12, y: 22, fontSize: 12, fontWeight: 600, fill: "#0f172a", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.thread.participants", v: { n: participants } }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: 12, y: 42, fontSize: 11, fill: "#334155", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.thread.last", v: { name: lastAuthor } }) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: 12, y: 60, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: timeAgo }),
           unread > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-thread-unread": "1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: width - 24, cy: 26, r: 14, fill: colorUnread }),
@@ -26878,7 +27236,7 @@ function ReadReceiptReadout({
   colorPending
 }) {
   const status = Number.isFinite(value) ? Math.max(0, Math.min(2, Math.floor(value))) : 0;
-  const labelText = status === 0 ? "sent" : status === 1 ? "delivered" : "read";
+  const labelKey = status === 0 ? "readout.readReceipt.sent" : status === 1 ? "readout.readReceipt.delivered" : "readout.readReceipt.read";
   const iconColor = status === 2 ? colorRead : colorPending;
   const width = 180;
   const height = 32;
@@ -26913,7 +27271,7 @@ function ReadReceiptReadout({
               }
             ) : null
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("text", { x: 52, y: height / 2 + 4, fontSize: 11, fontWeight: 600, fill: iconColor, style: { userSelect: "none" }, children: labelText })
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: 52, y: height / 2 + 4, fontSize: 11, fontWeight: 600, fill: iconColor, style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: labelKey }) })
         ]
       }
     )
@@ -26927,7 +27285,7 @@ function PasswordStrengthReadout({
   colorWeak
 }) {
   const level = Number.isFinite(value) ? Math.max(0, Math.min(4, Math.floor(value))) : 0;
-  const labels = ["too weak", "weak", "fair", "good", "strong"];
+  const labels = ["readout.password.0", "readout.password.1", "readout.password.2", "readout.password.3", "readout.password.4"];
   const colors = [colorWeak, "#f97316", "#eab308", "#84cc16", colorStrong];
   const barW = 46;
   const gap = 6;
@@ -26971,7 +27329,7 @@ function PasswordStrengthReadout({
               textAnchor: "end",
               fill: level > 0 ? colors[level] ?? colorStrong : "#94a3b8",
               style: { userSelect: "none" },
-              children: labels[level]
+              children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: labels[level] })
             }
           )
         ]
@@ -27106,7 +27464,7 @@ function FileDropzoneReadout({
               /* @__PURE__ */ jsxRuntime.jsx("title", { children: filename }),
               filename.length > 26 ? `${filename.slice(0, 25)}\u2026` : filename
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("text", { x: 54, y: 50, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: "uploaded" })
+            /* @__PURE__ */ jsxRuntime.jsx("text", { x: 54, y: 50, fontSize: 10, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.dropzone.uploaded" }) })
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-dropzone-empty": "1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "text",
@@ -27118,7 +27476,7 @@ function FileDropzoneReadout({
                 textAnchor: "middle",
                 fill: "#64748b",
                 style: { userSelect: "none" },
-                children: "\u2B06 Drop file here"
+                children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.dropzone.drop" })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -27130,7 +27488,7 @@ function FileDropzoneReadout({
                 textAnchor: "middle",
                 fill: "#94a3b8",
                 style: { userSelect: "none" },
-                children: "or click to browse"
+                children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.dropzone.browse" })
               }
             )
           ] })
@@ -27165,7 +27523,7 @@ function LogStreamReadout({
     }
   }
   const shown = rows.slice(-5);
-  const levelLabels = ["DBG", "INF", "WRN", "ERR"];
+  const levelLabels = ["readout.log.0", "readout.log.1", "readout.log.2", "readout.log.3"];
   const levelColors = ["#94a3b8", "#2563eb", "#f97316", "#ef4444"];
   const width = 300;
   const rowH = 18;
@@ -27198,7 +27556,7 @@ function LogStreamReadout({
                   fill: "#ffffff",
                   fontFamily: "monospace",
                   style: { userSelect: "none" },
-                  children: levelLabels[r.level] ?? "INF"
+                  children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: levelLabels[r.level] ?? "readout.log.1" })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("text", { x: 94, y: y + 12, fontSize: 10, fill: "#e2e8f0", fontFamily: "monospace", style: { userSelect: "none" }, children: [
@@ -27392,10 +27750,10 @@ function CartSummaryReadout({
   if (!Number.isFinite(shipping)) shipping = 0;
   if (!Number.isFinite(total)) total = 0;
   const rows = [
-    { l: "Items", v: `${items}`, bold: false },
-    { l: "Subtotal", v: `${currency}${subtotal.toFixed(2)}`, bold: false },
-    { l: "Shipping", v: `${currency}${shipping.toFixed(2)}`, bold: false },
-    { l: "Total", v: `${currency}${total.toFixed(2)}`, bold: true }
+    { l: "readout.cart.items", v: `${items}`, bold: false },
+    { l: "readout.cart.subtotal", v: `${currency}${subtotal.toFixed(2)}`, bold: false },
+    { l: "readout.cart.shipping", v: `${currency}${shipping.toFixed(2)}`, bold: false },
+    { l: "readout.cart.total", v: `${currency}${total.toFixed(2)}`, bold: true }
   ];
   const width = 260;
   const rowH = 20;
@@ -27425,7 +27783,7 @@ function CartSummaryReadout({
                   fontWeight: isTotal ? 700 : 500,
                   fill: isTotal ? colorTotal : "#334155",
                   style: { userSelect: "none" },
-                  children: r.l
+                  children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: r.l })
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -27473,6 +27831,8 @@ function PricingTierReadout({
     }
   }
   if (!Number.isFinite(price)) price = 0;
+  const \u5F15\u304F = use\u5B57\u5F15();
+  const \u898B\u305B\u308B\u540D\u524D = planName || \u5F15\u304F("readout.pricing.plan");
   const width = 240;
   const height = 176;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "cdl-ip-item cdl-ip-readout-pricing-tier", "data-cdl-readout": id, children: [
@@ -27497,7 +27857,7 @@ function PricingTierReadout({
               textAnchor: "middle",
               fill: "#ffffff",
               style: { userSelect: "none" },
-              children: planName || "Plan"
+              children: \u898B\u305B\u308B\u540D\u524D
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -27525,7 +27885,7 @@ function PricingTierReadout({
               textAnchor: "middle",
               fill: "#64748b",
               style: { userSelect: "none" },
-              children: "per month"
+              children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.pricing.perMonth" })
             }
           ),
           features.slice(0, 3).map((f, i) => {
@@ -27540,7 +27900,7 @@ function PricingTierReadout({
             ] }, i);
           }),
           /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 16, y: 150, width: width - 32, height: 20, fill: colorAccent, rx: 4 }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "text",
             {
               x: width / 2,
@@ -27550,10 +27910,7 @@ function PricingTierReadout({
               textAnchor: "middle",
               fill: "#ffffff",
               style: { userSelect: "none" },
-              children: [
-                "Get ",
-                planName || "Plan"
-              ]
+              children: \u5F15\u304F("readout.pricing.get", { name: \u898B\u305B\u308B\u540D\u524D })
             }
           )
         ]
@@ -27619,12 +27976,12 @@ function CouponCodeReadout({
               fill: applied ? colorApplied : "#94a3b8",
               fontFamily: "monospace",
               style: { userSelect: "none" },
-              children: code || "ENTER CODE"
+              children: code || /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.coupon.placeholder" })
             }
           ),
           applied ? /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-coupon-applied": "1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("rect", { x: boxW + 12, y: 10, width: 90, height: height - 20, fill: colorApplied, rx: 4 }),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            /* @__PURE__ */ jsxRuntime.jsx(
               "text",
               {
                 x: boxW + 57,
@@ -27634,11 +27991,7 @@ function CouponCodeReadout({
                 textAnchor: "middle",
                 fill: "#ffffff",
                 style: { userSelect: "none" },
-                children: [
-                  "-",
-                  discountPct,
-                  "% off"
-                ]
+                children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.coupon.off", v: { pct: discountPct } })
               }
             )
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs("g", { "data-cdl-coupon-empty": "1", children: [
@@ -27653,7 +28006,7 @@ function CouponCodeReadout({
                 textAnchor: "middle",
                 fill: "#ffffff",
                 style: { userSelect: "none" },
-                children: "Apply"
+                children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.coupon.apply" })
               }
             )
           ] })
@@ -27733,10 +28086,7 @@ function ArticlePreviewReadout({
             excerpt.length > 28 ? `${excerpt.slice(0, 27)}\u2026` : excerpt
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: 60, fontSize: 10, fill: "#334155", style: { userSelect: "none" }, children: excerpt.length > 56 ? `${excerpt.slice(28, 55)}\u2026` : excerpt.slice(28, 56) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("text", { x: thumbW + 20, y: height - 14, fontSize: 10, fontWeight: 600, fill: "#64748b", style: { userSelect: "none" }, children: [
-            "by ",
-            author
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("text", { x: thumbW + 20, y: height - 14, fontSize: 10, fontWeight: 600, fill: "#64748b", style: { userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(\u5B57, { k: "readout.article.by", v: { author } }) }),
           /* @__PURE__ */ jsxRuntime.jsx("text", { x: width - 8, y: height - 14, fontSize: 10, textAnchor: "end", fill: "#94a3b8", style: { userSelect: "none" }, children: timeAgo })
         ]
       }