@ckeditor/ckeditor5-ai 47.6.1 → 48.0.0-alpha.0

package/theme/aichat/aichat-controls/aichat-context-controls-balloon-panels.css

@@ -1,207 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-balloon-panel {
-	&.ck-ai-chat-context-controls__add-context-balloon-panel {
-		min-width: 157px;
-		max-width: 250px;
-		z-index: calc(var(--ck-ai-tabs-overlay-z-index) + 1);
-
-		& .ck-ai-chat-context-controls__balloon-button {
-			width: 100%;
-			display: flex;
-			padding-left: var(--ck-spacing-extra-large);
-			padding-right: var(--ck-spacing-extra-large);
-
-			&:first-child {
-				margin-top: var(--ck-spacing-tiny);
-			}
-
-			&:last-child {
-				margin-bottom: var(--ck-spacing-tiny);
-			}
-
-			& .ck-icon.ck-button__icon {
-				--ck-icon-size: 16px;
-			}
-
-			& .ck-button__label {
-				margin: 0;
-				line-height: var(--ck-line-height-base);
-			}
-
-			&:hover {
-				background-color: var(--ck-ai-button-secondary-hover-background-color);
-			}
-
-			& > .ck-ai-chat-context-controls__balloon-button-source__arrow {
-				width: var(--ck-dropdown-arrow-size);
-
-				transform: rotate(-90deg);
-
-				/* A space to accommodate the triangle. */
-				margin-left: var(--ck-spacing-standard);
-
-				/* Nudge the arrow gently to the right because its center of gravity is to the left */
-				margin-right: calc(-1 * var(--ck-spacing-small));
-			}
-
-			& > span {
-				flex-grow: 1;
-			}
-		}
-	}
-
-	&.ck-ai-chat-context-controls__url-balloon-panel {
-		z-index: calc(var(--ck-ai-tabs-overlay-z-index) + 1);
-
-		& .ck-ai-chat-context-controls__url-form {
-			width: var(--ck-ai-chat-context-controls-balloon-width);
-			line-height: var(--ck-form-header-height);
-
-			& .ck-ai-chat-context-controls__url-input-section {
-				display: flex;
-				align-items: flex-start;
-				padding: var(--ck-spacing-large);
-
-				&>.ck-labeled-field-view {
-					width: 100%;
-
-					&>.ck.ck-labeled-field-view__input-wrapper {
-						&>.ck.ck-input {
-							width: 100%;
-							font: normal normal normal var(--ck-font-size-base) / var(--ck-line-height-base) var(--ck-font-face);
-							vertical-align: middle;
-							line-height: var(--ck-line-height-base);
-						}
-
-						&>.ck.ck-label {
-							visibility: hidden;
-						}
-					}
-				}
-
-				&>.ck.ck-button {
-					height: auto;
-					margin-left: var(--ck-spacing-medium);
-					background-color: var(--ck-ai-background-color-action-button);
-					color: var(--ck-ai-font-color-action-button);
-
-					&.ck-disabled {
-						opacity: 0.5;
-
-						&>.ck-button__icon {
-							opacity: 1;
-						}
-					}
-				}
-			}
-		}
-	}
-
-	&.ck-ai-chat-context-controls__source-balloon-panel {
-		width: var(--ck-ai-chat-context-controls-balloon-width);
-		z-index: calc(var(--ck-ai-tabs-overlay-z-index) + 1);
-
-		&:has(.ck-ai-skeleton:not(.ck-hidden)) {
-			overflow: hidden;
-		}
-
-		.ck.ck-search__query_with-icon {
-			padding: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-tiny) var(--ck-spacing-large);
-		}
-
-		.ck-ai-skeleton {
-			--ck-ai-skeleton-gap: var(--ck-spacing-small);
-
-			padding-top: var(--ck-spacing-standard);
-			padding-bottom: var(--ck-spacing-standard);
-		}
-
-		.ck-ai-chat-resources {
-			& .ck-ai-chat-resources__list {
-				overflow-y: auto;
-				overflow-x: hidden;
-				max-height: 210px;
-
-				.ck-ai-chat-resources__item {
-					display: flex;
-					align-items: center;
-					padding: var(--ck-spacing-tiny) var(--ck-spacing-extra-large);
-					border-radius: var(--ck-border-radius);
-
-					cursor: pointer;
-					transition: background-color 0.2s;
-
-					&:hover {
-						background-color: var(--ck-ai-button-secondary-hover-background-color);
-					}
-
-					&.ck-ai-chat-resources__item--in-context {
-						color: hsla(0, 0%, 20%, 0.5);
-						pointer-events: none;
-
-						* {
-							color: inherit;
-						}
-					}
-
-					.ck-ai-chat-resources__item__icon {
-						display: flex;
-						align-items: center;
-						justify-content: center;
-						height: 1.14em;
-						margin-right: 0.35em;
-						flex-shrink: 0;
-
-						.ck-icon {
-							height: 1.368em;
-							fill: currentColor;
-						}
-					}
-
-					&.ck-ai-chat-resources__item--in-context .ck-ai-chat-resources__item__icon {
-						color: hsla(0, 0%, 20%, 0.5);
-					}
-
-					.ck-ai-chat-resources__item-title {
-						flex: 1;
-						font-size: 1em;
-						line-height: var(--ck-line-height-base);
-						overflow: hidden;
-						text-overflow: ellipsis;
-						white-space: nowrap;
-					}
-				}
-			}
-
-			/*
-			 * Use a fixed height for the resources list when the search input is visible so it acts like a filtered list.
-			 * See https://github.com/ckeditor/ckeditor5-commercial/pull/8747.
-			 */
-			& .ck-search ~ .ck-ai-chat-resources__list {
-				height: 210px;
-			}
-		}
-
-		.ck-ai-chat-resources__list.ck-hidden {
-			display: none;
-		}
-	}
-
-	&.ck-ai-chat-context-controls__chip-tooltip {
-		max-width: 180px;
-
-		& .ck.ck-tooltip__text {
-			white-space: normal;
-			display: inline-block;
-			padding: var(--ck-tooltip-text-padding) 0;
-		}
-	}
-}

