feat: add workflow and subscription detail views

internal/transport/httpserver/console/index.html

@@ -178,6 +178,48 @@
       </form>
     </aside>
   </div>
+  <div class="drawer-backdrop" id="workflow-drawer-backdrop" hidden>
+    <aside class="task-drawer workflow-drawer" role="dialog" aria-modal="true" aria-labelledby="workflow-detail-title">
+      <div class="drawer-header">
+        <div><span class="panel-kicker">WEAVE / WORKFLOW DETAIL</span><h2 id="workflow-detail-title">流程实例</h2><small class="drawer-id" id="workflow-detail-id">—</small></div>
+        <button class="icon-button" id="close-workflow-drawer" type="button" aria-label="关闭流程详情">×</button>
+      </div>
+      <div class="drawer-status-line"><span class="state-pill" id="workflow-detail-state">—</span><span id="workflow-detail-updated">—</span></div>
+      <div class="detail-grid">
+        <div><span>定义</span><b id="workflow-detail-definition">—</b></div>
+        <div><span>固定版本</span><b id="workflow-detail-version">—</b></div>
+        <div><span>实例修订</span><b id="workflow-detail-revision">—</b></div>
+        <div><span>控制修订</span><b id="workflow-detail-control-revision">—</b></div>
+        <div><span>业务键</span><b id="workflow-detail-business-key">—</b></div>
+        <div><span>总截止时间</span><b id="workflow-detail-deadline">—</b></div>
+      </div>
+      <div class="detail-block"><div class="detail-block-heading"><span>步骤状态</span><small id="workflow-steps-count">加载中</small></div><div class="detail-list" id="workflow-steps"><div class="detail-loading">正在读取步骤…</div></div></div>
+      <div class="detail-block"><div class="detail-block-heading"><span>事件时间线</span><small id="workflow-events-count">加载中</small></div><div class="detail-list" id="workflow-events"><div class="detail-loading">正在读取事件…</div></div></div>
+      <div class="detail-block" id="workflow-output-block" hidden><div class="detail-block-heading"><span>流程输出</span><small>只读快照</small></div><pre id="workflow-output"></pre></div>
+      <p class="drawer-note" id="workflow-detail-note">流程详情只读取当前权威视图；事件审计需要 workflows:audit:read 权限，所有控制操作仍由服务端权限和并发版本校验。</p>
+    </aside>
+  </div>
+  <div class="drawer-backdrop" id="subscription-drawer-backdrop" hidden>
+    <aside class="task-drawer subscription-drawer" role="dialog" aria-modal="true" aria-labelledby="subscription-detail-title">
+      <div class="drawer-header">
+        <div><span class="panel-kicker">EVENTS / SUBSCRIPTION DETAIL</span><h2 id="subscription-detail-title">结果订阅</h2><small class="drawer-id" id="subscription-detail-id">—</small></div>
+        <button class="icon-button" id="close-subscription-drawer" type="button" aria-label="关闭订阅详情">×</button>
+      </div>
+      <div class="drawer-status-line"><span class="state-pill" id="subscription-detail-state">—</span><span id="subscription-detail-updated">—</span></div>
+      <div class="detail-grid">
+        <div><span>订阅名称</span><b id="subscription-detail-name">—</b></div>
+        <div><span>队列</span><b id="subscription-detail-queue">—</b></div>
+        <div><span>配置修订</span><b id="subscription-detail-revision">—</b></div>
+        <div><span>待确认交付</span><b id="subscription-detail-pending">—</b></div>
+        <div><span>未确认上限</span><b id="subscription-detail-max-pending">—</b></div>
+        <div><span>单条次数预算</span><b id="subscription-detail-max-attempts">—</b></div>
+        <div><span>游标序号</span><b id="subscription-detail-cursor">—</b></div>
+        <div><span>事件类型</span><b id="subscription-detail-types">—</b></div>
+      </div>
+      <div class="detail-block"><div class="detail-block-heading"><span>最近交付</span><small id="subscription-deliveries-count">加载中</small></div><div class="detail-list" id="subscription-deliveries"><div class="detail-loading">正在读取交付历史…</div></div></div>
+      <p class="drawer-note" id="subscription-detail-note">交付详情不展示租约秘密；结果确认与人工重试必须通过受保护的消费或管理接口完成。</p>
+    </aside>
+  </div>
   <div class="toast" id="toast" role="status"></div>
   <script src="/console/app.js"></script>
 </body>