[{"data":1,"prerenderedAt":1288},["ShallowReactive",2],{"navigation_docs_en":3,"dtpr-schemas-index":287,"-en-ui-html":295,"-en-ui-html-surround":1283},[4,22,26,30,102,152,174,196,226,278,283],{"title":5,"path":6,"stem":7,"children":8},"Getting started","/en/getting-started","en/1.getting-started/0.index",[9,10,14,18],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13},"MCP quickstart","/en/getting-started/mcp-quickstart","en/1.getting-started/1.mcp-quickstart",{"title":15,"path":16,"stem":17},"REST quickstart","/en/getting-started/rest-quickstart","en/1.getting-started/2.rest-quickstart",{"title":19,"path":20,"stem":21},"UI quickstart","/en/getting-started/ui-quickstart","en/1.getting-started/3.ui-quickstart",{"title":23,"path":24,"stem":25},"Attribution","/en/attribution","en/10.attribution",{"title":27,"path":28,"stem":29},"Cite DTPR for AI","/en/cite","en/11.cite",{"title":31,"path":32,"stem":33,"children":34},"MCP server","/en/mcp","en/2.mcp/0.index",[35,36,40,44,48,98],{"title":31,"path":32,"stem":33},{"title":37,"path":38,"stem":39},"Connecting","/en/mcp/connection","en/2.mcp/1.connection",{"title":41,"path":42,"stem":43},"Envelope","/en/mcp/envelope","en/2.mcp/2.envelope",{"title":45,"path":46,"stem":47},"Resources","/en/mcp/resources","en/2.mcp/3.resources",{"title":49,"path":50,"stem":51,"children":52},"Tools","/en/mcp/tools","en/2.mcp/4.tools/0.index",[53,54,58,62,66,70,74,78,82,86,90,94],{"title":49,"path":50,"stem":51},{"title":55,"path":56,"stem":57},"list_schema_versions","/en/mcp/tools/list-schema-versions","en/2.mcp/4.tools/1.list-schema-versions",{"title":59,"path":60,"stem":61},"MCP tool: resolve_datachain","/en/mcp/tools/resolve-datachain","en/2.mcp/4.tools/10.resolve-datachain",{"title":63,"path":64,"stem":65},"MCP tool: validate_resolved","/en/mcp/tools/validate-resolved","en/2.mcp/4.tools/11.validate-resolved",{"title":67,"path":68,"stem":69},"get_schema","/en/mcp/tools/get-schema","en/2.mcp/4.tools/2.get-schema",{"title":71,"path":72,"stem":73},"list_categories","/en/mcp/tools/list-categories","en/2.mcp/4.tools/3.list-categories",{"title":75,"path":76,"stem":77},"list_elements","/en/mcp/tools/list-elements","en/2.mcp/4.tools/4.list-elements",{"title":79,"path":80,"stem":81},"get_element","/en/mcp/tools/get-element","en/2.mcp/4.tools/5.get-element",{"title":83,"path":84,"stem":85},"get_elements","/en/mcp/tools/get-elements","en/2.mcp/4.tools/6.get-elements",{"title":87,"path":88,"stem":89},"validate_datachain","/en/mcp/tools/validate-datachain","en/2.mcp/4.tools/7.validate-datachain",{"title":91,"path":92,"stem":93},"render_datachain","/en/mcp/tools/render-datachain","en/2.mcp/4.tools/8.render-datachain",{"title":95,"path":96,"stem":97},"get_icon_url","/en/mcp/tools/get-icon-url","en/2.mcp/4.tools/9.get-icon-url",{"title":99,"path":100,"stem":101},"Prompts","/en/mcp/prompts","en/2.mcp/5.prompts",{"title":103,"path":104,"stem":105,"children":106},"REST API (v2)","/en/rest","en/3.rest/0.index",[107,108,112,116,120,124,128,132,136,140,144,148],{"title":103,"path":104,"stem":105},{"title":109,"path":110,"stem":111},"GET /schemas","/en/rest/schemas","en/3.rest/1.schemas",{"title":113,"path":114,"stem":115},"POST /schemas/:version/resolve","/en/rest/resolve","en/3.rest/10.resolve",{"title":117,"path":118,"stem":119},"POST /schemas/:version/validate_resolved","/en/rest/validate-resolved","en/3.rest/11.validate-resolved",{"title":121,"path":122,"stem":123},"GET /schemas/:version/manifest","/en/rest/manifest","en/3.rest/2.manifest",{"title":125,"path":126,"stem":127},"GET /schemas/:version/categories","/en/rest/categories","en/3.rest/3.categories",{"title":129,"path":130,"stem":131},"GET /schemas/:version/elements","/en/rest/elements-list","en/3.rest/4.elements-list",{"title":133,"path":134,"stem":135},"GET /schemas/:version/elements/:element_id","/en/rest/element-detail","en/3.rest/5.element-detail",{"title":137,"path":138,"stem":139},"POST /schemas/:version/validate","/en/rest/validate","en/3.rest/6.validate",{"title":141,"path":142,"stem":143},"Icon routes","/en/rest/icons","en/3.rest/7.icons",{"title":145,"path":146,"stem":147},"Pagination & fields","/en/rest/pagination-and-fields","en/3.rest/8.pagination-and-fields",{"title":149,"path":150,"stem":151},"Errors","/en/rest/errors","en/3.rest/9.errors",{"title":153,"path":154,"stem":155,"children":156},"Icon composition","/en/icons","en/4.icons/0.index",[157,158,162,166,170],{"title":153,"path":154,"stem":155},{"title":159,"path":160,"stem":161},"Shapes","/en/icons/shapes","en/4.icons/1.shapes",{"title":163,"path":164,"stem":165},"Symbols","/en/icons/symbols","en/4.icons/2.symbols",{"title":167,"path":168,"stem":169},"Composed variants","/en/icons/composed-variants","en/4.icons/3.composed-variants",{"title":171,"path":172,"stem":173},"URLs","/en/icons/urls","en/4.icons/4.urls",{"title":175,"path":176,"stem":177,"children":178},"@dtpr/ui","/en/ui","en/5.ui/0.index",[179,180,184,188,192],{"title":175,"path":176,"stem":177},{"title":181,"path":182,"stem":183},"@dtpr/ui/core","/en/ui/core","en/5.ui/1.core",{"title":185,"path":186,"stem":187},"@dtpr/ui/vue","/en/ui/vue","en/5.ui/2.vue",{"title":189,"path":190,"stem":191},"@dtpr/ui/html","/en/ui/html","en/5.ui/3.html",{"title":193,"path":194,"stem":195},"Theming","/en/ui/theming","en/5.ui/4.theming",{"title":197,"path":198,"stem":199,"children":200},"Concepts","/en/concepts","en/6.concepts/0.index",[201,202,206,210,214,218,222],{"title":197,"path":198,"stem":199},{"title":203,"path":204,"stem":205},"Datachains","/en/concepts/datachains","en/6.concepts/1.datachains",{"title":207,"path":208,"stem":209},"Elements & categories","/en/concepts/elements-categories","en/6.concepts/2.elements-categories",{"title":211,"path":212,"stem":213},"Versions & releases","/en/concepts/versions-and-releases","en/6.concepts/3.versions-and-releases",{"title":215,"path":216,"stem":217},"Content hash","/en/concepts/content-hash","en/6.concepts/4.content-hash",{"title":219,"path":220,"stem":221},"Shape contract","/en/concepts/shape-contract","en/6.concepts/5.shape-contract",{"title":223,"path":224,"stem":225},"Subchains","/en/concepts/subchains","en/6.concepts/6.subchains",{"title":227,"path":228,"stem":229,"children":230},"Claude plugin","/en/plugin","en/7.plugin/0.index",[231,232,236,270,274],{"title":227,"path":228,"stem":229},{"title":233,"path":234,"stem":235},"Install","/en/plugin/install","en/7.plugin/1.install",{"title":237,"path":238,"stem":239,"children":240},"Skills","/en/plugin/skills","en/7.plugin/2.skills/0.index",[241,242,246,250,254,258,262,266],{"title":237,"path":238,"stem":239},{"title":243,"path":244,"stem":245},"dtpr-describe-system","/en/plugin/skills/describe-system","en/7.plugin/2.skills/1.describe-system",{"title":247,"path":248,"stem":249},"dtpr-datachain-structure","/en/plugin/skills/datachain-structure","en/7.plugin/2.skills/2.datachain-structure",{"title":251,"path":252,"stem":253},"dtpr-category-audit","/en/plugin/skills/category-audit","en/7.plugin/2.skills/3.category-audit",{"title":255,"path":256,"stem":257},"dtpr-element-design","/en/plugin/skills/element-design","en/7.plugin/2.skills/4.element-design",{"title":259,"path":260,"stem":261},"dtpr-symbol-design","/en/plugin/skills/symbol-design","en/7.plugin/2.skills/5.symbol-design",{"title":263,"path":264,"stem":265},"dtpr-translate","/en/plugin/skills/translate","en/7.plugin/2.skills/6.translate",{"title":267,"path":268,"stem":269},"dtpr-comprehension-audit","/en/plugin/skills/comprehension-audit","en/7.plugin/2.skills/7.comprehension-audit",{"title":271,"path":272,"stem":273},"Research corpus","/en/plugin/research-corpus","en/7.plugin/3.research-corpus",{"title":275,"path":276,"stem":277},"Comprehension rubric","/en/plugin/comprehension-rubric","en/7.plugin/4.comprehension-rubric",{"title":49,"path":279,"stem":280,"children":281},"/en/tools","en/8.tools/0.index",[282],{"title":49,"path":279,"stem":280},{"title":284,"path":285,"stem":286},"Changelog","/en/changelog","en/9.changelog",{"ok":288,"versions":289},true,[290],{"id":291,"status":292,"created_at":293,"content_hash":294},"ai@2026-05-06-beta","beta","2026-05-06T20:23:42.963Z","sha256-2d208111b0c597ff2b38cb1c24168799b0a5ff9290203ebf46c4f7c16a0fcb24",{"id":296,"title":189,"body":297,"description":1277,"extension":1278,"links":1279,"meta":1280,"navigation":288,"path":190,"seo":1281,"stem":191,"__hash__":1282},"docs_en/en/5.ui/3.html.md",{"type":298,"value":299,"toc":1264},"minimark",[300,313,318,397,412,416,423,428,500,504,610,614,620,624,680,696,700,709,737,744,748,755,1120,1132,1136,1214,1225,1229,1260],[301,302,304,305,312],"callout",{"type":303},"info","SSR the same Vue components as an iframe-renderable HTML document. Used by the MCP server's ",[306,307,309],"a",{"href":308},"/mcp/tools/render-datachain",[310,311,91],"code",{}," tool.",[314,315,317],"h2",{"id":316},"import","Import",[319,320,325],"pre",{"className":321,"code":322,"language":323,"meta":324,"style":324},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { renderDatachainDocument, trustAsHtml } from '@dtpr/ui/html'\nimport type { RenderedSection, RenderDatachainOptions, SafeHtml } from '@dtpr/ui/html'\n","ts","",[310,326,327,364],{"__ignoreMap":324},[328,329,332,335,339,343,346,349,352,355,358,361],"span",{"class":330,"line":331},"line",1,[328,333,316],{"class":334},"s7zQu",[328,336,338],{"class":337},"sMK4o"," {",[328,340,342],{"class":341},"sTEyZ"," renderDatachainDocument",[328,344,345],{"class":337},",",[328,347,348],{"class":341}," trustAsHtml",[328,350,351],{"class":337}," }",[328,353,354],{"class":334}," from",[328,356,357],{"class":337}," '",[328,359,189],{"class":360},"sfazB",[328,362,363],{"class":337},"'\n",[328,365,367,369,372,374,377,379,382,384,387,389,391,393,395],{"class":330,"line":366},2,[328,368,316],{"class":334},[328,370,371],{"class":334}," type",[328,373,338],{"class":337},[328,375,376],{"class":341}," RenderedSection",[328,378,345],{"class":337},[328,380,381],{"class":341}," RenderDatachainOptions",[328,383,345],{"class":337},[328,385,386],{"class":341}," SafeHtml",[328,388,351],{"class":337},[328,390,354],{"class":334},[328,392,357],{"class":337},[328,394,189],{"class":360},[328,396,363],{"class":337},[398,399,400,401,404,405,407,408,411],"p",{},"Requires ",[310,402,403],{},"@vue/server-renderer"," (installed as a direct dep of ",[310,406,175],{},"). Runs in any Node-compatible runtime — Node, Bun, Cloudflare Workers (via ",[310,409,410],{},"nodejs_compat",").",[314,413,415],{"id":414},"renderdatachaindocument","renderDatachainDocument",[398,417,418,419,422],{},"Render a complete standalone HTML document — ",[310,420,421],{},"\u003C!doctype html>",", embedded stylesheet, SSR'd body, and a tiny client-side accordion script.",[424,425,427],"h3",{"id":426},"signature","Signature",[319,429,431],{"className":321,"code":430,"language":323,"meta":324,"style":324},"async function renderDatachainDocument(\n  sections: readonly RenderedSection[],\n  options?: RenderDatachainOptions,\n): Promise\u003Cstring>\n",[310,432,433,448,469,482],{"__ignoreMap":324},[328,434,435,439,442,445],{"class":330,"line":331},[328,436,438],{"class":437},"spNyl","async",[328,440,441],{"class":437}," function",[328,443,342],{"class":444},"s2Zo4",[328,446,447],{"class":337},"(\n",[328,449,450,454,457,460,463,466],{"class":330,"line":366},[328,451,453],{"class":452},"sHdIc","  sections",[328,455,456],{"class":337},":",[328,458,459],{"class":437}," readonly",[328,461,376],{"class":462},"sBMFI",[328,464,465],{"class":341},"[]",[328,467,468],{"class":337},",\n",[328,470,472,475,478,480],{"class":330,"line":471},3,[328,473,474],{"class":452},"  options",[328,476,477],{"class":337},"?:",[328,479,381],{"class":462},[328,481,468],{"class":337},[328,483,485,488,491,494,497],{"class":330,"line":484},4,[328,486,487],{"class":337},"):",[328,489,490],{"class":462}," Promise",[328,492,493],{"class":337},"\u003C",[328,495,496],{"class":462},"string",[328,498,499],{"class":337},">\n",[424,501,503],{"id":502},"parameters","Parameters",[505,506,507,523],"table",{},[508,509,510],"thead",{},[511,512,513,517,520],"tr",{},[514,515,516],"th",{},"Param",[514,518,519],{},"Type",[514,521,522],{},"Description",[524,525,526,542,568,588],"tbody",{},[511,527,528,534,539],{},[529,530,531],"td",{},[310,532,533],{},"sections",[529,535,536],{},[310,537,538],{},"readonly RenderedSection[]",[529,540,541],{},"Ordered list of sections with their element displays.",[511,543,544,549,558],{},[529,545,546],{},[310,547,548],{},"options.locale",[529,550,551,553,554,557],{},[310,552,496],{}," (default ",[310,555,556],{},"'en'",")",[529,559,560,563,564,567],{},[310,561,562],{},"\u003Chtml lang>"," and the locale used by ",[310,565,566],{},"Intl"," formatting inside element detail.",[511,569,570,575,582],{},[529,571,572],{},[310,573,574],{},"options.title",[529,576,577,553,579,557],{},[310,578,496],{},[310,580,581],{},"'DTPR datachain'",[529,583,584,587],{},[310,585,586],{},"\u003Ctitle>"," text.",[511,589,590,595,600],{},[529,591,592],{},[310,593,594],{},"options.emptyHtml",[529,596,597],{},[310,598,599],{},"SafeHtml",[529,601,602,603,605,606,609],{},"Trusted HTML inserted when ",[310,604,533],{}," is empty. Declare trust via ",[310,607,608],{},"trustAsHtml(...)",".",[424,611,613],{"id":612},"returns","Returns",[398,615,616,619],{},[310,617,618],{},"Promise\u003Cstring>"," — a complete HTML document.",[424,621,623],{"id":622},"renderedsection","RenderedSection",[319,625,627],{"className":321,"code":626,"language":323,"meta":324,"style":324},"interface RenderedSection {\n  id: string\n  title: string\n  elements: readonly ElementDisplay[]\n}\n",[310,628,629,639,650,659,674],{"__ignoreMap":324},[328,630,631,634,636],{"class":330,"line":331},[328,632,633],{"class":437},"interface",[328,635,376],{"class":462},[328,637,638],{"class":337}," {\n",[328,640,641,645,647],{"class":330,"line":366},[328,642,644],{"class":643},"swJcz","  id",[328,646,456],{"class":337},[328,648,649],{"class":462}," string\n",[328,651,652,655,657],{"class":330,"line":471},[328,653,654],{"class":643},"  title",[328,656,456],{"class":337},[328,658,649],{"class":462},[328,660,661,664,666,668,671],{"class":330,"line":484},[328,662,663],{"class":643},"  elements",[328,665,456],{"class":337},[328,667,459],{"class":437},[328,669,670],{"class":462}," ElementDisplay",[328,672,673],{"class":341},"[]\n",[328,675,677],{"class":330,"line":676},5,[328,678,679],{"class":337},"}\n",[398,681,682,683,686,687,690,691,609],{},"Produce ",[310,684,685],{},"elements"," by running each element through ",[310,688,689],{},"deriveElementDisplay"," from ",[306,692,694],{"href":693},"/ui/core",[310,695,181],{},[314,697,699],{"id":698},"trustashtml","trustAsHtml",[398,701,702,703,705,706,708],{},"Brand a string as ",[310,704,599],{}," so it can be passed to ",[310,707,594],{},". The brand is a phantom type — there is no runtime sanitization.",[319,710,712],{"className":321,"code":711,"language":323,"meta":324,"style":324},"function trustAsHtml(html: string): SafeHtml\n",[310,713,714],{"__ignoreMap":324},[328,715,716,719,721,724,727,729,732,734],{"class":330,"line":331},[328,717,718],{"class":437},"function",[328,720,348],{"class":444},[328,722,723],{"class":337},"(",[328,725,726],{"class":452},"html",[328,728,456],{"class":337},[328,730,731],{"class":462}," string",[328,733,487],{"class":337},[328,735,736],{"class":462}," SafeHtml\n",[301,738,740,741,743],{"type":739},"warning","Only call ",[310,742,699],{}," on content you have sanitized (DOMPurify, etc.) or strings you control (static constants, generated markup from trusted sources). Do not wrap raw user input.",[314,745,747],{"id":746},"mcp-apps-example","MCP Apps example",[398,749,750,751,754],{},"The produced HTML is served with the ",[310,752,753],{},"text/html;profile=mcp-app"," mime type (SEP-1865):",[319,756,758],{"className":321,"code":757,"language":323,"meta":324,"style":324},"import { renderDatachainDocument } from '@dtpr/ui/html'\nimport { deriveElementDisplay } from '@dtpr/ui/core'\n\nconst sections = categories.map((c) => ({\n  id: c.id,\n  title: extractWithLocale(c.name, 'en').value,\n  elements: instance.elements\n    .filter((p) => elementById.get(p.element_id)?.category_id === c.id)\n    .map((p) => deriveElementDisplay(elementById.get(p.element_id)!, p, 'en')),\n}))\n\nconst html = await renderDatachainDocument(sections, { locale: 'en' })\n\nreturn new Response(html, {\n  headers: { 'content-type': 'text/html;profile=mcp-app' },\n})\n",[310,759,760,778,797,802,839,855,892,907,958,1009,1018,1023,1061,1066,1085,1113],{"__ignoreMap":324},[328,761,762,764,766,768,770,772,774,776],{"class":330,"line":331},[328,763,316],{"class":334},[328,765,338],{"class":337},[328,767,342],{"class":341},[328,769,351],{"class":337},[328,771,354],{"class":334},[328,773,357],{"class":337},[328,775,189],{"class":360},[328,777,363],{"class":337},[328,779,780,782,784,787,789,791,793,795],{"class":330,"line":366},[328,781,316],{"class":334},[328,783,338],{"class":337},[328,785,786],{"class":341}," deriveElementDisplay",[328,788,351],{"class":337},[328,790,354],{"class":334},[328,792,357],{"class":337},[328,794,181],{"class":360},[328,796,363],{"class":337},[328,798,799],{"class":330,"line":471},[328,800,801],{"emptyLinePlaceholder":288},"\n",[328,803,804,807,810,813,816,818,821,823,825,828,830,833,836],{"class":330,"line":484},[328,805,806],{"class":437},"const",[328,808,809],{"class":341}," sections ",[328,811,812],{"class":337},"=",[328,814,815],{"class":341}," categories",[328,817,609],{"class":337},[328,819,820],{"class":444},"map",[328,822,723],{"class":341},[328,824,723],{"class":337},[328,826,827],{"class":452},"c",[328,829,557],{"class":337},[328,831,832],{"class":437}," =>",[328,834,835],{"class":341}," (",[328,837,838],{"class":337},"{\n",[328,840,841,843,845,848,850,853],{"class":330,"line":676},[328,842,644],{"class":643},[328,844,456],{"class":337},[328,846,847],{"class":341}," c",[328,849,609],{"class":337},[328,851,852],{"class":341},"id",[328,854,468],{"class":337},[328,856,858,860,862,865,868,870,873,875,877,880,883,885,887,890],{"class":330,"line":857},6,[328,859,654],{"class":643},[328,861,456],{"class":337},[328,863,864],{"class":444}," extractWithLocale",[328,866,867],{"class":341},"(c",[328,869,609],{"class":337},[328,871,872],{"class":341},"name",[328,874,345],{"class":337},[328,876,357],{"class":337},[328,878,879],{"class":360},"en",[328,881,882],{"class":337},"'",[328,884,557],{"class":341},[328,886,609],{"class":337},[328,888,889],{"class":341},"value",[328,891,468],{"class":337},[328,893,895,897,899,902,904],{"class":330,"line":894},7,[328,896,663],{"class":643},[328,898,456],{"class":337},[328,900,901],{"class":341}," instance",[328,903,609],{"class":337},[328,905,906],{"class":341},"elements\n",[328,908,910,913,916,918,920,922,924,926,929,931,934,937,939,942,945,948,951,953,955],{"class":330,"line":909},8,[328,911,912],{"class":337},"    .",[328,914,915],{"class":444},"filter",[328,917,723],{"class":341},[328,919,723],{"class":337},[328,921,398],{"class":452},[328,923,557],{"class":337},[328,925,832],{"class":437},[328,927,928],{"class":341}," elementById",[328,930,609],{"class":337},[328,932,933],{"class":444},"get",[328,935,936],{"class":341},"(p",[328,938,609],{"class":337},[328,940,941],{"class":341},"element_id)",[328,943,944],{"class":337},"?.",[328,946,947],{"class":341},"category_id ",[328,949,950],{"class":337},"===",[328,952,847],{"class":341},[328,954,609],{"class":337},[328,956,957],{"class":341},"id)\n",[328,959,961,963,965,967,969,971,973,975,977,980,982,984,986,988,990,993,996,998,1000,1002,1004,1007],{"class":330,"line":960},9,[328,962,912],{"class":337},[328,964,820],{"class":444},[328,966,723],{"class":341},[328,968,723],{"class":337},[328,970,398],{"class":452},[328,972,557],{"class":337},[328,974,832],{"class":437},[328,976,786],{"class":444},[328,978,979],{"class":341},"(elementById",[328,981,609],{"class":337},[328,983,933],{"class":444},[328,985,936],{"class":341},[328,987,609],{"class":337},[328,989,941],{"class":341},[328,991,992],{"class":337},"!,",[328,994,995],{"class":341}," p",[328,997,345],{"class":337},[328,999,357],{"class":337},[328,1001,879],{"class":360},[328,1003,882],{"class":337},[328,1005,1006],{"class":341},"))",[328,1008,468],{"class":337},[328,1010,1012,1015],{"class":330,"line":1011},10,[328,1013,1014],{"class":337},"}",[328,1016,1017],{"class":341},"))\n",[328,1019,1021],{"class":330,"line":1020},11,[328,1022,801],{"emptyLinePlaceholder":288},[328,1024,1026,1028,1031,1033,1036,1038,1041,1043,1045,1048,1050,1052,1054,1056,1058],{"class":330,"line":1025},12,[328,1027,806],{"class":437},[328,1029,1030],{"class":341}," html ",[328,1032,812],{"class":337},[328,1034,1035],{"class":334}," await",[328,1037,342],{"class":444},[328,1039,1040],{"class":341},"(sections",[328,1042,345],{"class":337},[328,1044,338],{"class":337},[328,1046,1047],{"class":643}," locale",[328,1049,456],{"class":337},[328,1051,357],{"class":337},[328,1053,879],{"class":360},[328,1055,882],{"class":337},[328,1057,351],{"class":337},[328,1059,1060],{"class":341},")\n",[328,1062,1064],{"class":330,"line":1063},13,[328,1065,801],{"emptyLinePlaceholder":288},[328,1067,1069,1072,1075,1078,1081,1083],{"class":330,"line":1068},14,[328,1070,1071],{"class":334},"return",[328,1073,1074],{"class":337}," new",[328,1076,1077],{"class":444}," Response",[328,1079,1080],{"class":341},"(html",[328,1082,345],{"class":337},[328,1084,638],{"class":337},[328,1086,1088,1091,1093,1095,1097,1100,1102,1104,1106,1108,1110],{"class":330,"line":1087},15,[328,1089,1090],{"class":643},"  headers",[328,1092,456],{"class":337},[328,1094,338],{"class":337},[328,1096,357],{"class":337},[328,1098,1099],{"class":643},"content-type",[328,1101,882],{"class":337},[328,1103,456],{"class":337},[328,1105,357],{"class":337},[328,1107,753],{"class":360},[328,1109,882],{"class":337},[328,1111,1112],{"class":337}," },\n",[328,1114,1116,1118],{"class":330,"line":1115},16,[328,1117,1014],{"class":337},[328,1119,1060],{"class":341},[398,1121,1122,1123,1127,1128,1131],{},"This is exactly how ",[306,1124,1125],{"href":308},[310,1126,91],{}," produces the body that ",[310,1129,1130],{},"resources/read"," returns.",[314,1133,1135],{"id":1134},"empty-state","Empty state",[319,1137,1139],{"className":321,"code":1138,"language":323,"meta":324,"style":324},"import { renderDatachainDocument, trustAsHtml } from '@dtpr/ui/html'\n\nconst html = await renderDatachainDocument([], {\n  emptyHtml: trustAsHtml('\u003Cp>No datachain to display.\u003C/p>'),\n})\n",[310,1140,1141,1163,1167,1186,1208],{"__ignoreMap":324},[328,1142,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161],{"class":330,"line":331},[328,1144,316],{"class":334},[328,1146,338],{"class":337},[328,1148,342],{"class":341},[328,1150,345],{"class":337},[328,1152,348],{"class":341},[328,1154,351],{"class":337},[328,1156,354],{"class":334},[328,1158,357],{"class":337},[328,1160,189],{"class":360},[328,1162,363],{"class":337},[328,1164,1165],{"class":330,"line":366},[328,1166,801],{"emptyLinePlaceholder":288},[328,1168,1169,1171,1173,1175,1177,1179,1182,1184],{"class":330,"line":471},[328,1170,806],{"class":437},[328,1172,1030],{"class":341},[328,1174,812],{"class":337},[328,1176,1035],{"class":334},[328,1178,342],{"class":444},[328,1180,1181],{"class":341},"([]",[328,1183,345],{"class":337},[328,1185,638],{"class":337},[328,1187,1188,1191,1193,1195,1197,1199,1202,1204,1206],{"class":330,"line":484},[328,1189,1190],{"class":643},"  emptyHtml",[328,1192,456],{"class":337},[328,1194,348],{"class":444},[328,1196,723],{"class":341},[328,1198,882],{"class":337},[328,1200,1201],{"class":360},"\u003Cp>No datachain to display.\u003C/p>",[328,1203,882],{"class":337},[328,1205,557],{"class":341},[328,1207,468],{"class":337},[328,1209,1210,1212],{"class":330,"line":676},[328,1211,1014],{"class":337},[328,1213,1060],{"class":341},[398,1215,1216,1217,1220,1221,1224],{},"Omit ",[310,1218,1219],{},"emptyHtml"," to get a neutral ",[310,1222,1223],{},"\u003Cp class=\"dtpr-empty\" role=\"status\">"," placeholder.",[314,1226,1228],{"id":1227},"see-also","See also",[1230,1231,1232,1240,1246,1254],"ul",{},[1233,1234,1235],"li",{},[306,1236,1237,1238],{"href":308},"MCP ",[310,1239,91],{},[1233,1241,1242],{},[306,1243,1245],{"href":1244},"/mcp/resources","MCP resources",[1233,1247,1248,1251,1252,609],{},[306,1249,1250],{"href":693},"Core"," — ",[310,1253,689],{},[1233,1255,1256],{},[306,1257,1259],{"href":1258},"/ui/vue","Vue components",[1261,1262,1263],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}",{"title":324,"searchDepth":366,"depth":366,"links":1265},[1266,1267,1273,1274,1275,1276],{"id":316,"depth":366,"text":317},{"id":414,"depth":366,"text":415,"children":1268},[1269,1270,1271,1272],{"id":426,"depth":471,"text":427},{"id":502,"depth":471,"text":503},{"id":612,"depth":471,"text":613},{"id":622,"depth":471,"text":623},{"id":698,"depth":366,"text":699},{"id":746,"depth":366,"text":747},{"id":1134,"depth":366,"text":1135},{"id":1227,"depth":366,"text":1228},"Server-side rendering of datachains as standalone HTML documents for MCP Apps.","md",null,{},{"title":189,"description":1277},"znwP_xfoQYDuq4CEcRvxj776ZmFNWXdxXxHzWNC_EBM",[1284,1286],{"title":185,"path":186,"stem":187,"description":1285,"children":-1},"Six Vue 3 components for rendering DTPR datachains.",{"title":193,"path":194,"stem":195,"description":1287,"children":-1},"The dtpr cascade layer and the CSS custom properties used by @dtpr/ui/vue.",1779049694362]