.

Author: faikit

app/(default)/(home)/landing.tsx

@@ -20,8 +20,22 @@ import {
 import { AspectRatio } from "@/components/ui/aspect-ratio"
 
 
+import {
+    Drawer,
+    DrawerClose,
+    DrawerContent,
+    DrawerDescription,
+    DrawerFooter,
+    DrawerHeader,
+    DrawerTitle,
+    DrawerTrigger,
+} from "@/components/ui/drawer"
+import { Chen2025_value_learning } from "@/components/citation-drawer"
+
+
 
 import { publications } from "@/data/publications"
+import { Button } from "@/components/ui/button"
 const landings = [0,1,2,3,5,4].map(index => [...publications.values()].filter(publication => publication.keys.includes('home_sliding'))[index])
 const type_mapping: Record<string, string> = {
     "page": "Page",
@@ -208,6 +222,23 @@ export function Landing() {
                                                 </Link>
                                             )
                                         }
+                                        {
+                                            landing.title.startsWith('Intelligent Robot') && (
+                                                <span className="text-xs mr-3"> | </span>
+                                            )
+                                        } {
+                                            landing.title.startsWith('Intelligent Robot') && (
+
+                                                <Drawer direction="top">
+                                                    <DrawerTrigger asChild>
+                                                        <span className="animated-underline-gray mr-3 text-nowrap">
+                                                            Cite
+                                                        </span>
+                                                    </DrawerTrigger>
+                                                    <Chen2025_value_learning />
+                                                </Drawer>
+                                            )
+                                        }
                                     </div>
                                 </div>
 

components/citation-chen2025.tsx

@@ -0,0 +1,87 @@
+'use client';
+
+import { useRef, useState } from 'react';
+
+export default function CitationChen2025() {
+  const blockRef = useRef<HTMLPreElement>(null);
+  const [copied, setCopied] = useState(false);
+
+  const handleCopy = async () => {
+    if (!blockRef.current) return;
+
+    try {
+      await navigator.clipboard.writeText(blockRef.current.innerText);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch (err) {
+      console.error('复制失败:', err);
+    }
+  };
+
+  return (
+    <div className="mt-6 flex flex-row gap-6 justify-center">
+      <div />
+      <div className="relative w-full max-w-4xl">
+        {/* 右上角复制按钮 */}
+        <button
+          onClick={handleCopy}
+          className="absolute top-2 right-2 p-2 rounded-sm bg-transparent hover:bg-black/10 transition"
+          title="Copy"
+        >
+          {copied ? (
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="white"
+              strokeWidth={2.5}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="w-5 h-5"
+            >
+              <path d="M5 13l4 4L19 7" />
+            </svg>
+          ) : (
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              strokeWidth={2.5}
+              stroke="white"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="w-5 h-5"
+            >
+              <path d="M8 16h8M8 12h8m-6 8h6a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2h2" />
+            </svg>
+          )}
+        </button>
+
+        {/* Citation Code Block (wrap, no scroll) */}
+        <pre
+          ref={blockRef}
+          className="
+            w-full p-4 rounded-sm
+            bg-black/10
+            font-mono text-sm
+            text-muted-foreground
+            leading-relaxed
+
+            whitespace-pre-wrap
+            break-words
+          "
+        >
+<code>{`@article{chen2025_value_learning,
+  title={Intelligent Robot Manipulation Requires Self-Directed Learning},
+  author={Chen, Li and Sima, Chonghao and Chitta, Kashyap and Loquercio, Antonio and Luo, Ping and Ma, Yi and Li, Hongyang},
+  journal={OpenReview},
+  year={2026},
+  url={https://openreview.net/forum?id=Seb7rprW1Y},
+  note={Accessed: 2026-01-02}
+}`}</code>
+        </pre>
+      </div>
+      <div />
+    </div>
+  );
+}

components/citation-drawer.tsx

@@ -0,0 +1,40 @@
+import Image from 'next/image'
+
+
+
+import CitationChen2025 from "@/components/citation-chen2025"
+
+
+
+import { AspectRatio } from "@/components/ui/aspect-ratio"
+import {
+    Drawer,
+    DrawerClose,
+    DrawerContent,
+    DrawerDescription,
+    DrawerFooter,
+    DrawerHeader,
+    DrawerTitle,
+    DrawerTrigger,
+} from "@/components/ui/drawer"
+
+
+
+
+export function Chen2025_value_learning() {
+    return (
+        <DrawerContent className='pt-12 pb-6'>
+            <DrawerHeader>
+                <DrawerTitle className='text-xl'>
+                    Please cite this work as
+                </DrawerTitle>
+            </DrawerHeader>
+            <div className="w-full flex justify-center px-6">
+                <div className="max-w-5xl">
+                    <CitationChen2025 />
+                </div>
+            </div>
+            <DrawerFooter></DrawerFooter>
+        </DrawerContent>
+    )
+}