v0.1.7: Enhanced UI and accessibility improvements

- Add CSS styling for chat messages with theme color border
- Fix comment form visibility (only show on Comments tab)
- Remove comment form heading for cleaner UI
- Add accessibility attributes (id/name) to all form fields
- Fix Japanese input handling in Ask AI (prevent accidental submission during IME composition)
- Unified CSS classes across all content types (comments, AI chat, translations)
- Fix rkey filtering to handle .html extensions consistently

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "ailog"
-version = "0.1.6"
+version = "0.1.7"
 edition = "2021"
 authors = ["syui"]
 description = "A static blog generator with AI features"

my-blog/static/index.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-C2nhj09r.js"></script>
+<script type="module" crossorigin src="/assets/comment-atproto-mfW-OeY_.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-6vwaM28e.css">
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-Cm5qR-aM.css">

my-blog/static/js/ask-ai.js

@@ -262,8 +262,8 @@ function setupAskAIEventListeners() {
             }
         }
         
-        // Enter key to send message
+        // Enter key to send message (only when not composing Japanese input)
-        if (e.key === 'Enter' && e.target.id === 'aiQuestion' && !e.shiftKey) {
+        if (e.key === 'Enter' && e.target.id === 'aiQuestion' && !e.shiftKey && !e.isComposing) {
             e.preventDefault();
             askQuestion();
         }

my-blog/templates/oauth-assets.html

@@ -1,3 +1,3 @@
 <!-- OAuth Comment System - Load globally for session management -->
-<script type="module" crossorigin src="/assets/comment-atproto-C2nhj09r.js"></script>
+<script type="module" crossorigin src="/assets/comment-atproto-mfW-OeY_.js"></script>
-<link rel="stylesheet" crossorigin href="/assets/comment-atproto-6vwaM28e.css">
+<link rel="stylesheet" crossorigin href="/assets/comment-atproto-Cm5qR-aM.css">

oauth/src/App.css

@@ -909,4 +909,8 @@
   padding: 40px 20px;
   color: #656d76;
   font-style: italic;
+}
+
+.chat-message.comment-style {
+  border-left: 4px solid var(--theme-color);
 }

oauth/src/App.tsx

@@ -1493,10 +1493,9 @@ function App() {
             </div>
           )}
 
-          {/* Comment Form - Only show on post pages */}
+          {/* Comment Form - Only show on post pages when Comments tab is active */}
-          {user && appConfig.rkey && (
+          {user && appConfig.rkey && activeTab === 'comments' && (
             <div className="comment-form">
-              <h3>Post a Comment</h3>
               <textarea
                 id="comment-text"
                 name="commentText"