lesli_view 1.1.5 → 1.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d2ab5f67c484b445f4d9831fb796410b9d2328a1c4338bc585925f1e76944415
-  data.tar.gz: 5e611cf24047181f19ffefbe495247afe0171c45c0d258ccb12912fed6b057be
+  metadata.gz: d42e452e24ee35eb0a02019b62748ffe8c2cdaa42da6a7047292deda3134a3d3
+  data.tar.gz: 8b70b0bfd4aa3f64600a35d4cc4c59bee46561ecb9978dc22b18f7b577c98c8c
 SHA512:
-  metadata.gz: 3d830e3e4d0bb5230fec59b4b2b96b6d7465c2cf9cb6e435b4241c13cfcc0c3ec74aa12995b16d477a02123951bd2258fbabe87eb415b0892cde0cd260bb44e5
-  data.tar.gz: b99497cb2c0cdecddcfcafc81d9a6801b0f30ae673f91449b5cd846b5e4811d55d5cfd4bc87610370c33b12c353e2017f07f626146d5646a3b096aca39eea07a
+  metadata.gz: 24785b4a4dfa224ce97181642e986fd4c51601e267c7b9dc3565003a073e6baf3c0fcacab9a87f98067b43eae15d2763a9f007dff48dc61e03a37433d45f9ec0
+  data.tar.gz: 94bedf88e3f7a79e63b59734e7c62f46b304d77110dab101494a15463685d47c57bb63ecc41d4915a11fd7605ebf141e5c86616c845ab4c0763228cdc156ffe3

data/Rakefile

@@ -1,6 +1,14 @@
 require "bundler/setup"
+require "rake/testtask"
 
 APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
 load "rails/tasks/engine.rake"
 
 require "bundler/gem_tasks"
+
+Rake::TestTask.new(:test) do |test|
+    test.libs << "test"
+    test.pattern = "test/**/*_test.rb"
+end
+
+task default: :test

data/app/assets/stylesheets/lesli_view/{view.tailwind.css → view.css}

@@ -36,6 +36,9 @@ Building a better future, one line of code at a time.
   :root, :host {
     --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial,
     sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-500: oklch(63.7% 0.237 25.331);
+    --color-red-600: oklch(57.7% 0.245 27.325);
     --color-amber-50: oklch(98.7% 0.022 95.277);
     --color-amber-100: oklch(96.2% 0.059 95.617);
     --color-amber-200: oklch(92.4% 0.12 95.746);
@@ -123,10 +126,12 @@ Building a better future, one line of code at a time.
     --text-6xl: 3.75rem;
     --text-6xl--line-height: 1;
     --font-weight-light: 300;
+    --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --tracking-tight: -0.025em;
+    --tracking-normal: 0em;
     --tracking-wide: 0.025em;
     --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
@@ -374,9 +379,6 @@ Building a better future, one line of code at a time.
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -606,6 +608,9 @@ Building a better future, one line of code at a time.
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -615,6 +620,9 @@ Building a better future, one line of code at a time.
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
   .py-2\.5 {
     padding-block: calc(var(--spacing) * 2.5);
   }
@@ -727,6 +735,10 @@ Building a better future, one line of code at a time.
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
   }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
   .font-semibold {
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
@@ -735,6 +747,10 @@ Building a better future, one line of code at a time.
     --tw-tracking: 0.2em;
     letter-spacing: 0.2em;
   }
