@cyberskill/design 1.0.0 → 1.1.0

package/package.json

@@ -1,13 +1,26 @@
 {
   "name": "@cyberskill/design",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": false,
   "publishConfig": {
     "access": "public"
   },
-  "module": "_esm/cs.mjs",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cyberskill-official/design-system.git"
+  },
+  "module": "_esm/react.mjs",
+  "types": "_esm/react.d.ts",
   "exports": {
     ".": {
+      "types": "./_esm/react.d.ts",
+      "import": "./_esm/react.mjs"
+    },
+    "./react": {
+      "types": "./_esm/react.d.ts",
+      "import": "./_esm/react.mjs"
+    },
+    "./legacy": {
       "import": "./_esm/cs.mjs"
     },
     "./styles.css": "./styles.css",
@@ -15,8 +28,12 @@
     "./_ds_bundle.js": "./_ds_bundle.js",
     "./_ds_manifest.json": "./_ds_manifest.json"
   },
-  "description": "CyberSkill Design System — HTML-first, Vietnamese-first (EN·VI). Anchors: Umber #45210E · Ochre #F4BA17. Axes: Theme × Element × Language. No build step: styles.css + _ds_bundle.js. Storybook is host-only playground.",
+  "description": "CyberSkill Design System — HTML-first, Vietnamese-first (EN·VI). Anchors: Umber #45210E · Ochre #F4BA17. Axes: Theme × Element × Language × Style. Bundler React entry (`_esm/react.mjs`) + browser legacy (`_esm/cs.mjs`) + styles.css / _ds_bundle.js. Storybook is host-only playground.",
   "style": "styles.css",
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
   "files": [
     "styles.css",
     "_esm/",
@@ -47,8 +64,9 @@
   "type": "module",
   "scripts": {
     "build:bundle": "node scripts/build-bundle.mjs",
+    "build:react-entry": "node scripts/generate-react-entry.mjs",
     "build:design-md": "node scripts/generate-design-md.mjs",
-    "prepublishOnly": "npm run build:bundle && node scripts/generate-design-md.mjs --check",
+    "prepublishOnly": "npm run build:bundle && npm run build:react-entry && node scripts/generate-design-md.mjs --check",
     "code-connect:generate": "node _audit/ci/generate-code-connect.mjs",
     "code-connect:dry-run": "node _audit/ci/code-connect-publish.mjs --dry-run",
     "npm:pack-dry-run": "node _audit/ci/npm-publish.mjs --dry-run",
@@ -62,27 +80,31 @@
     "test:nav-model": "node _audit/ci/test-nav-model.mjs",
     "test:ui-contracts": "node _audit/ci/test-health-tokens-contract.mjs",
     "test:form-paths": "node _audit/ci/test-form-paths.mjs",
-    "test:unit": "node _audit/ci/test-nav-model.mjs && node _audit/ci/test-health-tokens-contract.mjs && node _audit/ci/test-form-paths.mjs && node _audit/ci/test-storybook-contract.mjs && node _audit/ci/test-figma-push-helpers.mjs && node _audit/ci/test-native-samples.mjs && node _audit/ci/test-code-connect.mjs && node _audit/ci/test-subtree-consume.mjs",
+    "test:unit": "node _audit/ci/test-nav-model.mjs && node _audit/ci/test-health-tokens-contract.mjs && node _audit/ci/test-form-paths.mjs && node _audit/ci/test-storybook-contract.mjs && node _audit/ci/test-axe-coverage.mjs && node _audit/ci/test-figma-push-helpers.mjs && node _audit/ci/test-native-samples.mjs && node _audit/ci/test-code-connect.mjs && node _audit/ci/test-subtree-consume.mjs && node _audit/ci/test-react-entry.mjs && node _audit/ci/test-element-packs.mjs",
+    "test:element-packs": "node _audit/ci/test-element-packs.mjs",
+    "test:react-entry": "node _audit/ci/test-react-entry.mjs",
     "test:subtree-consume": "node _audit/ci/test-subtree-consume.mjs",
     "native:sync-tokens": "node examples/native/sync-tokens.mjs",
     "test:storybook-contract": "node _audit/ci/test-storybook-contract.mjs",
     "test:storybook-coverage": "node _audit/ci/test-storybook-contract.mjs",
     "test:figma-helpers": "node _audit/ci/test-figma-push-helpers.mjs",
     "test:code-connect": "node _audit/ci/test-code-connect.mjs",
-    "test:native-samples": "node _audit/ci/test-native-samples.mjs"
+    "test:native-samples": "node _audit/ci/test-native-samples.mjs",
+    "tokens:elements": "node scripts/generate-element-packs.mjs",
+    "tokens:contrast": "node scripts/generate-contrast-report.mjs"
   },
   "devDependencies": {
     "@figma/code-connect": "^1.4.9",
-    "@storybook/addon-a11y": "^10.5.3",
-    "@storybook/addon-docs": "^10.5.3",
-    "@storybook/react": "^10.5.3",
-    "@storybook/react-vite": "^10.5.3",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@storybook/addon-a11y": "^10.5.4",
+    "@storybook/addon-docs": "^10.5.4",
+    "@storybook/react": "^10.5.4",
+    "@storybook/react-vite": "^10.5.4",
+    "@vitejs/plugin-react": "^6.0.4",
     "esbuild": "^0.28.1",
-    "playwright": "^1.47.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "storybook": "^10.5.3",
-    "vite": "^5.4.11"
+    "playwright": "^1.62.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "storybook": "^10.5.4",
+    "vite": "^8.1.5"
   }
 }

