Fix cross-compilation issues and optimize release workflow

- Fix ARM64 cross-compilation with proper binutils
- Use target-specific strip commands
- Remove Windows/musl builds to reduce complexity
- Add 60-minute timeout for builds
- Optimize to 4 core platforms: Linux x86_64/ARM64, macOS Intel/ARM

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

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

.claude/settings.local.json

@@ -45,8 +45,7 @@
       "Bash(git add:*)",
       "Bash(git commit:*)",
       "Bash(git push:*)",
-      "Bash(git tag:*)",
-      "Bash(../bin/ailog:*)"
+      "Bash(git tag:*)"
     ],
     "deny": []
   }

.github/workflows/build-binary.yml

@@ -0,0 +1,51 @@
+name: Build Binary
+
+on:
+  workflow_dispatch:  # Manual trigger
+  push:
+    branches: [ main ]
+    paths:
+      - 'src/**'
+      - 'Cargo.toml'
+      - 'Cargo.lock'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - uses: actions/checkout@v4
+    
+    - name: Setup Rust
+      uses: actions-rs/toolchain@v1
+      with:
+        toolchain: stable
+        override: true
+        
+    - name: Cache cargo registry
+      uses: actions/cache@v4
+      with:
+        path: ~/.cargo/registry
+        key: ${{ runner.os }}-cargo-registry-${{ hashFiles('**/Cargo.lock') }}
+        
+    - name: Cache cargo index
+      uses: actions/cache@v4
+      with:
+        path: ~/.cargo/git
+        key: ${{ runner.os }}-cargo-index-${{ hashFiles('**/Cargo.lock') }}
+        
+    - name: Cache target directory
+      uses: actions/cache@v4
+      with:
+        path: target
+        key: ${{ runner.os }}-cargo-build-target-${{ hashFiles('**/Cargo.lock') }}
+        
+    - name: Build binary
+      run: cargo build --release
+      
+    - name: Upload binary
+      uses: actions/upload-artifact@v4
+      with:
+        name: ailog-linux
+        path: target/release/ailog
+        retention-days: 30

.github/workflows/cloudflare-pages.yml

@@ -34,67 +34,22 @@ jobs:
           
       - name: Copy OAuth build to static
         run: |
