@givolt/i3-composer-agent 3.0.0 → 3.1.0

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/app.css

@@ -0,0 +1,102 @@
+* { box-sizing: border-box; }
+body { margin: 0; font-family: var(--easel-font); font-size: var(--easel-body); color: var(--easel-text); background: var(--easel-page); }
+button, input, select, textarea { font: inherit; }
+button, a { -webkit-tap-highlight-color: transparent; }
+button:focus-visible, a:focus-visible { outline: 2px solid var(--easel-primary); outline-offset: 3px; }
+h1, h2, p { margin: 0; }
+h1 { color: var(--easel-heading); font-size: var(--easel-title); line-height: 1.5; font-weight: 650; }
+h2 { font-size: var(--easel-section); line-height: 1.5; color: var(--easel-heading); font-weight: 600; }
+p { line-height: 1.7; }
+.muted { color: var(--easel-muted); }
+.mono { font-family: var(--easel-font-mono); font-size: var(--easel-helper); }
+.wrap-anywhere { overflow-wrap: anywhere; }
+.text-button { border: 0; padding: 0; background: transparent; cursor: pointer; color: var(--easel-primary); text-align: left; line-height: 1.6; }
+.text-button:hover { color: var(--easel-primary-hover); }
+.console-shell { min-height: 100dvh; }
+.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--easel-sidebar); background: var(--easel-surface); border-right: 1px solid var(--easel-border); display: flex; flex-direction: column; z-index: 30; transition: transform var(--easel-duration); }
+.brand { display: flex; flex-direction: column; padding: var(--easel-space-4) var(--easel-space-6) var(--easel-space-6); color: var(--easel-heading); text-decoration: none; flex-shrink: 0; }
+.brand:hover, .brand:focus { color: var(--easel-heading); }
+.brand strong { font-size: var(--easel-title); letter-spacing: 1px; font-weight: 750; line-height: 1.4; }
+.brand span { color: var(--easel-secondary); font-size: var(--easel-helper); margin-top: var(--easel-space-1); }
+.navigation { overflow: auto; padding: 0 var(--easel-space-2) var(--easel-space-4); }
+.nav-row { width: 100%; display: flex; align-items: center; gap: var(--easel-space-3); min-height: 40px; margin-bottom: var(--easel-space-1); padding: var(--easel-space-2) var(--easel-space-4); border: 0; background: transparent; color: var(--easel-text); cursor: pointer; border-radius: var(--easel-button-radius); text-decoration: none; text-align: left; white-space: nowrap; font-size: var(--easel-body); }
+.nav-row:hover { background: var(--easel-subtle); color: var(--easel-primary); }
+.nav-row > .anticon { font-size: var(--easel-section); }
+.nav-row > .nav-arrow { margin-left: auto; font-size: var(--easel-caption); color: var(--easel-muted); }
+.nav-child { padding-left: 48px; min-height: 36px; }
+.nav-parent-active { color: var(--easel-primary); }
+.nav-row.selected { color: var(--easel-primary); background: var(--easel-primary-soft); font-weight: 500; }
+.sidebar-footer { margin-top: auto; padding: var(--easel-space-4) var(--easel-space-6); border-top: 1px solid var(--easel-border); display: flex; justify-content: space-between; font-size: var(--easel-caption); color: var(--easel-muted); }
+.guide-button { color: var(--easel-secondary); display: flex; align-items: center; gap: var(--easel-space-2); }
+.workspace { margin-left: var(--easel-sidebar); min-height: 100dvh; display: flex; flex-direction: column; }
+.topbar { height: var(--easel-header); display: flex; align-items: center; gap: var(--easel-space-4); padding: 0 var(--easel-space-6); background: var(--easel-surface); border-bottom: 1px solid var(--easel-border); flex-shrink: 0; }
+.breadcrumb { display: flex; align-items: center; gap: var(--easel-space-3); white-space: nowrap; }
+.crumb-slash { margin-left: var(--easel-space-3); color: var(--easel-muted); }
+.topbar-right { display: flex; align-items: center; gap: var(--easel-space-6); margin-left: auto; }
+.demo-label { font-size: var(--easel-helper); color: var(--easel-muted); border-right: 1px solid var(--easel-border-strong); padding-right: var(--easel-space-6); }
+.profile-button { display: flex; gap: var(--easel-space-3); align-items: center; background: transparent; border: 0; padding: 0; color: var(--easel-text); cursor: pointer; }
+.profile-button .ant-avatar { background: var(--easel-primary); }
+.profile-button > .anticon { font-size: var(--easel-caption); }
+#main-content { padding: var(--easel-space-6); min-width: 0; outline: none; }
+.page-heading { display: flex; align-items: center; gap: var(--easel-space-4); justify-content: space-between; margin: var(--easel-space-2) 0 var(--easel-space-6); }
+.page-heading p { color: var(--easel-secondary); margin-top: var(--easel-space-1); }
+.panel { background: var(--easel-surface); border-radius: var(--easel-radius); padding: var(--easel-space-4); }
+.model-tabs { background: var(--easel-surface); margin: 0; padding: 0 var(--easel-space-6); border-radius: var(--easel-radius) var(--easel-radius) 0 0; }
+.model-tabs .ant-tabs-nav { margin-bottom: 0; }
+.model-tabs .ant-tabs-content-holder { display: none; }
+.filter-panel { display: flex; align-items: flex-start; gap: var(--easel-space-6); padding: var(--easel-space-6); border-radius: 0 0 var(--easel-radius) var(--easel-radius); margin-bottom: var(--easel-space-4); }
+.filter-form { flex: 1; min-width: 0; }
+.filter-form .ant-form-item { margin-bottom: 0; }
+.filter-form .ant-select { width: 100%; }
+.filter-actions { display: flex; gap: var(--easel-space-2); }
+.model-table-panel h2 { line-height: 32px; }
+.model-name-cell { display: flex; flex-direction: column; gap: var(--easel-space-1); line-height: 1.5; }
+.model-link { font-weight: 500; }
+.capabilities { display: flex; gap: var(--easel-space-1); flex-wrap: wrap; }
+.capabilities .ant-tag { margin-inline-end: 0; background: var(--easel-page); color: var(--easel-secondary); border-radius: var(--easel-tag-radius); }
+.scope-link { color: var(--easel-text); }
+.model-status { display: flex; flex-direction: column; gap: var(--easel-space-1); white-space: nowrap; }
+.model-status > div { display: flex; align-items: center; gap: var(--easel-space-2); }
+.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
+.status-dot.success { background: var(--easel-success); }.status-dot.error { background: var(--easel-error); }.status-dot.neutral { background: var(--easel-muted); }
+.health-text { font-size: var(--easel-caption); padding-left: var(--easel-space-4); }
+.health-text.normal { color: var(--easel-success); }.health-text.error { color: var(--easel-error); }.health-text.untested { color: var(--easel-muted); }
+.row-actions { display: flex; align-items: center; gap: 0; }
+.row-actions .ant-btn { padding-inline: var(--easel-space-1); }
+.row-actions .anticon { font-size: var(--easel-caption); }
+.link-button:not(:disabled) { color: var(--easel-primary); }
+.page-footer { margin-top: auto; padding: 0 var(--easel-space-6) var(--easel-space-6); color: var(--easel-muted); display: flex; align-items: center; gap: var(--easel-space-2); font-size: var(--easel-caption); }
+.page-footer .text-button { margin-left: auto; white-space: nowrap; }
+.page-alert { margin-bottom: var(--easel-space-4); }
+.section-heading { display: flex; justify-content: space-between; gap: var(--easel-space-4); align-items: center; margin-bottom: var(--easel-space-4); }
+.drawer-section { margin-top: var(--easel-space-6); padding-top: var(--easel-space-6); border-top: 1px solid var(--easel-border); }
+.drawer-section > h2 { margin-bottom: var(--easel-space-4); }.drawer-section > p { margin-top: var(--easel-space-3); }
+.review-steps { padding-left: var(--easel-space-6); line-height: 2.4; }
+.drawer-footer { display: flex; align-items: center; justify-content: space-between; gap: var(--easel-space-4); }
+.form-intro { margin-bottom: var(--easel-space-6); }
+.editor-form .ant-input-number, .ant-modal .ant-input-number { width: 100%; }
+.editor-form .ant-form-item-explain, .editor-form .ant-form-item-extra { font-size: var(--easel-caption); }
+.detail-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--easel-space-4); margin-bottom: var(--easel-space-4); }
+.detail-heading h2 { font-size: var(--easel-title); margin-bottom: var(--easel-space-1); }
+.detail-tags { margin-bottom: var(--easel-space-6); }
+.test-wait, .test-result { text-align: center; padding: var(--easel-space-8) var(--easel-space-4); background: var(--easel-subtle); border-radius: var(--easel-radius); margin-top: var(--easel-space-6); }
+.test-wait > .anticon, .test-result > .anticon { font-size: 32px; color: var(--easel-primary); margin-bottom: var(--easel-space-4); }
+.test-result.success > .anticon { color: var(--easel-success); }.test-result.failure > .anticon { color: var(--easel-error); }
+.test-result p, .test-wait p { margin-top: var(--easel-space-2); }
+.check-list { margin-top: var(--easel-space-4); }.check-list > div { display: flex; align-items: center; gap: var(--easel-space-2); border-bottom: 1px solid var(--easel-border); padding: var(--easel-space-3) 0; }.check-list .anticon { color: var(--easel-success); }.check-list .muted { margin-left: auto; }
+.grant-model { margin-bottom: var(--easel-space-4); }.grant-model .mono { margin-left: var(--easel-space-2); }
+.usage-panel, .audit-panel { margin-top: var(--easel-space-4); padding: var(--easel-space-6); }
+.audit-panel > h2 { margin-bottom: var(--easel-space-4); }
+.usage-filters { display: flex; gap: var(--easel-space-3); }.usage-filters .ant-select { min-width: 136px; }
+.usage-metrics { display: grid; grid-template-columns: repeat(3, 1fr); padding: var(--easel-space-6) 0; margin-bottom: var(--easel-space-4); }
+.usage-metrics > div { display: flex; flex-direction: column; gap: var(--easel-space-2); border-right: 1px solid var(--easel-border); padding: 0 var(--easel-space-6); }.usage-metrics > div:first-child { padding-left: 0; }.usage-metrics > div:last-child { border: 0; }
+.usage-metrics strong { font-size: var(--easel-title); font-variant-numeric: tabular-nums; }.usage-metrics span, .usage-metrics small { color: var(--easel-secondary); }.usage-metrics small { font-size: var(--easel-caption); }
+.scope-panel { min-height: 400px; display: grid; place-items: center; }.scope-panel p { margin-bottom: var(--easel-space-4); }
+.collapsed .sidebar { transform: translateX(-100%); }.collapsed .workspace { margin-left: 0; }
+.nav-scrim { display: none; }.skip-link { position: fixed; top: -100px; left: var(--easel-space-4); z-index: 2000; padding: var(--easel-space-3); background: var(--easel-surface); }.skip-link:focus { top: var(--easel-space-3); }
+.ant-drawer-content-wrapper { max-width: 100vw; }.ant-form-item-label > label { font-size: var(--easel-body); }.ant-form-item-extra { color: var(--easel-muted); }.ant-table-wrapper { min-width: 0; }
+@media (max-width: 1180px) { .filter-panel { flex-wrap: wrap; gap: var(--easel-space-4); }.filter-form { flex-basis: 100%; }.filter-actions { margin-left: auto; } }
+@media (max-width: 899px) { .sidebar { transform: translateX(-100%); }.workspace { margin-left: 0; }.mobile-open .sidebar { transform: translateX(0); }.mobile-open .nav-scrim { display: block; position: fixed; inset: 0; background: var(--easel-overlay); border: 0; z-index: 29; }.topbar { padding: 0 var(--easel-space-4); gap: var(--easel-space-2); }.demo-label { display: none; } }
+@media (max-width: 767px) { #main-content { padding: var(--easel-space-4); }.page-heading { margin-top: 0; align-items: flex-start; }.page-heading p { font-size: var(--easel-helper); }.filter-panel { padding: var(--easel-space-4); }.filter-form .ant-form-item { margin-bottom: var(--easel-space-4); }.filter-form .ant-form-item-label { flex: 0 0 76px; padding: 0; }.filter-form .ant-form-item-control { flex: 1; width: auto; }.filter-form .ant-form-item-row { flex-direction: row; }.model-tabs { padding-inline: var(--easel-space-4); }.page-footer { padding: 0 var(--easel-space-4) var(--easel-space-4); flex-wrap: wrap; }.profile-button > span:not(.ant-avatar) { display: none; }.profile-button { gap: var(--easel-space-2); }.usage-panel,.audit-panel { padding: var(--easel-space-4); }.usage-metrics { gap: var(--easel-space-3); }.usage-metrics > div { padding: 0; border: 0; }.usage-metrics strong { font-size: var(--easel-section); }.section-heading { flex-wrap: wrap; }.usage-filters { flex-wrap: wrap; }.drawer-footer > .muted { display: none; }.editor-form .ant-form-item-label { flex-basis: 88px; }.editor-form .ant-form-item-row { flex-direction: row; }.editor-form .ant-form-item-control { flex: 1; width: auto; }.ant-drawer-body { padding: var(--easel-space-4) !important; } }
+@media (max-width: 380px) { .page-heading { flex-wrap: wrap; }.page-heading > .ant-btn { margin-left: auto; }.topbar .breadcrumb { font-size: var(--easel-helper); }.usage-metrics { grid-template-columns: 1fr; }.usage-metrics > div { padding-bottom: var(--easel-space-3); border-bottom: 1px solid var(--easel-border); }.detail-heading { flex-direction: column; }.ant-drawer-footer .ant-space { gap: var(--easel-space-1) !important; } }
+@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/delivery.css

@@ -0,0 +1,4 @@
+.delivery-steps{padding:var(--easel-space-4) var(--easel-space-6);margin-bottom:var(--easel-space-6);background:var(--easel-surface);border:1px solid var(--easel-border);border-radius:var(--easel-radius)}.delivery-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:var(--easel-space-6);align-items:start}.delivery-grid>*{min-width:0}.delivery-main,.delivery-aside{padding:var(--easel-space-6)}.delivery-main>.ant-empty{padding:64px 0}.empty-spec-mark{font-size:48px;font-weight:600;color:var(--easel-primary)}.spec-document section{padding:var(--easel-space-6) 0;border-bottom:1px solid var(--easel-border);scroll-margin-top:80px}.spec-document p,.spec-diff p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.spec-document h2,.delivery-main h2,.delivery-aside h2{font-size:var(--easel-section)}.spec-document section:last-child{border:0}.spec-outline{display:grid;grid-template-columns:1fr 1fr;gap:var(--easel-space-2);margin:var(--easel-space-6) 0}.spec-outline a{padding:var(--easel-space-2);border-radius:4px;background:var(--easel-subtle)}.spec-decision-form{border:1px solid var(--easel-border);border-radius:8px;padding:var(--easel-space-4);margin-bottom:var(--easel-space-6);min-width:0}.spec-decision-form legend{width:auto;font-size:var(--easel-body);font-weight:600;margin:0}.vertical-options{display:flex;flex-direction:column;gap:var(--easel-space-3);margin:var(--easel-space-4) 0}.spec-decision-form label{display:block;margin-bottom:var(--easel-space-2)}.review-toolbar{display:flex;gap:var(--easel-space-4);justify-content:space-between;flex-wrap:wrap}.review-actions{position:sticky;bottom:var(--easel-space-4);z-index:5;margin-top:var(--easel-space-6);padding:var(--easel-space-4) var(--easel-space-6);display:flex;gap:var(--easel-space-4);align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 16px #0000000a}.spec-diff{margin-top:var(--easel-space-6)}.diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--easel-space-4)}.diff-columns section{min-width:0;padding:var(--easel-space-4);border:1px solid var(--easel-border);border-radius:8px}.diff-columns h3{font-size:var(--easel-helper);color:var(--easel-muted)}.diff-changed{background:var(--easel-primary-soft)}.permission-grant{border:1px solid var(--easel-border);border-radius:8px;padding:var(--easel-space-4);margin:var(--easel-space-4) 0}.permission-grant label{display:block;margin:var(--easel-space-3) 0 var(--easel-space-2)}.permission-grant .ant-select{width:100%}.permission-actions .ant-checkbox-wrapper{margin:var(--easel-space-1) var(--easel-space-3) var(--easel-space-1) 0}.review-actions .ant-space{max-width:100%}@media(max-width:1099px){.delivery-grid{grid-template-columns:1fr}.delivery-aside .spec-outline{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:767px){.delivery-steps{padding:var(--easel-space-4)}.delivery-main,.delivery-aside{padding:var(--easel-space-4)}.delivery-grid{gap:var(--easel-space-4)}.diff-columns{grid-template-columns:1fr}.review-actions{position:static;padding:var(--easel-space-4)}.delivery-aside .spec-outline{grid-template-columns:1fr 1fr}.version-toolbar>label{width:auto}.page-heading h1{font-size:var(--easel-title)}}
+.pbc-picker-tools,.pbc-link-review{display:flex;justify-content:space-between;gap:var(--easel-space-4);flex-wrap:wrap;margin:var(--easel-space-4) 0}.pbc-link-review{border-top:1px solid var(--easel-border);padding-top:var(--easel-space-4);align-items:center}.pbc-link-review p{margin:var(--easel-space-2) 0}.engineering-preview{background:var(--easel-subtle);padding:var(--easel-space-6);border-radius:8px;overflow-wrap:anywhere}.engineering-preview li{padding:var(--easel-space-3) 0}.creation-progress{list-style:none;padding:0;margin:var(--easel-space-6) 0}.creation-progress li{display:flex;align-items:flex-start;gap:var(--easel-space-4);padding:var(--easel-space-4) 0;border-bottom:1px solid var(--easel-border)}.creation-progress li>div{flex:1;min-width:0}.creation-progress p{overflow-wrap:anywhere;font-size:var(--easel-helper);margin:var(--easel-space-2) 0 0}.step-index{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--easel-subtle);border:1px solid var(--easel-border-strong)}.step-done{color:var(--easel-success);border-color:var(--easel-success)}.step-running{background:var(--easel-primary);color:white}.artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--easel-space-4);margin:var(--easel-space-4) 0}.artifact-link{display:flex;flex-direction:column;text-align:left;padding:var(--easel-space-4);gap:var(--easel-space-3);border:1px solid var(--easel-border-strong);border-radius:8px;background:var(--easel-surface);cursor:pointer}.artifact-link:hover{border-color:var(--easel-primary)}.artifact-link span{font-size:var(--easel-helper);color:var(--easel-muted);overflow-wrap:anywhere}.artifact-link small{color:var(--easel-primary)}.service-list{margin:var(--easel-space-6) 0}.service-list .section-heading{flex-wrap:wrap}@media(max-width:767px){.artifact-grid{grid-template-columns:1fr}.creation-progress li{gap:var(--easel-space-2);flex-wrap:wrap}.engineering-preview{padding:var(--easel-space-4)}.pbc-picker-tools .ant-input{max-width:100%}}
+.topbar .breadcrumb{min-width:0;overflow:hidden}.topbar-right{flex-shrink:0}@media(max-width:767px){.topbar-right{gap:var(--easel-space-2)}.topbar .breadcrumb{flex:1}.breadcrumb>span:not(:last-child){display:none}.breadcrumb .crumb-slash{display:none}.breadcrumb>span:last-child{overflow:hidden;text-overflow:ellipsis}}
+.delivery-aside .metadata-compact{margin-top:var(--easel-space-6)}.delivery-aside .ant-descriptions-item-label{white-space:nowrap;width:88px}.delivery-aside .ant-descriptions-item-content{overflow-wrap:anywhere}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/intents.css

