Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/sessions/contrib/aiCustomizationTreeView/browser/media/aiCustomizationTreeView.css
13405 views
1
/*---------------------------------------------------------------------------------------------

2
 *  Copyright (c) Microsoft Corporation. All rights reserved.

3
 *  Licensed under the MIT License. See License.txt in the project root for license information.

4
 *--------------------------------------------------------------------------------------------*/

5


6
.ai-customization-view {

7
	height: 100%;

8
}

9


10
.ai-customization-view .tree-container {

11
	height: 100%;

12
}

13


14
/* Tree item styling */

15
.ai-customization-view .ai-customization-tree-item {

16
	display: flex;

17
	align-items: center;

18
	height: 22px;

19
	line-height: 22px;

20
	padding-right: 8px;

21
}

22


23
.ai-customization-view .ai-customization-tree-item .icon {

24
	flex-shrink: 0;

25
	width: 16px;

26
	height: 16px;

27
	margin-right: 6px;

28
	display: flex;

29
	align-items: center;

30
	justify-content: center;

31
}

32


33
.ai-customization-view .ai-customization-tree-item .name {

34
	flex: 1;

35
	overflow: hidden;

36
	text-overflow: ellipsis;

37
	white-space: nowrap;

38
}

39


40
.ai-customization-view .ai-customization-tree-item .actions {

41
	display: none;

42
	flex-shrink: 0;

43
	max-width: fit-content;

44
}

45


46
.ai-customization-view .monaco-list .monaco-list-row:hover .ai-customization-tree-item > .actions,

47
.ai-customization-view .monaco-list .monaco-list-row.focused .ai-customization-tree-item > .actions,

48
.ai-customization-view .monaco-list .monaco-list-row.selected .ai-customization-tree-item > .actions {

49
	display: flex;

50
}

51


52
.ai-customization-view .ai-customization-tree-item .description {

53
	flex-shrink: 1;

54
	color: var(--vscode-descriptionForeground);

55
	font-size: 0.9em;

56
	margin-left: 8px;

57
	overflow: hidden;

58
	text-overflow: ellipsis;

59
	white-space: nowrap;

60
	opacity: 0.8;

61
}

62


63
/* Group headers */

64
.ai-customization-view .ai-customization-group-header {

65
	display: flex;

66
	align-items: center;

67
	height: 22px;

68
	font-weight: 600;

69
	text-transform: uppercase;

70
	font-size: 11px;

71
	letter-spacing: 0.5px;

72
	color: var(--vscode-descriptionForeground);

73
}

74


75
.ai-customization-view .ai-customization-group-header .label {

76
	overflow: hidden;

77
	text-overflow: ellipsis;

78
	white-space: nowrap;

79
}

80


81
/* Category headers (top-level types like "Custom Agents", "Skills") */

82
.ai-customization-view .ai-customization-category {

83
	display: flex;

84
	align-items: center;

85
	height: 22px;

86
	line-height: 22px;

87
	font-weight: 600;

88
}

89


90
.ai-customization-view .ai-customization-category .icon {

91
	flex-shrink: 0;

92
	width: 16px;

93
	height: 16px;

94
	margin-right: 6px;

95
	display: flex;

96
	align-items: center;

97
	justify-content: center;

98
}

99


100
.ai-customization-view .ai-customization-category .label {

101
	overflow: hidden;

102
	text-overflow: ellipsis;

103
	white-space: nowrap;

104
}

105


106
/* Disabled items */

107
.ai-customization-view .ai-customization-tree-item.disabled {

108
	opacity: 0.5;

109
}

110


111
/* Empty state */

112
.ai-customization-view .empty-message {

113
	padding: 10px;

114
	color: var(--vscode-descriptionForeground);

115
	text-align: center;

116
}

117


118