npm - okstra - Versions diffs - 0.185.0 → 0.186.0 - Mend

okstra 0.185.0 → 0.186.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/runtime/templates/reports/html/assets/base.css CHANGED Viewed

@@ -108,8 +108,11 @@ textarea, select { width: 100%; max-width: 60rem; padding: .55rem; font: inherit
 .clarification-expected dt { font-weight: 600; margin-bottom: .3rem; }
 .clarification-expected dd { margin: 0; }
 .clarification-item label { font-weight: 600; margin-bottom: .3rem; }
-.activity-list { display: grid; gap: .8rem; }
-.activity-card { padding: 1rem; border: 1px solid color-mix(in srgb, CanvasText 14%, transparent); border-radius: 12px; }
+.activity-list { display: grid; gap: .4rem; }
+.activity-card { padding: .55rem .8rem; border: 1px solid color-mix(in srgb, CanvasText 14%, transparent); border-radius: 12px; }
+.activity-card h3 { font-size: 1rem; margin: 0 0 .15rem; }
+.clarification-item.is-closed { padding: .35rem 0; }
+.clarification-item.is-closed summary { cursor: pointer; font-weight: 600; }
 .activity-card > :first-child, .approval-context > :first-child { margin-top: 0; }
 .activity-card > :last-child, .approval-context > :last-child { margin-bottom: 0; }
 .activity-card details { margin-top: .8rem; }
@@ -122,7 +125,49 @@ button:active { transform: translateY(1px); }
 button:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
 button[data-action="export-user-response"] { background: Highlight; border-color: Highlight; color: HighlightText; font-weight: 600; }
 button[data-action="export-user-response"]:hover { background: color-mix(in srgb, Highlight 82%, CanvasText); }
+.back-to-top-wrap {
+  position: fixed;
+  right: 1.2rem;
+  bottom: 1.2rem;
+  z-index: 15;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.back-to-top {
+  padding: .55rem .9rem;
+  border-radius: 8px;
+  border: 1px solid color-mix(in srgb, CanvasText 28%, transparent);
+  background: color-mix(in srgb, Canvas 92%, CanvasText 8%);
+  color: CanvasText;
+  text-decoration: none;
+  font: inherit;
+  font-size: .9rem;
+  box-shadow: 0 2px 8px color-mix(in srgb, CanvasText 18%, transparent);
+}
+.back-to-top:hover { background: color-mix(in srgb, CanvasText 12%, Canvas); }
+.back-to-top:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
+.back-to-top-index {
+  display: none;
+  box-sizing: border-box;
+  width: min(22rem, calc(100vw - 2.4rem));
+  max-height: min(70vh, 32rem);
+  overflow: auto;
+  margin: 0 0 .4rem;
+  padding: .8rem 1rem;
+  border-radius: 12px;
+  border: 1px solid color-mix(in srgb, CanvasText 14%, transparent);
+  background: Canvas;
+  box-shadow: 0 8px 24px color-mix(in srgb, CanvasText 22%, transparent);
+}
+.back-to-top-index ol { margin: 0; padding-left: 1.2rem; }
+.back-to-top-index li { margin: .25em 0; }
+.back-to-top-index a { color: inherit; }
+@media (hover: hover) {
+  .back-to-top-wrap:hover .back-to-top-index,
+  .back-to-top-wrap:focus-within .back-to-top-index { display: block; }
+}
 /* A seven-column table needs 42em of floor, more than a phone can give. */
 @media (max-width: 640px) { section { padding: 1rem; } .visualization { display: none; } th, td { min-width: 4.5em; } nav.report-index ol { columns: 1; } }
-@media print { .skip-link, script { display: none !important; } body { color: #000; background: #fff; } section { break-inside: avoid; border-color: #bbb; } .visualization-fallback { display: table; } }
+@media print { .skip-link, .back-to-top-wrap, script { display: none !important; } body { color: #000; background: #fff; } section { break-inside: avoid; border-color: #bbb; } .visualization-fallback { display: table; } }
 code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9em; padding: .1em .3em; border-radius: 4px; background: color-mix(in srgb, CanvasText 8%, Canvas); }

package/runtime/templates/reports/html/base.template.html CHANGED Viewed

@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 {% from "html/macros/forms.html" import clarification_responses %}
 {% from "html/macros/layout.html" import row_key %}
-<html lang="en" data-task-template="{{ taskType }}">
+<html lang="{{ lang }}" data-task-template="{{ taskType }}">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>{{ (runMeta.task_key.split(':') | last)[:16] }} · {{ taskType }} #{{ runMeta.seq }}</title>
   <style>{{ css | safe }}</style>
 </head>
-<body>
+<body id="top">
   <a class="skip-link" href="#main-content">{{ t('base.skip-to-report-content') }}</a>
   <header class="human-report-header">
     <p class="eyebrow">{{ taskType }}</p>
@@ -20,7 +20,6 @@
       {% if reportMeta.elapsed %}<div><dt>{{ t('base.elapsed') }}</dt><dd data-report-meta="elapsed">{{ reportMeta.elapsed }}</dd></div>{% endif %}
     </dl>
     <p class="lede">{{ humanSummary.headline | inline_code }}</p>
-    <p>{{ humanSummary.outcome | inline_code }}</p>
     {% if executionRoles %}
     <section data-report-section="execution-roles">
       <h2>{{ t('base.execution-roles') }}</h2>
@@ -52,7 +51,7 @@
       <ol class="ledger">
         {% for row_id, row in evidenceIndex.items() %}
         <li class="ledger-item" id="id-{{ row_id }}">
-          <p class="ledger-key"><span class="ledger-id">{{ row_id }}</span><span class="ledger-kind">{{ row.kind | enum_label('ledgerKind') }}</span></p>
+          <p class="ledger-key"><span class="ledger-id">{{ row_id | inline_code }}</span><span class="ledger-kind">{{ row.kind | enum_label('ledgerKind') }}</span></p>
           <p class="ledger-text">{{ row.text | inline_code }}</p>
           {% if row.codeEvidence %}<p class="ledger-source"><span>{{ t('base.source') }}</span> {{ row.codeEvidence | code_evidence }}</p>
           {% elif row.source %}<p class="ledger-source"><span>{{ t('base.source') }}</span> {{ row.source | inline_code }}</p>{% endif %}
@@ -115,6 +114,10 @@
     <p class="user-response-hint">{{ t('base.export-downloads') }} <code>user-response-{{ runMeta.task_type }}-{{ runMeta.seq }}.md</code>{{ t('base.drop-that-file-into') }} <code>runs/{{ runMeta.task_type }}/user-responses/</code> {{ t('base.and-the-next-run-picks-your-answers-up-on-it') }}</p>
     <pre id="user-response-output" aria-live="polite"></pre>
   </footer>{% endif %}
+  <div class="back-to-top-wrap">
+    <nav class="back-to-top-index" aria-label="{{ t('base.contents') }}"><!--report-index-items--></nav>
+    <a class="back-to-top" href="#top">{{ t('base.back-to-top') }}</a>
+  </div>
   <script id="run-meta" type="application/json">{{ {
     "task-key": runMeta.task_key,
     "task-type": runMeta.task_type,

package/runtime/templates/reports/html/i18n/en.json CHANGED Viewed

@@ -81,7 +81,8 @@
       "cross-check-consensus": "Agreed across workers",
       "cross-check-dissent": "Workers disagreed",
       "missing-information": "Missing information",
-      "follow-up": "Follow-up"
+      "follow-up": "Follow-up",
+      "plan-item": "Plan item"
     }
   },
   "enumHint": {
@@ -94,6 +95,7 @@
   },
   "base": {
     "skip-to-report-content": "Skip to report content",
+    "back-to-top": "Back to top",
     "contents": "Contents",
     "task": "Task",
     "execution-roles": "Execution roles",
@@ -153,6 +155,8 @@
       "answer-as": "Answer as",
       "questions-waiting-on-you": "Questions waiting on you",
       "count-questions-waiting-on-you": "{count} questions waiting on you",
+      "answered-questions": "Answered questions",
+      "count-answered-questions": "{count} answered questions",
       "your-answer-to-id": "Your answer to {id}",
       "choose-one": "Choose one",
       "recommended": "Recommended",
@@ -165,7 +169,45 @@
       "why-required-for-changes-or-rejection": "Why — required when you send it back or reject it",
       "answer-the-blockers-then-regenerate": "Answer {ids}, export your answers, then regenerate the report with the clarification resume command.",
       "selected-direction-invalidated": "Selected direction invalidated",
-      "return-to-option-selection": "This plan cannot be approved. Re-enter implementation option selection with:"
+      "return-to-option-selection": "This plan cannot be approved. Re-enter implementation option selection with:",
+      "select-an-implementation-direction": "Select an implementation direction",
+      "direction": "Direction",
+      "confirmed": "Confirmed",
+      "selection-note": "Selection note",
+      "constraints": "Constraints"
+    },
+    "layout": {
+      "evidence": "Evidence:",
+      "supporting-evidence": "Supporting evidence:",
+      "id": "ID",
+      "name": "Name",
+      "kind": "Kind",
+      "status": "Status",
+      "source": "Source",
+      "subject": "Subject",
+      "answer": "Answer",
+      "disposition": "Disposition",
+      "sha": "SHA",
+      "order": "Order",
+      "plan-step": "Plan step",
+      "proposed-by": "Proposed by",
+      "lens": "Lens",
+      "result": "Result",
+      "version": "Version",
+      "version-source": "Version source",
+      "symbol": "Symbol",
+      "owner": "Owner",
+      "adapter": "Adapter",
+      "direction": "Direction",
+      "area": "Area",
+      "confidence": "Confidence",
+      "impact": "Impact",
+      "effort": "Effort",
+      "risk": "Risk",
+      "checked": "checked",
+      "none": "none",
+      "coverage-percent": "Coverage",
+      "scope-precision-percent": "Scope precision"
     },
     "visualizations": {
       "component": "Component",
@@ -201,7 +243,8 @@
       "what-this-does-to-operations": "What this does to operations",
       "area": "Area",
       "impact": "Impact",
-      "there-is-no-operational-impact": "There is no operational impact."
+      "there-is-no-operational-impact": "There is no operational impact.",
+      "unsettled": "Unsettled"
     },
     "error-analysis": {
       "what-you-saw": "What you saw",
@@ -217,7 +260,8 @@
       "signal-that-rejects-it": "Signal that rejects it:",
       "next-step": "Next step",
       "recommended-task": "Recommended task",
-      "the-cause-this-rests-on": "The cause this rests on"
+      "the-cause-this-rests-on": "The cause this rests on",
+      "run": "Run"
     },
     "feature-analysis": {
       "feature-overview": "Feature overview",
@@ -234,7 +278,10 @@
       "nothing-was-recorded": "Nothing was recorded.",
       "state-once-it-is-done": "State once it is done",
       "permissions-and-flags": "Permissions and flags",
-      "non-functional-concerns": "Non-functional concerns"
+      "non-functional-concerns": "Non-functional concerns",
+      "on-failure": "On failure:",
+      "tests": "Tests:",
+      "gaps": "Gaps:"
     },
     "final-verification": {
       "verification-verdict": "Verification verdict",
@@ -276,7 +323,15 @@
       "candidate": "Candidate",
       "disposition": "Disposition",
       "reason": "Reason",
-      "no-audit-entries": "No candidate was merged or rejected."
+      "no-audit-entries": "No candidate was merged or rejected.",
+      "selection-status": "Selection status",
+      "mode": "Mode",
+      "routing": "Routing",
+      "preselected-direction": "Preselected direction",
+      "option-id": "Option ID",
+      "direction": "Direction",
+      "confirmation-evidence": "Confirmation evidence",
+      "citation": "Citation"
     },
     "implementation-planning": {
       "what-the-plan-is-for": "What the plan is for",
@@ -355,7 +410,24 @@
       "what-each-agent-did": "What each agent did",
       "commands-and-evidence": "Commands and evidence",
       "unblock-condition": "Unblock condition:",
-      "agent-evidence": "Agent evidence:"
+      "agent-evidence": "Agent evidence:",
+      "selected-direction": "Selected direction",
+      "source-report": "Source report",
+      "snapshot": "Snapshot",
+      "direction-realization": "Direction realization",
+      "core-mechanism": "Core mechanism",
+      "interfaces": "Interfaces",
+      "plan-coverage": "Plan coverage",
+      "coverage-percent": "Coverage",
+      "scope-precision-percent": "Scope precision",
+      "direction-invalidated": "Direction invalidated",
+      "code-evidence": "Code evidence",
+      "re-entry-route": "Re-entry route",
+      "original-requirement": "Original requirement",
+      "stages": "Stages",
+      "status": "Status",
+      "extract": "Extract",
+      "keep": "Keep as-is"
     },
     "implementation": {
       "what-was-delivered": "What was delivered",
@@ -366,6 +438,7 @@
       "implemented-by": "Implemented by",
       "verification-result": "Verification result",
       "independent-check": "Independent check:",
+      "exit-code": "exit code",
       "what-is-left": "What is left",
       "nothing-was-changed-outside-the-plan": "Nothing was changed outside the plan.",
       "commits-delivered": "Commits delivered",
@@ -453,6 +526,7 @@
       "pr-result": "PR Result:",
       "pull-request-open": "Pull request Open",
       "conflict-verdict": "Conflict verdict",
+      "base-branch": "Base branch:",
       "commits-delivered": "Commits delivered",
       "there-are-no-commits": "There are no commits.",
       "commit": "Commit",
@@ -479,7 +553,11 @@
       "next-task": "Next task:",
       "this-requirements-task-stands-alone-nothing": "This requirements task stands alone; nothing else feeds it.",
       "decisions-that-are-yours": "Decisions that are yours",
-      "no-further-decision-is-needed": "No further decision is needed."
+      "no-further-decision-is-needed": "No further decision is needed.",
+      "settled": "Settled",
+      "decision-needed": "Decision needed",
+      "glossary": "Glossary",
+      "decision-record": "Decision record"
     }
   }
 }

package/runtime/templates/reports/html/i18n/ko.json CHANGED Viewed

@@ -81,7 +81,8 @@
       "cross-check-consensus": "작업자 간 합의",
       "cross-check-dissent": "작업자 간 이견",
       "missing-information": "빠진 정보",
-      "follow-up": "후속 작업"
+      "follow-up": "후속 작업",
+      "plan-item": "계획 항목"
     }
   },
   "enumHint": {
@@ -94,6 +95,7 @@
   },
   "base": {
     "skip-to-report-content": "리포트 본문으로 건너뛰기",
+    "back-to-top": "맨 위로",
     "contents": "목차",
     "task": "태스크",
     "execution-roles": "실행 역할",
@@ -153,6 +155,8 @@
       "answer-as": "답변 형식",
       "questions-waiting-on-you": "답변을 기다리는 질문",
       "count-questions-waiting-on-you": "답변을 기다리는 질문 {count}건",
+      "answered-questions": "답한 질문",
+      "count-answered-questions": "답한 질문 {count}건",
       "your-answer-to-id": "{id}에 대한 답변",
       "choose-one": "하나를 선택하세요",
       "recommended": "권장",
@@ -165,7 +169,45 @@
       "why-required-for-changes-or-rejection": "사유 — 반려하거나 다시 고치게 할 때는 반드시 적어야 합니다",
       "answer-the-blockers-then-regenerate": "{ids}에 답한 뒤 답변을 내보내고, clarification resume 명령으로 리포트를 다시 만드세요.",
       "selected-direction-invalidated": "선택 방향 무효화",
-      "return-to-option-selection": "이 계획은 승인할 수 없습니다. 다음 명령으로 구현 방향 선택 단계에 다시 진입하세요:"
+      "return-to-option-selection": "이 계획은 승인할 수 없습니다. 다음 명령으로 구현 방향 선택 단계에 다시 진입하세요:",
+      "select-an-implementation-direction": "구현 방향을 선택하세요",
+      "direction": "방향",
+      "confirmed": "확인함",
+      "selection-note": "선택 메모",
+      "constraints": "제약"
+    },
+    "layout": {
+      "evidence": "근거:",
+      "supporting-evidence": "뒷받침하는 근거:",
+      "id": "아이디",
+      "name": "이름",
+      "kind": "종류",
+      "status": "상태",
+      "source": "출처",
+      "subject": "제목",
+      "answer": "답변",
+      "disposition": "처리",
+      "sha": "SHA",
+      "order": "순서",
+      "plan-step": "계획 단계",
+      "proposed-by": "제안",
+      "lens": "렌즈",
+      "result": "결과",
+      "version": "버전",
+      "version-source": "버전 출처",
+      "symbol": "심볼",
+      "owner": "소유",
+      "adapter": "어댑터",
+      "direction": "방향",
+      "area": "영역",
+      "confidence": "확신도",
+      "impact": "영향",
+      "effort": "노력",
+      "risk": "위험",
+      "checked": "확인함",
+      "none": "없음",
+      "coverage-percent": "커버리지",
+      "scope-precision-percent": "범위 정밀도"
     },
     "visualizations": {
       "component": "구성 요소",
@@ -201,7 +243,8 @@
       "what-this-does-to-operations": "운영에 미치는 영향",
       "area": "영역",
       "impact": "영향",
-      "there-is-no-operational-impact": "운영에 미치는 영향이 없습니다."
+      "there-is-no-operational-impact": "운영에 미치는 영향이 없습니다.",
+      "unsettled": "미결"
     },
     "error-analysis": {
       "what-you-saw": "관측된 증상",
@@ -217,7 +260,8 @@
       "signal-that-rejects-it": "기각하는 신호:",
       "next-step": "다음 단계",
       "recommended-task": "권장 태스크",
-      "the-cause-this-rests-on": "이 판단이 근거하는 원인"
+      "the-cause-this-rests-on": "이 판단이 근거하는 원인",
+      "run": "실행"
     },
     "feature-analysis": {
       "feature-overview": "기능 개요",
@@ -234,7 +278,10 @@
       "nothing-was-recorded": "기록된 것이 없습니다.",
       "state-once-it-is-done": "끝난 뒤의 상태",
       "permissions-and-flags": "권한과 플래그",
-      "non-functional-concerns": "비기능 요건"
+      "non-functional-concerns": "비기능 요건",
+      "on-failure": "실패 시:",
+      "tests": "테스트:",
+      "gaps": "공백:"
     },
     "final-verification": {
       "verification-verdict": "검증 판정",
@@ -276,7 +323,15 @@
       "candidate": "후보",
       "disposition": "처리",
       "reason": "이유",
-      "no-audit-entries": "병합되거나 탈락한 후보가 없습니다."
+      "no-audit-entries": "병합되거나 탈락한 후보가 없습니다.",
+      "selection-status": "선택 상태",
+      "mode": "모드",
+      "routing": "라우팅",
+      "preselected-direction": "미리 고른 방향",
+      "option-id": "옵션 아이디",
+      "direction": "방향",
+      "confirmation-evidence": "확인 근거",
+      "citation": "인용"
     },
     "implementation-planning": {
       "what-the-plan-is-for": "이 계획이 하려는 것",
@@ -355,7 +410,24 @@
       "what-each-agent-did": "에이전트별 수행 내용",
       "commands-and-evidence": "명령과 근거",
       "unblock-condition": "승인 해제 조건:",
-      "agent-evidence": "에이전트 근거:"
+      "agent-evidence": "에이전트 근거:",
+      "selected-direction": "선택한 방향",
+      "source-report": "원본 보고",
+      "snapshot": "스냅샷",
+      "direction-realization": "방향 구현",
+      "core-mechanism": "핵심 메커니즘",
+      "interfaces": "인터페이스",
+      "plan-coverage": "계획 커버리지",
+      "coverage-percent": "커버리지",
+      "scope-precision-percent": "범위 정밀도",
+      "direction-invalidated": "방향 무효화",
+      "code-evidence": "코드 근거",
+      "re-entry-route": "재진입 경로",
+      "original-requirement": "원래 요구사항",
+      "stages": "stage",
+      "status": "상태",
+      "extract": "추출",
+      "keep": "그대로 둠"
     },
     "implementation": {
       "what-was-delivered": "무엇을 만들었나",
@@ -366,6 +438,7 @@
       "implemented-by": "구현한 곳",
       "verification-result": "검증 결과",
       "independent-check": "독립 검증:",
+      "exit-code": "종료 코드",
       "what-is-left": "남은 것",
       "nothing-was-changed-outside-the-plan": "계획 밖에서 바뀐 것이 없습니다.",
       "commits-delivered": "만들어진 commit",
@@ -453,6 +526,7 @@
       "pr-result": "PR 결과:",
       "pull-request-open": "Pull request 열기",
       "conflict-verdict": "충돌 판정",
+      "base-branch": "베이스 브랜치:",
       "commits-delivered": "만들어진 commit",
       "there-are-no-commits": "commit 이 없습니다.",
       "commit": "commit",
@@ -479,7 +553,11 @@
       "next-task": "다음 태스크:",
       "this-requirements-task-stands-alone-nothing": "이 요구사항 태스크는 독립적입니다. 선행 태스크가 없습니다.",
       "decisions-that-are-yours": "사용자가 결정할 것",
-      "no-further-decision-is-needed": "추가로 결정할 것이 없습니다."
+      "no-further-decision-is-needed": "추가로 결정할 것이 없습니다.",
+      "settled": "확정",
+      "decision-needed": "결정 필요",
+      "glossary": "용어집",
+      "decision-record": "결정 기록"
     }
   }
 }

