Implement more information displays

core/templates/partials/ai-workspace-ai-result.html

@@ -62,7 +62,7 @@
                 data-index="{{ forloop.counter0 }}"
                 onclick="giaWorkspaceUseDraft('{{ person.id }}', '{{ operation }}', {{ forloop.counter0 }}); return false;"
                 style="height: 100%; padding: 0.6rem; border-radius: 9px; border: 1px solid rgba(0, 0, 0, 0.16); background: #fff; cursor: pointer; transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;">
-                <p class="is-size-7 has-text-weight-semibold is-flex is-align-items-center" style="margin-bottom: 0.35rem; gap: 0.35rem;">
+                <p class="draft-tone-line">
                   {% with tone=option.label|default:""|lower %}
                     {% if tone == "soft" %}
                       <span class="icon is-small has-text-success"><i class="fa-solid fa-leaf"></i></span>
@@ -301,6 +301,20 @@
     box-shadow: inset 0 0 0 1px rgba(54, 54, 54, 0.18);
     background-color: rgba(54, 54, 54, 0.06) !important;
   }
+  .draft-tone-line {
+    margin-bottom: 0.26rem;
+    color: #6f7680;
+    font-size: 0.73rem;
+    font-weight: 600;
+    letter-spacing: 0.01em;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
+  }
   .htmx-indicator {
     display: none;
   }