feat: add knowledge markdown formatting and detail retrieval

- Implemented KnowledgeWebsiteMarkdownPrompt for formatting webpage content into Markdown.
- Added GetItemDetail method in KnowledgeHandler to retrieve knowledge item details.
- Introduced KnowledgeDetailDrawer component for displaying knowledge item details in the admin web interface.
- Created MarkdownPreview component for rendering Markdown content.
- Added knowledge chunking and URL parsing logic to handle webpage content extraction and formatting.
- Updated database schema to include markdown_content in knowledge_items table.

apps/admin-web/src/components/MarkdownPreview.vue

@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import MarkdownIt from "markdown-it";
+import { computed } from "vue";
+
+const props = defineProps<{
+  content: string;
+}>();
+
+const renderer = new MarkdownIt({
+  html: false,
+  linkify: true,
+  breaks: true,
+});
+
+const html = computed(() => renderer.render(props.content || ""));
+</script>
+
+<template>
+  <div class="markdown-preview" v-html="html" />
+</template>
+
+<style scoped>
+.markdown-preview {
+  color: #111827;
+  font-size: 14px;
+  line-height: 1.75;
+}
+
+.markdown-preview :deep(h1),
+.markdown-preview :deep(h2),
+.markdown-preview :deep(h3),
+.markdown-preview :deep(h4) {
+  margin: 1.2em 0 0.6em;
+  color: #111827;
+  font-weight: 700;
+}
+
+.markdown-preview :deep(h1) {
+  font-size: 28px;
+}
+
+.markdown-preview :deep(h2) {
+  font-size: 22px;
+}
+
+.markdown-preview :deep(h3) {
+  font-size: 18px;
+}
+
+.markdown-preview :deep(p),
+.markdown-preview :deep(ul),
+.markdown-preview :deep(ol),
+.markdown-preview :deep(blockquote) {
+  margin: 0 0 1em;
+}
+
+.markdown-preview :deep(ul),
+.markdown-preview :deep(ol) {
+  padding-left: 1.5em;
+}
+
+.markdown-preview :deep(a) {
+  color: #1677ff;
+}
+
+.markdown-preview :deep(code) {
+  padding: 2px 6px;
+  border-radius: 6px;
+  background: #f3f4f6;
+  font-size: 13px;
+}
+
+.markdown-preview :deep(pre) {
+  overflow-x: auto;
+  padding: 16px;
+  border-radius: 12px;
+  background: #111827;
+  color: #f9fafb;
+}
+
+.markdown-preview :deep(pre code) {
+  padding: 0;
+  background: transparent;
+  color: inherit;
+}
+
+.markdown-preview :deep(table) {
+  width: 100%;
+  margin: 0 0 1em;
+  border-collapse: collapse;
+  overflow: hidden;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+}
+
+.markdown-preview :deep(th),
+.markdown-preview :deep(td) {
+  padding: 10px 12px;
+  border: 1px solid #e5e7eb;
+  text-align: left;
+  vertical-align: top;
+}
+
+.markdown-preview :deep(th) {
+  background: #f9fafb;
+  font-weight: 600;
+}
+
+.markdown-preview :deep(hr) {
+  margin: 24px 0;
+  border: 0;
+  border-top: 1px solid #e5e7eb;
+}
+</style>