Add /api/info endpoint for build time, title.js, UI tweaks

wwwroot/css/base.css

@@ -51,7 +51,7 @@ button:not(:disabled):hover, select:hover, input:hover, textarea:hover {
 }
 
 button:disabled {
-  opacity: .5;
+  opacity: var(--semi-transparent);
 }
 
 textarea {

wwwroot/css/chat.css

@@ -23,7 +23,7 @@
 }
 
 .custom-cmd-btn.running {
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   cursor: wait;
 }
 
@@ -84,6 +84,7 @@
   border-bottom: var(--border-width) solid var(--f1-border);
   flex-shrink: 0;
   min-height: 2.5em;
+  opacity: var(--semi-transparent);
 }
 
 .msg {
@@ -130,7 +131,7 @@
   padding: var(--s2);
   background: var(--f1-bg);
   border: var(--border-width) solid var(--f1-border);
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
 }
 
 .input-area {
@@ -150,7 +151,6 @@
 }
 
 .input-area button:disabled {
-  opacity: 0.5;
   cursor: not-allowed;
 }
 
@@ -161,7 +161,7 @@
 }
 
 .archived {
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
 }
 
 .archive-load-btn {
@@ -244,7 +244,7 @@
   cursor: pointer;
   padding: var(--s1);
   color: var(--text);
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
 }
 
 .file-remove:hover {
@@ -255,7 +255,7 @@
 
 .attachment-indicator {
   margin-top: var(--s2);
-  opacity: 0.7;
+  opacity: var(--semi-transparent);
 }
 
 .attachment-indicator:hover {

wwwroot/css/file-explorer.css

@@ -39,7 +39,7 @@
 }
 
 .fe-path {
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -49,11 +49,6 @@
   padding: var(--s1) var(--s2);
 }
 
-.fe-btn:disabled {
-  opacity: 0.4;
-  cursor: default;
-}
-
 .fe-body {
   display: flex;
   flex: 1;
@@ -102,13 +97,12 @@
 
 .fe-file {
   color: var(--text);
-  opacity: 0.85;
 }
 
 .fe-loading, .fe-error, .fe-empty, .fe-placeholder {
   padding: var(--s4);
   text-align: center;
-  opacity: 0.5;
+  opacity: var(--semi-transparent);
   align-self: center;
   margin: auto;
 }
@@ -128,7 +122,7 @@
   padding-right: var(--s3);
   background: var(--f1-bg);
   color: var(--text);
-  opacity: 0.35;
+  opacity: var(--semi-transparent);
   text-align: right;
   overflow: hidden;
   user-select: none;
@@ -184,7 +178,7 @@
 }
 
 .fe-info {
-  opacity: 0.6;
+  opacity: var(--semi-transparent);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

wwwroot/css/theme.css

@@ -13,4 +13,5 @@
   --s3: .75em;
   --s4: 1em;
   --border-width: 1px;
+  --semi-transparent: 0.6;
 }