+  .tracking-normal {
+    --tw-tracking: var(--tracking-normal);
+    letter-spacing: var(--tracking-normal);
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -752,6 +768,9 @@ Building a better future, one line of code at a time.
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   .text-\[var\(--lesli-color-primary\)\] {
     color: var(--lesli-color-primary);
   }
@@ -764,6 +783,9 @@ Building a better future, one line of code at a time.
   .text-cyan-500 {
     color: var(--color-cyan-500);
   }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
   .text-sky-600 {
     color: var(--color-sky-600);
   }
@@ -788,12 +810,18 @@ Building a better future, one line of code at a time.
   .text-slate-800 {
     color: var(--color-slate-800);
   }
+  .text-slate-900 {
+    color: var(--color-slate-900);
+  }
   .text-white {
     color: var(--color-white);
   }
   .capitalize {
     text-transform: capitalize;
   }
+  .normal-case {
+    text-transform: none;
+  }
   .uppercase {
     text-transform: uppercase;
   }
@@ -876,6 +904,33 @@ Building a better future, one line of code at a time.
   .group-last\:hidden:is(:where(.group):last-child *) {
     display: none;
   }
+  .file\:mr-4::file-selector-button {
+    margin-right: calc(var(--spacing) * 4);
+  }
+  .file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .file\:bg-slate-100::file-selector-button {
+    background-color: var(--color-slate-100);
+  }
+  .file\:px-4::file-selector-button {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .file\:py-2\.5::file-selector-button {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
+  .file\:text-sm::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .file\:text-slate-700::file-selector-button {
+    color: var(--color-slate-700);
+  }
   .last\:border-b-0:last-child {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 0px;
@@ -887,12 +942,21 @@ Building a better future, one line of code at a time.
     .hover\:border-slate-300:hover {
       border-color: var(--color-slate-300);
     }
+    .hover\:border-slate-400:hover {
+      border-color: var(--color-slate-400);
+    }
+    .hover\:bg-red-50:hover {
+      background-color: var(--color-red-50);
+    }
     .hover\:bg-sky-50:hover {
       background-color: var(--color-sky-50);
     }
     .hover\:bg-slate-50:hover {
       background-color: var(--color-slate-50);
     }
+    .hover\:bg-slate-100:hover {
+      background-color: var(--color-slate-100);
+    }
     .hover\:text-sky-800:hover {
       color: var(--color-sky-800);
     }
@@ -902,11 +966,17 @@ Building a better future, one line of code at a time.
     .hover\:underline:hover {
       text-decoration-line: underline;
     }
+    .hover\:file\:bg-slate-200:hover::file-selector-button {
+      background-color: var(--color-slate-200);
+    }
   }
   .focus\:ring-2:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .focus\:ring-\[var\(--lesli-color-primary\)\]:focus {
+    --tw-ring-color: var(--lesli-color-primary);
+  }
   .focus\:ring-sky-500\/30:focus {
     --tw-ring-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -933,6 +1003,12 @@ Building a better future, one line of code at a time.
   .focus-visible\:ring-blue-500:focus-visible {
     --tw-ring-color: var(--color-blue-500);
   }
+  .focus-visible\:ring-red-500\/40:focus-visible {
+    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
+    }
+  }
   .focus-visible\:outline-2:focus-visible {
     outline-style: var(--tw-outline-style);
     outline-width: 2px;
@@ -950,9 +1026,6 @@ Building a better future, one line of code at a time.
   .focus-visible\:ring-inset:focus-visible {
     --tw-ring-inset: inset;
   }
-  .disabled\:cursor-not-allowed:disabled {
-    cursor: not-allowed;
-  }
   @media (prefers-reduced-motion: no-preference) {
     .motion-safe\:animate-pulse {
       animation: var(--animate-pulse);
@@ -980,6 +1053,12 @@ Building a better future, one line of code at a time.
     .sm\:flex-row {
       flex-direction: row;
     }
+    .sm\:items-center {
+      align-items: center;
+    }
+    .sm\:justify-between {
+      justify-content: space-between;
+    }
     .sm\:gap-4 {
       gap: calc(var(--spacing) * 4);
     }
@@ -1054,12 +1133,17 @@ Building a better future, one line of code at a time.
     }
   }
   @media (width >= 64rem) {
+    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,0\.35fr\)_auto\] {
+      grid-template-columns: minmax(0,1fr) minmax(12rem,0.35fr) auto;
+    }
+    .lg\:items-end {
+      align-items: flex-end;
+    }
     .lg\:px-8 {
       padding-inline: calc(var(--spacing) * 8);
     }
   }
 }
-@charset "UTF-8";
 :root {
   --lesli-color-primary-50: #F2F7FF;
   --lesli-color-primary-100: #E3EEFF;

data/lib/lesli_view/components/timeline.html.erb

@@ -1,29 +1,42 @@
 <div class="lesli-timelines py-6">
-    <ul class="m-0 w-full list-none p-0">
-        <% activities.each do |activity| %>
-            <li class="group grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-4 md:grid-cols-[minmax(8rem,auto)_1.5rem_minmax(0,1fr)] md:gap-x-6">
-                <div class="col-start-2 mb-2 min-w-0 text-xs font-bold uppercase tracking-[0.2em] text-slate-500 md:col-start-1 md:row-start-1 md:mb-0 md:pt-1 md:text-right">
-                    <span><%= activity['date'] %></span>
-                </div>
+    <% if activities.any? %>
+        <ul class="m-0 w-full list-none p-0">
+            <% activities.each do |activity| %>
+                <li class="group grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-4 md:grid-cols-[minmax(8rem,auto)_1.5rem_minmax(0,1fr)] md:gap-x-6">
+                    <div class="col-start-2 mb-2 min-w-0 text-xs font-bold uppercase tracking-[0.2em] text-slate-500 md:col-start-1 md:row-start-1 md:mb-0 md:pt-1 md:text-right">
+                        <time><%= activity["date"] %></time>
 
-                <div class="relative col-start-1 row-span-2 row-start-1 flex justify-center md:col-start-2">
-                    <span
-                        class="material-symbols-outlined relative z-10 bg-white text-xl leading-none text-[var(--lesli-color-primary)]"
-                        aria-hidden="true">
-                        <%= icons.dig(activity['icon']&.to_sym) || 'radio_button_checked' %>
-                    </span>
-                    <span class="absolute top-7 bottom-0 left-1/2 w-px -translate-x-1/2 bg-slate-300 group-last:hidden" aria-hidden="true"></span>
-                </div>
+                        <% if activity["actor"].present? %>
+                            <span class="mt-1 block font-normal normal-case tracking-normal text-slate-400">
+                                <%= activity["actor"] %>
+                            </span>
+                        <% end %>
+                    </div>
 
-                <div class="col-start-2 row-start-2 min-w-0 pb-10 md:col-start-3 md:row-start-1">
-                    <h6 class="text-base font-semibold text-slate-800">
-                        <%= activity['operation'] %>
-                    </h6>
-                    <p class="mt-1 text-sm leading-6 text-slate-600">
-                        <%= activity['description'] %>
-                    </p>
-                </div>
-            </li>
-        <% end %>
-    </ul>
+                    <div class="relative col-start-1 row-span-2 row-start-1 flex justify-center md:col-start-2">
+                        <span
+                            class="material-symbols-outlined relative z-10 bg-white text-xl leading-none text-[var(--lesli-color-primary)]"
+                            aria-hidden="true">
+                            <%= icon_for(activity) %>
+                        </span>
+                        <span class="absolute top-7 bottom-0 left-1/2 w-px -translate-x-1/2 bg-slate-300 group-last:hidden" aria-hidden="true"></span>
+                    </div>
+
+                    <div class="col-start-2 row-start-2 min-w-0 pb-10 md:col-start-3 md:row-start-1">
+                        <h6 class="text-base font-semibold text-slate-800">
+                            <%= activity["operation"] %>
+                        </h6>
+
+                        <% if activity["description"].present? %>
+                            <p class="mt-1 text-sm leading-6 text-slate-600">
+                                <%= activity["description"] %>
+                            </p>
+                        <% end %>
+                    </div>
+                </li>
+            <% end %>
+        </ul>
+    <% else %>
+        <%= render LesliView::Elements::Empty.new(text: empty_text) %>
+    <% end %>
 </div>

data/lib/lesli_view/components/timeline.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "lesli_view/elements/empty"
+
 =begin 
 
 Lesli
@@ -35,12 +37,23 @@ Building a better future, one line of code at a time.
 module LesliView
     module Components
         class Timeline < ViewComponent::Base
-            attr_reader :activities, :icons
+            DEFAULT_ICON = "radio_button_checked"
+
+            attr_reader :activities, :empty_text, :icons
+
+            def initialize(
+                activities: [],
+                icons: {},
+                empty_text: "No activities have been recorded yet."
+            )
+                @activities = Array(activities)
+                @icons = icons.transform_keys(&:to_sym)
+                @empty_text = empty_text
+            end
 
-            def initialize(activities: nil, icons:{})
-                @icons=icons
-                @activities = activities
+            def icon_for(activity)
+                icons.fetch(activity["icon"]&.to_sym, DEFAULT_ICON)
             end
-        end  
+        end
     end
 end

data/lib/lesli_view/forms/builder_horizontal.rb

@@ -25,6 +25,10 @@ module LesliView
                 super(attribute, label: label, message: message, category: category, icon: icon, horizontal: true, **options)
             end
 
+            def field_control_textarea_rich(attribute, label: nil, message: nil, category: nil, icon: nil, **options)
+                super(attribute, label: label, message: message, category: category, icon: icon, horizontal: true, **options)
+            end
+
             def field_textarea(attribute, **options)
                 field_control_textarea(attribute, **options)
             end

data/lib/lesli_view/forms/fields.rb

@@ -81,6 +81,20 @@ module LesliView
             end
 
             def field_control_textarea(attribute, label: nil, message: nil, category: nil, icon: nil, horizontal: false, **options)
+                label_html = label == false ? nil : label(attribute, label)
+                control_html = text_area(attribute, options)
+
+                field_control_builder(
+                    label_html: label_html,
+                    control_html: control_html,
+                    message_text: message,
+                    category: category,
+                    horizontal: horizontal,
+                    icon: icon
+                )
+            end
+
+            def field_control_textarea_rich(attribute, label: nil, message: nil, category: nil, icon: nil, horizontal: false, **options)
                 label_html = label == false ? nil : label(attribute, label)
                 control_html = rich_textarea(attribute, options)
 

data/lib/lesli_view/items/activities.html.erb

@@ -32,5 +32,9 @@ Building a better future, one line of code at a time.
 <article
     class="lesli-items-activities bg-white p-4 sm:p-8"
     id="lesli-items-activities">
-    <%= render(LesliView::Components::Timeline.new(activities: @activities, icons: @icons)) %>
+    <%= render LesliView::Components::Timeline.new(
+        activities: activities,
+        empty_text: empty_text,
+        icons: icons
+    ) %>
 </article>

data/lib/lesli_view/items/activities.rb

@@ -32,17 +32,117 @@ Building a better future, one line of code at a time.
 module LesliView
     module Items
         class Activities < ViewComponent::Base
-            attr_reader :activities, :icons
-
-            def initialize(resource, icons:{})
-                @icons=icons
-                @activities = resource.activities
-                .select(
-                    :id, 
-                    "description as operation", 
-                    "activity_code as icon",
-                    Date2.new.db_column('created_at', as:'date')
-                ).order(id: :desc).as_json
+            DEFAULT_LIMIT = 25
+            I18N_SCOPE = "lesli.items.activities"
+            DATE_FORMAT = "%Y-%m-%d · %H:%M"
+
+            attr_reader :activities, :empty_text, :icons, :i18n_scope
+
+            def initialize(
+                resource,
+                icons: {},
+                i18n_scope: I18N_SCOPE,
+                limit: DEFAULT_LIMIT,
+                empty_text: nil
+            )
+                @icons = icons
+                @i18n_scope = i18n_scope
+                @activities = activity_scope(resource, limit).map do |activity|
+                    activity_to_timeline(activity)
+                end
+                @empty_text = empty_text || I18n.t(
+                    "#{i18n_scope}.empty",
+                    default: "No activities have been recorded yet."
+                )
+            end
+
+            private
+
+            def activity_to_timeline(activity)
+                metadata = activity.metadata.is_a?(Hash) ? activity.metadata : {}
+
+                {
+                    "actor" => actor_name(activity.actor),
+                    "date" => I18n.l(activity.created_at, format: DATE_FORMAT),
+                    "description" => activity_description(activity, metadata),
+                    "icon" => activity.activity_code.to_s,
+                    "operation" => activity_operation(activity)
+                }
+            end
+
+            def activity_description(activity, metadata)
+                I18n.t(
+                    "#{activity_i18n_key(activity)}.#{description_key(metadata)}",
+                    from: snapshot_name(metadata_value(metadata, :from)),
+                    to: snapshot_name(metadata_value(metadata, :to)),
+                    default: activity.description.to_s
+                ).presence
+            end
+
+            def activity_i18n_key(activity)
+                "#{i18n_scope}.events.#{activity.activity_code}"
+            end
+
+            def activity_operation(activity)
+                I18n.t(
+                    "#{activity_i18n_key(activity)}.operation",
+                    default: activity.activity_code.to_s.humanize
+                )
+            end
+
+            def activity_scope(resource, limit)
+                resource.activities
+                    .includes(:actor)
+                    .reorder(created_at: :desc, id: :desc)
+                    .limit(normalize_limit(limit))
+            end
+
+            def actor_name(actor)
+                full_name = actor.full_name if actor.respond_to?(:full_name)
+                name = actor.name if actor.respond_to?(:name)
+
+                full_name.presence || name.presence || I18n.t(
+                    "#{i18n_scope}.unknown_actor",
+                    default: "Unknown user"
+                )
+            end
+
+            def description_key(metadata)
+                has_change = metadata.key?(:from) || metadata.key?("from") ||
+                    metadata.key?(:to) || metadata.key?("to")
+
+                return "description" unless has_change
+                return "set" if metadata_value(metadata, :from).nil?
+                return "removed" if metadata_value(metadata, :to).nil?
+
+                "changed"
+            end
+
+            def metadata_value(metadata, key)
+                return metadata[key] if metadata.key?(key)
+
+                metadata[key.to_s]
+            end
+
+            def normalize_limit(limit)
+                normalized_limit = Integer(limit)
+                return normalized_limit if normalized_limit.positive?
+
+                raise ArgumentError, "limit must be a positive integer"
+            rescue TypeError, ArgumentError
+                raise ArgumentError, "limit must be a positive integer"
+            end
+
+            def snapshot_name(snapshot)
+                return "" if snapshot.nil?
+                return snapshot.to_s unless snapshot.is_a?(Hash)
+
+                [:name, :subject, :uid, :id].each do |key|
+                    value = metadata_value(snapshot, key)
+                    return value.to_s if value.present?
+                end
+
+                ""
             end
         end
     end

data/lib/lesli_view/items/attachment.html.erb

@@ -0,0 +1,45 @@
+<li
+    id="<%= dom_id(resource) %>"
+    class="flex flex-col gap-4 rounded-xl border border-slate-200 bg-white p-4 sm:flex-row sm:items-center sm:justify-between">
+    <div class="flex min-w-0 items-center gap-3">
+        <span
+            class="material-symbols-outlined shrink-0 text-3xl text-[var(--lesli-color-primary)]"
+            aria-hidden="true">
+            attach_file
+        </span>
+
+        <div class="min-w-0">
+            <p class="truncate text-sm font-medium text-slate-900" title="<%= filename %>">
+                <%= display_name %>
+            </p>
+            <p class="mt-1 text-xs text-slate-500">
+                <%= details %>
+            </p>
+        </div>
+    </div>
+
+    <div class="flex shrink-0 items-center gap-2">
+        <%= link_to(
+            I18n.t("lesli.items.attachments.download", default: "Download"),
+            path,
+            class: "inline-flex items-center gap-2 rounded-lg border border-slate-300 px-3 py-2 text-sm font-medium text-slate-700 transition-colors hover:border-slate-400 hover:bg-slate-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--lesli-color-primary)]",
+            data: { turbo: false }
+        ) %>
+
+        <%= button_to(
+            I18n.t("lesli.items.attachments.remove", default: "Remove"),
+            path,
+            method: :delete,
+            class: "inline-flex items-center rounded-lg px-3 py-2 text-sm font-medium text-red-600 transition-colors hover:bg-red-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500/40",
+            form: {
+                class: "inline-flex",
+                data: {
+                    turbo_confirm: I18n.t(
+                        "lesli.items.attachments.confirm_remove",
+                        default: "Remove this file?"
+                    )
+                }
+            }
+        ) %>
+    </div>
+</li>

data/lib/lesli_view/items/attachment.rb

@@ -0,0 +1,63 @@
+=begin
+
+Lesli
+
+Copyright (c) 2026, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by LesliTech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// ·
+=end
+
+module LesliView
+    module Items
+        class Attachment < ViewComponent::Base
+            attr_reader :resource
+
+            def initialize(attachment, path: nil)
+                @resource = attachment
+                @path = path
+            end
+
+            def path
+                @path || helpers.polymorphic_path(resource)
+            end
+
+            def filename
+                resource.file.filename.to_s
+            end
+
+            def display_name
+                resource.respond_to?(:display_name) ? resource.display_name : filename
+            end
+
+            def details
+                [
+                    resource.file.blob.content_type,
+                    helpers.number_to_human_size(resource.file.blob.byte_size)
+                ].compact.join(" · ")
+            end
+        end
+    end
+end

data/lib/lesli_view/items/attachments.html.erb

@@ -29,40 +29,75 @@ Building a better future, one line of code at a time.
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 %>
-<style>
-.lesli-items-attachments {
-    .files {
-        display:flex;
-        .file-list {
-            padding: .2rem 1rem;
-            text-align: center;
-            span {
-                font-size: 2.8rem;
-            }
-        }
-    }
-}
-</style>
-<article class="lesli-items-attachments box p-6" id="lesli-items-attachments">
-    <div class="file is-boxed">
-        <label class="file-label">
-            <input class="file-input" type="file" name="resume" />
-            <span class="file-cta">
-                <span class="material-symbols-outlined">
-                    upload_file
-                </span>
-                <span class="file-label"> Choose a file… </span>
-            </span>
-        </label>
-    </div>
-
-    <div class="files">
-        <% ['file-word-2-line','file-excel-2-line','file-pdf-2-line'].each do |file| %>
-            <div class="file-list">
-                <span class="ri-<%= file %>"></span>
-                <p><%= file %></p>
+<article
+    class="lesli-items-attachments rounded-2xl border border-slate-200 bg-white p-6 shadow-sm"
+    id="<%= dom_id(resource, :attachments) %>">
+    <%= form_with(
+        scope: scope_key,
+        model: attachment,
+        builder: LesliView::Forms::Builder,
+        url: create_path,
+        multipart: true
+    ) do |form| %>
+        <div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(12rem,0.35fr)_auto] lg:items-end">
+            <div>
+                <%= form.label(
+                    :file,
+                    I18n.t("lesli.items.attachments.choose_file", default: "Choose a file"),
+                    class: "mb-2 block text-sm font-medium text-slate-700"
+                ) %>
+                <%= form.file_field(
+                    :file,
+                    required: true,
+                    accept: accepted_content_types,
+                    class: "block w-full cursor-pointer rounded-lg border border-slate-300 bg-white text-sm text-slate-700 file:mr-4 file:border-0 file:bg-slate-100 file:px-4 file:py-2.5 file:text-sm file:font-medium file:text-slate-700 hover:file:bg-slate-200 focus:outline-none focus:ring-2 focus:ring-[var(--lesli-color-primary)]"
+                ) %>
+                <% if attachment.errors[:file].any? %>
+                    <p class="mt-2 text-sm text-red-600">
+                        <%= attachment.errors[:file].to_sentence %>
+                    </p>
+                <% end %>
             </div>
-        <% end %>
-    </div>
+
+            <%= form.field_control_text(
+                :label,
+                label: I18n.t("lesli.items.attachments.label", default: "Label"),
+                maxlength: 255
+            ) %>
+
+            <%= form.field_control_button(
+                I18n.t("lesli.items.attachments.add", default: "Add file"),
+                {
+                    data: {
+                        turbo_submits_with: I18n.t(
+                            "lesli.items.attachments.uploading",
+                            default: "Uploading..."
+                        )
+                    }
+                },
+                icon: "upload_file"
+            ) %>
+        </div>
+    <% end %>
+
+    <hr class="my-6 border-0 border-t border-slate-200">
+
+    <% if attachments.any? %>
+        <ul class="m-0 list-none space-y-3 p-0">
+            <% attachments.each do |item| %>
+                <%= render LesliView::Items::Attachment.new(
+                    item,
+                    path: attachment_path(item)
+                ) %>
+            <% end %>
+        </ul>
+    <% else %>
+        <p class="py-6 text-center text-sm text-slate-500">
+            <%= I18n.t(
+                "lesli.items.attachments.empty",
+                default: "No files have been attached yet."
+            ) %>
+        </p>
+    <% end %>
 </article>
 

data/lib/lesli_view/items/attachments.rb

@@ -33,12 +33,48 @@ Building a better future, one line of code at a time.
 module LesliView
     module Items
         class Attachments < ViewComponent::Base
-            attr_reader :resource, :path_to_create
+            attr_reader :resource, :attachment
 
-            def initialize(resource, path_to_create:nil, path_to_update:nil)
+            def initialize(
+                resource,
+                attachment: nil,
+                path_to_create: nil,
+                path_to_update: nil
+            )
                 @resource = resource
                 @path_to_create = path_to_create
                 @path_to_update = path_to_update
+                @attachment = attachment || attachment_class.new
+            end
+
+            def attachment_class
+                resource.class.lesli_attachments_class
+            end
+
+            def attachments
+                resource.attachments.with_attached_file
+            end
+
+            def create_path
+                @path_to_create || helpers.polymorphic_path(
+                    [:items, :attachments],
+                    attachable_type: resource.class.name,
+                    attachable_id: resource.id
+                )
+            end
+
+            def attachment_path(item)
+                return @path_to_update.call(item) if @path_to_update.respond_to?(:call)
+
+                helpers.polymorphic_path(item)
+            end
+
+            def scope_key
+                ActiveSupport::Inflector.underscore(attachment_class.name).tr("/", "_")
+            end
+
+            def accepted_content_types
+                attachment_class.lesli_attachment_content_types.join(",")
             end
         end
     end

data/lib/lesli_view/items/discussion.html.erb

@@ -1,10 +1,12 @@
 <li class="lesli-items-discussions-comments-comment flex flex-col gap-3 border-b border-slate-200 pb-6 last:border-b-0 last:pb-0 sm:flex-row sm:gap-4">
     <div class="shrink-0 text-sm leading-5 text-slate-500 sm:w-40 sm:text-right">
-        <strong class="block font-semibold text-slate-800">Luis Donis</strong>
-        <%= discussion['created_at_string'] || Date2.new.date_time %>
+        <strong class="block font-semibold text-slate-800">
+            <%= author_name %>
+        </strong>
+        <time datetime="<%= created_at_iso8601 %>">
+            <%= created_at_label %>
+        </time>
     </div>
 
-    <div class="lexxy-content min-w-0 flex-1 break-words text-slate-700">
-        <%== discussion.message %>
-    </div>
+    <div class="min-w-0 flex-1 whitespace-pre-wrap break-words text-slate-700"><%= discussion.message %></div>
 </li>

data/lib/lesli_view/items/discussion.rb

@@ -37,6 +37,32 @@ module LesliView
             def initialize(discussion)
                 @discussion = discussion
             end
+
+            def author_name
+                author = discussion.author
+                full_name = author.full_name if author.respond_to?(:full_name)
+                name = author.name if author.respond_to?(:name)
+
+                full_name.presence || name.presence || I18n.t(
+                    "lesli.items.discussions.unknown_author",
+                    default: "Unknown user"
+                )
+            end
+
+            def created_at_label
+                return if discussion.created_at.blank?
+
+                I18n.l(
+                    discussion.created_at,
+                    format: "%Y-%m-%d · %H:%M"
+                )
+            end
+
+            def created_at_iso8601
+                return if discussion.created_at.blank?
+
+                discussion.created_at.strftime("%Y-%m-%dT%H:%M:%S%:z")
+            end
         end
     end
 end

data/lib/lesli_view/items/discussions.html.erb

@@ -29,31 +29,46 @@ Building a better future, one line of code at a time.
 // · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 %>
-<article class="lesli-items-discussions bg-white p-4 sm:p-8" id="lesli-items-discussions">
+<article
+    class="lesli-items-discussions bg-white p-4 sm:p-8"
+    id="<%= dom_id(resource, :discussions) %>">
     <div class="lesli-items-discussions-form p-4">
-        <% discussion_class = "#{@resource.class.name.deconstantize}::Items::Discussion".constantize %>
-        <% scope_key = ActiveSupport::Inflector.underscore(discussion_class.name).tr("/", "_") %>
         <%= form_with(
             scope: scope_key,
-            model: discussion_class.new,
+            model: comment,
             builder: LesliView::Forms::Builder,
-            url: helpers.polymorphic_path([:items, :discussions], 
-                discussable_type:@resource.class.name, 
-                discussable_id: @resource.id
-            )) do |form| %>
-            <%= form.field_control_textarea(:message) %>
-            <%= form.field_control_submit("Add comment") %>
+            url: create_path
+        ) do |form| %>
+            <%= form.field_control_textarea(:message, rows: 4) %>
+            <% if comment.errors[:message].any? %>
+                <p class="mt-2 text-sm text-red-600">
+                    <%= comment.errors.full_messages_for(:message).to_sentence %>
+                </p>
+            <% end %>
+            <%= form.field_control_submit I18n.t(
+                "lesli.items.discussions.add",
+                default: "Add comment"
+            ) %>
         <% end %>
     </div>
     <hr class="my-6 border-0 border-t border-slate-200">
 
     <div class="lesli-items-discussions-container p-4">
