web-mojo 2.2.87 → 2.2.89

package/dist/admin.css

@@ -873,37 +873,71 @@
     margin: 0 auto;
 }
 
-/* Clean up message styling inside assistant */
+/* ── Assistant chat message differentiation ──────────────────── */
+
+/* Base message reset */
 .assistant-chat-area .chat-theme-compact .message-item {
     border-bottom: none;
-    padding: 12px 0;
+    padding: 16px 0 8px;
 }
 
 .assistant-chat-area .chat-theme-compact .message-item:hover {
     background: transparent;
 }
 
-.assistant-chat-area .message-avatar {
+/* ── Assistant messages: full-width, clean left-align ────── */
+
+.assistant-chat-area .message-assistant .message-avatar {
     width: 28px;
     height: 28px;
-    font-size: 0.7rem;
-}
-
-.assistant-chat-area .chat-message.message-assistant .message-avatar {
+    font-size: 0.85rem;
     background: var(--bs-primary) !important;
     color: #fff;
 }
 
-.assistant-chat-area .message-text {
+.assistant-chat-area .message-assistant .message-text {
     font-size: 0.9rem;
     line-height: 1.5;
+    white-space: normal;
 }
 
-/* Override pre-wrap for assistant markdown — HTML block elements
-   provide their own spacing; pre-wrap adds visible whitespace
-   between tags like <p>, <ol>, <li> */
-.assistant-chat-area .message-assistant .message-text {
-    white-space: normal;
+/* ── User messages: right-aligned bubble ─────────────────── */
+
+.assistant-chat-area .message-user .message-item {
+    flex-direction: row-reverse;
+}
+
+.assistant-chat-area .message-user .message-avatar {
+    display: none;
+}
+
+.assistant-chat-area .message-user .message-content {
+    flex: unset;
+    max-width: 75%;
+    background: var(--bs-primary);
+    color: #fff;
+    border-radius: 18px 18px 4px 18px;
+    padding: 10px 16px;
+}
+
+.assistant-chat-area .message-user .message-header {
+    justify-content: flex-end;
+}
+
+.assistant-chat-area .message-user .message-author {
+    display: none;
+}
+
+.assistant-chat-area .message-user .message-time {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 0.7rem;
+}
+
+.assistant-chat-area .message-user .message-text {
+    font-size: 0.9rem;
+    line-height: 1.5;
+    color: #fff;
+    white-space: pre-wrap;
 }
 
 /* ── Custom Input Area ────────────────────────────────────── */
@@ -1003,6 +1037,17 @@
     color: var(--bs-danger);
 }
 
+.assistant-input-status {
+    font-size: 0.78rem;
+    color: var(--bs-warning-text-emphasis);
+    background: var(--bs-warning-bg-subtle);
+    border: 1px solid var(--bs-warning-border-subtle);
+    border-radius: 6px;
+    padding: 5px 12px;
+    margin-bottom: 8px;
+    text-align: center;
+}
+
 .assistant-input-footer {
     display: flex;
     align-items: center;
@@ -1597,15 +1642,13 @@
     gap: 8px;
 }
 
-.assistant-action-buttons button.assistant-action-dimmed {
-    opacity: 0.35;
-    cursor: not-allowed;
+.assistant-action-chosen-label {
+    font-size: 0.82rem;
+    color: var(--bs-success-text-emphasis);
 }
 
-.assistant-action-buttons button.assistant-action-chosen {
-    opacity: 1;
-    outline: 2px solid var(--bs-primary);
-    outline-offset: 1px;
+.assistant-action-chosen-label i {
+    color: var(--bs-success);
 }
 
 /* ── List blocks (key/value detail) ──────────────────────── */
@@ -1795,3 +1838,59 @@
         padding-right: 16px;
     }
 }
+
+
+/* ================================================================
+   Assistant Management Pages (Skills, Memory, Conversations)
+   ================================================================ */
+
+/* --- Skill View --- */
+
+.assistant-skill-view {
+    padding: 1rem;
+}
+
+.skill-steps-list {
+    border: 1px solid var(--bs-border-color);
+    border-radius: 0.375rem;
+    padding: 0.5rem 1rem;
+    background: var(--bs-body-bg);
+}
+
+.skill-step-item {
+    padding: 0.625rem 0;
+}
+
+.skill-step-number .badge {
+    width: 28px;
+    height: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.75rem;
+}
+
+/* --- Memory Page --- */
+
+.assistant-memory-page .table code {
+    font-size: 0.8125rem;
+    color: var(--bs-emphasis-color);
+    background: var(--bs-tertiary-bg);
+    padding: 0.125rem 0.375rem;
+    border-radius: 0.25rem;
+}
+
+.assistant-memory-page .table td:last-child {
+    white-space: nowrap;
+}
+
+/* --- Conversation View --- */
+
+.assistant-conversation-view {
+    padding: 1rem;
+}
+
+.assistant-conversation-view .chat-messages {
+    max-height: 600px;
+    overflow-y: auto;
+}