superdoc 2.6.0-next.3 → 2.6.0-next.4

package/dist/style.layered.css

@@ -984,14 +984,14 @@ img[data-v-c95b2073] {
   height: 16px;
 }
 
-.comment-entry[data-v-cc54b489] {
+.comment-entry[data-v-e281414b] {
   box-sizing: border-box;
   border-radius: 8px;
   width: 100%;
   max-width: 100%;
   transition: all 250ms ease;
 }
-.superdoc-field[data-v-cc54b489] {
+.superdoc-field[data-v-e281414b] {
   display: block;
   box-sizing: border-box;
   width: 100%;
@@ -1008,13 +1008,13 @@ img[data-v-c95b2073] {
   line-height: 1.4;
   overflow-y: hidden;
 }
-.superdoc-field[data-v-cc54b489]:focus {
+.superdoc-field[data-v-e281414b]:focus {
   outline: none;
   border-color: #4f7cff;
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
 
-.comments-dialog[data-v-fd214e1f] {
+.comments-dialog[data-v-969c9a8f] {
   display: flex;
   flex-direction: column;
   padding: var(--sd-ui-comments-card-padding, 16px);
@@ -1033,73 +1033,73 @@ img[data-v-c95b2073] {
   overflow-wrap: break-word;
   word-break: break-word;
 }
-.comments-dialog[data-v-fd214e1f]:not(.is-active) {
+.comments-dialog[data-v-969c9a8f]:not(.is-active) {
   cursor: pointer;
 }
-.comments-dialog[data-v-fd214e1f]:not(.is-active):not(.is-resolved):hover {
+.comments-dialog[data-v-969c9a8f]:not(.is-active):not(.is-resolved):hover {
   background-color: var(--sd-ui-comments-card-hover-bg, #f3f6fd);
 }
-.comments-dialog[data-v-fd214e1f]:not(.is-resolved):hover .overflow-menu {
+.comments-dialog[data-v-969c9a8f]:not(.is-resolved):hover .overflow-menu {
   opacity: 1;
   pointer-events: auto;
 }
-.comments-dialog.is-active[data-v-fd214e1f] {
+.comments-dialog.is-active[data-v-969c9a8f] {
   background-color: var(--sd-ui-comments-card-active-bg, #ffffff);
   border-color: var(--sd-ui-comments-card-active-border, #e0e0e0);
   box-shadow: var(--sd-ui-comments-card-shadow, 0px 4px 12px 0px rgba(50, 50, 50, 0.15));
   z-index: 10;
 }
-.comments-dialog.is-resolved[data-v-fd214e1f] {
+.comments-dialog.is-resolved[data-v-969c9a8f] {
   background-color: var(--sd-ui-comments-card-resolved-bg, #f0f0f0);
 }
-.comment-separator[data-v-fd214e1f] {
+.comment-separator[data-v-969c9a8f] {
   background-color: var(--sd-ui-comments-separator, #e0e0e0);
   height: 1px;
   width: 100%;
   margin: 10px 0;
 }
-.comment[data-v-fd214e1f] {
+.comment[data-v-969c9a8f] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.comment[data-v-fd214e1f] p {
+.comment[data-v-969c9a8f] p {
   margin: 0;
 }
-.tracked-change[data-v-fd214e1f] {
+.tracked-change[data-v-969c9a8f] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.5;
   color: var(--sd-ui-comments-body-text, #212121);
   margin: 4px 0 0 0;
 }
-.change-type[data-v-fd214e1f] {
+.change-type[data-v-969c9a8f] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text[data-v-fd214e1f] {
+.tracked-change-text[data-v-969c9a8f] {
   color: var(--sd-ui-comments-body-text, #212121);
 }
-.tracked-change-text.is-deleted[data-v-fd214e1f] {
+.tracked-change-text.is-deleted[data-v-969c9a8f] {
   color: var(--sd-ui-comments-delete-text, #cb0e47);
 }
-.tracked-change-text.is-inserted[data-v-fd214e1f] {
+.tracked-change-text.is-inserted[data-v-969c9a8f] {
   color: var(--sd-ui-comments-insert-text, #1f6feb);
   font-weight: 500;
 }
-.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-fd214e1f] {
+.tracked-change[data-track-change-semantic-color-key='move-from'] .tracked-change-text.is-deleted[data-v-969c9a8f] {
   color: var(--sd-ui-comments-move-from-text, #00853d);
 }
-.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-fd214e1f] {
+.tracked-change[data-track-change-semantic-color-key='move-to'] .tracked-change-text.is-inserted[data-v-969c9a8f] {
   color: var(--sd-ui-comments-move-to-text, #00853d);
 }
-.tracked-change-detail-lines[data-v-fd214e1f] {
+.tracked-change-detail-lines[data-v-969c9a8f] {
   margin-top: 4px;
 }
-.tracked-change-detail-line[data-v-fd214e1f] {
+.tracked-change-detail-line[data-v-969c9a8f] {
   font-size: 12px;
   line-height: 1.4;
 }
-.tracked-change-image-preview[data-v-fd214e1f] {
+.tracked-change-image-preview[data-v-969c9a8f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1110,7 +1110,7 @@ img[data-v-c95b2073] {
   max-width: 96px;
   max-height: 96px;
 }
-.tracked-change-image-preview__image[data-v-fd214e1f] {
+.tracked-change-image-preview__image[data-v-969c9a8f] {
   display: block;
   width: auto;
   height: auto;
@@ -1120,7 +1120,7 @@ img[data-v-c95b2073] {
 }
 
 /* ── Failed tracked-change decision alert (SD-3772 §6) ── */
-.tracked-change-decision-alert[data-v-fd214e1f] {
+.tracked-change-decision-alert[data-v-969c9a8f] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1134,12 +1134,12 @@ img[data-v-c95b2073] {
   font-size: var(--sd-ui-comments-body-size, 14px);
   line-height: 1.4;
 }
-.tracked-change-decision-alert__retry[data-v-fd214e1f] {
+.tracked-change-decision-alert__retry[data-v-969c9a8f] {
   flex-shrink: 0;
 }
 
 /* ── Resolved badge ── */
-.resolved-badge[data-v-fd214e1f] {
+.resolved-badge[data-v-969c9a8f] {
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -1148,33 +1148,33 @@ img[data-v-c95b2073] {
   color: var(--sd-ui-comments-resolved-text, #00853d);
   margin-bottom: 4px;
 }
-.resolved-badge__icon[data-v-fd214e1f] {
+.resolved-badge__icon[data-v-969c9a8f] {
   display: inline-flex;
   width: 12px;
   height: 12px;
 }
-.resolved-badge__icon[data-v-fd214e1f] svg {
+.resolved-badge__icon[data-v-969c9a8f] svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 /* ── Text truncation ── */
-.comment.is-truncated[data-v-fd214e1f],
-.tracked-change.is-truncated[data-v-fd214e1f] {
+.comment.is-truncated[data-v-969c9a8f],
+.tracked-change.is-truncated[data-v-969c9a8f] {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   max-height: 4.5em;
   overflow: hidden;
 }
-.comment.is-scrollable[data-v-fd214e1f],
-.tracked-change.is-scrollable[data-v-fd214e1f] {
+.comment.is-scrollable[data-v-969c9a8f],
+.tracked-change.is-scrollable[data-v-969c9a8f] {
   max-height: 220px;
   overflow-y: auto;
   padding-right: 4px;
 }
-.show-more-toggle[data-v-fd214e1f] {
+.show-more-toggle[data-v-969c9a8f] {
   font-size: 12px;
   color: var(--sd-ui-action, #1355ff);
   cursor: pointer;
@@ -1182,12 +1182,12 @@ img[data-v-c95b2073] {
   margin-top: 4px;
   user-select: none;
 }
-.show-more-toggle[data-v-fd214e1f]:hover {
+.show-more-toggle[data-v-969c9a8f]:hover {
   text-decoration: underline;
 }
 
 /* ── Thread collapse ── */
-.collapsed-replies[data-v-fd214e1f] {
+.collapsed-replies[data-v-969c9a8f] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -1198,24 +1198,24 @@ img[data-v-c95b2073] {
   cursor: pointer;
   user-select: none;
 }
-.collapsed-replies[data-v-fd214e1f]:hover {
+.collapsed-replies[data-v-969c9a8f]:hover {
   text-decoration: underline;
 }
-.collapsed-avatars[data-v-fd214e1f] {
+.collapsed-avatars[data-v-969c9a8f] {
   display: flex;
 }
-.collapsed-avatars .mini-avatar[data-v-fd214e1f] {
+.collapsed-avatars .mini-avatar[data-v-969c9a8f] {
   --sd-comment-avatar-size: 20px;
   --sd-comment-avatar-font-size: 8px;
   margin-left: -4px;
   border: 2px solid var(--sd-ui-comments-card-active-bg, #ffffff);
 }
-.collapsed-avatars .mini-avatar[data-v-fd214e1f]:first-child {
+.collapsed-avatars .mini-avatar[data-v-969c9a8f]:first-child {
   margin-left: 0;
 }
 
 /* ── New comment input ── */
-.new-comment-input-wrapper[data-v-fd214e1f] {
+.new-comment-input-wrapper[data-v-969c9a8f] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1224,17 +1224,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.new-comment-input-wrapper[data-v-fd214e1f]:focus-within {
+.new-comment-input-wrapper[data-v-969c9a8f]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.new-comment-input-wrapper[data-v-fd214e1f] .comment-entry {
+.new-comment-input-wrapper[data-v-969c9a8f] .comment-entry {
   border-radius: 0;
 }
-.new-comment-input-wrapper[data-v-fd214e1f] .input-section {
+.new-comment-input-wrapper[data-v-969c9a8f] .input-section {
   margin: 0;
 }
-.new-comment-input-wrapper[data-v-fd214e1f] .superdoc-field {
+.new-comment-input-wrapper[data-v-969c9a8f] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1245,18 +1245,18 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.new-comment-input-wrapper[data-v-fd214e1f] .superdoc-field:focus,
-.new-comment-input-wrapper[data-v-fd214e1f] .superdoc-field:active {
+.new-comment-input-wrapper[data-v-969c9a8f] .superdoc-field:focus,
+.new-comment-input-wrapper[data-v-969c9a8f] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.new-comment-input-wrapper[data-v-fd214e1f] .sd-editor-placeholder::before {
+.new-comment-input-wrapper[data-v-969c9a8f] .sd-editor-placeholder::before {
   content: 'Comment or add others with @';
 }
 
 /* ── Reply pill & expanded input ── */
-.reply-pill[data-v-fd214e1f] {
+.reply-pill[data-v-969c9a8f] {
   width: 100%;
   padding: 8.5px 10.5px;
   border: 1.5px solid transparent;
@@ -1270,16 +1270,16 @@ img[data-v-c95b2073] {
   cursor: text;
   transition: background 150ms ease;
 }
-.reply-pill[data-v-fd214e1f]:hover {
+.reply-pill[data-v-969c9a8f]:hover {
   background: var(--sd-color-gray-200, #f2f2f2);
 }
-.reply-pill[data-v-fd214e1f]:disabled {
+.reply-pill[data-v-969c9a8f]:disabled {
   cursor: not-allowed;
 }
-.reply-expanded[data-v-fd214e1f] {
+.reply-expanded[data-v-969c9a8f] {
   margin-top: 10px;
 }
-.reply-input-wrapper[data-v-fd214e1f] {
+.reply-input-wrapper[data-v-969c9a8f] {
   border: 1.5px solid var(--sd-ui-comments-input-border, #dbdbdb);
   border-radius: 12px;
   padding: 8.5px 10.5px;
@@ -1287,17 +1287,17 @@ img[data-v-c95b2073] {
   max-height: 150px;
   overflow-y: auto;
 }
-.reply-input-wrapper[data-v-fd214e1f]:focus-within {
+.reply-input-wrapper[data-v-969c9a8f]:focus-within {
   border-color: var(--sd-ui-comments-input-focus-border, #4f7cff);
   box-shadow: 0 0 0 2px rgba(79, 124, 255, 0.16);
 }
-.reply-input-wrapper[data-v-fd214e1f] .comment-entry {
+.reply-input-wrapper[data-v-969c9a8f] .comment-entry {
   border-radius: 0;
 }
-.reply-input-wrapper[data-v-fd214e1f] .input-section {
+.reply-input-wrapper[data-v-969c9a8f] .input-section {
   margin: 0;
 }
-.reply-input-wrapper[data-v-fd214e1f] .superdoc-field {
+.reply-input-wrapper[data-v-969c9a8f] .superdoc-field {
   font-size: 14px;
   line-height: 20px;
   border: none;
@@ -1308,23 +1308,23 @@ img[data-v-c95b2073] {
   max-height: 132px;
   resize: none;
 }
-.reply-input-wrapper[data-v-fd214e1f] .superdoc-field:focus,
-.reply-input-wrapper[data-v-fd214e1f] .superdoc-field:active {
+.reply-input-wrapper[data-v-969c9a8f] .superdoc-field:focus,
+.reply-input-wrapper[data-v-969c9a8f] .superdoc-field:active {
   border: none;
   box-shadow: none;
   outline: none;
 }
-.reply-input-wrapper[data-v-fd214e1f] .sd-editor-placeholder::before {
+.reply-input-wrapper[data-v-969c9a8f] .sd-editor-placeholder::before {
   content: 'Reply or add others with @';
 }
-.reply-actions[data-v-fd214e1f] {
+.reply-actions[data-v-969c9a8f] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 16px;
   margin-top: 8px;
 }
-.reply-btn-cancel[data-v-fd214e1f] {
+.reply-btn-cancel[data-v-969c9a8f] {
   background: none;
   border: none;
   font-size: 13px;
@@ -1335,10 +1335,10 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: color 150ms;
 }
-.reply-btn-cancel[data-v-fd214e1f]:hover {
+.reply-btn-cancel[data-v-969c9a8f]:hover {
   color: var(--sd-ui-text, #212121);
 }
-.reply-btn-primary[data-v-fd214e1f] {
+.reply-btn-primary[data-v-969c9a8f] {
   background: var(--sd-ui-action, #1355ff);
   border: none;
   font-size: 13px;
@@ -1350,19 +1350,19 @@ img[data-v-c95b2073] {
   font-family: inherit;
   transition: background 150ms;
 }
-.reply-btn-primary[data-v-fd214e1f]:hover {
+.reply-btn-primary[data-v-969c9a8f]:hover {
   background: var(--sd-ui-action-hover, #0f44cc);
 }
-.reply-btn-primary.sd-is-disabled[data-v-fd214e1f] {
+.reply-btn-primary.sd-is-disabled[data-v-969c9a8f] {
   background: var(--sd-color-gray-400, #dbdbdb);
   color: var(--sd-color-gray-600, #888888);
   cursor: default;
   pointer-events: none;
 }
-.existing-internal-input[data-v-fd214e1f] {
+.existing-internal-input[data-v-969c9a8f] {
   margin-bottom: 10px;
 }
-.sd-internal-dropdown[data-v-fd214e1f] {
+.sd-internal-dropdown[data-v-969c9a8f] {
   display: inline-block;
 }
 

package/dist/superdoc/src/components/CommentsLayer/CommentDialog.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import('vue').DefineComponent<{}, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     commentDialogElement: HTMLDivElement;
     commentInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
-        focus: () => void;
+        focus: (options: any) => void;
         $emit: (event: "focus", ...args: any[]) => void;
         config: Record<string, any>;
         users: unknown[];
@@ -45,7 +45,7 @@ declare const _default: import('vue').DefineComponent<{}, {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{}>, {
-        focus: () => void;
+        focus: (options: any) => void;
         $emit: (event: "focus", ...args: any[]) => void;
         config: Record<string, any>;
         users: unknown[];

package/dist/superdoc/src/components/CommentsLayer/CommentInput.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import('vue').DefineComponent<{}, {
-    focus: () => void;
+    focus: (options: any) => void;
     $emit: (event: "focus", ...args: any[]) => void;
     config: Record<string, any>;
     users: unknown[];

package/dist/superdoc.cjs

@@ -12042,8 +12042,8 @@ var _sfc_main$34 = {
 		const { currentCommentText } = storeToRefs(useCommentsStore());
 		const inputRef = (0, vue.ref)(null);
 		const handleFocusChange = (focused) => emit("focus", focused);
-		const focus = () => {
-			inputRef.value?.focus?.();
+		const focus = (options) => {
+			inputRef.value?.focus?.(options);
 		};
 		const syncInputHeight = () => {
 			const input = inputRef.value;
@@ -12100,7 +12100,7 @@ var _sfc_main$34 = {
 		};
 	}
 };
-var CommentInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-cc54b489"]]);
+var CommentInput_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$34, [["__scopeId", "data-v-e281414b"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentDialog.vue
 var _hoisted_1$26 = [
@@ -13023,7 +13023,7 @@ var _sfc_main$33 = {
 		(0, vue.onMounted)(() => {
 			if (props.autoFocus) (0, vue.nextTick)(() => setFocus());
 			if (isPendingNewComment.value) (0, vue.nextTick)(() => {
-				commentInput.value?.focus?.();
+				commentInput.value?.focus?.({ preventScroll: true });
 			});
 			(0, vue.nextTick)(() => {
 				const commentId = props.floatingInstanceId ?? (props.comment.importedId !== void 0 ? props.comment.importedId : props.comment.commentId);
@@ -13037,7 +13037,7 @@ var _sfc_main$33 = {
 		(0, vue.watch)(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			(0, vue.nextTick)(() => {
-				commentInput.value?.focus?.();
+				commentInput.value?.focus?.(isPendingNewComment.value ? { preventScroll: true } : void 0);
 			});
 		}, { immediate: true });
 		(0, vue.watch)(editingCommentId, (commentId) => {
@@ -13285,7 +13285,7 @@ var _sfc_main$33 = {
 		};
 	}
 };
-var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$33, [["__scopeId", "data-v-fd214e1f"]]);
+var CommentDialog_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(_sfc_main$33, [["__scopeId", "data-v-969c9a8f"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -43283,7 +43283,7 @@ var SuperDoc = class extends require_eventemitter3.import_eventemitter3.default
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.6.0-next.3";
+		this.version = "2.6.0-next.4";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || require_uuid.v4();
 		this.colors = this.config.colors ?? [];

package/dist/superdoc.es.js

@@ -12037,8 +12037,8 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		const { currentCommentText } = storeToRefs(useCommentsStore());
 		const inputRef = ref(null);
 		const handleFocusChange = (focused) => emit("focus", focused);
-		const focus = () => {
-			inputRef.value?.focus?.();
+		const focus = (options) => {
+			inputRef.value?.focus?.(options);
 		};
 		const syncInputHeight = () => {
 			const input = inputRef.value;
@@ -12094,7 +12094,7 @@ var CommentInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			}, null, 544), [[vModelText, commentDraft.value]])], 2)]);
 		};
 	}
-}, [["__scopeId", "data-v-cc54b489"]]);
+}, [["__scopeId", "data-v-e281414b"]]);
 //#endregion
 //#region src/components/CommentsLayer/CommentDialog.vue
 var _hoisted_1$26 = [
@@ -13017,7 +13017,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		onMounted(() => {
 			if (props.autoFocus) nextTick(() => setFocus());
 			if (isPendingNewComment.value) nextTick(() => {
-				commentInput.value?.focus?.();
+				commentInput.value?.focus?.({ preventScroll: true });
 			});
 			nextTick(() => {
 				const commentId = props.floatingInstanceId ?? (props.comment.importedId !== void 0 ? props.comment.importedId : props.comment.commentId);
@@ -13031,7 +13031,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		watch(showInputSection, (isVisible) => {
 			if (!isVisible) return;
 			nextTick(() => {
-				commentInput.value?.focus?.();
+				commentInput.value?.focus?.(isPendingNewComment.value ? { preventScroll: true } : void 0);
 			});
 		}, { immediate: true });
 		watch(editingCommentId, (commentId) => {
@@ -13278,7 +13278,7 @@ var CommentDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 			], 64))], 14, _hoisted_1$26)), [[_directive_click_outside, handleClickOutside]]);
 		};
 	}
-}, [["__scopeId", "data-v-fd214e1f"]]);
+}, [["__scopeId", "data-v-969c9a8f"]]);
 //#endregion
 //#region src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue
 var _hoisted_1$25 = [
@@ -43216,7 +43216,7 @@ var SuperDoc = class extends import_eventemitter3.default {
 		this.config.colors = shuffleArray(this.config.colors);
 		this.userColorMap = /* @__PURE__ */ new Map();
 		this.colorIndex = 0;
-		this.version = "2.6.0-next.3";
+		this.version = "2.6.0-next.4";
 		this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
 		this.superdocId = config.superdocId || v4();
 		this.colors = this.config.colors ?? [];