package/styles.css

@@ -16,6 +16,7 @@
 @import url("tokens/motion.css");
 @import url("tokens/component-tokens.css");
 @import url("tokens/elements.css");
+@import url("tokens/styles.css");
 
 /* 3 — Base: reset, type utilities, component classes, Liquid Glass surfaces */
 @import url("base/reset.css");

package/templates/ai-cluster-demo.html

@@ -8,12 +8,12 @@
   h1{font-size:18px;margin:0 0 8px} .sub{color:var(--cs-color-text-muted);font-size:13px;line-height:1.5;margin:0 0 18px}
   #root{display:grid;gap:14px}
 </style>
-<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" crossorigin="anonymous"></script>
-<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/umd-react@19.2.8/dist/react.development.js" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/umd-react@19.2.8/dist/react-dom.development.js" crossorigin="anonymous"></script>
 <script src="../_ds_bundle.js"></script>
-</head><body data-cs-theme="light" data-cs-element="tho">
+</head><body data-cs-element="tho" data-cs-style="liquid-glass">
 <h1>AI cluster demo</h1>
-<p class="sub">End-to-end productization story for Lumi AI surfaces: disclosure, confidence, citations, chat message, prompt input. Axes: Theme × Element × Language (parent frame may post <code>__cs_axes</code>).</p>
+<p class="sub">End-to-end productization story for Lumi AI surfaces: disclosure, confidence, citations, chat message, prompt input. Axes: Theme × Element × Language × Style (parent frame may post <code>__cs_axes</code>).</p>
 <div id="root"></div>
 <script>
 const NS=window[Object.keys(window).find(k=>/^CyberSkillDesignSystem_[0-9a-f]{6}$/.test(k))];