-          # Remove old assets (following run.zsh pattern)
-          rm -rf my-blog/static/assets
-          # Copy all dist files to static
-          cp -rf oauth/dist/* my-blog/static/
-          # Copy index.html to oauth-assets.html template
-          cp oauth/dist/index.html my-blog/templates/oauth-assets.html
+          mkdir -p my-blog/static/assets
+          cp -r oauth/dist/assets/* my-blog/static/assets/
+          cp oauth/dist/index.html my-blog/static/oauth/index.html || true
           
-      - name: Cache ailog binary
-        uses: actions/cache@v4
+      - name: Setup Rust
+        uses: actions-rs/toolchain@v1
         with:
-          path: ./bin
-          key: ailog-bin-${{ runner.os }}
-          restore-keys: |
-            ailog-bin-${{ runner.os }}
-            
-      - name: Setup ailog binary
-        run: |
-          # Get expected version from Cargo.toml
-          EXPECTED_VERSION=$(grep '^version' Cargo.toml | cut -d'"' -f2)
-          echo "Expected version from Cargo.toml: $EXPECTED_VERSION"
-          
-          # Check current binary version if exists
-          if [ -f "./bin/ailog" ]; then
-            CURRENT_VERSION=$(./bin/ailog --version 2>/dev/null || echo "unknown")
-            echo "Current binary version: $CURRENT_VERSION"
-          else
-            CURRENT_VERSION="none"
-            echo "No binary found"
-          fi
-          
-          # Check OS
-          OS="${{ runner.os }}"
-          echo "Runner OS: $OS"
-          
-          # Use pre-packaged binary if version matches or extract from tar.gz
-          if [ "$CURRENT_VERSION" = "$EXPECTED_VERSION" ]; then
-            echo "Binary is up to date"
-            chmod +x ./bin/ailog
-          elif [ "$OS" = "Linux" ] && [ -f "./bin/ailog-linux-x86_64.tar.gz" ]; then
-            echo "Extracting ailog from pre-packaged tar.gz..."
-            cd bin
-            tar -xzf ailog-linux-x86_64.tar.gz
-            chmod +x ailog
-            cd ..
-            
-            # Verify extracted version
-            EXTRACTED_VERSION=$(./bin/ailog --version 2>/dev/null || echo "unknown")
-            echo "Extracted binary version: $EXTRACTED_VERSION"
-            
-            if [ "$EXTRACTED_VERSION" != "$EXPECTED_VERSION" ]; then
-              echo "Warning: Binary version mismatch. Expected $EXPECTED_VERSION but got $EXTRACTED_VERSION"
-            fi
-          else
-            echo "Error: No suitable binary found for OS: $OS"
-            exit 1
-          fi
+          toolchain: stable
+
+      - name: Build ailog
+        run: cargo build --release
 
       - name: Build site with ailog
         run: |
           cd my-blog
-          ../bin/ailog build
+          ../target/release/ailog build
 
       - name: List public directory
         run: |

.github/workflows/disabled/gh-pages-fast.yml

@@ -1,92 +0,0 @@
-name: github pages (fast)
-
-on:
-  push:
-    branches:
-    - main
-    paths-ignore:
-      - 'src/**'
-      - 'Cargo.toml'
-      - 'Cargo.lock'
-
-jobs:
-  build-deploy:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      pages: write
-      id-token: write
-    steps:
-    - uses: actions/checkout@v4
-    
-    - name: Cache ailog binary
-      uses: actions/cache@v4
-      with:
-        path: ./bin
-        key: ailog-bin-${{ runner.os }}
-        restore-keys: |
-          ailog-bin-${{ runner.os }}
-    
-    - name: Setup ailog binary
-      run: |
-        # Get expected version from Cargo.toml
-        EXPECTED_VERSION=$(grep '^version' Cargo.toml | cut -d'"' -f2)
-        echo "Expected version from Cargo.toml: $EXPECTED_VERSION"
-        
-        # Check current binary version if exists
-        if [ -f "./bin/ailog" ]; then
-          CURRENT_VERSION=$(./bin/ailog --version 2>/dev/null || echo "unknown")
-          echo "Current binary version: $CURRENT_VERSION"
-        else
-          CURRENT_VERSION="none"
-          echo "No binary found"
-        fi
-        
-        # Check OS
-        OS="${{ runner.os }}"
-        echo "Runner OS: $OS"
-        
-        # Use pre-packaged binary if version matches or extract from tar.gz
-        if [ "$CURRENT_VERSION" = "$EXPECTED_VERSION" ]; then
-          echo "Binary is up to date"
-          chmod +x ./bin/ailog
-        elif [ "$OS" = "Linux" ] && [ -f "./bin/ailog-linux-x86_64.tar.gz" ]; then
-          echo "Extracting ailog from pre-packaged tar.gz..."
-          cd bin
-          tar -xzf ailog-linux-x86_64.tar.gz
-          chmod +x ailog
-          cd ..
-          
-          # Verify extracted version
-          EXTRACTED_VERSION=$(./bin/ailog --version 2>/dev/null || echo "unknown")
-          echo "Extracted binary version: $EXTRACTED_VERSION"
-          
-          if [ "$EXTRACTED_VERSION" != "$EXPECTED_VERSION" ]; then
-            echo "Warning: Binary version mismatch. Expected $EXPECTED_VERSION but got $EXTRACTED_VERSION"
-          fi
-        else
-          echo "Error: No suitable binary found for OS: $OS"
-          exit 1
-        fi
-      
-    - name: Setup Hugo
-      uses: peaceiris/actions-hugo@v3
-      with:
-        hugo-version: "0.139.2"
-        extended: true
-        
-    - name: Build with ailog
-      env: 
-        TZ: "Asia/Tokyo"
-      run: |
-          # Use pre-built ailog binary instead of cargo build
-          cd my-blog
-          ../bin/ailog build
-          touch ./public/.nojekyll
-          
-    - name: Deploy
-      uses: peaceiris/actions-gh-pages@v3
-      with:
-        github_token: ${{ secrets.GITHUB_TOKEN }}
-        publish_dir: ./my-blog/public
-        publish_branch: gh-pages

.github/workflows/gh-pages-fast.yml

@@ -0,0 +1,77 @@
+name: github pages (fast)
+
+on:
+  push:
+    branches:
+    - main
+    paths-ignore:
+      - 'src/**'
+      - 'Cargo.toml'
+      - 'Cargo.lock'
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    
+    - name: Cache ailog binary
+      uses: actions/cache@v4
+      with:
+        path: ./bin
+        key: ailog-bin-${{ runner.os }}
+        restore-keys: |
+          ailog-bin-${{ runner.os }}
+    
+    - name: Check and update ailog binary
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      run: |
+        # Get latest release version
+        LATEST_VERSION=$(curl -s -H "Authorization: Bearer $GITHUB_TOKEN" \
+          https://api.github.com/repos/${{ github.repository }}/releases/latest | jq -r .tag_name)
+        echo "Latest version: $LATEST_VERSION"
+        
+        # Check current binary version if exists
+        mkdir -p ./bin
+        if [ -f "./bin/ailog" ]; then
+          CURRENT_VERSION=$(./bin/ailog --version | awk '{print $2}' || echo "unknown")
+          echo "Current version: $CURRENT_VERSION"
+        else
+          CURRENT_VERSION="none"
+          echo "No binary found"
+        fi
+        
+        # Download if version is different or binary doesn't exist
+        if [ "$CURRENT_VERSION" != "${LATEST_VERSION#v}" ]; then
+          echo "Downloading ailog $LATEST_VERSION..."
+          curl -sL -H "Authorization: Bearer $GITHUB_TOKEN" \
+            https://github.com/${{ github.repository }}/releases/download/$LATEST_VERSION/ailog-linux-x86_64.tar.gz | tar -xzf -
+          mv ailog ./bin/ailog
+          chmod +x ./bin/ailog
+          echo "Updated to version: $(./bin/ailog --version)"
+        else
+          echo "Binary is up to date"
+          chmod +x ./bin/ailog
+        fi
+      
+    - name: Setup Hugo
+      uses: peaceiris/actions-hugo@v3
+      with:
+        hugo-version: "0.139.2"
+        extended: true
+        
+    - name: Build with ailog
+      env: 
+        TZ: "Asia/Tokyo"
+      run: |
+          # Use pre-built ailog binary instead of cargo build
+          ./bin/ailog build --output ./public
+          touch ./public/.nojekyll
+          
+    - name: Deploy
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./public
+        publish_branch: gh-pages

.github/workflows/release.yml

@@ -11,10 +11,6 @@ on:
         required: true
         default: 'v0.1.0'
 
-permissions:
-  contents: write
-  actions: read
-
 env:
   CARGO_TERM_COLOR: always
   OPENSSL_STATIC: true
@@ -107,15 +103,14 @@ jobs:
       uses: actions/upload-artifact@v4
       with:
         name: ${{ matrix.asset_name }}
-        path: ${{ matrix.asset_name }}.tar.gz
+        path: |
+          ${{ matrix.asset_name }}.tar.gz
+          ${{ matrix.asset_name }}.zip
 
   release:
     name: Create Release
     needs: build
     runs-on: ubuntu-latest
-    permissions:
-      contents: write
-      actions: read
     steps:
     - uses: actions/checkout@v4
 
@@ -164,6 +159,8 @@ jobs:
         body_path: release_notes.md
         draft: false
         prerelease: ${{ contains(steps.tag_name.outputs.tag, 'alpha') || contains(steps.tag_name.outputs.tag, 'beta') || contains(steps.tag_name.outputs.tag, 'rc') }}
-        files: artifacts/*/ailog-*.tar.gz
+        files: |
+          artifacts/*/ailog-*.tar.gz
+          artifacts/*/ailog-*.zip
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -11,4 +11,3 @@ dist
 node_modules
 package-lock.json 
 my-blog/static/assets/comment-atproto-*
