+
+ );
+ };
+
+ const getTypeLabel = (collectionType: string, contentType: string) => {
+ if (!collectionType) return contentType;
+
+ const collections = getCollectionNames(appConfig.collections.base);
+
+ if (collectionType === collections.chat) {
+ return contentType === 'question' ? '質問' : '回答';
+ }
+ if (collectionType === collections.chatLang) {
+ return `翻訳: ${contentType.toUpperCase()}`;
+ }
+ if (collectionType === collections.chatComment) {
+ return `AI ${contentType}`;
+ }
+ return contentType;
+ };
return (
+ 
{
+ // For old format, try to fetch from ai_did
+ if (img && !isNewFormat && value.ai_did) {
+ fetch(`${appConfig.bskyPublicApi}/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(value.ai_did)}`)
+ .then(res => res.json())
+ .then(data => {
+ if (data.avatar && img) {
+ img.src = data.avatar;
+ }
+ })
+ .catch(err => {
+ // Keep placeholder on error
+ });
+ }
+ }}
+ />
+
+
+ {/* Post information for new format */}
+ {postInfo && (
+
+
+ {authorInfo?.displayName || 'AI'}
+
+
+ @{authorInfo?.handle || 'ai'}
+
+ {getTypeLabel(value.$type, contentType)}
+
+
+ {new Date(createdAt).toLocaleString()}
+
+
+
+
+
+
+ )}
+
+ {/* Legacy post information for old format */}
+ {!postInfo && (value.post_title || value.post_url) && (
+ {postInfo.title}
+ {postInfo.tags && ( +
+ {postInfo.tags.map((tag: string) => (
+ #{tag}
+ ))}
+
+ )}
+
+
+ )}
+
+ {value.post_title || 'Unknown'}
+
+ {contentText}
+
+
+
+ {(postInfo?.url || value.post_url) && (
+
+
+ {postInfo?.url || value.post_url}
+
+
+ )}
+
+
+ {/* JSON Display */}
+ {showJsonFor === record.uri && (
+
+
+ )}
+ JSON Record:
+
+ {JSON.stringify(record, null, 2)}
+
+
@@ -1081,14 +1175,12 @@ function App() {
>
Comments ({comments.filter(shouldShowComment).length})
- {user && (
-
- )}
+
)}
diff --git a/oauth/src/components/AIChat.tsx b/oauth/src/components/AIChat.tsx
index ffceb0b..8ebce70 100644
--- a/oauth/src/components/AIChat.tsx
+++ b/oauth/src/components/AIChat.tsx
@@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { User } from '../services/auth';
import { atprotoOAuthService } from '../services/atproto-oauth';
-import { appConfig } from '../config/app';
+import { appConfig, getCollectionNames } from '../config/app';
interface AIChatProps {
user: User | null;
@@ -14,26 +14,22 @@ export const AIChat: React.FC