package/runtime/templates/reports/html/macros/forms.html CHANGED Viewed

@@ -31,7 +31,7 @@
   {% if state.show_option_selector %}<label for="approval-option">{{ t('macros.forms.implementation-option') }}</label>
   <select id="approval-option"{% if state.disabled_reason %} disabled{% endif %}>
       {% for name in state.option_names %}
-      {% if name == state.recommended_option %}<option data-recommended="true" selected value="{{ name }}">{{ name | inline_code }} (recommended)</option>{% else %}<option value="{{ name }}">{{ name | inline_code }}</option>{% endif %}
+      {% if name == state.recommended_option %}<option data-recommended="true" selected value="{{ name }}">{{ name | inline_code }} ({{ t('macros.forms.recommended') }})</option>{% else %}<option value="{{ name }}">{{ name | inline_code }}</option>{% endif %}
       {% endfor %}
   </select>{% endif %}
   <label for="plan-decision-reason">{{ t('macros.forms.why-required-for-changes-or-rejection') }}</label>
@@ -43,69 +43,88 @@
 {% macro direction_selection(state) -%}
 <section id="direction-selection" data-report-section="direction-selection">
-  <h2>Select an implementation direction</h2>
-  <fieldset><legend>Direction</legend>
+  <h2>{{ t('macros.forms.select-an-implementation-direction') }}</h2>
+  <fieldset><legend>{{ t('macros.forms.direction') }}</legend>
     {% for option in state.rankedOptions %}
