@use '../base/common/base-variables' as *;

$ai-assist-scrollbar-width: 6px !default;
$suggesstions-list-border-radius: $radius-8 !default;
$suggesstions-font-weight: 400 !default;
$suggesstions-list-padding: 8px 12px !default;
$suggesstions-list-margin: 0 0 12px 12px !default;
$suggesstions-list-margin-rtl: 0 12px 12px 0 !default;
$suggesstions-header-font-weight: 500 !default;
$prompt-text-padding: 5px 8px !default;
$prompt-text-min-height: 32px !default;
$response-stopper-font-weight: 600 !default;
$response-stopper-font-size: 16px !default;
$response-stopper-line-height: 18px !default;
$response-stopper-height: 32px !default;
$aiassist-header-height: 49px !default;
$aiassist-icon-height: 30px !default;
$aiassist-icon-width: 30px !default;
$send-icon-size: 14px !default;
$clear-icon-size: 14px !default;
$aiassist-bigger-header-height: 57px !default;
$aiassist-bigger-icon-height: 40px !default;
$aiassist-bigger-icon-width: 40px !default;
$send-icon-size-bigger: 16px !default;
$clear-icon-size-bigger: 16px !default;
$response-stopper-bigger-height: 40px !default;
$response-stopper-bigger-line-height: 24px !default;
$response-stopper-bigger-font-weight: 600 !default;
$response-stopper-bigger-font-size: 16px !default;
$prompt-text-bigger-padding: 7px 12px !default;
$suggesstions-header-bigger-font-weight: 500 !default;
$suggesstions-bigger-list-padding: 8px 12px !default;
$suggesstions-bigger-list-margin: 0 0 16px 16px !default;
$suggesstions-bigger-list-margin-rtl: 0 16px 16px 0 !default;
$suggesstions-bigger-font-weight: 400 !default;
$prompt-text-border-radius: $radius-8 !default;
$assist-footer-icons-gap: 8px !default;
$assist-footer-icons-padding: 4px 8px 4px 0 !default;
$assist-footer-icons-rtl-padding: 4px 0 4px 8px !default;
$assist-textarea-min-height: 40px !default;
$assist-textarea-line-height: 20px !default;
$assist-textarea-padding: 10px 12px !default;
$assist-footer-border-radius: $radius-6 !default;
$assist-footer-icons-gap-bigger: 8px !default;
$assist-footer-icons-padding-bigger: 5px 8px 5px 0 !default;
$assist-footer-icons-rtl-padding-bigger: 5px 0 5px 8px !default;
$assist-textarea-min-height-bigger: 50px !default;
$assist-textarea-line-height-bigger: 24px !default;
$assist-textarea-padding-bigger: 13px 12px !default;
$assist-focused-border-width: 1px !default;

$assist-footer-border-color: $border !default;
$assist-footer-border-btm-color: $border !default;
$assist-footer-wave-color: unset !default;
$assist-placeholder-color: $placeholder-text-color !default;
$assist-footer-focus-bdr-color: $primary-bg-color !default;
$assist-footer-border-shadow: 0 0 0 1px $primary !default;
$header-text-color: $content-text-color !default;
$header-active-text-color: $primary-bg-color !default;
$response-text-color: $content-text-color !default;
$scrollbar-color: $border !default;
$suggested-content-bg-color: $content-bg-color-alt2 !default;
$suggested-content-text-color: $content-text-color-alt2 !default;
$suggesstions-header-color: $content-text-color !default;
$icon-border-color: $content-bg-color !default;
$user-logo-color: $icon-color !default;
$user-logo-bg-color: $content-bg-color-alt2 !default;
$assist-header-border-bottom-color: $primary-bg-color !default;
$assist-view-bg-color: $content-bg-color !default;
$assist-view-border-color: $border !default;
$response-stopper-border-color: $primary-lighter !default;
$response-stopper-item-color: $primary-bg-color !default;
$response-stopper-bg-color: $primary-lighter !default;
$suggestion-li-border-color: $content-bg-color !default;
$response-stopper-box-shadow: $fab-shadow !default;
$suggestion-li-box-shadow: $shadow !default;
$rating-selected-bg-color: $rating-selected-color !default;
$send-icon-color: $icon-color !default;
$send-icon-disabled-color: $icon-color-disabled !default;
$prompt-text-border-color: $content-bg-color !default;
$tbar-header-btn-focus-box-shadow: $shadow-focus-ring1 !default;
$tbar-header-hover-bg-color: transparent !default;

