feat: 添加 UI 组件增强与测试覆盖

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/messages/UserGitHubWebhookMessage.tsx

@@ -0,0 +1,36 @@
+/**
+ * UserGitHubWebhookMessage — render inbound GitHub webhook activity.
+ */
+import type { TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import * as React from 'react';
+import { Box, Text } from '@anthropic/ink';
+import { extractTag } from '../../utils/messages.js';
+
+type Props = {
+  addMargin: boolean;
+  param: TextBlockParam;
+};
+
+export function UserGitHubWebhookMessage({ param, addMargin }: Props): React.ReactNode {
+  const text = param.text;
+  const extracted = extractTag(text, 'github-webhook-activity');
+  if (!extracted) {
+    return null;
+  }
+
+  const eventMatch = extracted.match(/event[_-]?type[":\s]+["']?(\w+)/);
+  const repoMatch = extracted.match(/repo(?:sitory)?[":\s]+["']?([^"'\s,}]+)/);
+  const event = eventMatch?.[1] ?? 'activity';
+  const repo = repoMatch?.[1] ?? '';
+  const repoSuffix = repo ? ` in ${repo}` : '';
+
+  return (
+    <Box flexDirection="row" marginTop={addMargin ? 1 : 0}>
+      <Text dimColor>[GitHub] </Text>
+      <Text>
+        {event}
+        {repoSuffix}
+      </Text>
+    </Box>
+  );
+}