avo 1.25.2 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d97808d5ad5af281e3f8f77bf2a4f1bae31cd3dbc973b08a0f3d400e54054c75
-  data.tar.gz: edce71e99f00ecf98c06fa461721346bcf9d70376d12c97b44f0daf1e4924551
+  metadata.gz: f169116cd6e56e99ff318b5babd7394db5ad846ddc16c2399ce02df980c0edfc
+  data.tar.gz: 4ed87d717ff0f174b4220637fe5b5b31be26fd84b8f383c7812ce7b55f785e8f
 SHA512:
-  metadata.gz: 3ea20e5fbba919be22ed36c8763e010a47103606c38938277510b67413b6a32441d5fdd61da880e289d9e4889ce3b44a10382920f56321d73412d4fe978156c8
-  data.tar.gz: 36415db4397e05ef7d6cb2b9463342d77890cbf026291876ab7a3e7eae4065cbbe1f45e8f28e57e3efb24faf647a0f113eb9e13401be82817797690b81aac95f
+  metadata.gz: c05244d5032c94bc2912e5ec726975544c3b5a2813a7fd477bc2e5bd5e1718a2fedd04ab53c296b73fd779e6d8dc43a9e711e71cf83260df4972752e456335a7
+  data.tar.gz: a89f9be5b9c1d6f2fbefa344e0335de6823a1f9cebf66077da9b6ab0970a7a6713cbf03f76689344d590df32f946cac73a84ef6157b864a0c2651394d0ac065b

data/Gemfile

@@ -39,7 +39,7 @@ gem "puma", "~> 5.6.2"
 # gem 'bcrypt', '~> 3.1.7'
 
 # Use Active Storage variant
-gem "image_processing", "~> 1.2"
+gem "image_processing", "~> 1.12"
 
 # Reduces boot times through caching; required in config/boot.rb
 gem "bootsnap", ">= 1.4.2", require: false
@@ -104,6 +104,9 @@ group :test do
   gem "test-prof"
 end
 
+gem "rubocop"
+gem "rubocop-shopify", require: false
+
 gem "zeitwerk", "~> 2.3"
 
 gem "httparty"
@@ -126,6 +129,7 @@ gem 'breadcrumbs_on_rails'
 
 gem 'manifester'
 
+# Search
 gem 'ransack'
 
 gem 'friendly_id', '~> 5.4.0'
@@ -134,4 +138,9 @@ gem 'aws-sdk-s3', require: false
 
 gem 'net-smtp', require: false
 
+# Dashboard charts
+gem "groupdate"
+gem "hightop"
+gem "active_median"
+
 gem 'acts_as_list'

data/Gemfile.lock

@@ -1,10 +1,11 @@
 PATH
   remote: .
   specs:
-    avo (1.25.2)
+    avo (2.0.0)
       active_link_to
       addressable
       breadcrumbs_on_rails
+      chartkick
       countries
       dry-initializer
       hotwire-rails
@@ -61,6 +62,8 @@ GEM
     active_link_to (1.0.5)
       actionpack
       addressable
+    active_median (0.3.3)
+      activesupport (>= 5.2)
     activejob (6.1.4.6)
       activesupport (= 6.1.4.6)
       globalid (>= 0.3.6)
@@ -127,6 +130,7 @@ GEM
       rack-test (>= 0.6.3)
       regexp_parser (>= 1.5, < 3.0)
       xpath (~> 3.2)
+    chartkick (4.1.3)
     childprocess (4.1.0)
     concurrent-ruby (1.1.9)
     countries (4.2.1)
@@ -174,7 +178,11 @@ GEM
     gem-release (2.2.2)
     globalid (1.0.0)
       activesupport (>= 5.0)
+    groupdate (5.2.4)
+      activesupport (>= 5)
     hashdiff (1.0.1)
+    hightop (0.3.0)
+      activesupport (>= 5.2)
     hotwire-rails (0.1.3)
       rails (>= 6.0.0)
       stimulus-rails
@@ -187,7 +195,7 @@ GEM
       concurrent-ruby (~> 1.0)
     i18n_data (0.15.0)
       simple_po_parser (~> 1.1)
-    image_processing (1.12.1)
+    image_processing (1.12.2)
       mini_magick (>= 4.9.5, < 5)
       ruby-vips (>= 2.0.17, < 3)
     io-wait (0.2.1)