// Attachment support related styles
$assist-attachment-icon-font-size: $send-icon-size !default;
$assist-attachment-icon-font-size-bigger: $send-icon-size-bigger !default;

$file-progress-bar-success-color: $primary !default;
$file-progress-bar-failure-color: $danger !default;
$file-progress-bar-bg-color: rgba(156, 163, 175, 1) !default;

$file-failure-font-color: $msg-danger-color-alt2 !default;
$file-failure-bg-color: $msg-danger-bg-color-alt2 !default;
$file-failure-border: 1px solid $msg-danger-border-color-alt2 !default;
$file-failure-padding: 13px 12px !default;
$file-failure-border-radius: $radius-8 !default;
$file-failure-msg-font-size: 14px !default;
$file-failure-msg-line-height: 20px !default;
$file-failure-close-icon-font-size: 16px !default;
$file-failure-close-icon-line-height: 16px !default;
$file-failure-circle-close-icon-color: $msg-danger-icon-color-alt2 !default;
$file-failure-circle-close-icon-font-size: 16px !default;
$file-failure-circle-close-icon-margin: 12px !default;

$prompt-uploded-file-padding: 8px !default;
$prompt-uploded-file-border-radius: $radius-4 !default;
$prompt-uploded-file-bg-color: $content-bg-color-alt2 !default;
$attached-file-border-color: $border-light !default;
$attached-file-bg-color: $content-bg-color !default;
$attached-file-details-padding: 4px 4px 4px 2px !default;
$attached-file-text-font-size: 10px !default;
$attached-file-text-line-height: 14px !default;
$attached-file-size-color: $content-text-color-alt3 !default;
$attached-file-text-font-weight: 500 !default;
$attached-file-clear-icon-padding: 10px 8px !default;
$prompt-files-container-margin: 4px !default;
$prompt-files-margin: 2px 4px 0 !default;

$bigger-prompt-uploded-file-border-radius: $radius-8 !default;
$bigger-prompt-uploded-file-padding: 8px 12px !default;
$bigger-prompt-files-container-margin: 4px 8px !default;
$bigger-prompt-files-margin: 4px 4px 0 !default;
$bigger-attached-file-details-padding: 4px 4px 4px 2px !default;
$bigger-attached-file-clear-icon-padding: 10px 8px !default;
$bigger-file-failure-padding: 16px !default;
$bigger-file-failure-border-radius: $radius-4 !default;
$bigger-file-failure-close-icon-font-size: 18px !default;
$bigger-file-failure-close-icon-line-height: 20px !default;
$bigger-file-failure-msg-font-size: 16px !default;
$bigger-file-failure-msg-line-height: 24px !default;
$bigger-file-failure-circle-close-icon-font-size: 18px !default;
$bigger-file-failure-circle-close-icon-margin: 12px !default;

