From d9a72be74cd48fe30ebd70c24b4b16f27fbdb580 Mon Sep 17 00:00:00 2001
From: Vladimir Mandic <mandic00@live.com>
Date: Sat, 12 Apr 2025 17:59:24 -0400
Subject: [PATCH] display reference models with subdued color

Signed-off-by: Vladimir Mandic <mandic00@live.com>
---
 CHANGELOG.md                 | 5 +++++
 javascript/sdnext.css        | 1 +
 modules/ui_extra_networks.py | 6 ++++--
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 05df2f538..177ad0943 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,11 @@
 
 ## Update for 2025-04-12
 
+- Cleanup CogView3 and CogView4 model loader  
+- UI display reference models with subdued color  
+
+## Update for 2025-04-12
+
 ### Highlights for 2025-04-12
 
 Last release was just over a week ago and here we are again with another update as a new high-end image model, [HiDream-I1](https://github.com/vladmandic/sdnext/wiki/HiDream) jumped out and generated a lot of buzz!  
diff --git a/javascript/sdnext.css b/javascript/sdnext.css
index 5ef9aafd4..5e219e195 100644
--- a/javascript/sdnext.css
+++ b/javascript/sdnext.css
@@ -242,6 +242,7 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
 .extra-network-cards .card { height: fit-content; margin: 0 0 0.5em 0.5em; position: relative; scroll-snap-align: start; scroll-margin-top: 0; }
 .extra-network-cards .card .overlay { z-index: 10; width: 100%; background: none; }
 .extra-network-cards .card .overlay .name { font-size: var(--text-lg); font-weight: bold; text-shadow: 1px 1px black; color: white; overflow-wrap: anywhere; position: absolute; bottom: 0; padding: 0.2em; z-index: 10; }
+.extra-network-cards .card .overlay .reference { color: var(--body-text-color-subdued) }
 .extra-network-cards .card .preview { box-shadow: var(--button-shadow); min-height: 30px; }
 .extra-network-cards .card:hover .overlay { background: rgba(0, 0, 0, 0.70); }
 .extra-network-cards .card:hover .preview { box-shadow: none; filter: grayscale(100%); }
diff --git a/modules/ui_extra_networks.py b/modules/ui_extra_networks.py
index e16a26bbf..9aa504360 100644
--- a/modules/ui_extra_networks.py
+++ b/modules/ui_extra_networks.py
@@ -30,7 +30,7 @@ card_full = '''
     <div class='card' onclick={card_click} title='{name}' data-tab='{tabname}' data-page='{page}' data-name='{name}' data-filename='{filename}' data-tags='{tags}' data-mtime='{mtime}' data-size='{size}' data-search='{search}' style='--data-color: {color}'>
         <div class='overlay'>
             <div class='tags'></div>
-            <div class='name'>{title}</div>
+            <div class='name {reference}'>{title}</div>
         </div>
         <div class='version'>{version}</div>
         <div class='actions'>
@@ -44,7 +44,7 @@ card_list = '''
     <div class='card card-list' onclick={card_click} title='{name}' data-tab='{tabname}' data-page='{page}' data-name='{name}' data-filename='{filename}' data-tags='{tags}' data-mtime='{mtime}' data-version='{version}' data-size='{size}' data-search='{search}'>
         <div style='display: flex'>
             <span class='details' title="Get details" onclick="showCardDetails(event)">&#x1f6c8;</span>&nbsp;
-            <div class='name' style='flex-flow: column'>{title}&nbsp;
+            <div class='name {rerefence}' style='flex-flow: column'>{title}&nbsp;
                 <div class='tags tags-list'></div>
             </div>
         </div>
@@ -330,7 +330,9 @@ class ExtraNetworksPage:
                 "size": item.get("size", 0),
                 "version": item.get("version", ''),
                 "color": random_bright_color(),
+                "reference": "reference" if 'Reference' in item.get('name', '') else "",
             }
+            print('HERE', args['name'], args['reference'])
             alias = item.get("alias", None)
             if alias is not None:
                 args['title'] += f'\nAlias: {alias}'