Enhance Umami tracking implementation

- Standardize Hero events to `navigation_click`
- Add `search_result_click` tracking in search dialog
- Track `ai_assistant_query` without parameters
- Track 404 errors with referrer
- Add tracking for "Mission Brief" and "Network Status" in footer
- Implement `CopyTracking` for `content_copy` events
- Implement `PageFeedback` with updated styling
- Update documentation in `docs/umami_tracking.md`

Co-authored-by: longsizhuo <114939201+longsizhuo@users.noreply.github.com>

Author: google-labs-jules[bot]

app/components/CopyTracking.tsx

@@ -42,7 +42,7 @@ export function CopyTracking() {
 
       // Umami 埋点: 记录复制行为，区分文本/代码类型和复制长度
       if (window.umami) {
-        window.umami.track("prose_copy", {
+        window.umami.track("content_copy", {
           type,
           content_length: text.length,
         });

app/components/DocsAssistant.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useCallback, useEffect, useMemo } from "react";
 
 import { AssistantRuntimeProvider } from "@assistant-ui/react";
 import { useAISDKRuntime } from "@assistant-ui/react-ai-sdk";
@@ -54,32 +54,20 @@ function DocsAssistantInner({ pageContext }: DocsAssistantProps) {
 
   const chat = useChat({
     transport,
+    onFinish: () => {
+      // 当对话结束时（流式传输完成），记录一次查询行为
+      if (window.umami) {
+        window.umami.track("ai_assistant_query");
+      }
+    },
   });
 
   const {
-    messages,
     error: chatError,
     status: chatStatus,
     clearError: clearChatError,
   } = chat;
 
-  // Track assistant query completion
-  const prevStatus = useRef(chatStatus);
-
-  useEffect(() => {
-    if (prevStatus.current === "streaming" && chatStatus === "ready") {
-      // Streaming finished successfully
-      const lastUserMessage = messages.filter((m) => m.role === "user").pop();
-      // Umami 埋点: AI 对话结束，记录查询长度（保护隐私，不记录具体内容）
-      if (window.umami) {
-        window.umami.track("ai_assistant_query", {
-          length: (lastUserMessage as any)?.content?.length ?? 0, // eslint-disable-line @typescript-eslint/no-explicit-any
-        });
-      }
-    }
-    prevStatus.current = chatStatus;
-  }, [chatStatus, messages]);
-
   useEffect(() => {
     if (chatStatus === "submitted" || chatStatus === "streaming") {
       clearChatError();

app/components/PageFeedback.tsx

@@ -12,8 +12,8 @@ export function PageFeedback() {
   const handleVote = (vote: "helpful" | "not_helpful") => {
     if (voted) return;
 
-    // Umami 埋点: 记录用户是否有帮助的投票
     if (window.umami) {
+      // Umami 埋点: 记录用户是否有帮助的投票
       window.umami.track("feedback_submit", {
         page: pathname,
         vote,
@@ -24,32 +24,32 @@ export function PageFeedback() {
 
   if (voted) {
     return (
-      <div className="flex items-center gap-2 text-sm text-muted-foreground animate-in fade-in slide-in-from-bottom-2 mt-8 py-4 border-t border-border">
+      <div className="flex items-center gap-2 text-sm text-neutral-500 mt-8 py-4 border-t border-[var(--foreground)] font-serif italic">
         <span>Thanks for your feedback! / 感谢您的反馈！</span>
       </div>
     );
   }
 
   return (
-    <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 py-4 border-t border-border mt-8">
-      <span className="text-sm font-medium text-muted-foreground">
+    <div className="flex flex-col sm:flex-row items-start sm:items-center gap-4 py-4 border-t border-[var(--foreground)] mt-8">
+      <span className="text-sm font-medium text-[var(--foreground)] font-serif">
         Was this page helpful? / 这篇文章有帮助吗？
       </span>
       <div className="flex gap-2">
         <Button
-          variant="ghost"
+          variant="outline"
           size="sm"
           onClick={() => handleVote("helpful")}
-          className="gap-2 hover:bg-green-500/10 hover:text-green-600"
+          className="gap-2 border-[var(--foreground)] text-[var(--foreground)] hover:bg-[var(--foreground)] hover:text-[var(--background)] transition-colors rounded-none font-sans"
         >
           <ThumbsUp className="h-4 w-4" />
           Yes
         </Button>
         <Button
-          variant="ghost"
+          variant="outline"
           size="sm"
           onClick={() => handleVote("not_helpful")}
-          className="gap-2 hover:bg-red-500/10 hover:text-red-600"
+          className="gap-2 border-[var(--foreground)] text-[var(--foreground)] hover:bg-[var(--foreground)] hover:text-[var(--background)] transition-colors rounded-none font-sans"
         >
           <ThumbsDown className="h-4 w-4" />
           No

docs/umami_tracking.md

@@ -39,11 +39,11 @@
 
 | 区域             | 元素说明                   | 触发行为 | 埋点事件名 (Event Name)      | 埋点传参 (Event Data)                                        |
 | :--------------- | :------------------------- | :------- | :--------------------------- | :----------------------------------------------------------- |
-| **Content**      | 复制生词/代码块            | 复制     | `prose_copy`                 | `type`: "code"/"text", `content_length`: 字符数 (number)     |
+| **Content**      | 复制生词/代码块            | 复制     | `content_copy`               | `type`: "code"/"text", `content_length`: 字符数 (number)     |
 | **Content**      | 页面反馈 (Helpful)         | 点击     | `feedback_submit`            | `page`: 当前页面路径, `vote`: "helpful" / "not_helpful"      |
 | **Feature**      | 投稿 (Contribute)          | 点击     | `contribute_trigger`         | `location`: "hero" / "docs"                                  |
 | **Feature**      | 投稿跳转 (Github Redirect) | 跳转     | `contribute_github_redirect` | `dir`: 目标目录, `filename`: 文件名                          |
-| **AI Assistant** | 提问                       | 完成     | `ai_assistant_query`         | `length`: 查询字符数 (number) _注意：不记录具体内容以保护隐私_ |
+| **AI Assistant** | 提问                       | 完成     | `ai_assistant_query`         | _(暂未包含具体参数)_                                         |
 
 ## 4. 异常与错误 (Errors)
 
@@ -86,7 +86,7 @@ umami.track("search_result_click", {
 
 ```tsx
 // 自动监听 document copy 事件
-umami.track("prose_copy", {
+umami.track("content_copy", {
   type: isCode ? "code" : "text",
   content_length: selection.toString().length,
 });