$ai-assist-border: 1px !default;
$view-header-border-bottom: 1px !default;
$toolbar-item-border-radius: $radius-4 !default;
$custom-view-header-padding: 0 !default;
$tbar-btn-padding: 0 !default;
$assist-btn-icon-padding: 4px 4px 4px 2px !default;
$upload-failure-alert-bottom: 8px !default;
$prompt-toolbar-margin-left: 0 !default;
$custom-view-header-margin-left: 12px !default;
$custom-view-header-margin-right: 12px !default;
$assist-view-header-margin-left: 0 !default;
$toolbar-rtl-margin-left: 8px !default;
$toolbar-rtl-margin-right: 0 !default;
$toolbar-items-last-child-margin-left: 8px !default;
$tbar-btn-text-padding: 6px 2px !default;
$output-container-margin: 5px 0 !default;
$prompt-icon-margin: 0 0 0 8px !default;
$output-icon-margin: 0 4px 0 8px !default;
$loading-footer-padding: 2px 0 0 6px !default;
$content-container-margin-top: 16px !default;
$content-container-font-size: 14px !default;
$prompt-text-line-height: 20px !default;
$prompt-container-gap: 2px !default;
$prompt-container-margin-bottom: 5px !default;
$suggestion-header-font-size: 14px !default;
$suggestion-header-margin: 0 2px 8px 8px !default;
$suggestion-item-template-padding: 0 !default;
$suggestion-item-ul-padding: 0 !default;
$suggestion-item-ul-margin: 0 !default;
$suggestion-li-line-height: 20px !default;
$content-body-line-height: 25px !default;
$content-body-border-radius: $radius-4 !default;
$content-body-font-weight: 600 !default;
$h4-h5-line-height: 28px !default;
$h1-font-size: 32px !default;
$h1-line-height: 40px !default;
$h2-font-size: 28px !default;
$h2-line-height: 36px !default;
$h3-font-size: 24px !default;
$h3-line-height: 32px !default;
$h4-font-size: 22px !default;
$h5-font-size: 20px !default;
$h6-font-size: 16px !default;
$h6-line-height: 20px !default;
$content-body-li-line-height: 24.5px !default;
$content-body-pre-padding: 12px 0 12px 12px !default;
$content-body-tr-padding: 6px !default;
$content-body-blockquote-padding-left: 7px !default;
$content-body-svg-img-padding: 12px !default;
$content-body-svg-img-border-radius: $radius-4 !default;
$content-body-code-border-radius: $radius-4 !default;
$content-body-code-padding: 0 4px !default;
$webkit-scrollbar-border-radius: $radius-10 !default;
$footer-margin: 0 auto 24px !default;
$assist-textarea-border-radius: $radius-10 !default;
$assist-textarea-font-size: 14px !default;
$banner-view-margin-left: 10px !default;
$stop-response-border-radius: $border-radius-50p !default;
$stop-response-border: 1px solid !default;
$stop-response-margin-bottom: 16px !default;
$custom-view-header-btn-icon-padding: 4px 2px 4px 4px !default;
$rtl-suggestion-header-margin: 0 8px 8px 2px !default;
$content-body-padding-left: unset !default;
$content-body-border-left: unset !default;
$content-body-padding-right: 7px !default;
$rtl-loading-footer-padding: 2px 6px 0 0 !default;
$rtl-prompt-icon-margin: 0 8px 0 0 !default;
$rtl-output-icon-margin: 0 8px 0 4px !default;
$rtl-footer-icons-wrapper-padding: unset !default;
$uploaded-file-item-bottom: 4px !default;
$uploaded-file-item-border-radius: $radius-4 !default;
$file-details-padding-right: 12px !default;
$assist-clear-icon-border-radius: $radius-6 !default;
$assist-progress-bar-border-radius: $radius-4 !default;
$prompt-content-padding-right: 8px !default;
$rtl-prompt-content-padding: 0 0 0 8px !default;
$view-container-margin: 0 auto 10px auto !default;
$prompt-output-icon-border-radius: $border-radius-50p !default;

$bigger-view-header-padding: 0 !default;
$bigger-tbar-btn-padding: 0 !default;
$bigger-btn-icon-padding: 4px 4px 4px 2px !default;
$bigger-loading-footer-padding: 6px 0 0 6px !default;
$bigger-prompt-text-line-height: 22px !default;
$bigger-content-container-font-size: 16px !default;
$bigger-suggestion-header-font-size: 16px !default;
$bigger-suggestion-header-margin-bottom: 15px !default;
$bigger-suggestion-item-padding: 0 !default;
$bigger-suggestion-li-line-height: 22px !default;
$bigger-assist-textarea-font-size: 16px !default;
$bigger-stop-response-margin-bottom: 20px !default;
$bigger-rtl-btn-icon-padding: 4px 2px 4px 4px !default;
$bigger-rtl-loading-footer-padding: 6px 6px 0 0 !default;
$bigger-footer-icons-wrapper-right: unset !default;
$bigger-assist-file-details-right: 15px !default;

$suggestion-li-border: 1px !default;
$prompt-text-border: 1px !default;
$assist-view-border: 1px !default;
$assist-blockquote-border: 4px !default;
$assist-footer-border: 1px !default;
$suggested-content-border: 4px !default;
$attached-file-border: 1px !default;
$assist-view-toolbar-border: unset !default;
$prompt-output-icon-border: 1px !default;