-        <ul
-            id="<%= "#{scope_key}-lesli-items-discussions-list" %>"
-            class="m-0 list-none space-y-6 p-0">
-            <% @resource.discussions.order(created_at: :desc).each do |comment| %>
-                <%= render(LesliView::Items::Discussion.new(comment)) %>
-            <% end %>
-        </ul>
+        <% if discussions.any? %>
+            <ul
+                id="<%= "#{scope_key}-lesli-items-discussions-list" %>"
+                class="m-0 list-none space-y-6 p-0">
+                <% discussions.each do |item| %>
+                    <%= render(LesliView::Items::Discussion.new(item)) %>
+                <% end %>
+            </ul>
+        <% else %>
+            <p class="py-6 text-center text-sm text-slate-500">
+                <%= I18n.t(
+                    "lesli.items.discussions.empty",
+                    default: "No comments have been added yet."
+                ) %>
+            </p>
+        <% end %>
     </div>
 </article>

data/lib/lesli_view/items/discussions.rb

@@ -32,13 +32,35 @@ Building a better future, one line of code at a time.
 module LesliView
     module Items
         class Discussions < ViewComponent::Base
-            attr_reader :resource, :path
-            
-            delegate :lexxy_rich_textarea_tag, to: :helpers
+            attr_reader :comment, :resource
 
