feat: add generation_mode to RecentArticle and related components

- Updated RecentArticle interface to include generation_mode.
- Modified workspace_service to map generation_mode from database.
- Adjusted domain model for RecentArticle to accommodate generation_mode.
- Enhanced SQL queries to retrieve generation_mode from generation_tasks.
- Created ArticleActionGroup component for article action buttons.
- Implemented ArticleGenerateStatus component to display generation status.
- Developed ArticlePublishStatus component to show publish status and related platforms.
- Introduced ArticleSourceMeta component to display article source information.
- Added utility functions for article actions and clipboard content generation.

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

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import { LoadingOutlined } from "@ant-design/icons-vue";
+import { computed } from "vue";
+
+import { getGenerateStatusMeta } from "@/lib/display";
+
+const props = defineProps<{
+  status?: string | null;
+}>();
+
+const statusMeta = computed(() => getGenerateStatusMeta(props.status));
+const isLoading = computed(() => props.status === "queued" || props.status === "generating" || props.status === "running");
+</script>
+
+<template>
+  <a-tag :color="statusMeta.color">
+    <span class="article-generate-status">
+      <LoadingOutlined v-if="isLoading" spin />
+      <span>{{ statusMeta.label }}</span>
+    </span>
+  </a-tag>
+</template>
+
+<style scoped>
+.article-generate-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+</style>