openyida 2026.7.18 → 2026.7.21

package/project/pages/src/openyida-knowledge-doc.oyd.jsx

@@ -1,1714 +0,0 @@
-/**
- * OpenYida Knowledge Document
- *
- * A Notion-like read-only document page for OpenYida knowledge records.
- * It is intended to be opened from the assistant source links:
- *   /s/openyida-doc#doc=<knowledge formInstId>
- */
-
-var MARKDOWN_IT_URL = 'https://g.alicdn.com/code/lib/markdown-it/13.0.1/markdown-it.min.js';
-var REACT2_URL = 'https://g.alicdn.com/code/lib/react/18.2.0/umd/react.production.min.js';
-var REACTDOM2_URL = 'https://g.alicdn.com/code/lib/react-dom/18.2.0/umd/react-dom.production.min.js';
-var BLOCKNOTE_REACT_URL = 'https://esm.sh/@blocknote/react@0.51.2?deps=react@18.2.0,react-dom@18.2.0';
-var BLOCKNOTE_MANTINE_URL = 'https://esm.sh/@blocknote/mantine@0.51.2?deps=react@18.2.0,react-dom@18.2.0,@mantine/core@8.3.11,@mantine/hooks@8.3.11';
-var REACT2_ESM_URL = 'https://esm.sh/react@18.2.0';
-var REACTDOM2_CLIENT_ESM_URL = 'https://esm.sh/react-dom@18.2.0/client';
-var BLOCKNOTE_CORE_CSS_URL = 'https://cdn.jsdelivr.net/npm/@blocknote/core@0.51.2/fonts/inter.css';
-var BLOCKNOTE_MANTINE_CSS_URL = 'https://cdn.jsdelivr.net/npm/@blocknote/mantine@0.51.2/style.css';
-var APP_HOME_PATH = '/s/openyida';
-var DOC_SHARE_PATH = '/s/openyida-doc';
-var KNOWLEDGE_DATA_FORM_UUID = 'FORM-2FD50D15418B4C609998FFF364AF8DE0GJ7Z';
-var KNOWLEDGE_DATA_FIELDS = {
-  title: 'textField_h8ys1jqwe',
-  type: 'selectField_h8ys2bliv',
-  keywords: 'textField_h8ys3733s',
-  summary: 'textareaField_h8ys4sf65',
-  body: 'textareaField_h8ys5mj70',
-  source: 'textField_h8ys6jhou',
-  status: 'selectField_h8ys7m5i7',
-  updatedAt: 'dateField_h8ys8icjo',
-  contributors: 'employeeField_pxnq1w9l6',
-};
-var EDIT_SUGGESTION_FORM_UUID = 'FORM-56E05195F4E84FF99A2B80A5E23222E26A5Z';
-var EDIT_SUGGESTION_FIELDS = {
-  originalId: 'textField_sd0l1e1hm',
-  originalTitle: 'textField_sd0l2rxwn',
-  newTitle: 'textField_sd0l3ooan',
-  newCategory: 'selectField_sd0l4q2od',
-  newKeywords: 'textField_sd0l5yn0h',
-  newSummary: 'textareaField_sd0l6fa58',
-  newBody: 'textareaField_sd0l710x4',
-  editNote: 'textareaField_sd0l8tz9d',
-  submitter: 'employeeField_sd0l9b95r',
-};
-var KNOWLEDGE_QUERY_PAGE_SIZE = 100;
-var KNOWLEDGE_CACHE_KEY = 'openyida.knowledgeBase.cache.v1.' + KNOWLEDGE_DATA_FORM_UUID;
-var KNOWLEDGE_CACHE_TTL_MS = 30 * 60 * 1000;
-var KNOWLEDGE_CACHE_STALE_TTL_MS = 7 * 24 * 60 * 60 * 1000;
-var YIDA_SOURCE_ICON_DATA_URI = 'data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%230089ff%22%3E%3Cpath%20d%3D%22M966.743%200H57.498A57.197%2057.197%200%200%200%20.06%2057.077v218.07a61.772%2061.772%200%200%201%2012.042%204.936L348.538%20473.83l336.196-193.987a64.421%2064.421%200%200%201%2087.902%2023.36l34.92%2060.208a63.94%2063.94%200%200%201-23.24%2087.54L449.084%20643.613v379.905h517.78a57.197%2057.197%200%200%200%2056.714-56.594V57.077A57.197%2057.197%200%200%200%20966.743%200z%22%2F%3E%3Cpath%20d%3D%22M.663%20501.163v465.76a56.715%2056.715%200%200%200%2016.255%2040.34%2057.558%2057.558%200%200%200%2040.58%2016.255H252.93V646.141z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E';
-
-var DOC_CSS = [
-  'body{background:#050505!important;font-family:"-apple-system-body","ui-sans-serif","-apple-system","system-ui","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol"!important;-webkit-font-smoothing:antialiased;}',
-  '.next-aside-navigation{display:none!important;}',
-  '.next-shell-main{padding-left:0!important;}',
-  '.next-shell-sub-main{left:0!important;margin-left:0!important;width:100%!important;}',
-  '.next-shell-page,.next-shell-content,.next-shell-content-inner,.render-engine-container,.vc-jsx{height:100%!important;min-height:100vh!important;background:#050505!important;}',
-  '.vc-rootheader{display:none!important;}',
-  '.vc-page-yida-page,.vc-deep-container-entry.vc-rootcontent{background:#050505!important;}',
-  '.oy-doc-scroll{scrollbar-width:thin;scrollbar-color:#4a4a4a transparent;}',
-  '.oy-doc-scroll::-webkit-scrollbar{width:8px;height:8px;}',
-  '.oy-doc-scroll::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:999px;}',
-  '.oy-doc-markdown{font-size:16px;line-height:1.82;color:#f4f4f4;word-break:break-word;font-weight:400;}',
-  '.oy-doc-markdown h1,.oy-doc-markdown h2,.oy-doc-markdown h3{color:#fff;font-weight:650;line-height:1.28;letter-spacing:0;}',
-  '.oy-doc-markdown h1{font-size:32px;margin:0 0 22px;}',
-  '.oy-doc-markdown h2{font-size:24px;margin:38px 0 14px;}',
-  '.oy-doc-markdown h3{font-size:19px;margin:28px 0 10px;}',
-  '.oy-doc-markdown p{margin:0 0 18px;}',
-  '.oy-doc-markdown p:last-child{margin-bottom:0;}',
-  '.oy-doc-markdown strong{font-weight:650;color:#fff;}',
-  '.oy-doc-markdown ol,.oy-doc-markdown ul{margin:10px 0 22px 26px;padding:0;}',
-  '.oy-doc-markdown li{margin:7px 0;padding-left:5px;}',
-  '.oy-doc-markdown code{border:1px solid #393939;border-radius:5px;background:#202020;color:#f5f5f5;padding:2px 6px;font-family:Menlo,Consolas,monospace;font-size:.88em;}',
-  '.oy-doc-markdown pre{margin:18px 0;padding:16px 18px;border:1px solid #343434;border-radius:8px;background:#171717;color:#e7e7e7;overflow:auto;}',
-  '.oy-doc-markdown pre code{border:0;background:transparent;color:inherit;padding:0;}',
-  '.oy-doc-markdown blockquote{margin:18px 0;padding:13px 16px;border-left:3px solid #0089ff;background:#101923;color:#dcecff;border-radius:0 8px 8px 0;}',
-  '.oy-doc-markdown a{color:#9dccff;text-decoration:underline;text-underline-offset:4px;font-weight:650;}',
-  '.oy-doc-markdown table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px;}',
-  '.oy-doc-markdown th,.oy-doc-markdown td{border:1px solid #343434;padding:9px 11px;text-align:left;}',
-  '.oy-doc-markdown th{background:#202020;font-weight:650;color:#fff;}',
-  '.oy-doc-blocknote-host{position:relative;margin-top:0;}',
-  '.oy-doc-blocknote-frame{display:block;width:100%;min-height:220px;border:0;background:#050505;overflow:hidden;}',
-  '.oy-doc-blocknote-host[data-blocknote-ready="true"] .oy-doc-blocknote-fallback{display:none!important;}',
-].join('\n');
-
-var _blockNoteMountKey = '';
-var _blockNoteMountTimer = null;
-var _blockNoteMessageHandler = null;
-
-var _customState = {
-  ready: false,
-  status: 'loading',
-  docId: '',
-  record: null,
-  docs: [],
-  error: '',
-  markdownReady: false,
-};
-
-var _editState = {
-  editing: false,
-  submitting: false,
-  editTitle: '',
-  editCategory: '',
-  editKeywords: '',
-  editSummary: '',
-  editBody: '',
-  editNote: '',
-  editError: '',
-};
-
-function getSearchDataList(res) {
-  return (res && res.data) || (res && res.content && res.content.data) || [];
-}
-
-function getRowFormData(row) {
-  return (row && row.formData) || (row && row.data) || {};
-}
-
-function getRowId(row) {
-  return row && (row.formInstId || row.instId || row.id) ? String(row.formInstId || row.instId || row.id) : '';
-}
-
-function normalizeKnowledgeValue(value) {
-  if (value === undefined || value === null) {
-    return '';
-  }
-  if (Array.isArray(value)) {
-    return value.map((item) => normalizeKnowledgeValue(item)).filter(Boolean).join('、');
-  }
-  if (typeof value === 'object') {
-    if (value.value !== undefined) {
-      return normalizeKnowledgeValue(value.value);
-    }
-    if (value.text !== undefined) {
-      return normalizeKnowledgeValue(value.text);
-    }
-    if (value.zh_CN !== undefined) {
-      return normalizeKnowledgeValue(value.zh_CN);
-    }
-    return JSON.stringify(value);
-  }
-  return String(value || '');
-}
-
-function normalizeText(value) {
-  return String(value || '').trim();
-}
-
-function parseSearchParams(raw) {
-  var params = {};
-  var text = String(raw || '').replace(/^[?#]/, '');
-  if (!text) {
-    return params;
-  }
-  try {
-    var search = new URLSearchParams(text);
-    search.forEach(function(value, key) {
-      params[key] = value;
-    });
-  } catch (err) {
-    text.split('&').forEach(function(part) {
-      var pair = part.split('=');
-      if (pair[0]) {
-        params[decodeURIComponent(pair[0])] = decodeURIComponent(pair.slice(1).join('=') || '');
-      }
-    });
-  }
-  return params;
-}
-
-function readDocIdFromLocation() {
-  if (typeof window === 'undefined' || !window.location) {
-    return '';
-  }
-  var fromQuery = parseSearchParams(window.location.search || '');
-  var fromHash = parseSearchParams(window.location.hash || '');
-  return fromQuery.doc || fromQuery.id || fromQuery.formInstId || fromHash.doc || fromHash.id || fromHash.formInstId || '';
-}
-
-function getAliworkOrigin() {
-  if (typeof window !== 'undefined' && window.location && window.location.origin && /(^|\.)aliwork\.com$/.test(window.location.hostname || '')) {
-    return String(window.location.origin || '').replace(/\/+$/, '');
-  }
-  return 'https://demo.aliwork.com';
-}
-
-function getAppHomeUrl() {
-  return getAliworkOrigin() + APP_HOME_PATH;
-}
-
-function getDocUrl(docId) {
-  var baseUrl = getAliworkOrigin() + DOC_SHARE_PATH;
-  if (!docId) {
-    return baseUrl;
-  }
-  return baseUrl + '#doc=' + encodeURIComponent(docId);
-}
-
-function escapeHtml(value) {
-  return String(value || '')
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;');
-}
-
-function inlineFallbackMarkdown(value) {
-  var escaped = escapeHtml(value);
-  escaped = escaped.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
-  escaped = escaped.replace(/`([^`]+)`/g, '<code>$1</code>');
-  escaped = escaped.replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g, '<a href="$2" target="_blank" rel="noreferrer">$1</a>');
-  return escaped;
-}
-
-function fallbackMarkdownToHtml(text) {
-  var lines = String(text || '').split('\n');
-  var html = [];
-  var listOpen = false;
-  lines.forEach((line) => {
-    var heading = line.match(/^(#{1,3})\s+(.+)$/);
-    var ordered = line.match(/^\s*\d+\.\s+(.+)$/);
-    var unordered = line.match(/^\s*[-*]\s+(.+)$/);
-    if (heading) {
-      if (listOpen) {
-        html.push('</ul>');
-        listOpen = false;
-      }
-      html.push('<h' + heading[1].length + '>' + inlineFallbackMarkdown(heading[2]) + '</h' + heading[1].length + '>');
-      return;
-    }
-    if (ordered || unordered) {
-      if (!listOpen) {
-        html.push('<ul>');
-        listOpen = true;
-      }
-      html.push('<li>' + inlineFallbackMarkdown((ordered || unordered)[1]) + '</li>');
-      return;
-    }
-    if (listOpen) {
-      html.push('</ul>');
-      listOpen = false;
-    }
-    if (!line.trim()) {
-      html.push('');
-      return;
-    }
-    html.push('<p>' + inlineFallbackMarkdown(line) + '</p>');
-  });
-  if (listOpen) {
-    html.push('</ul>');
-  }
-  return html.join('');
-}
-
-function markdownToHtml(text) {
-  if (typeof window !== 'undefined' && window.markdownit) {
-    if (!window.__openYidaKnowledgeMarkdownIt) {
-      window.__openYidaKnowledgeMarkdownIt = window.markdownit({
-        html: false,
-        linkify: true,
-        breaks: true,
-      });
-    }
-    return window.__openYidaKnowledgeMarkdownIt.render(String(text || ''));
-  }
-  return fallbackMarkdownToHtml(text);
-}
-
-function sanitizeDomId(value) {
-  return String(value || 'doc').replace(/[^a-zA-Z0-9_-]+/g, '-').slice(0, 80) || 'doc';
-}
-
-function getBlockNoteHostId(docId) {
-  return 'oy-blocknote-host-' + sanitizeDomId(docId || _customState.docId || 'doc');
-}
-
-function getBlockNoteFrameId(docId) {
-  return 'oy-blocknote-frame-' + sanitizeDomId(docId || _customState.docId || 'doc');
-}
-
-function jsonForHtml(value) {
-  return JSON.stringify(value || {})
-    .replace(/</g, '\\u003c')
-    .replace(/>/g, '\\u003e')
-    .replace(/&/g, '\\u0026')
-    .replace(/\u2028/g, '\\u2028')
-    .replace(/\u2029/g, '\\u2029');
-}
-
-function createBlockNoteBlock(type, content, props) {
-  var text = normalizeText(content);
-  if (!text) {
-    return null;
-  }
-  return {
-    type: type || 'paragraph',
-    props: props || {},
-    content: text,
-  };
-}
-
-function markdownToBlockNoteBlocks(text) {
-  var lines = String(text || '').replace(/\r\n/g, '\n').split('\n');
-  var blocks = [];
-  var paragraph = [];
-  var codeLines = [];
-  var inCode = false;
-
-  function flushParagraph() {
-    if (!paragraph.length) {
-      return;
-    }
-    var block = createBlockNoteBlock('paragraph', paragraph.join('\n'));
-    if (block) {
-      blocks.push(block);
-    }
-    paragraph = [];
-  }
-
-  function flushCode() {
-    if (!codeLines.length) {
-      return;
-    }
-    var block = createBlockNoteBlock('codeBlock', codeLines.join('\n'));
-    if (block) {
-      blocks.push(block);
-    }
-    codeLines = [];
-  }
-
-  lines.forEach((rawLine) => {
-    var line = String(rawLine || '');
-    var trimmed = line.trim();
-    if (/^```/.test(trimmed)) {
-      if (inCode) {
-        flushCode();
-        inCode = false;
-      } else {
-        flushParagraph();
-        inCode = true;
-      }
-      return;
-    }
-    if (inCode) {
-      codeLines.push(line);
-      return;
-    }
-    if (!trimmed) {
-      flushParagraph();
-      return;
-    }
-    var heading = trimmed.match(/^(#{1,3})\s+(.+)$/);
-    var ordered = trimmed.match(/^\d+\.\s+(.+)$/);
-    var bullet = trimmed.match(/^[-*]\s+(.+)$/);
-    if (heading) {
-      flushParagraph();
-      blocks.push(createBlockNoteBlock('heading', heading[2], { level: heading[1].length }));
-      return;
-    }
-    if (ordered) {
-      flushParagraph();
-      blocks.push(createBlockNoteBlock('numberedListItem', ordered[1]));
-      return;
-    }
-    if (bullet) {
-      flushParagraph();
-      blocks.push(createBlockNoteBlock('bulletListItem', bullet[1]));
-      return;
-    }
-    if (/^>\s+/.test(trimmed)) {
-      flushParagraph();
-      blocks.push(createBlockNoteBlock('quote', trimmed.replace(/^>\s+/, '')));
-      return;
-    }
-    paragraph.push(trimmed);
-  });
-  if (inCode) {
-    flushCode();
-  }
-  flushParagraph();
-  return blocks.filter(Boolean).length ? blocks.filter(Boolean) : [createBlockNoteBlock('paragraph', '这条知识记录还没有正文内容。')];
-}
-
-function createBlockNoteSrcDoc(record) {
-  var blocks = markdownToBlockNoteBlocks(buildDocumentMarkdown(record));
-  var payload = {
-    frameId: getBlockNoteFrameId(record && record.id),
-    title: record && record.title ? record.title : 'OpenYida 知识库',
-    blocks: blocks,
-  };
-  var moduleScript = [
-    "var notify = function(message) {",
-    "  try { parent.postMessage(Object.assign({ source: 'openyida-blocknote', frameId: data.frameId }, message), '*'); } catch (err) {}",
-    "};",
-    "window.addEventListener('error', function(event) { notify({ status: 'error', error: event && event.message ? event.message : 'BlockNote load failed' }); });",
-    "window.addEventListener('unhandledrejection', function(event) { notify({ status: 'error', error: event && event.reason && event.reason.message ? event.reason.message : 'BlockNote load failed' }); });",
-    "import React from '" + REACT2_ESM_URL + "';",
-    "import { createRoot } from '" + REACTDOM2_CLIENT_ESM_URL + "';",
-    "import { useCreateBlockNote } from '" + BLOCKNOTE_REACT_URL + "';",
-    "import { BlockNoteView } from '" + BLOCKNOTE_MANTINE_URL + "';",
-    "window.react2Module = React;",
-    "window.reactDom2Client = { createRoot: createRoot };",
-    "function resize() {",
-    "  var height = Math.max(220, Math.ceil(document.documentElement.scrollHeight || document.body.scrollHeight || 220));",
-    "  notify({ status: 'ready', height: height });",
-    "}",
-    "function App() {",
-    "  var editor = useCreateBlockNote({ initialContent: data.blocks });",
-    "  return React.createElement(BlockNoteView, { editor: editor, editable: false, theme: 'dark', formattingToolbar: false, sideMenu: false, slashMenu: false, emojiPicker: false, filePanel: false, tableHandles: false });",
-    "}",
-    "try {",
-    "  createRoot(document.getElementById('root')).render(React.createElement(App));",
-    "  if (window.ResizeObserver) { new ResizeObserver(resize).observe(document.body); }",
-    "  setTimeout(resize, 160);",
-    "  setTimeout(resize, 800);",
-    "} catch (err) {",
-    "  notify({ status: 'error', error: err && err.message ? err.message : 'BlockNote render failed' });",
-    "}"
-  ].join('\n');
-  return [
-    '<!doctype html>',
-    '<html>',
-    '<head>',
-    '<meta charset="utf-8">',
-    '<meta name="viewport" content="width=device-width,initial-scale=1">',
-    '<link rel="stylesheet" href="' + BLOCKNOTE_CORE_CSS_URL + '">',
-    '<link rel="stylesheet" href="' + BLOCKNOTE_MANTINE_CSS_URL + '">',
-    '<style>',
-    'html,body,#root{margin:0;min-height:220px;background:#050505;color:#f4f4f4;font-family:"-apple-system-body","ui-sans-serif","-apple-system","system-ui","Segoe UI","Helvetica","Arial","sans-serif";}',
-    'body{overflow:hidden;}',
-    '.bn-container,.bn-editor{background:#050505!important;color:#f4f4f4!important;}',
-    '.bn-editor{padding:0!important;}',
-    '.bn-block-content{font-size:16px;line-height:1.82;}',
-    '.bn-block-content[data-content-type="heading"]{font-weight:700;color:#fff;}',
-    '.bn-default-styles{--bn-colors-editor-background:#050505;--bn-colors-menu-background:#171717;--bn-colors-tooltip-background:#242424;--bn-colors-hovered-background:#202020;--bn-colors-selected-background:#17253a;--bn-colors-text:#f4f4f4;--bn-colors-side-menu:#9b9b9b;}',
-    '</style>',
-    '</head>',
-    '<body>',
-    '<script src="' + REACT2_URL + '"></script>',
-    '<script src="' + REACTDOM2_URL + '"></script>',
-    '<script>window.react2=window.React;window.reactDom2=window.ReactDOM;</script>',
-    '<script id="bn-data" type="application/json">' + jsonForHtml(payload) + '</script>',
-    '<div id="root"></div>',
-    '<script type="module">var data = JSON.parse(document.getElementById("bn-data").textContent || "{}");\n' + moduleScript + '</script>',
-    '</body>',
-    '</html>'
-  ].join('');
-}
-
-function buildKnowledgeRecord(row) {
-  var formData = getRowFormData(row);
-  var rawContributors = formData[KNOWLEDGE_DATA_FIELDS.contributors];
-  var contributors = [];
-  if (Array.isArray(rawContributors)) {
-    contributors = rawContributors.map(function (item) {
-      if (typeof item === 'string') return item;
-      if (item && item.label) return item.label;
-      if (item && item.value) return item.value;
-      return '';
-    }).filter(Boolean);
-  } else if (rawContributors && typeof rawContributors === 'string') {
-    contributors = rawContributors.split(/[,，]/).map(function (s) { return s.trim(); }).filter(Boolean);
-  }
-  return {
-    id: getRowId(row),
-    title: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.title]) || '未命名资料',
-    type: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.type]) || '知识库',
-    keywords: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.keywords]),
-    summary: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.summary]),
-    body: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.body]),
-    source: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.source]) || 'OpenYida 助手知识库',
-    status: normalizeKnowledgeValue(formData[KNOWLEDGE_DATA_FIELDS.status]),
-    updatedAt: formData[KNOWLEDGE_DATA_FIELDS.updatedAt],
-    contributors: contributors,
-  };
-}
-
-function canUseKnowledgeCache() {
-  if (typeof window === 'undefined' || !window.localStorage) {
-    return false;
-  }
-  try {
-    var probeKey = KNOWLEDGE_CACHE_KEY + '.probe';
-    window.localStorage.setItem(probeKey, '1');
-    window.localStorage.removeItem(probeKey);
-    return true;
-  } catch (err) {
-    return false;
-  }
-}
-
-function normalizeKnowledgeCacheRecord(record) {
-  var id = record && record.id ? String(record.id) : '';
-  if (!id) {
-    return null;
-  }
-  return {
-    id: id,
-    title: normalizeKnowledgeValue(record.title) || '未命名资料',
-    type: normalizeKnowledgeValue(record.type) || '知识库',
-    keywords: normalizeKnowledgeValue(record.keywords),
-    summary: normalizeKnowledgeValue(record.summary),
-    body: normalizeKnowledgeValue(record.body),
-    source: normalizeKnowledgeValue(record.source) || 'OpenYida 助手知识库',
-    status: normalizeKnowledgeValue(record.status),
-    updatedAt: record.updatedAt || '',
-  };
-}
-
-function normalizeKnowledgeCacheRecords(records) {
-  return (records || []).map((record) => normalizeKnowledgeCacheRecord(record)).filter(Boolean);
-}
-
-function readKnowledgeCache(options) {
-  if (!canUseKnowledgeCache()) {
-    return null;
-  }
-  try {
-    var raw = window.localStorage.getItem(KNOWLEDGE_CACHE_KEY);
-    if (!raw) {
-      return null;
-    }
-    var payload = JSON.parse(raw);
-    var cachedAt = Number(payload && payload.cachedAt ? payload.cachedAt : 0);
-    var age = new Date().getTime() - cachedAt;
-    if (!payload || payload.formUuid !== KNOWLEDGE_DATA_FORM_UUID || !cachedAt || age > KNOWLEDGE_CACHE_STALE_TTL_MS) {
-      window.localStorage.removeItem(KNOWLEDGE_CACHE_KEY);
-      return null;
-    }
-    if (!(options && options.allowStale) && age > KNOWLEDGE_CACHE_TTL_MS) {
-      return null;
-    }
-    var records = normalizeKnowledgeCacheRecords(payload.records || []);
-    if (!records.length) {
-      return null;
-    }
-    return {
-      records: records,
-      cachedAt: cachedAt,
-      fresh: age <= KNOWLEDGE_CACHE_TTL_MS,
-    };
-  } catch (err) {
-    return null;
-  }
-}
-
-function writeKnowledgeCache(records) {
-  if (!canUseKnowledgeCache()) {
-    return;
-  }
-  var normalized = normalizeKnowledgeCacheRecords(records).slice(0, KNOWLEDGE_QUERY_PAGE_SIZE);
-  if (!normalized.length) {
-    return;
-  }
-  try {
-    window.localStorage.setItem(KNOWLEDGE_CACHE_KEY, JSON.stringify({
-      formUuid: KNOWLEDGE_DATA_FORM_UUID,
-      cachedAt: new Date().getTime(),
-      records: normalized,
-    }));
-  } catch (err) {
-    try {
-      window.localStorage.removeItem(KNOWLEDGE_CACHE_KEY);
-    } catch (removeErr) {}
-  }
-}
-
-function formatDate(value) {
-  if (!value) {
-    return '';
-  }
-  var date = null;
-  if (typeof value === 'number') {
-    date = new Date(value);
-  } else if (/^\d+$/.test(String(value))) {
-    date = new Date(Number(value));
-  } else {
-    date = new Date(value);
-  }
-  if (!date || isNaN(date.getTime())) {
-    return String(value);
-  }
-  var year = date.getFullYear();
-  var rawMonth = date.getMonth() + 1;
-  var rawDay = date.getDate();
-  var month = rawMonth < 10 ? '0' + rawMonth : String(rawMonth);
-  var day = rawDay < 10 ? '0' + rawDay : String(rawDay);
-  return year + '-' + month + '-' + day;
-}
-
-function buildDocumentMarkdown(record) {
-  if (!record) {
-    return '';
-  }
-  var body = normalizeText(record.body);
-  if (body) {
-    return body;
-  }
-  return normalizeText(record.summary) || '这条知识记录还没有正文内容。';
-}
-
-function canUseKnowledgeSearch(ctx) {
-  return !!(ctx && ctx.utils && ctx.utils.yida && ctx.utils.yida.searchFormDatas);
-}
-
-function findKnowledgeRecord(docs, docId) {
-  var record = null;
-  (docs || []).forEach((item) => {
-    if (docId && item && item.id === docId) {
-      record = item;
-    }
-  });
-  return record;
-}
-
-function buildDocumentState(docId, docs) {
-  if (!docId) {
-    return {
-      status: 'list',
-      docs: docs,
-      record: null,
-      error: '',
-    };
-  }
-  var record = findKnowledgeRecord(docs, docId);
-  if (!record) {
-    return {
-      status: 'error',
-      docs: docs,
-      record: null,
-      error: '没有找到这条资料，可能已停用或链接已失效。',
-    };
-  }
-  return {
-    status: 'ready',
-    docs: docs,
-    record: record,
-    error: '',
-  };
-}
-
-function updateDocumentTitle(record) {
-  if (typeof document === 'undefined') {
-    return;
-  }
-  var title = record && record.title ? record.title + ' - OpenYida 知识库' : 'OpenYida 知识库';
-  document.title = title;
-}
-
-export function getCustomState(key) {
-  if (key) {
-    return _customState[key];
-  }
-  return Object.assign({}, _customState);
-}
-
-export function setCustomState(newState) {
-  Object.keys(newState || {}).forEach((key) => {
-    _customState[key] = newState[key];
-  });
-  updateDocumentTitle(_customState.record);
-  this.forceUpdate();
-  if (_customState.status === 'ready') {
-    this.scheduleBlockNoteMount();
-  }
-}
-
-export function forceUpdate() {
-  this.setState({ timestamp: new Date().getTime() });
-}
-
-export function loadExternalScript(src) {
-  if (typeof window !== 'undefined' && window.markdownit) {
-    return Promise.resolve();
-  }
-  if (this.utils && this.utils.loadScript) {
-    return this.utils.loadScript(src);
-  }
-  return new Promise((resolve, reject) => {
-    if (typeof document === 'undefined') {
-      reject(new Error('document unavailable'));
-      return;
-    }
-    var existed = document.querySelector('script[src="' + src + '"]');
-    if (existed) {
-      resolve();
-      return;
-    }
-    var script = document.createElement('script');
-    script.src = src;
-    script.async = true;
-    script.onload = function() {
-      resolve();
-    };
-    script.onerror = function() {
-      reject(new Error('script load failed'));
-    };
-    document.head.appendChild(script);
-  });
-}
-
-export function loadMarkdownRenderer() {
-  var self = this;
-  return this.loadExternalScript(MARKDOWN_IT_URL).then(function() {
-    self.setCustomState({ markdownReady: true });
-  }).catch(function() {
-    self.setCustomState({ markdownReady: false });
-  });
-}
-
-export function scheduleBlockNoteMount() {
-  var self = this;
-  if (_blockNoteMountTimer) {
-    clearTimeout(_blockNoteMountTimer);
-  }
-  _blockNoteMountTimer = setTimeout(function() {
-    self.mountBlockNoteDocument();
-  }, 80);
-}
-
-export function handleBlockNoteMessage(event) {
-  var data = event && event.data ? event.data : null;
-  if (!data || data.source !== 'openyida-blocknote' || !data.frameId || typeof document === 'undefined') {
-    return;
-  }
-  var frame = document.getElementById(data.frameId);
-  if (!frame) {
-    return;
-  }
-  var host = frame.parentNode;
-  if (data.status === 'ready') {
-    host.setAttribute('data-blocknote-ready', 'true');
-    if (data.height) {
-      frame.style.height = Math.max(220, Math.min(Number(data.height) || 220, 2400)) + 'px';
-    }
-  } else if (data.status === 'error') {
-    host.setAttribute('data-blocknote-ready', 'false');
-    host.setAttribute('data-blocknote-error', data.error || 'load-error');
-  }
-}
-
-export function mountBlockNoteDocument() {
-  if (typeof document === 'undefined' || !_customState.record || !_customState.record.id) {
-    return;
-  }
-  var record = _customState.record;
-  var host = document.getElementById(getBlockNoteHostId(record.id));
-  if (!host) {
-    return;
-  }
-  var mountKey = record.id + ':' + String(record.updatedAt || '') + ':' + String(record.body || record.summary || '').length;
-  if (host.getAttribute('data-blocknote-key') === mountKey) {
-    return;
-  }
-  var oldFrame = host.querySelector('iframe.oy-doc-blocknote-frame');
-  if (oldFrame && oldFrame.parentNode) {
-    oldFrame.parentNode.removeChild(oldFrame);
-  }
-  host.setAttribute('data-blocknote-key', mountKey);
-  host.setAttribute('data-blocknote-ready', 'false');
-  var frame = document.createElement('iframe');
-  frame.id = getBlockNoteFrameId(record.id);
-  frame.className = 'oy-doc-blocknote-frame';
-  frame.title = record.title || 'OpenYida Knowledge';
-  frame.style.height = '260px';
-  frame.setAttribute('loading', 'lazy');
-  frame.srcdoc = createBlockNoteSrcDoc(record);
-  host.insertBefore(frame, host.firstChild);
-  _blockNoteMountKey = mountKey;
-}
-
-export function loadDocument(options) {
-  var self = this;
-  var docId = readDocIdFromLocation();
-  var forceRefresh = !!(options && options.forceRefresh);
-
-  if (!docId) {
-    this.setCustomState({
-      ready: true,
-      status: 'error',
-      docId: '',
-      error: '链接中没有指定文档 ID，请从 OpenYida 助手的资料来源链接进入。',
-    });
-    return;
-  }
-
-  var cached = forceRefresh ? null : readKnowledgeCache({ allowStale: true });
-  if (cached && cached.records.length) {
-    var cachedRecord = findKnowledgeRecord(cached.records, docId);
-    if (cachedRecord) {
-      this.setCustomState({
-        ready: true,
-        status: 'ready',
-        docId: docId,
-        docs: cached.records,
-        record: cachedRecord,
-        error: '',
-      });
-      if (cached.fresh) {
-        return;
-      }
-    }
-  }
-
-  if (!canUseKnowledgeSearch(this)) {
-    if (!(_customState.status === 'ready' && _customState.record)) {
-      this.setCustomState({
-        ready: true,
-        status: 'error',
-        docId: docId,
-        error: '当前页面没有可用的宜搭知识库查询能力。',
-      });
-    }
-    return;
-  }
-
-  if (_customState.status !== 'ready') {
-    this.setCustomState({
-      ready: true,
-      status: 'loading',
-      docId: docId,
-      record: null,
-      error: '',
-    });
-  }
-
-  this.utils.yida.getFormDataById({
-    formUuid: KNOWLEDGE_DATA_FORM_UUID,
-    formInstId: docId,
-  }).then(function(res) {
-    var record = buildKnowledgeRecord(res);
-    if (!record || !record.id) {
-      self.setCustomState({
-        status: 'error',
-        docId: docId,
-        record: null,
-        error: '没有找到这条资料，可能已停用或链接已失效。',
-      });
-      return;
-    }
-    if (record.status === '停用') {
-      self.setCustomState({
-        status: 'error',
-        docId: docId,
-        record: null,
-        error: '这条资料已停用。',
-      });
-      return;
-    }
-    self.setCustomState({
-      status: 'ready',
-      docId: docId,
-      docs: [record],
-      record: record,
-      error: '',
-    });
-  }).catch(function(err) {
-    if (_customState.status === 'ready' && _customState.record) {
-      return;
-    }
-    self.setCustomState({
-      status: 'error',
-      docId: docId,
-      error: err && err.message ? err.message : '读取知识库文档失败。',
-    });
-  });
-}
-
-export function didMount() {
-  var self = this;
-  if (typeof window !== 'undefined') {
-    _blockNoteMessageHandler = function(event) {
-      self.handleBlockNoteMessage(event);
-    };
-    window.addEventListener('message', _blockNoteMessageHandler);
-  }
-  updateDocumentTitle();
-  this.loadMarkdownRenderer();
-  this.loadDocument();
-}
-
-export function didUnmount() {
-  if (_blockNoteMountTimer) {
-    clearTimeout(_blockNoteMountTimer);
-    _blockNoteMountTimer = null;
-  }
-  if (typeof window !== 'undefined' && _blockNoteMessageHandler) {
-    window.removeEventListener('message', _blockNoteMessageHandler);
-    _blockNoteMessageHandler = null;
-  }
-}
-
-export function goHome() {
-  if (typeof window !== 'undefined') {
-    window.location.href = getAppHomeUrl();
-  }
-}
-
-export function reloadDocument() {
-  this.loadDocument({ forceRefresh: true });
-}
-
-export function copyDocLink() {
-  var self = this;
-  var url = getDocUrl(_customState.docId || (_customState.record && _customState.record.id));
-  if (typeof navigator !== 'undefined' && navigator.clipboard && navigator.clipboard.writeText) {
-    navigator.clipboard.writeText(url).then(function() {
-      if (self.utils && self.utils.toast) {
-        self.utils.toast({ title: '链接已复制', type: 'success' });
-      }
-    }).catch(function() {});
-  }
-}
-
-export function enterEditMode() {
-  var record = _customState.record;
-  if (!record || !record.id) return;
-  _editState.editing = true;
-  _editState.submitting = false;
-  _editState.editTitle = record.title || '';
-  _editState.editCategory = record.type || '';
-  _editState.editKeywords = record.keywords || '';
-  _editState.editSummary = record.summary || '';
-  _editState.editBody = record.body || '';
-  _editState.editNote = '';
-  _editState.editError = '';
-  this.setState({ timestamp: Date.now() });
-}
-
-export function cancelEdit() {
-  _editState.editing = false;
-  _editState.submitting = false;
-  _editState.editError = '';
-  this.setState({ timestamp: Date.now() });
-}
-
-export function onEditFieldChange(field, value) {
-  _editState[field] = value;
-  this.setState({ timestamp: Date.now() });
-}
-
-export function submitEditSuggestion() {
-  var self = this;
-  var record = _customState.record;
-  if (!record || !record.id) return;
-
-  var hasChange = (
-    _editState.editTitle !== (record.title || '') ||
-    _editState.editCategory !== (record.type || '') ||
-    _editState.editKeywords !== (record.keywords || '') ||
-    _editState.editSummary !== (record.summary || '') ||
-    _editState.editBody !== (record.body || '')
-  );
-  if (!hasChange) {
-    _editState.editError = '没有修改任何内容，无需提交。';
-    this.setState({ timestamp: Date.now() });
-    return;
-  }
-  if (!_editState.editTitle.trim()) {
-    _editState.editError = '标题不能为空。';
-    this.setState({ timestamp: Date.now() });
-    return;
-  }
-
-  _editState.submitting = true;
-  _editState.editError = '';
-  this.setState({ timestamp: Date.now() });
-
-  var formData = {};
-  formData[EDIT_SUGGESTION_FIELDS.originalId] = record.id;
-  formData[EDIT_SUGGESTION_FIELDS.originalTitle] = record.title || '';
-  formData[EDIT_SUGGESTION_FIELDS.newTitle] = _editState.editTitle;
-  formData[EDIT_SUGGESTION_FIELDS.newCategory] = _editState.editCategory;
-  formData[EDIT_SUGGESTION_FIELDS.newKeywords] = _editState.editKeywords;
-  formData[EDIT_SUGGESTION_FIELDS.newSummary] = _editState.editSummary;
-  formData[EDIT_SUGGESTION_FIELDS.newBody] = _editState.editBody;
-  formData[EDIT_SUGGESTION_FIELDS.editNote] = _editState.editNote;
-
-  this.utils.yida.saveFormData({
-    formUuid: EDIT_SUGGESTION_FORM_UUID,
-    formDataJson: JSON.stringify(formData),
-  }).then(function () {
-    _editState.editing = false;
-    _editState.submitting = false;
-    _editState.editError = '';
-    if (self.utils && self.utils.toast) {
-      self.utils.toast({ title: '编辑建议已提交，等待管理员审批', type: 'success' });
-    }
-    self.setState({ timestamp: Date.now() });
-  }).catch(function (err) {
-    _editState.submitting = false;
-    _editState.editError = '提交失败：' + (err && err.message ? err.message : '请确认已登录后重试');
-    self.setState({ timestamp: Date.now() });
-  });
-}
-
-export function openDoc(record) {
-  if (!record || !record.id || typeof window === 'undefined') {
-    return;
-  }
-  window.location.href = getDocUrl(record.id);
-}
-
-export function renderMarkdownContent(content) {
-  return (
-    <div
-      className="oy-doc-markdown"
-      style={styles.markdown}
-      dangerouslySetInnerHTML={{ __html: markdownToHtml(content) }}
-    />
-  );
-}
-
-export function renderBlockNoteContent(record) {
-  var content = buildDocumentMarkdown(record);
-  return this.renderMarkdownContent(content);
-}
-
-export function renderHeader() {
-  var record = _customState.record;
-  return (
-    <header style={styles.header}>
-      <button type="button" onClick={(e) => { this.goHome(); }} style={styles.backButton}>返回 OpenYida</button>
-      <div style={styles.headerTitle}>
-        <span style={styles.logoMark}><img src={YIDA_SOURCE_ICON_DATA_URI} alt="" style={styles.logoIcon} /></span>
-        <span style={styles.headerName}>知识库文档</span>
-      </div>
-      <div style={styles.headerActions}>
-        <button type="button" onClick={(e) => { this.reloadDocument(); }} style={styles.headerButton}>刷新</button>
-        {record ? <button type="button" onClick={(e) => { this.copyDocLink(); }} style={styles.headerButton}>复制链接</button> : null}
-      </div>
-    </header>
-  );
-}
-
-export function renderLoading() {
-  return (
-    <main style={styles.centerStage}>
-      <div style={styles.statusEyebrow}>OpenYida Knowledge</div>
-      <div style={styles.statusTitle}>正在读取资料</div>
-      <div style={styles.statusText}>从宜搭知识库加载文档内容。</div>
-    </main>
-  );
-}
-
-export function renderError() {
-  return (
-    <main style={styles.centerStage}>
-      <div style={styles.statusEyebrow}>OpenYida Knowledge</div>
-      <div style={styles.statusTitle}>资料暂时不可用</div>
-      <div style={styles.statusText}>{_customState.error || '请稍后重试。'}</div>
-      <div style={styles.statusActions}>
-        <button type="button" onClick={(e) => { this.reloadDocument(); }} style={styles.primaryButton}>重新读取</button>
-        <button type="button" onClick={(e) => { this.goHome(); }} style={styles.secondaryButton}>返回 OpenYida</button>
-      </div>
-    </main>
-  );
-}
-
-export function renderDocList() {
-  var self = this;
-  var docs = _customState.docs || [];
-  return (
-    <main style={styles.listStage}>
-      <div style={styles.listInner}>
-        <div style={styles.statusEyebrow}>OpenYida Knowledge</div>
-        <h1 style={styles.listTitle}>知识库文档</h1>
-        <p style={styles.listSummary}>这些文档来自 OpenYida 助手知识库，资料来源链接会打开对应的详情页。</p>
-        <div style={styles.docList}>
-          {docs.length ? docs.map((record) => (
-            <button key={record.id} type="button" onClick={(e) => { self.openDoc(record); }} style={styles.docListItem}>
-              <span style={styles.docListTop}>
-                <span style={styles.docListTitle}>{record.title}</span>
-                <span style={styles.docListType}>{record.type}</span>
-              </span>
-              <span style={styles.docListText}>{record.summary || record.source || 'OpenYida 助手知识库'}</span>
-            </button>
-          )) : (
-            <div style={styles.statusText}>当前没有已发布资料。</div>
-          )}
-        </div>
-      </div>
-    </main>
-  );
-}
-
-export function renderDocument() {
-  var record = _customState.record;
-  if (!record) {
-    return this.renderError();
-  }
-  if (_editState.editing) {
-    return this.renderEditMode(record);
-  }
-  var updatedAt = formatDate(record.updatedAt);
-  var contributors = record.contributors || [];
-  return (
-    <main className="oy-doc-scroll" style={styles.documentScroll}>
-      <article style={styles.article}>
-        <div style={styles.breadcrumb}>OpenYida 助手 / 知识库</div>
-        <div style={styles.titleRow}>
-          <h1 style={styles.title}>{record.title}</h1>
-          <button type="button" onClick={(e) => { this.enterEditMode(); }} style={styles.editButton}>✏️ 编辑</button>
-        </div>
-        <div style={styles.metaRow}>
-          <span style={styles.metaPill}>{record.type}</span>
-          {updatedAt ? <span style={styles.metaText}>更新于 {updatedAt}</span> : null}
-          {record.source ? <span style={styles.metaText}>来源：{record.source}</span> : null}
-        </div>
-        {contributors.length > 0 ? (
-          <div style={styles.contributorRow}>
-            <span style={styles.contributorLabel}>贡献者</span>
-            {contributors.map(function (name) {
-              return <span key={name} style={styles.contributorPill}>{name}</span>;
-            })}
-          </div>
-        ) : null}
-        {record.summary ? (
-          <section style={styles.callout}>
-            <div style={styles.calloutIcon}>i</div>
-            <div style={styles.calloutText}>{record.summary}</div>
-          </section>
-        ) : null}
-        {record.keywords ? (
-          <div style={styles.keywordRow}>
-            {record.keywords.split(/[、,，\s]+/).filter(Boolean).slice(0, 10).map((keyword) => (
-              <span key={keyword} style={styles.keyword}>{keyword}</span>
-            ))}
-          </div>
-        ) : null}
-        {this.renderBlockNoteContent(record)}
-      </article>
-    </main>
-  );
-}
-
-export function renderEditMode(record) {
-  var self = this;
-  var categoryOptions = ['常见问答', '操作指南', '技术文档', '产品公告', '最佳实践'];
-  var editKey = record.id + '-edit';
-  return (
-    <main className="oy-doc-scroll" style={styles.documentScroll}>
-      <article style={styles.article}>
-        <div style={styles.breadcrumb}>OpenYida 助手 / 知识库 / 编辑模式</div>
-        <div style={styles.titleRow}>
-          <h1 style={styles.title}>编辑文档</h1>
-          <div style={styles.editActions}>
-            <button type="button" onClick={(e) => { self.cancelEdit(); }} style={styles.cancelButton} disabled={_editState.submitting}>取消</button>
-            <button type="button" onClick={(e) => { self.submitEditSuggestion(); }} style={styles.submitButton} disabled={_editState.submitting}>
-              {_editState.submitting ? '提交中...' : '提交编辑建议'}
-            </button>
-          </div>
-        </div>
-        {_editState.editError ? (
-          <div style={styles.editErrorBanner}>{_editState.editError}</div>
-        ) : null}
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>标题</label>
-          <input
-            key={editKey + '-title'}
-            type="text"
-            defaultValue={_editState.editTitle}
-            onChange={(e) => { _editState.editTitle = e.target.value; }}
-            style={styles.editInput}
-            disabled={_editState.submitting}
-          />
-        </div>
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>分类</label>
-          <select
-            key={editKey + '-cat'}
-            defaultValue={_editState.editCategory}
-            onChange={(e) => { _editState.editCategory = e.target.value; }}
-            style={styles.editSelect}
-            disabled={_editState.submitting}
-          >
-            {categoryOptions.map((opt) => <option key={opt} value={opt}>{opt}</option>)}
-          </select>
-        </div>
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>关键词</label>
-          <input
-            key={editKey + '-kw'}
-            type="text"
-            defaultValue={_editState.editKeywords}
-            onChange={(e) => { _editState.editKeywords = e.target.value; }}
-            style={styles.editInput}
-            placeholder="多个关键词用 | 分隔"
-            disabled={_editState.submitting}
-          />
-        </div>
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>摘要</label>
-          <textarea
-            key={editKey + '-summary'}
-            defaultValue={_editState.editSummary}
-            onChange={(e) => { _editState.editSummary = e.target.value; }}
-            style={styles.editTextareaShort}
-            rows={3}
-            disabled={_editState.submitting}
-          />
-        </div>
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>正文（Markdown）</label>
-          <textarea
-            key={editKey + '-body'}
-            defaultValue={_editState.editBody}
-            onChange={(e) => { _editState.editBody = e.target.value; }}
-            style={styles.editTextarea}
-            rows={16}
-            disabled={_editState.submitting}
-          />
-        </div>
-        <div style={styles.editField}>
-          <label style={styles.editLabel}>修改说明（可选，便于管理员审批）</label>
-          <input
-            key={editKey + '-note'}
-            type="text"
-            defaultValue={_editState.editNote}
-            onChange={(e) => { _editState.editNote = e.target.value; }}
-            style={styles.editInput}
-            placeholder="简要说明修改了什么"
-            disabled={_editState.submitting}
-          />
-        </div>
-        <div style={styles.editHint}>提交后将由管理员审批，通过后才会更新到知识库。</div>
-      </article>
-    </main>
-  );
-}
-
-export function renderJsx() {
-  var timestamp = this.state && this.state.timestamp;
-  var body = null;
-  if (_customState.status === 'ready') {
-    body = this.renderDocument();
-  } else if (_customState.status === 'list') {
-    body = this.renderDocList();
-  } else if (_customState.status === 'error') {
-    body = this.renderError();
-  } else {
-    body = this.renderLoading();
-  }
-  return (
-    <div style={styles.page}>
-      <div style={{ display: 'none' }}>{timestamp}</div>
-      <style>{DOC_CSS}</style>
-      {this.renderHeader()}
-      {body}
-    </div>
-  );
-}
-
-var styles = {
-  page: {
-    minHeight: '100vh',
-    height: '100vh',
-    overflow: 'hidden',
-    background: '#050505',
-    color: '#f5f5f5',
-    fontFamily: '"-apple-system-body","ui-sans-serif","-apple-system","system-ui","Segoe UI","Helvetica","Arial","sans-serif"',
-  },
-  header: {
-    height: 58,
-    boxSizing: 'border-box',
-    display: 'grid',
-    gridTemplateColumns: '180px minmax(0,1fr) 220px',
-    alignItems: 'center',
-    gap: 16,
-    padding: '0 22px',
-    borderBottom: '1px solid rgba(255,255,255,0.1)',
-    background: '#050505',
-  },
-  backButton: {
-    appearance: 'none',
-    border: 0,
-    background: 'transparent',
-    color: '#f4f4f4',
-    cursor: 'pointer',
-    textAlign: 'left',
-    fontSize: 14,
-    fontWeight: 600,
-  },
-  headerTitle: {
-    minWidth: 0,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: 10,
-  },
-  logoMark: {
-    display: 'flex',
-    width: 24,
-    height: 24,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  logoIcon: {
-    width: 19,
-    height: 19,
-    display: 'block',
-  },
-  headerName: {
-    minWidth: 0,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    fontSize: 15,
-    fontWeight: 650,
-    color: '#ffffff',
-  },
-  headerActions: {
-    display: 'flex',
-    justifyContent: 'flex-end',
-    gap: 8,
-  },
-  headerButton: {
-    appearance: 'none',
-    border: '1px solid rgba(255,255,255,0.12)',
-    background: '#151515',
-    color: '#f4f4f4',
-    cursor: 'pointer',
-    borderRadius: 8,
-    height: 32,
-    padding: '0 12px',
-    fontSize: 13,
-    fontWeight: 600,
-  },
-  centerStage: {
-    height: 'calc(100vh - 58px)',
-    boxSizing: 'border-box',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 24,
-    textAlign: 'center',
-  },
-  statusEyebrow: {
-    color: '#8fc8ff',
-    fontSize: 13,
-    fontWeight: 700,
-    marginBottom: 14,
-  },
-  statusTitle: {
-    color: '#ffffff',
-    fontSize: 30,
-    lineHeight: 1.25,
-    fontWeight: 650,
-    marginBottom: 12,
-  },
-  statusText: {
-    maxWidth: 560,
-    color: '#bdbdbd',
-    fontSize: 15,
-    lineHeight: 1.75,
-  },
-  statusActions: {
-    display: 'flex',
-    gap: 10,
-    marginTop: 22,
-  },
-  primaryButton: {
-    appearance: 'none',
-    border: 0,
-    background: '#f4f4f4',
-    color: '#111',
-    cursor: 'pointer',
-    borderRadius: 10,
-    height: 38,
-    padding: '0 16px',
-    fontSize: 14,
-    fontWeight: 650,
-  },
-  secondaryButton: {
-    appearance: 'none',
-    border: '1px solid rgba(255,255,255,0.14)',
-    background: '#151515',
-    color: '#f4f4f4',
-    cursor: 'pointer',
-    borderRadius: 10,
-    height: 38,
-    padding: '0 16px',
-    fontSize: 14,
-    fontWeight: 650,
-  },
-  documentScroll: {
-    height: 'calc(100vh - 58px)',
-    overflowY: 'auto',
-    boxSizing: 'border-box',
-    padding: '56px 24px 92px',
-  },
-  article: {
-    width: 'min(820px, 100%)',
-    margin: '0 auto',
-  },
-  breadcrumb: {
-    color: '#9b9b9b',
-    fontSize: 13,
-    lineHeight: 1.5,
-    marginBottom: 18,
-  },
-  titleRow: {
-    display: 'flex',
-    alignItems: 'flex-start',
-    justifyContent: 'space-between',
-    gap: 16,
-  },
-  title: {
-    margin: 0,
-    color: '#fff',
-    fontSize: 40,
-    lineHeight: 1.18,
-    fontWeight: 700,
-    letterSpacing: 0,
-    flex: 1,
-    minWidth: 0,
-  },
-  editButton: {
-    appearance: 'none',
-    border: '1px solid rgba(0,137,255,0.35)',
-    background: 'rgba(0,137,255,0.1)',
-    color: '#9dccff',
-    cursor: 'pointer',
-    borderRadius: 8,
-    height: 36,
-    padding: '0 14px',
-    fontSize: 14,
-    fontWeight: 650,
-    whiteSpace: 'nowrap',
-    flexShrink: 0,
-    marginTop: 6,
-  },
-  contributorRow: {
-    display: 'flex',
-    alignItems: 'center',
-    flexWrap: 'wrap',
-    gap: 8,
-    marginBottom: 20,
-  },
-  contributorLabel: {
-    color: '#9b9b9b',
-    fontSize: 13,
-    fontWeight: 600,
-  },
-  contributorPill: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    height: 24,
-    borderRadius: 999,
-    background: 'rgba(76,175,80,0.14)',
-    color: '#a5d6a7',
-    padding: '0 10px',
-    fontSize: 12,
-    fontWeight: 650,
-  },
-  editActions: {
-    display: 'flex',
-    gap: 8,
-    flexShrink: 0,
-    marginTop: 6,
-  },
-  cancelButton: {
-    appearance: 'none',
-    border: '1px solid rgba(255,255,255,0.14)',
-    background: '#151515',
-    color: '#f4f4f4',
-    cursor: 'pointer',
-    borderRadius: 8,
-    height: 36,
-    padding: '0 14px',
-    fontSize: 14,
-    fontWeight: 650,
-  },
-  submitButton: {
-    appearance: 'none',
-    border: 0,
-    background: '#0089ff',
-    color: '#fff',
-    cursor: 'pointer',
-    borderRadius: 8,
-    height: 36,
-    padding: '0 16px',
-    fontSize: 14,
-    fontWeight: 650,
-  },
-  editErrorBanner: {
-    margin: '12px 0 18px',
-    padding: '10px 14px',
-    borderRadius: 8,
-    background: 'rgba(244,67,54,0.12)',
-    border: '1px solid rgba(244,67,54,0.3)',
-    color: '#ff8a80',
-    fontSize: 14,
-  },
-  editField: {
-    marginBottom: 20,
-  },
-  editLabel: {
-    display: 'block',
-    color: '#bdbdbd',
-    fontSize: 13,
-    fontWeight: 600,
-    marginBottom: 6,
-  },
-  editInput: {
-    display: 'block',
-    width: '100%',
-    boxSizing: 'border-box',
-    height: 40,
-    padding: '0 12px',
-    border: '1px solid rgba(255,255,255,0.14)',
-    borderRadius: 8,
-    background: '#101010',
-    color: '#f4f4f4',
-    fontSize: 15,
-    outline: 'none',
-  },
-  editSelect: {
-    display: 'block',
-    width: '100%',
-    boxSizing: 'border-box',
-    height: 40,
-    padding: '0 10px',
-    border: '1px solid rgba(255,255,255,0.14)',
-    borderRadius: 8,
-    background: '#101010',
-    color: '#f4f4f4',
-    fontSize: 15,
-    outline: 'none',
-  },
-  editTextareaShort: {
-    display: 'block',
-    width: '100%',
-    boxSizing: 'border-box',
-    minHeight: 80,
-    padding: '10px 12px',
-    border: '1px solid rgba(255,255,255,0.14)',
-    borderRadius: 8,
-    background: '#101010',
-    color: '#f4f4f4',
-    fontSize: 15,
-    lineHeight: 1.6,
-    resize: 'vertical',
-    outline: 'none',
-  },
-  editTextarea: {
-    display: 'block',
-    width: '100%',
-    boxSizing: 'border-box',
-    minHeight: 300,
-    padding: '12px 14px',
-    border: '1px solid rgba(255,255,255,0.14)',
-    borderRadius: 8,
-    background: '#101010',
-    color: '#f4f4f4',
-    fontSize: 15,
-    lineHeight: 1.6,
-    fontFamily: 'Menlo, Consolas, monospace',
-    resize: 'vertical',
-    outline: 'none',
-  },
-  editHint: {
-    marginTop: 8,
-    color: '#777',
-    fontSize: 13,
-  },
-  metaRow: {
-    display: 'flex',
-    alignItems: 'center',
-    flexWrap: 'wrap',
-    gap: 10,
-    marginTop: 18,
-    marginBottom: 28,
-  },
-  metaPill: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    height: 26,
-    borderRadius: 999,
-    background: 'rgba(0,137,255,0.16)',
-    color: '#aad5ff',
-    padding: '0 10px',
-    fontSize: 12,
-    fontWeight: 700,
-  },
-  metaText: {
-    color: '#a9a9a9',
-    fontSize: 13,
-  },
-  callout: {
-    display: 'grid',
-    gridTemplateColumns: '24px minmax(0,1fr)',
-    gap: 12,
-    margin: '0 0 26px',
-    padding: '15px 16px',
-    borderRadius: 8,
-    background: '#111820',
-    border: '1px solid rgba(0,137,255,0.22)',
-  },
-  calloutIcon: {
-    width: 22,
-    height: 22,
-    borderRadius: 999,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    background: '#0089ff',
-    color: '#fff',
-    fontSize: 13,
-    fontWeight: 800,
-    fontFamily: 'Georgia,serif',
-  },
-  calloutText: {
-    color: '#dcecff',
-    fontSize: 14,
-    lineHeight: 1.75,
-  },
-  keywordRow: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    gap: 8,
-    marginBottom: 30,
-  },
-  keyword: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    height: 26,
-    borderRadius: 6,
-    background: '#202020',
-    color: '#d7d7d7',
-    padding: '0 9px',
-    fontSize: 12,
-    fontWeight: 600,
-  },
-  blockNoteHost: {
-    minHeight: 220,
-    background: '#050505',
-  },
-  markdown: {
-    color: '#f4f4f4',
-  },
-  listStage: {
-    height: 'calc(100vh - 58px)',
-    overflowY: 'auto',
-    boxSizing: 'border-box',
-    padding: '60px 24px 90px',
-  },
-  listInner: {
-    width: 'min(880px, 100%)',
-    margin: '0 auto',
-  },
-  listTitle: {
-    margin: 0,
-    color: '#fff',
-    fontSize: 38,
-    lineHeight: 1.2,
-    fontWeight: 700,
-    letterSpacing: 0,
-  },
-  listSummary: {
-    margin: '14px 0 26px',
-    color: '#bdbdbd',
-    fontSize: 15,
-    lineHeight: 1.75,
-  },
-  docList: {
-    display: 'flex',
-    flexDirection: 'column',
-    gap: 10,
-  },
-  docListItem: {
-    appearance: 'none',
-    border: '1px solid rgba(255,255,255,0.11)',
-    background: '#101010',
-    color: '#f4f4f4',
-    cursor: 'pointer',
-    borderRadius: 8,
-    padding: '16px 18px',
-    textAlign: 'left',
-  },
-  docListTop: {
-    display: 'flex',
-    alignItems: 'center',
-    gap: 10,
-    marginBottom: 8,
-  },
-  docListTitle: {
-    minWidth: 0,
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    color: '#fff',
-    fontSize: 16,
-    fontWeight: 650,
-  },
-  docListType: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    height: 22,
-    borderRadius: 999,
-    background: 'rgba(0,137,255,0.14)',
-    color: '#a9d5ff',
-    padding: '0 8px',
-    fontSize: 12,
-    fontWeight: 650,
-  },
-  docListText: {
-    display: 'block',
-    color: '#bdbdbd',
-    fontSize: 13,
-    lineHeight: 1.65,
-  },
-};