@christianriedl/utils 1.0.152 → 1.0.154

package/dist/iOpenAI.d.ts

@@ -44,7 +44,7 @@ export interface ISchema {
     schema?: Dictionary<unknown>;
 }
 export interface ITool {
-    type: 'mcp' | 'file_search' | 'web_search_preview' | 'web_search_preview_2025_03_11' | 'function' | 'image_generation';
+    type: 'mcp' | 'file_search' | 'web_search' | 'function' | 'image_generation';
 }
 export interface IMcpTool extends ITool {
     type: 'mcp';
@@ -77,7 +77,8 @@ export interface IImageGenerationTool extends ITool {
     size?: '1024x1024' | '1024x1536' | '1536x1024' | 'auto';
 }
 export interface IWebSearchTool extends ITool {
-    type: 'web_search_preview' | 'web_search_preview_2025_03_11';
+    type: 'web_search';
+    allowed_domains?: string;
     search_context_size?: 'low' | 'medium' | 'high';
     user_location?: IWebSearchLocation | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@christianriedl/utils",
-  "version": "1.0.152",
+  "version": "1.0.154",
   "description": "Interfaces, local storage, service worker, configuration, application state",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/OpenAI.vue

@@ -25,7 +25,6 @@
     const isUpload = ref(false);
     const showConfig = ref(false);
     const showFilter = ref(false);
-    const files = ref<File[]>([]);
     const imageUrl = ref("");
     const camera = ref<InstanceType<typeof Camera>>();
     const htmlText = ref('');
@@ -42,7 +41,6 @@
 
     async function onComplete() {
 	htmlText.value = "<h4>WAITING ...</h4>";
-	files.value = [];
 	isUpload.value = false;
 	let answer: IResponseResult;
 	if (camera.value) {
@@ -124,17 +122,35 @@
 	    camera.value = undefined;
 	}
     }
-    function onFile() {
+    async function fileUpload() {
+	replyLines.value = [];
+	htmlText.value = '';
+	isCamera.value = false;
+	if (camera.value) {
+	    camera.value.stop();
+	    camera.value = undefined;
+	}
 	if (!question.value) {
 	    question.value = "Was erkennst du auf dem Bild ?";
 	}
-	if (files.value && files.value.length > 0) {
+	const pickerOpts = {
+	    types: [{
+		    description: "Images",
+		    accept: { "image/*": [".png", ".gif", ".jpeg", ".jpg"] }
+		}],
+	    excludeAcceptAllOption: true,
+	    multiple: false,
+	};
+	const files: FileSystemFileHandle[] = await(window as any).showOpenFilePicker(pickerOpts);
+	if (files && files.length > 0) {
+	    const file = await files[0].getFile();
 	    const reader = new FileReader();
 	    reader.addEventListener("load", async () => {
 		// convert image file to base64 string
 		imageUrl.value = reader.result as string;
+		isUpload.value = true;
 	    }, false,);
-	    reader.readAsDataURL(files.value[0]);
+	    reader.readAsDataURL(file);
 	}
     }
     function onUse(usetools: string[], persist: boolean) {
@@ -189,7 +205,7 @@
 		<v-btn variant="tonal" class="bg-office aibutton" @click="onCamera">
 		    <v-icon size="large" icon="$webcam" color="primary"></v-icon>
 		</v-btn>
-		<v-btn variant="tonal" class="bg-office aibutton" @click="isUpload=true;replyLines=[]">
+		<v-btn variant="tonal" class="bg-office aibutton" @click="fileUpload">
 		    <v-icon size="large" icon="$image" color="primary"></v-icon>
 		</v-btn>
 	    </v-col>
@@ -205,12 +221,8 @@
 	    </v-col>
 	</v-row>
 	<v-row v-if="isUpload" dense align="center">
-	    <v-col cols="6">
-		<v-file-input show-size clearable multiple hide-details v-model="files" accept="image/*" label="Select File" prepend-icon="" append-icon="" @update:modelValue="onFile">
-		</v-file-input>
-	    </v-col>
-	    <v-col cols="6">
-		<img width="100%" :src="imageUrl">
+	    <v-col cols="12">
+		<v-img :src="imageUrl"></v-img>
 	    </v-col>
 	</v-row>
 	<v-row v-if="htmlText" dense>

package/src/components/OpenAIConfig.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { inject, ref, reactive } from 'vue';
+    import { inject, ref, reactive, onBeforeUnmount } from 'vue';
     import { appConfigSymbol, AppConfig, Dictionary, IDataItem, ItemType, IVectorFile } from '@christianriedl/utils';
     import { getOpenAISymbol, IOpenAIServiceWithVectorStore, IOpenAIAppConfig, IOpenAIOptions, ITool, IMcpTool, IFileSearchTool } from '@christianriedl/utils';
     import OpenAIMetaData from '@christianriedl/utils/src/components/OpenAIMetaData.vue';
@@ -40,6 +40,8 @@
     let fileHandle: FileSystemFileHandle | null = null;
     let vsSelected = false;
 
+    onBeforeUnmount(() => onBack());
+
     initializeTools();
     checkAllFilter();
 
@@ -67,7 +69,7 @@
 		}
 		fileSearch[key] = names;
 	    }
-	    else if (tool.type.startsWith("web_search")) {
+	    else if (tool.type === "web_search") {
 		tool.user_location = Object.assign({}, tool.user_location);
 	    }
 	}
@@ -99,8 +101,11 @@
 	    showFunctions.value = true;
 	}
     }
-    function onSave() {
-	const persist = window.confirm('Do you want to persist the changes?');
+    function onSave(ask: boolean) {
+	let persist = false;
+	if (ask) {
+	    persist = window.confirm('Do you want to persist the changes?');
+	}
 	if (toolsChanged.value) {
 	    for (const key in fileSearch) {
 		const vsNames = fileSearch[key];
@@ -125,8 +130,11 @@
 	    optionsChanged.value = false;
 	}
     }
-    function onSaveUsage() {
-	const persist = window.confirm('Do you want to persist the changes?');
+    function onSaveUsage(ask: boolean) {
+	let persist = false;
+	if (ask) {
+	    persist = window.confirm('Do you want to persist the changes?');
+	}
 	const useTools: string[] = [];
 	for (const key in use) {
 	    if (use[key]) {
@@ -136,6 +144,13 @@
 	emits('use', useTools, persist);
 	useChanged.value = false;
     }
+    function onBack() {
+	if (optionsChanged.value)
+	    onSave(false);
+	if (useChanged.value)
+	    onSaveUsage(false);
+	emits("back");
+    }
     function onAddMcp() {
 	const name = window.prompt('Enter MCP name:');
 	if (name && name.length > 0) {
@@ -458,19 +473,22 @@
 		    <v-checkbox v-model="use[key]" label="Use" hide-details density="compact" @update:modelValue="onUseChange"></v-checkbox>
 		</v-col>
 	    </v-row>
-	    <v-row v-if="tool.type.startsWith('web_search')" dense align="center">
+	    <v-row v-if="tool.type == 'web_search'" dense align="center">
 		<v-col cols="1">
-		    <v-text-field :model-value="key" type="string" hide-details disabled label="file_search" density="compact" @change="onToolChange"></v-text-field>
+		    <v-text-field :model-value="key" type="string" hide-details disabled label="web_search" density="compact" @change="onToolChange"></v-text-field>
 		</v-col>
 		<v-col cols="2">
 		    <v-text-field v-model="tool.user_location.country" type="string" hide-details :clearable="canClear" label="Country" density="compact" @change="onToolChange"></v-text-field>
 		</v-col>
-		<v-col cols="3">
+		<v-col cols="2">
 		    <v-text-field v-model="tool.user_location.city" type="string" hide-details :clearable="canClear" label="City" density="compact" @change="onToolChange"></v-text-field>
 		</v-col>
-		<v-col cols="4">
+		<v-col cols="2">
 		    <v-text-field v-model="tool.user_location.region" type="string" hide-details :clearable="canClear" label="Region" density="compact" @change="onToolChange"></v-text-field>
 		</v-col>
+		<v-col cols="3">
+		    <v-text-field v-model="tool.allowed_domains" type="string" hide-details :clearable="canClear" label="Allowed domains" density="compact" @change="onToolChange"></v-text-field>
+		</v-col>
 		<v-col cols="1">
 		    <v-btn icon="$delete" variant="tonal" @click.stop.prevent="onDelete(key)"></v-btn>
 		</v-col>
@@ -507,19 +525,19 @@
 	</template>
 	<v-row dense align="center">
 	    <v-col cols="2">
-		<v-btn class="bg-office" @click="emits('back')">
+		<v-btn class="bg-office" @click="onBack">
 		    BACK
 		    <v-icon icon="$back"></v-icon>
 		</v-btn>
 	    </v-col>
 	    <v-col cols="2">
-		<v-btn :disabled="!optionsChanged && !toolsChanged" class="bg-office" @click="onSave">
+		<v-btn :disabled="!optionsChanged && !toolsChanged" class="bg-office" @click="onSave(true)">
 		    SAVE
 		    <v-icon icon="$save"></v-icon>
 		</v-btn>
 	    </v-col>
 	    <v-col cols="2">
-		<v-btn :disabled="!useChanged" class="bg-office" @click="onSaveUsage">
+		<v-btn :disabled="!useChanged" class="bg-office" @click="onSaveUsage(true)">
 		    SAVE TOOL USE
 		    <v-icon icon="$save"></v-icon>
 		</v-btn>

package/src/components/OpenAIFilter.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { inject, reactive, computed, ref, StyleValue } from 'vue';
+    import { inject, reactive, computed, ref, onBeforeUnmount, StyleValue } from 'vue';
     import { IDataItem, Dictionary, IComparisonFilter, ICompoundFilter, IOpenAIFilter, ITool } from '@christianriedl/utils'
     import SettingsLine from '../components/SettingsLine.vue';
 
@@ -12,6 +12,8 @@
     const numvs = props.vsmetadata.length;
     const tools = reactive<Dictionary<boolean>>({});
 
+    onBeforeUnmount(() => onBack());
+
     for (const key in props.alltools) {
 	tools[key] = props.tools ? props.tools.indexOf(key) >= 0 : false;
     }