@codingame/monaco-vscode-workbench-service-override 37.2.0 → 37.3.1

package/vscode/src/vs/sessions/contrib/sessions/browser/media/automationsCards.css

@@ -0,0 +1,624 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-workbench .automations-cards-widget {
+	position: relative;
+	height: 100%;
+	overflow: hidden;
+}
+
+.automations-drop-overlay {
+	position: absolute;
+	inset: var(--vscode-spacing-size80);
+	z-index: 10;
+	display: none;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--vscode-spacing-size40);
+	box-sizing: border-box;
+	border: var(--vscode-strokeThickness) dashed var(--vscode-focusBorder);
+	border-radius: var(--vscode-cornerRadius-large);
+	background: color-mix(in srgb, var(--session-view-background) 92%, transparent);
+	color: var(--session-view-foreground);
+	pointer-events: none;
+}
+
+.automations-drop-overlay.visible {
+	display: flex;
+}
+
+.automations-drop-overlay-icon {
+	font-size: var(--vscode-codiconFontSize);
+	color: var(--vscode-focusBorder);
+}
+
+.automations-drop-overlay-title {
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.automations-drop-overlay-description {
+	font-size: var(--vscode-fontSize-body2);
+	color: var(--vscode-descriptionForeground);
+}
+
+.monaco-workbench .automations-cards-content:focus,
+.monaco-workbench .automations-cards-widget:focus {
+	outline: none;
+}
+
+.automations-cards-widget > .monaco-scrollable-element {
+	width: 100%;
+}
+
+.automations-cards-scroll-content {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	padding: 32px 24px;
+	box-sizing: border-box;
+}
+
+/* Centered content band */
+.automations-cards-header,
+.automations-cards-grid,
+.automations-cards-empty,
+.automations-cards-state,
+.automations-cards-partial-state,
+.automations-templates,
+.automations-history {
+	width: 100%;
+	max-width: 900px;
+}
+
+/* Header */
+.automations-cards-header-row {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.automations-cards-header-icon {
+	font-size: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-cards-header-title {
+	font-size: 16px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+	margin: 0;
+	flex: 1;
+}
+
+.automations-cards-header-description {
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	margin: 4px 0 16px;
+	line-height: 1.4;
+}
+
+.automations-cards-new-button {
+	flex-shrink: 0;
+	max-width: 140px;
+}
+
+.automations-cards-new-button .monaco-button {
+	padding: 4px 12px;
+	font-size: 12px;
+}
+
+/* Card Grid — wraps into new rows */
+.automations-cards-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
+	grid-auto-rows: 1fr;
+	gap: 12px;
+}
+
+/* Card Wrapper */
+.automations-card-wrapper {
+	display: flex;
+	flex-direction: column;
+	border-radius: 6px;
+	overflow: hidden;
+	height: 100%;
+}
+
+/* Individual Card */
+.automations-card {
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	gap: 12px;
+	padding: 12px 16px;
+	border: 1px solid var(--vscode-editorWidget-border);
+	border-radius: 6px;
+	height: 100%;
+	cursor: pointer;
+	touch-action: manipulation;
+}
+
+.automations-card:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.automations-card:has(> .automations-card-main:focus-visible) {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+/* Card Main Content */
+.automations-card-main {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	flex: 1;
+	min-width: 0;
+	padding: 0;
+	border: none;
+	outline: none;
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: left;
+	cursor: pointer;
+}
+
+.monaco-workbench .automations-card-main:focus {
+	outline: none;
+}
+
+/* Card Name */
+.automations-card-name {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 8px;
+}
+
+.automations-card-name-text {
+	flex: 1 1 0;
+	min-width: 0;
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.automations-card-disabled-badge {
+	font-size: 12px;
+	font-weight: 400;
+	font-style: italic;
+	color: var(--vscode-descriptionForeground);
+}
+
+/* Card Metadata */
+.automations-card-meta {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	gap: 6px;
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	min-width: 0;
+}
+
+.automations-card-folder {
+	min-width: 0;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.automations-card-meta-item + .automations-card-meta-item::before {
+	content: '·';
+	margin-right: 6px;
+	opacity: 0.6;
+}
+
+.automations-card-last-run.automations-card-run-failed {
+	color: var(--vscode-errorForeground);
+}
+
+.automations-card-last-run.automations-card-run-success {
+	color: var(--vscode-testing-iconPassed);
+}
+
+/* Card Prompt */
+.automations-card-prompt {
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	margin-top: 2px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+/* Card Action Buttons (icon-only, matching native pattern) */
+.automations-card-actions {
+	display: flex;
+	flex-direction: row;
+	gap: 4px;
+	align-items: center;
+	flex: 0 0 auto;
+	opacity: 0;
+}
+
+.automations-card:hover .automations-card-actions,
+.automations-card:focus-within .automations-card-actions,
+.automations-card .automations-card-actions.menu-open {
+	opacity: 1;
+}
+
+.automations-card-actions .monaco-button.automations-card-action-button {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	padding: 0;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: var(--vscode-icon-foreground);
+	cursor: pointer;
+	font-size: 16px;
+	min-width: 24px;
+}
+
+.automations-card-actions .monaco-button.automations-card-action-button:hover:not(.disabled) {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.automations-card-actions .monaco-button.automations-card-action-button:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.automations-card-actions .monaco-button.automations-card-action-button.disabled {
+	opacity: 0.4;
+	cursor: default;
+}
+
+/* Empty State */
+.automations-cards-empty {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	padding: 48px 20px;
+	gap: 8px;
+	flex: 1;
+}
+
+.automations-cards-empty-title {
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	margin: 0;
+}
+
+.automations-cards-empty-description {
+	font-size: 12px;
+	color: var(--vscode-descriptionForeground);
+	margin: 0 0 12px;
+	max-width: 320px;
+	line-height: 1.4;
+}
+
+.automations-cards-create-button {
+	max-width: 180px;
+}
+
+.automations-cards-create-button .monaco-button {
+	padding: 6px 16px;
+	font-size: 12px;
+}
+
+/* Loading and error states */
+.automations-cards-state {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: var(--vscode-spacing-size80);
+	padding: var(--vscode-spacing-size400) var(--vscode-spacing-size200);
+	box-sizing: border-box;
+	text-align: center;
+}
+
+.automations-cards-state-icon {
+	font-size: var(--vscode-codiconFontSize);
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-cards-error .automations-cards-state-icon {
+	color: var(--vscode-errorForeground);
+}
+
+.automations-cards-state-title {
+	margin: 0;
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+}
+
+.automations-cards-state-description {
+	margin: 0;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 1.4;
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-cards-state-create-button {
+	margin-top: var(--vscode-spacing-size120);
+	max-width: 180px;
+}
+
+.automations-cards-partial-state {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size80);
+	margin-bottom: var(--vscode-spacing-size120);
+	padding: var(--vscode-spacing-size80) var(--vscode-spacing-size120);
+	border: var(--vscode-strokeThickness) solid var(--vscode-editorWidget-border);
+	border-radius: var(--vscode-cornerRadius-small);
+	box-sizing: border-box;
+	font-size: var(--vscode-fontSize-label1);
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-cards-partial-state-error {
+	border-color: var(--vscode-inputValidation-warningBorder);
+	background-color: var(--vscode-inputValidation-warningBackground);
+	color: var(--vscode-inputValidation-warningForeground);
+}
+
+.automations-cards-partial-state-icon {
+	flex-shrink: 0;
+	font-size: var(--vscode-codiconFontSize);
+}
+
+/* Starter templates */
+.automations-templates {
+	width: 100%;
+	margin-top: var(--vscode-spacing-size240);
+	text-align: left;
+}
+
+.automations-template-section + .automations-template-section {
+	margin-top: var(--vscode-spacing-size240);
+}
+
+.automations-templates-description {
+	margin: 0 0 var(--vscode-spacing-size120);
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 1.4;
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-template-section-summary {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+	width: fit-content;
+	margin-bottom: var(--vscode-spacing-size40);
+	border-radius: var(--vscode-cornerRadius-small);
+	color: var(--vscode-foreground);
+	cursor: pointer;
+	list-style: none;
+}
+
+.automations-template-section-summary::-webkit-details-marker {
+	display: none;
+}
+
+.automations-template-section-summary:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: var(--vscode-strokeThickness);
+}
+
+.automations-template-section-chevron {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--vscode-codiconFontSize);
+	height: var(--vscode-codiconFontSize);
+	font-size: var(--vscode-codiconFontSize);
+	transform-origin: center;
+}
+
+.automations-template-section[open] .automations-template-section-chevron {
+	transform: rotate(90deg);
+}
+
+.automations-template-section-title {
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.automations-template-section-unread {
+	display: none;
+	width: var(--vscode-spacing-size80);
+	height: var(--vscode-spacing-size80);
+	border-radius: var(--vscode-cornerRadius-circle);
+	background-color: var(--vscode-textLink-foreground);
+	flex-shrink: 0;
+}
+
+.automations-template-section-unread.visible {
+	display: inline-block;
+}
+
+.automations-template-section-count {
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label1);
+}
+
+.automations-template-section > .automations-templates-description,
+.automations-template-section > .automations-templates-grid {
+	width: calc(100% - var(--vscode-codiconFontSize) - var(--vscode-spacing-size60));
+	margin-left: calc(var(--vscode-codiconFontSize) + var(--vscode-spacing-size60));
+}
+
+.automations-templates-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
+	grid-auto-rows: 1fr;
+	gap: var(--vscode-spacing-size120);
+	width: 100%;
+}
+
+.automations-template-card {
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+	gap: var(--vscode-spacing-size40);
+	width: 100%;
+	height: 100%;
+	min-width: 0;
+	padding: var(--vscode-spacing-size120) var(--vscode-spacing-size160);
+	border: var(--vscode-strokeThickness) solid var(--vscode-editorWidget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	background: transparent;
+	color: inherit;
+	font: inherit;
+	text-align: left;
+	cursor: pointer;
+	touch-action: manipulation;
+}
+
+.automations-template-card:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+.automations-template-card:focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: calc(-1 * var(--vscode-strokeThickness));
+}
+
+.automations-template-card-name {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size80);
+}
+
+.automations-template-card-name-text {
+	flex: 1 1 0;
+	min-width: 0;
+	overflow: hidden;
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.automations-template-card-badge,
+.automations-template-card-source,
+.automations-template-card-schedule,
+.automations-template-card-prompt {
+	font-size: var(--vscode-fontSize-label1);
+	color: var(--vscode-descriptionForeground);
+}
+
+.automations-template-card-badge {
+	flex-shrink: 0;
+}
+
+.automations-template-card-source {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.automations-template-card-prompt {
+	display: -webkit-box;
+	overflow: hidden;
+	margin-top: var(--vscode-spacing-size20);
+	line-height: 1.4;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
+/* Run History */
+.automations-history {
+	margin-top: 32px;
+}
+
+.automations-history-header {
+	font-size: var(--vscode-fontSize-heading3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	color: var(--vscode-foreground);
+	margin-bottom: 12px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.automations-mark-all-read {
+	font-size: 12px;
+	padding: 2px 8px;
+	width: auto;
+	flex-shrink: 0;
+	white-space: nowrap;
+	max-width: fit-content;
+}
+
+.automations-history-group {
+	margin-bottom: 16px;
+}
+
+.automations-history-group-header {
+	font-size: 12px;
+	font-weight: 600;
+	color: var(--vscode-descriptionForeground);
+	margin-bottom: 8px;
+}
+
+.automations-history-group-runs {
+	margin: 0 var(--vscode-spacing-size100);
+	border: var(--vscode-strokeThickness) solid var(--vscode-editorWidget-border);
+	border-radius: var(--vscode-cornerRadius-medium);
+	overflow: hidden;
+}
+
+.automations-history-group-runs .automations-run-session-list .monaco-list-row.session-list-inset-row {
+	margin: 0;
+	width: 100%;
+	border-radius: 0;
+}
+
+.automations-history-group-runs .automations-temporary-run:not(:first-child),
+.automations-history-group-runs .automations-run-session-list:not(:empty) .monaco-list-row:not(:first-child),
+.automations-history-group-runs .automations-temporary-runs:not(:empty) + .automations-run-session-list:not(:empty) {
+	border-top: var(--vscode-strokeThickness) solid var(--vscode-editorWidget-border);
+}
+
+.automations-temporary-runs:empty {
+	display: none;
+}
+
+.automations-temporary-run {
+	height: 54px;
+	width: 100%;
+}
+
+.hc-black .automations-card,
+.hc-light .automations-card,
+.hc-black .automations-template-card,
+.hc-light .automations-template-card {
+	border-color: var(--vscode-contrastBorder);
+}