package/theme/aichat/aichat-controls/aichat-context-controls.css

@@ -1,45 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-chat-context-controls-balloon-width: 400px;
-}
-
-.ck.ck-ai-chat-controls {
-	.ck-ai-chat-context-controls {
-		display: flex;
-		align-content: center;
-		justify-content: flex-start;
-		align-items: flex-start;
-		flex-wrap: wrap;
-		padding-top: 0;
-		gap: var(--ck-spacing-medium-small);
-
-		padding-bottom: var(--ck-spacing-medium-small);
-
-		&:has(.ck-ai-chat-context-controls__pending-contexts:empty) {
-			padding-bottom: var(--ck-spacing-small);
-		}
-
-		& .ck-ai-chat-context-controls__pending-contexts {
-			display: contents;
-		}
-	}
-
-	/* The button to add context living inside the query input. */
-	& .ck-button.ck-ai-chat-controls-button.ck-ai-chat-context-controls__add-context-button {
-		position: absolute;
-		bottom: 3px;
-		margin: 0;
-
-		&:hover, &:focus {
-			opacity: 1;
-		}
-	}
-}

package/theme/aichat/aichat-controls/aichat-controls-button.css

@@ -1,75 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-button.ck-ai-chat-controls-button {
-	--ck-ui-component-min-height: 1.88em;
-
-	color: var(--ck-ai-button-tertiary-color);
-	background-color: var(--ck-ai-button-tertiary-background-color);
-	padding: var(--ck-spacing-tiny);
-	flex-shrink: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-
-	&:not(.ck-button_with-text) {
-		margin: 0 0 var(--ck-spacing-tiny) 0;
-		padding: var(--ck-spacing-tiny);
-	}
-
-	&.ck-button_with-text.ck-ai-chat-controls_context_show-more-button {
-		display: block;
-		padding: 0;
-		border-width: 0;
-		letter-spacing: -0.1em;
-		text-align: center;
-	}
-
-	&:disabled,
-	&.ck-disabled {
-		color: var(--ck-ai-button-tertiary-disabled-color);
-		background-color: var(--ck-ai-button-tertiary-disabled-background-color);
-
-		& > .ck.ck-button__label,
-		& > .ck-button__icon {
-			opacity: 1;
-		}
-	}
-
-	&:active,
-	&.ck-on {
-		color: var(--ck-ai-button-tertiary-active-color);
-		background-color: var(--ck-ai-button-tertiary-active-background-color);
-
-		&:hover:not(.ck-disabled) {
-			color: var(--ck-ai-button-tertiary-hover-active-color);
-			background-color: var(--ck-ai-button-tertiary-hover-active-background-color);
-		}
-	}
-
-	/* stylelint-disable-next-line no-descending-specificity */
-	&:hover:not(.ck-disabled, :active, .ck-on) {
-		color: var(--ck-ai-button-tertiary-hover-color);
-		background-color: var(--ck-ai-button-tertiary-hover-background-color);
-	}
-
-	& > .ck-icon {
-		--ck-icon-size: 16px;
-	}
-
-	& .ck-dropdown__arrow {
-		display: none;
-	}
-
-	/* svg {
-		margin-right: 0;
-		width: auto;
-		font-size: 1em;
-	} */
-}

