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

ui/src/lib/panel/chat-view.svelte

@@ -10,6 +10,7 @@
   import { cn } from "$lib/utils";
   import type { ActivityModel } from "./activity.svelte";
   import { summarizeInput, toolLabel } from "./activity.svelte";
+  import Markdown from "./markdown.svelte";
   import QuestionCard from "./question-card.svelte";
   import TurnCard from "./turn-card.svelte";
 
@@ -159,14 +160,13 @@
         >
           {#each parts as block, blockIndex (blockIndex)}
             {#if block.type === "text" && block.text}
-              <p
+              <Markdown
                 class={cn(
-                  "max-w-[75ch] whitespace-pre-wrap rounded-lg px-3 py-2 text-sm",
+                  "max-w-[75ch] rounded-lg px-3 py-2",
                   message.role === "user" ? "bg-primary/10" : "bg-muted/50"
                 )}
-              >
-                {block.text}
-              </p>
+                text={block.text}
+              />
             {:else if block.type === "tool_use"}
               <p class="flex items-baseline gap-2 px-1 text-xs">
                 <span class="font-medium">{toolLabel(block.name ?? "?")}</span>