-            def initialize(resource, path=nil)
+            def initialize(resource, comment: nil)
                 @resource = resource
-                @path = path
+                @comment = comment || discussion_class.new
+            end
+
+            def discussion_class
+                resource.class.lesli_discussions_class
+            end
+
+            def discussions
+                resource.public_send(
+                    resource.class.lesli_discussions_association_name
+                )
+            end
+
+            def create_path
+                helpers.polymorphic_path(
+                    [:items, :discussions],
+                    discussable_type: resource.class.name,
+                    discussable_id: resource.id
+                )
+            end
+
+            def scope_key
+                ActiveSupport::Inflector
+                    .underscore(discussion_class.name)
+                    .tr("/", "_")
             end
         end
     end

data/lib/lesli_view/items/task.html.erb

@@ -32,7 +32,7 @@ Building a better future, one line of code at a time.
 
 <li
     id="<%= dom_id(@resource, @scope_key) %>"
-    class="lesli-items-tasks-item rounded-xl border transition-colors <%= @resource.done ? "lesli-items-tasks-task-done cursor-not-allowed border-slate-200 bg-slate-50" : "border-slate-200 hover:border-slate-300 hover:bg-slate-50" %>">
+    class="lesli-items-tasks-item rounded-xl border transition-colors <%= @resource.done ? "lesli-items-tasks-task-done border-slate-200 bg-slate-50 hover:border-slate-300 hover:bg-slate-100" : "border-slate-200 hover:border-slate-300 hover:bg-slate-50" %>">
     <%= form_with(
             url: helpers.polymorphic_path(@resource),
             method: :patch,
@@ -42,8 +42,11 @@ Building a better future, one line of code at a time.
         <%= form.hidden_field :id, value: @resource.id %>
         <%= form.button(
             type: "submit",
-            disabled: @resource.done?,
-            class: "flex w-full cursor-pointer items-center rounded-xl px-4 py-3 text-left text-sm font-medium text-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--lesli-color-primary)] disabled:cursor-not-allowed"
+            aria: {
+                label: toggle_label,
+                pressed: @resource.done?
+            },
+            class: "flex w-full cursor-pointer items-center rounded-xl px-4 py-3 text-left text-sm font-medium text-slate-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--lesli-color-primary)]"
         ) do %>
             <span class="flex min-w-0 items-center gap-3">
                 <span
@@ -51,9 +54,15 @@ Building a better future, one line of code at a time.
                     aria-hidden="true">
                     <%= @resource.done ? "check_box" : "check_box_outline_blank" %>
                 </span>
-                <span class="min-w-0 break-words <%= "text-slate-500 line-through" if @resource.done %>">
-                    <%= @resource.title %>
-                </span>
+                <% if @resource.done? %>
+                    <del class="min-w-0 break-words text-slate-500 line-through">
+                        <%= @resource.title %>
+                    </del>
+                <% else %>
+                    <span class="min-w-0 break-words">
+                        <%= @resource.title %>
+                    </span>
+                <% end %>
             </span>
         <% end %>
     <% end %>

data/lib/lesli_view/items/task.rb

@@ -39,6 +39,20 @@ module LesliView
                 @resource = task
                 @scope_key = scope
             end
+
+            def toggle_label
+                if resource.done?
+                    I18n.t(
+                        "lesli.items.tasks.reopen_action",
+                        default: "Mark task as incomplete"
+                    )
+                else
+                    I18n.t(
+                        "lesli.items.tasks.complete_action",
+                        default: "Mark task as complete"
+                    )
+                end
+            end
         end
     end
 end

data/lib/lesli_view/items/tasks.html.erb

@@ -33,29 +33,42 @@ Building a better future, one line of code at a time.
     class="lesli-items-tasks rounded-2xl border border-slate-200 bg-white p-6 shadow-sm"
     id="<%= dom_id(@resource, :tasks) %>">
     <div class="lesli-items-tasks-form">
-        <% task_class = "#{@resource.class.name.deconstantize}::Items::Task".constantize %>
-        <% scope_key = ActiveSupport::Inflector.underscore(task_class.name).tr("/", "_") %>
         <%= form_with(
             scope: scope_key,
-            model: task_class.new,
+            model: task,
             builder: LesliView::Forms::Builder,
-            url: helpers.polymorphic_path([:items, :tasks], 
-                taskable_type:@resource.class.name, 
-                taskable_id: @resource.id
-            )) do |form| %>
+            url: create_path
+        ) do |form| %>
             <%= form.field_control_text :title %>
