@ckeditor/ckeditor5-ai 47.0.0-alpha.5 → 47.0.0-alpha.6

package/ckeditor5-metadata.json

@@ -39,6 +39,20 @@
 			"description": "Provides quick access to common AI-powered actions like improve writing, change tone, translate, and custom commands",
 			"docs": "features/ai/ckeditor-ai-overview.html",
 			"path": "src/aiquickactions/aiquickactions.js"
+		},
+		{
+			"name": "AI Editor Integration",
+			"className": "AIEditorIntegration",
+			"description": "Provides integration between AI-powered features and the editor",
+			"docs": "features/ai/ckeditor-ai-overview.html",
+			"path": "src/aieditorintegration/aieditorintegration.js",
+			"uiComponents": [
+				{
+					"type": "Button",
+					"name": "toggleAi",
+					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/ai-ask-ai.svg"
+				}
+			]
 		}
 	]
 }

package/dist/index-editor.css

@@ -1041,6 +1041,12 @@
 		padding-bottom:var(--ck-spacing-large);
 	}
 
+.ck.ck-ai-chat-controls.ck-ai-chat-controls-disabled{
+		opacity:0.5;
+		pointer-events:none;
+		cursor:default;
+	}
+
 .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection{
 		line-height:0;
 	}
@@ -1537,7 +1543,7 @@
 				}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title .ck-toolbar .ck-button{
 						margin:0;
-						opacity:.6;
+						color:var(--ck-ai-chat-suggestion-icon-default-color);
 					}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__content :last-child{
 					padding-bottom:0;
@@ -1554,13 +1560,16 @@
 				display:block;
 				clear:both;
 			}
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover .ck-toolbar .ck-icon{
+				color:var(--ck-ai-background-color-action-button);
+			}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:hover::before{
 			content:'';
 			position:absolute;
 			left:calc((-1 * var(--ck-spacing-large)) - 1px);
 			top:5px;
 			height:100%;
-			border-left:2px solid hsl( 262, 51%, 80%);
+			border-left:3px solid var(--ck-ai-chat-suggestion-border-hover-color);
 		}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:last-child::before{
 			height:calc(100% - 10px);
@@ -1990,6 +1999,8 @@
 	--ck-ai-chat-color-text:hsla(263, 59%, 52%, 1);
 	--ck-ai-chat-color-icon:hsla(0, 0%, 44%, 1);
 	--ck-ai-chat-border-width:1px;
+	--ck-ai-chat-suggestion-icon-default-color:hsl(0, 0%, 44%);
+	--ck-ai-chat-suggestion-border-hover-color:hsl(262, 64%, 78%);
 
 	--ck-ai-chat-button-active-background-color:hsla(262, 100%, 96%, 1);
 	--ck-ai-chat-button-active-color:hsla(263, 59%, 52%, 1);
@@ -2912,6 +2923,10 @@
 		overflow:hidden;
 	}
 
+.ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response.ck.ck-content{
+			padding:0;
+		}
+
 .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response > *{
 			white-space:normal;
 		}

package/dist/index.css

@@ -1272,6 +1272,12 @@
 		padding-bottom: var(--ck-spacing-large);
 	}
 
+.ck.ck-ai-chat-controls.ck-ai-chat-controls-disabled {
+		opacity: 0.5;
+		pointer-events: none;
+		cursor: default;
+	}
+
 .ck.ck-ai-chat-controls .ck-ai-chat-controls__model-selection {
 		line-height: 0;
 	}
@@ -1845,7 +1851,7 @@
 				}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__title .ck-toolbar .ck-button {
 						margin: 0;
-						opacity: .6;
+						color: var(--ck-ai-chat-suggestion-icon-default-color);
 					}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part .ck-ai-suggestion__body__content-part__content :last-child {
 					padding-bottom: 0;
@@ -1862,6 +1868,9 @@
 				display: block;
 				clear: both;
 			}
+.ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_pending:hover .ck-toolbar .ck-icon {
+				color: var(--ck-ai-background-color-action-button);
+			}
 /* TODO: This is only a temporary implementation for preview demo purposes. Make it nice. */
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:hover::before {
 			content: '';
@@ -1869,7 +1878,7 @@
 			left: calc((-1 * var(--ck-spacing-large)) - 1px);
 			top: 5px;
 			height: 100%;
-			border-left: 2px solid hsl( 262, 51%, 80% );
+			border-left: 3px solid var(--ck-ai-chat-suggestion-border-hover-color);
 		}
 .ck.ck-ai-suggestion__container .ck-ai-suggestion__body .ck-ai-suggestion__body__content-part_active:last-child::before {
 			height: calc(100% - 10px);
@@ -2376,6 +2385,8 @@
 	--ck-ai-chat-color-text: hsla(263, 59%, 52%, 1);
 	--ck-ai-chat-color-icon: hsla(0, 0%, 44%, 1);
 	--ck-ai-chat-border-width: 1px;
+	--ck-ai-chat-suggestion-icon-default-color: hsl(0, 0%, 44%);
+	--ck-ai-chat-suggestion-border-hover-color: hsl(262, 64%, 78%);
 
 	--ck-ai-chat-button-active-background-color: hsla(262, 100%, 96%, 1);
 	--ck-ai-chat-button-active-color: hsla(263, 59%, 52%, 1);
@@ -3397,6 +3408,11 @@
 		overflow: hidden;
 	}
 
+.ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response.ck.ck-content {
+			/* Reset default padding of `ck-content`. */
+			padding: 0;
+		}
+
 .ck-ai-review-mode__check-run-result > .ck-ai-review-mode__check-run-result-response > * {
 			white-space: normal;
 		}