-bin/ailog

Cargo.toml

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

action.yml

@@ -55,26 +55,49 @@ runs:
         restore-keys: |
           ailog-bin-${{ runner.os }}
     
-    - name: Setup ailog binary
+    - name: Check and update ailog binary
       shell: bash
       run: |
-        # Check if pre-built binary exists
-        if [ -f "./bin/ailog-linux-x86_64" ]; then
-          echo "Using pre-built binary from repository"
-          chmod +x ./bin/ailog-linux-x86_64
-          CURRENT_VERSION=$(./bin/ailog-linux-x86_64 --version 2>/dev/null || echo "unknown")
-          echo "Binary version: $CURRENT_VERSION"
+        # Get latest release version (for Gitea, adjust API endpoint if needed)
+        if command -v curl >/dev/null 2>&1; then
+          LATEST_VERSION=$(curl -s https://api.github.com/repos/syui/ailog/releases/latest | jq -r .tag_name 2>/dev/null || echo "v0.1.1")
         else
-          echo "No pre-built binary found, trying to build from source..."
-          if command -v cargo >/dev/null 2>&1; then
-            cargo build --release
-            mkdir -p ./bin
-            cp ./target/release/ailog ./bin/ailog-linux-x86_64
-            echo "Built from source: $(./bin/ailog-linux-x86_64 --version 2>/dev/null)"
+          LATEST_VERSION="v0.1.1"  # fallback version
+        fi
+        echo "Target version: $LATEST_VERSION"
+        
+        # Check current binary version if exists
+        mkdir -p ./bin
+        if [ -f "./bin/ailog" ]; then
+          CURRENT_VERSION=$(./bin/ailog --version | awk '{print $2}' 2>/dev/null || echo "unknown")
+          echo "Current version: $CURRENT_VERSION"
+        else
+          CURRENT_VERSION="none"
+          echo "No binary found"
+        fi
+        
+        # Download if version is different or binary doesn't exist
+        if [ "$CURRENT_VERSION" != "${LATEST_VERSION#v}" ]; then
+          echo "Downloading ailog $LATEST_VERSION..."
+          # Try GitHub first, then fallback to local build
+          if curl -sL https://github.com/syui/ailog/releases/download/$LATEST_VERSION/ailog-linux-x86_64.tar.gz | tar -xzf - 2>/dev/null; then
+            mv ailog ./bin/ailog
+            chmod +x ./bin/ailog
+            echo "Downloaded binary: $(./bin/ailog --version)"
           else
-            echo "Error: No binary found and cargo not available"
-            exit 1
+            echo "Download failed, building from source..."
+            if command -v cargo >/dev/null 2>&1; then
+              cargo build --release
+              cp ./target/release/ailog ./bin/ailog
+              echo "Built from source: $(./bin/ailog --version)"
+            else
+              echo "Error: Neither download nor cargo build available"
+              exit 1
+            fi
           fi
+        else
+          echo "Binary is up to date"
+          chmod +x ./bin/ailog
         fi
         
     - name: Setup Node.js for OAuth app
@@ -100,15 +123,12 @@ runs:
       run: |
         start_time=$(date +%s)
         
-        # Change to blog directory and run build
-        # Note: ailog build only takes a path argument, not options
-        if [ -d "my-blog" ]; then
-          cd my-blog
-          ../bin/ailog-linux-x86_64 build
-        else
-          # If no my-blog directory, use current directory
-          ./bin/ailog-linux-x86_64 build .
-        fi
+        ./bin/ailog build \
+          --content ${{ inputs.content-dir }} \
+          --output ${{ inputs.output-dir }} \
+          --templates ${{ inputs.template-dir }} \
+          --static ${{ inputs.static-dir }} \
+          --config ${{ inputs.config-file }}
           
         end_time=$(date +%s)
         build_time=$((end_time - start_time))

my-blog/static/_redirects

@@ -1,5 +1,8 @@
-# Ask-AI機能をOllamaにプロキシ
-/api/ask https://ollama.syui.ai/api/generate 200
+# AI機能をai.gpt MCP serverにリダイレクト
+/api/ask https://ai-gpt-mcp.syui.ai/ask 200
+
+# Ollama API proxy (Cloudflare Workers)
+/api/ollama-proxy https://ollama-proxy.YOUR-SUBDOMAIN.workers.dev/:splat 200
 
 # OAuth routes
 /oauth/* /oauth/index.html 200

my-blog/static/css/style.css

@@ -59,7 +59,7 @@ a.view-markdown:any-link {
 .container {
     min-height: 100vh;
     display: grid;
-    grid-template-rows: auto 0fr 1fr auto;
+    grid-template-rows: auto auto 1fr auto;
     grid-template-areas: 
         "header"
         "ask-ai"
@@ -158,15 +158,6 @@ a.view-markdown:any-link {
     background: #f6f8fa;
     border-bottom: 1px solid #d1d9e0;
     padding: 24px;
-    overflow: hidden;
-}
-
-.ask-ai-panel[style*="block"] {
-    display: block !important;
-}
-
-.container:has(.ask-ai-panel[style*="block"]) {
-    grid-template-rows: auto auto 1fr auto;
 }
 
 .ask-ai-content {
@@ -202,13 +193,13 @@ a.view-markdown:any-link {
     grid-area: main;
     max-width: 1000px;
     margin: 0 auto;
-    /* padding: 24px; */
+    padding: 24px;
     width: 100%;
 }
 
 @media (max-width: 1000px) {
     .main-content {
-        /* padding: 20px; */
+        padding: 20px;
         max-width: 100%;
     }
 }