package/theme/aichat/aichat-controls/aichat-controls-loader.css

@@ -1,77 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-ai-chat-controls-loader-icon-dot-color: hsl(216, 5%, 81%);
-	--ck-ai-chat-controls-loader-icon-dot-active-color: hsl(0, 0%, 20%);
-	--ck-ai-chat-controls-loader-color: hsla(0, 0%, 44%, 1);
-	--ck-ai-loader-dot-pulse-dot-size: 6px;
-	--ck-ai-loader-dot-pulse-width: 40px;
-	--ck-ai-loader-dot-pulse-height: 20px;
-	--ck-ai-loader-dot-pulse-border-radius: 8px;
-	--ck-ai-loader-dot-pulse-animation-delay: 0.3s;
-}
-
-.ck-ai-chat-controls {
-	.ck-ai-chat-controls-loader {
-		display: flex;
-		align-items: center;
-		color: var(--ck-ai-chat-controls-loader-color);
-
-		& .ck-ai-chat-controls-loader-icon {
-			box-sizing: border-box;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			width: var(--ck-ai-loader-dot-pulse-width);
-			height: var(--ck-ai-loader-dot-pulse-height);
-			margin-inline-end: var(--ck-spacing-standard);
-			padding: var(--ck-spacing-small) var(--ck-spacing-medium-small);
-			border-radius: var(--ck-ai-loader-dot-pulse-border-radius);
-			background-color: var(--ck-ai-chat-controls-loader-icon-color);
-		}
-
-		& .ck-ai-chat-controls-loader-icon-dot {
-			width: var(--ck-ai-loader-dot-pulse-dot-size);
-			height: var(--ck-ai-loader-dot-pulse-dot-size);
-			border-radius: 50%;
-			background-color: var(--ck-ai-chat-controls-loader-icon-dot-color);
-			flex-shrink: 0;
-
-			animation: ck-ai-loader-dot-pulse var(--ck-ai-chat-controls-loader-animation-duration) infinite;
-
-			&:nth-child(1) {
-				animation-delay: 0s;
-			}
-
-			&:nth-child(2) {
-				animation-delay: var(--ck-ai-loader-dot-pulse-animation-delay);
-			}
-
-			&:nth-child(3) {
-				animation-delay: calc(var(--ck-ai-loader-dot-pulse-animation-delay) * 2);
-			}
-		}
-	}
-}
-
-.ck-ai-chat-controls-loader-wrapper {
-	display: flex;
-	justify-content: space-between;
-}
-
-@keyframes ck-ai-loader-dot-pulse {
-	0%, 80%, 100% {
-		background-color: var(--ck-ai-chat-controls-loader-icon-dot-color);
-	}
-
-	40% {
-		background-color: var(--ck-ai-chat-controls-loader-icon-dot-active-color);
-	}
-}