@@ -0,0 +1,37 @@
+.intent-back { display: inline-flex; align-items: center; gap: var(--easel-space-1); margin: var(--easel-space-1) 0 var(--easel-space-3); }
+.intent-back .anticon { font-size: var(--easel-caption); }
+.intent-heading { align-items: flex-start; margin-top: 0; }
+.intent-heading > div { min-width: 0; }.intent-heading h1 { overflow-wrap: anywhere; }.intent-heading > .ant-btn { flex-shrink: 0; }
+.intent-meta { display: flex; align-items: center; gap: var(--easel-space-3); flex-wrap: wrap; font-size: var(--easel-helper); }
+.intent-meta .ant-tag { margin: 0; }
+.intent-steps { padding: 0 var(--easel-space-6); margin-bottom: var(--easel-space-6); }
+.intent-grid { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(280px, 1fr); gap: var(--easel-space-6); align-items: stretch; }
+.intent-grid > * { min-width: 0; }.intent-main,.intent-summary { padding: var(--easel-space-6); }
+.intent-subtitle { margin-top: var(--easel-space-1); margin-bottom: var(--easel-space-6); }
+.intent-main h3,.intent-summary h3 { margin: 0 0 var(--easel-space-2); font-size: var(--easel-body); font-weight: 600; line-height: 1.7; }
+.request-brief { background: var(--easel-subtle); border: 1px solid var(--easel-border); border-radius: var(--easel-button-radius); padding: var(--easel-space-4); margin-bottom: var(--easel-space-4); overflow-wrap: anywhere; }
+.clarification-block { border: 1px solid var(--easel-border); border-radius: var(--easel-button-radius); padding: var(--easel-space-6); }
+.assistant-label { display: flex; align-items: center; gap: var(--easel-space-2); color: var(--easel-primary); font-weight: 500; flex-wrap: wrap; }
+.assistant-label > .anticon { font-size: var(--easel-title); }.assistant-label small { margin-left: auto; color: var(--easel-muted); font-size: var(--easel-caption); font-weight: 400; }
+.intent-main h3.question-title { font-size: var(--easel-section); margin-top: var(--easel-space-4); margin-bottom: var(--easel-space-1); }
+.question-hint { font-size: var(--easel-helper); }.example-answer { margin: var(--easel-space-4) 0 var(--easel-space-6); }
+.answer-label { display: block; margin-bottom: var(--easel-space-2); }.input-error { color: var(--easel-error); font-size: var(--easel-helper); margin-top: var(--easel-space-2); }
+.intent-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--easel-space-4); margin-top: var(--easel-space-6); flex-wrap: wrap; }
+.intent-actions > .muted { font-size: var(--easel-caption); }.intent-actions > .ant-btn, .intent-actions > .ant-space { margin-left: auto; }
+.intent-error { margin-top: var(--easel-space-4); }.intent-generating { padding: var(--easel-space-6) 0; min-height: 300px; }.intent-generating .ant-skeleton { margin-top: var(--easel-space-6); }
+.intent-outline { list-style: none; padding: 0; margin: var(--easel-space-4) 0 0; }
+.intent-outline li { border-radius: var(--easel-button-radius); margin-bottom: var(--easel-space-2); }.intent-outline li.active { background: var(--easel-primary-soft); }
+.outline-item { border: 0; background: transparent; width: 100%; text-align: left; display: flex; gap: var(--easel-space-3); color: var(--easel-text); padding: var(--easel-space-3); border-radius: var(--easel-button-radius); }
+button.outline-item { cursor: pointer; }button.outline-item:disabled { cursor: default; }.outline-item:hover:not(:disabled) { background: var(--easel-subtle); }.intent-outline .active .outline-item:hover { background: var(--easel-primary-soft); }
+.outline-number { width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--easel-border-strong); color: var(--easel-secondary); background: var(--easel-surface); }
+.active .outline-number { background: var(--easel-primary); color: var(--easel-surface); border-color: var(--easel-primary); }
+.outline-item strong { display: block; font-weight: 500; line-height: 1.8; }.outline-item small { display: flex; align-items: center; gap: var(--easel-space-1); color: var(--easel-muted); font-size: var(--easel-helper); line-height: 1.8; }
+.answered, .outline-item small.answered { color: var(--easel-success); }.summary-context { border-top: 1px solid var(--easel-border); padding-top: var(--easel-space-6); margin-top: var(--easel-space-6); }.summary-context .muted { font-size: var(--easel-helper); margin-top: var(--easel-space-1); }
+.intent-form .ant-form-item-label { text-align: left; }.intent-form .ant-select { width: 100%; }.intent-form .ant-form-item { margin-bottom: var(--easel-space-6); }
+.intent-document section { padding: var(--easel-space-4) 0; border-bottom: 1px solid var(--easel-border); }.intent-document section:last-child { border-bottom: 0; }.intent-document h3 { font-size: var(--easel-body); line-height: 1.7; margin: 0 0 var(--easel-space-2); }.intent-document p { white-space: pre-wrap; overflow-wrap: anywhere; }.intent-document { margin-top: var(--easel-space-2); }
+.intent-info { margin: var(--easel-space-4) 0 0; }.intent-info dt { font-size: var(--easel-helper); color: var(--easel-muted); margin-top: var(--easel-space-4); }.intent-info dd { margin: var(--easel-space-1) 0 0; overflow-wrap: anywhere; }
+.confirmation-checks { padding-left: var(--easel-space-4); margin: 0; line-height: 2.2; }.intent-list-note { margin-top: var(--easel-space-4); font-size: var(--easel-helper); }
+.version-toolbar { display: flex; flex-wrap: wrap; gap: var(--easel-space-3); align-items: center; margin-bottom: var(--easel-space-4); }.version-toolbar .ant-select { min-width: 140px; }.version-confirmed { margin-top: var(--easel-space-4); color: var(--easel-success); }
+.intent-events { padding-left: var(--easel-space-6); line-height: 1.8; }.intent-events li { padding: var(--easel-space-3) 0; }.intent-events .muted { font-size: var(--easel-caption); }
+@media(max-width: 1099px) { .intent-grid { grid-template-columns: 1fr; }.intent-summary .intent-outline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }.intent-summary { min-width: 0; } }
+@media(max-width: 767px) { .intent-main,.intent-summary { padding: var(--easel-space-4); }.clarification-block { padding: var(--easel-space-4); }.intent-steps { padding: 0; }.intent-grid { gap: var(--easel-space-4); }.intent-heading { flex-wrap: wrap; }.intent-heading > .ant-btn { margin-left: auto; }.intent-meta { gap: var(--easel-space-2); }.assistant-label small { margin-left: 0; flex-basis: 100%; }.intent-main .section-heading { align-items: flex-start; }.intent-summary .intent-outline { grid-template-columns: 1fr; }.intent-actions > .ant-space { max-width: 100%; }.intent-form .ant-form-item-row { flex-direction: column; }.intent-form .ant-form-item-label { flex-basis: auto; }.intent-form .ant-form-item-control { width: 100%; }.intent-form .ant-form-item-extra { overflow-wrap: anywhere; } }

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/native.css

