windmill-components 1.623.1 → 1.642.0

package/package/components/icons/YamlIcon.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">"use strict";
+let { height = '24px', width = '24px', size = undefined } = $props();
+const derivedWidth = $derived(size ? size : width);
+const derivedHeight = $derived(size ? size : height);
+</script>
+
+<svg
+	width={derivedWidth}
+	height={derivedHeight}
+	viewBox="0 0 16 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		fill-rule="nonzero"
+		clip-rule="nonzero"
+		d="M0.828288 0.135541C1.17426 -0.103975 1.64888 -0.017679 1.8884 0.328288L3.58007 2.77182L5.48344 0.297431C5.74 -0.0360947 6.21836 -0.0984891 6.55189 0.158069C6.88541 0.414627 6.94781 0.892984 6.69125 1.22651L4.30958 4.32268V7.11115C4.30958 7.53194 3.96846 7.87305 3.54767 7.87305C3.12689 7.87305 2.78577 7.53194 2.78577 7.11115V4.30154L0.635541 1.19565C0.396025 0.849685 0.482321 0.375057 0.828288 0.135541ZM8.88099 6.89044e-05C9.18311 6.89044e-05 9.45669 0.178586 9.57837 0.455123L12.372 6.8043C12.5415 7.18945 12.3666 7.63906 11.9815 7.80853C11.5963 7.978 11.1467 7.80315 10.9772 7.418L10.2835 5.84131H7.47847L6.78473 7.418C6.61526 7.80315 6.16565 7.978 5.7805 7.80853C5.39535 7.63906 5.2205 7.18945 5.38997 6.8043L8.18361 0.455123C8.30528 0.178586 8.57886 6.89044e-05 8.88099 6.89044e-05ZM8.14894 4.31751H9.61303L8.88099 2.65377L8.14894 4.31751ZM9.60471 8.66615C9.92856 8.76179 10.1508 9.05918 10.1508 9.39685V15.2381C10.1508 15.6589 9.80971 16 9.38892 16C8.96813 16 8.62702 15.6589 8.62702 15.2381V11.9768L7.23495 14.1282C7.09962 14.3373 6.8706 14.4671 6.62164 14.4757C6.37268 14.4844 6.13523 14.3707 5.98576 14.1714L4.30958 11.9365V15.2381C4.30958 15.6589 3.96846 16 3.54767 16C3.12689 16 2.78577 15.6589 2.78577 15.2381V9.65082C2.78577 9.32288 2.99562 9.03172 3.30674 8.92802C3.61786 8.82431 3.96043 8.93132 4.1572 9.19368L6.5492 12.383L8.74925 8.98295C8.93269 8.69945 9.28086 8.57051 9.60471 8.66615ZM11.9286 8.63495C12.3494 8.63495 12.6905 8.97607 12.6905 9.39685V14.4762H14.7222C15.143 14.4762 15.4841 14.8173 15.4841 15.2381C15.4841 15.6589 15.143 16 14.7222 16H11.9286C11.5078 16 11.1667 15.6589 11.1667 15.2381V9.39685C11.1667 8.97607 11.5078 8.63495 11.9286 8.63495Z"
+		fill="#000000"
+	/>
+</svg>

package/package/components/icons/YamlIcon.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    height?: string;
+    width?: string;
+    size?: number;
+}
+declare const YamlIcon: import("svelte").Component<Props, {}, "">;
+type YamlIcon = ReturnType<typeof YamlIcon>;
+export default YamlIcon;

package/package/components/icons/index.js

@@ -103,6 +103,7 @@ import ApifyIcon from './ApifyIcon.svelte';
 import McpIcon from './McpIcon.svelte';
 import SageIcon from './SageIcon.svelte';
 import ZohoIcon from './ZohoIcon.svelte';
