@morit/cli 1.3.0 → 1.4.0

package/assets/docs/ai-response-and-timeline.md

@@ -1,8 +1,9 @@
 # Response UI와 Agent Timeline
 
-Response UI는 capability 결과를 AI 메시지 안에서 시각화합니다. 대화 아래의 별도 카드 목록이나
-overflow 메뉴 밑에 떨어뜨리지 않고, 해당 AI 메시지에 속한 하나의 response container 안에
-제목·내용·행동을 함께 렌더링합니다.
+Response UI는 capability 결과를 AI 메시지 안에서 시각화합니다. AI는 필요한 A2UI
+Native Tool을 선택하지만 Host는 우선 최종 텍스트 답변을 완료·저장합니다. 컴포넌트는
+데이터 준비와 검증이 모두 성공한 뒤 해당 AI 메시지 본문 아래에 한 번에 자연스럽게
+표시됩니다. Tool이 실패해도 답변 완료 상태는 바뀌지 않습니다.
 
 ## Response extension
 
@@ -73,9 +74,11 @@ capability를 호출합니다. 기존 `a2ui` 선언이 없는 Response extension
 
 ## AI 선택과 Host 검증
 
-서버는 모든 Tool 결과에 UI를 일괄 생성하거나 데이터 key로 컴포넌트를 추측하지 않습니다. 최종
-답변 모델이 현재 답변에 실제 도움이 되는 후보의 `candidate_id`와 `component`만 선택합니다. 모델은
-컴포넌트 데이터나 임의 ID를 만들 수 없고, 실제 Tool 결과는 Host가 선택 뒤 주입합니다.
+서버는 모든 Tool 결과에 UI를 일괄 생성하거나 키워드 정규식으로 컴포넌트를 강제하지 않습니다.
+최종 답변 모델은 통합 Registry Skill의 용도와 입력 Schema를 의미적으로 비교해 Native Tool을
+선택합니다. provider 컴포넌트에는 위치·통화·검색어만 넘기고, Host가 비동기로 실시간 데이터를
+조회합니다. generated 컴포넌트에는 답변에 근거한 차트 값만 Schema에 맞게
+전달합니다. Plugin 결과는 Host가 검증한 후보 데이터만 사용합니다.
 
 선택 뒤 Host는 다음을 모두 통과한 항목만 A2UI v0.9 DataPart로 저장하고 해당 AI 메시지에 붙입니다.
 
@@ -86,23 +89,28 @@ capability를 호출합니다. 기존 `a2ui` 선언이 없는 Response extension
 - Plugin 컴포넌트의 schema, A2UI version, 설치 상태, Instance 권한과 capability 연결이 유효함
 
 빈 데이터, 실패한 Tool, 무관하거나 중복된 결과, 불확실한 선택은 UI를 만들지 않습니다. 선택 모델
-호출이나 렌더링이 실패해도 일반 텍스트 답변은 그대로 완료됩니다. 진행·실패 상태는 Agent Timeline에
-표시하며 의미 없는 loading/failed Response 카드를 미리 만들거나 DB에 남기지 않습니다.
+호출이나 렌더링이 실패해도 일반 텍스트 답변은 그대로 완료됩니다. 로딩 문구,
+skeleton, 빈 card는 렌더링하지 않고 준비가 끝난 컴포넌트만 한 번 표시합니다.
 
 ## 기본 A2UI Component Catalog
 
 | component | 표시 조건 |
 |---|---|
 | `weather` | 현재 기온·상태 또는 예보가 하나 이상 유효함 |
+| `world_clock` | 1~8개 위치의 IANA timezone과 현재 시각이 유효함 |
 | `chart` | label과 수치가 있는 행이 2개 이상임; `bar`, `line`, `pie`, `scatter` |
 | `image_gallery` | HTTPS 이미지와 원문 URL·출처명이 함께 있음 |
 | `exchange_rate` | 기준 통화, 상대 통화, 유한한 환율 값이 있음 |
 | `article_list` | 제목·출처·원문이 있는 서로 다른 기사 2개 이상 |
-| `article_card` | 제목·출처·게시 시각·요약·본문 일부·이미지·원문이 모두 있음 |
+| `article_card` | 제목·출처·요약·본문 일부·원문이 있고, 게시 시각·이미지는 제공될 때 표시 |
 | `file_result` | 실제 Morit item ID 또는 검증 가능한 다운로드 URL이 있음 |
 | `image_preview` | 실제 image item 또는 검증 가능한 preview URL이 있음 |
 | `video_preview` | 실제 video item/URL과 thumbnail URL이 함께 있음 |
 
+`weather`, `exchange_rate`, `world_clock`, `article_list`, `article_card`, `image_gallery`는
+provider mode이고 `chart`는 generated mode입니다. 기사와 이미지는 페이지 이동·다시 시도,
+gallery는 반응형 grid/carousel을 지원합니다. 표는 일반 Markdown으로 답변하고 단계별
+텍스트 slider는 catalog에서 제거되었습니다.
 각 renderer도 같은 필수 값을 다시 확인하고, 값이 바뀌거나 손상되면 해당 컴포넌트만 fallback합니다.
 
 ## Plugin 컴포넌트의 동적 등록
@@ -134,7 +142,7 @@ Plugin Response는 Runtime v2의 전체 layout, surface, theme, image, action과
 - Response 내부에 자체 채팅 입력창을 만들지 않습니다.
 - 무한 높이 목록 대신 요약과 상세 화면 이동을 제공합니다.
 - background refresh가 대화 scroll 위치를 바꾸지 않게 기존 높이와 데이터를 가능한 유지합니다.
-- 렌더링 오류는 해당 Response만 텍스트 fallback으로 바꾸고 대화 전체를 종료하지 않습니다.
+- 렌더링 오류는 해당 Response UI를 생략하고 이미 완료된 텍스트 답변을 유지합니다.
 - accessibility 순서는 AI 본문 다음, Response 제목, 내용, 행동 순으로 유지합니다.
 
 ## Text fallback

package/assets/docs/components.md

@@ -119,16 +119,21 @@ action에는 반드시 `label`, 일반 `icon` node에는 `semantic_label`을 함
 |---|---|---|
 | `button` | 명시적인 주·보조 행동 | `label`, `icon`, `style`, `full_width`, `enabled` |
 | `chip` | 필터·짧은 선택 | `label`, `icon`, `selected`, `enabled` |
-| `field` | 텍스트·숫자 입력 | `state_key`, `label`, `placeholder`, `input_type`, `persist` |
-| `select` | 고정 선택지 | `state_key`, `label`, `options`, `persist` |
+| `field` | 텍스트·숫자·autocomplete 입력 | `state_key`, `label`, `placeholder`, `input_type`, `suggestions`/`suggestions_source`, `persist` |
+| `select` | 고정·비동기·검색 선택지 | `state_key`, `label`, `options`/`options_source`, `searchable`, `persist` |
 | `switch` | boolean 설정 | `state_key`, `label`, `persist` |
-| `form` | 관련 입력 묶음 | `spacing`, children, submit action을 가진 button |
+| `form` | 관련 입력 묶음 | `spacing`, `submit_label`, children, 선택적 submit action |
 | `dialog` | 짧고 집중된 확인·편집 | `title`, `label`, children |
 | `sheet` | 모바일 중심의 보조 작업 | `title`, `label`, children |
 
 `field`, `select`, `switch`의 `state_key`는 `initial_state`에 먼저 선언해야 합니다. select options는
-1~32개의 `{ "value": ..., "label": "..." }` 객체입니다. `enabled: false`는 이유를 주변 문구로
-설명할 때만 사용합니다.
+1~32개의 `{ "value": ..., "label": "..." }` 객체입니다. 정적과 source 옵션을 둘 다 선언할 수
+없습니다. `required`, 문자열 길이, 숫자 범위와 `error_text`는 Host form validation에
+사용됩니다. `enabled: false`는 이유를 주변 문구로 설명할 때만 사용합니다.
+
+action은 `surface`, `card`, `button`, `chip`, `form`, `field`, `select`, `switch`에만 붙일 수
+있습니다. 입력 action 직전에 Host가 IME composition과 controller를 commit하며,
+`validate: true`는 잘못된 form의 Tool·navigation 실행을 차단합니다.
 
 ## 반복과 데이터 시각화
 
@@ -192,10 +197,14 @@ semantic label, 최소 탭 영역과 색 이외의 상태 표시는 Host Materia
 ## A2UI Response catalog와의 관계
 
 위 node는 Plugin Runtime을 구성하는 primitive입니다. AI가 직접 선택하는 Response catalog는
-`weather`, `chart`, `image_gallery`, `exchange_rate`, `article_list`, `article_card`,
-`file_result`, `image_preview`, `video_preview`와 활성 Plugin이 등록한 `plugin.<extension-id>`로
-구성됩니다. AI는 primitive tree나 실제 결과 값을 생성하지 않고 catalog ID만 선택합니다. Host는
-기본 컴포넌트 데이터 또는 Plugin의 `a2ui.schema`를 검증한 뒤 Runtime tree에 실제 값을 주입합니다.
+`weather`, `world_clock`, `chart`, `image_gallery`,
+`exchange_rate`, `article_list`, `article_card`, `file_result`, `image_preview`, `video_preview`와 활성
+Plugin이 등록한 `plugin.<extension-id>`로 구성됩니다. 최종 답변 모델은 같은 Registry Skill과 Native
+Tool에서 출처(`builtin`/`plugin`), mode(`provider`/`generated`/`result`), 용도와 Schema를 확인합니다.
+provider mode는 조회 조건만, generated mode는 답변에 근거한 표시 값만 전달하며 Host가 검증한 뒤
+Runtime tree에 주입합니다. 특정 키워드만으로 Tool을 강제하지 않습니다.
+구조화 표는 A2UI 전용 컴포넌트 대신 Markdown table을 사용합니다. 위 표의
+Runtime `table` node는 플러그인 화면 호환성을 위한 primitive로 계속 지원합니다.
 자세한 등록·fallback 규칙은 [Response UI와 Agent Timeline](ai-response-and-timeline.md)을
 참고하세요.
 

