TrulyMEM-TrueHumanMEM-local/ui/styles/components.css

/* Component Styles for Graph Memory TUI */

/* Input Box - 最重要 */
InputBox {
    background: $surface;
    padding: 1 2;
    height: auto;
    border: solid $primary;
}

InputBox TextArea {
    width: 100%;
    height: 5;
    background: $surface-lighten-1;
    color: $text;
    border: none;
}

InputBox .input-buttons {
    height: auto;
    margin-top: 1;
}

InputBox Button {
    margin: 0;
}

/* Config Section */
ConfigSection {
    background: $surface;
    padding: 1;
    margin: 0 0 1 0;
    height: auto;
}

ConfigSection .config-title {
    color: $primary;
    text-style: bold;
    margin: 0 0 1 0;
}

ConfigSection .config-label {
    color: $text;
    margin: 0;
    padding: 1 0 0 0;
}

ConfigSection .config-hint {
    color: $text-muted;
    text-style: italic;
    margin: 1 0 0 0;
}

ConfigSection .config-sep {
    height: 1;
    margin: 1 0;
}

ConfigSection Input {
    width: 1fr;
    height: 3;
    margin: 0 0 1 0;
    padding: 0 1;
    background: $surface-lighten-1;
    border: solid $primary;
    color: $text;
}

ConfigSection Checkbox {
    margin: 1 0;
}

/* Admin section elements - controlled by visibility */
ConfigSection .admin-section {
    display: block;
}

/* Login Screen */
#login_container,
#migration_container {
    width: 60;
    height: auto;
    padding: 2;
    background: $surface;
    border: solid $primary;
}

#login_title,
#migration_title {
    color: $primary;
    text-style: bold;
    margin: 0 0 1 0;
}

#migration_subtitle {
    color: $text-muted;
    margin: 0 0 1 0;
}

#login_message,
#migration_message {
    color: $warning;
    margin: 1 0 0 0;
}

/* Other Components */
OperationLog {
    background: $surface-darken-1;
    height: 1fr;
    margin: 1;
    overflow-y: auto;
    padding: 1;
}

OperationLog .log-entry {
    color: $text;
    margin: 0 0 1 0;
    height: auto;
}

OperationLog .log-empty {
    color: $text-muted;
    text-style: italic;
}

CypherQueryBox {
    border: solid green;
    margin: 1;
    height: auto;
}

MessageHistory {
    height: 1fr;
    margin: 1;
    overflow-y: auto;
}

/* Message Widget */
MessageWidget {
    margin: 1 0;
    height: auto;
}

MessageWidget .message-header {
    color: $text-muted;
    text-style: bold;
    margin: 0 0 0 0;
}

MessageWidget .message-content {
    color: $text;
    margin: 0 0 0 2;
    height: auto;
}

MessageWidget .tool-indicator {
    color: $warning;
    text-style: bold;
    margin: 1 0 0 2;
}

MessageWidget .tool-details {
    background: $surface-darken-1;
    margin: 1 0 0 2;
    padding: 1;
}

MessageWidget .tool-name {
    color: $accent;
    text-style: bold;
}

MessageWidget .tool-args {
    color: $text-muted;
    margin: 0 0 0 2;
}

MessageWidget .tool-result {
    color: $success;
    margin: 0 0 0 2;
}