-            <%= form.field_control_submit "Add task" %>
+            <% if task.errors[:title].any? %>
+                <p class="mt-2 text-sm text-red-600">
+                    <%= task.errors.full_messages_for(:title).to_sentence %>
+                </p>
+            <% end %>
+            <%= form.field_control_submit I18n.t(
+                "lesli.items.tasks.add",
+                default: "Add task"
+            ) %>
         <% end %>
     </div>
     <hr class="my-6 border-0 border-t border-slate-200">
 
     <div class="lesli-items-tasks-container">
-        <ul
-            id="<%= "#{scope_key}-lesli-items-tasks-list" %>"
-            class="m-0 list-none space-y-3 p-0">
-            <% @resource.tasks.each do |task| %>
-                <%= render(LesliView::Items::Task.new(task, scope_key)) %>
-            <% end %>
-        </ul>
+        <% if tasks.any? %>
+            <ul
+                id="<%= "#{scope_key}-lesli-items-tasks-list" %>"
+                class="m-0 list-none space-y-3 p-0">
+                <% tasks.each do |item| %>
+                    <%= render(LesliView::Items::Task.new(item, scope_key)) %>
+                <% end %>
+            </ul>
+        <% else %>
+            <p class="py-6 text-center text-sm text-slate-500">
+                <%= I18n.t(
+                    "lesli.items.tasks.empty",
+                    default: "No tasks have been added yet."
+                ) %>
+            </p>
+        <% end %>
     </div>
 </article>

