windmill-components 1.542.5 → 1.555.0

package/package/aiStore.d.ts

@@ -0,0 +1,13 @@
+import { type AIProviderModel, type AIConfig } from './gen';
+export declare const copilotSessionModel: import("svelte/store").Writable<AIProviderModel | undefined>;
+export declare const copilotInfo: import("svelte/store").Writable<{
+    enabled: boolean;
+    codeCompletionModel?: AIProviderModel;
+    defaultModel?: AIProviderModel;
+    aiModels: AIProviderModel[];
+    customPrompts?: Record<string, string>;
+    maxTokensPerModel?: Record<string, number>;
+}>;
+export declare function loadCopilot(workspace: string): Promise<void>;
+export declare function setCopilotInfo(aiConfig: AIConfig): void;
+export declare function getCurrentModel(): AIProviderModel;

package/package/aiStore.js

@@ -0,0 +1,70 @@
+import { writable, get } from 'svelte/store';
+import { workspaceAIClients } from './components/copilot/lib';
+import { WorkspaceService } from './gen';
+import { COPILOT_SESSION_MODEL_SETTING_NAME, COPILOT_SESSION_PROVIDER_SETTING_NAME } from './stores';
+import { getLocalSetting } from './utils';
+const sessionModel = getLocalSetting(COPILOT_SESSION_MODEL_SETTING_NAME);
+const sessionProvider = getLocalSetting(COPILOT_SESSION_PROVIDER_SETTING_NAME);
+export const copilotSessionModel = writable(sessionModel && sessionProvider
+    ? {
+        model: sessionModel,
+        provider: sessionProvider
+    }
+    : undefined);
+export const copilotInfo = writable({
+    enabled: false,
+    codeCompletionModel: undefined,
+    defaultModel: undefined,
+    aiModels: [],
+    customPrompts: {},
+    maxTokensPerModel: {}
+});
+export async function loadCopilot(workspace) {
+    workspaceAIClients.init(workspace);
+    try {
+        const info = await WorkspaceService.getCopilotInfo({ workspace });
+        setCopilotInfo(info);
+    }
+    catch (err) {
+        setCopilotInfo({});
+        console.error('Could not get copilot info', err);
+    }
+}
+export function setCopilotInfo(aiConfig) {
+    if (Object.keys(aiConfig.providers ?? {}).length > 0) {
+        const aiModels = Object.entries(aiConfig.providers ?? {}).flatMap(([provider, providerConfig]) => providerConfig.models.map((m) => ({ model: m, provider: provider })));
+        copilotSessionModel.update((model) => {
+            if (model &&
+                !aiModels.some((m) => m.model === model.model && m.provider === model.provider)) {
+                return undefined;
+            }
+            return model;
+        });
+        copilotInfo.set({
+            enabled: true,
+            codeCompletionModel: aiConfig.code_completion_model,
+            defaultModel: aiConfig.default_model,
+            aiModels: aiModels,
+            customPrompts: aiConfig.custom_prompts ?? {},
+            maxTokensPerModel: aiConfig.max_tokens_per_model ?? {}
+        });
+    }
+    else {
+        copilotSessionModel.set(undefined);
+        copilotInfo.set({
+            enabled: false,
+            codeCompletionModel: undefined,
+            defaultModel: undefined,
+            aiModels: [],
+            customPrompts: {},
+            maxTokensPerModel: {}
+        });
+    }
+}
+export function getCurrentModel() {
+    const model = get(copilotSessionModel) ?? get(copilotInfo).defaultModel ?? get(copilotInfo).aiModels[0];
+    if (!model) {
+        throw new Error('No model selected');
+    }
+    return model;
+}

package/package/common.d.ts

@@ -10,7 +10,10 @@ export interface PropertyDisplayInfo {
     index: number;
     propertiesNumber: number;
 }