package/assets/docs/examples-school-life.md

@@ -32,8 +32,8 @@
 
 ```text
 examples/plugins/school-life/dist/school-life-1.5.0.mplg
-크기 263433 bytes
-SHA-256 0939f8956037638d56f7672ac4f9c4d8f6472d58d23840c1fd5baab198c41e29
+크기 263438 bytes
+SHA-256 dfd39c29154c50bd14b4eeed390efffa7fa5ab3c6ad9361730eea67bdb836276
 ```
 
 1. Morit 플러그인 관리에서 위 `.mplg`를 선택합니다.

package/assets/docs/getting-started.md

@@ -47,7 +47,7 @@ revision만 있으며 인증 정보는 들어가지 않습니다.
   "description": "오늘 할 일을 정리합니다.",
   "publisher": "example",
   "version": "1.0.0",
-  "min_morit_version": "1.7.8",
+  "min_morit_version": "1.7.12",
   "max_morit_version": "1.999.999",
   "permissions": [],
   "capabilities": [

package/assets/docs/manifest.md

@@ -20,7 +20,7 @@
   "privacy_policy_url": "https://example.com/privacy",
   "publisher": "example",
   "version": "1.0.0",
-  "min_morit_version": "1.7.8",
+  "min_morit_version": "1.7.12",
   "max_morit_version": "1.999.999",
   "permissions": ["network", "credentials"],
   "capabilities": [
@@ -110,6 +110,16 @@ namespace, quota, migration과 표준 CRUD Tool은 [Plugin Local Storage와 AI
   "description": "연결한 계정의 노트를 검색합니다.",
   "permissions": ["network", "credentials"],
   "timeout_seconds": 10,
+  "input_schema": {
+    "type": "object",
+    "properties": {"query": {"type": "string", "minLength": 1}},
+    "required": ["query"]
+  },
+  "output_schema": {
+    "type": "object",
+    "properties": {"items": {"type": "array", "items": {"type": "object"}}},
+    "required": ["items"]
+  },
   "runtime": {
     "adapter": "http_json",
     "connector_id": "notes_api"
@@ -121,6 +131,9 @@ namespace, quota, migration과 표준 CRUD Tool은 [Plugin Local Storage와 AI
 timeout은 0.1~30초입니다. capability 권한은 Manifest 권한의 부분집합이어야 합니다. `tool`과
 `skill`은 실행 가능한 runtime adapter가 필수입니다. Search `provider`는
 `runtime.role: "search"`와 adapter가 필요합니다.
+`input_schema`/`output_schema`는 선택이지만 선언하면 AI Tool·UI·Host가 모두 같은
+안전한 JSON Schema 부분집합으로 입력과 결과를 검증합니다. UI binding 정적 검사는
+[UI Runtime v2](ui-runtime-v2.md)를 참고하세요.
 
 ## UI extension
 

package/assets/docs/packaging-and-testing.md

@@ -75,8 +75,10 @@ npx -y @morit/cli plugin preview . --output ./dist/preview.html
 python tools/morit_plugin.py preview . --output ./dist/preview.html
 ```
 
-정보 구조와 compiled manifest, light/dark partial theme를 점검합니다. 실제 Flutter renderer 성공을
-대신하지 않습니다.
+정보 구조와 compiled manifest, light/dark partial theme를 점검합니다. Preview는 Flutter Host와
+같은 state/binding/compound condition, form validation, autocomplete·searchable select, 순차·병렬
+action flow, route parameter/result 규칙을 사용하며 Runtime Inspector로 변경을 확인할 수 있습니다.
+실제 인증 Tool·native route stack·플랫폼 IME 동작은 Flutter 앱에서 최종 확인합니다.
 
 ### 3. Package reopen
 
@@ -100,6 +102,12 @@ python tools/morit_plugin.py verify ./dist/plugin.mplg
 - local file 설치
 - 활성화와 권한 허용·거부
 - 화면 loading·empty·error·retry
+- 한국어 IME 입력 직후 Tool arguments, focus 전환과 controller 동기화
+- autocomplete, searchable/async select, form validation, 순차·병렬 action flow
+- route parameters·result 반환, permission/connection/platform/screen 복합 조건
+- 홈·플러그인 화면·AI Response UI 간 source cache 재사용과 storage mutation 자동 refresh
+- A2UI 답변 완료 후 즉시 렌더링, 실패 생략, 로딩 UI 미표시
+- 미디어 overlay의 영상·MP3 옵션, 실제 변환·진행률·재시도·모바일 너비
 - 시스템/라이트/다크 전환과 기존 theme 없는 package 호환
 - Storage CRUD·검색·즉시 UI 갱신, AI read/read_write 권한
 - 사용자·Installation·Instance·namespace 격리와 quota/revision/generation 충돌
@@ -111,8 +119,10 @@ python tools/morit_plugin.py verify ./dist/plugin.mplg
 
 ### 6. 회귀 검사
 
-SDK, Python Host, Flutter schema, Local MCP, Remote MCP가 같은 contract를 반환하고 같은 fixture를 허용·거부하는지
-확인합니다. 문서 예제 JSON도 source 검증 과정에서 실행해 구현과 함께 변경합니다.
+SDK, Python Host, Flutter schema/runtime, Local MCP, Remote MCP, Preview가 같은 contract와 경계를
+반환하고 같은 fixture를 허용·거부하는지 확인합니다. capability input/output schema와 UI
+binding도 모든 validator에서 같이 실패해야 합니다. 문서 예제 JSON도 source 검증 과정에서
+실행해 구현과 함께 변경합니다.
 
 ## 실패 시 원칙
 

package/assets/docs/remote-mcp.md

@@ -32,7 +32,7 @@ claude mcp add --transport http --scope user \
 
 | Tool | 목적 |
 |---|---|
-| `morit_sdk_contract` | SDK 1.7.8 Theme·Storage·UI/Host capability contract 전체 반환 |
+| `morit_sdk_contract` | SDK 1.7.12 Theme·Storage·UI/Host capability contract 전체 반환 |
 | `morit_docs_search` | bundled 공식 문서 검색 |
 | `morit_docs_get` | 검색 결과의 Markdown 한 파일 읽기 |
 

package/assets/docs/sdk-and-mcp.md

@@ -7,7 +7,7 @@ Morit은 두 MCP 연결을 제공합니다.
 | Local `@morit/plugin-mcp` | 개발자 PC의 stdio process | 로컬 파일 직접 편집, 빠른 preview/build |
 | Remote `https://morit-api.moring.co/mcp` | Morit Cloud Streamable HTTP | 파일시스템 없는 AI client, 조직 Project·Secret·Deployment |
 
-두 연결은 SDK 1.7.8의 `@morit/cli`와 Host Plugin contract를 사용합니다. 계약에는 mode별 Plugin
+두 연결은 SDK 1.7.12의 `@morit/cli`와 Host Plugin contract를 사용합니다. 계약에는 mode별 Plugin
 Theme, Local Storage/AI access, 표준 Storage Tool, UI binding, A2UI Response catalog와 safe
 preview가 포함됩니다. Local source에 접근할 필요가 없으면 Remote를, 현재 저장소 파일을 직접
 고쳐야 하면 Local을 선택합니다.

package/assets/docs/tool-and-skill.md

@@ -74,7 +74,7 @@ GET과 POST만 지원하며 redirect를 따라가지 않습니다. endpoint는
 
 ### Remote MCP
 
-Morit Host 1.7.8의 plugin outbound MCP adapter는 `mcp_http`입니다. 개발자용 Local/Remote Plugin
+Morit Host 1.7.12의 plugin outbound MCP adapter는 `mcp_http`입니다. 개발자용 Local/Remote Plugin
 MCP 서버와 이름이 비슷하지만, 설치된 플러그인이 선언한 외부 MCP Tool을 Host 경계에서 호출하는
 runtime입니다.
 
@@ -133,10 +133,26 @@ enable/disable·권한 변경·Connection 생성/수정/삭제·OAuth 완료·
   "description": "연결한 학교의 오늘 시간표, 급식, 학사일정을 조회합니다.",
   "permissions": ["network", "storage"],
   "timeout_seconds": 10,
+  "input_schema": {
+    "type": "object",
+    "properties": {"date": {"type": "string"}},
+    "additionalProperties": false
+  },
+  "output_schema": {
+    "type": "object",
+    "properties": {"timetable": {"type": "array", "items": {"type": "object"}}},
+    "required": ["timetable"]
+  },
   "runtime": {"adapter": "neis_school", "operation": "overview"}
 }
 ```
 
+`input_schema`/`output_schema`는 root `object`인 안전한 JSON Schema 부분집합입니다. AI Tool,
+UI data source·invoke, Host 실행과 결과 binding이 같은 schema를 사용합니다. CLI/MCP validate는
+필수 필드·타입·범위와 `data.<source>.data...` 경로를 package build 전에 검사합니다.
+실행 시 schema와 다른 외부 응답은 정상 결과로 변환하지 않고 해당 capability 오류로
+격리합니다.
+
 UI `invoke`가 capability를 참조할 때도 enabled, generation, permission, timeout을 다시 확인합니다.
 UI에 capability ID를 사용자용 라벨로 표시하지 않습니다.
 

package/assets/docs/ui-runtime-v2.md

@@ -73,7 +73,8 @@ UI Runtime v2는 서명된 `.mplg`가 화면, 상태, data source, action을 JSO
 ```
 
 허용 config 필드는 `ui_schema`, `icon`, `description`, `placement`, `app_bar`, `navigation`,
-`theme`, `initial_state`, `data_sources`, `view`입니다.
+`theme`, `initial_state`, `data_sources`, `a2ui`, `view`입니다. `a2ui`는 `point: "response"`에서만
+사용합니다.
 
 ## 트리와 크기 제한
 
@@ -150,9 +151,19 @@ theme를 생략한 기존 플러그인은 Morit의 현재 Material 3 라이트·
 ```
 
 `field`, `select`, `switch`, navigation selection, `set_state`는 여기에 선언된 key만 변경합니다.
+Host는 focus된 입력과 `TextEditingController`를 action 실행 직전에 commit하므로 조합 중인
+한국어 IME 문자도 Tool arguments와 validation에 최신 값으로 반영됩니다.
 `persist: true`는 Instance settings의 extension 전용 namespace에 저장합니다. credential과 민감한
 사용자 데이터는 state에 저장하지 않습니다.
 
+### 입력과 검증
+
+- `field.suggestions`는 정적 autocomplete 문자열, `suggestions_source`는 `data.<source>...` 배열입니다.
+- `select.options`는 정적 `{value,label}` 목록, `options_source`는 capability가 돌려준 비동기 목록입니다.
+- `select.searchable: true`는 Material 3 검색 select를 사용합니다.
+- `required`, `min_length`, `max_length`, `minimum`, `maximum`, `error_text`는 `field`/`select`/`switch`
+  검증에 사용합니다. action의 `validate: true`는 잘못된 form을 실행하지 않습니다.
+
 ## Data source와 binding
 
 ```json
@@ -185,6 +196,14 @@ arguments에 전달하고, 다른 글자와 섞으면 텍스트 template이 됩
 {"label": "{{state.period}} 일정"}
 ```
 
+`context.platform`, `context.screen.width|height|size_class`, `context.permissions.<permission>`,
+`context.connections.<credential>`, `context.connected`, `context.loading.<source>`,
+`context.errors.<source>`, `context.route.<parameter>`도 조건과 binding에 사용할 수 있습니다.
+
+Capability의 `input_schema`/`output_schema`는 안전한 JSON Schema 부분집합을 사용합니다. validate는
+data source와 invoke arguments를 input schema와, `data.<source>.data...` binding을 output schema와 정적으로
+대조합니다. 필수 필드·타입·존재하지 않는 경로는 package build 전에 구체적인 오류로 거부됩니다.
+
 ### Local Storage binding
 
 저장소도 같은 data source/action 흐름을 사용합니다.
@@ -276,6 +295,25 @@ form dialog sheet field select switch empty
 
 `store`는 선언된 data source ID이며 성공 결과로 해당 source를 교체합니다.
 
+### Action Flow와 Form
+
+```json
+{
+  "type": "flow",
+  "mode": "sequential",
+  "validate": true,
+  "continue_on_error": false,
+  "actions": [
+    {"type": "invoke", "capability": "school.save", "arguments": {"name": "{{state.name}}"}, "store": "saved"},
+    {"type": "navigate", "target": "school.details", "parameters": {"id": "{{data.saved.data.id}}"}, "result_state": "route_result"}
+  ]
+}
+```
+
+`mode`는 `sequential` 또는 `parallel`입니다. flow는 최대 4 depth, 전체 16 action, flow당
+8 action으로 제한됩니다. 순차 flow는 앞 action의 store를 다음 action에서 즉시 읽고,
+병렬 flow는 서로 의존하지 않는 action을 함께 실행합니다.
+
 ### State와 refresh
 
 ```json
@@ -292,13 +330,17 @@ form dialog sheet field select switch empty
 {
   "type": "navigate",
   "target": "school_life.details",
+  "parameters": {"date": "{{state.date}}"},
+  "result_state": "details_result",
   "transition": "platform",
   "replace": false
 }
 ```
 
 `transition`은 `platform`, `fade`, `slide`, `none`입니다. `replace: true`는 현재 route를 뒤로가기
-stack에서 교체합니다. 같은 manifest의 UI extension ID만 target이 될 수 있습니다.
+stack에서 교체합니다. 같은 manifest의 UI extension ID만 target이 될 수 있습니다. `parameters`는
+대상의 `context.route.<parameter>`로 전달되고 닫힌 결과는 `result_state`에 지정한
+`initial_state` key에 반영됩니다. 대상은 `back.result`로 결과 객체를 반환합니다.
 
 ```json
 {"type": "back"}
@@ -315,8 +357,9 @@ stack에서 교체합니다. 같은 manifest의 UI extension ID만 target이 될
 }
 ```
 
-`equals`, `not_equals`, `exists` 중 정확히 하나를 사용합니다. 조건은 state·data·현재 `item` 값만
-읽고 임의 expression을 실행하지 않습니다.
+단일 조건은 `equals`, `not_equals`, `exists` 중 정확히 하나를 사용합니다. `all`, `any`, `not`으로
+조건을 재귀적으로 조합할 수 있으며 조건 depth 4, 전체 32개로 제한됩니다. 조건은
+`state`, `data`, `item`, `context`만 읽고 임의 expression을 실행하지 않습니다.
 
 ## 로딩과 오류 복구
 
@@ -325,6 +368,18 @@ Host는 source별 실행을 격리하고 중복 실행을 합칩니다. 화면
 유지하고, 첫 로드도 실패한 경우에만 해당 영역에 retry 상태를 표시합니다. package generation이나
 화면이 바뀐 뒤 도착한 오래된 응답은 버립니다.
 
+Host는 Instance·capability·해석된 query/arguments가 같은 결과를 Shell 수명의 공유 cache에
+보관합니다. 홈, 플러그인 화면, AI Response UI에서 같은 source를 열면 추가 호출 없이
+즉시 재사용하고 mutation/refresh 결과를 구독 중인 모든 surface에 자동 전파합니다.
+알림 Tool은 같은 Instance local storage를 source of truth로 읽으며 알림 action의 storage mutation도
+storage revision을 갱신해 열린 UI source를 자동 refresh합니다.
+
+## Runtime Inspector
+
+Preview와 debug Host의 `Runtime Inspector`는 현재 state, data source 결과, context, loading/error,
+마지막 action과 검증 오류를 표시합니다. secret과 credential 값은 포함하지 않으며 배포 build의
+일반 사용자 화면에서는 노출하지 않습니다.
+
 ## Response UI
 
 `point: "response"`도 같은 `theme`, `app_bar`, `navigation`, data/state/node/action 계약을
@@ -337,7 +392,15 @@ catalog는 [Response UI와 Agent Timeline](ai-response-and-timeline.md)을 참
 ## Preview와 실제 Host
 
 `morit plugin preview . --output ./dist/preview.html` 또는 `morit_project_preview`는 validate를 먼저
-통과한 config를 실행 코드 없이 안전한 HTML로 렌더링합니다. 상단 토글로 light/dark variant와 Host
-상속 결과를 비교할 수 있습니다. 같은 manifest를 Flutter 앱이 실제 Material widget으로 렌더링하므로
-node, binding, theme 계약은 공유하지만 focus, 키보드, route stack, 권한, 실제 Tool 호출은 서명
-package를 앱에 설치해 최종 확인합니다.
+통과한 config를 실행 코드 없이 안전한 HTML로 렌더링합니다. Preview는 Flutter Host와 같은
+binding, compound condition, state commit, form validation, autocomplete/select, 순차·병렬 flow,
+route params/result 규칙을 적용하고 invoke/navigation을 검증 가능한 Host event로 노출합니다.
+상단 토글로 light/dark variant와 Host 상속 결과를 비교하고 Runtime Inspector로 상태를 확인합니다.
+실제 인증·권한·network Tool과 native route stack만 서명 package를 앱에 설치해 최종 확인합니다.
+
+## 1.7.12 호환성
+
+기존 UI v2 manifest는 변경 없이 동작합니다. compound condition, action flow, input 검증,
+async options, route data, capability schema는 모두 additive입니다. 기존 단일 action과
+`{path, equals|not_equals|exists}` 조건은 그대로 유지됩니다. 새 필드를 사용하는 package는
+`min_morit_version: "1.7.12"`를 지정합니다.

package/assets/docs/verification.md

@@ -10,7 +10,7 @@ SHA-256을 함께 남기면 나중에 같은 결과를 재현할 수 있습니
 
 | 패키지 | 크기 | SHA-256 |
 |---|---:|---|
-| `school-life-1.5.0.mplg` | 263433 bytes | `0939f8956037638d56f7672ac4f9c4d8f6472d58d23840c1fd5baab198c41e29` |
+| `school-life-1.5.0.mplg` | 263438 bytes | `dfd39c29154c50bd14b4eeed390efffa7fa5ab3c6ad9361730eea67bdb836276` |
 | `notion-1.1.0.mplg` | 3044 bytes | `eba57c440b305343c5cf917259e30e50b322272cfadb0ed64d39ecfc47539c4e` |
 
 ```powershell

package/assets/plugin_contract.json

@@ -1,5 +1,5 @@
 {
-  "sdk_version": "1.7.8",
+  "sdk_version": "1.7.12",
   "manifest_schema_versions": [1, 2],
   "recommended_schema_version": 2,
   "package_content_type": "application/vnd.morit.plugin+zip",
@@ -45,7 +45,7 @@
     "slash_commands": {"target": "slash_commands", "kind": null}
   },
   "object_fields": {
-    "capability": ["id", "kind", "title", "description", "permissions", "timeout_seconds", "runtime"],
+    "capability": ["id", "kind", "title", "description", "permissions", "timeout_seconds", "runtime", "input_schema", "output_schema"],
     "ui_extension": ["id", "point", "title", "order", "permissions", "config"],
     "credential": ["id", "label", "description", "kind", "required", "oauth_provider", "allow_multiple"],
     "slash_command": ["id", "command", "title", "description", "capability", "argument_template"],
@@ -116,10 +116,14 @@
     "catalog_id": "https://moring.co/a2ui/catalogs/morit-ai/v1",
     "selection": "ai_explicit_host_validated",
     "selection_limit": 4,
-    "model_selection_fields": ["candidate_id", "component", "chart_type"],
-    "host_injects_tool_data": true,
+      "skill": "morit_a2ui",
+      "tool": "render_a2ui",
+      "model_selection_fields": ["candidate_id", "component", "values", "chart_type"],
+      "host_injects_tool_data": false,
+      "tool_values_must_equal_candidate": false,
+      "tool_values_must_be_candidate_grounded": true,
     "fallback": "text_only",
-    "built_in_components": ["weather", "chart", "image_gallery", "exchange_rate", "article_list", "article_card", "file_result", "image_preview", "video_preview"],
+    "built_in_components": ["weather", "world_clock", "chart", "image_gallery", "exchange_rate", "article_list", "article_card", "file_result", "image_preview", "video_preview"],
     "validation_gates": ["completed_or_partial", "non_empty", "component_data", "answer_relevance", "not_duplicate", "plugin_schema", "plugin_permission", "plugin_version"],
     "plugin_component_prefix": "plugin.",
     "plugin_metadata_fields": ["version", "description", "schema"],
@@ -278,6 +282,17 @@
       "top",
       "right",
       "bottom"
+      ,"required"
+      ,"min_length"
+      ,"max_length"
+      ,"minimum"
+      ,"maximum"
+      ,"error_text"
+      ,"suggestions"
+      ,"suggestions_source"
+      ,"searchable"
+      ,"options_source"
+      ,"submit_label"
     ],
     "app_bar_fields": ["title", "subtitle", "center_title", "pinned", "leading", "actions"],
     "navigation_fields": ["type", "items", "selected_state_key", "persist", "label_behavior", "rail_breakpoint"],
@@ -289,8 +304,11 @@
     "theme_border_fields": ["color", "width", "radius"],
     "theme_icon_fields": ["color", "size"],
     "theme_state_fields": ["disabled_opacity", "selected_color", "focus_color"],
-    "action_fields": ["type", "capability", "query", "arguments", "store", "target", "source", "values", "persist", "transition", "replace"],
-    "actions": ["invoke", "navigate", "set_state", "refresh", "back"],
+    "action_fields": ["type", "capability", "query", "arguments", "store", "target", "source", "values", "persist", "transition", "replace", "mode", "actions", "continue_on_error", "validate", "parameters", "result_state", "result"],
+    "actions": ["invoke", "navigate", "set_state", "refresh", "back", "flow"],
+    "condition_fields": ["path", "equals", "not_equals", "exists", "all", "any", "not"],
+    "condition_context_roots": ["platform", "screen", "permissions", "connections", "connected", "loading", "errors", "route"],
+    "action_flow_modes": ["sequential", "parallel"],
     "navigation_transitions": ["platform", "fade", "slide", "none"],
     "chart_types": ["bar", "line", "donut", "scatter"],
     "navigation_types": ["tabs", "bar", "rail", "drawer", "adaptive"],
@@ -408,7 +426,13 @@
       "data_sources": 8,
       "state_keys": 32,
       "navigation_items": 8,
-      "app_bar_actions": 6
+      "app_bar_actions": 6,
+      "condition_depth": 4,
+      "condition_nodes": 32,
+      "action_flow_depth": 4,
+      "action_flow_actions": 16,
+      "actions_per_flow": 8,
+      "input_options": 32
     }
   },
   "signature": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morit/cli",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Official Morit Developer CLI for Cloud Projects, validation, builds, and deployments",
   "type": "module",
   "bin": {

package/src/preview.js

@@ -51,27 +51,53 @@ function themeVariables(config) {
   return values.join(";");
 }
 
+function jsonAttribute(value) {
+  return escape(JSON.stringify(value));
+}
+
+function nodeAttributes(node) {
+  const attributes = [];
+  if (node.visible_when) attributes.push('data-visible="' + jsonAttribute(node.visible_when) + '"');
+  if (node.action) attributes.push('data-action="' + jsonAttribute(node.action) + '"');
+  return attributes.length ? " " + attributes.join(" ") : "";
+}
+
 function nodeHtml(node) {
   if (!node || typeof node !== "object") return "";
   const type = String(node.type || "surface");
   const props = node.props && typeof node.props === "object" ? node.props : {};
   const children = Array.isArray(node.children) ? node.children.map(nodeHtml).join("") : "";
   const label = escape(props.label || props.title || type);
-  const action = node.action ? ' data-action="' + escape(node.action.type) + '"' : "";
-  if (type === "text") return '<p class="ui-text ' + escape(props.style) + '">' + escape(props.text) + "</p>";
-  if (type === "icon") return '<span class="ui-icon" role="img" aria-label="' + escape(props.semantic_label || props.icon) + '">' + escape(props.icon) + "</span>";
-  if (type === "image") return '<div class="ui-image" role="img" aria-label="' + escape(props.semantic_label || "image") + '">🖼 ' + escape(props.asset || props.url || "image") + "</div>";
-  if (type === "avatar") return '<span class="ui-avatar">' + escape(props.label || "M").slice(0, 1) + "</span>";
-  if (type === "badge") return '<span class="ui-badge">' + label + children + "</span>";
+  const attributes = nodeAttributes(node);
+  const template = (value) => ' data-template="' + escape(value ?? "") + '"';
+  if (type === "text") return '<p class="ui-text ' + escape(props.style) + '"' + attributes + template(props.text) + '>' + escape(props.text) + "</p>";
+  if (type === "icon") return '<span class="ui-icon" role="img" aria-label="' + escape(props.semantic_label || props.icon) + '"' + attributes + '>' + escape(props.icon) + "</span>";
+  if (type === "image") return '<div class="ui-image" role="img" aria-label="' + escape(props.semantic_label || "image") + '"' + attributes + '>🖼 ' + escape(props.asset || props.url || "image") + "</div>";
+  if (type === "avatar") return '<span class="ui-avatar"' + attributes + '>' + escape(props.label || "M").slice(0, 1) + "</span>";
+  if (type === "badge") return '<span class="ui-badge"' + attributes + '>' + label + children + "</span>";
   if (type === "divider") return "<hr>";
   if (type === "spacer") return '<span class="ui-spacer" aria-hidden="true"></span>';
-  if (type === "button") return "<button" + action + ">" + (props.icon ? escape(props.icon) + " " : "") + label + "</button>";
-  if (type === "chip") return '<span class="ui-chip"' + action + ">" + label + "</span>";
-  if (type === "metric") return '<div class="ui-metric"><strong>' + escape(props.value) + "</strong><span>" + label + "</span></div>";
-  if (type === "progress") return '<div class="ui-progress"><span>' + label + '</span><progress value="' + Number(props.value ?? .5) + '" max="1"></progress></div>';
-  if (type === "field") return '<label class="ui-field">' + label + '<input disabled placeholder="' + escape(props.hint || props.placeholder) + '"></label>';
-  if (type === "select") return '<label class="ui-field">' + label + '<select disabled><option>' + escape(props.placeholder || "선택") + "</option></select></label>";
-  if (type === "switch") return '<label class="ui-switch"><input type="checkbox" disabled> ' + label + "</label>";
+  if (type === "button") return "<button type=\"button\"" + attributes + ">" + (props.icon ? escape(props.icon) + " " : "") + label + "</button>";
+  if (type === "chip") return '<button type="button" class="ui-chip"' + attributes + '>' + label + "</button>";
+  if (type === "metric") return '<div class="ui-metric"' + attributes + '><strong' + template(props.value) + '>' + escape(props.value) + "</strong><span>" + label + "</span></div>";
+  if (type === "progress") return '<div class="ui-progress"' + attributes + '><span>' + label + '</span><progress data-value-template="' + escape(props.value ?? .5) + '" value="' + Number(props.value ?? .5) + '" max="1"></progress></div>';
+  if (type === "field") {
+    const inputType = props.input_type === "number" ? "number" : props.input_type === "email" ? "email" : props.input_type === "url" ? "url" : "text";
+    const constraints = (props.required ? " required" : "") + (props.min_length != null ? ' minlength="' + Number(props.min_length) + '"' : "") + (props.max_length != null ? ' maxlength="' + Number(props.max_length) + '"' : "") + (props.minimum != null ? ' min="' + Number(props.minimum) + '"' : "") + (props.maximum != null ? ' max="' + Number(props.maximum) + '"' : "");
+    const suggestions = Array.isArray(props.suggestions) ? '<datalist id="list-' + escape(props.state_key) + '">' + props.suggestions.map((value) => '<option value="' + escape(value) + '"></option>').join("") + "</datalist>" : "";
+    const listId = props.suggestions || props.suggestions_source ? "list-" + props.state_key : "";
+    return '<label class="ui-field"' + attributes + '>' + label + '<input type="' + inputType + '" data-state-key="' + escape(props.state_key) + '" data-suggestions-source="' + escape(props.suggestions_source || "") + '" placeholder="' + escape(props.hint || props.placeholder) + '"' + constraints + (listId ? ' list="' + escape(listId) + '"' : "") + ">" + (suggestions || (listId ? '<datalist id="' + escape(listId) + '"></datalist>' : "")) + "</label>";
+  }
+  if (type === "select") {
+    const options = Array.isArray(props.options) ? props.options : [];
+    if (props.searchable) {
+      const listId = "select-" + props.state_key;
+      return '<label class="ui-field"' + attributes + '>' + label + '<input data-search-select="true" data-state-key="' + escape(props.state_key) + '" data-options-source="' + escape(props.options_source || "") + '" data-options="' + jsonAttribute(options) + '" list="' + escape(listId) + '" placeholder="' + escape(props.placeholder || "검색하여 선택") + '"' + (props.required ? " required" : "") + '><datalist id="' + escape(listId) + '">' + options.map((option) => '<option value="' + escape(option.label) + '"></option>').join("") + "</datalist></label>";
+    }
+    const optionHtml = options.map((option, index) => '<option value="' + index + '" data-value="' + jsonAttribute(option.value) + '">' + escape(option.label) + "</option>").join("");
+    return '<label class="ui-field"' + attributes + '>' + label + '<select data-state-key="' + escape(props.state_key) + '" data-options-source="' + escape(props.options_source || "") + '"' + (props.required ? " required" : "") + '><option value="">' + escape(props.placeholder || "선택") + "</option>" + optionHtml + "</select></label>";
+  }
+  if (type === "switch") return '<label class="ui-switch"' + attributes + '><input type="checkbox" data-state-key="' + escape(props.state_key) + '"' + (props.required ? " required" : "") + "> " + label + "</label>";
   if (type === "empty") return '<div class="ui-empty"><strong>' + escape(props.title || "표시할 내용이 없어요.") + "</strong><p>" + escape(props.supporting) + "</p></div>";
   if (["list", "timeline", "calendar", "chart", "table"].includes(type)) {
     return '<section class="ui-collection"><small>' + escape(type + (props.source ? " · " + props.source : "")) + "</small>" + (children || '<p>' + escape(props.empty_text || "데이터가 연결되면 표시됩니다.") + "</p>") + "</section>";
@@ -83,7 +109,8 @@ function nodeHtml(node) {
   const heading = surface && (props.title || props.label)
     ? "<h3>" + label + "</h3>" + (props.subtitle ? "<p>" + escape(props.subtitle) + "</p>" : "")
     : "";
-  return '<div class="' + className + '"' + action + ">" + heading + children + "</div>";
+  if (type === "form") return '<form class="' + className + '"' + attributes + ">" + heading + children + (props.submit_label ? '<button type="submit">' + escape(props.submit_label) + "</button>" : "") + "</form>";
+  return '<div class="' + className + '"' + attributes + ">" + heading + children + "</div>";
 }
 
 function chromeHtml(config) {
@@ -100,6 +127,214 @@ function chromeHtml(config) {
   return bar + nav;
 }
 
+export function resolvePreviewPath(roots, path) {
+  const parts = String(path || "").split(".");
+  let value = roots[parts.shift()];
+  for (const part of parts) {
+    if (value == null) return null;
+    if (Array.isArray(value) && part === "length") value = value.length;
+    else if (Array.isArray(value) && /^\d+$/.test(part)) value = value[Number(part)];
+    else if (typeof value === "object") value = value[part];
+    else return null;
+  }
+  return value ?? null;
+}
+
+export function previewValuesEqual(left, right) {
+  if (Object.is(left, right)) return true;
+  if (Array.isArray(left) && Array.isArray(right)) {
+    return left.length === right.length && left.every((value, index) => previewValuesEqual(value, right[index]));
+  }
+  if (left && right && typeof left === "object" && typeof right === "object" && !Array.isArray(left) && !Array.isArray(right)) {
+    const keys = Object.keys(left);
+    return keys.length === Object.keys(right).length && keys.every((key) => Object.hasOwn(right, key) && previewValuesEqual(left[key], right[key]));
+  }
+  return typeof left === "number" && typeof right === "number" && left === right;
+}
+
+export function resolvePreviewValue(value, roots) {
+  if (Array.isArray(value)) return value.map((item) => resolvePreviewValue(item, roots));
+  if (value && typeof value === "object") {
+    return Object.fromEntries(Object.entries(value).map(([key, item]) => [key, resolvePreviewValue(item, roots)]));
+  }
+  if (typeof value !== "string") return value;
+  const exact = value.match(/^\{\{((?:state|data|context|item)\.[A-Za-z0-9_.-]+)\}\}$/);
+  if (exact) return resolvePreviewPath(roots, exact[1]);
+  return value.replace(/\{\{((?:state|data|context|item)\.[A-Za-z0-9_.-]+)\}\}/g, (_, path) => String(resolvePreviewPath(roots, path) ?? ""));
+}
+
+export function evaluatePreviewCondition(condition, roots) {
+  if (!condition) return true;
+  if (Array.isArray(condition.all)) return condition.all.every((item) => evaluatePreviewCondition(item, roots));
+  if (Array.isArray(condition.any)) return condition.any.some((item) => evaluatePreviewCondition(item, roots));
+  if (condition.not) return !evaluatePreviewCondition(condition.not, roots);
+  const value = resolvePreviewPath(roots, condition.path);
+  if (Object.hasOwn(condition, "equals")) return previewValuesEqual(value, resolvePreviewValue(condition.equals, roots));
+  if (Object.hasOwn(condition, "not_equals")) return !previewValuesEqual(value, resolvePreviewValue(condition.not_equals, roots));
+  if (Object.hasOwn(condition, "exists")) return condition.exists === (value !== null);
+  return true;
+}
+
+function previewRuntime() {
+  const parse = (element, key) => element.dataset[key] ? JSON.parse(element.dataset[key]) : null;
+  const same = previewValuesEqual;
+  for (const article of document.querySelectorAll(".screen[data-extension]")) {
+    const config = JSON.parse(article.querySelector(".runtime-config").textContent);
+    const state = structuredClone(config.initial_state || {});
+    const data = {};
+    const context = {
+      platform: "web",
+      permissions: {}, connections: {}, connected: false,
+      loading: {}, errors: {}, route: {},
+      screen: { width: article.clientWidth, height: innerHeight, size_class: article.clientWidth < 600 ? "compact" : article.clientWidth < 840 ? "medium" : "expanded" },
+    };
+    const roots = () => ({ state, data, context, item: {} });
+    const inspector = article.querySelector(".runtime-inspector pre");
+    const log = [];
+
+    function optionValue(option) {
+      if (!option?.dataset.value) return option?.value ?? null;
+      return JSON.parse(option.dataset.value);
+    }
+
+    function update() {
+      for (const element of article.querySelectorAll("[data-visible]")) {
+        element.hidden = !evaluatePreviewCondition(parse(element, "visible"), roots());
+      }
+      for (const element of article.querySelectorAll("[data-template]")) {
+        element.textContent = String(resolvePreviewValue(element.dataset.template, roots()) ?? "");
+      }
+      for (const element of article.querySelectorAll("progress[data-value-template]")) {
+        element.value = Number(resolvePreviewValue(element.dataset.valueTemplate, roots()) ?? 0);
+      }
+      for (const input of article.querySelectorAll("input[data-suggestions-source]")) {
+        if (!input.dataset.suggestionsSource) continue;
+        const values = resolvePreviewPath(roots(), input.dataset.suggestionsSource);
+        const list = document.getElementById(input.getAttribute("list"));
+        if (list && Array.isArray(values)) list.replaceChildren(...values.filter((value) => typeof value === "string").map((value) => Object.assign(document.createElement("option"), { value })));
+      }
+      for (const select of article.querySelectorAll("select[data-options-source]")) {
+        if (!select.dataset.optionsSource) continue;
+        const values = resolvePreviewPath(roots(), select.dataset.optionsSource);
+        const placeholder = select.options[0]?.cloneNode(true) || document.createElement("option");
+        const options = Array.isArray(values) ? values.filter((value) => value && typeof value === "object" && typeof value.label === "string") : [];
+        select.replaceChildren(placeholder, ...options.map((value, index) => {
+          const option = document.createElement("option");
+          option.value = String(index);
+          option.textContent = value.label;
+          option.dataset.value = JSON.stringify(value.value);
+          return option;
+        }));
+      }
+      for (const input of article.querySelectorAll("input[data-search-select]")) {
+        const values = input.dataset.optionsSource ? resolvePreviewPath(roots(), input.dataset.optionsSource) : JSON.parse(input.dataset.options || "[]");
+        input._previewOptions = Array.isArray(values) ? values.filter((value) => value && typeof value === "object" && typeof value.label === "string") : [];
+        const list = document.getElementById(input.getAttribute("list"));
+        if (list) list.replaceChildren(...input._previewOptions.map((value) => Object.assign(document.createElement("option"), { value: value.label })));
+      }
+      for (const input of article.querySelectorAll("[data-state-key]")) {
+        const value = state[input.dataset.stateKey];
+        if (input.type === "checkbox") input.checked = value === true;
+        else if (input.dataset.searchSelect) {
+          const match = (input._previewOptions || []).find((option) => same(option.value, value));
+          if (document.activeElement !== input && match && input.value !== match.label) input.value = match.label;
+        }
+        else if (input.tagName === "SELECT") {
+          const match = [...input.options].find((option) => same(optionValue(option), value));
+          if (match && input.value !== match.value) input.value = match.value;
+        } else if (document.activeElement !== input && input.value !== String(value ?? "")) input.value = String(value ?? "");
+      }
+      inspector.textContent = JSON.stringify({ state, data, context, log: log.slice(-8) }, null, 2);
+    }
+
+    async function perform(action) {
+      if (!action) return false;
+      if (action.validate && ![...article.querySelectorAll("form")].every((form) => form.reportValidity())) return false;
+      if (action.type === "flow") {
+        const tasks = action.actions || [];
+        if (action.mode === "parallel") {
+          const results = await Promise.all(tasks.map(perform));
+          return action.continue_on_error || results.every(Boolean);
+        }
+        for (const child of tasks) if (!await perform(child) && !action.continue_on_error) return false;
+        return true;
+      }
+      if (action.type === "set_state") Object.assign(state, resolvePreviewValue(action.values || {}, roots()));
+      else if (action.type === "invoke") {
+        const detail = { capability: action.capability, query: resolvePreviewValue(action.query, roots()), arguments: resolvePreviewValue(action.arguments || {}, roots()), result: null };
+        article.dispatchEvent(new CustomEvent("morit-preview-invoke", { detail, bubbles: true }));
+        if (action.store && detail.result != null) data[action.store] = detail.result;
+        log.push({ invoke: detail.capability, arguments: detail.arguments });
+      } else if (action.type === "refresh") {
+        const detail = { source: action.source, result: null };
+        article.dispatchEvent(new CustomEvent("morit-preview-refresh", { detail, bubbles: true }));
+        if (detail.result != null) data[action.source] = detail.result;
+        log.push({ refresh: action.source });
+      } else if (action.type === "navigate") {
+        const detail = { target: action.target, parameters: resolvePreviewValue(action.parameters || {}, roots()), result: null };
+        article.dispatchEvent(new CustomEvent("morit-preview-navigate", { detail, bubbles: true }));
+        context.route = detail.parameters;
+        document.querySelector('.screen[data-extension="' + CSS.escape(action.target) + '"]')?.scrollIntoView({ behavior: "smooth" });
+        if (action.result_state && detail.result != null) state[action.result_state] = detail.result;
+        log.push({ navigate: action.target, parameters: detail.parameters });
+      } else if (action.type === "back") {
+        article.dispatchEvent(new CustomEvent("morit-preview-back", { detail: { result: resolvePreviewValue(action.result || {}, roots()) }, bubbles: true }));
+        log.push({ back: true });
+      }
+      update();
+      return true;
+    }
+
+    article.addEventListener("input", (event) => {
+      const input = event.target.closest("[data-state-key]");
+      if (!input) return;
+      if (input.dataset.searchSelect) return;
+      state[input.dataset.stateKey] = input.type === "checkbox" ? input.checked : input.type === "number" && input.value !== "" ? Number(input.value) : input.value;
+      update();
+    });
+    article.addEventListener("change", (event) => {
+      const input = event.target.closest("[data-state-key]");
+      if (!input) return;
+      if (input.dataset.searchSelect) {
+        const match = (input._previewOptions || []).find((option) => option.label === input.value);
+        if (!match) { input.setCustomValidity("목록에서 선택해 주세요."); input.reportValidity(); return; }
+        input.setCustomValidity("");
+        state[input.dataset.stateKey] = match.value;
+      } else state[input.dataset.stateKey] = input.tagName === "SELECT" ? optionValue(input.selectedOptions[0]) : input.type === "checkbox" ? input.checked : input.type === "number" && input.value !== "" ? Number(input.value) : input.value;
+      const actionHost = input.closest("[data-action]");
+      if (actionHost) perform(parse(actionHost, "action"));
+      update();
+    });
+    article.addEventListener("submit", (event) => {
+      event.preventDefault();
+      perform(parse(event.target, "action"));
+    });
+    article.addEventListener("click", (event) => {
+      const host = event.target.closest("button[data-action], .ui-surface[data-action], .ui-layout[data-action]");
+      if (host) perform(parse(host, "action"));
+    });
+    article.addEventListener("keydown", (event) => {
+      if (event.key !== "Enter" || event.isComposing) return;
+      const field = event.target.closest(".ui-field[data-action]");
+      if (field) { event.preventDefault(); perform(parse(field, "action")); }
+    });
+    new ResizeObserver(() => {
+      context.screen.width = article.clientWidth;
+      context.screen.size_class = article.clientWidth < 600 ? "compact" : article.clientWidth < 840 ? "medium" : "expanded";
+      update();
+    }).observe(article);
+    update();
+  }
+}
+
+const RUNTIME_SCRIPT = [
+  resolvePreviewPath.toString(),
+  previewValuesEqual.toString(),
+  resolvePreviewValue.toString(),
+  evaluatePreviewCondition.toString(),
+  "(" + previewRuntime.toString() + ")();",
+].join("\n");
+
 const CSS = [
   "*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:#0d1211}",
   ".theme-toggle{position:fixed;right:18px;top:16px;z-index:3;padding:9px 13px;border-radius:999px;background:#fff;color:#17211f;box-shadow:0 4px 18px #0003;cursor:pointer}",
@@ -110,6 +345,7 @@ const CSS = [
   ".screen-meta,.app-bar,.screen-body,.ui-nav{padding:var(--space)}.screen-meta{display:flex;gap:8px;background:var(--surface-variant);color:var(--on-surface-variant)}.screen-meta span{margin-right:auto}.app-bar{display:flex;align-items:center;border-bottom:1px solid var(--outline-variant)}.app-bar div:first-child{display:grid}.app-bar small{color:var(--on-surface-variant)}.app-actions{margin-left:auto;display:flex;gap:6px}",
   ".screen-body,.ui-layout,.ui-surface,.ui-collection{display:flex;flex-direction:column;gap:var(--space)}.ui-layout.row{flex-direction:row;align-items:center}.ui-layout.wrap,.ui-nav{display:flex;flex-flow:row wrap;gap:8px}.ui-layout.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ui-surface,.ui-collection,.ui-empty{padding:var(--space);border:1px solid var(--outline-variant);border-radius:var(--radius);background:color-mix(in srgb,var(--surface),var(--primary-container) 9%)}",
   "h3,p{margin:0}.ui-text.heading{font-size:1.25em;font-weight:750}.ui-text.caption,small{color:var(--on-surface-variant)}button,.ui-chip{border:0;border-radius:999px;padding:8px 13px;background:var(--primary-container);color:var(--on-primary-container);font:inherit}.ui-icon{font:600 .75em monospace;color:var(--primary)}.ui-image{min-height:90px;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface-variant);color:var(--on-surface-variant)}.ui-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--primary);color:var(--on-primary)}.ui-badge{padding:3px 7px;border-radius:99px;background:var(--error-container);color:var(--on-error-container)}.ui-metric{display:grid;padding:12px;border-radius:var(--radius);background:var(--secondary-container);color:var(--on-secondary-container)}.ui-metric strong{font-size:1.35em}.ui-field{display:grid;gap:5px}input,select{width:100%;padding:11px;border:1px solid var(--outline);border-radius:var(--radius);background:var(--surface);color:var(--on-surface)}progress{accent-color:var(--primary);width:100%}hr{width:100%;border:0;border-top:1px solid var(--outline-variant)}.ui-spacer{min-height:12px}.ui-nav{border-top:1px solid var(--outline-variant)}",
+  "[hidden]{display:none!important}[data-action]{cursor:pointer}.runtime-inspector{margin:0 var(--space) var(--space);border-top:1px solid var(--outline-variant);padding-top:8px}.runtime-inspector pre{max-height:260px;overflow:auto;white-space:pre-wrap;font:12px/1.4 ui-monospace,monospace;color:var(--on-surface-variant)}",
 ].join("");
 
 export function renderPreviewHtml(manifest) {
@@ -117,9 +353,10 @@ export function renderPreviewHtml(manifest) {
   const screens = extensions.length
     ? extensions.map((extension) => {
       const config = extension.config;
-      return '<article class="screen" style="' + themeVariables(config) + '">' +
+      const safeConfig = JSON.stringify(config).replaceAll("<", "\\u003c").replaceAll(">", "\\u003e").replaceAll("&", "\\u0026");
+      return '<article class="screen" data-extension="' + escape(extension.id) + '" style="' + themeVariables(config) + '">' +
         '<div class="screen-meta"><span>' + escape(extension.point) + "</span><strong>" + escape(extension.title) + "</strong></div>" +
-        chromeHtml(config) + '<main class="screen-body">' + nodeHtml(config.view) + "</main></article>";
+        chromeHtml(config) + '<main class="screen-body">' + nodeHtml(config.view) + '</main><details class="runtime-inspector"><summary>Runtime Inspector</summary><pre></pre></details><script type="application/json" class="runtime-config">' + safeConfig + "</script></article>";
     }).join("")
     : '<article class="screen"><div class="ui-empty"><strong>UI extension 없음</strong><p>UI Runtime v2 화면을 추가하면 여기에 표시됩니다.</p></div></article>';
   const title = escape(manifest.name);
@@ -127,6 +364,6 @@ export function renderPreviewHtml(manifest) {
     title + " preview</title><style>" + CSS +
     '</style></head><body><input id="preview-dark" type="checkbox"><label class="theme-toggle" for="preview-dark">☀︎ / ☾</label><div class="preview"><header class="preview-head"><small>Morit UI Runtime v2 · 안전한 계약 Preview</small><h1>' +
     title + "</h1><p>" + escape(manifest.description || "") +
-    '</p></header><section class="screens">' + screens + "</section></div></body></html>";
+    '</p></header><section class="screens">' + screens + "</section></div><script>" + RUNTIME_SCRIPT + "</script></body></html>";
   return Buffer.from(content, "utf8");
 }

package/src/workspace.js

@@ -40,7 +40,7 @@ const SAFE_SEGMENT = /^[A-Za-z0-9._-]+$/;
 const WINDOWS_RESERVED = /^(?:con|prn|aux|nul|clock\$|com[1-9]|lpt[1-9])(?:\.|$)/i;
 const UI_IDENTIFIER = /^[A-Za-z0-9][A-Za-z0-9._-]{0,127}$/;
 const UI_STATE_KEY = /^[A-Za-z][A-Za-z0-9_]{0,63}$/;
-const UI_BINDING = /^(?:state|data|item)(?:\.[A-Za-z0-9_-]+){0,12}$/;
+const UI_BINDING = /^(?:state|data|item|context)(?:\.[A-Za-z0-9_-]+){0,12}$/;
 const UI_TEMPLATE_BINDING = /\{\{\s*([^{}]+?)\s*\}\}/g;
 const UI_SINGLE_TEMPLATE_BINDING = /^\{\{\s*([^{}]+?)\s*\}\}$/;
 const UI_ASSET_PATH = /^assets\/[A-Za-z0-9._-]+(?:\/[A-Za-z0-9._-]+)*\.(?:gif|jpe?g|png|webp)$/i;
@@ -152,7 +152,7 @@ export class LocalWorkspace {
       version: "1.0.0",
       cloud_project_id: null,
       required_secrets: [],
-      min_morit_version: "1.7.8",
+      min_morit_version: "1.7.12",
       max_morit_version: "1.999.999",
       permissions: [],
       capabilities: [],
@@ -813,6 +813,12 @@ function validateManifest(manifest, files) {
       throw new Error(`unsupported runtime adapter: ${adapter || "missing"}`);
     }
     validateRuntime(capability, runtime, permissions, credentials, connectors, dependencies);
+    for (const [field, schema] of [["input_schema", capability.input_schema], ["output_schema", capability.output_schema]]) {
+      if (schema === undefined) continue;
+      assertObject(schema, `capability ${capability.id} ${field}`);
+      if (Buffer.byteLength(JSON.stringify(schema), "utf8") > 16 * 1024) throw new Error(`capability ${capability.id} ${field} is too large`);
+      validateResponseSchema(schema, 0, true);
+    }
     if (adapter === "sandbox_python") {
       const entrypoint = normalizeEntrypointPath(runtime.entrypoint);
       if (!entrypoint.startsWith("src/") || !entrypoint.endsWith(".py")) throw new Error("sandbox_python entrypoint must be src/*.py");
@@ -1242,11 +1248,15 @@ function validateRuntimeReferences(capabilities, connectors, connectorIds, depen
 function validateUiConfig(extension, capabilities, routeIds, files, hasStorage = false) {
   const config = extension.config === undefined ? {} : extension.config;
   const executable = new Set(capabilities.filter((value) => ["tool", "skill", "provider", "notification"].includes(value.kind)).map((value) => value.id));
+  const capabilitySchemas = new Map(capabilities.map((value) => [value.id, {
+    input_schema: value.input_schema,
+    output_schema: value.output_schema,
+  }]));
   if (hasStorage) for (const capability of STORAGE_TOOLS) executable.add(capability);
   if (extension.point === "response" && config.ui_schema !== 2) throw new Error("response UI requires UI Runtime v2");
   if (config.ui_schema === 2) {
     if (config.placement != null && !["card", "action"].includes(extension.point)) throw new Error("UI placement is only valid for home extensions");
-    validateUiRuntimeV2(config, executable, routeIds);
+    validateUiRuntimeV2(config, executable, routeIds, capabilitySchemas);
     validateResponseComponent(config, extension.point === "response");
     for (const asset of uiRuntimeAssetPaths(config.view)) {
       if (!(asset in files)) throw new Error(`UI image asset is not packaged: ${asset}`);
@@ -1376,7 +1386,7 @@ function validateLegacyUiForm(form, executable, extensionId) {
   }
 }
 
-function validateUiRuntimeV2(config, executable, routes) {
+function validateUiRuntimeV2(config, executable, routes, capabilitySchemas = new Map()) {
   rejectUnknownFields(config, new Set(contract.ui_runtime.config_fields), "UI Runtime v2");
   if (config.ui_schema !== 2) throw new Error("UI Runtime version must be 2");
   validateUiIcon(config.icon);
@@ -1429,6 +1439,7 @@ function validateUiRuntimeV2(config, executable, routes) {
   validateUiNavigation(config.navigation, executable, routes, sourceIds, stateKeys);
   assertObject(config.view, "UI Runtime v2 view");
   validateUiNode(config.view, 0, { value: 0 }, executable, routes, sourceIds, stateKeys, null);
+  validateUiCapabilityBindings(config, sources, capabilitySchemas);
 }
 
 function validateUiTheme(theme, variant = false) {
@@ -1600,7 +1611,7 @@ function validateUiNode(node, depth, counter, executable, routes, sources, state
   const props = node.props === undefined ? {} : node.props;
   validateUiProps(node.type, props, sources, stateKeys);
   validateUiCondition(node.visible_when, stateKeys, sources);
-  if (node.action != null && !["surface", "card", "button", "chip"].includes(node.type)) {
+  if (node.action != null && !["surface", "card", "button", "chip", "form", "field", "select", "switch"].includes(node.type)) {
     throw new Error("UI action requires an interactive component");
   }
   validateUiAction(node.action, executable, routes, sources, stateKeys);
@@ -1633,7 +1644,7 @@ function validateUiProps(nodeType, props, sources, stateKeys) {
     "border_radius", "elevation", "opacity", "clip", "enabled", "tooltip", "semantic_label", "exclude_semantics",
   ]);
   if (nodeType === "surface") rejectUnknownFields(props, surfaceProps, "surface UI component props");
-  for (const key of ["text", "title", "subtitle", "label", "supporting", "placeholder", "empty_text", "value", "tooltip", "semantic_label"]) {
+  for (const key of ["text", "title", "subtitle", "label", "supporting", "placeholder", "empty_text", "value", "tooltip", "semantic_label", "error_text", "submit_label"]) {
     if (props[key] !== undefined) {
       optionalUiTemplate(props[key], 1200, true);
       validateTemplateReferences(props[key], stateKeys, sources);
@@ -1644,6 +1655,11 @@ function validateUiProps(nodeType, props, sources, stateKeys) {
   }
   if (props.icon !== undefined) validateUiIcon(props.icon, true);
   if (props.max_lines !== undefined && (!Number.isInteger(props.max_lines) || props.max_lines < 1 || props.max_lines > 100)) throw new Error("UI numeric property max_lines is invalid");
+  if (props.input_type !== undefined && !["text", "number", "email", "url"].includes(props.input_type)) throw new Error("UI input type is invalid");
+  for (const key of ["min_length", "max_length"]) if (props[key] !== undefined && (!Number.isInteger(props[key]) || props[key] < 0 || props[key] > 2000)) throw new Error(`UI ${key} is invalid`);
+  if ((props.min_length ?? 0) > (props.max_length ?? 2000)) throw new Error("UI text length constraints are invalid");
+  for (const key of ["minimum", "maximum"]) if (props[key] !== undefined) validateUiNumber(props[key], `UI ${key}`, -1000000000, 1000000000);
+  if ((props.minimum ?? -1000000000) > (props.maximum ?? 1000000000)) throw new Error("UI numeric constraints are invalid");
   for (const key of ["columns", "size", "limit"]) {
     if (props[key] !== undefined && (!Number.isInteger(props[key]) || props[key] < 0 || props[key] > 100)) throw new Error(`UI numeric property ${key} is invalid`);
   }
@@ -1668,7 +1684,7 @@ function validateUiProps(nodeType, props, sources, stateKeys) {
   for (const key of ["left", "top", "right", "bottom"]) if (props[key] !== undefined) validateUiNumber(props[key], `UI position ${key}`, -4096, 4096);
   if (props.stack_at !== undefined && (!Number.isInteger(props.stack_at) || props.stack_at < 0 || props.stack_at > 1200)) throw new Error("UI stack_at is invalid");
   if (props.min_item_width !== undefined && (!Number.isInteger(props.min_item_width) || props.min_item_width < 96 || props.min_item_width > 600)) throw new Error("UI min_item_width is invalid");
-  for (const key of ["persist", "selected", "dense", "show_legend", "full_width", "exclude_semantics", "clip", "shrink_wrap", "enabled"]) if (props[key] !== undefined && typeof props[key] !== "boolean") throw new Error(`UI boolean property ${key} is invalid`);
+  for (const key of ["persist", "selected", "dense", "show_legend", "full_width", "exclude_semantics", "clip", "shrink_wrap", "enabled", "required", "searchable"]) if (props[key] !== undefined && typeof props[key] !== "boolean") throw new Error(`UI boolean property ${key} is invalid`);
   if (props.fit !== undefined && !["contain", "cover", "fill", "fit_width", "fit_height", "none", "scale_down"].includes(props.fit)) throw new Error("UI image fit is invalid");
   if (props.scroll_direction !== undefined && !["vertical", "horizontal"].includes(props.scroll_direction)) throw new Error("UI scroll direction is invalid");
   if (["image", "avatar"].includes(nodeType)) validateUiImageSource(props, sources);
@@ -1688,6 +1704,11 @@ function validateUiProps(nodeType, props, sources, stateKeys) {
   if (nodeType === "chart" && !["bar", "line", "donut", "scatter"].includes(chartType)) throw new Error("UI chart type is invalid");
   if (nodeType === "calendar" && props.state_key != null && !stateKeys.has(props.state_key)) throw new Error("UI calendar state is unknown");
   if (["field", "select", "switch"].includes(nodeType) && !stateKeys.has(props.state_key)) throw new Error("UI state field is unknown");
+  if (props.suggestions !== undefined || props.suggestions_source !== undefined) {
+    if (nodeType !== "field" || (props.suggestions !== undefined && props.suggestions_source !== undefined)) throw new Error("UI autocomplete options are invalid");
+    if (props.suggestions !== undefined && (!Array.isArray(props.suggestions) || props.suggestions.length < 1 || props.suggestions.length > 32 || props.suggestions.some((value) => typeof value !== "string" || !value.trim() || value.length > 120))) throw new Error("UI autocomplete options are invalid");
+    if (props.suggestions_source !== undefined) validateUiDataBinding(props.suggestions_source, sources, "autocomplete");
+  }
   if (props.options != null) {
     if (nodeType !== "select" || !Array.isArray(props.options) || props.options.length < 1 || props.options.length > 32) throw new Error("UI select options are invalid");
     for (const option of props.options) {
@@ -1696,6 +1717,18 @@ function validateUiProps(nodeType, props, sources, stateKeys) {
       optionalUiText(option.label, 80, { required: true });
     }
   }
+  if (props.options !== undefined && props.options_source !== undefined) throw new Error("UI select cannot declare two options sources");
+  if (props.options_source !== undefined) {
+    if (nodeType !== "select") throw new Error("UI options source requires a select");
+    validateUiDataBinding(props.options_source, sources, "select options");
+  }
+  if (props.searchable !== undefined && nodeType !== "select") throw new Error("UI searchable requires a select");
+  for (const key of ["required", "min_length", "max_length", "minimum", "maximum", "error_text"]) if (props[key] !== undefined && !["field", "select", "switch"].includes(nodeType)) throw new Error("UI validation properties require an input");
+  if (props.submit_label !== undefined && nodeType !== "form") throw new Error("UI submit label requires a form");
+}
+
+function validateUiDataBinding(value, sources, label) {
+  if (typeof value !== "string" || !UI_BINDING.test(value) || !value.startsWith("data.") || !sources.has(value.split(".")[1])) throw new Error(`UI ${label} source is invalid`);
 }
 
 function validateUiImageSource(props, sources) {
@@ -1737,8 +1770,21 @@ function validateUiInsets(value, label) {
   for (const item of Object.values(value)) validateUiNumber(item, label, 0, 128);
 }
 
-function validateUiCondition(condition, stateKeys, sources) {
+function validateUiCondition(condition, stateKeys, sources, depth = 0, counter = { value: 0 }) {
   if (condition == null) return;
+  assertObject(condition, "UI visibility condition");
+  counter.value += 1;
+  if (depth > 4 || counter.value > 32) throw new Error("UI visibility condition is too complex");
+  const composites = ["all", "any", "not"].filter((key) => Object.hasOwn(condition, key));
+  if (composites.length) {
+    if (composites.length !== 1 || Object.keys(condition).length !== 1) throw new Error("UI visibility condition is invalid");
+    const key = composites[0];
+    if (key === "not") return validateUiCondition(condition.not, stateKeys, sources, depth + 1, counter);
+    const children = condition[key];
+    if (!Array.isArray(children) || children.length < 1 || children.length > 8) throw new Error("UI visibility condition group is invalid");
+    for (const child of children) validateUiCondition(child, stateKeys, sources, depth + 1, counter);
+    return;
+  }
   rejectUnknownFields(condition, new Set(["path", "equals", "not_equals", "exists"]), "UI visibility condition");
   if (typeof condition.path !== "string" || !UI_BINDING.test(condition.path)) throw new Error("UI visibility path is invalid");
   validateKnownBinding(condition.path, stateKeys, sources);
@@ -1747,13 +1793,23 @@ function validateUiCondition(condition, stateKeys, sources) {
   if (checks[0] !== "exists") validateUiJson(condition[checks[0]], 0);
 }
 
-function validateUiAction(action, executable, routes, sources, stateKeys, required = false) {
+function validateUiAction(action, executable, routes, sources, stateKeys, required = false, depth = 0, counter = { value: 0 }) {
   if (action == null) {
     if (required) throw new Error("UI action is required");
     return;
   }
+  assertObject(action, "UI action");
+  counter.value += 1;
+  if (depth > 4 || counter.value > 16) throw new Error("UI action flow is too complex");
   rejectUnknownFields(action, new Set(contract.ui_runtime.action_fields), "UI action");
-  if (!["invoke", "navigate", "set_state", "refresh", "back"].includes(action.type)) throw new Error("UI action type is invalid");
+  if (!["invoke", "navigate", "set_state", "refresh", "back", "flow"].includes(action.type)) throw new Error("UI action type is invalid");
+  if (action.validate !== undefined && typeof action.validate !== "boolean") throw new Error("UI action validation flag is invalid");
+  if (action.type === "flow") {
+    rejectUnknownFields(action, new Set(["type", "mode", "actions", "continue_on_error", "validate"]), "UI action flow");
+    if (!["sequential", "parallel"].includes(action.mode) || !Array.isArray(action.actions) || action.actions.length < 1 || action.actions.length > 8 || (action.continue_on_error !== undefined && typeof action.continue_on_error !== "boolean")) throw new Error("UI action flow is invalid");
+    for (const child of action.actions) validateUiAction(child, executable, routes, sources, stateKeys, true, depth + 1, counter);
+    return;
+  }
   if (action.type === "invoke") {
     if (!executable.has(action.capability)) throw new Error("UI action targets a non-executable capability");
     optionalUiTemplate(action.query, 2000);
@@ -1768,6 +1824,11 @@ function validateUiAction(action, executable, routes, sources, stateKeys, requir
     if (!["platform", "fade", "slide", "none"].includes(transition)) throw new Error("UI navigation transition is invalid");
     const replace = action.replace === undefined ? false : action.replace;
     if (typeof replace !== "boolean") throw new Error("UI navigation replacement is invalid");
+    const parameters = action.parameters === undefined ? {} : action.parameters;
+    assertObject(parameters, "UI navigation parameters");
+    validateUiBindingValue(parameters, 0, stateKeys, sources);
+    if (action.result_state !== undefined && !stateKeys.has(action.result_state)) throw new Error("UI navigation result state is unknown");
+    if (action.result_state !== undefined && replace) throw new Error("replacement navigation cannot return a result");
   } else if (action.type === "set_state") {
     assertObject(action.values, "UI state action values");
     if (!Object.keys(action.values).length || Object.keys(action.values).some((key) => !stateKeys.has(key))) throw new Error("UI state action targets an unknown state key");
@@ -1776,8 +1837,21 @@ function validateUiAction(action, executable, routes, sources, stateKeys, requir
     if (typeof persist !== "boolean") throw new Error("UI state persistence flag is invalid");
   } else if (action.type === "refresh") {
     if (!sources.has(action.source)) throw new Error("UI refresh source is unknown");
-  } else if (Object.keys(action).length !== 1) throw new Error("back UI action cannot contain arguments");
+  } else {
+    rejectUnknownFields(action, new Set(["type", "result"]), "back UI action");
+    const result = action.result === undefined ? {} : action.result;
+    assertObject(result, "UI route result");
+    validateUiBindingValue(result, 0, stateKeys, sources);
+  }
   if (action.type !== "navigate" && (action.transition !== undefined || action.replace !== undefined)) throw new Error("navigation options require a navigate UI action");
+  const allowed = {
+    invoke: new Set(["type", "capability", "query", "arguments", "store", "validate"]),
+    navigate: new Set(["type", "target", "transition", "replace", "parameters", "result_state", "validate"]),
+    set_state: new Set(["type", "values", "persist"]),
+    refresh: new Set(["type", "source"]),
+    back: new Set(["type", "result"]),
+  }[action.type];
+  rejectUnknownFields(action, allowed, "UI action");
 }
 
 function validateUiBindingValue(value, depth, stateKeys, sources) {
@@ -1818,6 +1892,73 @@ function validateUiJson(value, depth) {
   for (const item of Object.values(value)) validateUiJson(item, depth + 1);
 }
 
+function validateUiCapabilityBindings(config, sources, capabilitySchemas) {
+  const sourceCapabilities = new Map(sources.map((source) => [source.id, source.capability]));
+  for (const source of sources) {
+    const schema = capabilitySchemas.get(source.capability)?.input_schema;
+    if (schema !== undefined && !uiSchemaAccepts(schema, source.arguments === undefined ? {} : source.arguments)) {
+      throw new Error(`UI data source ${source.id} does not match capability input_schema`);
+    }
+  }
+  function visit(value) {
+    if (typeof value === "string") {
+      for (const match of value.matchAll(UI_TEMPLATE_BINDING)) {
+        const parts = match[1].trim().split(".");
+        if (parts.length < 4 || parts[0] !== "data" || parts[2] !== "data") continue;
+        const schema = capabilitySchemas.get(sourceCapabilities.get(parts[1]))?.output_schema;
+        if (schema !== undefined && !uiSchemaHasPath(schema, parts.slice(3))) throw new Error("UI binding references an unknown capability output");
+      }
+      return;
+    }
+    if (Array.isArray(value)) return value.forEach(visit);
+    if (!value || typeof value !== "object") return;
+    if (value.type === "invoke") {
+      const schema = capabilitySchemas.get(value.capability)?.input_schema;
+      if (schema !== undefined && !uiSchemaAccepts(schema, value.arguments === undefined ? {} : value.arguments)) throw new Error("UI action does not match capability input_schema");
+    }
+    Object.values(value).forEach(visit);
+  }
+  visit(config);
+}
+
+function uiSchemaAccepts(schema, value) {
+  if (!schema || typeof schema !== "object" || Array.isArray(schema)) return false;
+  if (typeof value === "string") {
+    const exact = UI_SINGLE_TEMPLATE_BINDING.exec(value);
+    if (exact) return true;
+    if ([...value.matchAll(UI_TEMPLATE_BINDING)].length) return schema.type === "string";
+  }
+  if (schema.enum !== undefined && !schema.enum.some((item) => JSON.stringify(item) === JSON.stringify(value))) return false;
+  if (schema.type === "null") return value === null;
+  if (schema.type === "boolean") return typeof value === "boolean";
+  if (schema.type === "integer") return Number.isInteger(value) && (schema.minimum === undefined || value >= schema.minimum) && (schema.maximum === undefined || value <= schema.maximum);
+  if (schema.type === "number") return typeof value === "number" && Number.isFinite(value) && (schema.minimum === undefined || value >= schema.minimum) && (schema.maximum === undefined || value <= schema.maximum);
+  if (schema.type === "string") return typeof value === "string" && value.length >= (schema.minLength ?? 0) && value.length <= (schema.maxLength ?? 2000);
+  if (schema.type === "array") return Array.isArray(value) && value.length >= (schema.minItems ?? 0) && value.length <= (schema.maxItems ?? 64) && value.every((item) => uiSchemaAccepts(schema.items, item));
+  if (schema.type !== "object" || !value || typeof value !== "object" || Array.isArray(value)) return false;
+  const properties = schema.properties || {};
+  if ((schema.required || []).some((key) => !Object.hasOwn(value, key))) return false;
+  if (schema.additionalProperties === false && Object.keys(value).some((key) => !Object.hasOwn(properties, key))) return false;
+  return Object.entries(value).every(([key, item]) => !Object.hasOwn(properties, key) || uiSchemaAccepts(properties[key], item));
+}
+
+function uiSchemaHasPath(schema, parts) {
+  let current = schema;
+  for (const part of parts) {
+    if (!current || typeof current !== "object" || Array.isArray(current)) return false;
+    if (current.type === "array") {
+      current = current.items;
+      if (part === "length") return true;
+      if (/^\d+$/.test(part)) continue;
+    }
+    if (!current || current.type !== "object") return false;
+    const properties = current.properties || {};
+    if (!Object.hasOwn(properties, part)) return current.additionalProperties !== false;
+    current = properties[part];
+  }
+  return true;
+}
+
 function optionalUiTemplate(value, maximum, required = false) {
   if (value === undefined || value === null) {
     if (required) throw new Error("UI text template is required");
@@ -1836,6 +1977,12 @@ function validateKnownBinding(path, stateKeys, sources) {
   const parts = path.split(".");
   if (parts[0] === "state" && (parts.length < 2 || !stateKeys.has(parts[1]))) throw new Error("UI state binding is unknown");
   if (parts[0] === "data" && (parts.length < 2 || !sources.has(parts[1]))) throw new Error("UI data binding is unknown");
+  if (parts[0] === "context") {
+    const roots = new Set(["platform", "screen", "permissions", "connections", "connected", "loading", "errors", "route"]);
+    if (parts.length < 2 || !roots.has(parts[1])) throw new Error("UI runtime context binding is unknown");
+    if (parts[1] === "screen" && (parts.length !== 3 || !["width", "height", "size_class"].includes(parts[2]))) throw new Error("UI screen context binding is unknown");
+    if (["loading", "errors"].includes(parts[1]) && (parts.length !== 3 || !sources.has(parts[2]))) throw new Error("UI data-source context binding is unknown");
+  }
 }
 
 function optionalUiText(value, maximum, { required = false, identifier = false } = {}) {