data/lib/lesli_view/items/tasks.rb

@@ -33,10 +33,35 @@ Building a better future, one line of code at a time.
 module LesliView
     module Items
         class Tasks < ViewComponent::Base
-            attr_reader :resource, :path_to_create
+            attr_reader :resource, :task
 
-            def initialize(resource)
+            def initialize(resource, task: nil)
                 @resource = resource
+                @task = task || task_class.new
+            end
+
+            def task_class
+                resource.class.lesli_tasks_class
+            end
+
+            def tasks
+                resource.public_send(
+                    resource.class.lesli_tasks_association_name
+                )
+            end
+
+            def create_path
+                helpers.polymorphic_path(
+                    [:items, :tasks],
+                    taskable_type: resource.class.name,
+                    taskable_id: resource.id
+                )
+            end
+
+            def scope_key
+                ActiveSupport::Inflector
+                    .underscore(task_class.name)
+                    .tr("/", "_")
             end
         end
     end

data/lib/lesli_view/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module LesliView
-    VERSION = "1.1.5"
-    BUILD = ""
+    VERSION = "1.1.6"
+    BUILD = "1792716699"
 end

data/lib/lesli_view.rb

@@ -44,6 +44,7 @@ require "lesli_view/items/actions"
 require "lesli_view/items/activities"
 require "lesli_view/items/discussion"
 require "lesli_view/items/discussions"