$toolbar-item-height: 3px !default;
$prompt-text-height: fit-content !default;
$content-body-svg-img-height: inherit !default;
$assistview-content-section-height: 100% !default;
$assist-textarea-height: 100% !default;
$assist-progress-fill-height: 3px !default;
$toolbar-left-height: calc($aiassist-header-height - 1px) !default;
$view-content-height: calc(100% - $aiassist-header-height) !default;
$toolbar-left-bigger-height: calc($aiassist-bigger-header-height - 1px) !default;
$view-content-bigger-height: calc(100% - $aiassist-bigger-header-height) !default;
$ai-assist-scrollbar-height: 6px !default;
$bigger-suggestion-li-height: 40px !default;
$suggestion-li-height: 36px !default;
$prompt-uploaded-files-gap: 6px !default;
$assist-drop-area-gap: 6px !default;
$assist-multirow-footer-icons-padding: 4px 8px !default;
$assist-multirow-footer-icons-padding-bigger: 4px 8px !default;
$prompt-uploaded-files-gap-bigger: 6px !default;
$response-stopper-width: 32px !default;
$response-stopper-bigger-width: 40px !default;
$assist-stop-padding: 8px !default;
$assist-stop-padding-bigger: 11px !default;
$assist-footer-tbar-min-height: 32px !default;
$assist-footer-tbar-min-height-bigger: 40px !default;
$assist-footer-stt-btn-border-radius: 4px !default;

// Thinking support related styles

$thinking-single-stage-container-border-color: $secondary-border-color !default;
$thinking-content-color: $content-text-color-alt1 !default;
$thinking-inline-context-color: $secondary-text-color !default;
$thinking-timeline-progressline-color: $border-light !default;
$thinking-timeline-progress-indicator-min-width: 32px !default;
$thinking-timeline-progress-indicator-min-height: 32px !default;
$thinking-timeline-progress-indicator-font-size: 16px !default;
$thinking-timeline-progress-indicator-min-width-bigger: 40px !default;
$thinking-timeline-progress-indicator-min-height-bigger: 40px !default;
$thinking-timeline-progress-indicator-font-size-bigger: 18px !default;
$aiassist-thinking-progress-line-height: 12px !default;
$aiassist-thinking-progress-line-height-bigger: 10px !default;

$aiassist-thinking-toggle-font-size: 12px !default;
$aiassist-thinking-toggle-line-height: 16px !default;
$aiassist-thinking-toggle-icon-font-size: 12px !default;
$aiassist-thinking-toggle-icon-line-height: 100% !default;
$aiassist-thinking-context-icon-font-size: 12px !default;
$aiassist-thinking-context-icon-line-height: 100% !default;
$aiassist-thinking-context-badge-font-size: 12px !default;
$aiassist-thinking-context-badge-line-height: 100% !default;
$aiassist-thinking-stage-icon-font-size: 16px !default;
$aiassist-thinking-stage-icon-line-height: 100% !default;
$aiassist-thinking-toggle-font-size-bigger: 14px !default;
$aiassist-thinking-toggle-line-height-bigger: 20px !default;
$aiassist-thinking-toggle-icon-font-size-bigger: 16px !default;
$aiassist-thinking-toggle-icon-line-height-bigger: 100% !default;
$aiassist-thinking-context-icon-font-size-bigger: 16px !default;
$aiassist-thinking-context-icon-line-height-bigger: 100% !default;
$aiassist-thinking-context-badge-font-size-bigger: 16px !default;
$aiassist-thinking-context-badge-line-height-bigger: 100% !default;
$aiassist-thinking-stage-icon-font-size-bigger: 18px !default;
$aiassist-thinking-stage-icon-line-height-bigger: 100% !default;
$aiassist-thinking-toggle-color: $content-text-color-alt1 !default;

$aiassist-regenerate-tbar-focus-bg: $secondary-bg-color-focus !default;
$aiassist-regenerate-tbar-btn-border-radius: 4px !default;
$aiassist-regenerate-tbar-btn-focus-border-color: $icon-color !default;
$aiassist-regenerate-tbar-border-nav-type: solid !default;
$aiassist-regenerate-tbar-btn-hover-border-size: 0 !default;
$aiassist-regenerate-tbar-ext-btn-focus-box-shadow: $shadow-focus-ring2 !default;
$aiassist-regenerate-tbar-btn-icons-focus-color: $secondary-text-color-hover !default;
$aiassist-regenerate-tbar-hover-bg: $secondary-bg-color-hover !default;
$aiassist-regenerate-tbar-hover-border-color: $icon-color !default;