-    <input id="direction-selection-{{ option.id }}" type="radio" name="direction-selection-option" value="{{ option.id }}" data-option-name="{{ option.name }}" required><label for="direction-selection-{{ option.id }}">{{ option.id }} · {{ option.name | inline_code }}{% if option.id == state.recommendedOptionId %} (recommended){% endif %}</label>
+    <input id="direction-selection-{{ option.id }}" type="radio" name="direction-selection-option" value="{{ option.id }}" data-option-name="{{ option.name }}" required><label for="direction-selection-{{ option.id }}">{{ option.id | inline_code }} · {{ option.name | inline_code }}{% if option.id == state.recommendedOptionId %} ({{ t('macros.forms.recommended') }}){% endif %}</label>
     {% endfor %}
   </fieldset>
-  <input id="direction-selection-confirmed" type="checkbox" required><label for="direction-selection-confirmed">Confirmed</label>
-  <label for="direction-selection-note">Selection note</label><textarea id="direction-selection-note" rows="3"></textarea>
-  <label for="direction-selection-constraints">Constraints</label><textarea id="direction-selection-constraints" rows="3"></textarea>
+  <input id="direction-selection-confirmed" type="checkbox" required><label for="direction-selection-confirmed">{{ t('macros.forms.confirmed') }}</label>
+  <label for="direction-selection-note">{{ t('macros.forms.selection-note') }}</label><textarea id="direction-selection-note" rows="3"></textarea>
+  <label for="direction-selection-constraints">{{ t('macros.forms.constraints') }}</label><textarea id="direction-selection-constraints" rows="3"></textarea>
 </section>
 {%- endmacro %}
