@cardenelabs/dragon 0.11.0 → 0.13.0

package/dist/index.cjs

@@ -675,7 +675,1087 @@ function checkValueExpression(expression, name) {
   return issues;
 }
 
+// src/v05/readout-table.generated.ts
+var \u90E8\u54C1\u306E\u8868 = {
+  "activity-feed": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "alert-banner": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "array-bar": {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "array-list": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      itemTemplate: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "article-preview": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorAccent: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "attendance-grid": {
+    \u5FC5\u9808: ["source", "membersSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      membersSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  avatar: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      size: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  badge: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorSource: "\u6587\u5B57\u5217",
+      map: "\u7D44\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  bar: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  breadcrumb: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      currentSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "bubble-chart": {
+    \u5FC5\u9808: ["source", "xMin", "xMax", "yMin", "yMax", "rMin", "rMax"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      xMin: "\u6570",
+      xMax: "\u6570",
+      yMin: "\u6570",
+      yMax: "\u6570",
+      rMin: "\u6570",
+      rMax: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "bullet-chart": {
+    \u5FC5\u9808: ["source", "targetSource", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      targetSource: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      rangeBad: "\u6570",
+      rangeAvg: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorActual: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "calendar-heatmap": {
+    \u5FC5\u9808: ["source", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      cellSize: "\u6570",
+      cellGap: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "calendar-month": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      monthName: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "calendar-week": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      cellSize: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  candlestick: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorUp: "\u6587\u5B57\u5217",
+      colorDown: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "cart-summary": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      currency: "\u6587\u5B57\u5217",
+      colorTotal: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "chat-bubble": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      colorSelf: "\u6587\u5B57\u5217",
+      colorOther: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  checklist: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "chess-board": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      cellSize: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "circular-gauge": {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      unit: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "commit-list": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "confidence-meter": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      lowThreshold: "\u6570",
+      highThreshold: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  countup: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      durationMs: "\u6570",
+      decimals: "\u6570",
+      unit: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "coupon-code": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorApplied: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  delta: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      decimals: "\u6570",
+      unit: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "diff-counter": {
+    \u5FC5\u9808: ["additionsSource", "deletionsSource"],
+    \u6B04: {
+      additionsSource: "\u6587\u5B57\u5217",
+      deletionsSource: "\u6587\u5B57\u5217",
+      colorAdd: "\u6587\u5B57\u5217",
+      colorDel: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  donut: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      innerRatio: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "event-log": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "file-dropzone": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorActive: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "form-summary": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "fuel-bar": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      segments: "\u6570",
+      lowThreshold: "\u6570",
+      highThreshold: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  funnel: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorTop: "\u6587\u5B57\u5217",
+      colorBottom: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  gantt: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  gauge: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  grade: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "heat-cell": {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "icon-tile": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "kanban-board": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      columnWidth: "\u6570",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "kpi-card": {
+    \u5FC5\u9808: ["source", "historySource", "comparisonSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      historySource: "\u6587\u5B57\u5217",
+      comparisonSource: "\u6587\u5B57\u5217",
+      unit: "\u6587\u5B57\u5217",
+      colorPos: "\u6587\u5B57\u5217",
+      colorNeg: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "kpi-comparison": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      colorA: "\u6587\u5B57\u5217",
+      colorB: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "kpi-trend-tile": {
+    \u5FC5\u9808: ["source", "prevSource", "historySource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      prevSource: "\u6587\u5B57\u5217",
+      historySource: "\u6587\u5B57\u5217",
+      unit: "\u6587\u5B57\u5217",
+      colorPos: "\u6587\u5B57\u5217",
+      colorNeg: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  leaderboard: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "line-chart": {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      fill: "\u771F\u507D",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "log-stream": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "map-pin": {
+    \u5FC5\u9808: ["source", "xMin", "xMax", "yMin", "yMax"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      xMin: "\u6570",
+      xMax: "\u6570",
+      yMin: "\u6570",
+      yMax: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  matrix: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      cellSize: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      showValue: "\u771F\u507D",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "media-player": {
+    \u5FC5\u9808: ["source", "durationSource", "playingSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      durationSource: "\u6587\u5B57\u5217",
+      playingSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "metrics-grid": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "mini-map": {
+    \u5FC5\u9808: ["source", "canvasW", "canvasH"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      canvasW: "\u6570",
+      canvasH: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  notification: {
+    \u5FC5\u9808: ["kindSource", "titleSource"],
+    \u6B04: {
+      kindSource: "\u6587\u5B57\u5217",
+      titleSource: "\u6587\u5B57\u5217",
+      bodySource: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "number-board": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      prefix: "\u6587\u5B57\u5217",
+      suffix: "\u6587\u5B57\u5217",
+      size: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      caption: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "order-status": {
+    \u5FC5\u9808: ["source", "stepsSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      stepsSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "org-chart-mini": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "otp-input": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorFocus: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "password-strength": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorStrong: "\u6587\u5B57\u5217",
+      colorWeak: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "path-progress": {
+    \u5FC5\u9808: ["source", "pathD"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      pathD: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      strokeWidth: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "percent-ring": {
+    \u5FC5\u9808: ["source", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "pill-group": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  podium: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "polar-area": {
+    \u5FC5\u9808: ["source", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      labelSource: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "poll-bar": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      colorWinner: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "price-tag": {
+    \u5FC5\u9808: ["oldSource", "newSource"],
+    \u6B04: {
+      oldSource: "\u6587\u5B57\u5217",
+      newSource: "\u6587\u5B57\u5217",
+      currency: "\u6587\u5B57\u5217",
+      colorNew: "\u6587\u5B57\u5217",
+      colorOld: "\u6587\u5B57\u5217",
+      colorDiscount: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "pricing-tier": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorAccent: "\u6587\u5B57\u5217",
+      currency: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "priority-badge": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      textSource: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "progress-group": {
+    \u5FC5\u9808: ["source", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      labelSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "quick-poll-emoji": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorWinner: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  radar: {
+    \u5FC5\u9808: ["source", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      labelSource: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  rating: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      count: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "rating-thumb": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorUp: "\u6587\u5B57\u5217",
+      colorDown: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "reaction-bar": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "read-receipt": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorRead: "\u6587\u5B57\u5217",
+      colorPending: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  roadmap: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  sankey: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "search-result": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "sequence-timeline": {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "service-health": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "share-buttons": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  slope: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorUp: "\u6587\u5B57\u5217",
+      colorDown: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "song-queue": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      currentSource: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  sparkline: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      history: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  spinner: {
+    \u5FC5\u9808: ["source", "textSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      textSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "stacked-bar": {
+    \u5FC5\u9808: ["sourceA", "sourceB", "min", "max"],
+    \u6B04: {
+      sourceA: "\u6587\u5B57\u5217",
+      sourceB: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      colorA: "\u6587\u5B57\u5217",
+      colorB: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  stat: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      caption: "\u6587\u5B57\u5217",
+      unit: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "status-dot": {
+    \u5FC5\u9808: ["source", "map"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      map: "\u7D44\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "status-timeline": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorMap: "\u7D44\u306E\u4E26\u3073",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "step-indicator": {
+    \u5FC5\u9808: ["source", "stepsSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      stepsSource: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorActive: "\u6587\u5B57\u5217",
+      colorPending: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "step-progress": {
+    \u5FC5\u9808: ["source", "stepsSource"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      stepsSource: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  stopwatch: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      runningSource: "\u6587\u5B57\u5217",
+      size: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "tag-cloud": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      minSize: "\u6570",
+      maxSize: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  terminal: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  thermometer: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      unit: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "thread-summary": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorUnread: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "timeline-vertical": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "timezone-clock": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "toc-nav": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorActive: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "token-list": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      colorUp: "\u6587\u5B57\u5217",
+      colorDown: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "traffic-light": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  treemap: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colors: "\u6587\u5B57\u5217\u306E\u4E26\u3073",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  typewriter: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      charMs: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "user-presence": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "user-stack": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      size: "\u6570",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  venn: {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorA: "\u6587\u5B57\u5217",
+      colorB: "\u6587\u5B57\u5217",
+      labelA: "\u6587\u5B57\u5217",
+      labelB: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "video-card": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      max: "\u6570",
+      color: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "voice-message": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      progressSource: "\u6587\u5B57\u5217",
+      duration: "\u6570",
+      colorPlay: "\u6587\u5B57\u5217",
+      colorBar: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  waterfall: {
+    \u5FC5\u9808: ["source", "min", "max"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      min: "\u6570",
+      max: "\u6570",
+      viewW: "\u6570",
+      viewH: "\u6570",
+      colorPos: "\u6587\u5B57\u5217",
+      colorNeg: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  },
+  "weather-forecast": {
+    \u5FC5\u9808: ["source"],
+    \u6B04: {
+      source: "\u6587\u5B57\u5217",
+      label: "\u6587\u5B57\u5217"
+    }
+  }
+};
+var \u90E8\u54C1\u306E\u7D44\u306E\u8868 = {
+  badge: {
+    map: {
+      \u5FC5\u9808: ["value", "color"],
+      \u6B04: {
+        value: "\u6587\u5B57\u5217",
+        color: "\u6587\u5B57\u5217"
+      }
+    }
+  },
+  "status-dot": {
+    map: {
+      \u5FC5\u9808: ["value", "color"],
+      \u6B04: {
+        value: "\u6587\u5B57\u5217",
+        color: "\u6587\u5B57\u5217",
+        label: "\u6587\u5B57\u5217"
+      }
+    }
+  },
+  "status-timeline": {
+    colorMap: {
+      \u5FC5\u9808: ["status", "color"],
+      \u6B04: {
+        status: "\u6587\u5B57\u5217",
+        color: "\u6587\u5B57\u5217"
+      }
+    }
+  }
+};
+
 // src/v05/parser.ts
+var EDGE_SIDE_VALUES = ["top", "right", "bottom", "left"];
 var TOP_LEVEL_KEYS = [
   "title",
   "type",
@@ -690,9 +1770,46 @@ var TOP_LEVEL_KEYS = [
   // 図全体を 1 箱にする図種で、 その箱の上に出す小見出し (#1247)
   "eyebrow",
   // 2 軸で仕分ける図の軸の名前 (#1251)
-  "axes"
+  "axes",
+  // 値を見せる部品 (#1374)
+  "readouts"
 ];
 var LANE_ID_ENTRY = /^([\p{L}\p{N}_-]+)\s*:\s*\{([^}]*)\}\s*$/u;
+function \u540D\u524D\u3068\u4E2D\u62EC\u5F27\u306B\u5272\u308B(\u884C) {
+  const t = \u884C.trim();
+  const c = t.indexOf(":");
+  if (c < 0) return void 0;
+  const \u540D\u524D = t.slice(0, c).trim();
+  if (!/^[\p{L}\p{N}_-]+$/u.test(\u540D\u524D)) return void 0;
+  const \u6B8B\u308A = t.slice(c + 1).trim();
+  if (!\u6B8B\u308A.startsWith("{")) return void 0;
+  let \u6DF1\u3055 = 0;
+  let \u5F15\u7528 = null;
+  let \u76F4\u524D = null;
+  for (let i = 0; i < \u6B8B\u308A.length; i += 1) {
+    const ch = \u6B8B\u308A[i];
+    if (\u5F15\u7528 !== null) {
+      if (\u5F15\u7528 === '"' && ch === "\\" && i + 1 < \u6B8B\u308A.length) {
+        i += 1;
+        continue;
+      }
+      if (ch === \u5F15\u7528) \u5F15\u7528 = null;
+      continue;
+    }
+    if ((ch === '"' || ch === "'") && (\u76F4\u524D === null || ":,{[".includes(\u76F4\u524D))) {
+      \u5F15\u7528 = ch;
+      \u76F4\u524D = ch;
+      continue;
+    }
+    if (ch === "{") \u6DF1\u3055 += 1;
+    else if (ch === "}") {
+      \u6DF1\u3055 -= 1;
+      if (\u6DF1\u3055 === 0) return i === \u6B8B\u308A.length - 1 ? [\u540D\u524D, \u6B8B\u308A.slice(1, i)] : void 0;
+    }
+    if (!/\s/u.test(ch)) \u76F4\u524D = ch;
+  }
+  return void 0;
+}
 function isTopLevelKey(key) {
   return TOP_LEVEL_KEYS.includes(key);
 }
@@ -785,6 +1902,7 @@ function parseTextDslV05(src) {
   const values = [];
   let viewport = void 0;
   let lanesMap = void 0;
+  let readoutsList = void 0;
   let groupsMap = void 0;
   let i = 0;
   while (i < lines.length) {
@@ -1016,6 +2134,34 @@ function parseTextDslV05(src) {
       i = next;
       continue;
     }
+    if (head.key === "readouts") {
+      if (head.value !== null && head.value.trim() !== "") {
+        errors.push({
+          line: line.no,
+          message: "readouts \u306F 1 \u884C\u306B\u307E\u3068\u3081\u3066\u66F8\u3051\u306A\u3044",
+          hint: "\u6B21\u306E\u884C\u304B\u3089\u5B57\u4E0B\u3052\u3057\u3066 `id: { kind: percent-ring, source: total, max: 100 }` \u306E\u5F62\u3067\u4E26\u3079\u308B"
+        });
+        i += 1;
+        continue;
+      }
+      const { items, next } = collectIndentedRaw(lines, i + 1, line.indent);
+      readoutsList = [];
+      for (const it of items) {
+        const m = \u540D\u524D\u3068\u4E2D\u62EC\u5F27\u306B\u5272\u308B(it.trimmed);
+        if (m) {
+          const \u8AAD\u3081\u305F = \u90E8\u54C1\u3068\u3057\u3066\u8AAD\u3080(m[0], m[1], it.no, errors);
+          if (\u8AAD\u3081\u305F) readoutsList.push(\u8AAD\u3081\u305F);
+        } else {
+          errors.push({
+            line: it.no,
+            message: `invalid readout entry: "${it.trimmed}"`,
+            hint: "use `id: { kind: percent-ring, source: total, max: 500 }`"
+          });
+        }
+      }
+      i = next;
+      continue;
+    }
     if (head.key === "groups") {
       const { items, next } = collectIndentedList(lines, i + 1, line.indent);
       groupsMap = {};
@@ -1066,6 +2212,7 @@ function parseTextDslV05(src) {
       ...values.length > 0 ? { values } : {},
       viewport,
       lanes: lanesMap,
+      readouts: readoutsList,
       groups: groupsMap,
       pos: { line: 1 }
     }
@@ -1261,6 +2408,253 @@ var LANE_VALUE_KINDS = {
   contain: "\u771F\u507D",
   lifeline: "\u771F\u507D"
 };
+var \u56F3\u5F62\u306E\u8868 = {
+  rect: {
+    \u5FC5\u9808: ["source", "fillMax"],
+    \u6B04: {
+      source: "\u6570\u304B\u6587\u5B57\u5217",
+      fillMax: "\u6570",
+      orient: "\u5411\u304D",
+      fill: "\u6587\u5B57\u5217",
+      stroke: "\u6587\u5B57\u5217",
+      radius: "\u6570"
+    }
+  },
+  circle: {
+    \u5FC5\u9808: [],
+    \u6B04: { radius: "\u6570\u304B\u6587\u5B57\u5217", fillProgress: "\u6570\u304B\u6587\u5B57\u5217", fill: "\u6587\u5B57\u5217", stroke: "\u6587\u5B57\u5217" }
+  },
+  arc: {
+    \u5FC5\u9808: ["angle"],
+    \u6B04: {
+      innerRadius: "\u6570",
+      outerRadius: "\u6570",
+      startAngle: "\u6570",
+      angle: "\u6570\u304B\u6587\u5B57\u5217",
+      sweepMax: "\u6570",
+      fill: "\u6587\u5B57\u5217",
+      stroke: "\u6587\u5B57\u5217"
+    }
+  },
+  wave: {
+    \u5FC5\u9808: ["level", "amplitude"],
+    \u6B04: {
+      level: "\u6570\u304B\u6587\u5B57\u5217",
+      amplitude: "\u6570",
+      frequency: "\u6570",
+      waveHeight: "\u6570",
+      fill: "\u6587\u5B57\u5217",
+      stroke: "\u6587\u5B57\u5217"
+    }
+  },
+  polygon: {
+    \u5FC5\u9808: ["sides"],
+    \u6B04: {
+      sides: "\u6570",
+      radius: "\u6570\u304B\u6587\u5B57\u5217",
+      rotation: "\u6570\u304B\u6587\u5B57\u5217",
+      fill: "\u6587\u5B57\u5217",
+      stroke: "\u6587\u5B57\u5217"
+    }
+  }
+};
+function \u4E26\u3073\u3068\u3057\u3066\u8AAD\u3080(raw) {
+  return raw.replace(/^\[|\]$/g, "").split(/,(?![^[]*\])/).map((x) => stripQuotes(x.trim())).filter((x) => x !== "");
+}
+function \u7D44\u306E\u4E26\u3073\u3068\u3057\u3066\u8AAD\u3080(raw) {
+  const \u4E2D\u8EAB = raw.trim();
+  if (!\u4E2D\u8EAB.startsWith("[") || !\u4E2D\u8EAB.endsWith("]")) return void 0;
+  const \u672C\u4F53 = \u4E2D\u8EAB.slice(1, -1);
+  const \u584A = [];
+  let i = 0;
+  let \u6B21\u306F\u7D44 = true;
+  while (i < \u672C\u4F53.length) {
+    while (i < \u672C\u4F53.length && /\s/u.test(\u672C\u4F53[i])) i += 1;
+    if (i >= \u672C\u4F53.length) break;
+    if (!\u6B21\u306F\u7D44) {
+      if (\u672C\u4F53[i] !== ",") return void 0;
+      \u6B21\u306F\u7D44 = true;
+      i += 1;
+      continue;
+    }
+    if (\u672C\u4F53[i] !== "{") return void 0;
+    const \u59CB\u307E\u308A = i + 1;
+    let \u5F15\u7528 = null;
+    let \u76F4\u524D = "{";
+    i += 1;
+    for (; i < \u672C\u4F53.length; i += 1) {
+      const c = \u672C\u4F53[i];
+      if (\u5F15\u7528 !== null) {
+        if (\u5F15\u7528 === '"' && c === "\\" && i + 1 < \u672C\u4F53.length) {
+          i += 1;
+          continue;
+        }
+        if (c === \u5F15\u7528) \u5F15\u7528 = null;
+        continue;
+      }
+      if ((c === '"' || c === "'") && (\u76F4\u524D === null || ":,{[".includes(\u76F4\u524D))) {
+        \u5F15\u7528 = c;
+        \u76F4\u524D = c;
+        continue;
+      }
+      if (c === "{") return void 0;
+      if (c === "}") {
+        \u584A.push(\u672C\u4F53.slice(\u59CB\u307E\u308A, i));
+        i += 1;
+        \u6B21\u306F\u7D44 = false;
+        break;
+      }
+      if (!/\s/u.test(c)) \u76F4\u524D = c;
+    }
+    if (\u6B21\u306F\u7D44) return void 0;
+  }
+  if (\u6B21\u306F\u7D44 && \u584A.length > 0) return void 0;
+  if (\u584A.length === 0) return void 0;
+  const \u51FA = [];
+  for (const t of \u584A) {
+    const \u7D44 = parseInlineMapping(t);
+    if (Object.keys(\u7D44).length === 0) return void 0;
+    \u51FA.push(\u7D44);
+  }
+  return \u51FA;
+}
+function \u90E8\u54C1\u306E\u7D44\u3092\u691C\u67FB\u3059\u308B(kind, \u8AAD\u3081\u305F, line, errors) {
+  for (const [\u6B04, \u5B9A\u7FA9] of Object.entries(\u90E8\u54C1\u306E\u7D44\u306E\u8868[kind] ?? {})) {
+    const \u4E26\u3073 = \u8AAD\u3081\u305F[\u6B04];
+    if (!Array.isArray(\u4E26\u3073)) continue;
+    \u4E26\u3073.forEach((\u7D44, i) => {
+      const o = \u7D44;
+      for (const k of Object.keys(o)) {
+        if (k in \u5B9A\u7FA9.\u6B04) continue;
+        errors.push({
+          line,
+          message: `\u90E8\u54C1\u306E ${\u6B04}[${i}] \u306E\u9805\u76EE\u540D\u304C\u8AAD\u3081\u307E\u305B\u3093: "${k}"`,
+          hint: `\u4F7F\u3048\u308B\u9805\u76EE = ${Object.keys(\u5B9A\u7FA9.\u6B04).join(", ")}`
+        });
+      }
+      for (const k of \u5B9A\u7FA9.\u5FC5\u9808) {
+        if (o[k] !== void 0) continue;
+        errors.push({
+          line,
+          message: `\u90E8\u54C1\u306E ${\u6B04}[${i}].${k} \u306F\u5FC5\u305A\u66F8\u304D\u307E\u3059`,
+          hint: `\u5FC5\u9808\u306E\u9805\u76EE = ${\u5B9A\u7FA9.\u5FC5\u9808.join(", ")}`
+        });
+      }
+    });
+  }
+}
+function \u8868\u306B\u5F93\u3063\u3066\u8AAD\u3080(\u5B9A\u7FA9, opts, \u63A5\u982D, line, errors) {
+  const out = {};
+  for (const [\u6B04, \u5024] of Object.entries(opts)) {
+    if (\u6B04 === "kind") continue;
+    const \u5F62 = \u5B9A\u7FA9.\u6B04[\u6B04];
+    if (\u5F62 === void 0) {
+      errors.push({
+        line,
+        message: `${\u63A5\u982D}\u306E\u9805\u76EE\u540D\u304C\u8AAD\u3081\u307E\u305B\u3093: "${\u6B04}"`,
+        hint: `\u4F7F\u3048\u308B\u9805\u76EE = ${Object.keys(\u5B9A\u7FA9.\u6B04).join(", ")}`
+      });
+      continue;
+    }
+    if (\u5024 === "" && \u5F62 !== "\u6587\u5B57\u5217") continue;
+    if (\u5F62 === "\u6570") {
+      const n = \u6570\u3068\u3057\u3066\u8AAD\u3080(\u5024, `${\u63A5\u982D}${\u6B04}`, line, errors);
+      if (n !== void 0) out[\u6B04] = n;
+    } else if (\u5F62 === "\u6570\u304B\u6587\u5B57\u5217") {
+      const n = numberOrUndef(\u5024);
+      out[\u6B04] = n !== void 0 ? n : \u5024;
+    } else if (\u5F62 === "\u6587\u5B57\u5217\u306E\u4E26\u3073") {
+      out[\u6B04] = \u4E26\u3073\u3068\u3057\u3066\u8AAD\u3080(\u5024);
+    } else if (\u5F62 === "\u7D44\u306E\u4E26\u3073") {
+      const \u7D44 = \u7D44\u306E\u4E26\u3073\u3068\u3057\u3066\u8AAD\u3080(\u5024);
+      if (\u7D44 !== void 0) out[\u6B04] = \u7D44;
+      else {
+        errors.push({
+          line,
+          message: `${\u63A5\u982D}${\u6B04} \u306E\u4E26\u3073\u304C\u8AAD\u3081\u307E\u305B\u3093: "${\u5024}"`,
+          hint: '`[{ value: "online", color: "#22c55e" }]` \u306E\u5F62\u3067\u66F8\u304F'
+        });
+      }
+    } else if (\u5F62 === "\u771F\u507D") {
+      if (\u5024 === "true" || \u5024 === "false") out[\u6B04] = \u5024 === "true";
+      else {
+        errors.push({
+          line,
+          message: `${\u63A5\u982D}${\u6B04} \u306E\u771F\u507D\u304C\u8AAD\u3081\u307E\u305B\u3093: "${\u5024}"`,
+          hint: "\u4F7F\u3048\u308B\u5024 = true, false"
+        });
+      }
+    } else if (\u5F62 === "\u5411\u304D") {
+      if (["up", "down", "left", "right"].includes(\u5024)) out[\u6B04] = \u5024;
+      else {
+        errors.push({
+          line,
+          message: `${\u63A5\u982D}${\u6B04} \u306E\u5411\u304D\u304C\u8AAD\u3081\u307E\u305B\u3093: "${\u5024}"`,
+          hint: "\u4F7F\u3048\u308B\u5024 = up, down, left, right"
+        });
+      }
+    } else {
+      out[\u6B04] = \u5024;
+    }
+  }
+  for (const \u6B04 of \u5B9A\u7FA9.\u5FC5\u9808) {
+    if (out[\u6B04] === void 0) {
+      errors.push({
+        line,
+        message: `${\u63A5\u982D}${\u6B04} \u306F\u5FC5\u305A\u66F8\u304D\u307E\u3059`,
+        hint: `\u5FC5\u9808\u306E\u9805\u76EE = ${\u5B9A\u7FA9.\u5FC5\u9808.join(", ")}`
+      });
+    }
+  }
+  return out;
+}
+function \u51FA\u3059\u6761\u4EF6\u3068\u3057\u3066\u8AAD\u3080(raw, line, errors) {
+  if (raw === void 0) return void 0;
+  const \u5024 = raw.trim();
+  if (\u5024 === "") {
+    errors.push({
+      line,
+      message: "\u7BB1\u306E visibleIf \u304C\u7A7A\u3067\u3059",
+      hint: '`visibleIf: "{flag}"` \u306E\u3088\u3046\u306B\u6761\u4EF6\u3092\u66F8\u304F\u3002 \u5E38\u306B\u96A0\u3059\u306A\u3089 `visibleIf: "0"`'
+    });
+    return void 0;
+  }
+  return \u5024;
+}
+function \u56F3\u5F62\u3068\u3057\u3066\u8AAD\u3080(raw, line, errors) {
+  const \u4E2D\u8EAB = raw.trim().replace(/^\{|\}$/g, "");
+  const opts = parseInlineMapping(\u4E2D\u8EAB);
+  const kind = (opts.kind ?? "").toLowerCase();
+  const \u5B9A\u7FA9 = \u56F3\u5F62\u306E\u8868[kind];
+  if (\u5B9A\u7FA9 === void 0) {
+    errors.push({
+      line,
+      message: `\u56F3\u5F62\u306E\u7A2E\u985E\u304C\u8AAD\u3081\u307E\u305B\u3093: "${opts.kind ?? ""}"`,
+      hint: `\u4F7F\u3048\u308B\u7A2E\u985E = ${Object.keys(\u56F3\u5F62\u306E\u8868).join(", ")}`
+    });
+    return void 0;
+  }
+  const \u8AAD\u3081\u305F = \u8868\u306B\u5F93\u3063\u3066\u8AAD\u3080(\u5B9A\u7FA9, opts, `\u56F3\u5F62\u306E `, line, errors);
+  for (const \u6B04 of \u5B9A\u7FA9.\u5FC5\u9808) if (\u8AAD\u3081\u305F[\u6B04] === void 0) return void 0;
+  return { kind, ...\u8AAD\u3081\u305F };
+}
+function \u90E8\u54C1\u3068\u3057\u3066\u8AAD\u3080(id, raw, line, errors) {
+  const opts = parseInlineMapping(raw);
+  const kind = (opts.kind ?? "").toLowerCase();
+  const \u5B9A\u7FA9 = \u90E8\u54C1\u306E\u8868[kind];
+  if (\u5B9A\u7FA9 === void 0) {
+    errors.push({
+      line,
+      message: `\u90E8\u54C1\u306E\u7A2E\u985E\u304C\u8AAD\u3081\u307E\u305B\u3093: "${opts.kind ?? ""}"`,
+      hint: `\u4F7F\u3048\u308B\u7A2E\u985E = ${Object.keys(\u90E8\u54C1\u306E\u8868).join(", ")}`
+    });
+    return void 0;
+  }
+  const \u8AAD\u3081\u305F = \u8868\u306B\u5F93\u3063\u3066\u8AAD\u3080(\u5B9A\u7FA9, opts, `\u90E8\u54C1 ${id} \u306E `, line, errors);
+  \u90E8\u54C1\u306E\u7D44\u3092\u691C\u67FB\u3059\u308B(kind, \u8AAD\u3081\u305F, line, errors);
+  for (const \u6B04 of \u5B9A\u7FA9.\u5FC5\u9808) if (\u8AAD\u3081\u305F[\u6B04] === void 0) return void 0;
+  return { id, kind, ...\u8AAD\u3081\u305F };
+}
 var ACTOR_NODE_VALUE_KINDS = {
   posX: "\u6570",
   posY: "\u6570",
@@ -1295,19 +2689,38 @@ function matchActorInlineMapping(raw) {
   const name = raw.slice(0, colonIdx);
   const rest = raw.slice(colonIdx + 1).trim();
   if (!rest.startsWith("{")) return null;
-  let depth = 0;
-  let endIdx = -1;
-  for (let i = 0; i < rest.length; i += 1) {
-    const c = rest[i];
-    if (c === "{") depth += 1;
-    else if (c === "}") {
-      depth -= 1;
-      if (depth === 0) {
-        endIdx = i;
-        break;
+  const \u7D42\u308F\u308A\u3092\u63A2\u3059 = (\u5F15\u7528\u7B26\u3092\u898B\u308B) => {
+    let depth = 0;
+    let \u5F15\u7528\u7B26 = null;
+    let \u76F4\u524D = null;
+    for (let i = 0; i < rest.length; i += 1) {
+      const c = rest[i];
+      if (\u5F15\u7528\u7B26\u3092\u898B\u308B) {
+        if (\u5F15\u7528\u7B26 !== null) {
+          if (\u5F15\u7528\u7B26 === '"' && c === "\\" && i + 1 < rest.length) {
+            i += 1;
+            continue;
+          }
+          if (c === \u5F15\u7528\u7B26) \u5F15\u7528\u7B26 = null;
+          continue;
+        }
+        if ((c === '"' || c === "'") && (\u76F4\u524D === null || ":,{[".includes(\u76F4\u524D))) {
+          \u5F15\u7528\u7B26 = c;
+          \u76F4\u524D = c;
+          continue;
+        }
+      }
+      if (c === "{") depth += 1;
+      else if (c === "}") {
+        depth -= 1;
+        if (depth === 0) return i;
       }
+      if (!/\s/u.test(c)) \u76F4\u524D = c;
     }
-  }
+    return -1;
+  };
+  let endIdx = \u7D42\u308F\u308A\u3092\u63A2\u3059(true);
+  if (endIdx < 0) endIdx = \u7D42\u308F\u308A\u3092\u63A2\u3059(false);
   if (endIdx < 0) return null;
   const inner = rest.slice(1, endIdx);
   return { name, inner };
@@ -1335,22 +2748,49 @@ function writtenScaleFields(inner) {
   return out;
 }
 function splitInlineFields(inner) {
-  let depth = 0;
-  let buf = "";
-  const parts = [];
-  for (let i = 0; i < inner.length; i += 1) {
-    const c = inner[i];
-    if (c === "[" || c === "{") depth += 1;
-    else if (c === "]" || c === "}") depth -= 1;
-    if (c === "," && depth === 0) {
-      parts.push(buf);
-      buf = "";
-      continue;
+  const \u5F15\u7528\u7B26\u3092\u898B\u3066\u5272\u308B = (\u898B\u308B) => {
+    let depth = 0;
+    let \u5F15\u7528\u7B26 = null;
+    let \u76F4\u524D = null;
+    let buf = "";
+    const parts = [];
+    for (let i = 0; i < inner.length; i += 1) {
+      const c = inner[i];
+      if (\u898B\u308B) {
+        if (\u5F15\u7528\u7B26 !== null) {
+          if (\u5F15\u7528\u7B26 === '"' && c === "\\" && i + 1 < inner.length) {
+            buf += c;
+            i += 1;
+            buf += inner[i];
+            continue;
+          }
+          if (c === \u5F15\u7528\u7B26) \u5F15\u7528\u7B26 = null;
+          buf += c;
+          continue;
+        }
+        if ((c === '"' || c === "'") && (\u76F4\u524D === null || ":,{[".includes(\u76F4\u524D))) {
+          \u5F15\u7528\u7B26 = c;
+          \u76F4\u524D = c;
+          buf += c;
+          continue;
+        }
+      }
+      if (c === "[" || c === "{") depth += 1;
+      else if (c === "]" || c === "}") depth -= 1;
+      if (c === "," && depth === 0) {
+        parts.push(buf);
+        buf = "";
+        \u76F4\u524D = c;
+        continue;
+      }
+      buf += c;
+      if (c !== " " && c !== "	") \u76F4\u524D = c;
     }
-    buf += c;
-  }
-  if (buf.trim()) parts.push(buf);
-  return parts;
+    if (buf.trim()) parts.push(buf);
+    return { parts, \u9589\u3058\u305F: \u5F15\u7528\u7B26 === null };
+  };
+  const \u898B\u305F = \u5F15\u7528\u7B26\u3092\u898B\u3066\u5272\u308B(true);
+  return \u898B\u305F.\u9589\u3058\u305F ? \u898B\u305F.parts : \u5F15\u7528\u7B26\u3092\u898B\u3066\u5272\u308B(false).parts;
 }
 function collectIndentedList(lines, start, parentIndent) {
   const items = [];
@@ -1453,6 +2893,18 @@ function applyContinuationLines(actor, rest, errors) {
       case "\u5024":
         out.value = stripQuotes(raw);
         break;
+      case "shape":
+      case "\u56F3\u5F62":
+        out.shape = \u56F3\u5F62\u3068\u3057\u3066\u8AAD\u3080(raw, ln.no, errors);
+        break;
+      case "visibleIf":
+      case "\u51FA\u3059\u6761\u4EF6":
+        out.visibleIf = \u51FA\u3059\u6761\u4EF6\u3068\u3057\u3066\u8AAD\u3080(stripQuotes(raw), ln.no, errors);
+        break;
+      case "title":
+      case "\u984C":
+        out.title = stripQuotes(raw);
+        break;
       case "rows":
       case "\u884C":
         out.rows = raw.replace(/^\[|\]$/g, "").split(/,(?![^[]*\])/).map((x) => stripQuotes(x.trim())).filter(Boolean);
@@ -1524,11 +2976,7 @@ function applyContinuationLines(actor, rest, errors) {
     }
   }
   if (scaleWritten.size > 0) {
-    const s = resolveScale(
-      scaleWritten,
-      (key) => scaleLines.get(key) ?? actor.pos.line,
-      errors
-    );
+    const s = resolveScale(scaleWritten, (key) => scaleLines.get(key) ?? actor.pos.line, errors);
     out.scale = s.scale;
     out.scaleKeys = [.../* @__PURE__ */ new Set([...actor.scaleKeys ?? [], ...s.keys])];
   }
@@ -1566,6 +3014,15 @@ var ACTOR_ITEM_KEYS = /* @__PURE__ */ new Set([
   "\u5024",
   "rows",
   "\u884C",
+  // 箱の中に描く図形 (#1374)
+  "shape",
+  "\u56F3\u5F62",
+  // その箱を出すかどうかの条件 (#1381)
+  "visibleIf",
+  "\u51FA\u3059\u6761\u4EF6",
+  // 箱に出す題 (#1381)
+  "title",
+  "\u984C",
   "\u4F4D\u7F6E",
   "pos",
   "posX",
@@ -1811,6 +3268,12 @@ var INLINE_ACTOR_KEYS = /* @__PURE__ */ new Set([
   "posY",
   "posW",
   "posH",
+  // 箱の中に描く図形 (#1374)
+  "shape",
+  // その箱を出すかどうかの条件 (#1381)
+  "visibleIf",
+  // 箱に出す題 (#1381)。 名前と切り離して書ける
+  "title",
   // 倍率は別経路 (`reportScaleOnNonPart`) が知らせる。 ここでも読める扱いにしないと
   // 同じ名前で 2 度知らせることになる
   "scale",
@@ -1822,6 +3285,8 @@ var FLOW_INLINE_READERS = {
   sub: (v) => v,
   guard: (v) => v,
   cardinality: (v) => v,
+  // 矢印がどの辺から出るか (#1385)。 描画側は 4 方向を取り、書かなければ自動で選ぶ
+  side: (v) => v !== void 0 && EDGE_SIDE_VALUES.includes(v) ? v : void 0,
   // 数と真偽の欄は `FLOW_INLINE_VALUE_KINDS` の表が読む (#1306)。 ここでは名前だけを持つ =
   // 読める欄の一覧 (`FLOW_INLINE_KEYS`) は本表から導くため、載せないと欄ごと消える
   labelOffsetX: null,
@@ -1881,6 +3346,12 @@ function parseActor2(line, errors) {
       value: opts.value,
       rows: opts.rows ? opts.rows.replace(/^\[|\]$/g, "").split(/,(?![^[]*\])/).map((x) => stripQuotes(x.trim())).filter(Boolean) : void 0,
       lane: opts.lane,
+      // 箱の中に描く図形 (#1374)。 パーツでは状態の上書きとして意味を持つため横取りしない
+      shape: isPart || opts.shape === void 0 ? void 0 : \u56F3\u5F62\u3068\u3057\u3066\u8AAD\u3080(opts.shape, line.no, errors),
+      // 出す条件 (#1381)。 パーツでは状態の上書きとして意味を持つため横取りしない
+      visibleIf: isPart ? void 0 : \u51FA\u3059\u6761\u4EF6\u3068\u3057\u3066\u8AAD\u3080(opts.visibleIf, line.no, errors),
+      // 箱に出す題 (#1381)。 空文字も意味を持つ (題を出さない箱) ため undefined と分ける
+      title: isPart ? void 0 : opts.title,
       ...\u8868\u3067\u8AAD\u3080(ACTOR_INLINE_VALUE_KINDS, opts, "\u7BB1\u306E ", line.no, errors),
       // parts では `tone` を状態の上書きとして従来から使えるため、 色として横取りしない
       tone: isPart ? void 0 : resolveTone(opts.tone),
@@ -1944,8 +3415,16 @@ function parseFlowStep(line, no, errors) {
   if (mapMatch) {
     const opts = parseInlineMapping(mapMatch[1]);
     for (const k of FLOW_INLINE_KEYS) {
-      if (FLOW_INLINE_READERS[k] === null) continue;
-      \u4E2D\u62EC\u5F27[k] = opts[k];
+      const \u8AAD\u307F\u624B = FLOW_INLINE_READERS[k];
+      if (\u8AAD\u307F\u624B === null) continue;
+      \u4E2D\u62EC\u5F27[k] = \u8AAD\u307F\u624B(opts[k]);
+    }
+    if (opts.side !== void 0 && \u4E2D\u62EC\u5F27.side === void 0) {
+      errors.push({
+        line: line.no,
+        message: `\u77E2\u5370\u306E side \u304C\u8AAD\u3081\u307E\u305B\u3093: "${opts.side}"`,
+        hint: `\u4F7F\u3048\u308B\u5024 = ${EDGE_SIDE_VALUES.join(", ")}`
+      });
     }
     \u6570\u3068\u771F\u507D = \u8868\u3067\u8AAD\u3080(FLOW_INLINE_VALUE_KINDS, opts, "\u77E2\u5370\u306E ", line.no, errors);
     rest = rest.slice(0, mapMatch.index ?? 0).trim();
@@ -1953,6 +3432,7 @@ function parseFlowStep(line, no, errors) {
   const sub = \u4E2D\u62EC\u5F27.sub;
   const guard = \u4E2D\u62EC\u5F27.guard;
   const cardinality = \u4E2D\u62EC\u5F27.cardinality;
+  const side = \u4E2D\u62EC\u5F27.side;
   const labelOffsetX = \u6570\u3068\u771F\u507D?.labelOffsetX;
   const labelOffsetY = \u6570\u3068\u771F\u507D?.labelOffsetY;
   const overlay = \u6570\u3068\u771F\u507D?.overlay;
@@ -2003,6 +3483,7 @@ function parseFlowStep(line, no, errors) {
     sub,
     guard,
     cardinality,
+    side,
     labelOffsetX,
     labelOffsetY,
     overlay,
@@ -2088,7 +3569,15 @@ function ensureAnimate(a, lineNo) {
   if (a) return a;
   return { states: [], phases: [], pos: { line: lineNo } };
 }
-var PHASE_ITEM_WORDS = ["focus", "badge", "body", "description", "tween", "set", "draw"];
+var PHASE_ITEM_WORDS = [
+  "focus",
+  "badge",
+  "body",
+  "description",
+  "tween",
+  "set",
+  "draw"
+];
 var \u6BB5\u306E\u9805\u76EE\u306E\u82F1\u8A9E = PHASE_ITEM_WORDS;
 var \u6BB5\u306E\u9805\u76EE\u306E\u96C6\u5408 = new Set(PHASE_ITEM_WORDS);
 function parsePhase(block, errors) {
@@ -2592,7 +4081,9 @@ function countDocElements(doc) {
     (acc, p) => acc + (p.highlight?.length ?? 0) + (p.tweens?.length ?? 0) + (p.sets?.length ?? 0),
     0
   );
-  return doc.actors.length + doc.flow.length + phases.length + phaseChildren + (doc.animate?.states.length ?? 0) + (doc.values?.length ?? 0) + (doc.groups ? Object.keys(doc.groups).length : 0) + (doc.lanes ? Object.keys(doc.lanes).length : 0);
+  return doc.actors.length + doc.flow.length + phases.length + phaseChildren + (doc.animate?.states.length ?? 0) + (doc.values?.length ?? 0) + // 値を見せる部品も描画時に 1 widget ずつ展開される (#1374)。 数えないと、 actors が
+  // 少ないまま readouts だけを大量に並べた入力が組み立て前の上限をすり抜ける。
+  (doc.readouts?.length ?? 0) + (doc.groups ? Object.keys(doc.groups).length : 0) + (doc.lanes ? Object.keys(doc.lanes).length : 0);
 }
 function countDiagramElements(diagram2) {
   const phases = Array.isArray(diagram2.phases) ? diagram2.phases : [];
@@ -2732,7 +4223,14 @@ function compileToCdl(doc, opts) {
   \u8A9E\u306E\u72B6\u614B\u3092\u56F3\u306E\u8A9E\u3078\u76F4\u3059(merged);
   const \u7573\u3093\u3060\u304D\u3063\u304B\u3051 = foldValueTriggers(merged, doc, opts?.onNotice);
   attachDerivedValues(merged, doc, opts?.onNotice, inheritedDerivedSourceLines, \u7573\u3093\u3060\u304D\u3063\u304B\u3051);
-  for (const dropped of stripExternalPaint(merged)) {
+  if (doc.readouts && doc.readouts.length > 0) {
+    const ownReadouts = doc.readouts.map(
+      (readout) => deepRewriteStrings(readout, (value) => value)
+    );
+    merged.readouts = [...merged.readouts ?? [], ...ownReadouts];
+  }
+  const \u5916\u3057\u305F\u90E8\u54C1\u306E\u914D\u8272 = stripExternalReadoutPalettes(merged);
+  for (const dropped of [...stripExternalPaint(merged), ...\u5916\u3057\u305F\u90E8\u54C1\u306E\u914D\u8272]) {
     opts?.onNotice?.({
       kind: "external-paint-dropped",
       actor: dropped.path,
@@ -2744,6 +4242,22 @@ function compileToCdl(doc, opts) {
   restoreActorNames(merged, \u5206\u3051\u305F.\u5143\u306E\u540D\u524D, \u4F5C\u308A\u66FF\u3048\u305F\u5BFE\u8C61);
   return merged;
 }
+function stripExternalReadoutPalettes(diagram2) {
+  const stripped = [];
+  for (let i = 0; i < (diagram2.readouts?.length ?? 0); i += 1) {
+    const readout = diagram2.readouts?.[i];
+    if (!readout?.colors) continue;
+    const colors = [...readout.colors];
+    for (let j = 0; j < colors.length; j += 1) {
+      const color = colors[j];
+      if (color === void 0 || !pointsOutside(color)) continue;
+      colors[j] = "none";
+      stripped.push({ path: `readouts[${i}].colors[${j}]`, value: color });
+    }
+    readout.colors = colors;
+  }
+  return stripped;
+}
 function materializeStates(diagram2, doc) {
   const \u8F09\u3063\u3066\u3044\u308B = new Set(diagram2.states.map((s) => s.id));
   for (const st of doc.animate?.states ?? []) {
@@ -3024,7 +4538,9 @@ function disambiguateActorIds(doc, onNotice) {
     for (const \u5F62 of id\u306B\u306A\u308B\u5F62(a.name)) \u4F7F\u3046\u5F62.add(\u5F62);
   }
   const \u65B0\u3057\u3044\u540D\u524D = /* @__PURE__ */ new Map();
-  for (const a of [...\u4F5C\u308A\u66FF\u3048\u308B].sort((x, y) => x.name < y.name ? -1 : x.name > y.name ? 1 : 0)) {
+  for (const a of [...\u4F5C\u308A\u66FF\u3048\u308B].sort(
+    (x, y) => x.name < y.name ? -1 : x.name > y.name ? 1 : 0
+  )) {
     const \u5C3E = \u540D\u524D\u306E\u5C3E(a.name);
     const \u4F59\u5730 = ID_MAX - (\u5C3E.length + 1);
     const \u57FA\u5E95 = a.name.slice(0, \u4F59\u5730);
@@ -3746,7 +5262,9 @@ function mergePartsFromActors(target, doc, partsCatalog, onNotice, derivedSource
     const part = found;
     if (!part) {
       if (typeof console !== "undefined" && console.warn) {
-        console.warn(`[dragon] parts kind "${partId}" not found in partsCatalog (actor: ${actor.name})`);
+        console.warn(
+          `[dragon] parts kind "${partId}" not found in partsCatalog (actor: ${actor.name})`
+        );
       }
       continue;
     }
@@ -3793,7 +5311,8 @@ function mergePartsFromActors(target, doc, partsCatalog, onNotice, derivedSource
 }
 function resolveStateOverride(original, override) {
   if (override === void 0) return { initial: original, rejected: false };
-  if (isColorValue(original) && !isColorValue(override)) return { initial: original, rejected: true };
+  if (isColorValue(original) && !isColorValue(override))
+    return { initial: original, rejected: true };
   return { initial: override, rejected: false };
 }
 function applyColorHex(part, colorHex, stateOverride) {
@@ -3954,7 +5473,10 @@ function mergePartIntoDiagram(target, part, alias, stateOverride, laneMapping, o
     });
   }
   for (const stateOrig of part.states) {
-    const { initial, rejected } = resolveStateOverride(stateOrig.initial, stateOverride[stateOrig.id]);
+    const { initial, rejected } = resolveStateOverride(
+      stateOrig.initial,
+      stateOverride[stateOrig.id]
+    );
     if (rejected) {
       onNotice?.({
         kind: "state-override-rejected",
@@ -3986,7 +5508,10 @@ function mergePartIntoDiagram(target, part, alias, stateOverride, laneMapping, o
   if (part.readouts && part.readouts.length > 0) {
     if (!target.readouts) target.readouts = [];
     for (const readoutOrig of part.readouts) {
-      const rewritten = deepRewriteStrings(readoutOrig, rewriteTemplate);
+      const rewritten = deepRewriteStrings(
+        readoutOrig,
+        rewriteTemplate
+      );
       target.readouts.push({
         ...rewritten,
         id: prefix(rewritten.id)
@@ -4016,8 +5541,14 @@ function mergePartIntoDiagram(target, part, alias, stateOverride, laneMapping, o
       const partPhase = part.phases[i];
       targetPhase.duration = Math.max(targetPhase.duration, partPhase.duration);
       targetPhase.activate = [...targetPhase.activate, ...partPhase.activate.map(prefix)];
-      targetPhase.tweens = [...targetPhase.tweens, ...partPhase.tweens.map((t) => ({ ...t, stateId: valuePrefix(t.stateId) }))];
-      targetPhase.sets = [...targetPhase.sets, ...partPhase.sets.map((s) => ({ ...s, stateId: valuePrefix(s.stateId) }))];
+      targetPhase.tweens = [
+        ...targetPhase.tweens,
+        ...partPhase.tweens.map((t) => ({ ...t, stateId: valuePrefix(t.stateId) }))
+      ];
+      targetPhase.sets = [
+        ...targetPhase.sets,
+        ...partPhase.sets.map((s) => ({ ...s, stateId: valuePrefix(s.stateId) }))
+      ];
     }
     for (let i = commonLen; i < partsLen; i++) {
       const phaseOrig = part.phases[i];
@@ -4085,6 +5616,7 @@ function \u77E2\u5370\u3078\u66F8\u304D\u5199\u3059(target, s, doc) {
       target.label = target.label ? `${target.label} (${s.cardinality})` : `(${s.cardinality})`;
     }
   }
+  if (s.side !== void 0) target.side = s.side;
   if (s.labelOffsetX !== void 0) target.labelOffsetX = s.labelOffsetX;
   if (s.labelOffsetY !== void 0) target.labelOffsetY = s.labelOffsetY;
   if (s.overlay !== void 0) target.overlay = s.overlay;
@@ -4121,7 +5653,8 @@ function \u5F0F\u306B\u66F8\u304F\u6570(n) {
   const decimalAt = whole.length + Number(exponentText);
   let expanded;
   if (decimalAt <= 0) expanded = `0.${"0".repeat(-decimalAt)}${digits}`;
-  else if (decimalAt >= digits.length) expanded = `${digits}${"0".repeat(decimalAt - digits.length)}`;
+  else if (decimalAt >= digits.length)
+    expanded = `${digits}${"0".repeat(decimalAt - digits.length)}`;
   else expanded = `${digits.slice(0, decimalAt)}.${digits.slice(decimalAt)}`;
   return negative ? `-${expanded}` : expanded;
 }
@@ -4177,7 +5710,13 @@ function foldValueTriggers(diagram2, doc, onNotice) {
   const \u89E3\u3051\u306A\u3044 = /* @__PURE__ */ new Set();
   const \u89E3\u6C7A\u4E2D = /* @__PURE__ */ new Set();
   const \u77E5\u3089\u305B\u308B = (v, message, hint) => {
-    onNotice?.({ kind: "value-trigger-unresolved", actor: v.name, line: v.pos?.line ?? 0, message, hint });
+    onNotice?.({
+      kind: "value-trigger-unresolved",
+      actor: v.name,
+      line: v.pos?.line ?? 0,
+      message,
+      hint
+    });
   };
   const \u89E3\u304F = (name) => {
     const \u65E2\u51FA = \u89E3\u3051\u305F.get(name);
@@ -4187,7 +5726,11 @@ function foldValueTriggers(diagram2, doc, onNotice) {
     if (!v || !v.trigger) return null;
     if (\u89E3\u6C7A\u4E2D.has(name)) {
       \u89E3\u3051\u306A\u3044.add(name);
-      \u77E5\u3089\u305B\u308B(v, `"${name}" \u306E\u304D\u3063\u304B\u3051\u304C\u4E00\u5468\u3057\u3066\u3044\u307E\u3059`, "\u3069\u308C\u304B 1 \u3064\u3092 `trigger: step ...` \u306B\u5909\u3048\u308B");
+      \u77E5\u3089\u305B\u308B(
+        v,
+        `"${name}" \u306E\u304D\u3063\u304B\u3051\u304C\u4E00\u5468\u3057\u3066\u3044\u307E\u3059`,
+        "\u3069\u308C\u304B 1 \u3064\u3092 `trigger: step ...` \u306B\u5909\u3048\u308B"
+      );
       return null;
     }
     \u89E3\u6C7A\u4E2D.add(name);
@@ -4210,7 +5753,11 @@ function foldValueTriggers(diagram2, doc, onNotice) {
     if (trigger.kind === "step") {
       const idx = \u6BB5\u306E\u756A\u53F7.get(trigger.step);
       if (idx === void 0) {
-        \u77E5\u3089\u305B\u308B(v, `"${trigger.step}" \u3068\u3044\u3046\u6BB5\u304C\u3042\u308A\u307E\u305B\u3093`, "`animation:` \u306B\u305D\u306E\u540D\u524D\u306E\u6BB5\u3092\u66F8\u304F\u304B\u3001 \u6BB5\u306E\u540D\u524D\u306B\u5408\u308F\u305B\u308B");
+        \u77E5\u3089\u305B\u308B(
+          v,
+          `"${trigger.step}" \u3068\u3044\u3046\u6BB5\u304C\u3042\u308A\u307E\u305B\u3093`,
+          "`animation:` \u306B\u305D\u306E\u540D\u524D\u306E\u6BB5\u3092\u66F8\u304F\u304B\u3001 \u6BB5\u306E\u540D\u524D\u306B\u5408\u308F\u305B\u308B"
+        );
         return null;
       }
       \u6BB5 = idx;
@@ -4263,7 +5810,8 @@ function foldValueTriggers(diagram2, doc, onNotice) {
     \u6BB5\u3054\u3068\u306E\u6642\u8A08.set(\u6BB5, \u540D\u524D);
     diagram2.states.push({ id: \u540D\u524D, initial: 0 });
     const \u6BB5\u306E\u4E2D\u8EAB = diagram2.phases[\u6BB5];
-    if (\u6BB5\u306E\u4E2D\u8EAB) \u6BB5\u306E\u4E2D\u8EAB.tweens = [...\u6BB5\u306E\u4E2D\u8EAB.tweens, { stateId: \u540D\u524D, from: 0, to: \u6BB5\u306E\u4E2D\u8EAB.duration }];
+    if (\u6BB5\u306E\u4E2D\u8EAB)
+      \u6BB5\u306E\u4E2D\u8EAB.tweens = [...\u6BB5\u306E\u4E2D\u8EAB.tweens, { stateId: \u540D\u524D, from: 0, to: \u6BB5\u306E\u4E2D\u8EAB.duration }];
     return \u540D\u524D;
   };
   for (const [name, \u533A\u9593] of \u89E3\u3051\u305F) {
@@ -4612,6 +6160,7 @@ function compileGantt(doc) {
     if (!\u76EE\u76DB\u308A.includes(label)) \u76EE\u76DB\u308A.push(label);
     \u30BF\u30B9\u30AF.push({
       name: a.name,
+      title: \u7BB1\u306E\u984C(a),
       label,
       ...a.tone !== void 0 ? { tone: a.tone } : {},
       ...a.owner !== void 0 ? { owner: a.owner } : {},
@@ -4665,7 +6214,7 @@ function compileGantt(doc) {
       const \u7D42\u308F\u308A = \u7D42\u308F\u308B\u4F4D\u7F6E(t.end, idx, \u76EE\u76DB\u308A, t.name, \u9006\u5411\u304D\u3092\u4F1D\u3048\u308B, doc);
       return {
         id: slugify(t.name),
-        title: t.name,
+        title: t.title,
         startIdx: idx,
         endIdx: \u7D42\u308F\u308A.idx,
         startLabel: t.label,
@@ -4691,7 +6240,7 @@ function compileClass(doc) {
       lane: laneId,
       stack: 0,
       kind: "storage",
-      title: a.name,
+      title: \u7BB1\u306E\u984C(a),
       w: CLASS_W
     });
   });
@@ -4701,6 +6250,7 @@ function compileClass(doc) {
     b.edge(fromId, toId, {
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -4753,7 +6303,7 @@ function compileValueChart(doc, \u578B, kind, onNotice) {
       \u672A\u5BA3\u8A00.push(a.name);
       continue;
     }
-    data.push({ label: a.name, value, ...a.tone !== void 0 ? { tone: a.tone } : {} });
+    data.push({ label: \u7BB1\u306E\u984C(a), value, ...a.tone !== void 0 ? { tone: a.tone } : {} });
   }
   const \u8A9E = \u578B === "pie" ? { \u91CF: "\u5272\u5408", \u56F3: "\u5186", \u4F8B: '"45%"' } : \u578B === "bar" ? { \u91CF: "\u5024", \u56F3: "\u68D2", \u4F8B: '"420"' } : { \u91CF: "\u5024", \u56F3: "\u6298\u308C\u7DDA", \u4F8B: '"180"' };
   const \u4F1D\u3048\u308B = (\u7A2E\u985E, \u540D\u524D, message, line = 0) => {
@@ -4905,7 +6455,7 @@ function compileFunnel(doc, onNotice) {
       \u672A\u5BA3\u8A00.push(a.name);
       continue;
     }
-    data.push({ id: slugify(a.name), title: a.name, count: v });
+    data.push({ id: slugify(a.name), title: \u7BB1\u306E\u984C(a), count: v });
   }
   if (\u672A\u5BA3\u8A00.length > 0) {
     const m3 = `type: funnel \u3067\u6570\u306B\u306A\u3089\u306A\u3044\u5024\u3092\u53C2\u7167\u3057\u305F\u9805\u76EE\u304C\u3042\u308A\u307E\u3059 (\u6BB5\u306B\u8F09\u305B\u307E\u305B\u3093): ${\u672A\u5BA3\u8A00.join(", ")}\u3002 \`states:\` \u306B\u305D\u306E\u540D\u524D\u3092\u6570\u3067\u66F8\u3044\u3066\u304F\u3060\u3055\u3044`;
@@ -4919,7 +6469,12 @@ function compileFunnel(doc, onNotice) {
   }
   if (doc.flow.length > 0) {
     const m2 = `type: funnel \u3067\u306F\u77E2\u5370\u3092\u63CF\u3051\u307E\u305B\u3093 (${doc.flow.length} \u672C\u3092\u7121\u8996\u3057\u307E\u3057\u305F)\u3002 \u95A2\u4FC2\u3092\u63CF\u304F\u306A\u3089 type: flow \u3092\u4F7F\u3063\u3066\u304F\u3060\u3055\u3044`;
-    onNotice?.({ kind: "chart-edge-dropped", actor: doc.flow[0]?.from ?? "", line: doc.flow[0]?.pos?.line ?? 0, message: m2 });
+    onNotice?.({
+      kind: "chart-edge-dropped",
+      actor: doc.flow[0]?.from ?? "",
+      line: doc.flow[0]?.pos?.line ?? 0,
+      message: m2
+    });
     if (typeof console !== "undefined" && console.warn) console.warn(`[dragon] ${m2}`);
   }
   b.node(`${slugify(doc.title)}-chart`, {
@@ -4940,11 +6495,19 @@ function \u77E2\u5370\u304B\u3089\u89AA\u3092\u6C7A\u3081\u308B(doc, \u56F3\u7A2
     const \u5B50 = slugify(f.to);
     const \u89AA\u540D = slugify(f.from);
     if (!\u540D\u524D.has(\u89AA\u540D)) {
-      \u4F1D\u3048\u308B(f.from, `type: ${\u56F3\u7A2E} \u3067\u66F8\u3044\u3066\u3044\u306A\u3044\u540D\u524D\u3092\u89AA\u306B\u3057\u3066\u3044\u307E\u3059: ${f.from} -> ${f.to}`, f.pos?.line ?? 0);
+      \u4F1D\u3048\u308B(
+        f.from,
+        `type: ${\u56F3\u7A2E} \u3067\u66F8\u3044\u3066\u3044\u306A\u3044\u540D\u524D\u3092\u89AA\u306B\u3057\u3066\u3044\u307E\u3059: ${f.from} -> ${f.to}`,
+        f.pos?.line ?? 0
+      );
       continue;
     }
     if (!\u540D\u524D.has(\u5B50)) {
-      \u4F1D\u3048\u308B(f.to, `type: ${\u56F3\u7A2E} \u3067\u66F8\u3044\u3066\u3044\u306A\u3044\u540D\u524D\u3092\u5B50\u306B\u3057\u3066\u3044\u307E\u3059: ${f.from} -> ${f.to}`, f.pos?.line ?? 0);
+      \u4F1D\u3048\u308B(
+        f.to,
+        `type: ${\u56F3\u7A2E} \u3067\u66F8\u3044\u3066\u3044\u306A\u3044\u540D\u524D\u3092\u5B50\u306B\u3057\u3066\u3044\u307E\u3059: ${f.from} -> ${f.to}`,
+        f.pos?.line ?? 0
+      );
       continue;
     }
     if (\u5B50 === \u89AA\u540D) {
@@ -4953,7 +6516,11 @@ function \u77E2\u5370\u304B\u3089\u89AA\u3092\u6C7A\u3081\u308B(doc, \u56F3\u7A2
     }
     const \u65E2\u5B58 = \u89AA.get(\u5B50);
     if (\u65E2\u5B58 !== void 0 && \u65E2\u5B58 !== \u89AA\u540D) {
-      \u4F1D\u3048\u308B(f.to, `type: ${\u56F3\u7A2E} \u3067 ${f.to} \u306B\u89AA\u304C 2 \u3064\u3042\u308A\u307E\u3059 (\u5F8C\u306E ${f.from} \u306F\u4F7F\u3044\u307E\u305B\u3093)`, f.pos?.line ?? 0);
+      \u4F1D\u3048\u308B(
+        f.to,
+        `type: ${\u56F3\u7A2E} \u3067 ${f.to} \u306B\u89AA\u304C 2 \u3064\u3042\u308A\u307E\u3059 (\u5F8C\u306E ${f.from} \u306F\u4F7F\u3044\u307E\u305B\u3093)`,
+        f.pos?.line ?? 0
+      );
       continue;
     }
     \u89AA.set(\u5B50, \u89AA\u540D);
@@ -4989,7 +6556,10 @@ function compileTree(doc, onNotice) {
   };
   for (const [k, \u7FA4] of slug\u5225) {
     if (\u7FA4.length > 1) {
-      \u4F1D\u3048\u308B(\u7FA4[0], `type: tree \u3067 ${\u7FA4.join(" / ")} \u304C\u540C\u3058 id (${k}) \u306B\u306A\u308A\u307E\u3059\u3002 \u540D\u524D\u3092\u5909\u3048\u3066\u304F\u3060\u3055\u3044`);
+      \u4F1D\u3048\u308B(
+        \u7FA4[0],
+        `type: tree \u3067 ${\u7FA4.join(" / ")} \u304C\u540C\u3058 id (${k}) \u306B\u306A\u308A\u307E\u3059\u3002 \u540D\u524D\u3092\u5909\u3048\u3066\u304F\u3060\u3055\u3044`
+      );
     }
   }
   const \u89AA = \u77E2\u5370\u304B\u3089\u89AA\u3092\u6C7A\u3081\u308B(doc, "tree", \u540D\u524D, \u4F1D\u3048\u308B);
@@ -5025,10 +6595,7 @@ function reportChartFieldsNotHonored(doc, onNotice) {
       ...a.touchpoint !== void 0 ? ["touchpoint"] : [],
       ...a.opportunity !== void 0 ? ["opportunity"] : []
     ];
-    const \u5DE5\u7A0B = doc.type === "gantt" ? [] : [
-      ...a.owner !== void 0 ? ["owner"] : [],
-      ...a.end !== void 0 ? ["end"] : []
-    ];
+    const \u5DE5\u7A0B = doc.type === "gantt" ? [] : [...a.owner !== void 0 ? ["owner"] : [], ...a.end !== void 0 ? ["end"] : []];
     if (\u9053\u7B4B.length > 0) {
       onNotice({
         kind: "chart-value-unreadable",
@@ -5064,7 +6631,7 @@ function compileJourney(doc, onNotice) {
         \u8AAD\u3081\u306A\u3044.push(a.name);
         continue;
       }
-      data.push({ id: slugify(a.name), title: a.name, emotion: \u8A9E, ...\u9053\u7B4B\u306E\u6B04(a) });
+      data.push({ id: slugify(a.name), title: \u7BB1\u306E\u984C(a), emotion: \u8A9E, ...\u9053\u7B4B\u306E\u6B04(a) });
       continue;
     }
     const e = \u6C17\u6301\u3061.get(\u8A9E);
@@ -5072,7 +6639,7 @@ function compileJourney(doc, onNotice) {
       \u8AAD\u3081\u306A\u3044.push(a.name);
       continue;
     }
-    data.push({ id: slugify(a.name), title: a.name, emotion: e, ...\u9053\u7B4B\u306E\u6B04(a) });
+    data.push({ id: slugify(a.name), title: \u7BB1\u306E\u984C(a), emotion: e, ...\u9053\u7B4B\u306E\u6B04(a) });
   }
   if (\u8AAD\u3081\u306A\u3044.length > 0) {
     const m = `type: journey \u3067\u6C17\u6301\u3061\u3092\u8AAD\u3081\u306A\u3044\u9805\u76EE\u304C\u3042\u308A\u307E\u3059 (\u9053\u7B4B\u306B\u8F09\u305B\u307E\u305B\u3093): ${\u8AAD\u3081\u306A\u3044.join(", ")}\u3002 \`- \u767B\u9332: "\u4E0D\u6E80"\` \u306E\u5F62\u3067\u3001 ${[...\u6C17\u6301\u3061.keys()].join(" / ")} \u306E\u3069\u308C\u304B\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044`;
@@ -5081,7 +6648,12 @@ function compileJourney(doc, onNotice) {
   }
   if (doc.flow.length > 0) {
     const m2 = `type: journey \u3067\u306F\u77E2\u5370\u3092\u63CF\u3051\u307E\u305B\u3093 (${doc.flow.length} \u672C\u3092\u7121\u8996\u3057\u307E\u3057\u305F)\u3002 \u95A2\u4FC2\u3092\u63CF\u304F\u306A\u3089 type: flow \u3092\u4F7F\u3063\u3066\u304F\u3060\u3055\u3044`;
-    onNotice?.({ kind: "chart-edge-dropped", actor: doc.flow[0]?.from ?? "", line: doc.flow[0]?.pos?.line ?? 0, message: m2 });
+    onNotice?.({
+      kind: "chart-edge-dropped",
+      actor: doc.flow[0]?.from ?? "",
+      line: doc.flow[0]?.pos?.line ?? 0,
+      message: m2
+    });
     if (typeof console !== "undefined" && console.warn) console.warn(`[dragon] ${m2}`);
   }
   b.node(`${slugify(doc.title)}-chart`, {
@@ -5145,7 +6717,7 @@ function compileQuadrant(doc, onNotice) {
         \u8AAD\u3081\u306A\u3044.push(a.name);
         continue;
       }
-      items.push({ id: slugify(a.name), title: a.name, quadrant: \u8A9E });
+      items.push({ id: slugify(a.name), title: \u7BB1\u306E\u984C(a), quadrant: \u8A9E });
       continue;
     }
     const q = \u533A\u753B.get(\u8A9E);
@@ -5153,7 +6725,7 @@ function compileQuadrant(doc, onNotice) {
       \u8AAD\u3081\u306A\u3044.push(a.name);
       continue;
     }
-    items.push({ id: slugify(a.name), title: a.name, quadrant: q });
+    items.push({ id: slugify(a.name), title: \u7BB1\u306E\u984C(a), quadrant: q });
   }
   if (\u8AAD\u3081\u306A\u3044.length > 0) {
     const m = `type: quadrant \u3067\u533A\u753B\u3092\u8AAD\u3081\u306A\u3044\u9805\u76EE\u304C\u3042\u308A\u307E\u3059 (\u56F3\u306B\u8F09\u305B\u307E\u305B\u3093): ${\u8AAD\u3081\u306A\u3044.join(", ")}\u3002 \`- \u91CD\u8907\u524A\u9664: "\u5DE6\u4E0A"\` \u306E\u5F62\u3067\u3001 ${[...\u533A\u753B.keys()].join(" / ")} \u306E\u3069\u308C\u304B\u3092\u66F8\u3044\u3066\u304F\u3060\u3055\u3044`;
@@ -5162,7 +6734,12 @@ function compileQuadrant(doc, onNotice) {
   }
   if (doc.flow.length > 0) {
     const m2 = `type: quadrant \u3067\u306F\u77E2\u5370\u3092\u63CF\u3051\u307E\u305B\u3093 (${doc.flow.length} \u672C\u3092\u7121\u8996\u3057\u307E\u3057\u305F)\u3002 \u95A2\u4FC2\u3092\u63CF\u304F\u306A\u3089 type: flow \u3092\u4F7F\u3063\u3066\u304F\u3060\u3055\u3044`;
-    onNotice?.({ kind: "chart-edge-dropped", actor: doc.flow[0]?.from ?? "", line: doc.flow[0]?.pos?.line ?? 0, message: m2 });
+    onNotice?.({
+      kind: "chart-edge-dropped",
+      actor: doc.flow[0]?.from ?? "",
+      line: doc.flow[0]?.pos?.line ?? 0,
+      message: m2
+    });
     if (typeof console !== "undefined" && console.warn) console.warn(`[dragon] ${m2}`);
   }
   b.node(`${slugify(doc.title)}-chart`, {
@@ -5222,12 +6799,16 @@ function compileC4(doc) {
     b.edge(fromId, toId, {
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
   }
   return b.build();
 }
+function \u7BB1\u306E\u984C(a) {
+  return a.title ?? a.name;
+}
 var \u653E\u5C04\u3067\u63CF\u3051\u306A\u3044\u6B04\u306E\u540D\u524D = {
   kind: "\u7A2E\u985E",
   eyebrow: "\u4E0A\u306E\u5C0F\u898B\u51FA\u3057",
@@ -5251,7 +6832,9 @@ var \u653E\u5C04\u3067\u63CF\u3051\u306A\u3044\u6B04\u306E\u540D\u524D = {
   scaleKeys: "\u500D\u7387",
   posRel: "\u4F4D\u7F6E (\u76F8\u5BFE)",
   nodes: "\u4E2D\u306E\u7BB1\u3054\u3068\u306E\u6307\u5B9A",
-  layoutPos: "\u914D\u7F6E\u306E\u305A\u3089\u3057"
+  layoutPos: "\u914D\u7F6E\u306E\u305A\u3089\u3057",
+  shape: "\u7BB1\u306E\u4E2D\u306E\u56F3\u5F62",
+  visibleIf: "\u51FA\u3059\u6761\u4EF6"
 };
 function \u653E\u5C04\u3067\u63CF\u3051\u306A\u3044\u6B04\u3092\u66F8\u3044\u305F\u304B(a, \u6B04) {
   if (\u6B04 === "kind") return a.kindWritten === true;
@@ -5261,7 +6844,7 @@ function \u653E\u5C04\u3067\u63CF\u3051\u306A\u3044\u6B04\u3092\u66F8\u3044\u305
 }
 function \u653E\u5C04\u306B\u51FA\u3059\u6587\u5B57(a) {
   const \u7D9A\u304D = [a.subtitle, a.value].map((x) => x?.trim()).filter((x) => !!x);
-  return { title: a.name, ...\u7D9A\u304D.length > 0 ? { subtitle: \u7D9A\u304D.join(" ") } : {} };
+  return { title: \u7BB1\u306E\u984C(a), ...\u7D9A\u304D.length > 0 ? { subtitle: \u7D9A\u304D.join(" ") } : {} };
 }
 function compileMind(doc, onNotice) {
   const b = cdl.diagram(slugify(doc.title), { topic: doc.title });
@@ -5337,7 +6920,8 @@ function compileMind(doc, onNotice) {
   const branches = [];
   const \u4F7F\u3063\u305F = /* @__PURE__ */ new Set([rootId]);
   \u8A18\u9332\u3059\u308B(root);
-  if (root.tone) \u6D88\u3048\u305F\u6B04.set(root.name, [...\u6D88\u3048\u305F\u6B04.get(root.name) ?? [], "\u8272 (\u4E2D\u5FC3\u306F\u6301\u3066\u306A\u3044)"]);
+  if (root.tone)
+    \u6D88\u3048\u305F\u6B04.set(root.name, [...\u6D88\u3048\u305F\u6B04.get(root.name) ?? [], "\u8272 (\u4E2D\u5FC3\u306F\u6301\u3066\u306A\u3044)"]);
   \u898B\u672C\u3067\u306A\u3044.slice(1).forEach((a, i) => {
     const id = slugify(a.name);
     if (\u4F7F\u3063\u305F.has(id)) {
@@ -5439,6 +7023,18 @@ function applyV05Extensions(diagram2, doc, \u8FFD\u52A0\u3057\u305F\u7E26\u5217o
       primaryNodes = diagram2.nodes.filter((n) => n.id === dragonSlug);
     }
     for (const node of primaryNodes) {
+      if (a.title !== void 0) {
+        node.title = a.title;
+        if (isSeqLike) {
+          const footer = diagram2.nodes.find((n) => n.id === `${node.lane}-footer`);
+          if (footer) footer.title = a.title;
+          if (a.posW === void 0) {
+            const titleW = Math.max(140, a.title.length * 22 + 52);
+            node.w = titleW;
+            if (footer) footer.w = titleW;
+          }
+        }
+      }
       const \u8AAC\u660E = doc.type === "c4" ? \u6BB5\u3092\u8AAD\u307F\u53D6\u308B(a.subtitle).\u8AAC\u660E : a.subtitle;
       if (\u8AAC\u660E !== void 0) node.subtitle = \u8AAC\u660E;
       if (a.eyebrow !== void 0) node.eyebrow = a.eyebrow;
@@ -5464,6 +7060,25 @@ function applyV05Extensions(diagram2, doc, \u8FFD\u52A0\u3057\u305F\u7E26\u5217o
         const footer = diagram2.nodes.find((n) => n.id === `${node.lane}-footer`);
         if (footer && a.posW !== void 0) footer.w = a.posW;
       }
+      if (a.shape !== void 0) {
+        const dynamicKind = `dyn-${a.shape.kind}`;
+        node.kind = dynamicKind;
+        node.shape = { ...a.shape };
+        if (isSeqLike) {
+          const footer = diagram2.nodes.find((n) => n.id === `${node.lane}-footer`);
+          if (footer) {
+            footer.kind = dynamicKind;
+            footer.shape = { ...a.shape };
+          }
+        }
+      }
+      if (a.visibleIf !== void 0) {
+        node.visibleIf = a.visibleIf;
+        if (isSeqLike) {
+          const footer = diagram2.nodes.find((n) => n.id === `${node.lane}-footer`);
+          if (footer) footer.visibleIf = a.visibleIf;
+        }
+      }
     }
   }
   alignSeqHeaderHeights(diagram2, doc);
@@ -5584,6 +7199,7 @@ function compileSequence(doc) {
       to: s.to,
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -5607,8 +7223,8 @@ function compileSequenceWithAnimate(doc) {
     }
     b.lane(id, laneOpts);
     const headerId = `${id}-header`;
-    const actorW = Math.max(140, a.name.length * 22 + 52);
-    b.node(headerId, { lane: id, stack: 0, kind: "card", title: a.name, w: actorW, h: 72 });
+    const actorW = Math.max(140, \u7BB1\u306E\u984C(a).length * 22 + 52);
+    b.node(headerId, { lane: id, stack: 0, kind: "card", title: \u7BB1\u306E\u984C(a), w: actorW, h: 72 });
     const spacerId = `${id}-spacer`;
     b.node(spacerId, { lane: id, stack: 1, kind: "card", title: "", w: 2, h: 40 });
   });
@@ -5628,6 +7244,7 @@ function compileSequenceWithAnimate(doc) {
       id: edgeId,
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -5636,12 +7253,12 @@ function compileSequenceWithAnimate(doc) {
   doc.actors.forEach((a) => {
     const laneId = actorIds.get(a.name) ?? slugify(a.name);
     const footerId = `${laneId}-footer`;
-    const actorW = Math.max(140, a.name.length * 22 + 52);
+    const actorW = Math.max(140, \u7BB1\u306E\u984C(a).length * 22 + 52);
     b.node(footerId, {
       lane: laneId,
       stack: footerStack,
       kind: "card",
-      title: a.name,
+      title: \u7BB1\u306E\u984C(a),
       w: actorW,
       h: 72,
       role: "lifeline-footer"
@@ -5747,7 +7364,7 @@ function compileFlow(doc) {
       {
         id: slugify(a.name),
         kind: a.kind,
-        title: a.name
+        title: \u7BB1\u306E\u984C(a)
       },
       edgeLabel
     );
@@ -5788,6 +7405,7 @@ function compileSwimlane(doc) {
       id: `e${edgeIdx++}-${fromId}-${toId}`,
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -5798,7 +7416,7 @@ function compileSwimlane(doc) {
         lane: swim.laneId(a.name),
         stack: 0,
         kind: a.kind ?? "actor",
-        title: a.name
+        title: \u7BB1\u306E\u984C(a)
       });
     });
   }
@@ -5815,7 +7433,7 @@ function compileEr(doc) {
   for (const a of doc.actors) {
     erBuilder.entity({
       id: slugify(a.name),
-      title: a.name,
+      title: \u7BB1\u306E\u984C(a),
       rows: []
       // v0.2 では rows なし
     });
@@ -5854,7 +7472,7 @@ function compileState(doc) {
     const final = \u6C7A\u3081\u65B9.\u7D42\u308F\u308A(a, i);
     fsm.state({
       id: slugify(a.name),
-      title: a.name,
+      title: \u7BB1\u306E\u984C(a),
       ...initial ? { initial: true } : {},
       ...final ? { final: true } : {}
     });
@@ -5887,13 +7505,14 @@ function compileTopology(doc) {
     groupBuilder.add({
       id: slugify(a.name),
       kind: a.kind,
-      title: a.name
+      title: \u7BB1\u306E\u984C(a)
     });
   }
   for (const s of doc.flow) {
     topo.connect(slugify(s.from), slugify(s.to), {
       label: s.label,
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -5933,15 +7552,19 @@ function compileGenericWithAnimate(doc, opts) {
       const lid = a.lane;
       const stack = \u7A4D\u3093\u3060\u6570.get(lid) ?? 0;
       \u7A4D\u3093\u3060\u6570.set(lid, stack + 1);
-      b.node(id, { lane: lid, stack, kind: a.kind, title: a.name });
+      b.node(id, { lane: lid, stack, kind: a.kind, title: \u7BB1\u306E\u984C(a) });
     });
   } else if (kind === "flow" || kind === "topology") {
     const lid = opts.laneId ?? "main";
-    b.lane(lid, { width: laneWidth, label: doc.title, ...kind === "topology" ? { contain: true } : {} });
+    b.lane(lid, {
+      width: laneWidth,
+      label: doc.title,
+      ...kind === "topology" ? { contain: true } : {}
+    });
     doc.actors.forEach((a, idx) => {
       const id = slugify(a.name);
       actorToNodeId.set(a.name, id);
-      b.node(id, { lane: lid, stack: idx, kind: a.kind, title: a.name });
+      b.node(id, { lane: lid, stack: idx, kind: a.kind, title: \u7BB1\u306E\u984C(a) });
     });
   } else {
     const \u898B\u51FA\u3057\u3092\u4ED8\u3051\u308B = kind === "swimlane";
@@ -5957,7 +7580,7 @@ function compileGenericWithAnimate(doc, opts) {
         lane: lid,
         stack: 0,
         kind: a.kind,
-        title: a.name,
+        title: \u7BB1\u306E\u984C(a),
         ...isInitial ? { eyebrow: "\u521D\u671F" } : {},
         ...isFinal ? { eyebrow: "\u6700\u7D42" } : {}
       });
@@ -5976,6 +7599,7 @@ function compileGenericWithAnimate(doc, opts) {
       label: labelWithCard,
       ...\u5F8C\u308D\u3078\u623B\u308B\u77E2\u5370\u304B(kind, fromId, toId, \u7BB1\u306E\u4E26\u3073) ? { routing: "back-detour" } : {},
       ...s.sub ? { sub: s.sub } : {},
+      ...s.side ? { side: s.side } : {},
       ...s.tone ? { tone: s.tone } : {},
       ...s.style ? { style: s.style } : {}
     });
@@ -6662,7 +8286,9 @@ var ACCEPTED_KEYS = {
     "animation",
     "viewport",
     "lanes",
-    "groups"
+    "groups",
+    // 値を見せる部品 (#1374)
+    "readouts"
   ],
   actor: [
     "name",
@@ -6688,13 +8314,21 @@ var ACCEPTED_KEYS = {
     "nodes",
     "scale",
     "state",
-    "pos"
+    "pos",
+    // 箱の中に描く図形 (#1374)
+    "shape",
+    // その箱を出すかどうかの条件 (#1381)
+    "visibleIf",
+    // 箱に出す題 (#1381)
+    "title"
   ],
   step: [
     "from",
     "to",
     "label",
     "sub",
+    // 矢印がどの辺から出るか (#1385)
+    "side",
     "tone",
     "style",
     "guard",
@@ -6727,7 +8361,9 @@ var \u6B04\u306E\u578B\u8868 = {
     animation: "\u4E26\u3073",
     viewport: "object",
     lanes: "object",
-    groups: "object"
+    groups: "object",
+    // 値を見せる部品 (#1374)。 中身は下の検査が種類ごとに見る
+    readouts: "\u4E26\u3073"
   },
   actor: {
     name: "\u5FC5\u9808\u306E\u975E\u7A7A\u6587\u5B57\u5217",
@@ -6753,13 +8389,21 @@ var \u6B04\u306E\u578B\u8868 = {
     nodes: "object",
     scale: "\u6570",
     state: "object",
-    pos: "object"
+    pos: "object",
+    // 箱の中に描く図形 (#1374)。 中身は下の検査が種類ごとに見る
+    shape: "object",
+    // その箱を出すかどうかの条件 (#1381)
+    visibleIf: "\u6587\u5B57\u5217",
+    // 箱に出す題 (#1381)
+    title: "\u6587\u5B57\u5217"
   },
   step: {
     from: "\u5FC5\u9808\u306E\u6587\u5B57\u5217",
     to: "\u5FC5\u9808\u306E\u6587\u5B57\u5217",
     label: "\u5FC5\u9808\u306E\u6587\u5B57\u5217",
     sub: "\u6587\u5B57\u5217",
+    // 矢印がどの辺から出るか (#1385)
+    side: "\u8FBA",
     tone: "\u8272",
     style: "\u7DDA\u7A2E",
     guard: "\u6587\u5B57\u5217",
@@ -6809,13 +8453,22 @@ var \u8272\u756A\u53F7\u306E\u5F62 = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-f
 function JSON\u306E\u8272\u540D\u304B(v) {
   return \u66F8\u3051\u308B\u8272\u540D().includes(v);
 }
-var \u898B\u672C\u306B\u3057\u304B\u52B9\u304B\u306A\u3044\u6B04 = ["state", "scale"];
+var \u898B\u672C\u306B\u3057\u304B\u52B9\u304B\u306A\u3044\u6B04 = [
+  "state",
+  "scale"
+];
 var \u898B\u672C\u306B\u52B9\u304B\u306A\u3044\u6B04 = [
   "tone",
   "owner",
   "end",
   "touchpoint",
-  "opportunity"
+  "opportunity",
+  // 箱の中に描く図形 (#1374)。 見本は自分の形を持つため、外から図形を差し替えられない
+  "shape",
+  // その箱を出すかどうかの条件 (#1381)。 見本は自分の出方を持つ
+  "visibleIf",
+  // 箱に出す題 (#1381)。 見本は自分の題を持つ
+  "title"
 ];
 function \u5024\u3092\u691C\u67FB(v, \u578B, path, \u540D\u524D, errors) {
   const \u578B\u9055\u3044 = (\u671F\u5F85, \u88DC\u8DB3) => {
@@ -6898,6 +8551,16 @@ function \u5024\u3092\u691C\u67FB(v, \u578B, path, \u540D\u524D, errors) {
         });
       }
       return;
+    case "\u8FBA":
+      if (v === void 0) return;
+      if (typeof v !== "string" || !EDGE_SIDE_VALUES.includes(v)) {
+        errors.push({
+          path,
+          message: `${\u540D\u524D} must be one of: ${EDGE_SIDE_VALUES.join(", ")}`,
+          hint: typeof v === "string" ? `got "${v}"` : `got ${typeof v}`
+        });
+      }
+      return;
     case "\u63CF\u304F\u3082\u306E":
       if (v === void 0) return;
       if (typeof v !== "string" || !DRAW_WORDS.has(v)) {
@@ -7035,6 +8698,123 @@ function validateViewport(v, errors) {
   checkUnknownKeys(v, "viewport", "$.viewport", errors);
   \u8868\u3067\u691C\u67FB(v, "viewport", "$.viewport", "viewport", errors);
 }
+function \u8868\u3067\u4E2D\u8EAB\u3092\u691C\u67FB\u3059\u308B(o, \u8868, path, \u4F55, errors) {
+  const kind = typeof o.kind === "string" ? o.kind : "";
+  const \u5B9A\u7FA9 = \u8868[kind];
+  if (\u5B9A\u7FA9 === void 0) {
+    errors.push({
+      path: `${path}.kind`,
+      // **文字列でない値をそのまま文にしない**。 object を混ぜると `[object Object]` になり、
+      // 何を書いたのかが読み手に届かない
+      message: `unknown ${\u4F55} kind ${typeof o.kind === "string" ? `"${o.kind}"` : JSON.stringify(o.kind ?? null)}`,
+      hint: `\u4F7F\u3048\u308B\u7A2E\u985E = ${Object.keys(\u8868).join(", ")}`
+    });
+    return;
+  }
+  for (const [\u6B04, \u5024] of Object.entries(o)) {
+    if (\u6B04 === "kind" || \u6B04 === "id") continue;
+    const \u5F62 = \u5B9A\u7FA9.\u6B04[\u6B04];
+    if (\u5F62 === void 0) {
+      errors.push({
+        path: `${path}.${\u6B04}`,
+        message: `unknown key "${\u6B04}"`,
+        hint: `\u4F7F\u3048\u308B\u9805\u76EE = ${Object.keys(\u5B9A\u7FA9.\u6B04).join(", ")}`
+      });
+      continue;
+    }
+    const \u578B\u304C\u5408\u3046 = \u5F62 === "\u6570" ? typeof \u5024 === "number" && Number.isFinite(\u5024) : \u5F62 === "\u6570\u304B\u6587\u5B57\u5217" ? typeof \u5024 === "number" && Number.isFinite(\u5024) || typeof \u5024 === "string" : \u5F62 === "\u6587\u5B57\u5217\u306E\u4E26\u3073" ? Array.isArray(\u5024) && \u5024.every((x) => typeof x === "string") : \u5F62 === "\u771F\u507D" ? typeof \u5024 === "boolean" : \u5F62 === "\u7D44\u306E\u4E26\u3073" ? Array.isArray(\u5024) && \u5024.length > 0 && \u5024.every(
+      (x) => typeof x === "object" && x !== null && !Array.isArray(x) && Object.keys(x).length > 0 && Object.values(x).every(
+        (y) => typeof y === "string" || typeof y === "number" && Number.isFinite(y)
+      )
+    ) : \u5F62 === "\u5411\u304D" ? typeof \u5024 === "string" && ["up", "down", "left", "right"].includes(\u5024) : typeof \u5024 === "string";
+    if (!\u578B\u304C\u5408\u3046) {
+      errors.push({
+        path: `${path}.${\u6B04}`,
+        message: `${\u6B04} must be ${\u5F62}`,
+        hint: `got ${Array.isArray(\u5024) ? "array" : \u5024 === null ? "null" : typeof \u5024}`
+      });
+    }
+  }
+  for (const \u6B04 of \u5B9A\u7FA9.\u5FC5\u9808) {
+    if (o[\u6B04] === void 0) {
+      errors.push({
+        path: `${path}.${\u6B04}`,
+        message: `${\u6B04} is required for ${\u4F55} kind "${kind}"`,
+        hint: `\u5FC5\u9808\u306E\u9805\u76EE = ${\u5B9A\u7FA9.\u5FC5\u9808.join(", ")}`
+      });
+    }
+  }
+}
+function validateReadouts(v, errors) {
+  if (v === void 0) return;
+  if (!Array.isArray(v)) {
+    errors.push({
+      path: "$.readouts",
+      message: "readouts must be an array of readout objects",
+      hint: `got ${v === null ? "null" : typeof v}`
+    });
+    return;
+  }
+  v.forEach((r, i) => {
+    const path = `$.readouts[${i}]`;
+    if (!r || typeof r !== "object" || Array.isArray(r)) {
+      errors.push({ path, message: "readout must be a plain object", hint: `got ${typeof r}` });
+      return;
+    }
+    const o = r;
+    if (typeof o.id !== "string" || o.id === "") {
+      errors.push({ path: `${path}.id`, message: "id is required", hint: "\u7A7A\u3067\u306A\u3044\u6587\u5B57\u5217\u3067\u66F8\u304F" });
+    }
+    \u8868\u3067\u4E2D\u8EAB\u3092\u691C\u67FB\u3059\u308B(o, \u90E8\u54C1\u306E\u8868, path, "readout", errors);
+    const \u7D44\u306E\u5B9A\u7FA9 = \u90E8\u54C1\u306E\u7D44\u306E\u8868[String(o.kind)];
+    for (const [\u6B04\u540D, \u5B9A\u7FA9] of Object.entries(\u7D44\u306E\u5B9A\u7FA9 ?? {})) {
+      if (!Array.isArray(o[\u6B04\u540D])) continue;
+      o[\u6B04\u540D].forEach((entry, j) => {
+        const entryPath = `${path}.${\u6B04\u540D}[${j}]`;
+        if (!entry || typeof entry !== "object" || Array.isArray(entry)) return;
+        const item = entry;
+        for (const key of Object.keys(item)) {
+          if (key in \u5B9A\u7FA9.\u6B04) continue;
+          errors.push({
+            path: `${entryPath}.${key}`,
+            message: `${key} is not allowed for readout kind "${String(o.kind)}"`,
+            hint: `\u4F7F\u3048\u308B\u9805\u76EE = ${Object.keys(\u5B9A\u7FA9.\u6B04).join(", ")}`
+          });
+        }
+        for (const key of \u5B9A\u7FA9.\u5FC5\u9808) {
+          if (item[key] !== void 0) continue;
+          errors.push({
+            path: `${entryPath}.${key}`,
+            message: `${key} is required for readout kind "${String(o.kind)}"`
+          });
+        }
+        for (const [key, \u5F62] of Object.entries(\u5B9A\u7FA9.\u6B04)) {
+          const \u5024 = item[key];
+          if (\u5024 === void 0) continue;
+          const \u5408\u3046 = \u5F62 === "\u6570" ? typeof \u5024 === "number" && Number.isFinite(\u5024) : typeof \u5024 === "string";
+          if (\u5408\u3046) continue;
+          errors.push({
+            path: `${entryPath}.${key}`,
+            message: `${key} must be ${\u5F62}`,
+            hint: `got ${Array.isArray(\u5024) ? "array" : \u5024 === null ? "null" : typeof \u5024}`
+          });
+        }
+      });
+    }
+  });
+}
+function validateActorShape(v, path, errors) {
+  if (v === void 0) return;
+  if (!v || typeof v !== "object" || Array.isArray(v)) {
+    errors.push({
+      path,
+      message: "shape must be a plain object",
+      hint: `got ${v === null ? "null" : Array.isArray(v) ? "array" : typeof v}`
+    });
+    return;
+  }
+  \u8868\u3067\u4E2D\u8EAB\u3092\u691C\u67FB\u3059\u308B(v, \u56F3\u5F62\u306E\u8868, path, "shape", errors);
+}
 function validateIdMap(v, \u6B04, \u5C64, errors, \u4E2D\u8EAB\u3092\u898B\u308B) {
   if (v === void 0) return;
   const path = `$.${\u6B04}`;
@@ -7196,6 +8976,7 @@ function validateJson(json) {
   if (!\u5199\u3057.ok) return { ok: false, errors: [\u5199\u3057.error] };
   const j = \u5199\u3057.value;
   checkUnknownKeys(j, "root", "$", errors);
+  validateReadouts(j.readouts, errors);
   \u8868\u3067\u691C\u67FB(j, "root", "$", "", errors);
   if (!Array.isArray(j.actors) || j.actors.length === 0) {
     errors.push({ path: "$.actors", message: "actors must be a non-empty array" });
@@ -7209,6 +8990,7 @@ function validateJson(json) {
       const ao = a;
       checkUnknownKeys(ao, "actor", `$.actors[${i}]`, errors);
       \u8868\u3067\u691C\u67FB(ao, "actor", `$.actors[${i}]`, "actor", errors);
+      validateActorShape(ao.shape, `$.actors[${i}].shape`, errors);
       const \u898B\u672C\u304B = \u898B\u672C\u306E\u540D\u524D\u304B(ao.kind);
       const \u4EE3\u308F\u308A\u306B\u4F7F\u3046\u6B04 = {
         state: "\u7BB1\u306E\u898B\u305F\u76EE\u3092\u5909\u3048\u308B\u306A\u3089 tone / color \u3092\u4F7F\u3046",
@@ -7427,6 +9209,10 @@ function jsonToDoc(json) {
       stack: a.stack,
       initial: a.initial,
       final: a.final,
+      // 箱の中に描く図形 (#1374)。 見本では状態の上書きが効くため、通常の箱にだけ渡す
+      shape: isPart ? void 0 : a.shape,
+      visibleIf: isPart ? void 0 : a.visibleIf,
+      title: isPart ? void 0 : a.title,
       // 普通の箱にしか効かない欄は見本では落とす。 落とす欄の一覧は `見本に効かない欄` が
       // 唯一の出どころで、検査 (#1308) も同じ表を見る = 「検査は通すが組み立てが捨てる」
       // 状態が作れない
@@ -7467,6 +9253,7 @@ function jsonToDoc(json) {
     to: s.to,
     label: s.label,
     sub: s.sub,
+    side: s.side,
     // 箱と同じ読み替えを通す (#1304)。 通さないと `tone: "成功"` が色名として解決されないまま
     // 図に届き、同じ値が箱では色になり矢印では色にならない
     tone: resolveTone(s.tone),
@@ -7480,6 +9267,7 @@ function jsonToDoc(json) {
     layoutPos: s.pos,
     pos: p0
   }));
+  const readouts = json.readouts ? [...json.readouts] : void 0;
   const states = Object.entries(json.states ?? {}).map(([name, initial]) => ({
     name,
     initial,
@@ -7536,6 +9324,7 @@ function jsonToDoc(json) {
         { id, label: g.label, lanes: g.lanes, pos: p0 }
       ])
     ) : void 0,
+    readouts,
     pos: p0
   };
 }
@@ -7697,14 +9486,40 @@ var diagram_default = {
               tone: {
                 type: "string",
                 description: "\u7BB1\u306E\u8272\u8ABF\u3002 success / warning \u7B49\u306E\u5225\u540D\u3082\u4F7F\u3048\u308B\u3002",
-                enum: ["accent", "teal", "success", "error", "warning", "info", "\u6210\u529F", "\u5931\u6557", "\u8B66\u544A", "\u60C5\u5831", "\u4E2D\u7ACB", "neutral"]
+                enum: [
+                  "accent",
+                  "teal",
+                  "success",
+                  "error",
+                  "warning",
+                  "info",
+                  "\u6210\u529F",
+                  "\u5931\u6557",
+                  "\u8B66\u544A",
+                  "\u60C5\u5831",
+                  "\u4E2D\u7ACB",
+                  "neutral"
+                ]
               },
               color: {
                 type: "string",
                 description: "\u7BB1\u306E\u8272\u540D\u3001\u307E\u305F\u306F # \u3067\u59CB\u307E\u308B parts \u306E\u8272\u756A\u53F7\u3002",
                 anyOf: [
                   {
-                    enum: ["accent", "teal", "success", "error", "warning", "info", "\u6210\u529F", "\u5931\u6557", "\u8B66\u544A", "\u60C5\u5831", "\u4E2D\u7ACB", "neutral"]
+                    enum: [
+                      "accent",
+                      "teal",
+                      "success",
+                      "error",
+                      "warning",
+                      "info",
+                      "\u6210\u529F",
+                      "\u5931\u6557",
+                      "\u8B66\u544A",
+                      "\u60C5\u5831",
+                      "\u4E2D\u7ACB",
+                      "neutral"
+                    ]
                   },
                   {
                     pattern: "^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
@@ -7782,39 +9597,168 @@ var diagram_default = {
                     type: "number"
                   }
                 }
-              }
-            }
-          }
-        ]
-      }
-    },
-    flow: {
-      type: "array",
-      description: "step \u306E\u914D\u5217 (\u77E2\u5370\u3067 actor \u9593\u3092\u7E4B\u3050)\u3002 sequence \u3067\u306F\u9806\u5E8F\u304C\u610F\u5473\u3092\u6301\u3064\u3002",
-      items: {
-        type: "object",
-        required: ["from", "to", "label"],
-        additionalProperties: false,
-        properties: {
-          from: {
-            type: "string",
-            description: "\u8D77\u70B9 actor \u540D"
-          },
-          to: {
-            type: "string",
-            description: "\u7D42\u70B9 actor \u540D"
-          },
-          label: {
-            type: "string",
-            description: "\u77E2\u5370\u4E0A\u306E\u30E9\u30D9\u30EB (\u95A2\u6570\u547C\u51FA\u3057\u540D / \u30E1\u30C3\u30BB\u30FC\u30B8\u7B49)"
-          },
-          sub: {
+              },
+              visibleIf: {
+                type: "string",
+                description: '\u305D\u306E\u7BB1\u3092\u51FA\u3059\u304B\u3069\u3046\u304B\u306E\u6761\u4EF6\u3002 \u72B6\u614B\u3092\u5DEE\u3057\u8FBC\u3081\u308B\u6587\u5B57\u5217\u3067\u3001"0" / "false" / \u7A7A\u6587\u5B57\u304C\u507D\u3001\u305D\u308C\u4EE5\u5916\u306F\u771F\u3002'
+              },
+              title: {
+                type: "string",
+                description: "\u7BB1\u306B\u51FA\u3059\u984C\u3002 \u66F8\u304B\u306A\u3051\u308C\u3070 name \u304C\u305D\u306E\u307E\u307E\u984C\u306B\u306A\u308B\u3002 name \u306F\u56F3\u306E\u4E2D\u3067 1 \u3064\u306B\u6C7A\u307E\u308B\u5FC5\u8981\u304C\u3042\u308B\u304C\u3001\u984C\u306F\u91CD\u306A\u3063\u3066\u3088\u3044\u3002"
+              },
+              shape: {
+                type: "object",
+                description: "\u7BB1\u306E\u4E2D\u306B\u63CF\u304F\u56F3\u5F62\u3002 \u6C34\u4F4D / \u89D2\u5EA6 / \u534A\u5F84\u3092\u72B6\u614B\u3067\u52D5\u304B\u305B\u308B\u3002 kind \u3054\u3068\u306B\u66F8\u3051\u308B\u6B04\u304C\u9055\u3046 (rect / circle / arc / wave / polygon)\u3002",
+                required: ["kind"],
+                properties: {
+                  kind: {
+                    type: "string",
+                    enum: ["rect", "circle", "arc", "wave", "polygon"]
+                  },
+                  source: {
+                    type: ["number", "string"]
+                  },
+                  fillMax: {
+                    type: "number"
+                  },
+                  orient: {
+                    type: "string",
+                    enum: ["up", "down", "left", "right"]
+                  },
+                  radius: {
+                    type: ["number", "string"]
+                  },
+                  fillProgress: {
+                    type: ["number", "string"]
+                  },
+                  innerRadius: {
+                    type: "number"
+                  },
+                  outerRadius: {
+                    type: "number"
+                  },
+                  startAngle: {
+                    type: "number"
+                  },
+                  angle: {
+                    type: ["number", "string"]
+                  },
+                  sweepMax: {
+                    type: "number"
+                  },
+                  level: {
+                    type: ["number", "string"]
+                  },
+                  amplitude: {
+                    type: "number"
+                  },
+                  frequency: {
+                    type: "number"
+                  },
+                  waveHeight: {
+                    type: "number"
+                  },
+                  sides: {
+                    type: "number"
+                  },
+                  rotation: {
+                    type: ["number", "string"]
+                  },
+                  fill: {
+                    type: "string"
+                  },
+                  stroke: {
+                    type: "string"
+                  }
+                },
+                additionalProperties: false,
+                oneOf: [
+                  {
+                    properties: {
+                      kind: {
+                        enum: ["rect"]
+                      }
+                    },
+                    required: ["source", "fillMax"]
+                  },
+                  {
+                    properties: {
+                      kind: {
+                        enum: ["circle"]
+                      }
+                    }
+                  },
+                  {
+                    properties: {
+                      kind: {
+                        enum: ["arc"]
+                      }
+                    },
+                    required: ["angle"]
+                  },
+                  {
+                    properties: {
+                      kind: {
+                        enum: ["wave"]
+                      }
+                    },
+                    required: ["level", "amplitude"]
+                  },
+                  {
+                    properties: {
+                      kind: {
+                        enum: ["polygon"]
+                      }
+                    },
+                    required: ["sides"]
+                  }
+                ]
+              }
+            }
+          }
+        ]
+      }
+    },
+    flow: {
+      type: "array",
+      description: "step \u306E\u914D\u5217 (\u77E2\u5370\u3067 actor \u9593\u3092\u7E4B\u3050)\u3002 sequence \u3067\u306F\u9806\u5E8F\u304C\u610F\u5473\u3092\u6301\u3064\u3002",
+      items: {
+        type: "object",
+        required: ["from", "to", "label"],
+        additionalProperties: false,
+        properties: {
+          from: {
+            type: "string",
+            description: "\u8D77\u70B9 actor \u540D"
+          },
+          to: {
+            type: "string",
+            description: "\u7D42\u70B9 actor \u540D"
+          },
+          label: {
+            type: "string",
+            description: "\u77E2\u5370\u4E0A\u306E\u30E9\u30D9\u30EB (\u95A2\u6570\u547C\u51FA\u3057\u540D / \u30E1\u30C3\u30BB\u30FC\u30B8\u7B49)"
+          },
+          sub: {
             type: "string",
             description: "\u30E9\u30D9\u30EB\u4E0B\u306E\u88DC\u8DB3"
           },
           tone: {
             type: "string",
-            enum: ["accent", "teal", "success", "error", "warning", "info", "\u6210\u529F", "\u5931\u6557", "\u8B66\u544A", "\u60C5\u5831", "\u4E2D\u7ACB", "neutral"],
+            enum: [
+              "accent",
+              "teal",
+              "success",
+              "error",
+              "warning",
+              "info",
+              "\u6210\u529F",
+              "\u5931\u6557",
+              "\u8B66\u544A",
+              "\u60C5\u5831",
+              "\u4E2D\u7ACB",
+              "neutral"
+            ],
             description: "\u77E2\u5370\u306E\u8272\u8ABF\u3002 success / \u6210\u529F \u7B49\u306E\u5225\u540D\u3082\u4F7F\u3048\u308B\u3002"
           },
           style: {
@@ -7830,6 +9774,11 @@ var diagram_default = {
             type: "string",
             description: "ER \u306E\u591A\u91CD\u5EA6 (1..N \u7B49\u3001 kind: er \u7528)"
           },
+          side: {
+            type: "string",
+            enum: ["top", "right", "bottom", "left"],
+            description: "\u77E2\u5370\u304C\u3069\u306E\u8FBA\u304B\u3089\u51FA\u308B\u304B\u3002 \u66F8\u304B\u306A\u3051\u308C\u3070\u63CF\u753B\u5074\u304C\u81EA\u52D5\u3067\u9078\u3076\u3002"
+          },
           labelOffsetX: {
             type: "number",
             description: "\u30E9\u30D9\u30EB\u4F4D\u7F6E x \u8ABF\u6574"
@@ -8059,6 +10008,828 @@ var diagram_default = {
           }
         }
       }
+    },
+    readouts: {
+      type: "array",
+      description: "\u5024\u3092\u898B\u305B\u308B\u90E8\u54C1\u3002 \u72B6\u614B\u306E\u5024\u3092\u5272\u5408\u306E\u8F2A / \u6570\u3048\u4E0A\u3052 / \u76EE\u76DB\u308A\u3067\u51FA\u3059\u3002 \u7BB1\u3067\u306F\u306A\u3044\u306E\u3067\u7E26\u5217\u306B\u8F09\u3089\u305A\u3001\u56F3\u5168\u4F53\u306B 1 \u3064\u306E\u4E26\u3073\u3068\u3057\u3066\u6301\u3064\u3002",
+      items: {
+        type: "object",
+        required: ["id", "kind"],
+        additionalProperties: false,
+        properties: {
+          id: {
+            type: "string",
+            minLength: 1
+          },
+          kind: {
+            type: "string",
+            enum: [
+              "activity-feed",
+              "alert-banner",
+              "array-bar",
+              "array-list",
+              "article-preview",
+              "attendance-grid",
+              "avatar",
+              "badge",
+              "bar",
+              "breadcrumb",
+              "bubble-chart",
+              "bullet-chart",
+              "calendar-heatmap",
+              "calendar-month",
+              "calendar-week",
+              "candlestick",
+              "cart-summary",
+              "chat-bubble",
+              "checklist",
+              "chess-board",
+              "circular-gauge",
+              "commit-list",
+              "confidence-meter",
+              "countup",
+              "coupon-code",
+              "delta",
+              "diff-counter",
+              "donut",
+              "event-log",
+              "file-dropzone",
+              "form-summary",
+              "fuel-bar",
+              "funnel",
+              "gantt",
+              "gauge",
+              "grade",
+              "heat-cell",
+              "icon-tile",
+              "kanban-board",
+              "kpi-card",
+              "kpi-comparison",
+              "kpi-trend-tile",
+              "leaderboard",
+              "line-chart",
+              "log-stream",
+              "map-pin",
+              "matrix",
+              "media-player",
+              "metrics-grid",
+              "mini-map",
+              "notification",
+              "number-board",
+              "order-status",
+              "org-chart-mini",
+              "otp-input",
+              "password-strength",
+              "path-progress",
+              "percent-ring",
+              "pill-group",
+              "podium",
+              "polar-area",
+              "poll-bar",
+              "price-tag",
+              "pricing-tier",
+              "priority-badge",
+              "progress-group",
+              "quick-poll-emoji",
+              "radar",
+              "rating",
+              "rating-thumb",
+              "reaction-bar",
+              "read-receipt",
+              "roadmap",
+              "sankey",
+              "search-result",
+              "sequence-timeline",
+              "service-health",
+              "share-buttons",
+              "slope",
+              "song-queue",
+              "sparkline",
+              "spinner",
+              "stacked-bar",
+              "stat",
+              "status-dot",
+              "status-timeline",
+              "step-indicator",
+              "step-progress",
+              "stopwatch",
+              "tag-cloud",
+              "terminal",
+              "thermometer",
+              "thread-summary",
+              "timeline-vertical",
+              "timezone-clock",
+              "toc-nav",
+              "token-list",
+              "traffic-light",
+              "treemap",
+              "typewriter",
+              "user-presence",
+              "user-stack",
+              "venn",
+              "video-card",
+              "voice-message",
+              "waterfall",
+              "weather-forecast"
+            ]
+          },
+          additionsSource: {
+            type: "string"
+          },
+          bodySource: {
+            type: "string"
+          },
+          canvasH: {
+            type: "number"
+          },
+          canvasW: {
+            type: "number"
+          },
+          caption: {
+            type: "string"
+          },
+          cellGap: {
+            type: "number"
+          },
+          cellSize: {
+            type: "number"
+          },
+          charMs: {
+            type: "number"
+          },
+          color: {
+            type: "string"
+          },
+          colorA: {
+            type: "string"
+          },
+          colorAccent: {
+            type: "string"
+          },
+          colorActive: {
+            type: "string"
+          },
+          colorActual: {
+            type: "string"
+          },
+          colorAdd: {
+            type: "string"
+          },
+          colorApplied: {
+            type: "string"
+          },
+          colorB: {
+            type: "string"
+          },
+          colorBar: {
+            type: "string"
+          },
+          colorBottom: {
+            type: "string"
+          },
+          colorDel: {
+            type: "string"
+          },
+          colorDiscount: {
+            type: "string"
+          },
+          colorDown: {
+            type: "string"
+          },
+          colorFocus: {
+            type: "string"
+          },
+          colorMap: {
+            type: "array",
+            minItems: 1,
+            items: {
+              type: "object",
+              required: ["status", "color"],
+              additionalProperties: false,
+              properties: {
+                status: {
+                  type: "string"
+                },
+                color: {
+                  type: "string"
+                }
+              }
+            }
+          },
+          colorNeg: {
+            type: "string"
+          },
+          colorNew: {
+            type: "string"
+          },
+          colorOld: {
+            type: "string"
+          },
+          colorOther: {
+            type: "string"
+          },
+          colorPending: {
+            type: "string"
+          },
+          colorPlay: {
+            type: "string"
+          },
+          colorPos: {
+            type: "string"
+          },
+          colorRead: {
+            type: "string"
+          },
+          colorSelf: {
+            type: "string"
+          },
+          colorSource: {
+            type: "string"
+          },
+          colorStrong: {
+            type: "string"
+          },
+          colorTop: {
+            type: "string"
+          },
+          colorTotal: {
+            type: "string"
+          },
+          colorUnread: {
+            type: "string"
+          },
+          colorUp: {
+            type: "string"
+          },
+          colorWeak: {
+            type: "string"
+          },
+          colorWinner: {
+            type: "string"
+          },
+          colors: {
+            type: "array",
+            items: {
+              type: "string"
+            }
+          },
+          columnWidth: {
+            type: "number"
+          },
+          comparisonSource: {
+            type: "string"
+          },
+          count: {
+            type: "number"
+          },
+          currency: {
+            type: "string"
+          },
+          currentSource: {
+            type: "string"
+          },
+          decimals: {
+            type: "number"
+          },
+          deletionsSource: {
+            type: "string"
+          },
+          duration: {
+            type: "number"
+          },
+          durationMs: {
+            type: "number"
+          },
+          durationSource: {
+            type: "string"
+          },
+          fill: {
+            type: "boolean"
+          },
+          highThreshold: {
+            type: "number"
+          },
+          history: {
+            type: "number"
+          },
+          historySource: {
+            type: "string"
+          },
+          innerRatio: {
+            type: "number"
+          },
+          itemTemplate: {
+            type: "string"
+          },
+          kindSource: {
+            type: "string"
+          },
+          label: {
+            type: "string"
+          },
+          labelA: {
+            type: "string"
+          },
+          labelB: {
+            type: "string"
+          },
+          labelSource: {
+            type: "string"
+          },
+          lowThreshold: {
+            type: "number"
+          },
+          map: {
+            type: "array",
+            minItems: 1,
+            items: {
+              type: "object",
+              required: ["value", "color"],
+              additionalProperties: false,
+              properties: {
+                value: {
+                  type: "string"
+                },
+                color: {
+                  type: "string"
+                },
+                label: {
+                  type: "string"
+                }
+              }
+            }
+          },
+          max: {
+            type: "number"
+          },
+          maxSize: {
+            type: "number"
+          },
+          membersSource: {
+            type: "string"
+          },
+          min: {
+            type: "number"
+          },
+          minSize: {
+            type: "number"
+          },
+          monthName: {
+            type: "string"
+          },
+          newSource: {
+            type: "string"
+          },
+          oldSource: {
+            type: "string"
+          },
+          pathD: {
+            type: "string"
+          },
+          playingSource: {
+            type: "string"
+          },
+          prefix: {
+            type: "string"
+          },
+          prevSource: {
+            type: "string"
+          },
+          progressSource: {
+            type: "string"
+          },
+          rMax: {
+            type: "number"
+          },
+          rMin: {
+            type: "number"
+          },
+          rangeAvg: {
+            type: "number"
+          },
+          rangeBad: {
+            type: "number"
+          },
+          runningSource: {
+            type: "string"
+          },
+          segments: {
+            type: "number"
+          },
+          showValue: {
+            type: "boolean"
+          },
+          size: {
+            type: "number"
+          },
+          source: {
+            type: "string"
+          },
+          sourceA: {
+            type: "string"
+          },
+          sourceB: {
+            type: "string"
+          },
+          stepsSource: {
+            type: "string"
+          },
+          strokeWidth: {
+            type: "number"
+          },
+          suffix: {
+            type: "string"
+          },
+          targetSource: {
+            type: "string"
+          },
+          textSource: {
+            type: "string"
+          },
+          titleSource: {
+            type: "string"
+          },
+          unit: {
+            type: "string"
+          },
+          viewH: {
+            type: "number"
+          },
+          viewW: {
+            type: "number"
+          },
+          xMax: {
+            type: "number"
+          },
+          xMin: {
+            type: "number"
+          },
+          yMax: {
+            type: "number"
+          },
+          yMin: {
+            type: "number"
+          }
+        },
+        oneOf: [
+          {
+            properties: {
+              kind: {
+                enum: ["bar"]
+              }
+            },
+            required: ["source", "min", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["gauge"]
+              }
+            },
+            required: ["source", "min", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["stat"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["sparkline"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["countup"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["typewriter"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["delta"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["percent-ring"]
+              }
+            },
+            required: ["source", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["heat-cell"]
+              }
+            },
+            required: ["source", "min", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["donut"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["radar"]
+              }
+            },
+            required: ["source", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["step-progress"]
+              }
+            },
+            required: ["source", "stepsSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["status-dot"]
+              }
+            },
+            required: ["source", "map"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["notification"]
+              }
+            },
+            required: ["kindSource", "titleSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["kpi-card"]
+              }
+            },
+            required: ["source", "historySource", "comparisonSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["status-timeline"]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: [
+                  "activity-feed",
+                  "alert-banner",
+                  "array-list",
+                  "article-preview",
+                  "avatar",
+                  "breadcrumb",
+                  "calendar-month",
+                  "calendar-week",
+                  "cart-summary",
+                  "chat-bubble",
+                  "checklist",
+                  "chess-board",
+                  "commit-list",
+                  "confidence-meter",
+                  "coupon-code",
+                  "event-log",
+                  "file-dropzone",
+                  "form-summary",
+                  "fuel-bar",
+                  "funnel",
+                  "grade",
+                  "icon-tile",
+                  "kanban-board",
+                  "kpi-comparison",
+                  "leaderboard",
+                  "log-stream",
+                  "metrics-grid",
+                  "number-board",
+                  "org-chart-mini",
+                  "otp-input",
+                  "password-strength",
+                  "pill-group",
+                  "podium",
+                  "poll-bar",
+                  "pricing-tier",
+                  "priority-badge",
+                  "quick-poll-emoji",
+                  "rating",
+                  "rating-thumb",
+                  "reaction-bar",
+                  "read-receipt",
+                  "roadmap",
+                  "sankey",
+                  "search-result",
+                  "service-health",
+                  "share-buttons",
+                  "song-queue",
+                  "stopwatch",
+                  "tag-cloud",
+                  "terminal",
+                  "thread-summary",
+                  "timeline-vertical",
+                  "timezone-clock",
+                  "toc-nav",
+                  "token-list",
+                  "traffic-light",
+                  "treemap",
+                  "user-presence",
+                  "user-stack",
+                  "venn",
+                  "video-card",
+                  "voice-message",
+                  "weather-forecast"
+                ]
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["badge"]
+              },
+              map: {
+                type: "array",
+                minItems: 1,
+                items: {
+                  type: "object",
+                  required: ["value", "color"],
+                  additionalProperties: false,
+                  properties: {
+                    value: {
+                      type: "string"
+                    },
+                    color: {
+                      type: "string"
+                    }
+                  }
+                }
+              }
+            },
+            required: ["source"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: [
+                  "array-bar",
+                  "candlestick",
+                  "circular-gauge",
+                  "gantt",
+                  "line-chart",
+                  "matrix",
+                  "sequence-timeline",
+                  "slope",
+                  "thermometer",
+                  "waterfall"
+                ]
+              }
+            },
+            required: ["source", "min", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["attendance-grid"]
+              }
+            },
+            required: ["source", "membersSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["bubble-chart"]
+              }
+            },
+            required: ["source", "xMin", "xMax", "yMin", "yMax", "rMin", "rMax"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["bullet-chart"]
+              }
+            },
+            required: ["source", "targetSource", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["calendar-heatmap", "polar-area", "progress-group"]
+              }
+            },
+            required: ["source", "max"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["diff-counter"]
+              }
+            },
+            required: ["additionsSource", "deletionsSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["kpi-trend-tile"]
+              }
+            },
+            required: ["source", "prevSource", "historySource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["map-pin"]
+              }
+            },
+            required: ["source", "xMin", "xMax", "yMin", "yMax"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["media-player"]
+              }
+            },
+            required: ["source", "durationSource", "playingSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["mini-map"]
+              }
+            },
+            required: ["source", "canvasW", "canvasH"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["order-status", "step-indicator"]
+              }
+            },
+            required: ["source", "stepsSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["path-progress"]
+              }
+            },
+            required: ["source", "pathD"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["price-tag"]
+              }
+            },
+            required: ["oldSource", "newSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["spinner"]
+              }
+            },
+            required: ["source", "textSource"]
+          },
+          {
+            properties: {
+              kind: {
+                enum: ["stacked-bar"]
+              }
+            },
+            required: ["sourceA", "sourceB", "min", "max"]
+          }
+        ]
+      }
     }
   }
 };