@@ -0,0 +1,22 @@
+/* Native DOM bridge. The source theme and component CSS are retained in adjacent files. */
+html,body,#app{min-height:100%;margin:0}body{font-family:var(--easel-font);font-size:14px;line-height:1.5714285714285714;color:var(--easel-text)}
+.native-boot{padding:40px}.ant-space{display:inline-flex}.ant-space-vertical{flex-direction:column;align-items:flex-start}.ant-space>*{flex:none}
+.anticon-loading{animation:native-spin 1s linear infinite}@keyframes native-spin{to{transform:rotate(360deg)}}.ant-input-textarea-show-count{display:block}.ant-input-show-count-suffix{color:var(--easel-muted);font-size:12px;white-space:nowrap}
+.ant-select{min-width:80px}.ant-select-input{cursor:pointer}.ant-select-disabled .ant-select-input{cursor:not-allowed}
+.native-popup{max-height:320px;overflow:auto}.native-popup-empty{padding:12px;color:var(--easel-muted)}
+.ant-select-selection-item-remove,.native-input-clear{border:0;background:transparent;padding:0;color:var(--easel-muted);cursor:pointer}
+.ant-input-affix-wrapper>.ant-input{width:100%;padding:0;border:0;box-shadow:none}.ant-input-affix-wrapper:focus-within{border-color:var(--easel-primary);box-shadow:0 0 0 2px var(--easel-primary-soft)}
+.ant-input-number{width:100%}.ant-input-number-input{width:100%}
+.ant-drawer{position:fixed;inset:0;pointer-events:none}.ant-drawer-mask{position:absolute;inset:0;pointer-events:auto}.ant-drawer-content-wrapper{position:absolute;right:0;top:0;bottom:0;max-width:100vw;pointer-events:auto}.ant-drawer-section{height:100%;display:flex;flex-direction:column;outline:none}.ant-drawer-body{flex:1;overflow:auto}.ant-drawer-footer{flex:none}
+.ant-modal-root{position:relative}.ant-modal-mask,.ant-modal-wrap{position:fixed;inset:0}.ant-modal-wrap{overflow:auto;z-index:1101}.ant-modal-mask{z-index:1100}.ant-modal{max-width:calc(100vw - 32px);margin:0 auto;padding-bottom:24px;outline:none}
+.ant-modal-centered{display:flex;align-items:center;justify-content:center}.ant-modal-centered .ant-modal{top:0;padding:0}
+.ant-tabs-tab-btn{cursor:pointer}.ant-tabs-nav-list{position:relative}.ant-tabs-ink-bar{bottom:0}
+.ant-table-content table{border-collapse:separate;border-spacing:0}.ant-table-wrapper .ant-table-cell-fix{background:var(--easel-surface)}.ant-table-pagination{display:flex;justify-content:flex-end;gap:8px}.ant-pagination-options{min-width:106px}
+.pro-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pro-table-toolbar .table-tools{display:flex;gap:8px;align-items:center}
+.native-table-loading{position:absolute;inset:0;background:rgba(255,255,255,.65);z-index:3;display:flex;align-items:center;justify-content:center}.ant-spin{position:relative}
+.ant-form-item-control{min-width:0;flex:1}.ant-form-item-row{width:100%}.ant-form-vertical .ant-form-item-row{display:block}.ant-form-vertical .ant-form-item-label{text-align:start}
+.ant-form-item-explain-error{color:var(--easel-error)}[aria-invalid=true]{border-color:var(--easel-error)}
+.ant-tree-treenode{display:flex;align-items:center;min-height:30px}.ant-tree-switcher{width:24px;cursor:pointer}.ant-tree .ant-checkbox-wrapper{margin-right:8px}.ant-tree-node-content-wrapper{padding:2px 4px}
+.ant-message{position:fixed;z-index:3000;top:16px;left:0;width:100%;pointer-events:none}.ant-message-notice{display:flex;justify-content:center;margin-bottom:8px}.ant-message-notice-content{display:inline-flex;gap:8px;align-items:center;background:white;border-radius:8px;padding:9px 12px;box-shadow:0 6px 20px rgba(0,0,0,.12)}.ant-message-success .anticon{color:var(--easel-success)}.ant-message-error .anticon{color:var(--easel-error)}
+.ant-progress-bg{border-radius:100px;background:var(--easel-primary)}
+@media(max-width:575px){.ant-col[class*=ant-col-]{flex:0 0 100%;max-width:100%}.ant-form-item-row{display:block}.ant-form-item-label{text-align:start}.ant-drawer-content-wrapper{width:100%!important}.ant-modal{max-width:calc(100vw - 16px)}.ant-table-pagination{flex-wrap:wrap}}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/operations.css