+require "lesli_view/items/attachment"
 require "lesli_view/items/attachments"
 
 

data/readme.md

@@ -8,10 +8,10 @@
 <br />
 
 <div align="center">
-    <a target="_blank" href="https://github.com/LesliTech/LesliView/actions/workflows/main.yml">
+    <a target="_blank" href="https://github.com/LesliTech/LesliView/actions/workflows/lesli-ci-gem.yaml">
         <img
             alt="LesliView test status"
-            src="https://img.shields.io/github/actions/workflow/status/LesliTech/LesliView/main.yml?branch=main&style=for-the-badge&logo=github&label=tests">
+            src="https://img.shields.io/github/actions/workflow/status/LesliTech/LesliView/lesli-ci-gem.yaml?branch=main&style=for-the-badge&logo=github&label=tests">
     </a>
     <a target="_blank" href="https://rubygems.org/gems/lesli_view">
         <img alt="Gem Version" src="https://img.shields.io/gem/v/lesli_view?style=for-the-badge&logo=ruby">
@@ -53,7 +53,7 @@ LesliView provides:
 
 The current development baseline is:
 
-- Ruby 3.2 or newer
+- Ruby 3.3 or newer (the release workflow uses Ruby 3.3.5)
 - Rails 8.1
 - LesliAssets, configured in the host application's asset build
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lesli_view
 version: !ruby/object:Gem::Version
