From a84a9ce08af0c023b1cbeac3cc68f3397ec9bf9b Mon Sep 17 00:00:00 2001
From: Baku Hashimoto <mail@baku89.com>
Date: Sat, 30 Sep 2023 02:40:19 +0900
Subject: [PATCH] Add Markdown

---
 dev_modules/linearly                          |    2 +-
 package.json                                  |    6 +
 src/components/App.vue                        |    2 +-
 src/tweeq/Markdown/Markdown.vue               |   92 ++
 .../Markdown/MarkdownItMonacoHighlight.ts     |   33 +
 src/tweeq/Markdown/index.ts                   |    3 +
 src/tweeq/Markdown/katex.css                  | 1137 +++++++++++++++++
 src/tweeq/index.ts                            |   10 +-
 yarn.lock                                     |   72 ++
 9 files changed, 1351 insertions(+), 6 deletions(-)
 create mode 100644 src/tweeq/Markdown/Markdown.vue
 create mode 100644 src/tweeq/Markdown/MarkdownItMonacoHighlight.ts
 create mode 100644 src/tweeq/Markdown/index.ts
 create mode 100644 src/tweeq/Markdown/katex.css

diff --git a/dev_modules/linearly b/dev_modules/linearly
index e0c1aa8..47d18a0 160000
--- a/dev_modules/linearly
+++ b/dev_modules/linearly
@@ -1 +1 @@
-Subproject commit e0c1aa8aa8ebd9ff3f7e4238483814841957c9a6
+Subproject commit 47d18a048797c8b62813abe07c364bd1a976ebad
diff --git a/package.json b/package.json
index b2136fd..8b0d376 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
 	},
 	"devDependencies": {
 		"@material/material-color-utilities": "^0.2.7",
+		"@traptitech/markdown-it-katex": "^3.6.0",
 		"@types/wicg-file-system-access": "^2020.9.6",
 		"@typescript-eslint/eslint-plugin": "^6.7.0",
 		"@typescript-eslint/parser": "^6.7.0",
@@ -29,6 +30,11 @@
 		"eslint-plugin-unused-imports": "^3.0.0",
 		"eslint-plugin-vue": "^9.17.0",
 		"fast-fuzzy": "^1.12.0",
+		"markdown-it": "^13.0.2",
+		"markdown-it-anchor": "^8.6.7",
+		"markdown-it-deflist": "^2.1.0",
+		"markdown-it-footnote": "^3.0.3",
+		"markdown-it-toc-done-right": "^4.2.0",
 		"monaco-editor": "^0.43.0",
 		"monaco-themes": "^0.4.4",
 		"paper": "^0.12.17",
diff --git a/src/components/App.vue b/src/components/App.vue
index 37ccf9b..ec101b1 100644
--- a/src/components/App.vue
+++ b/src/components/App.vue
@@ -338,7 +338,7 @@ window.addEventListener('drop', async e => {
 
 <template>
 	<div class="App">
-		<CommandPalette />
+		<Tq.CommandPalette />
 		<Tq.TitleBar name="Paper.js Editor" class="title" icon="favicon.svg">
 			<template #left>
 				{{ title }}
diff --git a/src/tweeq/Markdown/Markdown.vue b/src/tweeq/Markdown/Markdown.vue
new file mode 100644
index 0000000..1a4e17a
--- /dev/null
+++ b/src/tweeq/Markdown/Markdown.vue
@@ -0,0 +1,92 @@
+<script lang="ts">
+// Forked from: https://github.com/JanGuillermo/vue3-markdown-it
+
+import './katex.css'
+
+import MarkdownItKatex from '@traptitech/markdown-it-katex'
+import MarkdownIt from 'markdown-it'
+import MarkdownItAnchor from 'markdown-it-anchor'
+import MarkdownItDeflist from 'markdown-it-deflist'
+import MarkdownItFootnote from 'markdown-it-footnote'
+import MarkdownItTOC, {TocOptions} from 'markdown-it-toc-done-right'
+import {defineComponent, h, onMounted, PropType, ref, watch} from 'vue'
+
+// import MarkdownItMonacoHighlight from './markdown-it-monaco-highlight'
+
+export default defineComponent({
+	name: 'MarkdownIt',
+	props: {
+		source: {
+			type: String,
+			default: '',
+		},
+		/**
+		 * Options for MarkdownItAnchor plugin
+		 */
+		anchor: {
+			type: Object as PropType<MarkdownItAnchor.AnchorOptions>,
+			default: () => ({}),
+		},
+		/**
+		 * Convert '\n' in paragraphs into <br>
+		 */
+		breaks: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * Enable HTML tags in source
+		 */
+		html: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * CSS language prefix for fenced blocks. Can be useful for external highlighters.
+		 */
+		langPrefix: {
+			type: String,
+			default: 'language-',
+		},
+		/**
+		 * Autoconvert URL-like text to links
+		 */
+		linkify: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * Options for MarkdownItTOC plugin
+		 */
+		toc: {
+			type: Object as PropType<TocOptions>,
+			default: () => ({}),
+		},
+	},
+	setup(props: any) {
+		const md = ref()
+		const renderMarkdown = () => {
+			const markdown = new MarkdownIt()
+				.use(MarkdownItAnchor, props.anchor)
+				.use(MarkdownItDeflist)
+				.use(MarkdownItFootnote)
+				.use(MarkdownItKatex)
+				// .use(MarkdownItMonacoHighlight)
+				.use(MarkdownItTOC, props.toc)
+				.set({
+					breaks: props.breaks,
+					html: props.html,
+					langPrefix: props.langPrefix,
+					linkify: props.linkify,
+				})
+
+			md.value = markdown.render(props.source)
+		}
+
+		onMounted(() => renderMarkdown())
+		watch(props, renderMarkdown)
+
+		return () => h('entry', {class: ['MarkdownIt'], innerHTML: md.value})
+	},
+})
+</script>
diff --git a/src/tweeq/Markdown/MarkdownItMonacoHighlight.ts b/src/tweeq/Markdown/MarkdownItMonacoHighlight.ts
new file mode 100644
index 0000000..f46df6d
--- /dev/null
+++ b/src/tweeq/Markdown/MarkdownItMonacoHighlight.ts
@@ -0,0 +1,33 @@
+// import {invoke} from '@vueuse/core'
+// import _ from 'lodash'
+// import MarkdownIt from 'markdown-it'
+// import {editor} from 'monaco-editor'
+
+// import {useMonacoEditor} from '../MonacoEditor'
+
+// const MarkdownItMonacoHighlight = (md: MarkdownIt) => {
+// 	useMonacoEditor()
+
+// 	const temp = md.renderer.rules.fence?.bind(md.renderer.rules)
+
+// 	if (!temp) throw new Error('Cannot retrieve fence function from MarkdownIt')
+
+// 	md.renderer.rules.fence = (tokens, idx, options, env, slf) => {
+// 		const token = tokens[idx]
+// 		const code = token.content.trim()
+
+// 		const uid = _.uniqueId('Markdown__highlight_')
+// 		token.attrPush(['id', uid])
+
+// 		invoke(async () => {
+// 			editor.setTheme('custom-theme')
+// 			const html = await editor.colorize(code, 'glsl', {})
+// 			const el = document.getElementById(uid)
+// 			if (el) el.innerHTML = html
+// 		})
+
+// 		return temp(tokens, idx, options, env, slf)
+// 	}
+// }
+
+// export default MarkdownItMonacoHighlight
diff --git a/src/tweeq/Markdown/index.ts b/src/tweeq/Markdown/index.ts
new file mode 100644
index 0000000..41a1f21
--- /dev/null
+++ b/src/tweeq/Markdown/index.ts
@@ -0,0 +1,3 @@
+import Markdown from './Markdown.vue'
+
+export default Markdown
diff --git a/src/tweeq/Markdown/katex.css b/src/tweeq/Markdown/katex.css
new file mode 100644
index 0000000..c2f9517
--- /dev/null
+++ b/src/tweeq/Markdown/katex.css
@@ -0,0 +1,1137 @@
+@font-face {
+	font-family: KaTeX_AMS;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_AMS-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_AMS-Regular.woff) format('woff'),
+		url(fonts/KaTeX_AMS-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Caligraphic;
+	font-style: normal;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_Caligraphic-Bold.woff2) format('woff2'),
+		url(fonts/KaTeX_Caligraphic-Bold.woff) format('woff'),
+		url(fonts/KaTeX_Caligraphic-Bold.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Caligraphic;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Caligraphic-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Caligraphic-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Caligraphic-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Fraktur;
+	font-style: normal;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_Fraktur-Bold.woff2) format('woff2'),
+		url(fonts/KaTeX_Fraktur-Bold.woff) format('woff'),
+		url(fonts/KaTeX_Fraktur-Bold.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Fraktur;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Fraktur-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Fraktur-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Fraktur-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Main;
+	font-style: normal;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_Main-Bold.woff2) format('woff2'),
+		url(fonts/KaTeX_Main-Bold.woff) format('woff'),
+		url(fonts/KaTeX_Main-Bold.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Main;
+	font-style: italic;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_Main-BoldItalic.woff2) format('woff2'),
+		url(fonts/KaTeX_Main-BoldItalic.woff) format('woff'),
+		url(fonts/KaTeX_Main-BoldItalic.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Main;
+	font-style: italic;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Main-Italic.woff2) format('woff2'),
+		url(fonts/KaTeX_Main-Italic.woff) format('woff'),
+		url(fonts/KaTeX_Main-Italic.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Main;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Main-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Main-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Main-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Math;
+	font-style: italic;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_Math-BoldItalic.woff2) format('woff2'),
+		url(fonts/KaTeX_Math-BoldItalic.woff) format('woff'),
+		url(fonts/KaTeX_Math-BoldItalic.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Math;
+	font-style: italic;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Math-Italic.woff2) format('woff2'),
+		url(fonts/KaTeX_Math-Italic.woff) format('woff'),
+		url(fonts/KaTeX_Math-Italic.ttf) format('truetype');
+}
+@font-face {
+	font-family: 'KaTeX_SansSerif';
+	font-style: normal;
+	font-weight: 700;
+	src:
+		url(fonts/KaTeX_SansSerif-Bold.woff2) format('woff2'),
+		url(fonts/KaTeX_SansSerif-Bold.woff) format('woff'),
+		url(fonts/KaTeX_SansSerif-Bold.ttf) format('truetype');
+}
+@font-face {
+	font-family: 'KaTeX_SansSerif';
+	font-style: italic;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_SansSerif-Italic.woff2) format('woff2'),
+		url(fonts/KaTeX_SansSerif-Italic.woff) format('woff'),
+		url(fonts/KaTeX_SansSerif-Italic.ttf) format('truetype');
+}
+@font-face {
+	font-family: 'KaTeX_SansSerif';
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_SansSerif-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_SansSerif-Regular.woff) format('woff'),
+		url(fonts/KaTeX_SansSerif-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Script;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Script-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Script-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Script-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Size1;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Size1-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Size1-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Size1-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Size2;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Size2-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Size2-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Size2-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Size3;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Size3-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Size3-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Size3-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Size4;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Size4-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Size4-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Size4-Regular.ttf) format('truetype');
+}
+@font-face {
+	font-family: KaTeX_Typewriter;
+	font-style: normal;
+	font-weight: 400;
+	src:
+		url(fonts/KaTeX_Typewriter-Regular.woff2) format('woff2'),
+		url(fonts/KaTeX_Typewriter-Regular.woff) format('woff'),
+		url(fonts/KaTeX_Typewriter-Regular.ttf) format('truetype');
+}
+.katex {
+	font:
+		normal 1.21em KaTeX_Main,
+		Times New Roman,
+		serif;
+	line-height: 1.2;
+	text-indent: 0;
+	text-rendering: auto;
+}
+.katex * {
+	-ms-high-contrast-adjust: none !important;
+	border-color: currentColor;
+}
+.katex .katex-version:after {
+	content: '0.13.2';
+}
+.katex .katex-mathml {
+	clip: rect(1px, 1px, 1px, 1px);
+	border: 0;
+	height: 1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.katex .katex-html > .newline {
+	display: block;
+}
+.katex .base {
+	position: relative;
+	white-space: nowrap;
+	width: -webkit-min-content;
+	width: -moz-min-content;
+	width: min-content;
+}
+.katex .base,
+.katex .strut {
+	display: inline-block;
+}
+.katex .textbf {
+	font-weight: 700;
+}
+.katex .textit {
+	font-style: italic;
+}
+.katex .textrm {
+	font-family: KaTeX_Main;
+}
+.katex .textsf {
+	font-family: KaTeX_SansSerif;
+}
+.katex .texttt {
+	font-family: KaTeX_Typewriter;
+}
+.katex .mathnormal {
+	font-family: KaTeX_Math;
+	font-style: italic;
+}
+.katex .mathit {
+	font-family: KaTeX_Main;
+	font-style: italic;
+}
+.katex .mathrm {
+	font-style: normal;
+}
+.katex .mathbf {
+	font-family: KaTeX_Main;
+	font-weight: 700;
+}
+.katex .boldsymbol {
+	font-family: KaTeX_Math;
+	font-style: italic;
+	font-weight: 700;
+}
+.katex .amsrm,
+.katex .mathbb,
+.katex .textbb {
+	font-family: KaTeX_AMS;
+}
+.katex .mathcal {
+	font-family: KaTeX_Caligraphic;
+}
+.katex .mathfrak,
+.katex .textfrak {
+	font-family: KaTeX_Fraktur;
+}
+.katex .mathtt {
+	font-family: KaTeX_Typewriter;
+}
+.katex .mathscr,
+.katex .textscr {
+	font-family: KaTeX_Script;
+}
+.katex .mathsf,
+.katex .textsf {
+	font-family: KaTeX_SansSerif;
+}
+.katex .mathboldsf,
+.katex .textboldsf {
+	font-family: KaTeX_SansSerif;
+	font-weight: 700;
+}
+.katex .mathitsf,
+.katex .textitsf {
+	font-family: KaTeX_SansSerif;
+	font-style: italic;
+}
+.katex .mainrm {
+	font-family: KaTeX_Main;
+	font-style: normal;
+}
+.katex .vlist-t {
+	border-collapse: collapse;
+	display: inline-table;
+	table-layout: fixed;
+}
+.katex .vlist-r {
+	display: table-row;
+}
+.katex .vlist {
+	display: table-cell;
+	position: relative;
+	vertical-align: bottom;
+}
+.katex .vlist > span {
+	display: block;
+	height: 0;
+	position: relative;
+}
+.katex .vlist > span > span {
+	display: inline-block;
+}
+.katex .vlist > span > .pstrut {
+	overflow: hidden;
+	width: 0;
+}
+.katex .vlist-t2 {
+	margin-right: -2px;
+}
+.katex .vlist-s {
+	display: table-cell;
+	font-size: 1px;
+	min-width: 2px;
+	vertical-align: bottom;
+	width: 2px;
+}
+.katex .vbox {
+	-webkit-box-orient: vertical;
+	-webkit-box-direction: normal;
+	-webkit-box-align: baseline;
+	align-items: baseline;
+	display: -webkit-inline-box;
+	display: inline-flex;
+	flex-direction: column;
+}
+.katex .hbox {
+	width: 100%;
+}
+.katex .hbox,
+.katex .thinbox {
+	-webkit-box-orient: horizontal;
+	-webkit-box-direction: normal;
+	display: -webkit-inline-box;
+	display: inline-flex;
+	flex-direction: row;
+}
+.katex .thinbox {
+	max-width: 0;
+	width: 0;
+}
+.katex .msupsub {
+	text-align: left;
+}
+.katex .mfrac > span > span {
+	text-align: center;
+}
+.katex .mfrac .frac-line {
+	border-bottom-style: solid;
+	display: inline-block;
+	width: 100%;
+}
+.katex .hdashline,
+.katex .hline,
+.katex .mfrac .frac-line,
+.katex .overline .overline-line,
+.katex .rule,
+.katex .underline .underline-line {
+	min-height: 1px;
+}
+.katex .mspace {
+	display: inline-block;
+}
+.katex .clap,
+.katex .llap,
+.katex .rlap {
+	position: relative;
+	width: 0;
+}
+.katex .clap > .inner,
+.katex .llap > .inner,
+.katex .rlap > .inner {
+	position: absolute;
+}
+.katex .clap > .fix,
+.katex .llap > .fix,
+.katex .rlap > .fix {
+	display: inline-block;
+}
+.katex .llap > .inner {
+	right: 0;
+}
+.katex .clap > .inner,
+.katex .rlap > .inner {
+	left: 0;
+}
+.katex .clap > .inner > span {
+	margin-left: -50%;
+	margin-right: 50%;
+}
+.katex .rule {
+	border: 0 solid;
+	display: inline-block;
+	position: relative;
+}
+.katex .hline,
+.katex .overline .overline-line,
+.katex .underline .underline-line {
+	border-bottom-style: solid;
+	display: inline-block;
+	width: 100%;
+}
+.katex .hdashline {
+	border-bottom-style: dashed;
+	display: inline-block;
+	width: 100%;
+}
+.katex .sqrt > .root {
+	margin-left: 0.27777778em;
+	margin-right: -0.55555556em;
+}
+.katex .fontsize-ensurer.reset-size1.size1,
+.katex .sizing.reset-size1.size1 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size1.size2,
+.katex .sizing.reset-size1.size2 {
+	font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size1.size3,
+.katex .sizing.reset-size1.size3 {
+	font-size: 1.4em;
+}
+.katex .fontsize-ensurer.reset-size1.size4,
+.katex .sizing.reset-size1.size4 {
+	font-size: 1.6em;
+}
+.katex .fontsize-ensurer.reset-size1.size5,
+.katex .sizing.reset-size1.size5 {
+	font-size: 1.8em;
+}
+.katex .fontsize-ensurer.reset-size1.size6,
+.katex .sizing.reset-size1.size6 {
+	font-size: 2em;
+}
+.katex .fontsize-ensurer.reset-size1.size7,
+.katex .sizing.reset-size1.size7 {
+	font-size: 2.4em;
+}
+.katex .fontsize-ensurer.reset-size1.size8,
+.katex .sizing.reset-size1.size8 {
+	font-size: 2.88em;
+}
+.katex .fontsize-ensurer.reset-size1.size9,
+.katex .sizing.reset-size1.size9 {
+	font-size: 3.456em;
+}
+.katex .fontsize-ensurer.reset-size1.size10,
+.katex .sizing.reset-size1.size10 {
+	font-size: 4.148em;
+}
+.katex .fontsize-ensurer.reset-size1.size11,
+.katex .sizing.reset-size1.size11 {
+	font-size: 4.976em;
+}
+.katex .fontsize-ensurer.reset-size2.size1,
+.katex .sizing.reset-size2.size1 {
+	font-size: 0.83333333em;
+}
+.katex .fontsize-ensurer.reset-size2.size2,
+.katex .sizing.reset-size2.size2 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size2.size3,
+.katex .sizing.reset-size2.size3 {
+	font-size: 1.16666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size4,
+.katex .sizing.reset-size2.size4 {
+	font-size: 1.33333333em;
+}
+.katex .fontsize-ensurer.reset-size2.size5,
+.katex .sizing.reset-size2.size5 {
+	font-size: 1.5em;
+}
+.katex .fontsize-ensurer.reset-size2.size6,
+.katex .sizing.reset-size2.size6 {
+	font-size: 1.66666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size7,
+.katex .sizing.reset-size2.size7 {
+	font-size: 2em;
+}
+.katex .fontsize-ensurer.reset-size2.size8,
+.katex .sizing.reset-size2.size8 {
+	font-size: 2.4em;
+}
+.katex .fontsize-ensurer.reset-size2.size9,
+.katex .sizing.reset-size2.size9 {
+	font-size: 2.88em;
+}
+.katex .fontsize-ensurer.reset-size2.size10,
+.katex .sizing.reset-size2.size10 {
+	font-size: 3.45666667em;
+}
+.katex .fontsize-ensurer.reset-size2.size11,
+.katex .sizing.reset-size2.size11 {
+	font-size: 4.14666667em;
+}
+.katex .fontsize-ensurer.reset-size3.size1,
+.katex .sizing.reset-size3.size1 {
+	font-size: 0.71428571em;
+}
+.katex .fontsize-ensurer.reset-size3.size2,
+.katex .sizing.reset-size3.size2 {
+	font-size: 0.85714286em;
+}
+.katex .fontsize-ensurer.reset-size3.size3,
+.katex .sizing.reset-size3.size3 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size3.size4,
+.katex .sizing.reset-size3.size4 {
+	font-size: 1.14285714em;
+}
+.katex .fontsize-ensurer.reset-size3.size5,
+.katex .sizing.reset-size3.size5 {
+	font-size: 1.28571429em;
+}
+.katex .fontsize-ensurer.reset-size3.size6,
+.katex .sizing.reset-size3.size6 {
+	font-size: 1.42857143em;
+}
+.katex .fontsize-ensurer.reset-size3.size7,
+.katex .sizing.reset-size3.size7 {
+	font-size: 1.71428571em;
+}
+.katex .fontsize-ensurer.reset-size3.size8,
+.katex .sizing.reset-size3.size8 {
+	font-size: 2.05714286em;
+}
+.katex .fontsize-ensurer.reset-size3.size9,
+.katex .sizing.reset-size3.size9 {
+	font-size: 2.46857143em;
+}
+.katex .fontsize-ensurer.reset-size3.size10,
+.katex .sizing.reset-size3.size10 {
+	font-size: 2.96285714em;
+}
+.katex .fontsize-ensurer.reset-size3.size11,
+.katex .sizing.reset-size3.size11 {
+	font-size: 3.55428571em;
+}
+.katex .fontsize-ensurer.reset-size4.size1,
+.katex .sizing.reset-size4.size1 {
+	font-size: 0.625em;
+}
+.katex .fontsize-ensurer.reset-size4.size2,
+.katex .sizing.reset-size4.size2 {
+	font-size: 0.75em;
+}
+.katex .fontsize-ensurer.reset-size4.size3,
+.katex .sizing.reset-size4.size3 {
+	font-size: 0.875em;
+}
+.katex .fontsize-ensurer.reset-size4.size4,
+.katex .sizing.reset-size4.size4 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size4.size5,
+.katex .sizing.reset-size4.size5 {
+	font-size: 1.125em;
+}
+.katex .fontsize-ensurer.reset-size4.size6,
+.katex .sizing.reset-size4.size6 {
+	font-size: 1.25em;
+}
+.katex .fontsize-ensurer.reset-size4.size7,
+.katex .sizing.reset-size4.size7 {
+	font-size: 1.5em;
+}
+.katex .fontsize-ensurer.reset-size4.size8,
+.katex .sizing.reset-size4.size8 {
+	font-size: 1.8em;
+}
+.katex .fontsize-ensurer.reset-size4.size9,
+.katex .sizing.reset-size4.size9 {
+	font-size: 2.16em;
+}
+.katex .fontsize-ensurer.reset-size4.size10,
+.katex .sizing.reset-size4.size10 {
+	font-size: 2.5925em;
+}
+.katex .fontsize-ensurer.reset-size4.size11,
+.katex .sizing.reset-size4.size11 {
+	font-size: 3.11em;
+}
+.katex .fontsize-ensurer.reset-size5.size1,
+.katex .sizing.reset-size5.size1 {
+	font-size: 0.55555556em;
+}
+.katex .fontsize-ensurer.reset-size5.size2,
+.katex .sizing.reset-size5.size2 {
+	font-size: 0.66666667em;
+}
+.katex .fontsize-ensurer.reset-size5.size3,
+.katex .sizing.reset-size5.size3 {
+	font-size: 0.77777778em;
+}
+.katex .fontsize-ensurer.reset-size5.size4,
+.katex .sizing.reset-size5.size4 {
+	font-size: 0.88888889em;
+}
+.katex .fontsize-ensurer.reset-size5.size5,
+.katex .sizing.reset-size5.size5 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size5.size6,
+.katex .sizing.reset-size5.size6 {
+	font-size: 1.11111111em;
+}
+.katex .fontsize-ensurer.reset-size5.size7,
+.katex .sizing.reset-size5.size7 {
+	font-size: 1.33333333em;
+}
+.katex .fontsize-ensurer.reset-size5.size8,
+.katex .sizing.reset-size5.size8 {
+	font-size: 1.6em;
+}
+.katex .fontsize-ensurer.reset-size5.size9,
+.katex .sizing.reset-size5.size9 {
+	font-size: 1.92em;
+}
+.katex .fontsize-ensurer.reset-size5.size10,
+.katex .sizing.reset-size5.size10 {
+	font-size: 2.30444444em;
+}
+.katex .fontsize-ensurer.reset-size5.size11,
+.katex .sizing.reset-size5.size11 {
+	font-size: 2.76444444em;
+}
+.katex .fontsize-ensurer.reset-size6.size1,
+.katex .sizing.reset-size6.size1 {
+	font-size: 0.5em;
+}
+.katex .fontsize-ensurer.reset-size6.size2,
+.katex .sizing.reset-size6.size2 {
+	font-size: 0.6em;
+}
+.katex .fontsize-ensurer.reset-size6.size3,
+.katex .sizing.reset-size6.size3 {
+	font-size: 0.7em;
+}
+.katex .fontsize-ensurer.reset-size6.size4,
+.katex .sizing.reset-size6.size4 {
+	font-size: 0.8em;
+}
+.katex .fontsize-ensurer.reset-size6.size5,
+.katex .sizing.reset-size6.size5 {
+	font-size: 0.9em;
+}
+.katex .fontsize-ensurer.reset-size6.size6,
+.katex .sizing.reset-size6.size6 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size6.size7,
+.katex .sizing.reset-size6.size7 {
+	font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size6.size8,
+.katex .sizing.reset-size6.size8 {
+	font-size: 1.44em;
+}
+.katex .fontsize-ensurer.reset-size6.size9,
+.katex .sizing.reset-size6.size9 {
+	font-size: 1.728em;
+}
+.katex .fontsize-ensurer.reset-size6.size10,
+.katex .sizing.reset-size6.size10 {
+	font-size: 2.074em;
+}
+.katex .fontsize-ensurer.reset-size6.size11,
+.katex .sizing.reset-size6.size11 {
+	font-size: 2.488em;
+}
+.katex .fontsize-ensurer.reset-size7.size1,
+.katex .sizing.reset-size7.size1 {
+	font-size: 0.41666667em;
+}
+.katex .fontsize-ensurer.reset-size7.size2,
+.katex .sizing.reset-size7.size2 {
+	font-size: 0.5em;
+}
+.katex .fontsize-ensurer.reset-size7.size3,
+.katex .sizing.reset-size7.size3 {
+	font-size: 0.58333333em;
+}
+.katex .fontsize-ensurer.reset-size7.size4,
+.katex .sizing.reset-size7.size4 {
+	font-size: 0.66666667em;
+}
+.katex .fontsize-ensurer.reset-size7.size5,
+.katex .sizing.reset-size7.size5 {
+	font-size: 0.75em;
+}
+.katex .fontsize-ensurer.reset-size7.size6,
+.katex .sizing.reset-size7.size6 {
+	font-size: 0.83333333em;
+}
+.katex .fontsize-ensurer.reset-size7.size7,
+.katex .sizing.reset-size7.size7 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size7.size8,
+.katex .sizing.reset-size7.size8 {
+	font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size7.size9,
+.katex .sizing.reset-size7.size9 {
+	font-size: 1.44em;
+}
+.katex .fontsize-ensurer.reset-size7.size10,
+.katex .sizing.reset-size7.size10 {
+	font-size: 1.72833333em;
+}
+.katex .fontsize-ensurer.reset-size7.size11,
+.katex .sizing.reset-size7.size11 {
+	font-size: 2.07333333em;
+}
+.katex .fontsize-ensurer.reset-size8.size1,
+.katex .sizing.reset-size8.size1 {
+	font-size: 0.34722222em;
+}
+.katex .fontsize-ensurer.reset-size8.size2,
+.katex .sizing.reset-size8.size2 {
+	font-size: 0.41666667em;
+}
+.katex .fontsize-ensurer.reset-size8.size3,
+.katex .sizing.reset-size8.size3 {
+	font-size: 0.48611111em;
+}
+.katex .fontsize-ensurer.reset-size8.size4,
+.katex .sizing.reset-size8.size4 {
+	font-size: 0.55555556em;
+}
+.katex .fontsize-ensurer.reset-size8.size5,
+.katex .sizing.reset-size8.size5 {
+	font-size: 0.625em;
+}
+.katex .fontsize-ensurer.reset-size8.size6,
+.katex .sizing.reset-size8.size6 {
+	font-size: 0.69444444em;
+}
+.katex .fontsize-ensurer.reset-size8.size7,
+.katex .sizing.reset-size8.size7 {
+	font-size: 0.83333333em;
+}
+.katex .fontsize-ensurer.reset-size8.size8,
+.katex .sizing.reset-size8.size8 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size8.size9,
+.katex .sizing.reset-size8.size9 {
+	font-size: 1.2em;
+}
+.katex .fontsize-ensurer.reset-size8.size10,
+.katex .sizing.reset-size8.size10 {
+	font-size: 1.44027778em;
+}
+.katex .fontsize-ensurer.reset-size8.size11,
+.katex .sizing.reset-size8.size11 {
+	font-size: 1.72777778em;
+}
+.katex .fontsize-ensurer.reset-size9.size1,
+.katex .sizing.reset-size9.size1 {
+	font-size: 0.28935185em;
+}
+.katex .fontsize-ensurer.reset-size9.size2,
+.katex .sizing.reset-size9.size2 {
+	font-size: 0.34722222em;
+}
+.katex .fontsize-ensurer.reset-size9.size3,
+.katex .sizing.reset-size9.size3 {
+	font-size: 0.40509259em;
+}
+.katex .fontsize-ensurer.reset-size9.size4,
+.katex .sizing.reset-size9.size4 {
+	font-size: 0.46296296em;
+}
+.katex .fontsize-ensurer.reset-size9.size5,
+.katex .sizing.reset-size9.size5 {
+	font-size: 0.52083333em;
+}
+.katex .fontsize-ensurer.reset-size9.size6,
+.katex .sizing.reset-size9.size6 {
+	font-size: 0.5787037em;
+}
+.katex .fontsize-ensurer.reset-size9.size7,
+.katex .sizing.reset-size9.size7 {
+	font-size: 0.69444444em;
+}
+.katex .fontsize-ensurer.reset-size9.size8,
+.katex .sizing.reset-size9.size8 {
+	font-size: 0.83333333em;
+}
+.katex .fontsize-ensurer.reset-size9.size9,
+.katex .sizing.reset-size9.size9 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size9.size10,
+.katex .sizing.reset-size9.size10 {
+	font-size: 1.20023148em;
+}
+.katex .fontsize-ensurer.reset-size9.size11,
+.katex .sizing.reset-size9.size11 {
+	font-size: 1.43981481em;
+}
+.katex .fontsize-ensurer.reset-size10.size1,
+.katex .sizing.reset-size10.size1 {
+	font-size: 0.24108004em;
+}
+.katex .fontsize-ensurer.reset-size10.size2,
+.katex .sizing.reset-size10.size2 {
+	font-size: 0.28929605em;
+}
+.katex .fontsize-ensurer.reset-size10.size3,
+.katex .sizing.reset-size10.size3 {
+	font-size: 0.33751205em;
+}
+.katex .fontsize-ensurer.reset-size10.size4,
+.katex .sizing.reset-size10.size4 {
+	font-size: 0.38572806em;
+}
+.katex .fontsize-ensurer.reset-size10.size5,
+.katex .sizing.reset-size10.size5 {
+	font-size: 0.43394407em;
+}
+.katex .fontsize-ensurer.reset-size10.size6,
+.katex .sizing.reset-size10.size6 {
+	font-size: 0.48216008em;
+}
+.katex .fontsize-ensurer.reset-size10.size7,
+.katex .sizing.reset-size10.size7 {
+	font-size: 0.57859209em;
+}
+.katex .fontsize-ensurer.reset-size10.size8,
+.katex .sizing.reset-size10.size8 {
+	font-size: 0.69431051em;
+}
+.katex .fontsize-ensurer.reset-size10.size9,
+.katex .sizing.reset-size10.size9 {
+	font-size: 0.83317261em;
+}
+.katex .fontsize-ensurer.reset-size10.size10,
+.katex .sizing.reset-size10.size10 {
+	font-size: 1em;
+}
+.katex .fontsize-ensurer.reset-size10.size11,
+.katex .sizing.reset-size10.size11 {
+	font-size: 1.19961427em;
+}
+.katex .fontsize-ensurer.reset-size11.size1,
+.katex .sizing.reset-size11.size1 {
+	font-size: 0.20096463em;
+}
+.katex .fontsize-ensurer.reset-size11.size2,
+.katex .sizing.reset-size11.size2 {
+	font-size: 0.24115756em;
+}
+.katex .fontsize-ensurer.reset-size11.size3,
+.katex .sizing.reset-size11.size3 {
+	font-size: 0.28135048em;
+}
+.katex .fontsize-ensurer.reset-size11.size4,
+.katex .sizing.reset-size11.size4 {
+	font-size: 0.32154341em;
+}
+.katex .fontsize-ensurer.reset-size11.size5,
+.katex .sizing.reset-size11.size5 {
+	font-size: 0.36173633em;
+}
+.katex .fontsize-ensurer.reset-size11.size6,
+.katex .sizing.reset-size11.size6 {
+	font-size: 0.40192926em;
+}
+.katex .fontsize-ensurer.reset-size11.size7,
+.katex .sizing.reset-size11.size7 {
+	font-size: 0.48231511em;
+}
+.katex .fontsize-ensurer.reset-size11.size8,
+.katex .sizing.reset-size11.size8 {
+	font-size: 0.57877814em;
+}
+.katex .fontsize-ensurer.reset-size11.size9,
+.katex .sizing.reset-size11.size9 {
+	font-size: 0.69453376em;
+}
+.katex .fontsize-ensurer.reset-size11.size10,
+.katex .sizing.reset-size11.size10 {
+	font-size: 0.83360129em;
+}
+.katex .fontsize-ensurer.reset-size11.size11,
+.katex .sizing.reset-size11.size11 {
+	font-size: 1em;
+}
+.katex .delimsizing.size1 {
+	font-family: KaTeX_Size1;
+}
+.katex .delimsizing.size2 {
+	font-family: KaTeX_Size2;
+}
+.katex .delimsizing.size3 {
+	font-family: KaTeX_Size3;
+}
+.katex .delimsizing.size4 {
+	font-family: KaTeX_Size4;
+}
+.katex .delimsizing.mult .delim-size1 > span {
+	font-family: KaTeX_Size1;
+}
+.katex .delimsizing.mult .delim-size4 > span {
+	font-family: KaTeX_Size4;
+}
+.katex .nulldelimiter {
+	display: inline-block;
+	width: 0.12em;
+}
+.katex .delimcenter,
+.katex .op-symbol {
+	position: relative;
+}
+.katex .op-symbol.small-op {
+	font-family: KaTeX_Size1;
+}
+.katex .op-symbol.large-op {
+	font-family: KaTeX_Size2;
+}
+.katex .accent > .vlist-t,
+.katex .op-limits > .vlist-t {
+	text-align: center;
+}
+.katex .accent .accent-body {
+	position: relative;
+}
+.katex .accent .accent-body:not(.accent-full) {
+	width: 0;
+}
+.katex .overlay {
+	display: block;
+}
+.katex .mtable .vertical-separator {
+	display: inline-block;
+	min-width: 1px;
+}
+.katex .mtable .arraycolsep {
+	display: inline-block;
+}
+.katex .mtable .col-align-c > .vlist-t {
+	text-align: center;
+}
+.katex .mtable .col-align-l > .vlist-t {
+	text-align: left;
+}
+.katex .mtable .col-align-r > .vlist-t {
+	text-align: right;
+}
+.katex .svg-align {
+	text-align: left;
+}
+.katex svg {
+	fill: currentColor;
+	stroke: currentColor;
+	fill-rule: nonzero;
+	fill-opacity: 1;
+	stroke-width: 1;
+	stroke-linecap: butt;
+	stroke-linejoin: miter;
+	stroke-miterlimit: 4;
+	stroke-dasharray: none;
+	stroke-dashoffset: 0;
+	stroke-opacity: 1;
+	display: block;
+	height: inherit;
+	position: absolute;
+	width: 100%;
+}
+.katex svg path {
+	stroke: none;
+}
+.katex img {
+	border-style: none;
+	max-height: none;
+	max-width: none;
+	min-height: 0;
+	min-width: 0;
+}
+.katex .stretchy {
+	display: block;
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.katex .stretchy:after,
+.katex .stretchy:before {
+	content: '';
+}
+.katex .hide-tail {
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+}
+.katex .halfarrow-left {
+	left: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 50.2%;
+}
+.katex .halfarrow-right {
+	overflow: hidden;
+	position: absolute;
+	right: 0;
+	width: 50.2%;
+}
+.katex .brace-left {
+	left: 0;
+	overflow: hidden;
+	position: absolute;
+	width: 25.1%;
+}
+.katex .brace-center {
+	left: 25%;
+	overflow: hidden;
+	position: absolute;
+	width: 50%;
+}
+.katex .brace-right {
+	overflow: hidden;
+	position: absolute;
+	right: 0;
+	width: 25.1%;
+}
+.katex .x-arrow-pad {
+	padding: 0 0.5em;
+}
+.katex .cd-arrow-pad {
+	padding: 0 0.55556em 0 0.27778em;
+}
+.katex .mover,
+.katex .munder,
+.katex .x-arrow {
+	text-align: center;
+}
+.katex .boxpad {
+	padding: 0 0.3em;
+}
+.katex .fbox,
+.katex .fcolorbox {
+	border: 0.04em solid;
+	box-sizing: border-box;
+}
+.katex .cancel-pad {
+	padding: 0 0.2em;
+}
+.katex .cancel-lap {
+	margin-left: -0.2em;
+	margin-right: -0.2em;
+}
+.katex .sout {
+	border-bottom-style: solid;
+	border-bottom-width: 0.08em;
+}
+.katex .angl {
+	border-right: 0.049em solid;
+	border-top: 0.049em solid;
+	box-sizing: border-content;
+	margin-right: 0.03889em;
+}
+.katex .anglpad {
+	padding: 0 0.03889em;
+}
+.katex .eqn-num:before {
+	content: '(' counter(katexEqnNo) ')';
+	counter-increment: katexEqnNo;
+}
+.katex .mml-eqn-num:before {
+	content: '(' counter(mmlEqnNo) ')';
+	counter-increment: mmlEqnNo;
+}
+.katex .mtr-glue {
+	width: 50%;
+}
+.katex .cd-vert-arrow {
+	display: inline-block;
+	position: relative;
+}
+.katex .cd-label-left {
+	display: inline-block;
+	position: absolute;
+	right: -webkit-calc(50% + 0.3em);
+	right: calc(50% + 0.3em);
+	text-align: left;
+}
+.katex .cd-label-right {
+	display: inline-block;
+	left: -webkit-calc(50% + 0.3em);
+	left: calc(50% + 0.3em);
+	position: absolute;
+	text-align: right;
+}
+.katex-display {
+	display: block;
+	margin: 1em 0;
+	text-align: center;
+}
+.katex-display > .katex {
+	display: block;
+	text-align: center;
+	white-space: nowrap;
+}
+.katex-display > .katex > .katex-html {
+	display: block;
+	position: relative;
+}
+.katex-display > .katex > .katex-html > .tag {
+	position: absolute;
+	right: 0;
+}
+.katex-display.leqno > .katex > .katex-html > .tag {
+	left: 0;
+	right: auto;
+}
+.katex-display.fleqn > .katex {
+	padding-left: 2em;
+	text-align: left;
+}
+body {
+	counter-reset: katexEqnNo mmlEqnNo;
+}
diff --git a/src/tweeq/index.ts b/src/tweeq/index.ts
index 3df2b46..ca0e356 100644
--- a/src/tweeq/index.ts
+++ b/src/tweeq/index.ts
@@ -5,6 +5,7 @@ import CommandPalette from './CommandPalette'
 import FloatingPane from './FloatingPane'
 import InputNumber from './InputNumber'
 import InputString from './InputString'
+import Markdown from './Markdown'
 import MonacoEditor, {ErrorInfo} from './MonacoEditor'
 import {Parameter, ParameterGrid} from './ParameterGrid'
 import RoundButton from './RoundButton'
@@ -14,16 +15,17 @@ import TitleBar from './TitleBar'
 export {type ErrorInfo}
 
 export default {
+	ColorIcon,
 	CommandPalette,
 	FloatingPane,
 	InputNumber,
 	InputString,
+	Markdown,
+	MonacoEditor,
+	ParameterGrid,
+	Parameter,
 	RoundButton,
 	Tab,
 	Tabs,
 	TitleBar,
-	MonacoEditor,
-	ColorIcon,
-	ParameterGrid,
-	Parameter,
 }
diff --git a/yarn.lock b/yarn.lock
index b3a432a..006c4fc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1239,6 +1239,13 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
+"@traptitech/markdown-it-katex@^3.6.0":
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/@traptitech/markdown-it-katex/-/markdown-it-katex-3.6.0.tgz#6f2605668ecf56a50aa2fadce1fc76f90dc82529"
+  integrity sha512-CnJzTWxsgLGXFdSrWRaGz7GZ1kUUi8g3E9HzJmeveX1YwVJavrKYqysktfHZQsujdnRqV5O7g8FPKEA/aeTkOQ==
+  dependencies:
+    katex "^0.16.0"
+
 "@types/estree@0.0.39":
   version "0.0.39"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
@@ -1828,6 +1835,11 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@^8.3.0:
+  version "8.3.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
+  integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
+
 common-tags@^1.8.0:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
@@ -1963,6 +1975,11 @@ electron-to-chromium@^1.4.526:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.528.tgz#7c900fd73d9d2e8bb0dab0e301f25f0f4776ef2c"
   integrity sha512-UdREXMXzLkREF4jA8t89FQjA8WHI6ssP38PMY4/4KhXFQbtImnghh4GkCgrtiZwLKUKVD2iTVXvDVQjfomEQuA==
 
+entities@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-3.0.1.tgz#2b887ca62585e96db3903482d336c1006c3001d4"
+  integrity sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==
+
 es-abstract@^1.22.1:
   version "1.22.2"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.2.tgz#90f7282d91d0ad577f505e423e52d4c1d93c1b8a"
@@ -2896,6 +2913,13 @@ jsonpointer@^5.0.0:
   resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-5.0.1.tgz#2110e0af0900fd37467b5907ecd13a7884a1b559"
   integrity sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==
 
+katex@^0.16.0:
+  version "0.16.8"
+  resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.8.tgz#89b453f40e8557f423f31a1009e9298dd99d5ceb"
+  integrity sha512-ftuDnJbcbOckGY11OO+zg3OofESlbR5DRl2cmN8HeWeeFIV7wTXvAOx8kEjZjobhA+9wh2fbKeO6cdcA9Mnovg==
+  dependencies:
+    commander "^8.3.0"
+
 keyv@^4.5.3:
   version "4.5.3"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.3.tgz#00873d2b046df737963157bd04f294ca818c9c25"
@@ -2916,6 +2940,13 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
+linkify-it@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/linkify-it/-/linkify-it-4.0.1.tgz#01f1d5e508190d06669982ba31a7d9f56a5751ec"
+  integrity sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==
+  dependencies:
+    uc.micro "^1.0.1"
+
 locate-path@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
@@ -2971,6 +3002,42 @@ magic-string@^0.30.0:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.4.15"
 
+markdown-it-anchor@^8.6.7:
+  version "8.6.7"
+  resolved "https://registry.yarnpkg.com/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz#ee6926daf3ad1ed5e4e3968b1740eef1c6399634"
+  integrity sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==
+
+markdown-it-deflist@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-deflist/-/markdown-it-deflist-2.1.0.tgz#50d7a56b9544cd81252f7623bd785e28a8dcef5c"
+  integrity sha512-3OuqoRUlSxJiuQYu0cWTLHNhhq2xtoSFqsZK8plANg91+RJQU1ziQ6lA2LzmFAEes18uPBsHZpcX6We5l76Nzg==
+
+markdown-it-footnote@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/markdown-it-footnote/-/markdown-it-footnote-3.0.3.tgz#e0e4c0d67390a4c5f0c75f73be605c7c190ca4d8"
+  integrity sha512-YZMSuCGVZAjzKMn+xqIco9d1cLGxbELHZ9do/TSYVzraooV8ypsppKNmUJ0fVH5ljkCInQAtFpm8Rb3eXSrt5w==
+
+markdown-it-toc-done-right@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/markdown-it-toc-done-right/-/markdown-it-toc-done-right-4.2.0.tgz#3ccdce22d5022ffae7b991d07261b1b1de5459d0"
+  integrity sha512-UB/IbzjWazwTlNAX0pvWNlJS8NKsOQ4syrXZQ/C72j+jirrsjVRT627lCaylrKJFBQWfRsPmIVQie8x38DEhAQ==
+
+markdown-it@^13.0.2:
+  version "13.0.2"
+  resolved "https://registry.yarnpkg.com/markdown-it/-/markdown-it-13.0.2.tgz#1bc22e23379a6952e5d56217fbed881e0c94d536"
+  integrity sha512-FtwnEuuK+2yVU7goGn/MJ0WBZMM9ZPgU9spqlFs7/A/pDIUNSOQZhUgOqYCficIuR2QaFnrt8LHqBWsbTAoI5w==
+  dependencies:
+    argparse "^2.0.1"
+    entities "~3.0.1"
+    linkify-it "^4.0.1"
+    mdurl "^1.0.1"
+    uc.micro "^1.0.5"
+
+mdurl@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e"
+  integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -3787,6 +3854,11 @@ typescript@^5.2.2:
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
   integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
 
+uc.micro@^1.0.1, uc.micro@^1.0.5:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/uc.micro/-/uc.micro-1.0.6.tgz#9c411a802a409a91fc6cf74081baba34b24499ac"
+  integrity sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"