fix post commnet

oauth/src/components/CommentForm.jsx

@@ -46,8 +46,13 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
         }
       }
 
-      // Post the record
+      // Post the record using the same API as ask-AI
-      await atproto.putRecord(null, record, agent)
+      await agent.api.com.atproto.repo.putRecord({
+        repo: record.repo,
+        collection: record.collection,
+        rkey: record.rkey,
+        record: record.record
+      })
 
       // キャッシュを無効化
       collections.invalidateCache(env.collection)
@@ -60,6 +65,12 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
         onCommentPosted()
       }
       
+      // Show success message briefly
+      setText('✓ コメントが投稿されました')
+      setTimeout(() => {
+        setText('')
+      }, 2000)
+
     } catch (err) {
       setError(err.message)
     } finally {
@@ -112,7 +123,7 @@ export default function CommentForm({ user, agent, onCommentPosted }) {
           <button 
             type="submit" 
             disabled={loading || !text.trim()}
-            className="btn btn-primary"
+            className={`btn ${loading ? 'btn-outline' : 'btn-primary'}`}
           >
             {loading ? '投稿中...' : 'コメントを投稿'}
           </button>