rails_pulse 0.1.1 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9a7e7efdfd91dc728f40f7f661b81f02633ae414963dcf6de1ceff81636033b5
-  data.tar.gz: 46a8441fd04bb5b771cc2107f0c7fb254e0400dcef824e7bd240980a605c7ba7
+  metadata.gz: 11728d425611e7ab3a9edb171f05638a783d1c8d3ded8dff112bb615e8a18d11
+  data.tar.gz: 3e16c2d59f4f4bd8d2df49625d9f6005edc98dec701212a6052f4abfd1cac6f3
 SHA512:
-  metadata.gz: e8c5ce878786c71ef5d351f12881d6b3d93e940e090cec1843f65052aee58b084c396cbe61a00942704d534a5824274b24d7af4d033fb440a87a502137822867
-  data.tar.gz: 30ad722ade45a6e57220373e04a8f99c01d417969921aaf3c7bba463b3a29c345bca787587bbaf6f517d21b7cf37e39fee23dbc4edbcc3680b1762a16a7f77fb
+  metadata.gz: 443645ed917ef9beea2d642ff8c4a7d2e57cc87559a09e74dfd75d20d18fb0ff11040eac6e825f3ff0af35637ea23757c88b24e78f35e32f64a7660168aa940a
+  data.tar.gz: d11227a7a11c24bff167104e712f9d075a394130a196938ed71b360e6cbc82a8f930672187b92d0009ed5c14fee882ff23d3d88a3df25b1ddeff3a8839452b5b

data/README.md