package/theme/aichat/aichat-controls/model-unavailable-message.css

@@ -1,39 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-ai-chat-controls-model-unavailable-message {
-	border: 1px solid hsl(262, 51%, 80%);
-	border-radius: 4px;
-	background-color: hsla(263, 59%, 52%, 0.051);
-
-	p {
-		white-space: normal;
-		line-height: 1.4;
-		padding: var(--ck-spacing-large);
-
-		button.ck-ai-chat-controls__start-new-chat-button {
-			background: none;
-			border: none;
-			padding: 0;
-			cursor: default;
-			vertical-align: baseline;
-			color: var(--ck-ai-chat-color-text);
-			text-decoration: underline;
-
-			&:hover {
-				background: none;
-			}
-
-			&:active, &:focus {
-				background: none;
-				box-shadow: none;
-			}
-		}
-	}
-}

package/theme/aichat/aichat-controls/prompt-capabilities.css

@@ -1,45 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-ai-chat-controls .ck-ai-chat__prompt-capabilities {
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding-top: var(--ck-spacing-medium-small);
-	gap: var(--ck-spacing-medium-small);
-	padding-inline-end: calc(var(--ck-ui-component-min-height) + var(--ck-spacing-medium));
-
-	& .ck-ai-chat-controls-button {
-		&:not(.ck-button_with-text) {
-			margin: 0;
-			padding: var(--ck-spacing-tiny);
-		}
-
-		& > .ck-icon {
-			--ck-icon-size: 16px;
-		}
-	}
-
-	& .ck-ai-chat-controls-button--commands {
-		margin-inline-start: auto;
-		margin-inline-end: 0;
-		margin-block-start: 0;
-		margin-block-end: 0;
-		padding: 0;
-		/*
-		 * TODO: Remove this when the commands button is implemented.
-		 */
-		visibility: hidden;
-		pointer-events: none;
-	}
-
-	& .ck-ai-chat-controls__model-name {
-		color: var(--ck-ai-chat-color-icon);
-	}
-}

package/theme/aichat/aichat-controls/prompt-input.css

@@ -1,78 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
-
-:root {
-	--ck-color-ai-chat-prompt-input-animation-background: hsl(55 100% 95% / 1);
-	--ck-ai-chat-prompt-input-animation: ck-ai-chat-prompt-input-glow .8s ease-in-out;
-}
-
-.ck.ck-ai-chat__prompt-input.ck-search {
-	& .ck-labeled-field-view {
-		width: 100%;
-
-		.ck-labeled-field-view__status_error {
-			line-height: 1.4em;
-		}
-	}
-
-	& .ck-labeled-field-view__input-wrapper {
-		.ck.ck-input.ck-textarea {
-			line-height: calc(var(--ck-font-size-base) * 2);
-
-			/* The padding is used to make space for the add context button. */
-			@mixin ck-dir ltr {
-				padding-right: 2.6em;
-			}
-
-			@mixin ck-dir rtl {
-				padding-left: 2.6em;
-			}
-		}
-
-		& > .ck.ck-label {
-			visibility: hidden;
-		}
-	}
-
-	/**
-	 * When the focus is moved to the prompt input using the focus() method, the background color
-	 * can be highlighted for a short time to capture the user's attention.
-	 */
-	&.ck-ai-chat__prompt-input_highlighted .ck.ck-input.ck-textarea {
-		animation: var(--ck-ai-chat-prompt-input-animation);
-	}
-
-	& .ck-ai-chat__prompt-submit-button {
-		height: auto;
-		align-self: flex-end;
-		margin-left: var(--ck-spacing-medium);
-		background-color: var(--ck-ai-background-color-action-button);
-		color: var(--ck-ai-font-color-action-button);
-
-		&.ck-disabled {
-			opacity: var(--ck-disabled-opacity);
-		}
-
-		& > svg {
-			opacity: 1;
-		}
-	}
-}
-
-@keyframes ck-ai-chat-prompt-input-glow {
-	0% {
-		background: var(--ck-color-ai-chat-prompt-input-animation-background);
-	}
-
-	100% {
-		background: var(--ck-color-input-background);
-	}
-}

