@omega.js/desktop 0.50.0 → 0.51.0

package/README.md

@@ -82,7 +82,7 @@ Five logs in `<projectRoot>/logs/`, each with its own purpose:
 | `dev.log` | Gulp pipeline output — sass, bundle, html, electron child stdout from `npm start` | Truncated each `npm start` |
 | `build.log` | Gulp pipeline output for production builds/packages (`npm run build` / `package` / `publish`, i.e. `OMEGA_BUILD_MODE=true`) | Truncated each build |
 | `test.log` | `npx omega test` runner output (suite names, pass/fail, harness boot lines) | Truncated each test run |
-| `ci.log` | `npm run release` — streamed GH Actions output during a CI release | Truncated each release |
+| `deploy.log` | `omega deploy` and `npm run release`, the whole deploy: the scaffold, the precheck, the dispatch, then the streamed GH Actions run | Truncated each deploy |
 
 ```bash
 npx omega logs                  # tail last 50 of runtime.log

package/dist/assets/css/tokens/_index.scss

@@ -10,7 +10,7 @@
 //
 // The accent family is a BUILD-TIME override surface: when `brand.color`
 // is set, head.html emits inline `:root` ramps from composeBrandTokens
-// (src/brand-tokens.js) — a light ramp AND a dark-variant ramp stamped with
+// (@omega.js/devkit/brand-tokens): a light ramp AND a dark-variant ramp stamped with
 // this same plumbing — that win the cascade over these placeholders.
 //
 // Theme attribute: `data-bs-theme` is what core/js/core/appearance.js

package/dist/assets/themes/base/_includes/frontend/sections/account-section-header.html

@@ -2,10 +2,13 @@
   Account section header — the admin page-header anatomy (icon chip + page
   title + hairline) stamped INSIDE each hash-driven section, so the visible
   page title tracks the active section with zero JS. Params: title, icon.
+
+  `icon` carries its OWN Font Awesome classes (#619, #850, #903):
+  `icon="fa-brands fa-github"`, emitted verbatim with only the size added.
 {% endcomment %}
 <header class="page-header pb-3 mb-4 hairline-bottom">
   <h2 class="page-title mb-0 d-flex align-items-center">
-    <span class="omega-icon-chip omega-icon-chip--neutral me-2"><i class="fa-solid fa-{{ include.icon }} fa-sm"></i></span>
+    <span class="omega-icon-chip omega-icon-chip--neutral me-2"><i class="{{ include.icon }} fa-sm" aria-hidden="true"></i></span>
     {{ include.title }}
   </h2>
 </header>

package/dist/assets/themes/base/_includes/frontend/sections/footer.html

@@ -46,7 +46,11 @@
               {% capture social_href %}{% omega_social platform %}{% endcapture %}
               {% iftruthy social_href %}
                 <a href="{{ social_href }}" class="omega-footer__social-link" aria-label="{{ platform | capitalize }}">
-                  <i class="fa-solid fa-{{ platform }} fa-sm"></i>
+                  {% comment %} The key names a PLATFORM, not an icon (#929): a social
+                  profile is always a brand mark, so the family is derived at the one
+                  site that knows it, never typed by a brand that only named the
+                  platform. {% endcomment %}
+                  <i class="fa-brands fa-{{ platform }} fa-sm" aria-hidden="true"></i>
                 </a>
               {% endiftruthy %}
             {% endfor %}
@@ -71,7 +75,9 @@
                 {% for link in link_group.links %}
                   {% capture link_classes %}omega-footer__link{% if link.classes %} {{ link.classes | join: ' ' }}{% endif %}{% endcapture %}
                   {% capture link_attributes %}{% if link.attributes %}{% for attr in link.attributes %} {{ attr[0] }}="{{ attr[1] }}"{% endfor %}{% endif %}{% endcapture %}
-                  {% capture link_icon %}{% if link.icon %}{{ resolved.config.icons[link.icon] }}{% endif %}{% endcapture %}
+                  {% comment %} A link carries its OWN Font Awesome classes (#619, #850): `icon: 'fa-brands fa-github'`.
+                    The name-to-markup `icons` map this used to look the name up in is a retired config key. {% endcomment %}
+                  {% capture link_icon %}{% if link.icon %}<i class="{{ link.icon }}" aria-hidden="true"></i>{% endif %}{% endcapture %}
                   {% capture link_href %}{% if link.href and link.href != '' and link.href != 'null' %}{{ link.href }}{% else %}javascript:void(0){% endif %}{% endcapture %}
                   <li>
                     <a class="{{ link_classes }}" href="{{ link_href }}"{{ link_attributes }}>
@@ -94,10 +100,11 @@
           {% if data.copyright.text %}
             {{ data.copyright.text | omega_liquify }}
           {% else %}
-            {% comment %} A sub-brand credits its parent (brand.company), linked
-            when company.url names one — no parent configured (or a company that
-            IS the brand) keeps the plain line {% endcomment %}
-            {% assign parent_company = resolved.config.brand.company %}
+            {% comment %} A sub-brand credits its parent, linked when the
+            resolved company.url names one (#677). A standalone brand resolves
+            its company to ITSELF, so the name check below keeps the plain line
+            with no fallback of its own {% endcomment %}
+            {% assign parent_company = resolved.config.company.name %}
             {% if parent_company and parent_company != '' and parent_company != 'null' and parent_company != resolved.config.brand.name %}
               {% if resolved.config.company.url %}
                 {% capture parent_mark %}<a href="{{ resolved.config.company.url }}">{{ parent_company }}</a>{% endcapture %}

package/dist/assets/themes/base/_includes/frontend/sections/nav.html

@@ -1,4 +1,6 @@
 {% comment %} Section data: json-in-_includes (a consumer src/_includes/frontend/sections/nav.json overrides the packaged one) — same binding pattern as admin/sections/sidebar {% endcomment %}
+{% comment %} A link's `icon` carries its OWN Font Awesome classes (#619, #850, #903): `icon: 'fa-brands fa-github'`.
+  Every icon site below emits that string verbatim and adds only its size and spacing. {% endcomment %}
 {% assign data = site.data._includes.frontend.sections.nav %}
 
 <!-- Shared base marketing nav: transparent over the hero, glassy after scroll.
@@ -60,7 +62,7 @@
                 <button class="{{ link_class }}" type="button" data-bs-toggle="dropdown" {{ link_attributes }}>
                   <span class="d-inline-flex align-items-center">
                     {% if link.icon %}
-                      <i class="fa-solid fa-{{ link.icon }} fa-sm me-2"></i>
+                      <i class="{{ link.icon }} fa-sm me-2" aria-hidden="true"></i>
                     {% endif %}
                     <span>{{ link.label }}</span>
                   </span>
@@ -73,7 +75,7 @@
                     {% capture child_content %}
                       <span class="d-inline-flex align-items-center">
                         {% if child.icon %}
-                          <i class="fa-solid fa-{{ child.icon }} fa-sm me-2"></i>
+                          <i class="{{ child.icon }} fa-sm me-2" aria-hidden="true"></i>
                         {% endif %}
                         <span>{{ child.label }}</span>
                       </span>
@@ -105,7 +107,7 @@
               {% capture link_content %}
                 <span class="d-inline-flex align-items-center">
                   {% if link.icon %}
-                    <i class="fa-solid fa-{{ link.icon }} fa-sm me-2"></i>
+                    <i class="{{ link.icon }} fa-sm me-2" aria-hidden="true"></i>
                   {% endif %}
                   <span>{{ link.label }}</span>
                 </span>
@@ -140,7 +142,7 @@
                 <button class="{{ action_class }}" type="button" data-bs-toggle="dropdown" {{ action_attributes }}>
                   <span class="d-inline-flex align-items-center">
                     {% if action.icon %}
-                      <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                      <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                     {% endif %}
                     <span>{{ action.label }}</span>
                   </span>
@@ -153,7 +155,7 @@
                     {% capture child_content %}
                       <span class="d-inline-flex align-items-center">
                         {% if child.icon %}
-                          <i class="fa-solid fa-{{ child.icon }} fa-sm me-2"></i>
+                          <i class="{{ child.icon }} fa-sm me-2" aria-hidden="true"></i>
                         {% endif %}
                         <span>{{ child.label }}</span>
                       </span>
@@ -184,7 +186,7 @@
               {% capture action_content %}
                 <span class="d-inline-flex align-items-center">
                   {% if action.icon %}
-                    <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                    <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                   {% endif %}
                   <span>{{ action.label }}</span>
                 </span>
@@ -212,7 +214,7 @@
               {% capture action_content %}
                 <span class="d-inline-flex align-items-center">
                   {% if action.icon %}
-                    <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                    <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                   {% endif %}
                   <span>{{ action.label }}</span>
                 </span>
@@ -230,7 +232,7 @@
                       {% capture child_content %}
                         <span class="d-inline-flex align-items-center">
                           {% if child.icon %}
-                            <i class="fa-solid fa-{{ child.icon }} fa-sm me-2"></i>
+                            <i class="{{ child.icon }} fa-sm me-2" aria-hidden="true"></i>
                           {% endif %}
                           <span>{{ child.label }}</span>
                         </span>

package/dist/assets/themes/base/_includes/global/sections/account.html

@@ -1,4 +1,6 @@
 <!-- Account Dropdown (shared across frontend nav, backend topbar, admin topbar) -->
+{% comment %} A dropdown item's `icon` carries its OWN Font Awesome classes (#619, #850, #903):
+  `icon: 'fa-brands fa-github'`, emitted verbatim with only the size and spacing added. {% endcomment %}
 {% assign account_data = site.data._includes.global.sections.account %}
 {% assign avatar_size = include.size | default: "md" %}
 
@@ -46,7 +48,7 @@
       {% capture child_class %}dropdown-item d-flex align-items-center text-body {{ child_active }} {% if child.class %}{{ child.class }}{% endif %}{% endcapture %}
       {% capture child_content %}
         {% if child.icon %}
-          <i class="fa-solid fa-{{ child.icon }} fa-md me-3"></i>
+          <i class="{{ child.icon }} fa-md me-3" aria-hidden="true"></i>
         {% endif %}
         <span>{{ child.label }}</span>
       {% endcapture %}

package/dist/assets/themes/base/_includes/global/sections/app-sidebar.html

@@ -12,6 +12,10 @@
                | { label, icon, dropdown: [ …links, nested dropdowns… ] }]
     bottom:   { vert: { enabled } }                                                      (optional)
 
+  An `icon` carries its OWN Font Awesome classes (#619, #850, #903):
+  `icon: 'fa-brands fa-github'`. Every icon site below emits that string
+  verbatim and adds only its size.
+
   Anything textual wears .omega-shell__label so the rail collapse hides it
   (core/css/shell). Active detection via urlmatches, including nested groups.
 
@@ -62,7 +66,7 @@
             {% else %}
               <li>
                 <a class="dropdown-item" href="{{ item.href | default: '#' }}">
-                  {% if item.icon %}<i class="fa-solid fa-{{ item.icon }} fa-sm me-2"></i>{% endif %}
+                  {% if item.icon %}<i class="{{ item.icon }} fa-sm me-2" aria-hidden="true"></i>{% endif %}
                   {{ item.label | omega_liquify }}
                 </a>
               </li>
@@ -104,7 +108,7 @@
           <li>
             <button class="omega-side__item {% if dropdown_has_active %}active{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ link_id }}" aria-expanded="{{ dropdown_has_active }}">
               {% if link.icon %}
-                <span class="omega-side__icon"><i class="fa-solid fa-{{ link.icon }} fa-sm"></i></span>
+                <span class="omega-side__icon"><i class="{{ link.icon }} fa-sm" aria-hidden="true"></i></span>
               {% endif %}
               <span class="omega-shell__label">{{ link.label }}</span>
               <span class="omega-side__chevron"><i class="fa-solid fa-chevron-right fa-xs"></i></span>
@@ -127,7 +131,7 @@
                     <li>
                       <button class="omega-side__item {% if nested_has_active %}active{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ nested_id }}" aria-expanded="{{ nested_has_active }}">
                         {% if child.icon %}
-                          <span class="omega-side__icon"><i class="fa-solid fa-{{ child.icon }} fa-sm"></i></span>
+                          <span class="omega-side__icon"><i class="{{ child.icon }} fa-sm" aria-hidden="true"></i></span>
                         {% endif %}
                         <span class="omega-shell__label">{{ child.label }}</span>
                         <span class="omega-side__chevron"><i class="fa-solid fa-chevron-right fa-xs"></i></span>
@@ -142,7 +146,7 @@
                               <li>
                                 <a href="{{ grandchild.href }}" class="omega-side__item {{ grandchild_active }}">
                                   {% if grandchild.icon %}
-                                    <span class="omega-side__icon"><i class="fa-solid fa-{{ grandchild.icon }} fa-sm"></i></span>
+                                    <span class="omega-side__icon"><i class="{{ grandchild.icon }} fa-sm" aria-hidden="true"></i></span>
                                   {% endif %}
                                   <span class="omega-shell__label">{{ grandchild.label }}</span>
                                 </a>
@@ -159,7 +163,7 @@
                       {% iftruthy child.href %}
                         <a href="{{ child.href }}" class="omega-side__item {{ child_active }}" {{ child_attributes }}>
                           {% if child.icon %}
-                            <span class="omega-side__icon"><i class="fa-solid fa-{{ child.icon }} fa-sm"></i></span>
+                            <span class="omega-side__icon"><i class="{{ child.icon }} fa-sm" aria-hidden="true"></i></span>
                           {% endif %}
                           <span class="omega-shell__label">{{ child.label }}</span>
                           {% if child.badge %}
@@ -170,7 +174,7 @@
                       {% iffalsy child.href %}
                         <button type="button" class="omega-side__item {% if child.class %}{{ child.class }}{% endif %}" {{ child_attributes }}>
                           {% if child.icon %}
-                            <span class="omega-side__icon"><i class="fa-solid fa-{{ child.icon }} fa-sm"></i></span>
+                            <span class="omega-side__icon"><i class="{{ child.icon }} fa-sm" aria-hidden="true"></i></span>
                           {% endif %}
                           <span class="omega-shell__label">{{ child.label }}</span>
                         </button>
@@ -189,7 +193,7 @@
             {% iftruthy link.href %}
               <a href="{{ link.href }}" class="omega-side__item {{ link_active }}" {{ link_attributes }}>
                 {% if link.icon %}
-                  <span class="omega-side__icon"><i class="fa-solid fa-{{ link.icon }} fa-sm"></i></span>
+                  <span class="omega-side__icon"><i class="{{ link.icon }} fa-sm" aria-hidden="true"></i></span>
                 {% endif %}
                 <span class="omega-shell__label">{{ link.label }}</span>
                 {% if link.badge %}
@@ -200,7 +204,7 @@
             {% iffalsy link.href %}
               <button type="button" class="omega-side__item" {{ link_attributes }}>
                 {% if link.icon %}
-                  <span class="omega-side__icon"><i class="fa-solid fa-{{ link.icon }} fa-sm"></i></span>
+                  <span class="omega-side__icon"><i class="{{ link.icon }} fa-sm" aria-hidden="true"></i></span>
                 {% endif %}
                 <span class="omega-shell__label">{{ link.label }}</span>
               </button>

package/dist/assets/themes/base/_includes/global/sections/app-topbar.html

@@ -8,6 +8,10 @@
     actions: [{ type: 'account' } | { type: 'notifications', icon, badge, dropdown }
               | { label, href, icon, class, size, dropdown }]
 
+    An `icon` carries its OWN Font Awesome classes (#619, #850, #903):
+    `icon: 'fa-brands fa-github'`. Every icon site below emits that string
+    verbatim and adds only its size and spacing.
+
     action.size is 'sm' | 'lg' (Bootstrap's button sizes) — anything else
     renders no size class. NEVER test it for truthiness: Liquid answers `.size`
     on a hash with its KEY COUNT, so every action would "have" a size (#43).
@@ -84,9 +88,9 @@
         <!-- Notifications Dropdown -->
         {% capture action_attributes %}{% if action.attributes %}{% for attr in action.attributes %} {{ attr[0] }}="{{ attr[1] }}"{% endfor %}{% endif %}{% endcapture %}
         <div class="dropdown">
-          {% capture notif_icon %}{{ action.icon | default: "bell" }}{% endcapture %}
+          {% capture notif_icon %}{{ action.icon | default: "fa-solid fa-bell" }}{% endcapture %}
           <button class="btn-icon position-relative" type="button" data-bs-toggle="dropdown" {{ action_attributes }} aria-expanded="false" aria-label="{{ action.label | default: 'Notifications' }}">
-            <i class="fa-solid fa-{{ notif_icon }} fa-sm"></i>
+            <i class="{{ notif_icon }} fa-sm" aria-hidden="true"></i>
             {% if action.badge %}
               <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill {{ action.badge.class | default: 'bg-danger' }}">
                 {{ action.badge.text }}
@@ -116,7 +120,7 @@
                       <div class="d-flex">
                         {% if notification.icon %}
                           <span class="omega-icon-chip omega-icon-chip--neutral me-3 flex-shrink-0">
-                            <i class="fa-solid fa-{{ notification.icon }} fa-sm"></i>
+                            <i class="{{ notification.icon }} fa-sm" aria-hidden="true"></i>
                           </span>
                         {% endif %}
                         <div class="flex-fill">
@@ -165,7 +169,7 @@
         <div class="dropdown">
           <button class="{{ action_class }} dropdown-toggle" type="button" data-bs-toggle="dropdown" {{ action_attributes }}>
             {% if action.icon %}
-              <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+              <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
             {% endif %}
             <span>{{ action.label }}</span>
           </button>
@@ -176,7 +180,7 @@
               {% capture child_class %}dropdown-item {{ child_active }} {% if child.class %}{{ child.class }}{% endif %}{% endcapture %}
               {% capture child_content %}
                 {% if child.icon %}
-                  <i class="fa-solid fa-{{ child.icon }} fa-sm me-2"></i>
+                  <i class="{{ child.icon }} fa-sm me-2" aria-hidden="true"></i>
                 {% endif %}
                 <span>{{ child.label }}</span>
               {% endcapture %}
@@ -208,7 +212,7 @@
         {% capture action_attributes %}{% if action.attributes %}{% for attr in action.attributes %} {{ attr[0] }}="{{ attr[1] }}"{% endfor %}{% endif %}{% endcapture %}
         {% capture action_content %}
           {% if action.icon %}
-            <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+            <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
           {% endif %}
           <span>{{ action.label }}</span>
         {% endcapture %}

package/dist/assets/themes/base/_includes/global/sections/page-header.html

@@ -3,6 +3,10 @@
   app topbar (global/sections/app-topbar.html) but keep their frontmatter API:
   resolved.config.theme.header.{title, actions} render here.
 
+  An `icon` (the title's, an action's, a dropdown item's) carries its OWN Font
+  Awesome classes (#619, #850, #903): `icon: 'fa-brands fa-github'`. Every icon
+  site below emits that string verbatim and adds only its size and spacing.
+
   action.size is 'sm' | 'lg' (Bootstrap's button sizes) — anything else renders
   no size class. NEVER test it for truthiness: Liquid answers `.size` on a hash
   with its KEY COUNT, so every action would "have" a size (#43).
@@ -15,7 +19,7 @@
         {% unless resolved.config.theme.header.title.enabled == false %}
           <h1 class="page-title mb-0 d-flex align-items-center {{ resolved.config.theme.header.title.class }}">
             {% if resolved.config.theme.header.title.icon %}
-              <span class="omega-icon-chip omega-icon-chip--neutral me-2"><i class="fa-solid fa-{{ resolved.config.theme.header.title.icon }} fa-sm"></i></span>
+              <span class="omega-icon-chip omega-icon-chip--neutral me-2"><i class="{{ resolved.config.theme.header.title.icon }} fa-sm" aria-hidden="true"></i></span>
             {% endif %}
             {{- resolved.config.theme.header.title.content | default: resolved.meta.title | omega_liquify -}}
           </h1>
@@ -46,7 +50,7 @@
                             data-bs-toggle="dropdown"
                             aria-expanded="false">
                       {% if action.icon %}
-                        <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                        <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                       {% endif %}
                       {{ action.label }}
                     </button>
@@ -58,7 +62,7 @@
                           <li>
                             <a class="dropdown-item" href="{{ item.href | default: '#' }}">
                               {% if item.icon %}
-                                <i class="fa-solid fa-{{ item.icon }} fa-sm me-2"></i>
+                                <i class="{{ item.icon }} fa-sm me-2" aria-hidden="true"></i>
                               {% endif %}
                               {{ item.label }}
                             </a>
@@ -73,7 +77,7 @@
                   {% capture action_attributes %}{% if action.attributes %}{% for attr in action.attributes %} {{ attr[0] }}="{{ attr[1] }}"{% endfor %}{% endif %}{% endcapture %}
                   {% capture action_content %}
                     {% if action.icon %}
-                      <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                      <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                     {% endif %}
                     {{ action.label }}
                   {% endcapture %}

package/dist/assets/themes/base/_layouts/backend/pages/dashboard/index.html

@@ -10,86 +10,86 @@ stats_cards:
     value: "$24,300"
     change: "+12.5%"
     change_type: "success"
-    icon: "dollar-sign"
+    icon: "fa-solid fa-dollar-sign"
 
   - id: "new_users"
     title: "New users"
     value: "1,423"
     change: "+5.8%"
     change_type: "success"
-    icon: "users"
+    icon: "fa-solid fa-users"
 
   - id: "active_projects"
     title: "Active projects"
     value: "14"
     change: "2 pending"
     change_type: "warning"
-    icon: "folder-open"
+    icon: "fa-solid fa-folder-open"
 
   - id: "performance"
     title: "Performance"
     value: "89%"
     change: "Good"
     change_type: "info"
-    icon: "chart-line"
+    icon: "fa-solid fa-chart-line"
 
 recent_activity:
   - id: "new_document"
     title: "New document created"
     description: "Project proposal for Q2 2024"
     time: "2 hours ago"
-    icon: "file-alt"
+    icon: "fa-solid fa-file-alt"
     icon_color: "primary"
 
   - id: "task_completed"
     title: "Task completed"
     description: "Website redesign approved"
     time: "5 hours ago"
-    icon: "check-circle"
+    icon: "fa-solid fa-check-circle"
     icon_color: "success"
 
   - id: "new_member"
     title: "New team member"
     description: "Sarah Johnson joined the team"
     time: "1 day ago"
-    icon: "user-plus"
+    icon: "fa-solid fa-user-plus"
     icon_color: "warning"
 
   - id: "code_deployed"
     title: "Code deployed"
     description: "Version 2.4.1 released to production"
     time: "2 days ago"
-    icon: "code-branch"
+    icon: "fa-solid fa-code-branch"
     icon_color: "info"
 
 quick_actions:
   - id: "create_project"
     label: "Create new project"
-    icon: "plus"
+    icon: "fa-solid fa-plus"
     style: "primary"
     href: "#"
 
   - id: "upload_files"
     label: "Upload files"
-    icon: "upload"
+    icon: "fa-solid fa-upload"
     style: "outline-adaptive"
     href: "#"
 
   - id: "invite_members"
     label: "Invite team members"
-    icon: "users"
+    icon: "fa-solid fa-users"
     style: "outline-adaptive"
     href: "#"
 
   - id: "view_analytics"
     label: "View analytics"
-    icon: "chart-bar"
+    icon: "fa-solid fa-chart-bar"
     style: "outline-adaptive"
     href: "/analytics"
 
   - id: "settings"
     label: "Settings"
-    icon: "cog"
+    icon: "fa-solid fa-cog"
     style: "outline-adaptive"
     href: "/settings"
 
@@ -113,31 +113,31 @@ config:
     header:
       title:
         content: "Dashboard"
-        icon: "gauge-high"
+        icon: "fa-solid fa-gauge-high"
       breadcrumbs:
         items:
           - label: Home
             href: /
-            icon: house
+            icon: 'fa-solid fa-house'
           - label: Dashboard
       actions:
         items:
           - label: New project
-            icon: plus
+            icon: "fa-solid fa-plus"
             color: primary
           - label: Reports
-            icon: chart-line
+            icon: "fa-solid fa-chart-line"
             color: adaptive
             dropdown:
               - label: Sales report
-                icon: dollar-sign
+                icon: "fa-solid fa-dollar-sign"
                 href: /reports/sales
               - label: Analytics report
-                icon: chart-bar
+                icon: "fa-solid fa-chart-bar"
                 href: /reports/analytics
               - divider: true
               - label: Export all
-                icon: download
+                icon: "fa-solid fa-download"
                 href: /reports/export
 ---
 
@@ -149,7 +149,7 @@ config:
     <div class="omega-statgrid__cell">
       <div class="omega-statgrid__label">
         <span class="omega-micro">{{ card.title }}</span>
-        <i class="fa-solid fa-{{ card.icon }} fa-sm"></i>
+        <i class="{{ card.icon }} fa-sm" aria-hidden="true"></i>
       </div>
       <div class="omega-statgrid__value">{{ card.value }}</div>
       <span class="badge bg-{{ card.change_type }}-subtle text-{{ card.change_type }}">{{ card.change }}</span>
@@ -168,7 +168,7 @@ config:
           {% for activity in resolved.recent_activity %}
             <div class="omega-activity__row">
               <span class="omega-icon-chip omega-icon-chip--neutral">
-                <i class="fa-solid fa-{{ activity.icon }} fa-sm"></i>
+                <i class="{{ activity.icon }} fa-sm" aria-hidden="true"></i>
               </span>
               <div class="omega-activity__body">
                 <div class="omega-activity__title">{{ activity.title }}</div>
@@ -193,12 +193,12 @@ config:
             {% if _style == 'primary' %}{% assign _style = 'adaptive' %}{% endif %}
             {% if action.href %}
               <a href="{{ action.href }}" class="btn btn-{{ _style }}">
-                <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                 {{ action.label }}
               </a>
             {% else %}
               <button class="btn btn-{{ _style }}">
-                <i class="fa-solid fa-{{ action.icon }} fa-sm me-2"></i>
+                <i class="{{ action.icon }} fa-sm me-2" aria-hidden="true"></i>
                 {{ action.label }}
               </button>
             {% endif %}

package/dist/assets/themes/base/_layouts/frontend/pages/about.html

@@ -16,12 +16,12 @@ hero:
 mission:
   title: "Our mission"
   description: "To empower individuals and businesses with technology that <em>simplifies</em> complex challenges and unlocks new possibilities for growth."
-  icon: "bullseye"
+  icon: "fa-solid fa-bullseye"
 
 vision:
   title: "Our vision"
   description: "A world where powerful tools feel effortless, where anyone can build, launch, and grow without wrestling the machinery. That's the product we <em>refuse to stop</em> working toward."
-  icon: "lightbulb"
+  icon: "fa-solid fa-lightbulb"
 
 # The letter band — mission & vision as editorial statements (letter: false
 # kills it). Point image at your own picture and it sits at the head of the
@@ -84,16 +84,16 @@ stats:
   items:
   - number: "2017"
     label: "Founded"
-    icon: "calendar"
+    icon: "fa-solid fa-calendar"
   - number: "50+"
     label: "Team members"
-    icon: "users"
+    icon: "fa-solid fa-users"
   - number: "1M+"
     label: "Happy customers"
-    icon: "smile"
+    icon: "fa-solid fa-smile"
   - number: "120+"
     label: "Countries"
-    icon: "globe"
+    icon: "fa-solid fa-globe"
 
 # Company Values Section — rendered as the numbered principles list
 values:
@@ -104,16 +104,16 @@ values:
   items:
   - title: "Innovation first"
     description: "Push boundaries; challenge the status quo."
-    icon: "rocket"
+    icon: "fa-solid fa-rocket"
   - title: "Customer obsessed"
     description: "Their success is our success. Full stop."
-    icon: "heart"
+    icon: "fa-solid fa-heart"
   - title: "Team excellence"
     description: "Hire the best, then get out of their way."
-    icon: "users"
+    icon: "fa-solid fa-users"
   - title: "Transparent culture"
     description: "Open communication, honest feedback, shared decisions."
-    icon: "magnifying-glass"
+    icon: "fa-solid fa-magnifying-glass"
 
 # Team CTA Section
 team_cta: