TrulyMEM-TrueHumanMEM/graph_memory_tui/styles/components.css

/* Component Styles for Graph Memory TUI */

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

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

/* 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 Input {
    width: 1fr;
    height: 3;
    margin: 0 0 1 0;
    padding: 0 1;
    background: $surface-lighten-1;
    border: solid $primary;
    color: $text;
}

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

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;
}