Initial commit: Obsidian Web Interface for Claude Code

- Full IDE with terminal integration using xterm.js
- Session management with local and web sessions
- HTML preview functionality
- Multi-terminal support with session picker

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

test-manual.md

@@ -0,0 +1,243 @@
+# Manual Test Checklist
+
+**Date:** 2025-01-19
+**Feature:** Landing Page Workflow Enhancement
+**Status:** Ready for Testing
+
+## Create New Project Flows
+
+### Blank Project
+- [ ] Blank project with valid name (e.g., "MyProject")
+- [ ] Blank project with invalid characters (/, \, <, >, :, ", |, ?, *) - button should stay disabled
+- [ ] Blank project with empty name - button should stay disabled
+- [ ] Character counter shows correct count (N/50)
+- [ ] Character counter turns orange at ≥45 characters
+- [ ] Character counter turns red at 50 characters
+- [ ] Character counter shows "Invalid characters" message for invalid input
+- [ ] Verify project name is set correctly in session metadata
+- [ ] Verify loading overlay shows "Creating project..." message
+- [ ] Verify navigation to IDE with correct session ID
+
+### Template Projects
+- [ ] React App template
+- [ ] Node.js API template
+- [ ] HTML Calculator template
+- [ ] Portfolio template
+- [ ] Verify each template creates session with correct metadata
+
+## Load Existing Project Flows
+
+### Session Cards Display
+- [ ] Active sessions show 💬 icon
+- [ ] Historical sessions show 📁 icon
+- [ ] Project name displays correctly
+- [ ] Working directory displays (monospace font)
+- [ ] Last message preview displays
+- [ ] File count badge shows correct number
+- [ ] Relative time displays correctly (e.g., "5 min ago")
+- [ ] Status badge shows correct state (Running/Historical)
+
+### Navigation
+- [ ] Click Continue button on active session → navigates to IDE
+- [ ] Click on session card body → navigates to IDE
+- [ ] Verify session ID parameter in URL
+- [ ] Verify loading overlay shows "Opening workspace..."
+- [ ] Test with historical session
+
+### Empty States
+- [ ] No sessions → shows empty state with message
+- [ ] Failed to load sessions → shows error state
+
+## Inline Editing
+
+### Edit Functionality
+- [ ] Click project name → enters edit mode
+- [ ] Input field appears with current name
+- [ ] Save and Cancel buttons appear
+- [ ] Type new name and press Enter → saves
+- [ ] Type new name and click Save → saves
+- [ ] Click away (blur) → cancels
+- [ ] Press Escape → cancels
+- [ ] Edit button → enters edit mode
+- [ ] Verify "Saving..." state during save
+
+### Constraints
+- [ ] Try to edit historical session → should not work
+- [ ] Verify name persists after page refresh
+- [ ] Verify duplicate names are allowed
+
+### Validation
+- [ ] Cannot edit to empty name
+- [ ] Cannot edit to name with invalid characters
+
+## Quick Actions Menu
+
+### Menu Display
+- [ ] Click menu button (⋮) → dropdown appears
+- [ ] Menu positioned correctly below button
+- [ ] Click outside menu → menu closes
+- [ ] Click another menu → old menu closes, new one opens
+
+### Duplicate Action
+- [ ] Click Duplicate → creates new session
+- [ ] Verify "(copy)" suffix or similar in new session name
+- [ ] Verify original session still exists
+- [ ] Verify success toast shows
+- [ ] Verify session list refreshes after duplication
+- [ ] Verify duplicated session has same working directory
+
+### Delete Action
+- [ ] Click Delete → confirmation dialog appears
+- [ ] Cancel confirmation → session remains
+- [ ] Confirm deletion → session removed
+- [ ] Verify success toast shows
+- [ ] Verify session list refreshes after deletion
+- [ ] Verify session file is deleted from disk
+
+### Edge Cases
+- [ ] Try to delete currently running session
+- [ ] Rapid menu open/close
+- [ ] Multiple rapid duplicate operations
+
+## Loading States
+
+### Overlay Display
+- [ ] Create blank project → shows "Creating project..."
+- [ ] Duplicate session → shows "Duplicating project..."
+- [ ] Click Continue → shows "Opening workspace..."
+- [ ] Overlay appears with spinner animation
+- [ ] Overlay has semi-transparent black background
+- [ ] Overlay covers entire viewport
+- [ ] Text message is visible and readable
+
+### Timing
+- [ ] Overlay appears immediately
+- [ ] Overlay stays visible for minimum 300ms
+- [ ] Overlay fades out smoothly
+
+## Error Handling
+
+### Network Errors
+- [ ] Disconnect network → try to create project
+- [ ] Verify error toast shows generic message
+- [ ] Verify overlay disappears on error
+- [ ] Verify button state is correct after error
+
+### Validation Errors
+- [ ] Try to create project with invalid characters
+- [ ] Verify button stays disabled
+- [ ] Verify "Invalid characters" message shows
+- [ ] Try to save invalid name via inline edit
+
+### Server Errors
+- [ ] Server returns 500 error
+- [ ] Verify generic error message displayed
+- [ ] Verify no sensitive error details leaked
+
+## Responsive Design
+
+### Desktop (1920px+)
+- [ ] Cards display in full layout
+- [ ] All three columns visible
+- [ ] Hover effects work correctly
+- [ ] Menu dropdowns positioned correctly
+
+### Tablet (768px)
+- [ ] Layout adjusts appropriately
+- [ ] Continue button remains accessible
+- [ ] Menu dropdowns positioned correctly
+- [ ] Touch targets are large enough
+
+### Mobile (375px)
+- [ ] Single column layout
+- [ ] Buttons stack vertically
+- [ ] Touch targets are finger-friendly (min 44px)
+- [ ] Text remains readable
+- [ ] No horizontal scrolling
+
+## Accessibility
+
+### Keyboard Navigation
+- [ ] Tab through all interactive elements
+- [ ] Focus indicators are visible
+- [ ] Enter key activates buttons
+- [ ] Escape key closes menus
+- [ ] Arrow keys work where expected
+
+### Screen Reader
+- [ ] All buttons have aria-label
+- [ ] Menu state (aria-expanded) updates correctly
+- [ ] Toast announcements are announced
+- [ ] Error messages are announced
+
+### Visual Feedback
+- [ ] Hover states on all interactive elements
+- [ ] Focus states on all keyboard-navigable elements
+- [ ] Loading states are visible
+- [ ] Success/error states use color + icons
+
+## Cross-Browser Testing
+
+### Chrome
+- [ ] All features work correctly
+- [ ] No console errors
+- [ ] Performance is acceptable
+
+### Firefox
+- [ ] All features work correctly
+- [ ] No console errors
+- [ ] Styling matches Chrome
+
+### Safari
+- [ ] All features work correctly
+- [ ] No console errors
+- [ ] Animations render smoothly
+
+## Performance
+
+### Load Time
+- [ ] Landing page loads in < 2 seconds
+- [ ] Session cards render quickly
+- [ ] No janky animations
+
+### Memory
+- [ ] No memory leaks after extended use
+- [ ] Event listeners are properly cleaned up
+- [ ] Menu dropdowns don't accumulate
+
+## Security
+
+### XSS Prevention
+- [ ] Try entering HTML in project name
+- [ ] Try entering script tags
+- [ ] Verify all output is escaped
+- [ ] Verify no code executes
+
+### Input Validation
+- [ ] All invalid characters are rejected
+- [ ] Length limits are enforced
+- [ ] No SQL injection vectors
+
+---
+
+## Test Notes
+
+**Test Environment:**
+- Browser: ___________
+- Screen Resolution: ___________
+- OS: ___________
+- Date: ___________
+
+**Tester:** ___________
+
+**Overall Status:** Pass / Fail
+
+**Bugs Found:**
+1.
+2.
+3.
+
+**Suggestions:**
+1.
+2.
+3.