Add auto-scroll fix, persistent memory, mobile UX, and dotfile support

[ki-cooley]

Summary

• Auto-scroll fix: Rewrote useAutoScroll to detect user scrolling via wheel/touchmove events instead of generic scroll events. Content growth during streaming no longer falsely disables auto-scroll.
• Persistent memory: Agent can read/write .claude/memory.md for cross-conversation context. File auto-created on plugin load, loaded into both backend and plugin-side prompts.
• Dotfile support: VaultRpcHandler now uses Obsidian's adapter API for dotfile paths (.claude/), since the vault API doesn't index them.
• Mobile UX: Added overscroll-behavior: contain and -webkit-overflow-scrolling: touch CSS, wrapped autoScrollToBottom in requestAnimationFrame.

Test plan

• Auto-scroll stays at bottom throughout full streaming response (tool calls + text summary)
• User can still scroll up during streaming to pause auto-scroll
• .claude/memory.md created on plugin load
• Agent writes preferences to memory, recalled in new conversations
• VaultRpcHandler reads/writes dotfile paths correctly
• Type check and build pass

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features

  • Rebranded to Claudsidian with updated branding throughout
  • Added backend server deployment option with WebSocket communication
  • Introduced activity tracking UI showing agent's thinking, tool calls, and file operations
  • Added skills and slash commands support from .claude/ directory
  • Implemented edit history with revert capability
  • Added external resource directory configuration
  • Auto-creates persistent memory file for context

• UI/UX Improvements

  • Redesigned chat content with chronological interspersed layout
  • Enhanced code block display with expand/collapse functionality
  • Improved mobile keyboard handling

• Chores

  • Added project documentation and configuration files

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

This PR introduces a major rebranding from "Smart Composer" to "Claudsidian" and implements a complete backend agent system with WebSocket communication, vault RPC operations, activity tracking, and interspersed content rendering. It adds backend infrastructure (Node.js server with Docker support), protocol definitions, frontend-to-backend integration, and new UI components for visualizing agent activities and edits.

Changes

Cohort / File(s)	Summary
Backend Infrastructure backend/.env.example, backend/.gitignore, backend/Dockerfile, backend/railway.json, backend/tsconfig.json, railway.toml, backend/README.md, backend/package.json	Configuration files, environment setup, Docker containerization, TypeScript build config, and Railway deployment manifests for backend service.
Backend Core Server & Protocol backend/src/index.ts, backend/src/server.ts, backend/src/protocol.ts	Main entry point with environment validation, WebSocket server implementation with connection handling, RPC routing, and bidirectional message protocol definitions.
Backend Agent & Tools backend/src/agent.ts, backend/src/mock-agent.ts, backend/src/vault-tools.ts, backend/src/utils.ts	Claude agent integration with streaming support, mock agent for testing, vault tool definitions with MCP server creation, and utility functions (logging, retry, JSON parsing).
Backend Testing backend/test/automated-test.ts, backend/test/test-client.ts	End-to-end test suite connecting via WebSocket and simulating Obsidian environment with RPC vault operations.
Frontend Backend Integration src/core/backend/WebSocketClient.ts, src/core/backend/BackendProvider.ts, src/core/backend/instance.ts, src/core/backend/protocol.ts	WebSocket client for browser communication, backend LLM provider implementation, singleton instance, and frontend-side protocol definitions.
Frontend Vault & History Management src/core/backend/VaultRpcHandler.ts, src/core/backend/ConflictManager.ts, src/core/backend/EditHistory.ts, src/core/backend/tool-result-formatter.ts	RPC dispatcher for vault operations, conflict detection for external modifications, edit snapshots for revert functionality, and tool result parsing/formatting.
Activity & Content UI Components src/components/chat-view/ActivityAccordion.tsx, src/components/chat-view/ActivityItem.tsx, src/components/chat-view/EditDiffBlock.tsx, src/components/chat-view/InterspersedContent.tsx	Collapsible activity display, activity event rendering with timers and details, live streaming edit diffs with revert capability, and interspersed text/activity block rendering.
Chat View Updates src/components/chat-view/Chat.tsx, src/components/chat-view/AssistantToolMessageGroupItem.tsx, src/components/chat-view/ToolMessage.tsx, src/components/chat-view/MarkdownCodeComponent.tsx	Auto-scroll fixes for mobile keyboard, activity extraction and interspersed content support, backend tool filtering, and code block line truncation.
Chat Input & Template Enhancements src/components/chat-view/chat-input/ChatUserInput.tsx, src/components/chat-view/chat-input/LexicalContentEditable.tsx, src/components/chat-view/chat-input/plugins/template/TemplatePlugin.tsx	Mobile keyboard dismiss, send button hint, slash-command option consolidation with skill/command support.
Auto-Scroll & Stream Management src/components/chat-view/useAutoScroll.ts, src/components/chat-view/useChatStreamManager.ts	User-scroll detection for explicit scrolling threshold, requestAnimationFrame scheduling for scroll operations.
Settings & Configuration src/settings/schema/setting.types.ts, src/settings/schema/migrations/12_to_13.ts, src/settings/schema/migrations/index.ts, src/settings/schema/settings.ts	New externalResourceDir field, version 12→13 migration, and settings parsing updates.
Provider & Model Types src/types/provider.types.ts, src/types/chat-model.types.ts, src/types/chat.ts, src/types/llm/response.ts	New backend provider configuration, activity types, content blocks, and streaming delta extensions.
Utilities & Helpers src/utils/chat/promptGenerator.ts, src/utils/chat/responseGenerator.ts, src/hooks/useSkills.ts	Backend-aware prompt generation skipping RAG, memory integration, activity/content-block merging, and skill/command loading from dot-folders.
Settings UI src/components/settings/sections/ChatSection.tsx, src/components/settings/sections/ProvidersSection.tsx, src/components/settings/modals/AddChatModelModal.tsx, src/components/settings/modals/AddEmbeddingModelModal.tsx, src/components/settings/modals/ProviderFormModal.tsx	External resource directory input, backend provider credential masking, provider type filtering, and backend-specific URL/token fields.
Error Handling & Navigation src/components/modals/ErrorModal.tsx, src/components/modals/InstallerUpdateRequiredModal.tsx	GitHub issues link update and Claudsidian branding in error modals.
Plugin Core & Main src/main.ts, src/ChatView.tsx	Backend initialization with RPC listener, edit history, memory file, conflict manager, and VaultRpcHandler integration; display text branding.
Constants & Branding src/constants.ts, manifest.json, src/components/settings/SettingsTabRoot.tsx, package.json, styles.css, .claude/settings.json, CLAUDE.md	Default model switched to backend-agent, manifest id/name updated to Claudsidian, support link redirected to GitHub, comprehensive UI styles for activities/diffs/interspersed content, Claude AI configuration, and architecture documentation.