+{% macro clarification_article(row, compact=false) -%}
+{% set is_closed = row.status in ['resolved', 'obsolete'] %}
+{% set approval_context = row.approvalContext | default(None) %}
+{% set resolution = row.resolution | default(None) %}
+{% set options = row.options | default([]) %}
+<article class="clarification-item{% if compact %} is-closed{% endif %}" id="id-{{ row.id }}" data-response-id="{{ row.id }}" data-kind="{{ row.kind }}" data-status="{{ row.status }}">
+  {% if compact %}<details><summary>{{ row.id | inline_code }} · {{ row.status }}</summary>{% endif %}
+  <p class="eyebrow">{{ row.id | inline_code }} · {{ row.kind }}</p>
+  {{ row.statement | paragraphs }}
+  <dl class="clarification-expected"><dt>{{ t('macros.forms.answer-as') }}</dt><dd>{{ row.expectedForm | inline_code }}</dd></dl>
+  {% if approval_context %}
+  <div class="approval-context" data-approval-classification="{{ approval_context.classification }}">
+    <p class="eyebrow">{{ approval_context.classification }}</p>
+    <p><strong>{{ t('tasks.implementation-planning.unblock-condition') }}</strong> {{ approval_context.unblockCondition | inline_code }}</p>
+    {% set check_refs = resolution.checkRefs if resolution else approval_context.activityIds | default([]) %}
+    {% if check_refs %}<p><strong>{{ t('tasks.implementation-planning.agent-evidence') }}</strong>
+      {% for activity_id in check_refs %}<a href="#id-{{ activity_id }}">{{ activity_id }}</a>{% if not loop.last %}, {% endif %}{% endfor %}
+    </p>{% endif %}
+  </div>
+  {% endif %}
+  {% if options %}
+  <ol class="clarification-options">
+    {% for option in options %}
+    <li class="clarification-option{% if option.role == 'recommended' %} is-recommended{% endif %}">
+      <p class="clarification-option-answer">{{ option.answer }}{% if option.role == 'recommended' %} <span class="badge">{{ t('macros.forms.recommended') }}</span>{% endif %}</p>
+      {% if option.disposition | default(None) %}<p class="clarification-option-disposition"><code>{{ option.disposition }}</code></p>{% endif %}
+      <p class="clarification-option-rationale">{{ option.rationale }}</p>
+      <dl class="clarification-option-impact">
+        <dt>{{ t('macros.forms.scope-impact') }}</dt><dd>{% if option.reach | default(None) %}{{ option.reach }}{% if option.scopeEffects | default([]) %}, {{ option.scopeEffects | join(', ') }}{% endif %}{% else %}{{ option.scopeImpact | join(', ') }}{% endif %}</dd>
+        <dt>{{ t('macros.forms.added-work') }}</dt><dd>{{ option.addedWork }}</dd>
+        <dt>{{ t('macros.forms.direction-change') }}</dt><dd>{{ option.directionChange }}</dd>
+      </dl>
+    </li>
+    {% endfor %}
+  </ol>
+  {% endif %}
+  <label for="response-{{ row.id }}">{{ t('macros.forms.your-answer-to-id') | replace('{id}', row.id) }}</label>
+  {% if row.kind == 'decision' and approval_context and options %}
+  <select id="response-{{ row.id }}" data-response-id="{{ row.id }}"{% if is_closed %} disabled{% endif %}>
+    <option value="">{{ t('macros.forms.choose-one') }}</option>
+    {% for option in options %}<option value="{{ option.answer }}" data-disposition="{{ option.disposition | default('') }}"{% if option.role == 'recommended' %} data-recommended="true"{% endif %}{% if row.userInput | default('') == option.answer %} selected{% endif %}>{{ option.answer }}</option>{% endfor %}
+  </select>
+  {% else %}
+  <textarea id="response-{{ row.id }}" data-response-id="{{ row.id }}" rows="4"{% if is_closed %} disabled{% endif %}>{{ row.userInput | default('') }}</textarea>
+  {% endif %}
+  {% if compact %}</details>{% endif %}
+</article>
+{%- endmacro %}
 {% macro clarification_responses(items) -%}
 {% if items %}