@@ -6,7 +6,7 @@
   **Real-time performance monitoring and debugging for Rails applications**
 
   ![Gem Version](https://img.shields.io/gem/v/rails_pulse)
-  ![Rails Version](https://img.shields.io/badge/Rails-8.0+-blue)
+  ![Rails Version](https://img.shields.io/badge/Rails-7.2+-blue)
   ![License](https://img.shields.io/badge/License-MIT-green)
   ![Ruby Version](https://img.shields.io/badge/Ruby-3.3+-red)
 </div>
@@ -25,16 +25,14 @@
 - [Authentication](#authentication)
   - [Authentication Setup](#authentication-setup)
   - [Authentication Examples](#authentication-examples)
-  - [Security Considerations](#security-considerations)
 - [Data Management](#data-management)
   - [Cleanup Strategies](#cleanup-strategies)
   - [Cleanup Configuration](#cleanup-configuration)
   - [Manual Cleanup Operations](#manual-cleanup-operations)
-  - [How Cleanup Works](#how-cleanup-works)
-- [Multiple Database Support](#multiple-database-support)
+- [Separate Database Support](#separate-database-support)
   - [Configuration](#configuration)
   - [Database Configuration](#database-configuration)
-  - [Migration](#migration)
+  - [Schema Loading](#schema-loading)
 - [Testing](#testing)
 - [Technology Stack](#technology-stack)
 - [Advantages Over Other Solutions](#advantages-over-other-solutions)
@@ -44,33 +42,17 @@
 
 ## Introduction
 
-Rails Pulse is a comprehensive performance monitoring and debugging gem that provides real-time insights into your Rails application's health. Built as a Rails Engine, it seamlessly integrates with your existing application to capture, analyze, and visualize performance metrics without impacting your production workload.
-
-**Why Rails Pulse?**
-
-- **Visual**: Beautiful, responsive dashboards with actionable insights
-- **Comprehensive**: Monitors requests, database queries, and application operations
-- **Real-time**: Live performance metrics
-- **Zero Configuration**: Works out of the box with sensible defaults
-- **Lightweight**: Minimal performance overhead in production
-- **Asset Independent**: Pre-compiled assets work with any Rails build system
-- **CSP Compliant**: Secure by default with Content Security Policy support
+Rails Pulse is a comprehensive performance monitoring and debugging gem that provides insights into your Rails application's health. Built as a Rails Engine, it seamlessly integrates with your existing application to capture, analyze, and visualize performance metrics without impacting your production workload.
 
 ## Features
 
-### 🎯 **Performance Monitoring**
+### Performance Monitoring
 - Interactive dashboard with response time charts and request analytics
 - SQL query performance tracking with slow query identification
 - Route-specific metrics with configurable performance thresholds
 - Week-over-week trend analysis with visual indicators
 
-### 🔒 **Production Ready**
-- Content Security Policy (CSP) compliant with pre-compiled assets
-- Flexible authentication system with multiple authentication methods
-- Automatic data cleanup with configurable retention policies
-- Zero build dependencies - works with any Rails setup
-
-### ⚡ **Developer Experience**
+### Developer Experience
 - Zero configuration setup with sensible defaults
 - Beautiful responsive interface with dark/light mode
 - Smart caching with minimal performance overhead
@@ -78,7 +60,13 @@ Rails Pulse is a comprehensive performance monitoring and debugging gem that pro
 
 ## Screenshots
 
-<img src="app/assets/images/rails_pulse/dashboard.png" alt="Rails Pulse" />
+<table>
+  <tr>
+    <td><img src="app/assets/images/rails_pulse/dashboard.png" alt="Rails Pulse Dashboard" width="400" /></td>
+    <td><img src="app/assets/images/rails_pulse/request.png" alt="Rails Pulse Requests" width="400" /></td>
+  </tr>
+</table>
+
 
 ## Getting Started
 
@@ -102,22 +90,30 @@ Generate the installation files:
 rails generate rails_pulse:install
 ```
 
-Run the migrations:
+Load the database schema:
 
 ```bash
-rails db:migrate
+rails db:prepare
 ```
 
 Add the Rails Pulse route to your application:
 
 ```ruby
-# config/routes.rb
 Rails.application.routes.draw do
   mount RailsPulse::Engine => "/rails_pulse"
-  # ... your other routes
 end
 ```
 
+Schedule background jobs:
+
+```ruby
+# Schedule to run 5 minutes past every hour. cron: 5 * * * *
+RailsPulse::SummaryJob.perform_later
+
+# Schedule to run daily. cron: 0 1 * * *
+RailsPulse::CleanupJob.perform_later
+```
+
 ### Quick Setup
 
 Rails Pulse automatically starts collecting performance data once installed. Access your monitoring dashboard at:
@@ -135,14 +131,14 @@ RailsPulse.configure do |config|
   # Enable or disable Rails Pulse
   config.enabled = true
 
-  # Set performance thresholds for routes (in milliseconds)
+  # Set performance thresholds for route response times (in milliseconds)
   config.route_thresholds = {
     slow: 500,
     very_slow: 1500,
     critical: 3000
   }
 
-  # Set performance thresholds for requests (in milliseconds)
+  # Set performance thresholds for request response times (in milliseconds)
   config.request_thresholds = {
     slow: 700,
     very_slow: 2000,
@@ -157,8 +153,8 @@ RailsPulse.configure do |config|
   }
 
   # Asset tracking configuration
-  config.track_assets = false  # Ignore asset requests by default
-  config.custom_asset_patterns = []  # Additional asset patterns to ignore
+  config.track_assets = false       # Ignore asset requests by default
+  config.custom_asset_patterns = [] # Additional asset patterns to ignore
 
   # Rails Pulse mount path (optional)
   # Specify if Rails Pulse is mounted at a custom path to prevent self-tracking
@@ -171,7 +167,7 @@ RailsPulse.configure do |config|
 
   # Data cleanup
   config.archiving_enabled = true        # Enable automatic cleanup
-  config.full_retention_period = 2.weeks  # Delete records older than this
+  config.full_retention_period = 2.weeks # Delete records older than this
   config.max_table_records = {           # Maximum records per table
     rails_pulse_requests: 10000,
     rails_pulse_operations: 50000,
@@ -179,10 +175,6 @@ RailsPulse.configure do |config|
     rails_pulse_queries: 500
   }
 
-  # Metric caching for performance
-  config.component_cache_enabled = true
-  config.component_cache_duration = 1.day
-
   # Multiple database support (optional)
   # Uncomment to store Rails Pulse data in a separate database
   # config.connects_to = {
@@ -219,7 +211,7 @@ end
 
 Rails Pulse works with any authentication system. Here are common patterns:
 
-#### **Devise with Admin Role**
+#### Devise with Admin Role
 
 ```ruby
 config.authentication_method = proc {
@@ -229,36 +221,7 @@ config.authentication_method = proc {
 }
 ```
 
-#### **Custom Session-based Authentication**
-
-```ruby
-config.authentication_method = proc {
-  unless session[:user_id] && User.find_by(id: session[:user_id])&.admin?
-    redirect_to main_app.login_path, alert: "Please log in as an admin"
-  end
-}
-```
-
-#### **HTTP Basic Authentication**
-
-```ruby
-config.authentication_method = proc {
-  authenticate_or_request_with_http_basic do |username, password|
-    username == ENV['RAILS_PULSE_USERNAME'] &&
-    password == ENV['RAILS_PULSE_PASSWORD']
-  end
-}
-```
-
-#### **Warden Authentication**
-
-```ruby
-config.authentication_method = proc {
-  warden.authenticate!(scope: :admin)
-}
-```
-
-#### **Custom Authorization Logic**
+#### Custom Authorization Logic
 
 ```ruby
 config.authentication_method = proc {
@@ -269,16 +232,6 @@ config.authentication_method = proc {
 }
 ```
 
-### Security Considerations
-
-- **Production Security**: Always enable authentication in production environments
-- **Admin-only Access**: Limit access to administrators or authorized personnel
-- **Environment Variables**: Use environment variables for credentials, never hardcode
-- **HTTPS Required**: Always use HTTPS in production when authentication is enabled
-- **Regular Access Review**: Periodically review who has access to monitoring data
-
-**Important**: The authentication method runs in the context of the Rails Pulse ApplicationController, giving you access to all standard Rails controller methods like `redirect_to`, `render`, `session`, and any methods from your host application's authentication system.
-
 ## Data Management
 
 Rails Pulse provides data cleanup to prevent your monitoring database from growing indefinitely while preserving essential performance insights.
@@ -329,28 +282,22 @@ rails rails_pulse:cleanup_stats
 
 **Schedule automated cleanup:**
 ```ruby
-# Using whenever gem or similar scheduler
 RailsPulse::CleanupJob.perform_later
 ```
 
-### How Cleanup Works
-
-1. **Time-based Phase**: Delete all records older than `full_retention_period`
-2. **Count-based Phase**: If tables still exceed limits, delete oldest remaining records
-3. **Safe Deletion**: Respects foreign key constraints (operations → requests → queries/routes)
-4. **Comprehensive Logging**: Detailed cleanup statistics and operation logs
+## Separate Database Support
 
-This two-phase approach ensures you keep the most valuable recent performance data while maintaining manageable database sizes.
+Rails Pulse supports storing performance monitoring data in a **separate database**. By default, Rails Pulse stores data in your main application database alongside your existing tables.
 
-## Multiple Database Support
-
-Rails Pulse supports storing performance monitoring data in a separate database. This is particularly useful for:
+Use a separate database when you want:
 
 - **Isolating monitoring data** from your main application database
 - **Using different database engines** optimized for time-series data
 - **Scaling monitoring independently** from your application
 - **Simplified backup strategies** with separate retention policies
 
+**For shared database setup (default)**, no database configuration is needed - simply run `rails db:prepare` after installation.
+
 ### Configuration
 
 To use a separate database, configure the `connects_to` option in your Rails Pulse initializer:
@@ -380,6 +327,7 @@ production:
   rails_pulse:
     adapter: sqlite3
     database: storage/rails_pulse_production.sqlite3
+    migrations_paths: db/rails_pulse_migrate
     pool: 5
     timeout: 5000
 
@@ -392,6 +340,7 @@ production:
     username: rails_pulse_user
     password: <%= Rails.application.credentials.dig(:rails_pulse, :database_password) %>
     host: localhost
+    migrations_paths: db/rails_pulse_migrate
     pool: 5
 
 # For MySQL
@@ -403,35 +352,31 @@ production:
     username: rails_pulse_user
     password: <%= Rails.application.credentials.dig(:rails_pulse, :database_password) %>
     host: localhost
+    migrations_paths: db/rails_pulse_migrate
     pool: 5
 ```
 
-### Migration
+### Schema Loading
 
-When using a separate database, run migrations targeting the Rails Pulse database:
+After installation, load the Rails Pulse database schema:
 
 ```bash
-# Run Rails Pulse migrations on the configured database
-rails db:migrate
-
-# If you need to run migrations on a specific database
-RAILS_ENV=production rails db:migrate
+rails db:prepare
 ```
 
-**Note:** Rails Pulse maintains full backward compatibility. If no `connects_to` configuration is provided, all data will be stored in your main application database as before.
+This command works for both:
+- Shared database setup (default): Loads tables into your main application database
+- Separate database setup: Automatically loads tables into your configured Rails Pulse database
 
 ## Testing
 
-Rails Pulse includes a comprehensive test suite designed for speed and reliability across multiple databases (SQLite, MySQL, PostgreSQL) and Rails versions.
+Rails Pulse includes a comprehensive test suite designed for speed and reliability across multiple databases and Rails versions.
 
 ### Running the Complete Test Suite
 
 ```bash
-# Run all tests (unit, functional, integration)
+# Run all tests (unit, functional, integration, instrumentation)
 rails test:all
-
-# Run tests with speed optimizations
-rails test:fast
 ```
 
 ### Running Individual Test Types
@@ -452,83 +397,46 @@ rails test:integration
 ```bash
 # Run a specific test file
 rails test test/models/rails_pulse/request_test.rb
-
-# Run controller tests
-rails test test/controllers/rails_pulse/dashboard_controller_test.rb
-
-# Run helper tests
-rails test test/helpers/rails_pulse/application_helper_test.rb
-
-# Run factory verification tests
-rails test test/factories_test.rb
 ```
 
-### Multi-Rails Version Testing
+### Multi-Database and Rails Version Testing
 
-Test against multiple Rails versions using Appraisal:
+Test against multiple databases and Rails versions using the matrix task:
 
 ```bash
-# Install dependencies for all Rails versions
-bundle exec appraisal install
-
-# Run tests against all Rails versions
-bundle exec appraisal rails test:all
-
-# Run tests against specific Rails version
-bundle exec appraisal rails-7-1 rails test:unit
+# Test all database and Rails version combinations locally
+rails test:matrix
 ```
 
-### Test Performance Features
-
-- **In-memory SQLite**: Unit and functional tests use fast in-memory databases
-- **Transaction rollback**: Tests use database transactions for fast cleanup
-- **Stubbed dependencies**: External calls and expensive operations are stubbed
-- **Parallel execution**: Tests run in parallel when supported
-
-### Database Testing
-
-Rails Pulse supports testing with multiple database adapters using simplified Rake tasks:
-
-```bash
-# Quick Commands (Recommended)
-rails test:sqlite        # Test with SQLite (default)
-rails test:postgresql    # Test with PostgreSQL
-rails test:mysql         # Test with MySQL
-
-# Test Matrix (before pushing)
-rails test:matrix        # Test SQLite + PostgreSQL
-rails test:matrix_full   # Test all databases (SQLite + PostgreSQL + MySQL)
-```
+This command tests all combinations locally:
+- **Databases**: SQLite3, PostgreSQL, MySQL2 (local testing only)
+- **Rails versions**: 7.2, 8.0
 
-#### Development Environment Setup
+**Note**: CI only tests SQLite3 + PostgreSQL for reliability. MySQL is available for local testing but excluded from CI due to flakiness.
 
-1. **Set up git hooks (optional but recommended):**
-   ```bash
-   ./scripts/setup-git-hooks
-   ```
-   This installs a pre-commit hook that runs RuboCop before each commit.
+### Development Environment Setup
 
-2. **Copy the environment template:**
+1. **Copy the environment template:**
    ```bash
    cp .env.example .env
    ```
 
-3. **Configure your database credentials in `.env`:**
+2. **Configure your database credentials in `.env` (for local multi-database testing):**
    ```bash
-   # PostgreSQL Configuration
+   # PostgreSQL Configuration (used in CI + local)
    POSTGRES_USERNAME=your_username
    POSTGRES_PASSWORD=your_password
    POSTGRES_HOST=localhost
    POSTGRES_PORT=5432
 
-   # MySQL Configuration
+   # MySQL Configuration (local testing only)
    MYSQL_USERNAME=root
    MYSQL_PASSWORD=your_password
    MYSQL_HOST=localhost
    MYSQL_PORT=3306
    ```
 
-4. **Create test databases:**
+3. **Create test databases:**
    ```bash
    # PostgreSQL
    createdb rails_pulse_test
@@ -537,32 +445,32 @@ rails test:matrix_full   # Test all databases (SQLite + PostgreSQL + MySQL)
    mysql -u root -p -e "CREATE DATABASE rails_pulse_test;"
    ```
 
-#### Manual Commands
-If you prefer the explicit approach:
+### Manual Database Testing
+
+Test individual databases locally:
 
 ```bash
-# Test with SQLite (default, uses in-memory database)
+# Test with SQLite (default)
 rails test:all
 
-# Test with PostgreSQL (requires local PostgreSQL setup)
-DATABASE_ADAPTER=postgresql FORCE_DB_CONFIG=true rails test:all
+# Test with PostgreSQL
+DB=postgresql FORCE_DB_CONFIG=true rails test:all
 
-# Test with MySQL (requires MySQL setup and mysql2 gem compilation)
-DATABASE_ADAPTER=mysql FORCE_DB_CONFIG=true rails test:all
+# Test with MySQL (local only)
+DB=mysql2 FORCE_DB_CONFIG=true rails test:all
 ```
 
-**Note**: Database switching is disabled by default for stability. The Rake tasks automatically handle the `FORCE_DB_CONFIG=true` requirement.
+### CI Testing
 
-**MySQL Testing**: MySQL testing requires:
-- MySQL server running locally with a `rails_pulse_test` database
-- Successful compilation of the `mysql2` gem (may require system dependencies like `zstd`)
-- CI environments come pre-configured, but local setup may require additional dependencies
+GitHub Actions CI automatically tests:
+- **Databases**: SQLite3, PostgreSQL only (MySQL excluded for reliability)
+- **Rails versions**: 7.2, 8.0
+- **Environment**: Uses memory SQLite and PostgreSQL service
 
-### Quick Testing Before Push
-```bash
-# Recommended: Test the same databases as CI
-rails test:matrix
-```
+**Local vs CI differences**:
+- **Local**: Can test all 3 databases (SQLite3, PostgreSQL, MySQL2)
+- **CI**: Only SQLite3 + PostgreSQL for fast, reliable builds
+- **Database switching**: Requires `FORCE_DB_CONFIG=true` locally
 
 ## Technology Stack
 
@@ -602,12 +510,6 @@ Rails Pulse is built using modern, battle-tested technologies that ensure reliab
 - **Customizable**: Full control over metrics, thresholds, and interface
 - **Asset Independence**: Works with any Rails build system (Sprockets, esbuild, Webpack, Vite)
 
-### **vs. Built-in Rails Logging**
-- **Visual Interface**: Beautiful dashboards instead of log parsing
-- **Structured Data**: Queryable metrics instead of text logs
-- **Historical Analysis**: Persistent storage with trend analysis
-- **Real-time Monitoring**: Live updates and health scoring
-
 ### **vs. Custom Monitoring Solutions**
 - **Batteries Included**: Complete monitoring solution out of the box
 - **Proven Architecture**: Built on Rails best practices

data/Rakefile

@@ -1,5 +1,8 @@
 require "bundler/setup"
 
+# Load environment variables from .env file
+require "dotenv/load" if File.exist?(".env")
+
 APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
 load "rails/tasks/engine.rake"
 load "rails/tasks/statistics.rake"
@@ -8,9 +11,9 @@ require "bundler/gem_tasks"
 
 # Test tasks
 namespace :test do
-  desc "Run unit tests (models, helpers, services)"
+  desc "Run unit tests (models, helpers, services, instrumentation)"
   task :unit do
-    sh "rails test test/models test/helpers test/services test/support"
+    sh "rails test test/models test/helpers test/services test/support test/instrumentation"
   end
 
   desc "Run functional tests (controllers)"
@@ -27,6 +30,78 @@ namespace :test do
   task :all do
     sh "rails test"
   end
+
+  desc "Run tests across all database and Rails version combinations (local only - CI uses sqlite3 + postgresql)"
+  task :matrix do
+    databases = [ "sqlite3", "postgresql", "mysql2" ]
+    rails_versions = [ "rails-7-2", "rails-8-0" ]
+
+    failed_combinations = []
+
+    databases.each do |database|
+      rails_versions.each do |rails_version|
+        puts "\n" + "=" * 80
+        puts "🧪 Local Testing: #{database.upcase} + #{rails_version.upcase}"
+        puts "(CI only tests SQLite3 + PostgreSQL for reliability)"
+        puts "=" * 80
+
+        begin
+          gemfile = "gemfiles/#{rails_version.gsub('-', '_')}.gemfile"
+
+          # Set environment variables
+          env_vars = {
+            "DB" => database,
+            "BUNDLE_GEMFILE" => gemfile,
+            "FORCE_DB_CONFIG" => "true"
+          }
+
+          # Add database-specific environment variables
+          case database
+          when "postgresql"
+            env_vars.merge!({
+              "POSTGRES_USERNAME" => ENV.fetch("POSTGRES_USERNAME", "postgres"),
+              "POSTGRES_PASSWORD" => ENV.fetch("POSTGRES_PASSWORD", ""),
+              "POSTGRES_HOST" => ENV.fetch("POSTGRES_HOST", "localhost"),
+              "POSTGRES_PORT" => ENV.fetch("POSTGRES_PORT", "5432")
+            })
+          when "mysql2"
+            env_vars.merge!({
+              "MYSQL_USERNAME" => ENV.fetch("MYSQL_USERNAME", "root"),
+              "MYSQL_PASSWORD" => ENV.fetch("MYSQL_PASSWORD", "password"),
+              "MYSQL_HOST" => ENV.fetch("MYSQL_HOST", "localhost"),
+              "MYSQL_PORT" => ENV.fetch("MYSQL_PORT", "3306")
+            })
+          end
+
+          # Build environment string
+          env_string = env_vars.map { |k, v| "#{k}=#{v}" }.join(" ")
+
+          # Run the test command
+          sh "#{env_string} bundle exec rails test:all"
+
+          puts "✅ PASSED: #{database} + #{rails_version}"
+
+        rescue => e
+          puts "❌ FAILED: #{database} + #{rails_version}"
+          puts "Error: #{e.message}"
+          failed_combinations << "#{database} + #{rails_version}"
+        end
+      end
+    end
+
+    puts "\n" + "=" * 80
+    puts "🏁 Local Test Matrix Results"
+    puts "(CI automatically tests SQLite3 + PostgreSQL only)"
+    puts "=" * 80
+
+    if failed_combinations.empty?
+      puts "✅ All combinations passed!"
+    else
+      puts "❌ Failed combinations:"
+      failed_combinations.each { |combo| puts "  - #{combo}" }
+      exit 1
+    end
+  end
 end
 
 # Override default test task

data/app/assets/stylesheets/rails_pulse/application.css

@@ -4,25 +4,48 @@
 
 a {
   text-decoration: underline;
-  color: #0048b5;
+  color: var(--color-link);
 }
 
 #header {
-  background-color: #ffc91f;
+  background-color: var(--header-bg);
 }
 
 #header a {
-  color: black
+  color: var(--header-link);
+  text-decoration: none;
 }
 
 #header a:hover {
-  background-color: #ffe284;
+  background-color: transparent;
+  text-decoration: underline;
 }
 
 a:hover {
   cursor: pointer;
 }
 
+/* Dark mode */
+
+/* Dark scheme tweaks via component variables */
+html[data-color-scheme="dark"] .card {
+  /* Scope card surfaces slightly darker than page */
+  --color-bg: rgb(47, 47, 47);
+  --color-border: rgb(64, 64, 64);
+}
+
+/* Header colors are handled by --header-* tokens in base.css */
+
+html[data-color-scheme="dark"] .badge--positive-inverse,
+html[data-color-scheme="dark"] .badge--negative-inverse {
+  --badge-background: rgb(47, 47, 47);
+}
+
+html[data-color-scheme="dark"] .input {
+  --input-background: #535252;
+  --input-border-color: #7e7d7d;
+}
+
 .hidden {
   display: none;
 }
@@ -66,7 +89,7 @@ a:hover {
   height: 16px;
   padding: 2px;
   position: absolute;
-  top: 11px;
+  top: 20px;
 }
 
 /* REQUEST OPERATIONS BAR */
@@ -80,18 +103,6 @@ a:hover {
   position:absolute;
   top:0
 }
-.bar.db {
-  background-color:#92c282
-}
-.bar.app {
-  background-color:#00adc4
-}
-.bar.gc {
-  background-color:#323333
-}
-.bar.view {
-  background-color:#b48da3
-}
 .bar:first-child {
   border-bottom-left-radius:1px;
   border-top-left-radius:1px