package/theme/aichat/aichat-controls.css

@@ -1,121 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck.ck-ai-chat-controls {
-	padding: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-standard);
-	line-height: var(--ck-form-header-height);
-	border-top: var(--ck-ai-chat-border-width) solid var(--ck-color-base-border);
-
-	/* When loader wrapper (second child) is visible, bottom padding should be larger to match the top one. */
-	&:has(>:first-child.ck-hidden) {
-		padding-bottom: var(--ck-spacing-large);
-	}
-
-	&.ck-ai-chat-controls-disabled {
-		opacity: 0.5;
-		pointer-events: none;
-		cursor: default;
-	}
-
-	& .ck-ai-chat-controls__model-selection {
-		line-height: 0;
-
-		& .ck-dropdown__panel.ck-dropdown__panel_ne {
-			top: auto;
-			padding-top: .5em;
-			width: 426px;
-			max-width: max-content;
-			max-height: 600px;
-			overflow-y: scroll;
-		}
-
-		& .ck-button.ck-dropdown__button {
-			border: 0;
-			font-size: .9em;
-			margin-inline-end: 0;
-			padding-top: 0;
-			padding-bottom: 0;
-			min-height: auto;
-
-			&.ck-on .ck-dropdown__arrow {
-				transform: rotate(180deg);
-			}
-
-			.ck-button__label {
-				width: auto;
-			}
-		}
-
-		& .ck-list {
-			& > .ck-list__item {
-				&:not(:last-child) {
-					margin-bottom: var(--ck-spacing-medium-small);
-				}
-
-				& > .ck-button {
-					align-items: start;
-
-					&:hover:not(.ck-disabled) {
-						background-color: var(--ck-ai-button-secondary-hover-background-color);
-					}
-
-					& > .ck-list-item-button__check-holder {
-						height: 1.2em;
-						flex-shrink: 0;
-
-						& > .ck-list-item-button__check-icon {
-							padding-top: 2px;
-						}
-					}
-
-					& > .ck-button__label {
-						line-height: 1.3;
-
-						& > .ck-ai-chat-controls__model-selection__item-name {
-							line-height: 1.3;
-							font-weight: 500;
-						}
-
-						& > .ck-ai-chat-controls__model-selection__item-description {
-							line-height: 1.3;
-							padding-top: var(--ck-spacing-tiny);
-
-							& > span {
-								color: var(--ck-ai-chat-color-icon);
-								line-height: 1;
-								white-space: normal;
-							}
-						}
-
-						& > .ck-ai-chat-controls__model-selection__item-capabilities {
-							line-height: 1.3;
-							--ck-icon-font-size: .5em;
-
-							& > span {
-								color: var(--ck-ai-chat-color-icon);
-
-								&:nth-of-type(2n) {
-									font-weight: bold;
-									display: inline-block;
-									width: 4ch;
-								}
-							}
-
-							& > .ck-icon {
-								margin-inline-end: var(--ck-spacing-standard);
-								color: var(--ck-ai-chat-color-icon);
-								fill: var(--ck-ai-chat-color-icon);
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}