d docs

import%20marimo%0A%0A__generated_with%20%3D%20%220.18.4%22%0Aapp%20%3D%20marimo.App(%0A%20%20%20%20width%3D%22full%22%2C%0A%20%20%20%20css_file%3D%22styles.css%22%2C%0A%20%20%20%20html_head_file%3D%22mike.html%22%2C%0A)%0A%0Awith%20app.setup%3A%0A%20%20%20%20from%20a_core%20import%20Kind%2C%20Param%2C%20Node%2C%20Config%2C%20read_config%0A%20%20%20%20from%20b_read%20import%20scan%2C%20nb_name%2C%20read_meta%0A%20%20%20%20from%20pathlib%20import%20Path%0A%20%20%20%20import%20ast%2C%20re%2C%20os%0A%20%20%20%20import%20marimo%20as%20mo%0A%20%20%20%20from%20functools%20import%20partial%0A%0A%20%20%20%20from%20fastcore.xml%20import%20Span%2C%20Code%2C%20Li%2C%20Article%2C%20Div%2C%20Ul%2C%20P%2C%20FT%2C%20to_xml%2C%20Pre%2C%20Link%2C%20A%2C%20Iframe%2C%20Button%2C%20H1%2C%20H2%2C%20H3%2C%20Nav%2C%20Aside%2C%20Header%2C%20Input%2C%20NotStr%2C%20Strong%2C%20Main%0A%20%20%20%20from%20fasthtml.components%20import%20ft%2C%20Html%2C%20Head%2C%20Script%2C%20Body%2C%20show%2C%20Style%2C%20Title%0A%0A%20%20%20%20def%20_repr_html_(self)%3A%0A%20%20%20%20%20%20%20%20return%20str(to_xml(self))%0A%0A%20%20%20%20FT._repr_html_%20%3D%20_repr_html_%0A%0A%0A%40app.function%0Adef%20cls_sig(%0A%20%20%20%20n%3ANode%2C%20%20%20%20%20%20%20%20%20%20%20%23%20the%20node%20to%20generate%20signature%20for%0A%20%20%20%20dataclass%3DFalse%2C%20%20%23%20whether%20to%20include%20%40dataclass%20decorator%0A)-%3Estr%3A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%20formatted%20class%20signature%0A%20%20%20%20%22Generate%20a%20class%20signature%20string.%22%0A%20%20%20%20header%20%3D%20f%22%40dataclass%5Cnclass%20%7Bn.name%7D%3A%22%20if%20dataclass%20else%20f%22class%20%7Bn.name%7D%3A%22%0A%20%20%20%20lines%20%3D%20%5Bheader%5D%0A%20%20%20%20if%20n.doc%3A%20lines.append(f'%20%20%20%20%22%22%22%7Bn.doc%7D%22%22%22')%0A%20%20%20%20for%20p%20in%20n.params%3A%0A%20%20%20%20%20%20%20%20attr%20%3D%20f%22%20%20%20%20%7Bp.name%7D%7Bf'%3A%20%7Bp.anno%7D'%20if%20p.anno%20else%20''%7D%7Bf'%20%3D%20%7Bp.default%7D'%20if%20p.default%20else%20''%7D%22%0A%20%20%20%20%20%20%20%20if%20p.doc%3A%20attr%20%2B%3D%20f%22%20%20%23%20%7Bp.doc%7D%22%0A%20%20%20%20%20%20%20%20lines.append(attr)%0A%20%20%20%20for%20m%20in%20n.methods%3A%0A%20%20%20%20%20%20%20%20ps%20%3D%20'%2C%20'.join(f%22%7Bp.name%7D%7Bf'%3A%20%7Bp.anno%7D'%20if%20p.anno%20else%20''%7D%7Bf'%3D%7Bp.default%7D'%20if%20p.default%20else%20''%7D%22%20for%20p%20in%20m%5B'params'%5D)%0A%20%20%20%20%20%20%20%20ret%20%3D%20f%22%20-%3E%20%7Bm%5B'ret'%5D%5B0%5D%7D%22%20if%20m%5B'ret'%5D%20else%20%22%22%0A%20%20%20%20%20%20%20%20lines.append(f%22%20%20%20%20def%20%7Bm%5B'name'%5D%7D(%7Bps%7D)%7Bret%7D%3A%22)%0A%20%20%20%20%20%20%20%20if%20m%5B'doc'%5D%3A%20lines.append(f'%20%20%20%20%20%20%20%20%22%22%22%7Bm%5B%22doc%22%5D%7D%22%22%22')%0A%20%20%20%20return%20'%5Cn'.join(lines)%0A%0A%0A%40app.function%0Adef%20fn_sig(n%2C%20is_async%3DFalse)%3A%0A%20%20%20%20%22Generate%20a%20function%20signature%20string%20with%20inline%20parameter%20documentation.%22%0A%20%20%20%20prefix%20%3D%20'async%20def'%20if%20is_async%20else%20'def'%0A%20%20%20%20ret%20%3D%20f%22%20-%3E%20%7Bn.ret%5B0%5D%7D%22%20if%20n.ret%20else%20%22%22%0A%20%20%20%20if%20not%20n.params%3A%0A%20%20%20%20%20%20%20%20sig%20%3D%20f%22%7Bprefix%7D%20%7Bn.name%7D()%7Bret%7D%3A%22%0A%20%20%20%20%20%20%20%20return%20f'%7Bsig%7D%5Cn%20%20%20%20%22%22%22%7Bn.doc%7D%22%22%22'%20if%20n.doc%20else%20sig%0A%20%20%20%20params%20%3D%20%5Bf%22%20%20%20%20%7Bp.name%7D%7Bf'%3A%20%7Bp.anno%7D'%20if%20p.anno%20else%20''%7D%7Bf'%3D%7Bp.default%7D'%20if%20p.default%20else%20''%7D%2C%7Bf'%20%20%23%20%7Bp.doc%7D'%20if%20p.doc%20else%20''%7D%22%20for%20p%20in%20n.params%5D%0A%20%20%20%20params%5B-1%5D%20%3D%20params%5B-1%5D.replace('%2C'%2C%20'')%0A%20%20%20%20lines%20%3D%20%5Bf%22%7Bprefix%7D%20%7Bn.name%7D(%22%5D%20%2B%20params%20%2B%20%5Bf%22)%7Bret%7D%3A%22%5D%0A%20%20%20%20if%20n.doc%3A%20lines.append(f'%20%20%20%20%22%22%22%7Bn.doc%7D%22%22%22')%0A%20%20%20%20return%20'%5Cn'.join(lines)%0A%0A%0A%40app.function%0Adef%20sig(%0A%20%20%20%20n%3ANode%2C%20%23%20the%20node%20to%20generate%20signature%20for%0A)-%3Estr%3A%20%20%20%20%20%23%20formatted%20signature%20string%0A%20%20%20%20%22Generate%20a%20signature%20string%20for%20a%20class%20or%20function%20node.%22%0A%20%20%20%20t%20%3D%20exp_type(n)%0A%20%20%20%20if%20t%20%3D%3D%20'class'%3A%20return%20cls_sig(n%2C%20dataclass%3Dn.src.lstrip().startswith('%40dataclass'))%0A%20%20%20%20return%20fn_sig(n%2C%20is_async%3Dt%20%3D%3D%20'async')%0A%0A%0A%40app.function%0Adef%20write_llms(%0A%20%20%20%20meta%3A%20dict%2C%20%20%20%20%23%20project%20metadata%20from%20pyproject.toml%0A%20%20%20%20nodes%3A%20list%2C%20%20%20%23%20list%20of%20Node%20objects%20to%20document%0A%20%20%20%20root%3A%20str%3D'.'%20%20%23%20root%20directory%20containing%20pyproject.toml%0A)%3A%0A%20%20%20%20%22Write%20API%20signatures%20to%20llms.txt%20file%20for%20LLM%20consumption.%22%0A%20%20%20%20cfg%20%3D%20read_config(root)%0A%20%20%20%20sigs%20%3D%20'%5Cn%5Cn'.join(sig(n)%20for%20n%20in%20nodes%20if%20not%20n.name.startswith('__')%20and%20'nodoc'%20not%20in%20n.hash_pipes)%0A%20%20%20%20content%20%3D%20f%22%23%20%7Bmeta%5B'name'%5D%7D%5Cn%5Cn%3E%20%7Bmeta%5B'desc'%5D%7D%5Cn%5CnVersion%3A%20%7Bmeta%5B'version'%5D%7D%5Cn%5Cn%23%23%20API%5Cn%5Cn%60%60%60python%5Cn%7Bsigs%7D%5Cn%60%60%60%22%0A%20%20%20%20Path(cfg.docs).mkdir(exist_ok%3DTrue)%0A%20%20%20%20(Path(cfg.docs)%2F'llms.txt').write_text(content)%0A%0A%0A%40app.function%0Adef%20exp_type(n)%3A%0A%20%20%20%20if%20n.methods%20or%20'class%20'%20in%20n.src%3A%20return%20'class'%0A%20%20%20%20if%20n.src.lstrip().startswith('async%20def')%3A%20return%20'async'%0A%20%20%20%20return%20'func'%0A%0A%0A%40app.function%0Adef%20render_param(p)%3A%0A%20%20%20%20parts%20%3D%20%5BCode(p.name)%5D%0A%20%20%20%20if%20p.anno%3A%20parts.append(Span(f%22%3A%20%7Bp.anno%7D%22%2C%20style%3D%22color%3A%20%23666%3B%22))%0A%20%20%20%20if%20p.default%3A%20parts.append(Span(f%22%20%3D%20%7Bp.default%7D%22%2C%20style%3D%22color%3A%20%23888%3B%22))%0A%20%20%20%20if%20p.doc%3A%20parts.append(Span(f%22%20%E2%80%94%20%7Bp.doc%7D%22%2C%20style%3D%22color%3A%20%23555%3B%20font-style%3A%20italic%3B%22))%0A%20%20%20%20return%20Li(*parts)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%0A%20%20%20%20%23%20meta%2C%20mods%20%3D%20scan()%0A%20%20%20%20%23%20nodes%20%3D%20%5Bn%20for%20_%2C%20nodes%20in%20mods%20for%20n%20in%20nodes%20if%20n.kind%20%3D%3D%20Kind.EXP%5D%0A%20%20%20%20%23%20print(f%22Found%20%7Blen(nodes)%7D%20export%20nodes%22)%0A%0A%20%20%20%20%23%20Div(*%5Brender_node(n)%20for%20n%20in%20nodes%5B%3A10%5D%5D)%0A%20%20%20%20return%0A%0A%0A%40app.function%0Adef%20nb_path(mod_name%2C%20root%3D'.')%3A%0A%20%20%20%20cfg%20%3D%20read_config(root)%0A%20%20%20%20for%20f%20in%20(Path(root)%20%2F%20cfg.nbs).glob('*.py')%3A%0A%20%20%20%20%20%20%20%20if%20nb_name(f%2C%20root)%20%3D%3D%20mod_name%3A%20return%20f.relative_to(root)%0A%20%20%20%20return%20None%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(Icon)%3A%0A%20%20%20%20def%20render_node(n%2C%20repo_url%3DNone%2C%20root%3D'.')%3A%0A%20%20%20%20%20%20%20%20t%20%3D%20exp_type(n)%0A%20%20%20%20%20%20%20%20signature%20%3D%20sig(n)%0A%20%20%20%20%20%20%20%20lines%20%3D%20signature.split('%5Cn')%0A%20%20%20%20%20%20%20%20line_nums%20%3D%20'%5Cn'.join(str(i%2B1)%20for%20i%20in%20range(len(lines)))%0A%20%20%20%20%20%20%20%20node_id%20%3D%20f%22code-%7Bn.module%7D-%7Bn.name%7D%22%0A%20%20%20%20%20%20%20%20tag_colors%20%3D%20%7B'func'%3A%20'%2310b981'%2C%20'async'%3A%20'%23f59e0b'%2C%20'class'%3A%20'%238b5cf6'%7D%0A%20%20%20%20%20%20%20%20tag%20%3D%20Span(t%2C%20style%3Df%22padding%3A%200.25rem%200.6rem%3B%20border-radius%3A%204px%3B%20font-size%3A%200.75rem%3B%20font-weight%3A%20600%3B%20background%3A%20%7Btag_colors.get(t%2C%20'%23666')%7D%3B%20color%3A%20white%3B%22)%0A%20%20%20%20%20%20%20%20full_name%20%3D%20Span(Span(f%22%7Bn.module%7D.%22%2C%20style%3D%22color%3A%20%23666%3B%22)%2C%20Span(n.name%2C%20style%3D%22color%3A%20%23e5e5e5%3B%22)%2C%20style%3D%22font-weight%3A%20500%3B%20font-size%3A%201rem%3B%20margin-left%3A%200.75rem%3B%22)%20if%20n.module%20else%20Span(n.name%2C%20style%3D%22font-weight%3A%20500%3B%20font-size%3A%201rem%3B%20color%3A%20%23e5e5e5%3B%20margin-left%3A%200.75rem%3B%22)%0A%20%20%20%20%20%20%20%20nb%20%3D%20nb_path(n.module%2C%20root)%0A%20%20%20%20%20%20%20%20btn_style%20%3D%20%22display%3A%20flex%3B%20align-items%3A%20center%3B%20gap%3A%200.25rem%3B%20background%3A%20%23333%3B%20border%3A%201px%20solid%20%23444%3B%20color%3A%20%23ccc%3B%20padding%3A%200.25rem%200.5rem%3B%20border-radius%3A%204px%3B%20cursor%3A%20pointer%3B%20font-size%3A%200.75rem%3B%22%0A%20%20%20%20%20%20%20%20link_style%20%3D%20%22text-decoration%3A%20none%3B%22%0A%20%20%20%20%20%20%20%20copy_btn%20%3D%20Button(%22%F0%9F%93%8B%22%2C%20onclick%3Df%22navigator.clipboard.writeText(document.getElementById('%7Bnode_id%7D').textContent).then(()%20%3D%3E%20this.textContent%20%3D%20'%E2%9C%93').then(()%20%3D%3E%20setTimeout(()%20%3D%3E%20this.textContent%20%3D%20'%F0%9F%93%8B'%2C%201500))%22%2C%20style%3D%22background%3A%20transparent%3B%20border%3A%20none%3B%20cursor%3A%20pointer%3B%20font-size%3A%200.9rem%3B%20padding%3A%200.25rem%3B%22)%0A%20%20%20%20%20%20%20%20source_btn%20%3D%20A(Button(Icon('github'%2C%20size%3D16)%2C%20%22Source%22%2C%20style%3Dbtn_style)%2C%20href%3Df%22%7Brepo_url%7D%2Fblob%2Fmaster%2F%7Bnb%7D%23L%7Bn.lineno%7D%22%2C%20target%3D%22_blank%22%2C%20style%3Dlink_style)%20if%20repo_url%20and%20nb%20and%20n.lineno%20else%20None%0A%20%20%20%20%20%20%20%20edit_btn%20%3D%20A(Button(Icon('code'%2C%20size%3D16)%2C%20%22Edit%22%2C%20style%3Dbtn_style)%2C%20href%3Df%22%7Brepo_url%7D%2Fedit%2Fmaster%2F%7Bnb%7D%22%2C%20target%3D%22_blank%22%2C%20style%3Dlink_style)%20if%20repo_url%20and%20nb%20else%20None%0A%20%20%20%20%20%20%20%20blame_btn%20%3D%20A(Button(Icon('info'%2C%20size%3D16)%2C%20%22Blame%22%2C%20style%3Dbtn_style)%2C%20href%3Df%22%7Brepo_url%7D%2Fblame%2Fmaster%2F%7Bnb%7D%23L%7Bn.lineno%7D%22%2C%20target%3D%22_blank%22%2C%20style%3Dlink_style)%20if%20repo_url%20and%20nb%20and%20n.lineno%20else%20None%0A%20%20%20%20%20%20%20%20history_btn%20%3D%20A(Button(Icon('calendar'%2C%20size%3D16)%2C%20%22History%22%2C%20style%3Dbtn_style)%2C%20href%3Df%22%7Brepo_url%7D%2Fcommits%2Fmaster%2F%7Bnb%7D%22%2C%20target%3D%22_blank%22%2C%20style%3Dlink_style)%20if%20repo_url%20and%20nb%20else%20None%0A%20%20%20%20%20%20%20%20issue_btn%20%3D%20A(Button(Icon('circle-x'%2C%20size%3D16)%2C%20%22Issue%22%2C%20style%3Dbtn_style)%2C%20href%3Df%22%7Brepo_url%7D%2Fissues%2Fnew%3Ftitle%3DIssue%2520with%2520%7Bn.name%7D%26body%3DFound%2520in%2520%7Bnb%7D%2523L%7Bn.lineno%7D%22%2C%20target%3D%22_blank%22%2C%20style%3Dlink_style)%20if%20repo_url%20and%20nb%20else%20None%0A%20%20%20%20%20%20%20%20header%20%3D%20Div(%0A%20%20%20%20%20%20%20%20%20%20%20%20Div(tag%2C%20full_name%2C%20style%3D%22display%3A%20flex%3B%20align-items%3A%20center%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Div(copy_btn%2C%20source_btn%2C%20edit_btn%2C%20blame_btn%2C%20history_btn%2C%20issue_btn%2C%20style%3D%22display%3A%20flex%3B%20align-items%3A%20center%3B%20gap%3A%200.5rem%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22display%3A%20flex%3B%20justify-content%3A%20space-between%3B%20align-items%3A%20center%3B%20padding%3A%200.75rem%201rem%3B%22)%0A%20%20%20%20%20%20%20%20doc_line%20%3D%20P(n.doc%2C%20style%3D%22margin%3A%200%3B%20padding%3A%200%201rem%200.5rem%201rem%3B%20color%3A%20%23888%3B%20font-size%3A%200.85rem%3B%22)%20if%20n.doc%20else%20None%0A%20%20%20%20%20%20%20%20code_block%20%3D%20Div(%0A%20%20%20%20%20%20%20%20%20%20%20%20Pre(Code(line_nums)%2C%20style%3D%22margin%3A%200%3B%20padding%3A%200%3B%20color%3A%20%23555%3B%20text-align%3A%20right%3B%20user-select%3A%20none%3B%20font-size%3A%200.8rem%3B%20line-height%3A%201.6%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Pre(Code(signature%2C%20cls%3D%22language-python%22%2C%20id%3Dnode_id)%2C%20style%3D%22margin%3A%200%3B%20padding%3A%200%3B%20flex%3A%201%3B%20overflow-x%3A%20auto%3B%20font-size%3A%200.8rem%3B%20line-height%3A%201.6%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22display%3A%20flex%3B%20background%3A%20%231a1a1a%3B%20border-top%3A%201px%20solid%20%232a2a2a%3B%22)%0A%20%20%20%20%20%20%20%20return%20Article(header%2C%20doc_line%2C%20code_block%2C%20style%3D%22margin-bottom%3A%200.75rem%3B%20border-radius%3A%208px%3B%20overflow%3A%20hidden%3B%20background%3A%20%231e1e1e%3B%22)%0A%0A%0A%0A%0A%20%20%20%20def%20render_module_page(mod_name%2C%20mod_nodes%2C%20all_mod_names%2C%20meta%2C%20root%3D'.')%3A%0A%20%20%20%20%20%20%20%20repo_url%20%3D%20meta.get('urls'%2C%20%7B%7D).get('Repository')%0A%20%20%20%20%20%20%20%20exp_nodes%20%3D%20%5Bn%20for%20n%20in%20mod_nodes%20if%20n.kind%20%3D%3D%20Kind.EXP%5D%0A%20%20%20%20%20%20%20%20content%20%3D%20Div(*%5Brender_node(n%2C%20repo_url%2C%20root)%20for%20n%20in%20exp_nodes%5D%2C%20style%3D%22padding%3A%201rem%3B%20background%3A%20%23121212%3B%20overflow-y%3A%20auto%3B%22)%0A%20%20%20%20%20%20%20%20head_elements%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20Script(type%3D%22module%22%2C%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fstarfederation%2Fdatastar%401.0.0-RC.7%2Fbundles%2Fdatastar.js%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Link(rel%3D%22stylesheet%22%2C%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fhighlight.js%2F11.9.0%2Fstyles%2Fvs2015.min.css%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Script(src%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fhighlight.js%2F11.9.0%2Fhighlight.min.js%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Script(%22hljs.highlightAll()%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Style(%22body%20%7B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20'Segoe%20UI'%2C%20Roboto%2C%20sans-serif%3B%20margin%3A%200%3B%20%7D%20code%20%7B%20font-family%3A%20'SF%20Mono'%2C%20Consolas%2C%20monospace%3B%20%7D%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Title(f%22%7Bmod_name%7D%20-%20%7Bmeta%5B'name'%5D%7D%22)%5D%0A%20%20%20%20%20%20%20%20search_input%20%3D%20Input(type%3D%22text%22%2C%20placeholder%3D%22Search...%22%2C%20style%3D%22width%3A%20100%25%3B%20padding%3A%200.5rem%3B%20border%3A%201px%20solid%20%23333%3B%20border-radius%3A%204px%3B%20background%3A%20%23252525%3B%20color%3A%20%23fff%3B%20margin-bottom%3A%201rem%3B%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20**%7B%22data-bind%22%3A%20%22search%22%7D)%0A%20%20%20%20%20%20%20%20nav_links%20%3D%20%5BLi(A(%22%E2%86%90%20Index%22%2C%20href%3D%22index.html%22%2C%20style%3D%22color%3A%20%23888%3B%20text-decoration%3A%20none%3B%20font-size%3A%200.85rem%3B%22))%5D%20%2B%20%5BLi(A(m%2C%20href%3Df%22%7Bm%7D.html%22%2C%20style%3Df%22color%3A%20%7B'%23fff'%20if%20m%20%3D%3D%20mod_name%20else%20'%23aaa'%7D%3B%20text-decoration%3A%20none%3B%22))%20for%20m%20in%20all_mod_names%5D%0A%20%20%20%20%20%20%20%20nav%20%3D%20Nav(%0A%20%20%20%20%20%20%20%20%20%20%20%20H3(meta%5B'name'%5D%2C%20style%3D%22margin%3A%200%200%201rem%200%3B%20color%3A%20%23fff%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20search_input%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Ul(*nav_links%2C%20style%3D%22list-style%3A%20none%3B%20padding%3A%200%3B%20margin%3A%200%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22padding%3A%201rem%3B%20background%3A%20%231a1a1a%3B%20min-width%3A%20180px%3B%22)%0A%20%20%20%20%20%20%20%20header%20%3D%20Header(%0A%20%20%20%20%20%20%20%20%20%20%20%20H1(mod_name%2C%20style%3D%22margin%3A%200%3B%20font-size%3A%201.5rem%3B%20color%3A%20%23fff%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22padding%3A%201rem%3B%20background%3A%20%231e1e1e%3B%20border-bottom%3A%201px%20solid%20%23333%3B%22)%0A%20%20%20%20%20%20%20%20body%20%3D%20Body(nav%2C%20Div(header%2C%20content%2C%20style%3D%22flex%3A%201%3B%20display%3A%20flex%3B%20flex-direction%3A%20column%3B%22)%2C%20style%3D%22display%3A%20flex%3B%20height%3A%20100vh%3B%20margin%3A%200%3B%20background%3A%20%23121212%3B%22%2C%20**%7B%22data-signals%22%3A%20%22%7Bsearch%3A%20''%7D%22%7D)%0A%20%20%20%20%20%20%20%20return%20Html(Head(*head_elements)%2C%20body)%0A%0A%0A%20%20%20%20def%20build_docs(root%3D'.')%3A%0A%20%20%20%20%20%20%20%20cfg%20%3D%20read_config(root)%0A%20%20%20%20%20%20%20%20meta%20%3D%20read_meta(root)%0A%20%20%20%20%20%20%20%20_%2C%20mods%20%3D%20scan(root)%0A%20%20%20%20%20%20%20%20mod_names%20%3D%20%5Bname%20for%20name%2C%20_%20in%20mods%5D%0A%20%20%20%20%20%20%20%20docs_path%20%3D%20Path(root)%20%2F%20cfg.docs%0A%20%20%20%20%20%20%20%20docs_path.mkdir(exist_ok%3DTrue)%0A%20%20%20%20%20%20%20%20(docs_path%20%2F%20%22index.html%22).write_text(to_xml(render_index_page(meta%2C%20mods)))%0A%20%20%20%20%20%20%20%20for%20mod_name%2C%20mod_nodes%20in%20mods%3A%0A%20%20%20%20%20%20%20%20%20%20%20%20(docs_path%20%2F%20f%22%7Bmod_name%7D.html%22).write_text(to_xml(render_module_page(mod_name%2C%20mod_nodes%2C%20mod_names%2C%20meta%2C%20root)))%0A%20%20%20%20%20%20%20%20return%20f%22Generated%20index%20%2B%20%7Blen(mods)%7D%20module%20pages%20in%20%7Bdocs_path%7D%22%0A%0A%20%20%20%20build_docs()%0A%20%20%20%20return%0A%0A%0A%40app.function%0Adef%20export_wasm(root%3D'.')%3A%0A%20%20%20%20cfg%20%3D%20read_config(root)%0A%20%20%20%20nbs_dir%20%3D%20Path(root)%20%2F%20cfg.nbs%0A%20%20%20%20wasm_dir%20%3D%20Path(root)%20%2F%20cfg.docs%20%2F%20'wasm'%0A%20%20%20%20wasm_dir.mkdir(parents%3DTrue%2C%20exist_ok%3DTrue)%0A%20%20%20%20for%20f%20in%20nbs_dir.glob('*.py')%3A%0A%20%20%20%20%20%20%20%20name%20%3D%20nb_name(f%2C%20root)%0A%20%20%20%20%20%20%20%20if%20name%3A%20os.system(f%22marimo%20export%20html-wasm%20%7Bf%7D%20-o%20%7Bwasm_dir%7D%2F%7Bname%7D%20--mode%20edit%22)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20export_wasm()%0A%20%20%20%20return%0A%0A%0A%40app.function%0Adef%20html_preview(width%3D'100%25'%2C%20height%3D'300px')%3A%0A%20%20%20%20%22Display%20FT%20components%20in%20an%20IFrame%22%0A%20%20%20%20def%20_preview(*components)%3A%20show(Iframe(srcdoc%3Dto_xml(components%5B0%5D%20if%20len(components)%20%3D%3D%201%20else%20Div(*components))%2C%20width%3Dwidth%2C%20height%3Dheight))%0A%20%20%20%20return%20_preview%0A%0A%0A%40app.function%0Adef%20render_index_page(meta%2C%20mods%2C%20repo_url%3DNone)%3A%0A%20%20%20%20mod_names%20%3D%20%5Bname%20for%20name%2C%20_%20in%20mods%5D%0A%20%20%20%20head_elements%20%3D%20%5B%0A%20%20%20%20%20%20%20%20Script(type%3D%22module%22%2C%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fstarfederation%2Fdatastar%401.0.0-RC.7%2Fbundles%2Fdatastar.js%22)%2C%0A%20%20%20%20%20%20%20%20Link(rel%3D%22stylesheet%22%2C%20href%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fhighlight.js%2F11.9.0%2Fstyles%2Fvs2015.min.css%22)%2C%0A%20%20%20%20%20%20%20%20Script(src%3D%22https%3A%2F%2Fcdnjs.cloudflare.com%2Fajax%2Flibs%2Fhighlight.js%2F11.9.0%2Fhighlight.min.js%22)%2C%0A%20%20%20%20%20%20%20%20Script(%22hljs.highlightAll()%3B%22)%2C%0A%20%20%20%20%20%20%20%20Style(%22body%20%7B%20font-family%3A%20-apple-system%2C%20BlinkMacSystemFont%2C%20'Segoe%20UI'%2C%20Roboto%2C%20sans-serif%3B%20margin%3A%200%3B%20%7D%20code%20%7B%20font-family%3A%20'SF%20Mono'%2C%20Consolas%2C%20monospace%3B%20%7D%22)%2C%0A%20%20%20%20%20%20%20%20Title(meta%5B'name'%5D)%5D%0A%20%20%20%20nav_links%20%3D%20%5BLi(A(m%2C%20href%3Df%22%7Bm%7D.html%22%2C%20style%3D%22color%3A%20%23aaa%3B%20text-decoration%3A%20none%3B%22))%20for%20m%20in%20mod_names%5D%0A%20%20%20%20nav%20%3D%20Nav(%0A%20%20%20%20%20%20%20%20H3(meta%5B'name'%5D%2C%20style%3D%22margin%3A%200%200%201rem%200%3B%20color%3A%20%23fff%3B%22)%2C%0A%20%20%20%20%20%20%20%20Ul(*nav_links%2C%20style%3D%22list-style%3A%20none%3B%20padding%3A%200%3B%20margin%3A%200%3B%22)%2C%0A%20%20%20%20%20%20%20%20style%3D%22padding%3A%201rem%3B%20background%3A%20%231a1a1a%3B%20min-width%3A%20180px%3B%22)%0A%20%20%20%20module_cards%20%3D%20%5BA(Div(H3(name%2C%20style%3D%22margin%3A%200%200%200.5rem%200%3B%20color%3A%20%23fff%3B%22)%2C%20P(f%22%7Blen(%5Bn%20for%20n%20in%20nodes%20if%20n.kind%20%3D%3D%20Kind.EXP%5D)%7D%20exports%22%2C%20style%3D%22margin%3A%200%3B%20color%3A%20%23888%3B%22)%2C%20%0A%20%20%20%20%20%20%20%20style%3D%22padding%3A%201rem%3B%20background%3A%20%231e1e1e%3B%20border-radius%3A%208px%3B%22)%2C%20href%3Df%22%7Bname%7D.html%22%2C%20style%3D%22text-decoration%3A%20none%3B%22)%20for%20name%2C%20nodes%20in%20mods%5D%0A%20%20%20%20content%20%3D%20Div(%0A%20%20%20%20%20%20%20%20H1(meta%5B'name'%5D%2C%20style%3D%22margin%3A%200%200%200.5rem%200%3B%20color%3A%20%23fff%3B%22)%2C%0A%20%20%20%20%20%20%20%20P(meta%5B'desc'%5D%2C%20style%3D%22color%3A%20%23888%3B%20margin%3A%200%200%202rem%200%3B%22)%2C%0A%20%20%20%20%20%20%20%20P(f%22Version%20%7Bmeta%5B'version'%5D%7D%22%2C%20style%3D%22color%3A%20%23666%3B%20margin%3A%200%200%202rem%200%3B%20font-size%3A%200.9rem%3B%22)%2C%0A%20%20%20%20%20%20%20%20H2(%22Modules%22%2C%20style%3D%22color%3A%20%23fff%3B%20margin%3A%200%200%201rem%200%3B%20font-size%3A%201.2rem%3B%22)%2C%0A%20%20%20%20%20%20%20%20Div(*module_cards%2C%20style%3D%22display%3A%20grid%3B%20grid-template-columns%3A%20repeat(auto-fill%2C%20minmax(200px%2C%201fr))%3B%20gap%3A%201rem%3B%22)%2C%0A%20%20%20%20%20%20%20%20style%3D%22padding%3A%202rem%3B%20flex%3A%201%3B%22)%0A%20%20%20%20body%20%3D%20Body(nav%2C%20content%2C%20style%3D%22display%3A%20flex%3B%20min-height%3A%20100vh%3B%20margin%3A%200%3B%20background%3A%20%23121212%3B%22)%0A%20%20%20%20return%20Html(Head(*head_elements)%2C%20body)%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20icons%20%3D%20%7B%0A%20%20%20%20%20%20%20%20'home'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-house-icon%20lucide-house%22%3E%3Cpath%20d%3D%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%2F%3E%3Cpath%20d%3D%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20%22pypi%22%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-blocks-icon%20lucide-blocks%22%3E%3Cpath%20d%3D%22M10%2022V7a1%201%200%200%200-1-1H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-5a1%201%200%200%200-1-1H2%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%222%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'menu'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-menu-icon%20lucide-menu%22%3E%3Cpath%20d%3D%22M4%205h16%22%2F%3E%3Cpath%20d%3D%22M4%2012h16%22%2F%3E%3Cpath%20d%3D%22M4%2019h16%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'x'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-x-icon%20lucide-x%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22m6%206%2012%2012%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'github'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-github-icon%20lucide-github%22%3E%3Cpath%20d%3D%22M15%2022v-4a4.8%204.8%200%200%200-1-3.5c3%200%206-2%206-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35%200-3.5%200%200-1%200-3%201.5-2.64-.5-5.36-.5-8%200C6%202%205%202%205%202c-.3%201.15-.3%202.35%200%203.5A5.403%205.403%200%200%200%204%209c0%203.5%203%205.5%206%205.5-.39.49-.68%201.05-.85%201.65-.17.6-.22%201.23-.15%201.85v4%22%2F%3E%3Cpath%20d%3D%22M9%2018c-4.51%202-5-2-7-2%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'code'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-code-icon%20lucide-code%22%3E%3Cpath%20d%3D%22m16%2018%206-6-6-6%22%2F%3E%3Cpath%20d%3D%22m8%206-6%206%206%206%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'info'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-info-icon%20lucide-info%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%2016v-4%22%2F%3E%3Cpath%20d%3D%22M12%208h.01%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'calendar'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-calendar1-icon%20lucide-calendar-1%22%3E%3Cpath%20d%3D%22M11%2014h1v4%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E'%2C%0A%20%20%20%20%20%20%20%20'circle-x'%3A'%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22lucide%20lucide-circle-x-icon%20lucide-circle-x%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m15%209-6%206%22%2F%3E%3Cpath%20d%3D%22m9%209%206%206%22%2F%3E%3C%2Fsvg%3E'%2C%0A%0A%0A%0A%0A%20%20%20%20%7D%0A%20%20%20%20return%20(icons%2C)%0A%0A%0A%40app.cell%0Adef%20_(Icon)%3A%0A%20%20%20%20Icon(%22home%22)%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_(icons)%3A%0A%0A%20%20%20%20def%20Icon(name%3A%20str%2C%20%20%20%20%20%20%20%20%20%20%20%20%23%20name%20of%20the%20icon%20MUST%20be%20in%20icon_dict%0A%20%20%20%20%20%20%20%20%20%20%20%20%20size%3D24%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%20value%20to%20be%20passed%20to%20height%20and%20width%20of%20the%20icon%0A%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3D1.5%2C%20%20%20%20%20%20%20%20%20%20%20%23%20stroke%20width%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20cls%3DNone%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%23%20css%20class%0A%20%20%20%20%20%20%20%20%20%20%20%20%20icon_dict%3Adict%3Dicons%2C%20%23%20Dict%20of%20icons%20%7B%22name%22%3A%22%3Csvg...%3E%22%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20**kwargs%20%20%20%20%20%20%20%20%20%20%20%20%20%20%23%20passed%20to%20through%20to%20FT%20%0A%20%20%20%20%20%20%20%20%20%20%20%20)%20-%3E%20'Any'%3A%20%20%20%20%20%20%20%20%20%20%20%20%23%20Follow%20recomendation%20from%20fastHTML%20docs%0A%20%20%20%20%20%20%20%20'''%0A%20%20%20%20%20%20%20%20Creates%20a%20custom%20html%20compliant%20%3Cicon-%7Bname%7D%3E...%20%0A%20%20%20%20%20%20%20%20Intended%20to%20be%20used%20with%20a%20Global%20Dict%20of%20icons%20%7B%22home%22%3A%20%22%3Csvg...%22%2C%20%22info%22%3A%20%22%3Csvg...%22%7D%20%0A%20%20%20%20%20%20%20%20Icon('home')%20-%3E%20%3Cicon-home%3E%20....%20%20%3C%2Ficon-home%3E%0A%20%20%20%20%20%20%20%20'''%0A%20%20%20%20%20%20%20%20if%20name%20not%20in%20icon_dict%3A%20raise%20ValueError(f%22Icon%20'%7Bname%7D'%20not%20found%22)%0A%0A%20%20%20%20%20%20%20%20%23%20count%3D1%20Replace%20only%20the%20first%20occurrence%20of%20width%20%26%20height%2099%25%20of%20time%20this%20is%20what%20you%20want%0A%20%20%20%20%20%20%20%20svg_string%20%3D%20icon_dict%5Bname%5D%0A%20%20%20%20%20%20%20%20svg_string%20%3D%20re.sub(r'width%3D%22%5Cd%2B%22'%2C%20f'width%3D%22%7Bsize%7D%22'%2C%20svg_string%2C%20count%3D1)%0A%20%20%20%20%20%20%20%20svg_string%20%3D%20re.sub(r'height%3D%22%5Cd%2B%22'%2C%20f'height%3D%22%7Bsize%7D%22'%2C%20svg_string%2C%20count%3D1)%0A%20%20%20%20%20%20%20%20svg_string%20%3D%20re.sub(r'stroke-width%3D%22%5Cd%2B%22'%2C%20f'stroke-width%3D%22%7Bstroke%7D%22'%2C%20svg_string)%0A%0A%20%20%20%20%20%20%20%20return%20ft(f'icon-%7Bname%7D'%2C%20NotStr(svg_string)%2C%20cls%3Dcls%2C%20**kwargs)%0A%20%20%20%20return%20(Icon%2C)%0A%0A%0A%40app.cell%0Adef%20_(Icon)%3A%0A%20%20%20%20def%20Page(main_content%2C%20nav_items%2C%20title%3D%22Documentation%22)%3A%0A%20%20%20%20%20%20%20%20head_elements%20%3D%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20Script(type%3D%22module%22%2C%20src%3D%22https%3A%2F%2Fcdn.jsdelivr.net%2Fgh%2Fstarfederation%2Fdatastar%401.0.0-RC.7%2Fbundles%2Fdatastar.js%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Title(title)%5D%0A%0A%20%20%20%20%20%20%20%20signals%20%3D%20%22%7B_header%3A%20true%2C%20_nav%3A%20true%2C%20_footer%3A%20false%2C%20_aside%3A%20false%7D%22%0A%20%20%20%20%20%20%20%20body_style%20%3D%20%22background%3A%20lightgrey%3B%20margin%3A0%3B%20height%3A%20100svh%3B%20display%3Agrid%3B%20grid-template%3A%20auto%201fr%20auto%20%2F%20auto%201fr%20auto%3B%20gap%3A%200.5em%3B%22%0A%0A%20%20%20%20%20%20%20%20nav_btn%20%3D%20Button(Icon('menu')%2C%20style%3D%22background%3A%20none%3B%20border%3A%20none%3B%20cursor%3A%20pointer%3B%22%2C%20**%7B%22data-on%3Aclick%22%3A%20%22%24_nav%20%3D%20!%24_nav%22%7D)%0A%20%20%20%20%20%20%20%20left%20%3D%20Div(nav_btn%2C%20H1(title)%2C%20cls%3D%22--make-cluster%22)%0A%0A%20%20%20%20%20%20%20%20middle%20%3D%20Input(type%3D%22text%22%2C%20placeholder%3D%22Search...%22%2C%20style%3D%22width%3A%20100%25%3B%20padding%3A%200.5rem%3B%20border%3A%201px%20solid%20%23ddd%3B%20border-radius%3A%204px%3B%22)%0A%0A%20%20%20%20%20%20%20%20right%20%3D%20Div(%0A%20%20%20%20%20%20%20%20%20%20%20%20A(Icon('github')%2C%20href%3D%22https%3A%2F%2Fgithub.com%2Fuser%2Frepo%22%2C%20target%3D%22_blank%22%2C%20style%3D%22color%3A%20inherit%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20A(Icon('pypi')%2C%20href%3D%22https%3A%2F%2Fpypi.org%2Fproject%2Fmarimo-dev%22%2C%20target%3D%22_blank%22%2C%20style%3D%22color%3A%20inherit%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20cls%3D%22--make-cluster%22)%0A%0A%20%20%20%20%20%20%20%20header%20%3D%20Header(%0A%20%20%20%20%20%20%20%20%20%20%20%20Div(left%2C%20middle%2C%20right%2C%20cls%3D%22--make-lcr%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22background%3A%20white%3B%20border-radius%3A%200.5em%3B%20border%3A%201px%20solid%20%23ddd%3B%20display%3Anone%3B%20padding%3A%200.5em%3B%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20**%7B%22data-style%3Agrid-area%22%3A%20%22'1%2F1%2F2%2F-1'%22%2C%20%22data-show%22%3A%20%22%24_header%22%7D)%0A%0A%20%20%20%20%20%20%20%20nav_links%20%3D%20%5BLi(A(n%2C%20href%3Df%22%7Bn%7D.html%22))%20for%20n%20in%20nav_items%5D%0A%20%20%20%20%20%20%20%20nav%20%3D%20Nav(%0A%20%20%20%20%20%20%20%20%20%20%20%20Strong(%22NAV%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20Ul(*nav_links%2C%20style%3D%22list-style-type%3A%20none%3B%20margin-inline%3A%200%3B%20padding%3A%2010px%3B%22)%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22background%3A%20white%3B%20border-radius%3A%200.5em%3B%20border%3A%201px%20solid%20%23ddd%3B%20display%3Anone%3B%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20**%7B%22data-show%22%3A%20%22%24_nav%22%2C%20%22data-effect%22%3A%20%22%24_navArea%20%3D%20%60%24%7B1%2B%24_header%7D%2F1%2F%24%7B3%2B!%24_footer%7D%2F2%60%22%2C%20%22data-style%3Agrid-area%22%3A%20%22%24_navArea%22%7D)%0A%0A%20%20%20%20%20%20%20%20main%20%3D%20Main(%0A%20%20%20%20%20%20%20%20%20%20%20%20main_content%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22background%3A%20white%3B%20border-radius%3A%200.5em%3B%20border%3A%201px%20solid%20%23ddd%3B%20transition%3A%20max-height%200.4s%20ease%3B%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20**%7B%22data-effect%22%3A%20%22%24_mainArea%20%3D%20%60%24%7B1%2B%24_header%7D%2F%24%7B1%2B%24_nav%7D%2F%24%7B3%2B!%24_footer%7D%2F%24%7B3%2B!%24_aside%7D%60%22%2C%20%22data-style%3Agrid-area%22%3A%20%22%24_mainArea%22%7D)%0A%0A%20%20%20%20%20%20%20%20return%20Html(Head(*head_elements)%2C%20Body(header%2C%20nav%2C%20main%2C%20style%3Dbody_style%2C%20**%7B%22data-signals%22%3A%20signals%7D))%0A%0A%0A%20%20%20%20html_preview(height%3D'400px')(Page(Div(H2(%22Main%20Content%22)%2C%20P(%22Hello%20world%22))%2C%20%5B'readme'%2C%20'core'%2C%20'utils'%5D))%0A%20%20%20%20return%0A%0A%0A%40app.cell%0Adef%20_()%3A%0A%20%20%20%20return%0A%0A%0Aif%20__name__%20%3D%3D%20%22__main__%22%3A%0A%20%20%20%20app.run()%0A