@@ -22,23 +22,38 @@ function App(){
   const [lang,setLang]=React.useState('en');
   React.useEffect(()=>{
     const on=e=>{const d=e.data||{}; if(d.type==='__cs_axes'){
-      if(d.theme) document.documentElement.setAttribute('data-cs-theme', d.theme);
-      if(d.element) document.documentElement.setAttribute('data-cs-element', d.element);
-      if(d.lang) setLang(d.lang);
+      const root=document.documentElement;
+      if(d.theme!==undefined){ if(d.theme) root.setAttribute('data-theme', d.theme); else root.removeAttribute('data-theme'); }
+      if(d.element!==undefined){ if(d.element) root.setAttribute('data-cs-element', d.element); else root.removeAttribute('data-cs-element'); }
+      if(d.variant!==undefined){ if(d.variant) root.setAttribute('data-cs-variant', d.variant); else root.removeAttribute('data-cs-variant'); }
+      if(d.style!==undefined){ if(d.style) root.setAttribute('data-cs-style', d.style); else root.removeAttribute('data-cs-style'); }
+      if(d.lang){ setLang(d.lang); root.setAttribute('lang', d.lang); }
     }};
     window.addEventListener('message',on); return ()=>window.removeEventListener('message',on);
   },[]);
   if(!NS) return h('p',null,'Bundle missing');
   const {AIDisclosureBadge,ConfidenceMeter,CitationList,ChatMessage,PromptInput,PromptSuggestions,TypingIndicator,HumanReviewGate}=NS;
+  const vi=lang==='vi';
   return h('div',{id:'cluster',lang},
-    AIDisclosureBadge?h(AIDisclosureBadge,{lang}):null,
+    AIDisclosureBadge?h(AIDisclosureBadge,{
+      label: vi?'Có hỗ trợ AI':'AI assisted',
+      details: vi?'Bản nháp do Lumi tạo, đội ngũ đã xem.':'Draft generated by Lumi, reviewed by the team.',
+      sources:['SKILL.md','llms.txt']
+    }):null,
     ConfidenceMeter?h(ConfidenceMeter,{value:0.82,lang}):null,
-    CitationList?h(CitationList,{items:[{title:'SKILL.md',url:'#skill'},{title:'llms.txt',url:'#llms'}],lang}):null,
-    ChatMessage?h(ChatMessage,{role:'assistant',children: lang==='vi'?'Xin chào — Lumi sẵn sàng.':'Hello — Lumi is ready.',lang}):null,
-    TypingIndicator?h(TypingIndicator,{lang}):null,
-    PromptSuggestions?h(PromptSuggestions,{items: lang==='vi'?['Tóm tắt ticket','Soạn email']:['Summarise ticket','Draft email'],lang}):null,
-    PromptInput?h(PromptInput,{placeholder:lang==='vi'?'Hỏi Lumi…':'Ask Lumi…',lang}):null,
-    HumanReviewGate?h(HumanReviewGate,{status:'pending',lang}):null
+    CitationList?h(CitationList,{items:[{title:'SKILL.md',href:'#skill'},{title:'llms.txt',href:'#llms'}]}):null,
+    ChatMessage?h(ChatMessage,{role:'lumi',children: vi?'Xin chào — Lumi sẵn sàng.':'Hello — Lumi is ready.'}):null,
+    TypingIndicator?h(TypingIndicator):null,
+    PromptSuggestions?h(PromptSuggestions,{
+      suggestions: vi?['Tóm tắt ticket','Soạn email']:['Summarise ticket','Draft email'],
+      onSelect:()=>{}
+    }):null,
+    PromptInput?h(PromptInput,{placeholder: vi?'Hỏi Lumi…':'Ask Lumi…'}):null,
+    HumanReviewGate?h(HumanReviewGate,{
+      risk: vi?'Rủi ro cao · thay đổi billing':'High-stakes · billing change',
+      summary: vi?'Lumi đề xuất chuyển gói năm và hoàn tiền theo tỉ lệ.':'Lumi proposes moving to the annual plan and issuing a prorated credit.',
+      reviewer: vi?'Ops trực ca':'Ops on call'
+    }):null
   );
 }
 ReactDOM.createRoot(document.getElementById('root')).render(h(App));

package/templates/app-shell/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/article/content-schema.json

@@ -58,6 +58,12 @@
       "label": "Body paragraph 2",
       "maxLength": 300
     },
