Files
T
Daniel Avila 65156dda84 Session Sharing & Chats UI Improvements (#122)
* feat: add session sharing and cloning functionality

Implement complete session sharing system for Claude Code conversations:

Features:
- Share button in chats interface with QR code generation
- Upload sessions to x0.at (temporary file hosting)
- Clone sessions with --clone-session command
- Limit shared sessions to last 100 messages
- Security confirmation modal with service information
- Resume command display after cloning

Backend:
- New SessionSharing class for export/upload/download/install
- Integration with ConversationAnalyzer
- x0.at upload service (tested and working)
- JSONL format conversion for Claude Code compatibility

Frontend:
- Confirmation modal with x0.at security info
- Centered QR code display
- Improved button styling (Resume, Share, Search)
- Real-time upload progress indication

CLI:
- Added --clone-session <url> parameter
- Automatic session installation to ~/.claude/projects/
- Display resume command with conversation ID

Dependencies:
- Added qrcode package for QR generation

🤖 Generated with Claude Code (https://claude.com/claude-code)

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

* feat: improve chats UI with project grouping and unified action buttons

Major improvements to chats interface:

Project Organization:
- Group conversations by project with collapsible sections
- Projects collapsed by default for cleaner interface
- Auto-expand projects during search with matching results
- Sticky project headers for better navigation
- Project avatars with gradients and conversation counts

Terminology Update:
- Changed "conversations" to "sessions" throughout UI
- Updated empty state messages
- Consistent terminology in headers and labels

Action Buttons Enhancement:
- Unified Resume, Share, and Search buttons in center header
- Replaced emojis with professional SVG icons
- Grouped design with orange accent border
- Individual hover states (green/blue/orange)
- Responsive button group with smooth transitions

Search Improvements:
- Fixed search to work with grouped project structure
- Search in both project names and session IDs
- Auto-collapse all projects when clearing search
- Proper filter clearing in advanced search
- Maintained state management across search operations

Visual Design:
- Orange accent border highlighting action buttons (2px)
- Subtle orange background for button group
- Consistent hover effects with color coding
- Enhanced visual hierarchy
- Better spacing and alignment

🤖 Generated with Claude Code (https://claude.com/claude-code)

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

---------

Co-authored-by: Claude <noreply@anthropic.com>
2025-10-27 15:42:15 -04:00

104 lines
2.9 KiB
JSON

{
"name": "claude-code-templates",
"version": "1.24.17",
"description": "CLI tool to setup Claude Code configurations with framework-specific commands, automation hooks and MCP Servers for your projects",
"main": "src/index.js",
"bin": {
"create-claude-config": "bin/create-claude-config.js",
"claude-code-templates": "bin/create-claude-config.js",
"claude-code-template": "bin/create-claude-config.js",
"claude-init": "bin/create-claude-config.js",
"cctemplates": "bin/create-claude-config.js",
"cct": "bin/create-claude-config.js",
"claude-setup": "bin/create-claude-config.js",
"claude-config": "bin/create-claude-config.js"
},
"scripts": {
"start": "node bin/create-claude-config.js",
"test": "jest",
"test:watch": "jest --watch",
"test:coverage": "jest --coverage",
"test:unit": "jest tests/unit",
"test:integration": "jest tests/integration",
"test:e2e": "jest tests/e2e",
"test:analytics": "jest --testPathPattern=analytics",
"test:commands": "./test-commands.sh",
"test:detailed": "./test-detailed.sh",
"test:react": "make test-react",
"test:vue": "make test-vue",
"test:node": "make test-node",
"test:all": "npm run test:coverage && make test",
"dev:link": "npm link",
"dev:unlink": "npm unlink -g claude-code-templates",
"pretest:commands": "npm run dev:link",
"analytics:start": "node src/analytics.js",
"analytics:test": "npm run test:analytics",
"security-audit": "node src/security-audit.js",
"security-audit:ci": "node src/security-audit.js --ci",
"security-audit:verbose": "node src/security-audit.js --verbose",
"security-audit:json": "node src/security-audit.js --json --output=security-report.json"
},
"keywords": [
"claude",
"claude-code",
"ai",
"configuration",
"template",
"setup",
"cli",
"hooks",
"automation",
"javascript",
"typescript",
"react",
"vue",
"angular",
"nodejs",
"python",
"django",
"flask",
"fastapi",
"rust",
"go"
],
"author": "Claude Code Templates",
"license": "MIT",
"dependencies": {
"boxen": "^5.1.2",
"chalk": "^4.1.2",
"chokidar": "^3.5.3",
"commander": "^11.1.0",
"express": "^4.18.2",
"fs-extra": "^11.1.1",
"inquirer": "^8.2.6",
"js-yaml": "^4.1.0",
"open": "^8.4.2",
"ora": "^5.4.1",
"qrcode": "^1.5.3",
"uuid": "^11.1.0",
"ws": "^8.18.3"
},
"engines": {
"node": ">=14.0.0"
},
"repository": {
"type": "git",
"url": "git+https://github.com/davila7/claude-code-templates.git"
},
"bugs": {
"url": "https://github.com/davila7/claude-code-templates/issues"
},
"homepage": "https://github.com/davila7/claude-code-templates#readme",
"files": [
"bin/",
"src/",
"components/sandbox/e2b/",
"components/sandbox/cloudflare/",
"README.md"
],
"devDependencies": {
"jest": "^30.0.4",
"jest-watch-typeahead": "^3.0.1"
}
}