feat: one gateway port with path-mounted frontends, markdown chat, collapsible sidebars

ui/src/routes/layout.css

@@ -297,3 +297,60 @@
 @utility hairline {
   border-color: color-mix(in oklab, var(--border) 100%, transparent);
 }
+
+/* chat markdown: typography plugin on the theme tokens, compact rhythm */
+.prose {
+  --tw-prose-body: var(--foreground);
+  --tw-prose-headings: var(--foreground);
+  --tw-prose-lead: var(--muted-foreground);
+  --tw-prose-links: var(--link);
+  --tw-prose-bold: var(--foreground);
+  --tw-prose-counters: var(--muted-foreground);
+  --tw-prose-bullets: var(--muted-foreground);
+  --tw-prose-hr: var(--border);
+  --tw-prose-quotes: var(--foreground);
+  --tw-prose-quote-borders: var(--border);
+  --tw-prose-captions: var(--muted-foreground);
+  --tw-prose-code: var(--foreground);
+  --tw-prose-pre-code: var(--foreground);
+  --tw-prose-pre-bg: var(--muted);
+  --tw-prose-th-borders: var(--border);
+  --tw-prose-td-borders: var(--border);
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
+.prose
+  :where(p, ul, ol, pre, blockquote, table):not(
+    :where([class~="not-prose"] *)
+  ) {
+  margin-block: 0.4em;
+}
+.prose :where(h1, h2, h3, h4):not(:where([class~="not-prose"] *)) {
+  margin-block: 0.8em 0.4em;
+  font-size: 1em;
+  font-weight: 600;
+}
+.prose :where(li):not(:where([class~="not-prose"] *)) {
+  margin-block: 0.15em;
+}
+.prose :where(code):not(:where([class~="not-prose"] *))::before,
+.prose :where(code):not(:where([class~="not-prose"] *))::after {
+  content: none;
+}
+.prose :where(code):not(:where(pre *)):not(:where([class~="not-prose"] *)) {
+  padding: 0.1em 0.3em;
+  font-weight: 500;
+  background: color-mix(in oklch, var(--muted) 70%, transparent);
+  border-radius: 0.25rem;
+}
+.prose :where(pre):not(:where([class~="not-prose"] *)) {
+  padding: 0.6em 0.8em;
+  font-size: 0.8125rem;
+  border-radius: 0.375rem;
+}
+.prose > :first-child {
+  margin-top: 0;
+}
+.prose > :last-child {
+  margin-bottom: 0;
+}