-  version: 1.1.5
+  version: 1.1.6
 platform: ruby
 authors:
 - The Lesli Development Team
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2026-10-20 00:00:00.000000000 Z
+date: 2026-10-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -48,7 +48,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - Rakefile
-- app/assets/stylesheets/lesli_view/view.tailwind.css
+- app/assets/stylesheets/lesli_view/view.css
 - lib/lesli_view.rb
 - lib/lesli_view/charts/bar.rb
 - lib/lesli_view/charts/general.html.erb
@@ -89,6 +89,8 @@ files:
 - lib/lesli_view/items/actions.rb
 - lib/lesli_view/items/activities.html.erb
 - lib/lesli_view/items/activities.rb
+- lib/lesli_view/items/attachment.html.erb
+- lib/lesli_view/items/attachment.rb
 - lib/lesli_view/items/attachments.html.erb
 - lib/lesli_view/items/attachments.rb
 - lib/lesli_view/items/discussion.html.erb
@@ -118,7 +120,7 @@ files:
 - readme.md
 homepage: https://www.lesli.dev/
 licenses:
-- GPL-3.0
+- GPL-3.0-or-later
 metadata:
   homepage_uri: https://www.lesli.dev/
   changelog_uri: https://github.com/LesliTech/LesliView/releases
@@ -133,7 +135,10 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '3.3'
+  - - "<"
+    - !ruby/object:Gem::Version
+      version: '4.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="