@@ -333,10 +324,6 @@ a.view-markdown:any-link {
     margin: 0 auto;
 }
 
-article.article-content {
-    padding: 10px;
-}
-
 .article-meta {
     display: flex;
     gap: 16px;
@@ -530,21 +517,25 @@ article.article-content {
     margin: 16px 0;
     font-size: 14px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+    position: relative;
 }
 
-/* File name display for code blocks - top bar style */
+/* File name display for code blocks */
 .article-body pre[data-filename]::before {
     content: attr(data-filename);
-    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
     background: #2D2D30;
-    color: #AE81FF;
-    padding: 8px 16px;
+    color: #CCCCCC;
+    padding: 4px 12px;
     font-size: 12px;
     font-family: 'SF Mono', 'Monaco', 'Cascadia Code', 'Roboto Mono', monospace;
-    border-bottom: 1px solid #3E3D32;
-    margin: 0;
-    width: 100%;
-    box-sizing: border-box;
+    border-bottom-left-radius: 4px;
+    border: 1px solid #3E3D32;
+    border-top: none;
+    border-right: none;
+    z-index: 1;
 }
 
 .article-body pre code {
@@ -557,11 +548,6 @@ article.article-content {
     line-height: 1.4;
 }
 
-/* Adjust padding when filename is present */
-.article-body pre[data-filename] code {
-    padding: 16px;
-}
-
 /* Inline code (not in pre blocks) */
 .article-body code {
     background: var(--light-white);
@@ -831,13 +817,13 @@ article.article-content {
         justify-self: end;
     }
     
-    /* Ask AI button mobile style - icon only */
+    /* Ask AI button mobile style */
     .ask-ai-btn {
         padding: 8px;
         min-width: 40px;
         justify-content: center;
+        font-size: 0;
         gap: 0;
-        font-size: 0; /* Hide all text content */
     }
     
     .ask-ai-btn .ai-icon {
@@ -867,16 +853,6 @@ article.article-content {
         white-space: pre-wrap;
     }
     
-    /* Mobile filename display */
-    .article-body pre[data-filename]::before {
-        padding: 6px 12px;
-        font-size: 11px;
-    }
-    
-    .article-body pre[data-filename] code {
-        padding: 12px;
-    }
-    
     .article-body code {
         word-break: break-all;
     }

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

@@ -1,281 +1,360 @@
 /**
- * Ask AI functionality - Based on original working implementation
+ * Ask AI functionality - Pure JavaScript, no jQuery dependency
  */
-
-// Global variables for AI functionality
-let aiProfileData = null;
-
-// Original functions from working implementation
-function toggleAskAI() {
-    const panel = document.getElementById('askAiPanel');
-    const isVisible = panel.style.display !== 'none';
-    panel.style.display = isVisible ? 'none' : 'block';
-    
-    if (!isVisible) {
-        checkAuthenticationStatus();
+class AskAI {
+    constructor() {
+        this.isReady = false;
+        this.aiProfile = null;
+        this.init();
     }
-}
 
-function checkAuthenticationStatus() {
-    const userSections = document.querySelectorAll('.user-section');
-    const isAuthenticated = userSections.length > 0;
-    
-    if (isAuthenticated) {
-        // User is authenticated - show Ask AI UI
-        document.getElementById('authCheck').style.display = 'none';
-        document.getElementById('chatForm').style.display = 'block';
-        document.getElementById('chatHistory').style.display = 'block';
+    init() {
+        this.setupEventListeners();
+        this.checkAuthOnLoad();
+    }
+
+    setupEventListeners() {
+        // Listen for AI ready signal
+        window.addEventListener('aiChatReady', () => {
+            this.isReady = true;
+            console.log('AI Chat is ready');
+        });
+
+        // Listen for AI profile updates
+        window.addEventListener('aiProfileLoaded', (event) => {
+            this.aiProfile = event.detail;
+            console.log('AI profile loaded:', this.aiProfile);
+            this.updateButton();
+        });
+
+        // Listen for AI responses
+        window.addEventListener('aiResponseReceived', (event) => {
+            this.handleAIResponse(event.detail);
+        });
+
+        // Keyboard shortcuts
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'Escape') {
+                this.hide();
+            }
+            if (e.key === 'Enter' && e.target.id === 'aiQuestion' && !e.shiftKey) {
+                e.preventDefault();
+                this.ask();
+            }
+        });
+
+        // Monitor authentication changes
+        this.observeAuth();
+    }
+
+    toggle() {
+        const panel = document.getElementById('askAiPanel');
+        const isVisible = panel.style.display !== 'none';
         
-        // Show initial greeting if chat history is empty
+        if (isVisible) {
+            this.hide();
+        } else {
+            this.show();
+        }
+    }
+
+    show() {
+        const panel = document.getElementById('askAiPanel');
+        panel.style.display = 'block';
+        this.checkAuth();
+    }
+
+    hide() {
+        const panel = document.getElementById('askAiPanel');
+        panel.style.display = 'none';
+    }
+
+    checkAuth() {
+        const userSections = document.querySelectorAll('.user-section');
+        const isAuthenticated = userSections.length > 0;
+        
+        const authCheck = document.getElementById('authCheck');
+        const chatForm = document.getElementById('chatForm');
         const chatHistory = document.getElementById('chatHistory');
-        if (chatHistory.children.length === 0) {
-            showInitialGreeting();
-        }
         
-        // Focus on input
+        if (isAuthenticated) {
+            authCheck.style.display = 'none';
+            chatForm.style.display = 'block';
+            chatHistory.style.display = 'block';
+            
+            if (chatHistory.children.length === 0) {
+                this.showGreeting();
+            }
+            
+            setTimeout(() => {
+                document.getElementById('aiQuestion').focus();
+            }, 50);
+        } else {
+            authCheck.style.display = 'block';
+            chatForm.style.display = 'none';
+            chatHistory.style.display = 'none';
+        }
+    }
+
+    checkAuthOnLoad() {
         setTimeout(() => {
-            document.getElementById('aiQuestion').focus();
-        }, 50);
-    } else {
-        // User not authenticated - show auth message
-        document.getElementById('authCheck').style.display = 'block';
-        document.getElementById('chatForm').style.display = 'none';
-        document.getElementById('chatHistory').style.display = 'none';
+            this.checkAuth();
+        }, 500);
     }
-}
 
-function askQuestion() {
-    const question = document.getElementById('aiQuestion').value;
-    if (!question.trim()) return;
-    
-    const askButton = document.getElementById('askButton');
-    askButton.disabled = true;
-    askButton.textContent = 'Posting...';
-    
-    try {
-        // Add user message to chat
-        addUserMessage(question);
+    observeAuth() {
+        const observer = new MutationObserver(() => {
+            const userSections = document.querySelectorAll('.user-section');
+            if (userSections.length > 0) {
+                this.checkAuth();
+                observer.disconnect();
+            }
+        });
         
-        // Clear input
-        document.getElementById('aiQuestion').value = '';
-        
-        // Show loading
-        showLoadingMessage();
-        
-        // Post question via OAuth app
-        window.dispatchEvent(new CustomEvent('postAIQuestion', {
-            detail: { question: question }
-        }));
-        
-    } catch (error) {
-        console.error('Failed to ask question:', error);
-        showErrorMessage('Sorry, I encountered an error. Please try again.');
-    } finally {
-        askButton.disabled = false;
-        askButton.textContent = 'Ask';
+        observer.observe(document.body, { 
+            childList: true, 
+            subtree: true 
+        });
     }
-}
 
-function addUserMessage(question) {
-    const chatHistory = document.getElementById('chatHistory');
-    const userSection = document.querySelector('.user-section');
-    
-    let userAvatar = '👤';
-    let userDisplay = 'You';
-    let userHandle = 'user';
-    
-    if (userSection) {
-        const avatarImg = userSection.querySelector('.user-avatar');
-        const displayName = userSection.querySelector('.user-display-name');
-        const handle = userSection.querySelector('.user-handle');
-        
-        if (avatarImg && avatarImg.src) {
-            userAvatar = `<img src="${avatarImg.src}" alt="${displayName?.textContent || 'User'}" class="profile-avatar">`;
-        }
-        if (displayName?.textContent) {
-            userDisplay = displayName.textContent;
-        }
-        if (handle?.textContent) {
-            userHandle = handle.textContent.replace('@', '');
+    updateButton() {
+        const button = document.getElementById('askAiButton');
+        if (this.aiProfile && this.aiProfile.displayName) {
+            const textNode = button.childNodes[2];
+            if (textNode) {
+                textNode.textContent = this.aiProfile.displayName;
+            }
         }
     }
-    
-    const questionDiv = document.createElement('div');
-    questionDiv.className = 'chat-message user-message comment-style';
-    questionDiv.innerHTML = `
-        <div class="message-header">
-            <div class="avatar">${userAvatar}</div>
-            <div class="user-info">
-                <div class="display-name">${userDisplay}</div>
-                <div class="handle">@${userHandle}</div>
-                <div class="timestamp">${new Date().toLocaleString()}</div>
+
+    showGreeting() {
+        if (!this.aiProfile) return;
+
+        const chatHistory = document.getElementById('chatHistory');
+        const greetingDiv = document.createElement('div');
+        greetingDiv.className = 'chat-message ai-message comment-style initial-greeting';
+        
+        const avatarElement = this.aiProfile.avatar 
+            ? `<img src="${this.aiProfile.avatar}" alt="${this.aiProfile.displayName}" class="profile-avatar">`
+            : '🤖';
+        
+        greetingDiv.innerHTML = `
+            <div class="message-header">
+                <div class="avatar">${avatarElement}</div>
+                <div class="user-info">
+                    <div class="display-name">${this.aiProfile.displayName}</div>
+                    <div class="handle">@${this.aiProfile.handle}</div>
+                    <div class="timestamp">${new Date().toLocaleString()}</div>
+                </div>
             </div>
-        </div>
-        <div class="message-content">${question}</div>
-    `;
-    chatHistory.appendChild(questionDiv);
-}
-
-function showLoadingMessage() {
-    const chatHistory = document.getElementById('chatHistory');
-    const loadingDiv = document.createElement('div');
-    loadingDiv.className = 'ai-loading-simple';
-    loadingDiv.innerHTML = `
-        <i class="fas fa-robot"></i>
-        <span>考えています</span>
-        <i class="fas fa-spinner fa-spin"></i>
-    `;
-    chatHistory.appendChild(loadingDiv);
-}
-
-function showErrorMessage(message) {
-    const chatHistory = document.getElementById('chatHistory');
-    removeLoadingMessage();
-    
-    const errorDiv = document.createElement('div');
-    errorDiv.className = 'chat-message error-message comment-style';
-    errorDiv.innerHTML = `
-        <div class="message-header">
-            <div class="avatar">⚠️</div>
-            <div class="user-info">
-                <div class="display-name">System</div>
-                <div class="handle">@system</div>
-                <div class="timestamp">${new Date().toLocaleString()}</div>
+            <div class="message-content">
+                Hello! I'm an AI assistant trained on this blog's content. I can answer questions about the articles, provide insights, and help you understand the topics discussed here. What would you like to know?
             </div>
-        </div>
-        <div class="message-content">${message}</div>
-    `;
-    chatHistory.appendChild(errorDiv);
-}
-
-function removeLoadingMessage() {
-    const loadingMsg = document.querySelector('.ai-loading-simple');
-    if (loadingMsg) {
-        loadingMsg.remove();
+        `;
+        chatHistory.appendChild(greetingDiv);
     }
-}
 
-function showInitialGreeting() {
-    if (!aiProfileData) return;
-
-    const chatHistory = document.getElementById('chatHistory');
-    const greetingDiv = document.createElement('div');
-    greetingDiv.className = 'chat-message ai-message comment-style initial-greeting';
-    
-    const avatarElement = aiProfileData.avatar 
-        ? `<img src="${aiProfileData.avatar}" alt="${aiProfileData.displayName}" class="profile-avatar">`
-        : '🤖';
-    
-    greetingDiv.innerHTML = `
-        <div class="message-header">
-            <div class="avatar">${avatarElement}</div>
-            <div class="user-info">
-                <div class="display-name">${aiProfileData.displayName}</div>
-                <div class="handle">@${aiProfileData.handle}</div>
-                <div class="timestamp">${new Date().toLocaleString()}</div>
-            </div>
-        </div>
-        <div class="message-content">
-            Hello! I'm an AI assistant trained on this blog's content. I can answer questions about the articles, provide insights, and help you understand the topics discussed here. What would you like to know?
-        </div>
-    `;
-    chatHistory.appendChild(greetingDiv);
-}
-
-function updateAskAIButton() {
-    const button = document.getElementById('askAiButton');
-    if (!button) return;
-    
-    // Only update text, never modify the icon
-    if (aiProfileData && aiProfileData.displayName) {
-        const textNode = button.childNodes[2] || button.lastChild;
-        if (textNode && textNode.nodeType === Node.TEXT_NODE) {
-            textNode.textContent = aiProfileData.displayName;
+    async ask() {
+        const question = document.getElementById('aiQuestion').value;
+        const chatHistory = document.getElementById('chatHistory');
+        const askButton = document.getElementById('askButton');
+        
+        if (!question.trim()) return;
+        
+        // Wait for AI to be ready
+        if (!this.isReady) {
+            await this.waitForReady();
+        }
+        
+        // Disable button
+        askButton.disabled = true;
+        askButton.textContent = 'Posting...';
+        
+        try {
+            // Add user message
+            this.addUserMessage(question);
+            
+            // Clear input
+            document.getElementById('aiQuestion').value = '';
+            
+            // Show loading
+            this.showLoading();
+            
+            // Post question
+            const event = new CustomEvent('postAIQuestion', {
+                detail: { question: question }
+            });
+            window.dispatchEvent(event);
+            
+        } catch (error) {
+            this.showError('Sorry, I encountered an error. Please try again.');
+        } finally {
+            askButton.disabled = false;
+            askButton.textContent = 'Ask';
         }
     }
-}
 
-function handleAIResponse(responseData) {
-    const chatHistory = document.getElementById('chatHistory');
-    removeLoadingMessage();
-    
-    const aiProfile = responseData.aiProfile;
-    if (!aiProfile || !aiProfile.handle || !aiProfile.displayName) {
-        console.error('AI profile data is missing');
-        return;
+    waitForReady() {
+        return new Promise(resolve => {
+            const checkReady = setInterval(() => {
+                if (this.isReady) {
+                    clearInterval(checkReady);
+                    resolve();
+                }
+            }, 100);
+        });
     }
-    
-    const timestamp = new Date(responseData.timestamp || Date.now());
-    const avatarElement = aiProfile.avatar 
-        ? `<img src="${aiProfile.avatar}" alt="${aiProfile.displayName}" class="profile-avatar">`
-        : '🤖';
-    
-    const answerDiv = document.createElement('div');
-    answerDiv.className = 'chat-message ai-message comment-style';
-    answerDiv.innerHTML = `
-        <div class="message-header">
-            <div class="avatar">${avatarElement}</div>
-            <div class="user-info">
-                <div class="display-name">${aiProfile.displayName}</div>
-                <div class="handle">@${aiProfile.handle}</div>
-                <div class="timestamp">${timestamp.toLocaleString()}</div>
-            </div>
-        </div>
-        <div class="message-content">${responseData.answer}</div>
-    `;
-    chatHistory.appendChild(answerDiv);
-    
-    // Limit chat history
-    limitChatHistory();
-}
 
-function limitChatHistory() {
-    const chatHistory = document.getElementById('chatHistory');
-    if (chatHistory.children.length > 10) {
-        chatHistory.removeChild(chatHistory.children[0]);
-        if (chatHistory.children.length > 0) {
-            chatHistory.removeChild(chatHistory.children[0]);
-        }
-    }
-}
-
-// Event listeners setup
-function setupAskAIEventListeners() {
-    // Listen for AI profile updates from OAuth app
-    window.addEventListener('aiProfileLoaded', function(event) {
-        aiProfileData = event.detail;
-        console.log('AI profile loaded:', aiProfileData);
-        updateAskAIButton();
-    });
-    
-    // Listen for AI responses
-    window.addEventListener('aiResponseReceived', function(event) {
-        handleAIResponse(event.detail);
-    });
-    
-    // Keyboard shortcuts
-    document.addEventListener('keydown', function(e) {
-        if (e.key === 'Escape') {
-            const panel = document.getElementById('askAiPanel');
-            if (panel) {
-                panel.style.display = 'none';
+    addUserMessage(question) {
+        const chatHistory = document.getElementById('chatHistory');
+        const userSection = document.querySelector('.user-section');
+        
+        let userAvatar = '👤';
+        let userDisplay = 'You';
+        let userHandle = 'user';
+        
+        if (userSection) {
+            const avatarImg = userSection.querySelector('.user-avatar');
+            const displayName = userSection.querySelector('.user-display-name');
+            const handle = userSection.querySelector('.user-handle');
+            
+            if (avatarImg && avatarImg.src) {
+                userAvatar = `<img src="${avatarImg.src}" alt="${displayName?.textContent || 'User'}" class="profile-avatar">`;
+            }
+            if (displayName?.textContent) {
+                userDisplay = displayName.textContent;
+            }
+            if (handle?.textContent) {
+                userHandle = handle.textContent.replace('@', '');
             }
         }
         
-        // Enter key to send message
-        if (e.key === 'Enter' && e.target.id === 'aiQuestion' && !e.shiftKey) {
-            e.preventDefault();
-            askQuestion();
+        const questionDiv = document.createElement('div');
+        questionDiv.className = 'chat-message user-message comment-style';
+        questionDiv.innerHTML = `
+            <div class="message-header">
+                <div class="avatar">${userAvatar}</div>
+                <div class="user-info">
+                    <div class="display-name">${userDisplay}</div>
+                    <div class="handle">@${userHandle}</div>
+                    <div class="timestamp">${new Date().toLocaleString()}</div>
+                </div>
+            </div>
+            <div class="message-content">${question}</div>
+        `;
+        chatHistory.appendChild(questionDiv);
+    }
+
+    showLoading() {
+        const chatHistory = document.getElementById('chatHistory');
+        const loadingDiv = document.createElement('div');
+        loadingDiv.className = 'ai-loading-simple';
+        loadingDiv.innerHTML = `
+            <i class="fas fa-robot"></i>
+            <span>考えています</span>
+            <i class="fas fa-spinner fa-spin"></i>
+        `;
+        chatHistory.appendChild(loadingDiv);
+    }
+
+    showError(message) {
+        const chatHistory = document.getElementById('chatHistory');
+        this.removeLoading();
+        
+        const errorDiv = document.createElement('div');
+        errorDiv.className = 'chat-message error-message comment-style';
+        errorDiv.innerHTML = `
+            <div class="message-header">
+                <div class="avatar">⚠️</div>
+                <div class="user-info">
+                    <div class="display-name">System</div>
+                    <div class="handle">@system</div>
+                    <div class="timestamp">${new Date().toLocaleString()}</div>
+                </div>
+            </div>
+            <div class="message-content">${message}</div>
+        `;
+        chatHistory.appendChild(errorDiv);
+    }
+
+    removeLoading() {
+        const loadingMsg = document.querySelector('.ai-loading-simple');
+        if (loadingMsg) {
+            loadingMsg.remove();
         }
-    });
+    }
+
+    handleAIResponse(responseData) {
+        const chatHistory = document.getElementById('chatHistory');
+        this.removeLoading();
+        
+        const aiProfile = responseData.aiProfile;
+        if (!aiProfile || !aiProfile.handle || !aiProfile.displayName) {
+            console.error('AI profile data is missing');
+            return;
+        }
+        
+        const timestamp = new Date(responseData.timestamp || Date.now());
+        const avatarElement = aiProfile.avatar 
+            ? `<img src="${aiProfile.avatar}" alt="${aiProfile.displayName}" class="profile-avatar">`
+            : '🤖';
+        
+        const answerDiv = document.createElement('div');
+        answerDiv.className = 'chat-message ai-message comment-style';
+        answerDiv.innerHTML = `
+            <div class="message-header">
+                <div class="avatar">${avatarElement}</div>
+                <div class="user-info">
+                    <div class="display-name">${aiProfile.displayName}</div>
+                    <div class="handle">@${aiProfile.handle}</div>
+                    <div class="timestamp">${timestamp.toLocaleString()}</div>
+                </div>
+            </div>
+            <div class="message-content">${responseData.answer}</div>
+        `;
+        chatHistory.appendChild(answerDiv);
+        
+        // Limit chat history
+        this.limitChatHistory();
+    }
+
+    limitChatHistory() {
+        const chatHistory = document.getElementById('chatHistory');
+        if (chatHistory.children.length > 10) {
+            chatHistory.removeChild(chatHistory.children[0]);
+            if (chatHistory.children.length > 0) {
+                chatHistory.removeChild(chatHistory.children[0]);
+            }
+        }
+    }
 }
 
 // Initialize Ask AI when DOM is loaded
-document.addEventListener('DOMContentLoaded', function() {
-    setupAskAIEventListeners();
-    console.log('Ask AI initialized successfully');
+document.addEventListener('DOMContentLoaded', () => {
+    try {
+        window.askAIInstance = new AskAI();
+        console.log('Ask AI initialized successfully');
+    } catch (error) {
+        console.error('Failed to initialize Ask AI:', error);
+    }
 });
 
-// Global functions for onclick handlers
-window.toggleAskAI = toggleAskAI;
-window.askQuestion = askQuestion;
+// Global function for onclick
+window.AskAI = {
+    toggle: function() {
+        console.log('AskAI.toggle called');
+        if (window.askAIInstance) {
+            window.askAIInstance.toggle();
+        } else {
+            console.error('Ask AI instance not available');
+        }
+    },
+    ask: function() {
+        console.log('AskAI.ask called');
+        if (window.askAIInstance) {
+            window.askAIInstance.ask();
+        } else {
+            console.error('Ask AI instance not available');
+        }
+    }
+};

my-blog/templates/base.html

@@ -15,6 +15,7 @@
     <link rel="stylesheet" href="/pkg/icomoon/style.css">
     <link rel="stylesheet" href="/pkg/font-awesome/css/all.min.css">
     
+    {% include "oauth-assets.html" %}
     {% block head %}{% endblock %}
 </head>
 <body>
@@ -49,7 +50,7 @@
                     </a>
                 </div>
                 <div class="header-actions">
-                    <button class="ask-ai-btn" onclick="toggleAskAI()" id="askAiButton">
+                    <button class="ask-ai-btn" onclick="AskAI.toggle()" id="askAiButton">
                         <span class="ai-icon icon-ai"></span>
                         ai
                     </button>
@@ -91,7 +92,5 @@
 
     <script src="/js/ask-ai.js"></script>
     <script src="/js/theme.js"></script>
-    
-    {% include "oauth-assets.html" %}
 </body>
 </html>

src/main.rs

@@ -18,14 +18,10 @@ mod mcp;
 #[derive(Parser)]
 #[command(name = "ailog")]
 #[command(about = "A static blog generator with AI features")]
-#[command(disable_version_flag = true)]
+#[command(version)]
 struct Cli {
-    /// Print version information
-    #[arg(short = 'V', long = "version")]
-    version: bool,
-    
     #[command(subcommand)]
-    command: Option<Commands>,
+    command: Commands,
 }
 
 #[derive(Subcommand)]
@@ -139,19 +135,8 @@ enum OauthCommands {
 #[tokio::main]
 async fn main() -> Result<()> {
     let cli = Cli::parse();
-    
-    // Handle version flag
-    if cli.version {
-        println!("{}", env!("CARGO_PKG_VERSION"));
-        return Ok(());
-    }
-    
-    // Require subcommand if no version flag
-    let command = cli.command.ok_or_else(|| {
-        anyhow::anyhow!("No subcommand provided. Use --help for usage information.")
-    })?;
 
-    match command {
+    match cli.command {
         Commands::Init { path } => {
             commands::init::execute(path).await?;
         }