@@ -0,0 +1,2 @@
+.ops-card{background:#fff;border:1px solid var(--border-color,#e5e9ef);border-radius:10px;padding:22px;margin:0 0 20px;min-width:0}.ops-card h2{font-size:17px;margin:0 0 16px}.ops-card h3{font-size:14px;margin:20px 0 8px}.ops-card p{line-height:1.65;overflow-wrap:anywhere}.ops-title,.ops-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.ops-title h2,.ops-section-head h2{margin:0}.ops-section-head>.ant-select{min-width:190px}.ops-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:22px}.ops-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.ops-form{display:grid;gap:18px}.ops-form label,.ops-target{display:grid;gap:9px;font-size:14px}.ops-form .ant-select,.ops-target .ant-select{width:100%}.ops-check{padding:14px 0;border-bottom:1px solid #edf0f5;overflow-wrap:anywhere}.ops-check:last-child{border-bottom:0}.ops-check>div:first-child{display:flex;justify-content:space-between;gap:12px}.ops-check p{margin:8px 0}.ops-empty{padding:24px 0;color:#667085}.ops-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.ops-signals>div{padding:16px;background:#f6f8fb;border-radius:8px;display:grid;gap:8px}.ops-signals span{color:#667085;font-size:13px}.ops-signals strong{font-size:22px}.ops-demo{border:1px dashed #cbd4e2;background:#fafbfe;border-radius:8px;padding:14px 18px;margin:20px 0;color:#526176}.ops-demo summary{cursor:pointer;font-size:13px}.ops-demo>label,.ops-demo>.ant-space,.ops-demo>.ant-select{margin-top:14px}.ops-demo p{font-size:12px;margin-bottom:0}.ops-logs{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fb;border-radius:8px;padding:16px}.ops-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce4ef;border-radius:10px;background:white;margin-bottom:20px}.ops-chain article{padding:20px;border-right:1px solid #edf0f5}.ops-chain article:last-child{border:0}.ops-chain span{color:#6880a3;font-size:12px}.ops-chain h3{font-size:15px;margin:10px 0}.ops-chain p{font-size:13px;color:#667085;overflow-wrap:anywhere}.ops-link-form{max-width:860px}.ops-target{margin-top:20px}.ops-card .ant-descriptions-item-content{overflow-wrap:anywhere;word-break:break-word}
+@media(max-width:1050px){.ops-layout{grid-template-columns:1fr}.ops-chain{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ops-card{padding:16px}.ops-chain,.ops-signals{grid-template-columns:1fr}.ops-chain article{border-right:0;border-bottom:1px solid #edf0f5}.ops-buttons .ant-btn{max-width:100%;height:auto;min-height:32px;white-space:normal}.ops-title{align-items:flex-start}}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/pbc.css

@@ -0,0 +1,3 @@
+.pbc-list-context,.pbc-artifact-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--easel-space-4);margin:var(--easel-space-4) 0;flex-wrap:wrap}.pbc-list-context .ant-select{min-width:180px}.pbc-list-context p{margin:0;font-size:var(--easel-caption)}.pbc-list-note,.pbc-empty{padding:var(--easel-space-4);font-size:var(--easel-helper);line-height:1.8}.pbc-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:var(--easel-space-6)}.pbc-description{line-height:1.9;color:var(--easel-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.pbc-next{padding-left:var(--easel-space-6);color:var(--easel-secondary);line-height:1.8}.pbc-next li{padding:var(--easel-space-3) 0}.pbc-next p{margin:var(--easel-space-2) 0;font-size:var(--easel-helper)}.pbc-next+button{margin:var(--easel-space-4) 0}.pbc-label{display:block;margin:var(--easel-space-4) 0 var(--easel-space-2)}.pbc-section{margin:var(--easel-space-4) 0}.pbc-event{padding:var(--easel-space-4) 0;border-bottom:1px solid var(--easel-border);overflow-wrap:anywhere}.pbc-event h3{font-size:var(--easel-body)}.pbc-event p{color:var(--easel-secondary);font-size:var(--easel-helper)}.pbc-event summary{cursor:pointer;color:var(--easel-primary);padding:var(--easel-space-2) 0}.pbc-diff{display:grid;grid-template-columns:1fr 1fr;gap:var(--easel-space-4)}.pbc-diff pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--easel-subtle);padding:var(--easel-space-4);font-size:var(--easel-caption)}.pbc-chain{display:flex;align-items:center;flex-wrap:wrap;gap:var(--easel-space-3);padding:var(--easel-space-6);border:1px solid var(--easel-border-strong);background:var(--easel-surface);border-radius:var(--easel-radius);font-size:var(--easel-helper)}.pbc-chain button{border:0;background:var(--easel-primary-soft);color:var(--easel-primary);padding:var(--easel-space-2) var(--easel-space-3);border-radius:var(--easel-button-radius);cursor:pointer}.pbc-chain button:disabled{color:var(--easel-muted);background:var(--easel-subtle);cursor:not-allowed}.pbc-chain button:focus-visible{outline:2px solid var(--easel-primary);outline-offset:2px}.pbc-artifact-heading .ant-select{min-width:280px;max-width:100%;flex:0 1 420px}.pbc-overview>*{min-width:0}
+@media(max-width:900px){.pbc-overview{grid-template-columns:minmax(0,1fr)}.pbc-artifact-heading{align-items:stretch;flex-direction:column}.pbc-artifact-heading .ant-select{flex:auto;min-width:0;width:100%}}
+@media(max-width:600px){.pbc-diff{grid-template-columns:minmax(0,1fr)}.pbc-chain{padding:var(--easel-space-4);gap:var(--easel-space-2)}.pbc-list-context{align-items:stretch;flex-direction:column}}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/permissions.css

@@ -0,0 +1,22 @@
+.auth-list { background:var(--easel-surface); border:1px solid var(--easel-border); border-radius:var(--easel-radius); padding:var(--easel-space-4); }
+.auth-filters,.auth-tools { display:flex; gap:var(--easel-space-2); align-items:center; flex-wrap:wrap; margin-bottom:var(--easel-space-4); }
+.auth-filters>.ant-input-affix-wrapper { width:280px; max-width:100%; }
+.auth-filters>.ant-select { min-width:160px; }
+.auth-tools { justify-content:space-between; }
+.auth-grant { border:1px solid var(--easel-border-strong); border-radius:var(--easel-radius); padding:var(--easel-space-4); margin:var(--easel-space-4) 0; }
+.auth-grant h3 { margin:var(--easel-space-4) 0 var(--easel-space-2); }
+.auth-grant label { display:block; margin:var(--easel-space-3) 0 var(--easel-space-2); }
+.auth-grant .ant-select { width:100%; }
+.auth-grant-columns { display:grid; grid-template-columns:1fr 1fr; gap:var(--easel-space-6); }
+.auth-grant-columns>div { min-width:0; }
+.auth-reason { margin-top:var(--easel-space-6); }
+.auth-tags { display:flex; flex-wrap:wrap; gap:var(--easel-space-2); }
+.auth-diff { display:grid; grid-template-columns:1fr 1fr; gap:var(--easel-space-4); }
+.auth-diff>section { min-width:0; }
+.auth-diff pre { padding:var(--easel-space-4); background:var(--easel-subtle); border:1px solid var(--easel-border); white-space:pre-wrap; word-break:break-word; font-size:var(--easel-helper); }
+.profile-button>span:not(.ant-avatar) { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+@media(max-width:767px) { .auth-grant-columns,.auth-diff { grid-template-columns:1fr; } .auth-filters>* { width:100%; } .auth-tools { align-items:flex-start; } .auth-tools>.ant-space { flex-wrap:wrap; } }
+@media(max-width:400px) { .profile-button>span:not(.ant-avatar) { max-width:96px; } .auth-list { padding:var(--easel-space-2); } }
+@media(max-width:600px) { .auth-list .ant-table-cell-fix-end { position:static !important; } .auth-list .ant-table-cell-fix-end::after { display:none; } }
+
+.auth-footer { display:flex; width:100%; justify-content:flex-end; }

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/pro.css

@@ -0,0 +1 @@
+.pro-table_search-form [class*=-form-item]{margin:0}.pro-table_search-form_expand-toggle-button{align-items:center;padding:0 0 0 4px;display:flex}.pro-table_search-form .transition{transition:all .25s}.pro-table_search-form-container{margin-bottom:24px;padding:24px}.pro-table_table-container{flex:1;padding:24px 24px 0}.pro-table_size-control_button{align-items:center;padding-left:12px;padding-right:12px;display:flex}.pro-table_size-control_button svg{transform:scale(1.3)}.pro-table_column-control_button{align-items:center;padding-left:12px;padding-right:12px;display:flex}.pro-table_column-control_button svg{transform:scale(1.2,1.4)}.pro-table_header{justify-content:flex-end;align-items:center;display:flex}.pro-table_header:empty{display:none}.pro-table_header+.pro-table_header_content{margin-top:16px}.pro-table_header_button-bar{flex:1}.pro-table_header_toolbar{margin-left:12px}.pro-table [class*=-pagination] [class*=-pagination-total-text]{flex:1}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/releases.css

@@ -0,0 +1,4 @@
+.release-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.release-layout>*{min-width:0}.release-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.release-title h1{margin-right:0}.release-aside{display:grid;gap:16px;min-width:0}.release-aside .agent-panel{margin:0}.release-aside h2{margin-bottom:14px}.release-aside p{line-height:1.75;overflow-wrap:anywhere}.release-note{border:1px solid var(--easel-border);background:var(--easel-subtle);padding:16px;border-radius:8px;margin:12px 0 24px;overflow-wrap:anywhere}.release-note p{margin:8px 0 0;line-height:1.75}.release-action-stack{display:grid;gap:12px}.release-action-stack .ant-btn{width:100%;height:auto;min-height:36px;white-space:normal}.release-action-stack small{display:block;font-size:12px;color:var(--easel-secondary);line-height:1.75;margin-top:6px}.release-check-detail{padding:0 16px 14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.release-section-title{margin-top:28px}.release-ref-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 24px}.release-ref-list a{padding:12px;border:1px solid var(--easel-border);border-radius:6px;overflow-wrap:anywhere}.release-content .task-trace dd,.release-content .mono{overflow-wrap:anywhere}.release-content .ant-select{min-width:180px}.release-events{list-style:none;padding:0}.release-events li{padding:16px 0 16px 20px;border-left:2px solid var(--easel-border);position:relative}.release-events li:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--easel-primary);left:-6px;top:22px}.release-events p{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.release-events small,.release-events code{display:block;color:var(--easel-secondary);line-height:1.8;overflow-wrap:anywhere}.release-events code{font-size:11px}.release-events .ant-tag{margin-left:8px}.release-steps{padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;gap:12px}.release-steps li{color:var(--easel-secondary);font-size:12px;display:grid;gap:10px;border-top:2px solid var(--easel-border);padding-top:14px}.release-steps span{display:inline-grid;place-items:center;border-radius:50%;width:26px;height:26px;background:var(--easel-subtle)}.release-steps .current,.release-steps .done{border-color:var(--easel-primary);color:var(--easel-primary)}.release-steps .current span{background:var(--easel-primary);color:white}.release-traffic{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 0}.release-traffic strong{display:block;font-size:56px;letter-spacing:-2px;line-height:1.5}.release-traffic strong small{font-size:20px;padding-left:5px}.release-traffic p{color:var(--easel-secondary);line-height:1.7}.release-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 28px}.release-stat-grid article{background:var(--easel-subtle);padding:16px;border-radius:8px;display:grid;gap:10px}.release-stat-grid strong{font-size:20px}.release-stat-grid small,.release-stat-grid span{color:var(--easel-secondary)}.release-demo label{display:block;margin:14px 0 8px}.release-demo .ant-select{width:100%}.release-empty{padding:8px 24px 24px;text-align:center}.release-empty p{line-height:1.8}.release-content h3{margin-top:24px}.release-layout :focus-visible{outline:2px solid var(--easel-primary);outline-offset:3px}
+@media(max-width:1150px){.release-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.release-stat-grid{grid-template-columns:1fr}.release-stat-grid article{grid-template-columns:1fr 1fr}.release-stat-grid small{grid-column:1/-1}}
+@media(max-width:820px){.release-layout{grid-template-columns:minmax(0,1fr)}.release-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.release-aside>section:first-child{grid-column:1/-1}.release-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.release-stat-grid article{grid-template-columns:1fr}.release-stat-grid small{grid-column:auto}}
+@media(max-width:520px){.release-aside,.release-ref-list,.release-stat-grid{grid-template-columns:minmax(0,1fr)}.release-traffic{align-items:flex-start}.release-traffic .ant-progress{display:none}.release-steps{gap:6px}.release-steps strong{font-size:11px}.release-content .section-heading{flex-direction:column;gap:12px;align-items:flex-start}.release-events .ant-tag{margin-left:0}.release-title h1{font-size:23px}}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/reset.css

