add context chat category and make max-width 1220px

Signed-off-by: Lukas Schaefer <lukas@lschaefer.xyz>

Author: lukasdotcom

src/components/AssistantTextProcessingModal.vue

@@ -205,7 +205,7 @@ export default {
 
 .assistant-modal--content {
 	width: 100%;
-	max-width: 1200px;
+	max-width: 1220px;
 	margin: 0 auto;
 	padding: 16px;
 	display: flex;

src/components/TaskTypeSelect.vue

@@ -38,8 +38,9 @@ import DotsHorizontalIcon from 'vue-material-design-icons/DotsHorizontal.vue'
 import TextLongIcon from 'vue-material-design-icons/TextLong.vue'
 import ImageOutlineIcon from 'vue-material-design-icons/ImageOutline.vue'
 import WebIcon from 'vue-material-design-icons/Web.vue'
-import WaveformIcon from './icons/Waveform.vue'
 import FileIcon from 'vue-material-design-icons/File.vue'
+import ContentPasteSearchIcon from './icons/ContentPasteSearch.vue'
+import WaveformIcon from './icons/Waveform.vue'
 
 export default {
 	name: 'TaskTypeSelect',
@@ -141,6 +142,8 @@ export default {
 		getTaskCategory(id) {
 			if (id.startsWith('chatty')) {
 				return 'chat'
+			} else if (id.startsWith('context_chat')) {
+				return 'context'
 			} else if (id.includes('translate')) {
 				return 'translate'
 			} else if (id.startsWith('richdocuments')) {
@@ -158,6 +161,8 @@ export default {
 			switch (category) {
 			case 'chat':
 				return t('assistant', 'Chat with AI')
+			case 'context':
+				return t('assistant', 'Context Chat')
 			case 'text':
 				return t('assistant', 'Work with text')
 			case 'image':
@@ -176,6 +181,8 @@ export default {
 			switch (category) {
 			case 'chat':
 				return MessageOutlineIcon
+			case 'context':
+				return ContentPasteSearchIcon
 			case 'text':
 				return TextLongIcon
 			case 'image':

src/components/icons/ContentPasteSearch.vue

@@ -0,0 +1,43 @@
+<!--
+  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<template>
+	<span v-bind="$attrs"
+		:aria-hidden="title ? null : 'true'"
+		:aria-label="title"
+		class="material-design-icon waveform-icon"
+		role="img"
+		@click="$emit('click', $event)">
+		<svg :fill="fillColor"
+			class="material-design-icon__svg"
+			:width="size"
+			:height="size"
+			viewBox="0 -960 960 960">
+			<path d="M824-80 716-188q-22 13-46 20.5t-50 7.5q-75 0-127.5-52.5T440-340q0-75 52.5-127.5T620-520q75 0 127.5 52.5T800-340q0 26-7.5 50T772-244l108 108-56 56ZM620-240q42 0 71-29t29-71q0-42-29-71t-71-29q-42 0-71 29t-29 71q0 42 29 71t71 29Zm220-320h-80v-200h-80v120H280v-120h-80v560h200v80H200q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h167q11-35 43-57.5t70-22.5q40 0 71.5 22.5T594-840h166q33 0 56.5 23.5T840-760v200ZM480-760q17 0 28.5-11.5T520-800q0-17-11.5-28.5T480-840q-17 0-28.5 11.5T440-800q0 17 11.5 28.5T480-760Z">
+				<title v-if="title">{{ title }}</title>
+			</path>
+		</svg>
+	</span>
+</template>
+
+<script>
+export default {
+	name: 'ContentPasteSearch',
+	props: {
+		title: {
+			type: String,
+			default: null,
+		},
+		fillColor: {
+			type: String,
+			default: 'currentColor',
+		},
+		size: {
+			type: Number,
+			default: 24,
+		},
+	},
+	emits: ['click'],
+}
+</script>