docs(agent-tars): make showcase public (#988)

Author: ulivz

multimodal/websites/docs/docs/en/_meta.json

@@ -1,9 +1,14 @@
 [
   {
-    "text": "guide",
+    "text": "Guide",
     "link": "/guide/get-started/introduction",
     "activeMatch": "/guide/"
   },
+  {
+    "text": "Showcase",
+    "link": "/showcase",
+    "activeMatch": "/showcase"
+  },
   {
     "text": "Blog",
     "link": "/blog/2025-06-25-introducing-agent-tars-beta.html"

multimodal/websites/docs/docs/zh/_meta.json

@@ -4,6 +4,11 @@
     "link": "/guide/get-started/introduction",
     "activeMatch": "/guide/"
   },
+  {
+    "text": "Showcase",
+    "link": "/showcase",
+    "activeMatch": "/showcase"
+  },
   {
     "text": "Blog",
     "link": "/blog/2025-06-25-introducing-agent-tars-beta.html"

multimodal/websites/docs/src/components/Showcase/index.tsx

@@ -19,7 +19,7 @@ const NotFoundPage: React.FC = () => {
   // Set meta for 404 page
   usePageMeta({
     title: generatePageTitle('Page Not Found'),
-    description: 'The page you\'re looking for doesn\'t exist or has been moved.',
+    description: "The page you're looking for doesn't exist or has been moved.",
   });
 
   return (
@@ -56,10 +56,6 @@ export const Showcase: React.FC = () => {
   const pathInfo = extractIdFromPath(location.pathname);
   const isDetailPage = !!pathInfo;
 
-  // Check access permission for the index page
-  const searchParams = new URLSearchParams(location.search);
-  const hasAccess = searchParams.get('enableShowcaseIndex') === '1';
-
   // Always call hooks in the same order - move useShowcaseData before conditional returns
   const hookParams = pathInfo
     ? pathInfo.type === 'sessionId'
@@ -72,20 +68,14 @@ export const Showcase: React.FC = () => {
   // Set base meta tags for showcase
   usePageMeta({
     title: generatePageTitle('Showcase'),
-    description: 'Explore Agent TARS showcase demos and replays. Discover real-world examples of multimodal AI agent capabilities in action.',
+    description:
+      'Explore Agent TARS showcase demos and replays. Discover real-world examples of multimodal AI agent capabilities in action.',
   });
 
   if (isInSSR()) {
     return null;
   }
 
-  // Now we can do conditional rendering after all hooks are called
-  // For detail pages, we don't need access control
-  // For index page, we need to check access permission
-  if (!isDetailPage && !hasAccess) {
-    return <NotFoundPage />;
-  }
-
   if (isDetailPage) {
     return (
       <ShowcaseDetailPage
@@ -143,9 +133,9 @@ const ShowcaseListPage: React.FC<ShowcaseListPageProps> = ({
       const categoryName = activeCategory.charAt(0).toUpperCase() + activeCategory.slice(1);
       const title = generatePageTitle(`${categoryName} Showcase`);
       const description = optimizeDescription(
-        `Explore ${categoryName} demos and examples with Agent TARS. See real-world applications of multimodal AI in ${activeCategory}.`
+        `Explore ${categoryName} demos and examples with Agent TARS. See real-world applications of multimodal AI in ${activeCategory}.`,
       );
-      
+
       if (typeof document !== 'undefined') {
         document.title = title;
         const metaDesc = document.querySelector('meta[name="description"]');
@@ -283,20 +273,20 @@ const ShowcaseDetailPage: React.FC<ShowcaseDetailPageProps> = ({
       const item = items[0];
       const title = generatePageTitle(item.title);
       const description = optimizeDescription(
-        `${item.description} - Explore this ${item.category} demonstration showcasing Agent TARS capabilities.`
+        `${item.description} - Explore this ${item.category} demonstration showcasing Agent TARS capabilities.`,
       );
-      
+
       // Update meta tags dynamically
       if (typeof document !== 'undefined') {
         document.title = title;
-        
+
         const setMetaContent = (selector: string, content: string) => {
           const meta = document.querySelector(selector);
           if (meta) {
             meta.setAttribute('content', content);
           }
         };
-        
+
         setMetaContent('meta[name="description"]', description);
         setMetaContent('meta[property="og:title"]', title);
         setMetaContent('meta[property="og:description"]', description);

multimodal/websites/docs/src/services/dataProcessor.ts

@@ -116,18 +116,18 @@ function extractTwitterUsername(url: string): string {
  */
 function ensureHttps(url: string): string {
   if (!url) return url;
-  
+
   if (url.startsWith('http://') || url.startsWith('https://')) {
     if (url.startsWith('http://')) {
       return url.replace('http://', 'https://');
     }
     return url;
   }
-  
+
   if (url.startsWith('//')) {
     return `https:${url}`;
   }
-  
+
   return `https://${url}`;
 }
 
@@ -144,7 +144,7 @@ function transformApiItemToShowcase(apiItem: ApiShareItem): ShowcaseItem {
 
   const categoryTag = tags.find((tag) => categories.some((cat) => cat.id === tag.toLowerCase()));
   const category = categoryTag ? (categoryTag.toLowerCase() as CategoryType) : DEFAULT_CATEGORY;
-  const secureUrl = ensureHttps(apiItem.url) + '?logo=agent-tars';
+  const secureUrl = ensureHttps(apiItem.url) + '?logo=agent-tars&replay=1';
 
   const languages = apiItem.languages
     ? apiItem.languages