+import PocketIdIcon from './PocketIdIcon.svelte';
 export const APP_TO_ICON_COMPONENT = {
     postgresql: PostgresIcon,
     mysql: Mysql,
@@ -210,6 +211,7 @@ export const APP_TO_ICON_COMPONENT = {
     mqtt: MqttIcon,
     apify: ApifyIcon,
     mcp: McpIcon,
-    zoho: ZohoIcon
+    zoho: ZohoIcon,
+    pocketid: PocketIdIcon
 }; // to generate correct svelte package types
 export { AirtableIcon, DbIcon, DiscordIcon, GcalIcon, GCloudIcon, GdriveIcon, GithubIcon, GitlabIcon, GmailIcon, GSheetsIcon, HttpIcon, Mail, MastodonIcon, MatrixIcon, Mysql, PostgresIcon, S3Icon, Slack, TogglIcon, WindmillIcon, WindmillIcon2, SchedulePollIcon, MailchimpIcon, SendgridIcon, LinkedinIcon, HubspotIcon, TelegramIcon, StripeIcon, DatadogIcon, FunkwhaleIcon, GdocsIcon, FaunadbIcon, ClickhouseIcon, OpenaiIcon, AwsIcon, BcryptIcon, GoogleIcon, HackernewsIcon, MongodbIcon, RedditIcon, SupabaseIcon, WebdavIcon, ZammadIcon, NextcloudIcon, SendflakeIcon, SurrealdbIcon, ActivitypubIcon, AwsEcrIcon, CalcomIcon, ClickupIcon, CloudflareIcon, FirebaseIcon, GoogleFormsIcon, JiraIcon, NotionIcon, PineconeIcon, RssIcon, ShopifyIcon, TypeformIcon, BigQueryIcon, OracleDBIcon, GraphqlIcon, NocoDbIcon, AzureIcon, MicrosoftIcon, OktaIcon, Auth0Icon, AuthentikIcon, AutheliaIcon, KanidmIcon, AsanaIcon, BitbucketIcon, DynatraceIcon, EdgeDbIcon, GitIcon, ZendeskIcon, TwilioIcon, TrelloIcon, ResendIcon, PushoverIcon, QuickbooksIcon, MsTeamsIcon, MailgunIcon, IpinfoIcon, GoogleCloudIcon, CaCertificate, CurrencyApiIcon, VismaIcon, JumpCloudIcon, KeycloakIcon, ZitadelIcon, XeroIcon, KafkaIcon, NatsIcon, MqttIcon, ApifyIcon, McpIcon, ZohoIcon };

package/package/components/instanceSettings/IndexerJobIndexSettings.svelte

@@ -0,0 +1,94 @@
+<script lang="ts">import Tooltip from '../Tooltip.svelte';
+import IntegerInput from '../IntegerInput.svelte';
+import InputError from '../InputError.svelte';
+let { values, disabled = false, errors = {} } = $props();
+</script>
+
+<div class="space-y-6">
+	<div class="flex flex-col gap-1">
+		<label for="commit_job_max_batch_size" class="block text-xs font-semibold text-emphasis">
+			Commit max batch size <Tooltip>
+				The max amount of documents (here jobs) per commit. To optimize indexing throughput, it is
+				best to keep this as high as possible. However, especially when reindexing the whole
+				instance, it can be useful to have a limit on how many jobs can be written without being
+				committed. A commit will make the jobs available for search, constitute a "checkpoint" state
+				in the indexing and will be logged.
+			</Tooltip>
+		</label>
+		<IntegerInput
+			placeholder="100000"
+			id="commit_job_max_batch_size"
+			{disabled}
+			error={errors.commit_job_max_batch_size ?? ''}
+			value={$values['indexer_settings'].commit_job_max_batch_size}
+			oninput={(v) => {
+				if (v == null) {
+					const { commit_job_max_batch_size: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						commit_job_max_batch_size: v
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.commit_job_max_batch_size ?? ''} />
+	</div>
+	<div class="flex flex-col gap-1">
+		<label for="refresh_index_period" class="block text-xs font-semibold text-emphasis">
+			Refresh index period (s) <Tooltip>
+				The index will query new jobs periodically and write them on the index. This setting sets
+				that period.
+			</Tooltip></label
+		>
+		<IntegerInput
+			placeholder="300"
+			id="refresh_index_period"
+			{disabled}
+			error={errors.refresh_index_period ?? ''}
+			value={$values['indexer_settings'].refresh_index_period}
+			oninput={(v) => {
+				if (v == null) {
+					const { refresh_index_period: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						refresh_index_period: v
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.refresh_index_period ?? ''} />
+	</div>
+	<div class="flex flex-col gap-1">
+		<label for="max_indexed_job_log_size" class="block text-xs font-semibold text-emphasis">
+			Max indexed job log size (KB) <Tooltip>
+				Job logs are included when indexing, but to avoid the index size growing artificially, the
+				logs will be truncated after a size has been reached.
+			</Tooltip>
+		</label>
+		<IntegerInput
+			placeholder="1024"
+			id="max_indexed_job_log_size"
+			{disabled}
+			error={errors.max_indexed_job_log_size ?? ''}
+			value={$values['indexer_settings'].max_indexed_job_log_size != null
+				? $values['indexer_settings'].max_indexed_job_log_size / 1024
+				: undefined}
+			oninput={(v) => {
+				if (v == null) {
+					const { max_indexed_job_log_size: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						max_indexed_job_log_size: v * 1024
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.max_indexed_job_log_size ?? ''} />
+	</div>
+</div>

package/package/components/instanceSettings/IndexerJobIndexSettings.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Writable } from 'svelte/store';
+interface Props {
+    values: Writable<Record<string, any>>;
+    disabled?: boolean;
+    errors?: Record<string, string>;
+}
+declare const IndexerJobIndexSettings: import("svelte").Component<Props, {}, "">;
+type IndexerJobIndexSettings = ReturnType<typeof IndexerJobIndexSettings>;
+export default IndexerJobIndexSettings;

package/package/components/instanceSettings/IndexerLogIndexSettings.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">import Tooltip from '../Tooltip.svelte';
+import IntegerInput from '../IntegerInput.svelte';
+import InputError from '../InputError.svelte';
+let { values, disabled = false, errors = {} } = $props();
+</script>
+
+<div class="space-y-6">
+	<div class="flex flex-col gap-1">
+		<label for="commit_log_max_batch_size" class="block text-xs font-semibold text-emphasis"
+			>Commit max batch size <Tooltip>
+				The max amount of documents per commit. In this case 1 document is one log file representing
+				all logs during 1 minute for a specific host. To optimize indexing throughput, it is best to
+				keep this as high as possible. However, especially when reindexing the whole instance, it
+				can be useful to have a limit on how many logs can be written without being committed. A
+				commit will make the logs available for search, appear as a log line, and be a "checkpoint"
+				of the indexing progress.
+			</Tooltip>
+		</label>
+		<IntegerInput
+			placeholder="10000"
+			id="commit_log_max_batch_size"
+			{disabled}
+			error={errors.commit_log_max_batch_size ?? ''}
+			value={$values['indexer_settings'].commit_log_max_batch_size}
+			oninput={(v) => {
+				if (v == null) {
+					const { commit_log_max_batch_size: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						commit_log_max_batch_size: v
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.commit_log_max_batch_size ?? ''} />
+	</div>
+
+	<div class="flex flex-col gap-1">
+		<label for="refresh_log_index_period" class="block text-xs font-semibold text-emphasis">
+			Refresh index period (s) <Tooltip>
+				The index will query new service logs peridically and write them on the index. This setting
+				sets that period.
+			</Tooltip>
+		</label>
+		<IntegerInput
+			placeholder="300"
+			id="refresh_log_index_period"
+			{disabled}
+			error={errors.refresh_log_index_period ?? ''}
+			value={$values['indexer_settings'].refresh_log_index_period}
+			oninput={(v) => {
+				if (v == null) {
+					const { refresh_log_index_period: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						refresh_log_index_period: v
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.refresh_log_index_period ?? ''} />
+	</div>
+</div>

package/package/components/instanceSettings/IndexerLogIndexSettings.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Writable } from 'svelte/store';
+interface Props {
+    values: Writable<Record<string, any>>;
+    disabled?: boolean;
+    errors?: Record<string, string>;
+}
+declare const IndexerLogIndexSettings: import("svelte").Component<Props, {}, "">;
+type IndexerLogIndexSettings = ReturnType<typeof IndexerLogIndexSettings>;
+export default IndexerLogIndexSettings;

package/package/components/instanceSettings/IndexerMemorySettings.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">import { Button } from '../common';
+import ConfirmationModal from '../common/confirmationModal/ConfirmationModal.svelte';
+import { IndexSearchService } from '../../gen';
+import { sendUserToast } from '../../toast';
+import Tooltip from '../Tooltip.svelte';
+import IntegerInput from '../IntegerInput.svelte';
+import InputError from '../InputError.svelte';
+import Label from '../Label.svelte';
+let { values, disabled = false, errors = {} } = $props();
+let clearJobsIndexModalOpen = $state(false);
+let clearServiceLogsIndexModalOpen = $state(false);
+</script>
+
+<div class="space-y-6">
+	<div class="flex flex-col gap-1">
+		<label for="writer_memory_budget" class="block text-xs font-semibold text-emphasis">
+			Index writer memory budget (MB)
+			<Tooltip>
+				The allocated memory arena for the indexer. A bigger value means less writing to disk and
+				potentially higher indexing throughput
+			</Tooltip>
+		</label>
+		<IntegerInput
+			placeholder="300"
+			id="writer_memory_budget"
+			{disabled}
+			error={errors.writer_memory_budget ?? ''}
+			value={$values['indexer_settings'].writer_memory_budget != null
+				? $values['indexer_settings'].writer_memory_budget / (1024 * 1024)
+				: undefined}
+			oninput={(v) => {
+				if (v == null) {
+					const { writer_memory_budget: _, ...rest } = $values['indexer_settings']
+					$values['indexer_settings'] = rest
+				} else {
+					$values['indexer_settings'] = {
+						...$values['indexer_settings'],
+						writer_memory_budget: v * (1024 * 1024)
+					}
+				}
+			}}
+		/>
+		<InputError error={errors.writer_memory_budget ?? ''} />
+	</div>
+	<Label label="Clear index">
+		<span class="text-xs text-secondary"
+			>This buttons will clear the whole index, and the service will start reindexing from scratch.
+			Full text search might be down during this time.</span
+		>
+		<div class="flex flex-row gap-2">
+			<Button
+				variant="default"
+				unifiedSize="sm"
+				on:click={() => {
+					clearJobsIndexModalOpen = true
+				}}
+			>
+				Clear jobs index
+			</Button>
+			<Button
+				variant="default"
+				unifiedSize="sm"
+				on:click={() => {
+					clearServiceLogsIndexModalOpen = true
+				}}
+			>
+				Clear service logs index
+			</Button>
+		</div>
+	</Label>
+	<ConfirmationModal
+		title="Clear jobs index"
+		confirmationText="Clear"
+		open={clearJobsIndexModalOpen}
+		type="danger"
+		on:canceled={() => {
+			clearJobsIndexModalOpen = false
+		}}
+		on:confirmed={async () => {
+			const r = await IndexSearchService.clearIndex({
+				idxName: 'JobIndex'
+			})
+			sendUserToast(r)
+			clearJobsIndexModalOpen = false
+		}}
+	>
+		Are you sure you want to clear the jobs index? The service will start reindexing from scratch.
+		Full text search might be down during this time.
+	</ConfirmationModal>
+	<ConfirmationModal
+		title="Clear service logs index"
+		confirmationText="Clear"
+		open={clearServiceLogsIndexModalOpen}
+		type="danger"
+		on:canceled={() => {
+			clearServiceLogsIndexModalOpen = false
+		}}
+		on:confirmed={async () => {
+			const r = await IndexSearchService.clearIndex({
+				idxName: 'ServiceLogIndex'
+			})
+			sendUserToast(r)
+			clearServiceLogsIndexModalOpen = false
+		}}
+	>
+		Are you sure you want to clear the service logs index? The service will start reindexing from
+		scratch. Full text search might be down during this time.
+	</ConfirmationModal>
+</div>

package/package/components/instanceSettings/IndexerMemorySettings.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Writable } from 'svelte/store';
+interface Props {
+    values: Writable<Record<string, any>>;
+    disabled?: boolean;
+    errors?: Record<string, string>;
+}
+declare const IndexerMemorySettings: import("svelte").Component<Props, {}, "">;
+type IndexerMemorySettings = ReturnType<typeof IndexerMemorySettings>;
+export default IndexerMemorySettings;