-export type EnumType = string[] | undefined;
+export type EnumType = string[] | {
+    value: string;
+    label: string;
+}[] | undefined;
 export interface SchemaProperty {
     type: string | undefined;
     description?: string;
@@ -47,6 +50,7 @@ export interface SchemaProperty {
     placeholder?: string;
     oneOf?: SchemaProperty[];
     originalType?: string;
+    disabled?: boolean;
 }
 export interface ModalSchemaProperty {
     selectedType?: string;
@@ -87,7 +91,7 @@ export type Schema = {
     order?: string[];
     required: string[];
 };
-export declare function mergeSchema(schema: Schema | Record<string, any>, enum_payload?: Record<string, any>): Schema | Record<string, any>;
+export declare function mergeSchema(schema: Schema | Record<string, any>, enum_payload?: Record<string, any>): Record<string, any> | Schema;
 export type Meta = {
     ownerKind: OwnerKind;
     owner: string;

package/package/components/AIAgentLogViewer.svelte

@@ -6,7 +6,7 @@ import { onMount } from 'svelte';
 const resultSchema = z.object({
     messages: z.array(z.object({
         role: z.string(),
-        content: z.string().optional(),
+        content: z.unknown(),
         agent_action: z
             .union([
             z.object({

package/package/components/AIProviderPicker.svelte

@@ -6,6 +6,7 @@ import { get } from 'svelte/store';
 import ToggleButtonGroup from './common/toggleButton-v2/ToggleButtonGroup.svelte';
 import ToggleButton from './common/toggleButton-v2/ToggleButton.svelte';
 import ResourcePicker from './ResourcePicker.svelte';
+import ToggleButtonMore from './common/toggleButton-v2/ToggleButtonMore.svelte';
 let { value = $bindable(), disabled = false, actions } = $props();
 // Initialize value if undefined
 if (!value) {
@@ -124,22 +125,36 @@ function pathToResourceValue(path) {
 }
 </script>
 
-<div class="w-full flex flex-col gap-3">
+<div
+	class="w-full flex flex-col gap-1 bg-surface-secondary border-[1px] border-nord-400 dark:border-nord-300 rounded-md"
+>
 	<!-- Provider Selection -->
-	<div class="flex flex-col gap-2">
-		<ToggleButtonGroup selected={value?.kind} onSelected={onProviderChange} {disabled} wrap>
+	<div class="flex flex-col gap-2 m-[-1px] mt-[-1px]">
+		<ToggleButtonGroup
+			selected={value?.kind}
+			onSelected={onProviderChange}
+			{disabled}
+			wrap
+			tabListClass="w-full bg-transparent"
+		>
 			{#snippet children({ item })}
-				{#each providerOptions as option}
-					<ToggleButton value={option.value} label={option.label} {item} />
+				{#each providerOptions.slice(0, 3) as option}
+					<ToggleButton value={option.value} label={option.label} {item} class="bg-transparent" />
 				{/each}
+				<ToggleButtonMore
+					class="ml-auto"
+					togglableItems={providerOptions.slice(3)}
+					{item}
+					bind:selected={() => value?.kind, (v) => v && onProviderChange(v)}
+				/>
 			{/snippet}
 		</ToggleButtonGroup>
 	</div>
 
 	<!-- Resource Selection -->
-	<div class="flex flex-col border border-gray-200 rounded-md p-2 gap-2">
+	<div class="flex flex-col rounded-md p-2 gap-2">
 		<div class="flex flex-col gap-1">
-			<p class="text-sm font-medium text-primary">resource</p>
+			<p class="text-sm font-normal text-tertiary">resource</p>
 			<ResourcePicker
 				bind:value={
 					() => resourceValueToPath(value?.resource),
@@ -153,12 +168,13 @@ function pathToResourceValue(path) {
 				disabled={disabled || !value?.kind}
 				placeholder="Select resource"
 				selectFirst={true}
+				selectInputClass="!bg-surface"
 			/>
 		</div>
 
 		<!-- Model Selection -->
 		<div class="flex flex-col gap-1">
-			<p class="text-sm font-medium text-primary">model</p>
+			<p class="text-sm font-normal text-tertiary">model</p>
 			<Select
 				{items}
 				bind:value={value.model}
@@ -173,6 +189,7 @@ function pathToResourceValue(path) {
 				clearable={false}
 				noItemsMsg={'No models available'}
 				bind:filterText
+				inputClass="min-h-10 !bg-surface disabled:!bg-surface-disabled"
 			/>
 		</div>
 	</div>

package/package/components/ArgEnum.svelte

@@ -1,14 +1,23 @@
 <script lang="ts">import { createEventDispatcher } from 'svelte';
 import Select from './select/Select.svelte';
-let { disabled, value = $bindable(), enum_, autofocus, defaultValue, valid, create, enumLabels = undefined } = $props();
+let { disabled, value = $bindable(), enum_, autofocus, defaultValue, valid, create, enumLabels = undefined, selectClass = '' } = $props();
 const dispatch = createEventDispatcher();
 let customItems = $state([]);
 let items = $derived.by(() => {
-    const l = [...(enum_ ? enum_ : []), ...customItems].map((item) => ({
-        value: item,
-        label: enumLabels?.[item] ?? item
-    }));
-    if (create && filterText && l.every((i) => i.value !== filterText)) {
+    const l = [...(enum_ ? enum_ : []), ...customItems]
+        .map((item) => {
+        if (typeof item === 'string') {
+            return {
+                value: item,
+                label: enumLabels?.[item] ?? item
+            };
+        }
+        else if (typeof item === 'object') {
+            return item;
+        }
+    })
+        .filter((i) => i != undefined);
+    if (create && filterText && l.every((i) => i?.value !== filterText)) {
         l.push({ value: filterText, label: `Add new: ${filterText}` });
     }
     return l;
@@ -19,7 +28,7 @@ let filterText = $state('');
 <div class="w-full flex-col">
 	<div class="w-full">
 		<Select
-			inputClass={valid ? '' : '!border-red-500/60'}
+			error={!valid}
 			clearable
 			{disabled}
 			autofocus={autofocus ?? undefined}
@@ -35,6 +44,7 @@ let filterText = $state('');
 			}
 			onFocus={() => dispatch('focus')}
 			onBlur={() => dispatch('blur')}
+			inputClass={selectClass}
 		/>
 	</div>
 </div>

package/package/components/ArgEnum.svelte.d.ts

@@ -8,6 +8,7 @@ interface Props {
     valid: boolean;
     create: boolean;
     enumLabels?: Record<string, string> | undefined;
+    selectClass?: string;
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {