From 60d9e8292cc6093ab9ac729d76558d12a4ca883f Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Mon, 16 Jun 2025 01:43:51 +0900
Subject: [PATCH] update layout

---
 my-blog/static/css/style.css           |   2 +-
 my-blog/templates/index.html           |  13 ---
 oauth/src/App.tsx                      | 122 +++++++++++++++++++++++--
 oauth/src/components/AIChat-access.tsx |   2 +-
 oauth/src/components/AIChat.tsx        |   2 +-
 scpt/run.zsh                           |   2 +-
 src/commands/stream.rs                 |   4 +-
 7 files changed, 118 insertions(+), 29 deletions(-)

diff --git a/my-blog/static/css/style.css b/my-blog/static/css/style.css
index 6591d80..52b9ed2 100644
--- a/my-blog/static/css/style.css
+++ b/my-blog/static/css/style.css
@@ -248,7 +248,7 @@ a.view-markdown:any-link {
 }
 
 .post-title a {
-    color: #1f2328;
+    color: var(--theme-color);
     text-decoration: none;
     font-size: 18px;
     font-weight: 600;
diff --git a/my-blog/templates/index.html b/my-blog/templates/index.html
index 1de63ca..2ba6f82 100644
--- a/my-blog/templates/index.html
+++ b/my-blog/templates/index.html
@@ -20,19 +20,6 @@
                     <a href="{{ post.url }}">{{ post.title }}</a>
                 </h3>
                 
-                {% if post.excerpt %}
-                <p class="post-excerpt">{{ post.excerpt }}</p>
-                {% endif %}
-                
-                <div class="post-actions">
-                    <a href="{{ post.url }}" class="read-more">Read more</a>
-                    {% if post.markdown_url %}
-                    <a href="{{ post.markdown_url }}" class="view-markdown" title="View Markdown">.md</a>
-                    {% endif %}
-                    {% if post.translation_url %}
-                    <a href="{{ post.translation_url }}" class="view-translation" title="View Translation">🌐</a>
-                    {% endif %}
-                </div>
             </div>
         </article>
         {% endfor %}
diff --git a/oauth/src/App.tsx b/oauth/src/App.tsx
index 928a565..b9b9b4b 100644
--- a/oauth/src/App.tsx
+++ b/oauth/src/App.tsx
@@ -1080,6 +1080,7 @@ function App() {
               </div>
             </div>
           ) : (
+            /* User Section */
             <div className="user-section">
               <div className="user-info">
                 <div className="user-profile">
@@ -1187,7 +1188,6 @@ function App() {
                   </div>
                 </div>
               )}
-
             </div>
           )}
 
@@ -1197,25 +1197,25 @@ function App() {
               className={`tab-button ${activeTab === 'comments' ? 'active' : ''}`}
               onClick={() => setActiveTab('comments')}
             >
-              Comments ({comments.filter(shouldShowComment).length})
+              comment ({comments.filter(shouldShowComment).length})
             </button>
             <button 
               className={`tab-button ${activeTab === 'ai-chat' ? 'active' : ''}`}
               onClick={() => setActiveTab('ai-chat')}
             >
-              AI Chat ({aiChatHistory.length})
+              chat ({aiChatHistory.length})
             </button>
             <button 
               className={`tab-button ${activeTab === 'lang-en' ? 'active' : ''}`}
               onClick={() => setActiveTab('lang-en')}
             >
-              AI Lang:en ({langEnRecords.length})
+              lang:en ({langEnRecords.length})
             </button>
             <button 
               className={`tab-button ${activeTab === 'ai-comment' ? 'active' : ''}`}
               onClick={() => setActiveTab('ai-comment')}
             >
-              AI Comment ({aiCommentRecords.length})
+              feedback ({aiCommentRecords.length})
             </button>
           </div>
 
@@ -1534,11 +1534,113 @@ function App() {
             </div>
           )}
 
-          {/* Show authentication status on non-post pages */}
+          {/* User Section - moved from above */}
           {user && !appConfig.rkey && (
-            <div className="auth-status">
-              <p>✅ Authenticated as @{user.handle}</p>
-              <p><small>Visit a post page to comment</small></p>
+            <div className="user-section">
+              <div className="user-info">
+                <div className="user-profile">
+                  <img 
+                    src={user.avatar || generatePlaceholderAvatar(user.handle)} 
+                    alt="User Avatar" 
+                    className="user-avatar"
+                  />
+                  <div className="user-details">
+                    <h3>{user.displayName || user.handle}</h3>
+                    <p className="user-handle">@{user.handle}</p>
+                    <p className="user-did">{user.did}</p>
+                  </div>
+                </div>
+                <button onClick={handleLogout} className="logout-button">
+                  Logout
+                </button>
+              </div>
+
+              {/* Admin Section - User Management */}
+              {isAdmin(user) && (
+                <div className="admin-section">
+                  <h3>管理者機能 - ユーザーリスト管理</h3>
+                  
+                  {/* User List Form */}
+                  <div className="user-list-form">
+                    <textarea
+                      id="user-list-input"
+                      name="userList"
+                      value={userListInput}
+                      onChange={(e) => setUserListInput(e.target.value)}
+                      placeholder="ユーザーハンドルをカンマ区切りで入力&#10;例: syui.ai, yui.syui.ai, user.bsky.social"
+                      rows={3}
+                      disabled={isPostingUserList}
+                    />
+                    <div className="form-actions">
+                      <span className="admin-hint">カンマ区切りでハンドルを入力してください</span>
+                      <button 
+                        onClick={handlePostUserList}
+                        disabled={isPostingUserList || !userListInput.trim()}
+                        className="post-button"
+                      >
+                        {isPostingUserList ? 'Posting...' : 'Post User List'}
+                      </button>
+                    </div>
+                  </div>
+
+                  {/* User List Records */}
+                  <div className="user-list-records">
+                    <h4>投稿されたユーザーリスト</h4>
+                    {userListRecords.length === 0 ? (
+                      <p className="no-user-lists">ユーザーリストがまだ投稿されていません</p>
+                    ) : (
+                      userListRecords.map((record, index) => (
+                        <div key={index} className="user-list-item">
+                          <div className="user-list-header">
+                            <span className="user-list-date">
+                              {new Date(record.value.createdAt).toLocaleString()}
+                            </span>
+                            <div className="user-list-actions">
+                              <button 
+                                onClick={() => toggleJsonDisplay(record.uri)}
+                                className="json-button"
+                                title="Show/Hide JSON"
+                              >
+                                {showJsonFor === record.uri ? 'Hide' : 'JSON'}
+                              </button>
+                            </div>
+                          </div>
+                          
+                          <div className="user-list-content">
+                            {record.value.users && record.value.users.length > 0 && (
+                              <div className="user-handles">
+                                {record.value.users.map((user: any, userIndex: number) => (
+                                  <span key={userIndex} className="user-handle-tag">
+                                    @{user.handle}
+                                    {user.pds && <span className="pds-info"> ({user.pds})</span>}
+                                  </span>
+                                ))}
+                              </div>
+                            )}
+                            
+                            <div className="user-list-meta">
+                              <small>URI: {record.uri}</small>
+                              <br />
+                              <small>Updated by: {record.value.updatedBy?.handle || 'unknown'}</small>
+                            </div>
+                            
+                            {/* JSON Display */}
+                            {showJsonFor === record.uri && (
+                              <div className="json-display">
+                                <h5>JSON Record:</h5>
+                                <pre className="json-content">
+                                  {JSON.stringify(record, null, 2)}
+                                </pre>
+                              </div>
+                            )}
+                          </div>
+                        </div>
+                      ))
+                    )}
+                  </div>
+                </div>
+              )}
+
             </div>
           )}
         </section>
@@ -1550,4 +1652,4 @@ function App() {
   );
 }
 
-export default App;
\ No newline at end of file
+export default App;
diff --git a/oauth/src/components/AIChat-access.tsx b/oauth/src/components/AIChat-access.tsx
index f4403a0..f808354 100644
--- a/oauth/src/components/AIChat-access.tsx
+++ b/oauth/src/components/AIChat-access.tsx
@@ -14,7 +14,7 @@ const response = await fetch(`${aiConfig.host}/api/generate`, {
     options: {
       temperature: 0.9,
       top_p: 0.9,
-      num_predict: 80,
+      num_predict: 200,
       repeat_penalty: 1.1,
     }
   }),
diff --git a/oauth/src/components/AIChat.tsx b/oauth/src/components/AIChat.tsx
index 8ebce70..642b521 100644
--- a/oauth/src/components/AIChat.tsx
+++ b/oauth/src/components/AIChat.tsx
@@ -199,7 +199,7 @@ Answer:`;
             options: {
               temperature: 0.9,
               top_p: 0.9,
-              num_predict: 80, // Shorter responses for faster generation
+              num_predict: 200, // Longer responses for better answers
               repeat_penalty: 1.1,
             }
           }),
diff --git a/scpt/run.zsh b/scpt/run.zsh
index b12cf8a..2fb5984 100755
--- a/scpt/run.zsh
+++ b/scpt/run.zsh
@@ -1,7 +1,7 @@
 #!/bin/zsh
 
 function _env() {
-	d=${0:a:h:h}
+	d=${0:a:h}
 	ailog=$d/target/release/ailog
 	oauth=$d/oauth
 	myblog=$d/my-blog
diff --git a/src/commands/stream.rs b/src/commands/stream.rs
index 6f1a7aa..0de6a7b 100644
--- a/src/commands/stream.rs
+++ b/src/commands/stream.rs
@@ -1050,7 +1050,7 @@ async fn generate_ai_content(content: &str, prompt_type: &str, ai_config: &AiCon
             };
             
             format!(
-                "{}\n\n# 指示\nこのブログ記事を読んで、アイらしい感想を一言でください。\n- 30文字以内の短い感想\n- 技術的な内容への素朴な驚きや発見\n- 「わー！」「すごい！」など、アイらしい感嘆詞で始める\n- 簡潔で分かりやすく\n\n# ブログ記事（要約）\n{}\n\n# 出力形式\n一言の感想のみ（説明や詳細は不要）:",
+                "{}\n\n# 指示\nこのブログ記事を読んで、アイらしい感想をください。\n- 100文字以内の感想\n- 技術的な内容への素朴な驚きや発見\n- 「わー！」「すごい！」など、アイらしい感嘆詞で始める\n- 簡潔で分かりやすく\n\n# ブログ記事（要約）\n{}\n\n# 出力形式\n感想のみ（説明や詳細は不要）:",
                 system_prompt, limited_content
             )
         },
@@ -1058,7 +1058,7 @@ async fn generate_ai_content(content: &str, prompt_type: &str, ai_config: &AiCon
     };
 
     let num_predict = match prompt_type {
-        "comment" => 50,  // Very short for comments (about 30-40 characters)
+        "comment" => 150,  // Longer for comments (about 100 characters)
         "translate" => 3000, // Much longer for translations
         _ => 300,
     };