Sequence Diagram(s)

sequenceDiagram
    actor User
    participant FrontendPlugin as Frontend Plugin<br/>(Obsidian)
    participant WSClient as WebSocket<br/>Client
    participant BackendServer as Backend Server<br/>(Node.js)
    participant Agent as Claude Agent<br/>(with MCP)
    participant VaultRPC as Vault RPC<br/>Handler

    User->>FrontendPlugin: Submit prompt with context
    FrontendPlugin->>WSClient: Send PromptMessage
    WSClient->>BackendServer: Connect & authenticate
    BackendServer->>Agent: Initialize agent with system prompt
    Agent->>Agent: Load skills, memory, instructions
    Agent->>Agent: Build MCP server config
    BackendServer->>Agent: Stream prompt to Claude
    Agent->>Agent: Process streaming response
    
    alt Agent uses tool (e.g., vault_read)
        Agent->>BackendServer: Emit tool_start
        BackendServer->>WSClient: Send ToolStartMessage
        WSClient->>FrontendPlugin: Display tool activity
        Agent->>VaultRPC: Request vault operation
        VaultRPC->>FrontendPlugin: Send RpcRequestMessage
        FrontendPlugin->>VaultRPC: RpcResponseMessage with result
        VaultRPC->>Agent: Return tool result
        Agent->>BackendServer: Emit tool_end
        BackendServer->>WSClient: Send ToolEndMessage
        WSClient->>FrontendPlugin: Update activity, record edit history
    end
    
    Agent->>BackendServer: Emit text_delta, thinking, complete
    BackendServer->>WSClient: Stream TextDeltaMessage, ThinkingMessage
    WSClient->>FrontendPlugin: Update assistant message, activities
    FrontendPlugin->>FrontendPlugin: Render interspersed content blocks
    
    Agent->>BackendServer: Streaming complete
    BackendServer->>WSClient: Send CompleteMessage
    WSClient->>FrontendPlugin: Finalize response
    FrontendPlugin->>User: Display chat with activities & edits

Loading

Estimated code review effort

🎯 5 (Critical) | ⏱️ ~120 minutes

Possibly related PRs

• style: Update css styles #344: Modifies MarkdownCodeComponent.tsx and styles.css for code-block rendering and styling, overlapping with this PR's code-block truncation and style updates.
• Improve Diff View #325: Introduces diff UI/logic with new diff-block components and rendering, directly related to the new EditDiffBlock and diff styling in this PR.
• Add plan-based Claude/OpenAI connections with OAuth #509: Touches LLM provider wiring and schemas in src/core/llm/manager.ts and src/types/provider.types.ts, affecting backend provider registration.

Poem

🐰 Claudsidian hops with joy so bright,
WebSockets dance through day and night,
Agent friends with vault RPC call,
Activities grouped, interspersed fall,
From Smart Composer to Claude's new hall! ✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}