-<section class="clarification-responses" data-report-section="clarification-responses" aria-label="{{ t('macros.forms.questions-waiting-on-you') }}">
-  <h2>{{ t('macros.forms.count-questions-waiting-on-you') | replace('{count}', items | length) }}</h2>
+{% set ns = namespace(open=[], closed=[]) %}
+{% for row in items %}
+  {% if row.status in ['open', 'answered'] %}
+    {% set ns.open = ns.open + [row] %}
+  {% else %}
+    {% set ns.closed = ns.closed + [row] %}
+  {% endif %}
+{% endfor %}
+<section class="clarification-responses" data-report-section="clarification-responses" aria-label="{{ t('macros.forms.questions-waiting-on-you') if ns.open else t('macros.forms.answered-questions') }}">
+  {% if ns.open %}
+  <h2>{{ t('macros.forms.count-questions-waiting-on-you') | replace('{count}', ns.open | length) }}</h2>
   <p class="clarification-lede">{{ t('macros.forms.the-code-alone-could-not-settle-these-fill-i') }} <strong>{{ t('macros.forms.export-my-answers') }}</strong> {{ t('macros.forms.at-the-foot-of-the-page') }}</p>
-  {% for row in items %}
-  {% set is_closed = row.status in ['resolved', 'obsolete'] %}
-  {% set approval_context = row.approvalContext | default(None) %}
-  {% set resolution = row.resolution | default(None) %}
-  {% set options = row.options | default([]) %}
-  <article class="clarification-item" id="id-{{ row.id }}" data-response-id="{{ row.id }}" data-kind="{{ row.kind }}" data-status="{{ row.status }}">
-    <p class="eyebrow">{{ row.id }} · {{ row.kind }}</p>
-    {{ row.statement | paragraphs }}
-    <dl class="clarification-expected"><dt>{{ t('macros.forms.answer-as') }}</dt><dd>{{ row.expectedForm | inline_code }}</dd></dl>
-    {% if approval_context %}
-    <div class="approval-context" data-approval-classification="{{ approval_context.classification }}">
-      <p class="eyebrow">{{ approval_context.classification }}</p>
-      <p><strong>{{ t('tasks.implementation-planning.unblock-condition') }}</strong> {{ approval_context.unblockCondition | inline_code }}</p>
-      {% set check_refs = resolution.checkRefs if resolution else approval_context.activityIds | default([]) %}
-      {% if check_refs %}<p><strong>{{ t('tasks.implementation-planning.agent-evidence') }}</strong>
-        {% for activity_id in check_refs %}<a href="#id-{{ activity_id }}">{{ activity_id }}</a>{% if not loop.last %}, {% endif %}{% endfor %}
-      </p>{% endif %}
-    </div>
-    {% endif %}
-    {% if options %}
-    <ol class="clarification-options">
-      {% for option in options %}
-      <li class="clarification-option{% if option.role == 'recommended' %} is-recommended{% endif %}">
-        <p class="clarification-option-answer">{{ option.answer }}{% if option.role == 'recommended' %} <span class="badge">{{ t('macros.forms.recommended') }}</span>{% endif %}</p>
-        {% if option.disposition | default(None) %}<p class="clarification-option-disposition"><code>{{ option.disposition }}</code></p>{% endif %}
-        <p class="clarification-option-rationale">{{ option.rationale }}</p>
-        <dl class="clarification-option-impact">
-          <dt>{{ t('macros.forms.scope-impact') }}</dt><dd>{% if option.reach | default(None) %}{{ option.reach }}{% if option.scopeEffects | default([]) %}, {{ option.scopeEffects | join(', ') }}{% endif %}{% else %}{{ option.scopeImpact | join(', ') }}{% endif %}</dd>
-          <dt>{{ t('macros.forms.added-work') }}</dt><dd>{{ option.addedWork }}</dd>
-          <dt>{{ t('macros.forms.direction-change') }}</dt><dd>{{ option.directionChange }}</dd>
-        </dl>
-      </li>
-      {% endfor %}
-    </ol>
-    {% endif %}
-    <label for="response-{{ row.id }}">{{ t('macros.forms.your-answer-to-id') | replace('{id}', row.id) }}</label>
-    {% if row.kind == 'decision' and approval_context and options %}
-    <select id="response-{{ row.id }}" data-response-id="{{ row.id }}"{% if is_closed %} disabled{% endif %}>
-      <option value="">{{ t('macros.forms.choose-one') }}</option>
-      {% for option in options %}<option value="{{ option.answer }}" data-disposition="{{ option.disposition | default('') }}"{% if option.role == 'recommended' %} data-recommended="true"{% endif %}{% if row.userInput | default('') == option.answer %} selected{% endif %}>{{ option.answer }}</option>{% endfor %}
-    </select>
-    {% else %}
-    <textarea id="response-{{ row.id }}" data-response-id="{{ row.id }}" rows="4"{% if is_closed %} disabled{% endif %}>{{ row.userInput | default('') }}</textarea>
-    {% endif %}
-  </article>
-  {% endfor %}
+  {% for row in ns.open %}{{ clarification_article(row) }}{% endfor %}
+  {% endif %}
+  {% if ns.closed %}
+  {% if ns.open %}<h3>{{ t('macros.forms.count-answered-questions') | replace('{count}', ns.closed | length) }}</h3>
+  {% else %}<h2>{{ t('macros.forms.count-answered-questions') | replace('{count}', ns.closed | length) }}</h2>{% endif %}
+  {% for row in ns.closed %}{{ clarification_article(row, compact=true) }}{% endfor %}
+  {% endif %}
 </section>
 {% endif %}
 {%- endmacro %}