@@ -234,8 +242,6 @@ GEM
     nokogiri (1.13.3)
       mini_portile2 (~> 2.8.0)
       racc (~> 1.4)
-    nokogiri (1.13.3-x86_64-linux)
-      racc (~> 1.4)
     orm_adapter (0.5.0)
     pagy (5.10.1)
       activesupport
@@ -327,6 +333,8 @@ GEM
     rubocop-performance (1.13.2)
       rubocop (>= 1.7.0, < 2.0)
       rubocop-ast (>= 0.4.0)
+    rubocop-shopify (2.5.0)
+      rubocop (~> 1.25)
     ruby-debug-ide (0.7.3)
       rake (>= 0.8.1)
     ruby-progressbar (1.11.0)
@@ -372,7 +380,7 @@ GEM
     tzinfo (2.0.4)
       concurrent-ruby (~> 1.0)
     unicode-display_width (2.1.0)
-    view_component (2.48.0)
+    view_component (2.49.1)
       activesupport (>= 5.0.0, < 8.0)
       method_source (~> 1.0)
     warden (1.2.9)
@@ -403,6 +411,7 @@ PLATFORMS
 
 DEPENDENCIES
   active_link_to
+  active_median
   acts_as_list
   addressable
   ap
@@ -424,10 +433,12 @@ DEPENDENCIES
   friendly_id (~> 5.4.0)
   fuubar
   gem-release
+  groupdate
+  hightop
   hotwire-rails
   htmlbeautifier
   httparty
-  image_processing (~> 1.2)
+  image_processing (~> 1.12)
   iso
   jsbundling-rails
   launchy
@@ -442,6 +453,8 @@ DEPENDENCIES
   rails-controller-testing
   ransack
   rspec-rails (~> 4.0.0)
+  rubocop
+  rubocop-shopify
   ruby-debug-ide
   selenium-webdriver
   simplecov

data/README.md