@@ -0,0 +1,246 @@
+/* stylelint-disable */
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+input::-ms-clear,
+input::-ms-reveal {
+  display: none;
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+  margin: 0;
+}
+[tabindex='-1']:focus {
+  outline: none;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+abbr[title],
+abbr[data-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  border-bottom: 0;
+  cursor: help;
+}
+address {
+  margin-bottom: 1em;
+  font-style: normal;
+  line-height: inherit;
+}
+input[type='text'],
+input[type='password'],
+input[type='number'],
+textarea {
+  -webkit-appearance: none;
+}
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: 500;
+}
+dd {
+  margin-bottom: 0.5em;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1em;
+}
+dfn {
+  font-style: italic;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+pre,
+code,
+kbd,
+samp {
+  font-size: 1em;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+}
+pre {
+  margin-top: 0;
+  margin-bottom: 1em;
+  overflow: auto;
+}
+figure {
+  margin: 0 0 1em;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+a,
+area,
+button,
+[role='button'],
+input:not([type='range']),
+label,
+select,
+summary,
+textarea {
+  touch-action: manipulation;
+}
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75em;
+  padding-bottom: 0.3em;
+  text-align: left;
+  caption-side: bottom;
+}
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html [type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type='radio'],
+input[type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0.5em;
+  padding: 0;
+  color: inherit;
+  font-size: 1.5em;
+  line-height: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+[type='search'] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/reviews.css

@@ -0,0 +1,8 @@
+.review-detail-grid,.review-process-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px}.review-detail-grid>*,.review-process-grid>*{min-width:0}.review-aside{display:grid;gap:16px;min-width:0}.review-aside>.agent-panel{margin:0}.review-aside .task-trace dd{overflow-wrap:anywhere}.review-aside .task-trace p{margin:8px 0}.review-section{padding:12px 0 24px;border-bottom:1px solid var(--easel-border)}.review-section:last-child{border:0}.review-section .section-heading{align-items:flex-start;gap:16px}.review-section .section-heading .ant-select{min-width:180px}.review-section p{line-height:1.7}.review-checks{display:grid;gap:8px}.review-checks details{border:1px solid var(--easel-border-strong);border-radius:8px;background:var(--easel-subtle)}.review-checks summary{cursor:pointer;padding:12px;line-height:1.8}.review-checks summary strong{margin-right:12px}.review-checks pre,.review-finding pre,.review-document{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:13px/1.8 var(--easel-font-mono);margin:0;padding:16px;background:var(--easel-subtle);max-height:420px;overflow:auto}.review-document{border:1px solid var(--easel-border);border-radius:8px}.review-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.review-dimensions button{cursor:pointer;text-align:left;border:1px solid var(--easel-border-strong);border-radius:8px;background:white;padding:12px;color:var(--easel-text)}.review-dimensions button[aria-pressed=true]{border-color:var(--easel-primary);background:var(--easel-primary-soft)}.review-dimensions button span{font-size:12px;font-weight:400;display:block;margin-top:3px}.review-dimensions small{display:block;color:var(--easel-secondary);margin-top:10px}.review-finding{border-left:3px solid var(--easel-error);padding:14px;background:#fff2f0;margin:12px 0}.review-finding h3{margin-top:12px}.review-finding pre{background:transparent;padding:0}.review-ref-links{margin:4px 0 16px}.review-ref-links .ant-btn{white-space:normal;height:auto;min-height:30px}.review-diff{margin:12px 0}.review-diff summary{padding:10px;background:var(--easel-primary-soft);cursor:pointer}.quality-review-actions>div{margin:12px 0}.quality-review-actions small{display:block;line-height:1.7;margin-top:6px}.review-demo .ant-select{width:100%;margin:8px 0 12px}.review-demo .ant-btn{width:100%;height:auto;min-height:32px;white-space:normal}.review-footnote{font-size:12px;color:var(--easel-secondary);line-height:1.8;margin:16px 0}.review-history{padding-left:20px}.review-history li{padding:10px 0;border-bottom:1px solid var(--easel-border)}.review-history .ant-btn{height:auto;white-space:normal;text-align:left;padding-left:0;overflow-wrap:anywhere}.review-history small{display:block;color:var(--easel-secondary)}.review-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.review-field{margin:24px 0 32px}.review-field label{display:block;font-weight:600;margin-bottom:8px;line-height:1.8}.review-field label>span:first-child:not(.ant-checkbox){color:var(--easel-error)}.review-field textarea{font:14px/1.7 var(--easel-font)}.review-field .ant-checkbox-wrapper{font-weight:400}.review-error{padding:14px 18px;border:1px solid #ffa39e;background:#fff2f0;color:#a8071a;border-radius:8px;margin:16px 0}.review-error p{margin-bottom:0}.review-submit{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}.review-result{max-width:900px;margin:auto}.review-result dd,.review-result .mono,.review-process-grid .mono{overflow-wrap:anywhere}.review-result .ant-result{padding:24px 0}.review-result>.ant-space{margin-top:24px}.review-aside h2{margin-bottom:12px}.review-list-note{padding:12px 20px}.review-pbc-entry{margin:12px 0}.review-detail-grid :focus-visible,.review-process-grid :focus-visible,.review-dimensions :focus-visible{outline:2px solid var(--easel-primary);outline-offset:3px}
+@media(max-width:1150px){.review-detail-grid,.review-process-grid{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.review-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media(max-width:800px){.review-detail-grid,.review-process-grid{grid-template-columns:minmax(0,1fr)}.review-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.review-process-grid>.review-aside{display:block}.review-aside>section:first-child{grid-column:1/-1}}
+@media(max-width:520px){.review-aside{grid-template-columns:minmax(0,1fr)}.review-section .section-heading{flex-direction:column}.review-section .section-heading .ant-select{width:100%}.review-submit{flex-direction:column-reverse}.review-submit .ant-btn,.review-result .ant-btn{height:auto;min-height:36px;white-space:normal}.review-checks summary .muted{display:block;margin-left:12px}.review-dimensions button{padding:10px}.review-dimensions small{font-size:11px}.review-detail-grid .agent-title,.review-detail-grid .page-heading{flex-wrap:wrap}}
+
+.review-list-name{display:grid;gap:5px;max-width:290px}.review-list-name .ant-btn{white-space:normal;text-align:left;height:auto;padding:0;line-height:1.7}.review-list-name small{font-size:11px;overflow-wrap:anywhere}.review-list-name>span{font-size:12px;line-height:1.6}.review-list-panel>.ant-tabs{padding:0 20px}.review-list-panel>.review-footnote{padding:0 20px 12px}.review-list-panel>.ant-empty{display:none}
+
+.review-list-name .ant-btn{justify-content:flex-start}.quality-review-actions .ant-btn{width:100%}.review-aside .quality-review-actions{display:block;position:static}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/tasks.css

@@ -0,0 +1,6 @@
+.task-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.task-metrics article{background:#fff;border:1px solid var(--border,#e8eaf0);border-radius:10px;padding:18px 22px;display:flex;flex-direction:column;gap:8px}.task-metrics span{color:#69728a;font-size:13px}.task-metrics strong{font-size:28px;color:#243451;font-weight:600}.task-list-note{font-size:12px;margin:15px 0 0}.task-board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow:auto;padding-bottom:8px}.task-lane{background:#f6f8fc;border-radius:9px;padding:12px;min-width:0}.task-lane>h2{font-size:14px;margin:2px 0 16px;display:flex;justify-content:space-between}.task-lane h2 small{color:#929aab}.task-card{background:white;border:1px solid #e3e8f1;border-radius:9px;padding:15px;margin-bottom:12px;box-shadow:0 2px 3px #24345104}.task-card>div:first-child{display:flex;align-items:center;justify-content:space-between}.task-card-name.ant-btn{display:block;white-space:normal;text-align:left;height:auto;padding:5px 0;margin:6px 0;font-weight:600;color:#253857;line-height:1.65}.task-card small{display:block;color:#8b94a5;font-size:11px;overflow-wrap:anywhere}.task-card p{font-size:12px;color:#64728c}.task-card-reason{min-height:34px}.task-progress-bar{height:5px;border-radius:6px;background:#e8ecf5;overflow:hidden;min-width:100px}.task-progress-bar i{display:block;height:100%;background:#6478ec;border-radius:6px}.task-create-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:22px;align-items:start}.task-form>label{display:block;color:#39465e;font-weight:550;margin:21px 0 8px}.task-form>label:first-of-type{margin-top:14px}.task-source-box{background:#f7f9fd;border-radius:8px;border:1px solid #e6ebf5;padding:16px;margin-top:16px;font-size:13px}.task-source-box p{color:#768197;margin:8px 0}.task-source-box .ant-btn{padding:0}.task-outline{padding:0;list-style:none;counter-reset:stage;margin-top:20px}.task-outline li{counter-increment:stage;position:relative;padding:0 0 18px 36px}.task-outline li:before{content:counter(stage);position:absolute;left:0;top:0;border-radius:50%;background:#edf0ff;color:#6671c4;width:23px;height:23px;text-align:center;line-height:23px;font-size:12px}.task-outline li span{font-size:13px;color:#39465e}.task-outline li small{display:block;color:#8791a4;font-size:11px;margin-top:4px}.task-resource{padding:12px 0;display:flex;flex-direction:column;gap:7px;border-bottom:1px solid #edf0f6;font-size:13px;overflow-wrap:anywhere}.task-resource small{color:#7c879a}.task-submit{margin-top:22px;display:flex;flex-direction:column;gap:16px}.task-submit>.ant-space{align-self:flex-end}.task-status-banner{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:24px 28px;margin:20px 0;background:linear-gradient(110deg,#f1f4ff,#fafbff);border:1px solid #e0e6fa;border-radius:12px}.task-status-banner h2{font-size:20px;margin:8px 0 10px}.task-status-banner p{color:#637189;font-size:13px;margin:0}.task-eyebrow{color:#6c78ad;font-size:12px}.task-status-failed{background:#fff7f5;border-color:#f4ded8}.task-status-ready{background:#f0f9f8;border-color:#dceeea}.task-progress-summary{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;text-align:right}.task-progress-summary strong{font-size:30px;color:#4f62c8}.task-progress-summary strong small{font-size:14px}.task-progress-summary>span{font-size:12px;color:#8991a1}.task-detail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:10px 0}.task-stage-nav{border-right:1px solid #edf0f6;padding-right:18px}.task-stage-nav button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;background:transparent;border:1px solid transparent;border-radius:8px;padding:12px 9px;cursor:pointer;color:#65718b;margin-bottom:5px}.task-stage-nav button.active{background:#f0f3ff;border-color:#e0e6fb;color:#4056bc}.task-stage-nav button:hover{background:#f5f7fb}.task-stage-nav button:focus-visible{outline:2px solid #6478ec;outline-offset:2px}.task-stage-nav strong{font-size:13px;font-weight:550;display:block}.task-stage-nav small{font-size:11px;color:#929aab;display:block;margin-top:5px}.task-stage-dot{border-radius:50%;width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;background:#edf0f6;color:#8a94a7;font-size:11px}.task-stage-dot.done{background:#e5f5ed;color:#36986c}.task-stage-dot.active{background:#6679e7;color:white}.task-stage-dot.failed{background:#fde5de;color:#bb5c3e}.task-stage-message{color:#66748d;font-size:13px}.task-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:24px 0}.task-info-grid dt,.task-trace dt{font-size:12px;color:#8a94a6;margin:0 0 8px}.task-info-grid dd,.task-trace dd{font-size:13px;line-height:1.8;color:#39475f;margin:0;overflow-wrap:anywhere}.task-gate{padding:18px 20px;background:#f6f8ff;border:1px solid #e5eafa;border-radius:9px;margin:20px 0}.task-gate h3{font-size:14px}.task-gate p{color:#66748d;font-size:13px;line-height:1.85}.task-failed{background:#fffbf5;border-color:#f5e9d6}.task-demo-panel{margin:24px 0 0;padding:16px 20px;background:#fbfbfc;border:1px dashed #dce1ec;border-radius:9px}.task-demo-panel strong{font-size:12px;color:#707b91}.task-demo-panel p{font-size:12px;color:#8d95a3;line-height:1.8}.task-stage-outputs>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-bottom:1px solid #eff1f5;padding:9px 0}.task-stage-outputs>div>span{font-size:12px;color:#8893a5}.task-stage-outputs .ant-btn{padding-left:0}.task-artifact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.task-artifact-card{padding:20px;border:1px solid #e6eaf1;border-radius:10px}.task-artifact-card>div{display:flex;align-items:center;justify-content:space-between}.task-file-icon{display:grid;place-items:center;width:40px;height:44px;border:1px solid #dde3f8;border-radius:7px;background:#f2f5ff;color:#687ac7;font-weight:600}.task-artifact-card h3{font-size:15px;margin-top:18px}.task-artifact-card p{font-size:12px;line-height:1.9}.task-artifact-card .ant-btn{padding-left:0}.task-artifact-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;align-items:start}.task-artifact-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f8f9fc;padding:24px;border:1px solid #ecedf4;border-radius:8px;font-family:inherit;line-height:2;font-size:13px;color:#3e4b62}.task-trace dt{margin-top:20px}.task-trace .ant-btn{padding:0;height:auto;text-align:left;white-space:normal}.task-diff-line{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:7px 12px;font-size:12px}.task-diff-line.added{background:#e9f8ef;color:#236947}.task-diff-line.removed{background:#fff0eb;color:#a15841}.task-launch-summary .muted{line-height:1.85;font-size:12px}
+@media(max-width:1200px){.task-detail-layout{grid-template-columns:210px minmax(0,1fr);gap:20px}.task-artifact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-create-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}}
+@media(max-width:760px){.task-create-layout,.task-artifact-layout,.task-detail-layout{grid-template-columns:minmax(0,1fr)}.task-stage-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #edf0f6;padding:0 0 10px;gap:6px}.task-stage-nav button{min-width:175px}.task-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-metrics article{padding:14px}.task-status-banner{padding:18px;gap:15px}.task-progress-summary{width:90px}.task-progress-summary .task-progress-bar{min-width:0}.task-info-grid{gap:18px}.task-artifact-grid{grid-template-columns:minmax(0,1fr)}.task-board{grid-template-columns:repeat(4,245px)}}
+@media(max-width:440px){.task-status-banner{flex-direction:column;align-items:stretch}.task-progress-summary{width:auto;text-align:left}.task-info-grid{grid-template-columns:1fr}.task-artifact-text{padding:14px}.task-submit>.ant-space{align-self:stretch}}
+
+.workflow-purpose{display:flex;gap:24px;align-items:center;padding:22px;background:#f3f6ff;border:1px solid #e3e9fb;border-radius:10px;margin:20px 0}.workflow-purpose article{flex:1}.workflow-purpose strong{font-size:13px;color:#41598a}.workflow-purpose p{font-size:12px;color:#71809b;line-height:1.8;margin-bottom:0}@media(max-width:900px){.workflow-purpose{flex-direction:column;align-items:stretch}}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/tokens.css

@@ -0,0 +1,15 @@
+:root {
+  --easel-primary: #1677ff; --easel-primary-hover: #4096ff; --easel-primary-soft: #e6f4ff;
+  --easel-success: #389e0d; --easel-error: #cf1322; --easel-warning: #ad6800;
+  --easel-text: #262626; --easel-heading: #141414; --easel-secondary: #595959;
+  --easel-muted: #6f6f6f; --easel-disabled: #bfbfbf;
+  --easel-page: #f5f5f5; --easel-surface: #fff; --easel-subtle: #fafafa;
+  --easel-border: #f0f0f0; --easel-border-strong: #d9d9d9;
+  --easel-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
+  --easel-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
+  --easel-title: 20px; --easel-section: 16px; --easel-body: 14px; --easel-helper: 13px; --easel-caption: 12px;
+  --easel-space-1: 4px; --easel-space-2: 8px; --easel-space-3: 12px; --easel-space-4: 16px; --easel-space-6: 24px; --easel-space-8: 32px;
+  --easel-radius: 8px; --easel-button-radius: 6px; --easel-tag-radius: 4px;
+  --easel-sidebar: 224px; --easel-header: 64px; --easel-duration: 150ms;
+  --easel-overlay: rgba(0,0,0,.36); --easel-shadow: 0 6px 24px rgba(0,0,0,.08);
+}

package/skills/i3-ui-demo/assets/templates/enterprise-admin/reference/styles/workbench.css

@@ -0,0 +1,61 @@
+.wb-heading { gap:var(--easel-space-4); flex-wrap:wrap; }
+.wb-heading .ant-select { min-width:150px; }
+.wb-scope-note,.wb-footnote { color:var(--easel-muted); font-size:var(--easel-caption); line-height:1.7; }
+.wb-scope-note { margin:0 0 var(--easel-space-4); }
+.wb-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--easel-space-4); margin-bottom:var(--easel-space-6); }
+.wb-metric { border:1px solid var(--easel-border); display:flex; align-items:center; gap:var(--easel-space-4); text-align:left; padding:var(--easel-space-6); cursor:pointer; color:var(--easel-text); transition:border-color var(--easel-duration); }
+.wb-metric:hover,.wb-pbc:hover { border-color:var(--easel-primary); }
+.wb-metric>span:nth-child(2) { display:flex; flex:1; flex-direction:column; gap:var(--easel-space-1); min-width:0; }
+.wb-metric strong { font-size:28px; font-variant-numeric:tabular-nums; font-weight:600; line-height:1.3; }
+.wb-metric small { color:var(--easel-muted); font-size:var(--easel-caption); }
+.wb-metric-icon { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:var(--easel-radius); background:var(--easel-primary-soft); color:var(--easel-primary); font-size:20px; }
+.wb-metric>.anticon:last-child { color:var(--easel-muted); }
+.wb-metric-label { color:var(--easel-secondary); font-size:var(--easel-helper); }
+.wb-grid { display:grid; grid-template-columns:minmax(0,1fr) 304px; gap:var(--easel-space-6); align-items:start; }
+.wb-main,.wb-side { display:flex; flex-direction:column; gap:var(--easel-space-6); min-width:0; }
+.wb-panel { padding:var(--easel-space-6); min-width:0; scroll-margin-top:20px; }
+.wb-panel h2 { font-size:var(--easel-section); font-weight:600; margin:0; }
+.wb-panel .section-heading { gap:var(--easel-space-3); flex-wrap:wrap; margin-bottom:var(--easel-space-3); }
+.wb-panel .section-heading .ant-btn { padding-right:0; }
+.wb-search { max-width:240px; }
+.wb-panel .ant-table-wrapper { max-width:100%; }
+.wb-item { display:flex; flex-direction:column; align-items:flex-start; gap:var(--easel-space-1); line-height:1.7; padding:var(--easel-space-2) 0; }
+.wb-item .mono,.wb-item.muted,.wb-item>.muted { font-size:var(--easel-caption); }
+.wb-reason { font-size:var(--easel-helper); color:var(--easel-secondary); }
+.wb-item button { text-align:left; }
+.wb-footnote { margin:var(--easel-space-4) 0 0; }
+.wb-empty { padding:var(--easel-space-6) 0; }
+.wb-pbcs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--easel-space-4); }
+.wb-pbc { display:flex; flex-direction:column; gap:var(--easel-space-2); text-align:left; background:var(--easel-surface); color:var(--easel-text); border:1px solid var(--easel-border-strong); border-radius:var(--easel-radius); padding:var(--easel-space-4); cursor:pointer; min-width:0; font-size:var(--easel-helper); }
+.wb-pbc span { overflow-wrap:anywhere; }
+.wb-pbc-top { display:flex; justify-content:space-between; gap:var(--easel-space-2); align-items:flex-start; }
+.wb-pbc-top strong { font-size:var(--easel-body); }
+.wb-pbc .ant-tag { margin:0; }
+.wb-pbc-bottom { color:var(--easel-primary); padding-top:var(--easel-space-2); }
+.wb-delivery { display:flex; gap:var(--easel-space-6); justify-content:space-between; padding:var(--easel-space-4) 0; border-top:1px solid var(--easel-border); }
+.wb-delivery-info { display:flex; flex-direction:column; gap:var(--easel-space-2); min-width:0; }
+.wb-delivery-info>span { font-size:var(--easel-caption); overflow-wrap:anywhere; }
+.wb-delivery-info .ant-tag { margin-left:var(--easel-space-2); }
+.wb-progress { width:210px; max-width:100%; flex-shrink:0; align-self:center; }
+.wb-shortcuts { display:flex; flex-direction:column; gap:var(--easel-space-2); margin-top:var(--easel-space-4); }
+.wb-shortcuts .ant-btn { display:flex; align-items:center; justify-content:flex-start; width:100%; }
+.wb-shortcuts .anticon:last-child { margin-left:auto; }
+.wb-shortcuts small { margin-bottom:var(--easel-space-2); line-height:1.6; }
+.wb-notices { padding:0; margin:0; list-style:none; }
+.wb-notices li { border-bottom:1px solid var(--easel-border); }
+.wb-notices li:last-child { border:0; }
+.wb-notices button { display:flex; flex-direction:column; gap:var(--easel-space-2); padding:var(--easel-space-4) 0; border:0; background:none; width:100%; text-align:left; color:var(--easel-text); cursor:pointer; }
+.wb-notices button:hover strong { color:var(--easel-primary); }
+.wb-notices strong { font-weight:500; line-height:1.6; }
+.wb-notice-meta,.wb-notices .muted { font-size:var(--easel-caption); color:var(--easel-muted); }
+.wb-notice-content { line-height:1.9; margin:var(--easel-space-6) 0; }
+.wb-coming p { font-size:var(--easel-helper); line-height:1.8; color:var(--easel-secondary); }
+.wb-coming span { font-size:var(--easel-caption); }
+.source-choice { margin-top:var(--easel-space-6); padding:var(--easel-space-4); border:1px solid var(--easel-border); border-radius:var(--easel-radius); }
+.source-choice h3 { margin:0 0 var(--easel-space-2); font-size:var(--easel-section); }
+.source-choice .page-alert { margin-top:var(--easel-space-3); }
+@media(max-width:1200px){.wb-grid{grid-template-columns:minmax(0,1fr)}.wb-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wb-coming{grid-column:1/-1}.wb-metric{padding:var(--easel-space-4);gap:var(--easel-space-3)}.wb-metric-icon{display:none}}
+@media(max-width:600px){.wb-metrics{grid-template-columns:1fr;gap:var(--easel-space-2)}.wb-metric>span:nth-child(2){display:grid;grid-template-columns:1fr auto}.wb-metric small{grid-column:1/-1}.wb-metric strong{font-size:24px;grid-column:2;grid-row:1}.wb-side,.wb-pbcs{grid-template-columns:1fr}.wb-panel{padding:var(--easel-space-4)}.wb-heading .ant-space{width:100%}.wb-search{max-width:100%}.wb-delivery{flex-direction:column;gap:var(--easel-space-2)}.wb-progress{align-self:flex-start}.wb-grid,.wb-main,.wb-side{gap:var(--easel-space-4)}}
+
+.wb-todo-mobile { display:none; }
+@media(max-width:600px){.wb-todo-table{display:none}.wb-todo-mobile{display:block}.wb-todo-mobile article{display:flex;align-items:flex-start;flex-direction:column;gap:var(--easel-space-2);border-top:1px solid var(--easel-border);padding:var(--easel-space-4) 0}.wb-todo-mobile article>*{max-width:100%;overflow-wrap:anywhere}.wb-todo-mobile p{font-size:var(--easel-helper)}.wb-todo-mobile small{font-size:var(--easel-caption);line-height:1.7}.wb-todo-mobile .ant-pagination{margin-top:var(--easel-space-3)}}