package/runtime/templates/reports/html/macros/layout.html CHANGED Viewed

@@ -1,7 +1,7 @@
 {% macro narrative(value, field_name) -%}
 <div class="narrative" data-report-field="{{ field_name }}">
   {{ value.text | paragraphs }}
-  <p class="evidence-refs">Evidence: {{ value.evidenceRefs | evidence_refs }}</p>
+  <p class="evidence-refs">{{ t('macros.layout.evidence') }} {{ value.evidenceRefs | evidence_refs }}</p>
 </div>
 {%- endmacro %}
@@ -26,7 +26,7 @@
 {% macro summary_card(title, body, tone='neutral', anchor='') -%}
 <article class="summary-card tone-{{ tone }}"{% if anchor %} id="id-{{ anchor }}"{% endif %}>
-  {% if title %}<h3>{{ title }}</h3>{% endif %}
+  {% if title %}<h3>{{ title | inline_code }}</h3>{% endif %}
   <p>{{ body | inline_code }}</p>
 </article>
 {%- endmacro %}

package/runtime/templates/reports/html/macros/visualizations.html CHANGED Viewed

@@ -12,7 +12,7 @@
     <thead><tr><th>{{ t('macros.visualizations.component') }}</th>{% if show_detail %}<th>{{ t('macros.visualizations.what-it-does') }}</th>{% endif %}{% if show_paths %}<th>{{ t('macros.visualizations.paths') }}</th>{% endif %}</tr></thead>
     <tbody>
       {% for node in model.nodes %}
-      <tr{% if anchor_nodes %} id="id-{{ node.id }}"{% endif %} data-fallback-id="{{ node.id }}">{{ row_key(pairs=[("ID", node.id), ("Name", node.label), ("Kind", node.note)]) }}{% if show_detail %}<td>{{ node.detail | inline_code }}</td>{% endif %}{% if show_paths %}<td>{% for path in node.paths %}<code>{{ path }}</code>{% if not loop.last %} {% endif %}{% endfor %}</td>{% endif %}</tr>
+      <tr{% if anchor_nodes %} id="id-{{ node.id }}"{% endif %} data-fallback-id="{{ node.id }}">{{ row_key(pairs=[(t('macros.layout.id'), node.id), (t('macros.layout.name'), node.label), (t('macros.layout.kind'), node.note)]) }}{% if show_detail %}<td>{{ node.detail | inline_code }}</td>{% endif %}{% if show_paths %}<td>{% for path in node.paths %}<code>{{ path }}</code>{% if not loop.last %} {% endif %}{% endfor %}</td>{% endif %}</tr>
       {% endfor %}
     </tbody>
   </table>