@@ -4,7 +4,7 @@
 [![codecov](https://codecov.io/gh/avo-hq/avo/branch/master/graph/badge.svg?token=Q2LMFE4989)](https://codecov.io/gh/avo-hq/avo)
 [![Maintainability](https://api.codeclimate.com/v1/badges/676a0afa2cc79f03aa29/maintainability)](https://codeclimate.com/github/avo-hq/avo/maintainability)
 
-![](https://avohq.io/img/logo-full-stroke-tiny-2x.png)
+![](./public/avo-assets/logo-on-white.png)
 
 **Configuration-based, no-maintenance, extendable Ruby on Rails admin**
 
@@ -12,33 +12,42 @@ Avo is a beautiful next-generation framework that empowers you, the developer, t
 
 ## Get started
 
-**Website**: [avohq.io](https://avohq.io)\
-**Documentation**: [docs.avohq.io](https://docs.avohq.io)\
-**Twitter**: [avo_hq](https://twitter.com/avo_hq)\
-**Community chat**: [discord](https://discord.gg/pkTF6y8)\
-**Issue tracker**: [GitHub issues](http://github.com/avo-hq/avo/issues)\
-**Discussions and feature requests**: [GitHub issues](http://github.com/avo-hq/avo/discussions)
+✨ **Website**: [avohq.io](https://avohq.io)\
+📚 **Documentation**: [docs.avohq.io](https://docs.avohq.io)\
+🗺 **Roadmap**: [GitHub Roadmap](https://github.com/orgs/avo-hq/projects/3)\
+🎸 **Demo app**: [Avodemo](https://avodemo.herokuapp.com/)\
+🐤 **Twitter**: [avo_hq](https://twitter.com/avo_hq)\
+💬 **Community chat**: [discord](https://discord.gg/pkTF6y8)\
+🔧 **Issue tracker**: [GitHub issues](http://github.com/avo-hq/avo/issues)\
+🎙 **Discussions and feature requests**: [GitHub issues](http://github.com/avo-hq/avo/discussions)
 
 ## Features
 
   - **Powered by Hotwire** - Rails ❤️  Hotwire
-  - **Code driven configuration** - Configure your Rails dashboard entirely by writing Ruby code.
+  - **Code driven configuration** - Configure your Rails dashboard entirely by writing Ruby code. [docs](https://docs.avohq.io/2.0/resources.html#defining-resources)
   - **Resource Management** - Create a CRUD interface for Active Record from one command. No more copy-pasting view and controller files around.
-  - **Resource Search** - Quickly run a search through one or more resources at once.
-  - **Active Storage support** - Amazingly easy, **one-line**, single or multi-file integration with **ActiveStorage**.
-  - **Grid view** - Beautiful card layout to showcase your content.
-  - **Actions** - Run custom actions to one or more of your resources with as little as pressing a button 💪
-  - **Filters** - Write your own custom filters to quickly segment your data.
-  - **Keeps your app clean** - You don't need to change your app to use Avo. Drop it in your existing app or add it to a new one and you're done 🙌
-  - **Custom fields**- No worries if we missed a field you need. Generate a custom field in a jiffy.
-  - **Custom tools** - You need to add a page with something completely new, you've got it!
-  - **Authorization** - Leverage Pundit policies to build a robust and scalable authorization system.
-  - **Localization** - Have it available in any language you need.
-  - **No asset pipeline pollution** - Bring your own asset pipeline.
-  - **Dashboard widgets and metrics*** - Customize your dashboard with the tools and analytics you need.
-  - **Themable*** - Dress it up into your own colors.
-
-*Features still under development
+  - **Dashboard widgets and metrics** - Create metrics, charts, and custom cards amazingly fast. [docs](https://docs.avohq.io/2.0/dashboards.html)
+  - **Resource Search** - Quickly run a search through one or more resources at once. [docs](https://docs.avohq.io/2.0/resources.html#filters)
+  - **Associations enabled** - Link your models together with all types of associations (belongs_to, has_many, polymorphic, etc.). [docs](https://docs.avohq.io/2.0/associations.html)
+  - **Fuzzy-searchable associations** - Do you have a ton of records and don't want to scroll through a big dropdown? Avo's got you covered. [docs](https://docs.avohq.io/2.0/associations.html#searchable-belongs-to)
+  - **Active Storage support** - Amazingly easy, **one-line**, single or multi-file integration with **ActiveStorage**. [docs](https://docs.avohq.io/2.0/fields.html#file)
+  - **Records Ordering** - Sorting records is a breeze. [docs](https://docs.avohq.io/2.0/resources.html#records-ordering)
+  - **Grid view** - Beautiful card layout to showcase your content. [docs](https://docs.avohq.io/2.0/grid-view.html)
+  - **Actions** - Run custom actions to one or more of your resources with as little as pressing a button 💪   [docs](https://docs.avohq.io/2.0/actions.html)
+  - **Filters** - Write your own custom filters to quickly segment your data. [docs](https://docs.avohq.io/2.0/filters.html)
+  - **Keeps your app clean** - You don't need to change your app to use Avo. Drop it in your existing app or add it to a new one and you're done 🙌 [docs](https://docs.avohq.io/2.0/installation.html)
+  - **Custom fields**- No worries if we missed a field you need. Generate a custom field in a jiffy. [docs](https://docs.avohq.io/2.0/custom-fields.html)
+  - **Custom tools** - Break out of the CRUD. Do you need to add a page with something completely new? You've got it! [docs](https://docs.avohq.io/2.0/custom-tools.html)
+  - **Authorization** - Leverage Pundit policies to build a robust and scalable authorization system. [docs](https://docs.avohq.io/2.0/authorization.html)
+  - **Localization** - Have it available in any language you need. [docs](https://docs.avohq.io/2.0/localization.html)
+  - **No asset pipeline pollution** - Bring your own asset pipeline. [docs](https://docs.avohq.io/2.0/custom-asset-pipeline.html)
+  - **Mobile interface** - Check your data on the go from any mobile device.
+
+## Some of the things we're going focusing on next
+
+Theming ⭐️   notifications ⭐️   Resource segmentation ⭐️   filterable fields ⭐️   inline editing ⭐️   multilingual records ⭐️   associations in tabs ⭐️   keyboard shortcuts ⭐️   track resource changes ⭐️   smart resource generation ⭐️   sidebar editor ⭐️   live resources ⭐️   tags field ⭐️   columns view ⭐️   list view ⭐️   custom action items ⭐️   command bar
+
+For more up-to-date info check out our 🗺 [Roadmap](https://github.com/orgs/avo-hq/projects/3).
 
 # Installation
 Add this line to your application's `Gemfile`:
@@ -52,17 +61,13 @@ And then execute:
 $ bundle install
 ```
 
-# Quick Purchase
-
-Use [this](https://avohq.io/purchase/pro) link to quickly purchase a Pro license to support this project. Thank you 🙏
-
 # Contributing
 
 Please read [CONTRIBUTING.MD](./CONTRIBUTING.MD)
 
 # Upgrade Guide
 
-Please read the [UPGRADE_GUIDE.MD](https://docs.avohq.io/1.0/upgrade.html)
+Please read the [UPGRADE_GUIDE.MD](https://docs.avohq.io/2.0/upgrade.html)
 
 # ✨ Contributors
 

data/app/assets/stylesheets/avo.css

@@ -1,5 +1,4 @@
 @import './../../../node_modules/simplemde/dist/simplemde.min.css';
-@import './../../../node_modules/toastr/build/toastr.css';
 @import './../../../node_modules/tippy.js/dist/tippy.css';
 @import './../../../node_modules/tippy.js/themes/light.css';
 @import './../../../node_modules/trix/dist/trix.css';
@@ -9,6 +8,7 @@
 @import 'tailwindcss/base';
 
 @import './css/fonts.css';
+@import './css/buttons.css';
 @import './css/typography.css';
 @import './css/tooltips.css';
 @import './css/alerts.css';
@@ -70,7 +70,7 @@ body {
 
 .application-sidebar .active:hover,
 .application-sidebar .active {
-  @apply bg-gray-200;
+  @apply bg-blue-100 text-blue-500;
 }
 
 .turbo-progress-bar {
@@ -84,3 +84,8 @@ body.os-mac .mac\:hidden {
 body.os-pc .pc\:hidden {
   display: none;
 }
+
+trix-editor {
+  max-height: 320px !important;
+  overflow-y: auto;
+}

data/app/assets/stylesheets/css/breadcrumbs.css

@@ -1,9 +1,13 @@
 .breadcrumbs {
-  @apply relative text-sm text-gray-400 font-bold;
+  @apply relative text-sm text-black;
+
+  svg {
+    @apply text-gray-500;
+  }
 
   a,
   span {
-    @apply inline-block text-gray-400;
+    @apply inline-block text-sm;
   }
 
   a {

data/app/assets/stylesheets/css/buttons.css

@@ -0,0 +1,16 @@
+.button-group {
+  @apply flex;
+  .button-component {
+    &:first-child {
+      @apply rounded-l -mr-px;
+    }
+
+    &:last-child {
+      @apply rounded-r;
+    }
+  }
+}
+
+form.button_to {
+  @apply inline-flex;
+}

data/app/assets/stylesheets/css/fonts.css

@@ -1,26 +1,52 @@
-/* nunito-regular - latin */
+/* inter-regular - latin */
 @font-face {
-  font-family: 'Nunito';
+  font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
-  src: url('/avo-assets/fonts/nunito-v16-latin-regular.eot'); /* IE9 Compat Modes */
+  src: url('/avo-assets/fonts/inter-v7-latin-regular.eot'); /* IE9 Compat Modes */
   src: local(''),
-      url('/avo-assets/fonts/nunito-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-      url('/avo-assets/fonts/nunito-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-      url('/avo-assets/fonts/nunito-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
-      url('/avo-assets/fonts/nunito-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-      url('/avo-assets/fonts/nunito-v16-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
+       url('/avo-assets/fonts/inter-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
 }
-/* nunito-700 - latin */
+/* inter-500 - latin */
 @font-face {
-  font-family: 'Nunito';
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 500;
+  src: url('/avo-assets/fonts/inter-v7-latin-500.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-500.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
+}
+/* inter-600 - latin */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: url('/avo-assets/fonts/inter-v7-latin-600.eot'); /* IE9 Compat Modes */
+  src: local(''),
+       url('/avo-assets/fonts/inter-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-600.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
+}
+/* inter-700 - latin */
+@font-face {
+  font-family: 'Inter';
   font-style: normal;
   font-weight: 700;
-  src: url('/avo-assets/fonts/nunito-v16-latin-700.eot'); /* IE9 Compat Modes */
+  src: url('/avo-assets/fonts/inter-v7-latin-700.eot'); /* IE9 Compat Modes */
   src: local(''),
-      url('/avo-assets/fonts/nunito-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-      url('/avo-assets/fonts/nunito-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-      url('/avo-assets/fonts/nunito-v16-latin-700.woff') format('woff'), /* Modern Browsers */
-      url('/avo-assets/fonts/nunito-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-      url('/avo-assets/fonts/nunito-v16-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
+       url('/avo-assets/fonts/inter-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/avo-assets/fonts/inter-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-700.woff') format('woff'), /* Modern Browsers */
+       url('/avo-assets/fonts/inter-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/avo-assets/fonts/inter-v7-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
 }

data/app/assets/stylesheets/css/pagination.css

@@ -21,18 +21,18 @@
 .pagy-nav-js .page a,
 .pagy-combo-nav-js .page a,
 .pagy-combo-nav-js .pagy-combo-input a {
-  @apply rounded-lg px-3 py-1 text-sm text-gray-500 font-semibold bg-gray-200 shadow-md;
+  @apply rounded px-3 py-1 text-sm text-gray-500 font-semibold bg-white shadow-md border border-gray-300;
 
   &:focus{
     @apply border-blue-300;
   }
 
   &:hover{
-    @apply bg-gray-300;
+    @apply bg-gray-150;
   }
 
   &:active{
-    @apply bg-gray-400 text-white;
+    @apply bg-gray-200;
   }
 }
 
@@ -42,26 +42,26 @@
 .pagy-nav .page.next.disabled,
 .pagy-nav-js .page.next.disabled,
 .pagy-combo-nav-js .page.next.disabled {
-  @apply text-gray-400 cursor-default;
+  @apply text-gray-300 cursor-default;
 
   &:hover {
-    @apply text-gray-400 bg-gray-200;
+    @apply text-gray-300 bg-white;
   }
 
   &:active {
-    @apply text-gray-400 bg-gray-200;
+    @apply text-gray-300 bg-white;
   }
 }
 
 .pagy-nav .page.active,
 .pagy-nav-js .page.active {
-  @apply text-white cursor-default bg-gray-400;
+  @apply text-white cursor-default bg-gray-500 border-gray-500;
 
   &:hover {
-    @apply text-white bg-gray-400;
+    @apply text-white bg-gray-500;
   }
 
   &:active {
-    @apply bg-gray-400 text-white;
+    @apply bg-gray-500 text-white;
   }
 }

data/app/assets/stylesheets/css/search.css

@@ -1,13 +1,18 @@
 :root {
   --aa-primary-color: --tw-ring-color;
   --aa-selected-color: --tw-ring-color;
-  --aa-primary-color-rgb: 5, 150, 105;
+  --aa-primary-color-rgb: 117, 125, 138;
 }
 
 .global-search {
   .aa-DetachedSearchButton:focus,
   .aa-DetachedSearchButton {
     border: none !important;
+    @apply text-gray-500 cursor-pointer;
+
+    .aa-DetachedSearchButtonPlaceholder {
+      @apply hidden sm:block;
+    }
   }
 }
 
@@ -17,7 +22,7 @@
   }
 
   .aa-DetachedSearchButton {
-    @apply rounded-full border-gray-300;
+    @apply rounded border-gray-300 h-[34px];
   }
 }
 
@@ -27,7 +32,7 @@
 
 .aa-DetachedFormContainer,
 .aa-DetachedContainer .aa-Panel {
-  @apply bg-slate-100 border-b-0;
+  @apply bg-gray-100 border-b-0;
 }
 
 .aa-Form {
@@ -46,6 +51,12 @@
     }
   }
 }
+
+button.aa-DetachedCancelButton {
+  border: 1px solid #757D8A !important;
+  @apply bg-white;
+}
+
 .aa-Input {
   @apply focus:ring-green-600;
 }
@@ -57,17 +68,17 @@
 
   .aa-Source {
     .aa-List {
-      @apply space-y-1;
+      @apply space-y-2;
 
       .aa-Item {
-        @apply bg-white rounded-md px-3 py-4 shadow;
+        @apply bg-white rounded px-3 py-4 shadow font-medium;
 
         .aa-ItemDescription {
-          @apply text-gray-500 text-sm;
+          @apply text-gray-500 text-sm font-normal mt-1;
         }
 
         &[aria-selected=true]{
-          @apply bg-blue-700 text-white;
+          @apply bg-blue-500 text-white;
 
           .aa-ItemDescription {
             @apply text-white;

data/app/assets/stylesheets/css/tooltips.css

@@ -6,6 +6,7 @@
 .tooltip .tooltip-inner {
   display: block;
   filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
+
   @apply bg-white text-gray-700 px-3 py-0 rounded text-xs;
 }
 

data/app/assets/stylesheets/css/typography.css

@@ -18,6 +18,8 @@ h5 {
   @apply text-lg;
 }
 
-a {
-  @apply text-blue-600;
+@layer base {
+  a {
+    @apply text-primary-500;
+  }
 }

data/app/assets/svgs/bell.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
+</svg>

data/app/assets/svgs/dashboards-icon.svg

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.4 2H2V8.4H8.4V2Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 2H11.6V8.4H18V2Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.4 11.6001H2V18.0001H8.4V11.6001Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18 11.6001H11.6V18.0001H18V11.6001Z" stroke="#757D8A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/svgs/detach.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
+<path d="M9 6.75V4.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15 19.5V17.25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.75 9H4.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.5 15H17.25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.65614 12.0376L5.59676 13.097C4.89311 13.8006 4.4978 14.755 4.4978 15.7501C4.4978 16.2428 4.59485 16.7307 4.78341 17.186C4.97197 17.6412 5.24835 18.0548 5.59676 18.4032C5.94518 18.7516 6.3588 19.028 6.81403 19.2166C7.26925 19.4051 7.75716 19.5022 8.24989 19.5022C9.245 19.5022 10.1994 19.1069 10.903 18.4032L11.9624 17.3438" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.3438 11.9626L18.4032 10.9033C19.1069 10.1996 19.5022 9.24525 19.5022 8.25013C19.5022 7.25502 19.1069 6.30066 18.4032 5.59701C17.6996 4.89335 16.7452 4.49805 15.7501 4.49805C14.755 4.49805 13.8006 4.89335 13.097 5.59701L12.0376 6.65638" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/svgs/edit.svg

@@ -1 +1,5 @@
-<svg fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
+<path d="M9.00001 20.2499H4.5C4.30109 20.2499 4.11033 20.1709 3.96967 20.0302C3.82902 19.8896 3.75 19.6988 3.75 19.4999V15.3093C3.74966 15.2119 3.76853 15.1154 3.80553 15.0253C3.84253 14.9352 3.89694 14.8533 3.96563 14.7843L15.2156 3.53429C15.2854 3.46343 15.3686 3.40715 15.4603 3.36874C15.5521 3.33033 15.6506 3.31055 15.75 3.31055C15.8495 3.31055 15.9479 3.33033 16.0397 3.36874C16.1314 3.40715 16.2146 3.46343 16.2844 3.53429L20.4656 7.71554C20.5365 7.78533 20.5928 7.86851 20.6312 7.96026C20.6696 8.052 20.6894 8.15046 20.6894 8.24992C20.6894 8.34938 20.6696 8.44784 20.6312 8.53958C20.5928 8.63132 20.5365 8.71451 20.4656 8.78429L9.00001 20.2499Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.25 20.25H9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.75 6L18 11.25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/svgs/grid-empty-state.svg

@@ -0,0 +1,37 @@
+<svg width="248" height="287" viewBox="0 0 248 287" fill="none" xmlns="http://www.w3.org/2000/svg" data-target="grid-empty-state-svg">
+<path d="M124 270.227C192.483 270.227 248 214.71 248 146.227C248 77.7433 192.483 22.2266 124 22.2266C55.5167 22.2266 0 77.7433 0 146.227C0 214.71 55.5167 270.227 124 270.227Z" fill="#DDF0FE"/>
+<g filter="url(#filter0_d_577_1090)">
+<path d="M195.093 93.3198H52.9068C48.3412 93.3198 44.6401 97.0209 44.6401 101.586V275.186C44.6401 279.752 48.3412 283.453 52.9068 283.453H195.093C199.659 283.453 203.36 279.752 203.36 275.186V101.586C203.36 97.0209 199.659 93.3198 195.093 93.3198Z" fill="white"/>
+</g>
+<path d="M107.467 118.12H64.48C61.7407 118.12 59.52 120.34 59.52 123.08C59.52 125.819 61.7407 128.04 64.48 128.04H107.467C110.206 128.04 112.427 125.819 112.427 123.08C112.427 120.34 110.206 118.12 107.467 118.12Z" fill="#A2D7FC"/>
+<path d="M137.227 139.613H64.48C61.7407 139.613 59.52 141.834 59.52 144.573C59.52 147.312 61.7407 149.533 64.48 149.533H137.227C139.966 149.533 142.187 147.312 142.187 144.573C142.187 141.834 139.966 139.613 137.227 139.613Z" fill="#DDF0FE"/>
+<path d="M107.467 162.76H64.48C61.7407 162.76 59.52 164.981 59.52 167.72C59.52 170.459 61.7407 172.68 64.48 172.68H107.467C110.206 172.68 112.427 170.459 112.427 167.72C112.427 164.981 110.206 162.76 107.467 162.76Z" fill="#A2D7FC"/>
+<path d="M137.227 184.253H64.48C61.7407 184.253 59.52 186.474 59.52 189.213C59.52 191.953 61.7407 194.173 64.48 194.173H137.227C139.966 194.173 142.187 191.953 142.187 189.213C142.187 186.474 139.966 184.253 137.227 184.253Z" fill="#DDF0FE"/>
+<path d="M107.467 207.4H64.48C61.7407 207.4 59.52 209.621 59.52 212.36C59.52 215.099 61.7407 217.32 64.48 217.32H107.467C110.206 217.32 112.427 215.099 112.427 212.36C112.427 209.621 110.206 207.4 107.467 207.4Z" fill="#A2D7FC"/>
+<path d="M137.227 228.893H64.48C61.7407 228.893 59.52 231.114 59.52 233.853C59.52 236.592 61.7407 238.813 64.48 238.813H137.227C139.966 238.813 142.187 236.592 142.187 233.853C142.187 231.114 139.966 228.893 137.227 228.893Z" fill="#DDF0FE"/>
+<g filter="url(#filter1_d_577_1090)">
+<path d="M195.093 9H52.9068C48.3412 9 44.6401 12.7011 44.6401 17.2667V66.8667C44.6401 71.4322 48.3412 75.1333 52.9068 75.1333H195.093C199.659 75.1333 203.36 71.4322 203.36 66.8667V17.2667C203.36 12.7011 199.659 9 195.093 9Z" fill="#0886DE"/>
+</g>
+<path d="M107.467 27.1865H64.48C61.7407 27.1865 59.52 29.4072 59.52 32.1465C59.52 34.8859 61.7407 37.1065 64.48 37.1065H107.467C110.206 37.1065 112.427 34.8859 112.427 32.1465C112.427 29.4072 110.206 27.1865 107.467 27.1865Z" fill="#A2D7FC"/>
+<path d="M137.227 48.6799H64.48C61.7407 48.6799 59.52 50.9006 59.52 53.6399C59.52 56.3793 61.7407 58.5999 64.48 58.5999H137.227C139.966 58.5999 142.187 56.3793 142.187 53.6399C142.187 50.9006 139.966 48.6799 137.227 48.6799Z" fill="white"/>
+<defs>
+<filter id="filter0_d_577_1090" x="38.6401" y="84.3198" width="170.72" height="202.133" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-3"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.788235 0 0 0 0 0.803922 0 0 0 0 0.85098 0 0 0 0.349 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_577_1090"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_577_1090" result="shape"/>
+</filter>
+<filter id="filter1_d_577_1090" x="38.6401" y="0" width="170.72" height="78.1333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-3"/>
+<feGaussianBlur stdDeviation="3"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.788235 0 0 0 0 0.803922 0 0 0 0 0.85098 0 0 0 0.349 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_577_1090"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_577_1090" result="shape"/>
+</filter>
+</defs>
+</svg>

data/app/assets/svgs/grid-view-type.svg

@@ -0,0 +1,5 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3125 1.8125H2.6875C2.20425 1.8125 1.8125 2.20425 1.8125 2.6875V19.3125C1.8125 19.7957 2.20425 20.1875 2.6875 20.1875H19.3125C19.7957 20.1875 20.1875 19.7957 20.1875 19.3125V2.6875C20.1875 2.20425 19.7957 1.8125 19.3125 1.8125Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 1.8125V20.1875" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M20.1875 11H1.8125" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

data/app/assets/svgs/heroicons/outline/academic-cap.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path d="M12 14l9-5-9-5-9 5 9 5z"/>
+  <path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z"/>
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222"/>
+</svg>

data/app/assets/svgs/heroicons/outline/adjustments.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"/>
+</svg>

data/app/assets/svgs/heroicons/outline/annotation.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z"/>
+</svg>