+    {
+      "id": "code",
+      "type": "text",
+      "label": "Inline code sample",
+      "maxLength": 400
+    },
     {
       "id": "alertTitle",
       "type": "text",

package/templates/article/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/auth/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-deck/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-investor-update/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-memo/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-minutes/content-schema.json

@@ -0,0 +1,12 @@
+{
+  "$schemaVersion": "2.0",
+  "template": "bod-minutes",
+  "slots": [
+    {
+      "id": "hdrLabel",
+      "type": "text",
+      "label": "Header confidentiality label",
+      "maxLength": 28
+    }
+  ]
+}

package/templates/bod-minutes/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-report/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/bod-resolution/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/culture-event-invite/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/dashboard/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/delivery-change-note/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/delivery-kickoff/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/delivery-qbr-deck/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/delivery-runbook/content-schema.json

@@ -2,6 +2,12 @@
   "$schemaVersion": "2.0",
   "template": "delivery-runbook",
   "slots": [
+    {
+      "id": "hdrLabel",
+      "type": "text",
+      "label": "Header document label",
+      "maxLength": 28
+    },
     {
       "id": "eyebrow",
       "type": "text",

package/templates/delivery-runbook/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/delivery-status-email/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/doc-style-guide/DocStyleGuide.dc.html

@@ -126,8 +126,8 @@
         <tr><td style="padding:6px 10px">Ảnh mạng xã hội<div style="color:#3F4C55;font-style:italic;font-size:11px">Social image</div></td><td style="padding:6px 10px">Khổ cố định theo kênh; màu/kiểu chữ/logo theo hệ thống.<div style="color:#3F4C55;font-style:italic;font-size:11px">Fixed per-channel size; system colour/type/logo.</div></td></tr>
       </tbody>
     </table>
-    <p style="font-size:14px;line-height:1.55;margin:0 0 2px">Ba trục nhận diện — <b>Theme × Element (Ngũ Hành) × Language</b> — áp dụng cho mọi mẫu. Nhấn của một sản phẩm dùng token <span style="font-family:var(--cs-font-family-mono);font-size:12px">--cs-accent-*</span>, không dùng mã màu cứng.</p>
-    <p style="font-size:12.5px;line-height:1.5;color:#3F4C55;font-style:italic;margin:0 0 8px">The three identity axes — <b>Theme × Element (Ngũ Hành) × Language</b> — apply to every template. A product's accent consumes the <span style="font-family:var(--cs-font-family-mono);font-size:12px">--cs-accent-*</span> tokens, never a raw hex.</p>
+    <p style="font-size:14px;line-height:1.55;margin:0 0 2px">Bốn trục nhận diện — <b>Theme × Element (Ngũ Hành) × Language × Style</b> — áp dụng cho mọi mẫu. Nhấn của một sản phẩm dùng token <span style="font-family:var(--cs-font-family-mono);font-size:12px">--cs-accent-*</span>, không dùng mã màu cứng. Pack Style duy nhất là <b>liquid-glass</b>.</p>
+    <p style="font-size:12.5px;line-height:1.5;color:#3F4C55;font-style:italic;margin:0 0 8px">The four identity axes — <b>Theme × Element (Ngũ Hành) × Language × Style</b> — apply to every template. A product's accent consumes the <span style="font-family:var(--cs-font-family-mono);font-size:12px">--cs-accent-*</span> tokens, never a raw hex. Style’s sole pack is <b>liquid-glass</b>.</p>
 
     <div style="border-top:1px solid var(--cs-color-border-default);padding-top:8px;margin-top:8px;display:flex;gap:10px;font-size:10.5px;color:var(--cs-color-text-muted);flex-wrap:wrap">Hiện Thực Hoá Ý Chí · <i style="color:#3F4C55">Turn Your Will Into Real</i><span>·</span>MST: 0316475200<span>·</span>info@cyberskill.world<span>·</span>(+84) 906 878 091<span style="margin-left:auto">Trang / Page 1</span></div>
   </div>

package/templates/doc-style-guide/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/doc-suite-index/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/doc-templates/DocTemplates.dc.html

@@ -89,7 +89,7 @@
         <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">A4 song ngữ<div style="color:#3F4C55;font-style:italic;font-size:10px">A4 bilingual instrument</div></td><td style="padding:6px 9px">Khung Phần A. Quốc hiệu, tiêu đề, các Điều, bảng BÊN A/B, khối ký. Điều 1–10 Cẩm nang áp dụng đầy đủ.<div style="color:#3F4C55;font-style:italic;font-size:10px">Part A shell. State motto, title, Articles, Party A/B tables, signing block. Style-Guide 1–10 in full.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">vn-labor-contract, vn-internal-labor-regulations</td></tr>
         <tr style="border-bottom:1px solid var(--cs-color-border-default);background:var(--cs-color-surface-raised)"><td style="padding:6px 9px;font-weight:600">Letter in<div style="color:#3F4C55;font-style:italic;font-size:10px">Letter print doc</div></td><td style="padding:6px 9px">Như A4 nhưng khổ Letter, lề 0,6in; nền desk + sheet; xuất Print/PDF sạch. Dùng cho giấy tờ gửi khách.<div style="color:#3F4C55;font-style:italic;font-size:10px">As A4 but Letter, 0.6in margins; desk + sheet; clean Print/PDF. Client-facing paperwork.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">finance-invoice, legal-msa, sales-one-pager</td></tr>
         <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Thư điện tử<div style="color:#3F4C55;font-style:italic;font-size:10px">Email (600px)</div></td><td style="padding:6px 9px">Thân 600px căn giữa; header/CTA theo màu hệ thống; không quốc hiệu, không khối ký; song ngữ qua tweak Language.<div style="color:#3F4C55;font-style:italic;font-size:10px">Centred 600px body; system-coloured header/CTA; no state motto or signing block; bilingual via Language tweak.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">email, hr-announcement, marketing-newsletter</td></tr>
-        <tr style="border-bottom:1px solid var(--cs-color-border-default);background:var(--cs-color-surface-raised)"><td style="padding:6px 9px;font-weight:600">Màn hình sản phẩm<div style="color:#3F4C55;font-style:italic;font-size:10px">Product screen</div></td><td style="padding:6px 9px">Dựng từ component + token; ba trục Theme × Element × Language. Không dùng hình học in.<div style="color:#3F4C55;font-style:italic;font-size:10px">Built from components + tokens; Theme × Element × Language. No print geometry.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">marketing-page, dashboard, app-shell, auth</td></tr>
+        <tr style="border-bottom:1px solid var(--cs-color-border-default);background:var(--cs-color-surface-raised)"><td style="padding:6px 9px;font-weight:600">Màn hình sản phẩm<div style="color:#3F4C55;font-style:italic;font-size:10px">Product screen</div></td><td style="padding:6px 9px">Dựng từ component + token; bốn trục Theme × Element × Language × Style. Không dùng hình học in.<div style="color:#3F4C55;font-style:italic;font-size:10px">Built from components + tokens; Theme × Element × Language × Style. No print geometry.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">marketing-page, dashboard, app-shell, auth</td></tr>
         <tr style="border-bottom:1px solid var(--cs-color-border-default)"><td style="padding:6px 9px;font-weight:600">Slide 16:9<div style="color:#3F4C55;font-style:italic;font-size:10px">Deck (16:9)</div></td><td style="padding:6px 9px">Slide xếp chồng, tỉ lệ 16:9; bìa nền umber, nhấn theo element; xuất PDF/PPTX.<div style="color:#3F4C55;font-style:italic;font-size:10px">Stacked 16:9 slides; umber cover, element accent; PDF/PPTX export.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">slide-deck, bod-deck, sales-proposal-deck</td></tr>
         <tr><td style="padding:6px 9px;font-weight:600">Ảnh mạng xã hội<div style="color:#3F4C55;font-style:italic;font-size:10px">Social image</div></td><td style="padding:6px 9px">Khổ cố định theo kênh (1080² · 1200×630 · 1080×1920); màu/kiểu chữ/logo hệ thống.<div style="color:#3F4C55;font-style:italic;font-size:10px">Fixed per-channel size (1080² · 1200×630 · 1080×1920); system colour/type/logo.</div></td><td style="padding:6px 9px;font-family:var(--cs-font-family-mono);font-size:9.5px">marketing-social-kit</td></tr>
       </tbody>

package/templates/doc-templates/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {

package/templates/email/support.js

@@ -1070,10 +1070,10 @@
   }
 
   // src/cdn.ts
-  var REACT_URL = "https://unpkg.com/react@18.3.1/umd/react.production.min.js";
-  var REACT_SRI = "sha384-DGyLxAyjq0f9SPpVevD6IgztCFlnMF6oW/XQGmfe+IsZ8TqEiDrcHkMLKI6fiB/Z";
-  var REACT_DOM_URL = "https://unpkg.com/react-dom@18.3.1/umd/react-dom.production.min.js";
-  var REACT_DOM_SRI = "sha384-gTGxhz21lVGYNMcdJOyq01Edg0jhn/c22nsx0kyqP0TxaV5WVdsSH1fSDUf5YJj1";
+  var REACT_URL = "https://unpkg.com/umd-react@19.2.8/dist/react.production.min.js";
+  var REACT_SRI = "sha384-/nh8CKeV7Pk42Gpda6L4DM1JtZ2bwPOi+eh9O7+a1Y22UkGs8+mw3aW1shQ9FV30";
+  var REACT_DOM_URL = "https://unpkg.com/umd-react@19.2.8/dist/react-dom.production.min.js";
+  var REACT_DOM_SRI = "sha384-rhLCB72qrpcezgY2QW0panvW9IeO32m94nvuDVRD/iEGHXoUbjtijL6Xi/Z5/mzu";
   var BABEL_URL = "https://unpkg.com/@babel/standalone@7.29.0/babel.min.js";
   var BABEL_SRI = "sha384-m08KidiNqLdpJqLq95G/LEi8Qvjl/xUYll3QILypMoQ65QorJ9Lvtp2RXYGBFj1y";
   function cdnScriptFor(url, sri) {