AI Assistant update

Makefile.am

@@ -561,6 +561,7 @@ wsd_headers = \
               wsd/ClientSession.hpp \
               wsd/ContentSecurityPolicy.hpp \
               wsd/ContentType.hpp \
+              wsd/DocumentToolDescriptions.hpp \
               wsd/DocumentBroker.hpp \
               wsd/Exceptions.hpp \
               wsd/FileServer.hpp \

browser/admin/css/adminIntegratorSettings.css

@@ -345,7 +345,9 @@ ul {
 
 .view-input-container input[type='text'],
 .view-input-container input[type='password'],
+.view-input-container input[type='number'],
 .view-input-container select {
+	box-sizing: border-box;
 	width: 100%;
 	max-width: 400px;
 	padding: 8px 12px;
@@ -359,6 +361,7 @@ ul {
 
 .view-input-container input[type='text']:focus,
 .view-input-container input[type='password']:focus,
+.view-input-container input[type='number']:focus,
 .view-input-container select:focus {
 	outline: none;
 	border-color: var(--settings-btn-primary);
@@ -548,10 +551,12 @@ ul {
 
 /* AI Settings sub-sections */
 .ai-settings-group {
+  box-sizing: border-box;
   border: 1px solid var(--settings-border);
   border-radius: 6px;
   padding: 16px 20px 8px;
   margin: 16px 0;
+  min-width: 0;
 }
 
 .ai-settings-group legend {

browser/admin/src/integrator/AdminIntegratorSettings.ts

@@ -56,6 +56,8 @@ interface ViewSettings {
 	aiImageProviderAPIKey: string;
 	aiImageProviderURL: string;
 	aiImageModel: string;
+	aiImageSize: string;
+	aiRequestTimeout: string;
 }
 
 interface AIProvider {
@@ -416,6 +418,8 @@ class SettingIframe {
 		aiImageProviderAPIKey: _('API Key'),
 		aiImageProviderURL: _('Base URL'),
 		aiImageModel: _('Model'),
+		aiImageSize: _('Image Size'),
+		aiRequestTimeout: _('Request Timeout (seconds)'),
 	};
 	private readonly settingLabels: Record<string, string> = {
 		lockAccessibilityOn: _('In-document Screen Reader'),
@@ -1590,9 +1594,9 @@ class SettingIframe {
 			return;
 		}
 
+		this.generateAISettingsUI(data, settingsContainer);
 		this.generateZoteroUI(data, settingsContainer);
 		this.generateDocSigningUI(data, settingsContainer);
-		this.generateAISettingsUI(data, settingsContainer);
 	}
 
 	private generateZoteroUI(data: ViewSettings, settingsContainer: HTMLElement) {
@@ -1730,7 +1734,7 @@ class SettingIframe {
 		aiContainer.id = 'ai-section';
 		aiContainer.classList.add('section');
 
-		aiContainer.appendChild(this.createHeading(_('AI Settings')));
+		aiContainer.appendChild(this.createHeading(_('AI Assistant')));
 		const aiDesc = document.createElement('p');
 		aiDesc.className = 'view-setting-description';
 		aiDesc.textContent = _(
@@ -1747,7 +1751,7 @@ class SettingIframe {
 		aiContainer.appendChild(
 			this.createSettingsActions(
 				'ai',
-				'AI Settings',
+				'AI Assistant',
 				'viewsetting.json',
 				() => {
 					const defaultSettings = this.getDefaultViewSettings();
@@ -1759,6 +1763,8 @@ class SettingIframe {
 						aiImageProviderURL: defaultSettings.aiImageProviderURL,
 						aiImageProviderAPIKey: defaultSettings.aiImageProviderAPIKey,
 						aiImageModel: defaultSettings.aiImageModel,
+						aiImageSize: defaultSettings.aiImageSize,
+						aiRequestTimeout: defaultSettings.aiRequestTimeout,
 					};
 				},
 				() => this._viewSetting,
@@ -1802,6 +1808,22 @@ class SettingIframe {
 		container.appendChild(this.createTextAIGroup(data));
 		container.appendChild(this.createImageAIGroup(data));
 
+		const timeoutBox = this.createViewSettingsTextBox(
+			'aiRequestTimeout',
+			data,
+			false,
+			true,
+		);
+		container.appendChild(timeoutBox);
+		const timeoutInput = timeoutBox.querySelector(
+			'#aiRequestTimeout',
+		) as HTMLInputElement | null;
+		if (timeoutInput) {
+			timeoutInput.placeholder = '120';
+			timeoutInput.type = 'number';
+			timeoutInput.min = '10';
+		}
+
 		this.attachAISettingsAutoFetch(data, container);
 		this.attachAIImageSettingsAutoFetch(data, container);
 
@@ -2020,6 +2042,30 @@ class SettingIframe {
 		status.style.display = 'none';
 		group.appendChild(status);
 
+		group.appendChild(
+			this.createViewSettingsTextBox('aiImageSize', data, false, true),
+		);
+		const imageSizeInput = group.querySelector(
+			'#aiImageSize',
+		) as HTMLInputElement | null;
+		if (imageSizeInput) {
+			imageSizeInput.placeholder = '1024x1024';
+			imageSizeInput.addEventListener('input', () => {
+				const val = imageSizeInput.value.trim();
+				if (val === '' || /^\d+x\d+$/.test(val)) {
+					const parts = val ? val.split('x') : [];
+					const valid =
+						val === '' || (Number(parts[0]) > 0 && Number(parts[1]) > 0);
+					imageSizeInput.style.borderColor = valid ? '' : 'red';
+					if (valid) {
+						data.aiImageSize = val;
+					}
+				} else {
+					imageSizeInput.style.borderColor = 'red';
+				}
+			});
+		}
+
 		if (
 			data.aiImageProviderURL &&
 			this.getProviderIdFromUrl(data.aiImageProviderURL) === 'custom'
@@ -2837,6 +2883,8 @@ class SettingIframe {
 			aiImageProviderAPIKey: '',
 			aiImageProviderURL: '',
 			aiImageModel: '',
+			aiImageSize: '',
+			aiRequestTimeout: '',
 		};
 	}