windmill-components 1.613.4 → 1.623.1

package/package/components/raw_apps/RunnableRow.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">import { Badge, Button } from '../common';
-import { Ellipsis } from 'lucide-svelte';
-import DropdownV2 from '../DropdownV2.svelte';
-import { twMerge } from 'tailwind-merge';
-let { id, runnable, isSelected, onSelect, onDelete } = $props();
-let dropdownOpen = $state(false);
-</script>
-
-<button
-	{id}
-	class="relative w-full gap-1 flex items-center h-6 rounded-md px-1 group
-	{isSelected ? 'bg-surface-accent-selected text-accent' : 'hover:bg-surface-hover'}"
-	onclick={onSelect}
->
-	<Badge color="indigo" class={isSelected ? 'bg-surface-tertiary' : ''}>{id}</Badge>
-	<span class="text-xs truncate font-normal pr-6">{runnable?.name}</span>
-	<DropdownV2
-		items={[
-			{
-				displayName: 'Delete',
-				action: onDelete,
-				type: 'delete'
-			}
-		]}
-		class={twMerge(
-			'absolute -translate-y-1/2 top-1/2 right-1 hidden group-hover:block',
-			dropdownOpen ? 'block' : ''
-		)}
-		bind:open={dropdownOpen}
-	>
-		{#snippet buttonReplacement()}
-			<Button
-				iconOnly
-				unifiedSize="xs"
-				variant="subtle"
-				startIcon={{ icon: Ellipsis }}
-				nonCaptureEvent
-			/>
-		{/snippet}
-	</DropdownV2>
-</button>

package/package/components/raw_apps/RunnableRow.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Runnable } from '../apps/inputType';
-interface Props {
-    id: string;
-    runnable: Runnable;
-    isSelected: boolean;
-    onSelect: () => void;
-    onDelete: () => void;
-}
-declare const RunnableRow: import("svelte").Component<Props, {}, "">;
-type RunnableRow = ReturnType<typeof RunnableRow>;
-export default RunnableRow;

package/package/components/runs/useJobsLoader.svelte.d.ts

@@ -1,34 +0,0 @@
-import { type Job, type CompletedJob, type ExtendedJobs } from '../../gen';
-import { type Tweened } from 'svelte/motion';
-import type { RunsFilters } from './RunsFilter.svelte';
-export declare function computeJobKinds(jobKindsCat: string | null): string;
-export interface UseJobLoaderArgs {
-    currentWorkspace: string;
-    filters?: Partial<RunsFilters>;
-    jobKinds?: string;
-    autoRefresh?: boolean;
-    argError?: string;
-    resultError?: string;
-    refreshRate?: number;
-    syncQueuedRunsCount?: boolean;
-    skip?: boolean;
-    computeMinAndMax?: (() => {
-        minTs: string;
-        maxTs: string | null;
-    } | undefined) | undefined;
-    lookback?: number;
-    onSetMinMaxTs?: (minTs: string | null, maxTs: string | null) => void;
-    onSetPerPage?: (perPage: number) => void;
-}
-export declare function useJobsLoader(args: () => UseJobLoaderArgs): {
-    loadExtraJobs: () => Promise<void>;
-    loadJobs: (reset: boolean, shouldGetCount?: boolean) => Promise<void>;
-    readonly queue_count: Tweened<number> | undefined;
-    readonly suspended_count: Tweened<number> | undefined;
-    readonly loading: boolean;
-    readonly completedJobs: CompletedJob[] | undefined;
-    readonly externalJobs: Job[] | undefined;
-    readonly extendedJobs: ExtendedJobs | undefined;
-    readonly jobs: Job[] | undefined;
-    readonly lastFetchWentToEnd: boolean;
-};

package/package/components/runs/useJobsLoader.svelte.js

@@ -1,507 +0,0 @@
-import { onDestroy, onMount, untrack } from 'svelte';
-import { JobService, ConcurrencyGroupsService, CancelablePromise, CancelError } from '../../gen';
-import { sendUserToast } from '../../toast';
-import { tweened } from 'svelte/motion';
-import { subtractDaysFromDateString } from '../../utils';
-import { CancelablePromiseUtils } from '../../cancelable-promise-utils';
-export function computeJobKinds(jobKindsCat) {
-    if (jobKindsCat == 'all') {
-        return '';
-    }
-    else if (jobKindsCat == 'dependencies') {
-        let kinds = ['dependencies', 'flowdependencies', 'appdependencies'];
-        return kinds.join(',');
-    }
-    else if (jobKindsCat == 'previews') {
-        let kinds = ['preview', 'flowpreview'];
-        return kinds.join(',');
-    }
-    else if (jobKindsCat == 'deploymentcallbacks') {
-        let kinds = ['deploymentcallback'];
-        return kinds.join(',');
-    }
-    else if (jobKindsCat == 'runs') {
-        let kinds = ['script', 'flow', 'singlestepflow'];
-        return kinds.join(',');
-    }
-    else {
-        let kinds = [
-            'script',
-            'flow',
-            'flowscript',
-            'flownode',
-            'appscript'
-        ];
-        return kinds.join(',');
-    }
-}
-export function useJobsLoader(args) {
-    let _args = $derived(args());
-    let currentWorkspace = $derived(_args.currentWorkspace);
-    let filters = $derived(_args.filters);
-    let jobKinds = $derived(_args.jobKinds);
-    let autoRefresh = $derived(_args.autoRefresh ?? true);
-    let argError = $derived(_args.argError ?? '');
-    let resultError = $derived(_args.resultError ?? '');
-    let refreshRate = $derived(_args.refreshRate ?? 5000);
-    let syncQueuedRunsCount = $derived(_args.syncQueuedRunsCount ?? true);
-    let computeMinAndMax = $derived(_args.computeMinAndMax);
-    let lookback = $derived(_args.lookback ?? 0);
-    let onSetMinMaxTs = $derived(_args.onSetMinMaxTs);
-    let onSetPerPage = $derived(_args.onSetPerPage);
-    let label = $derived(filters?.label ?? null);
-    let worker = $derived(filters?.worker ?? null);
-    let success = $derived(filters?.success ?? null);
-    let showSkipped = $derived(filters?.show_skipped ?? false);
-    let showSchedules = $derived(filters?.show_schedules ?? true);
-    let showFutureJobs = $derived(filters?.show_future_jobs ?? true);
-    let resultFilter = $derived(filters?.result);
-    let jobTriggerKind = $derived(filters?.job_trigger_kind ?? null);
-    let schedulePath = $derived(filters?.schedule_path ?? null);
-    let jobKindsCat = $derived(filters?.job_kinds ?? null);
-    let allWorkspaces = $derived(filters?.all_workspaces ?? false);
-    let allowWildcards = $derived(filters?.allow_wildcards ?? false);
-    let concurrencyKey = $derived(filters?.concurrency_key);
-    let tag = $derived(filters?.tag);
-    let user = $derived(filters?.user);
-    let folder = $derived(filters?.folder);
-    let path = $derived(filters?.path);
-    let argFilter = $derived(filters?.arg);
-    let minTs = $derived(filters?.min_ts ?? null);
-    let maxTs = $derived(filters?.max_ts ?? null);
-    let perPage = $derived(filters?.per_page ?? 100);
-    let queue_count = $state();
-    let suspended_count = $state();
-    let loading = $state(false);
-    let lastFetchWentToEnd = $state(false);
-    let completedJobs = $state();
-    let externalJobs = $state();
-    let extendedJobs = $state();
-    let jobs = $state();
-    let intervalId = $state();
-    let sync = true;
-    function onParamChanges() {
-        resetJobs();
-        let promise = loadJobsIntern(true);
-        promise = CancelablePromiseUtils.onTimeout(promise, 4000, () => {
-            sendUserToast('Loading jobs is taking longer than expected...', true, perPage > 25 && onSetPerPage
-                ? [{ label: 'Reduce to 25 items per page', callback: () => onSetPerPage(25) }]
-                : []);
-        });
-        promise = CancelablePromiseUtils.catchErr(promise, (e) => {
-            if (e instanceof CancelError) {
-                return CancelablePromiseUtils.pure(undefined);
-            }
-            return CancelablePromiseUtils.err(e);
-        });
-        return promise;
-    }
-    let loadingFetch = false;
-    async function loadExtraJobs() {
-        if (jobs && jobs.length > 0) {
-            let minQueueTs = undefined;
-            let minCompletedTs = undefined;
-            let cursor = 0;
-            while (jobs && cursor < jobs?.length) {
-                cursor++;
-                const job = jobs[jobs.length - 1 - cursor];
-                if (job.type == 'CompletedJob') {
-                    minCompletedTs = job.completed_at;
-                    break;
-                }
-                else if (job.type == 'QueuedJob' && minQueueTs == undefined) {
-                    minQueueTs = job.created_at;
-                }
-            }
-            const ts = minCompletedTs ?? minQueueTs;
-            if (!ts) {
-                sendUserToast('No jobs to load from');
-                lastFetchWentToEnd = false;
-                return;
-            }
-            // const minCreated = lastJob?.created_at
-            const minCreated = new Date(new Date(ts).getTime() - 1).toISOString();
-            let olderJobs = await fetchJobs(minCreated, minTs, undefined);
-            jobs = updateWithNewJobs(olderJobs ?? [], jobs ?? []);
-            computeCompletedJobs();
-            lastFetchWentToEnd = olderJobs?.length < perPage;
-        }
-        else {
-            lastFetchWentToEnd = false;
-        }
-    }
-    function fetchJobs(completedBefore, completedAfter, createdAfterQueue) {
-        if (_args.skip)
-            return CancelablePromiseUtils.pure([]);
-        loadingFetch = true;
-        let scriptPathStart = folder === null || folder === '' ? undefined : `f/${folder}/`;
-        let scriptPathExact = path === null || path === '' ? undefined : path;
-        let promise = JobService.listJobs({
-            workspace: currentWorkspace,
-            completedBefore: completedBefore ?? undefined,
-            completedAfter: completedAfter ?? undefined,
-            createdAfterQueue,
-            schedulePath: schedulePath ?? undefined,
-            scriptPathExact,
-            createdBy: user === null || user === '' ? undefined : user,
-            scriptPathStart: scriptPathStart,
-            jobKinds: jobKindsCat == 'all' || jobKinds == '' ? undefined : jobKinds,
-            success: success == 'success' ? true : success == 'failure' ? false : undefined,
-            running: success == 'running' || success == 'suspended'
-                ? true
-                : success == 'waiting'
-                    ? false
-                    : undefined,
-            isSkipped: showSkipped ? undefined : false,
-            // isFlowStep: jobKindsCat != 'all' ? false : undefined,
-            hasNullParent: jobKindsCat != 'all' ? true : undefined,
-            label: label === null || label === '' ? undefined : label,
-            tag: tag === null || tag === '' ? undefined : tag,
-            worker: worker === null || worker === '' ? undefined : worker,
-            isNotSchedule: showSchedules == false ? true : undefined,
-            suspended: success == 'waiting' ? false : success == 'suspended' ? true : undefined,
-            scheduledForBeforeNow: showFutureJobs == false || success == 'waiting' || success == 'suspended'
-                ? true
-                : undefined,
-            args: argFilter && argFilter != '{}' && argFilter != '' && argError == '' ? argFilter : undefined,
-            result: resultFilter && resultFilter != '{}' && resultFilter != '' && resultError == ''
-                ? resultFilter
-                : undefined,
-            triggerKind: jobTriggerKind ?? undefined,
-            allWorkspaces: allWorkspaces ? true : undefined,
-            perPage,
-            allowWildcards: allowWildcards ? true : undefined
-        });
-        promise = CancelablePromiseUtils.catchErr(promise, (e) => {
-            if (e instanceof CancelError)
-                return CancelablePromiseUtils.err(e);
-            sendUserToast('There was an issue loading jobs, see browser console for more details', true);
-            console.error(e);
-            return CancelablePromiseUtils.pure([]);
-        });
-        CancelablePromiseUtils.pipe(promise, () => {
-            loadingFetch = false;
-        });
-        return promise;
-    }
-    function fetchExtendedJobs(concurrencyKey, createdBeforeQueue, completedAfter) {
-        if (_args.skip)
-            return CancelablePromiseUtils.pure({ jobs: [], obscured_jobs: [] });
-        loadingFetch = true;
-        let promise = ConcurrencyGroupsService.listExtendedJobs({
-            rowLimit: perPage,
-            concurrencyKey: concurrencyKey == null || concurrencyKey == '' ? undefined : concurrencyKey,
-            workspace: currentWorkspace,
-            completedAfter: completedAfter ?? undefined,
-            createdBeforeQueue: createdBeforeQueue ?? undefined,
-            // createdOrStartedBefore: startedBefore,
-            // createdOrStartedAfter: startedAfter,
-            // createdOrStartedAfterCompletedJobs: startedAfterCompletedJobs,
-            schedulePath: schedulePath ?? undefined,
-            scriptPathExact: path === null || path === '' ? undefined : path,
-            createdBy: user === null || user === '' ? undefined : user,
-            scriptPathStart: folder === null || folder === '' ? undefined : `f/${folder}/`,
-            jobKinds: jobKindsCat == 'all' || jobKinds == '' ? undefined : jobKinds,
-            success: success == 'success' ? true : success == 'failure' ? false : undefined,
-            running: success == 'running' ? true : undefined,
-            isSkipped: showSkipped ? undefined : false,
-            isFlowStep: jobKindsCat != 'all' ? false : undefined,
-            label: label === null || label === '' ? undefined : label,
-            tag: tag === null || tag === '' ? undefined : tag,
-            isNotSchedule: showSchedules == false ? true : undefined,
-            scheduledForBeforeNow: showFutureJobs == false ? true : undefined,
-            args: argFilter && argFilter != '{}' && argFilter != '' && argError == '' ? argFilter : undefined,
-            result: resultFilter && resultFilter != '{}' && resultFilter != '' && resultError == ''
-                ? resultFilter
-                : undefined,
-            triggerKind: jobTriggerKind ?? undefined,
-            allWorkspaces: allWorkspaces ? true : undefined,
-            perPage,
-            allowWildcards
-        });
-        promise = CancelablePromiseUtils.catchErr(promise, (e) => {
-            sendUserToast('There was an issue loading jobs, see browser console for more details', true);
-            console.error(e);
-            return CancelablePromiseUtils.pure({ jobs: [], obscured_jobs: [] });
-        });
-        promise = CancelablePromiseUtils.pipe(promise, () => {
-            loadingFetch = false;
-        });
-        return promise;
-    }
-    async function loadJobs(reset, shouldGetCount) {
-        if (reset)
-            resetJobs();
-        await loadJobsIntern(shouldGetCount);
-    }
-    function resetJobs() {
-        jobs = undefined;
-        completedJobs = undefined;
-        externalJobs = undefined;
-        extendedJobs = undefined;
-        lastFetchWentToEnd = false;
-        intervalId && clearInterval(intervalId);
-        intervalId = setInterval(syncer, refreshRate);
-    }
-    function loadJobsIntern(shouldGetCount) {
-        if (shouldGetCount) {
-            getCount();
-        }
-        loading = true;
-        // Extend MinTs to fetch jobs mefore minTs and show a correct concurrency graph
-        // TODO: when an ended_at column is created on the completed_job table,
-        // lookback won't be needed anymore (just filter ended_at > minTs instead
-        const extendedMinTs = subtractDaysFromDateString(minTs, lookback);
-        if (concurrencyKey == null || concurrencyKey === '') {
-            return CancelablePromiseUtils.map(fetchJobs(maxTs, null, extendedMinTs), (newJobs) => {
-                extendedJobs = { jobs: newJobs, obscured_jobs: [] };
-                // Filter on minTs here and not in the backend
-                // to get enough data for the concurrency graph
-                jobs = sortMinDate(minTs, newJobs);
-                externalJobs = [];
-                computeCompletedJobs();
-                loading = false;
-            });
-        }
-        else {
-            return CancelablePromiseUtils.map(fetchExtendedJobs(concurrencyKey, maxTs, extendedMinTs ?? null), (newExtendedJobs) => {
-                extendedJobs = newExtendedJobs;
-                const newJobs = newExtendedJobs.jobs;
-                const newExternalJobs = newExtendedJobs.obscured_jobs;
-                // Filter on minTs here and not in the backend
-                // to get enough data for the concurrency graph
-                if (minTs != undefined) {
-                    const minDate = new Date(minTs);
-                    jobs = newJobs.filter((x) => x.started_at
-                        ? new Date(x.started_at) > minDate
-                        : x.created_at
-                            ? new Date(x.created_at) > minDate
-                            : false);
-                    externalJobs = computeExternalJobs(newExternalJobs.filter((x) => x.started_at && new Date(x.started_at) > minDate));
-                }
-                else {
-                    jobs = newJobs;
-                    externalJobs = computeExternalJobs(newExternalJobs);
-                }
-                computeCompletedJobs();
-                loading = false;
-            });
-        }
-    }
-    async function getCount() {
-        if (_args.skip)
-            return;
-        const { database_length, suspended } = await JobService.getQueueCount({
-            workspace: currentWorkspace,
-            allWorkspaces
-        });
-        if (queue_count) {
-            queue_count.set(database_length);
-        }
-        else {
-            queue_count = tweened(database_length, { duration: 1000 });
-        }
-        if (suspended_count) {
-            suspended_count.set(suspended ?? 0);
-        }
-        else {
-            suspended_count = tweened(suspended ?? 0, { duration: 1000 });
-        }
-    }
-    let lastQueueTs = undefined;
-    async function syncer() {
-        if (success == 'waiting') {
-            onSetMinMaxTs?.(null, null);
-        }
-        if (loadingFetch) {
-            return;
-        }
-        if (sync) {
-            if (syncQueuedRunsCount) {
-                getCount();
-            }
-            const ts = computeMinAndMax?.();
-            if (ts) {
-                onSetMinMaxTs?.(ts.minTs, ts.maxTs);
-                if (maxTs != undefined) {
-                    loadJobsIntern(false);
-                }
-            }
-            if (jobs && maxTs == undefined) {
-                if (success == 'running') {
-                    loadJobsIntern(false);
-                }
-                else {
-                    let minQueueCreatedAt = undefined;
-                    let completedTs = null;
-                    let cursor = 0;
-                    if (minTs == undefined) {
-                        while (cursor < jobs.length) {
-                            const cjob = jobs[cursor];
-                            if (cjob.type == 'QueuedJob') {
-                                minQueueCreatedAt = cjob.created_at;
-                            }
-                            else if (cjob.type == 'CompletedJob' && completedTs == undefined) {
-                                completedTs = new Date(cjob.completed_at).toISOString();
-                            }
-                            cursor++;
-                        }
-                    }
-                    let queueTs;
-                    if (minQueueCreatedAt) {
-                        const queueTs = new Date(minQueueCreatedAt).toISOString();
-                        lastQueueTs = queueTs;
-                    }
-                    else {
-                        queueTs = lastQueueTs;
-                    }
-                    loading = true;
-                    let newJobs;
-                    if (concurrencyKey == null || concurrencyKey === '') {
-                        newJobs = await fetchJobs(maxTs, minTs ?? completedTs, queueTs);
-                    }
-                    else {
-                        // Obscured jobs have no ids, so we have to do the full request
-                        extendedJobs = await fetchExtendedJobs(concurrencyKey, maxTs, minTs ?? completedTs);
-                        externalJobs = computeExternalJobs(extendedJobs.obscured_jobs);
-                        // Filter on minTs here and not in the backend
-                        // to get enough data for the concurrency graph
-                        newJobs = sortMinDate(minTs ?? completedTs, extendedJobs.jobs);
-                    }
-                    if (newJobs && newJobs.length > 0 && jobs) {
-                        jobs = updateWithNewJobs(jobs, newJobs);
-                        if (concurrencyKey == null || concurrencyKey === '') {
-                            if (!extendedJobs) {
-                                extendedJobs = { jobs: jobs, obscured_jobs: [] };
-                            }
-                            else {
-                                extendedJobs.jobs = updateWithNewJobs(extendedJobs.jobs, newJobs);
-                                extendedJobs = extendedJobs;
-                            }
-                            externalJobs = [];
-                        }
-                        computeCompletedJobs();
-                    }
-                    loading = false;
-                }
-            }
-        }
-    }
-    function updateWithNewJobs(jobs, newJobs) {
-        const oldJobs = jobs?.map((x) => x.id);
-        let ret = newJobs.filter((x) => !oldJobs.includes(x.id)).concat(jobs);
-        newJobs
-            .filter((x) => oldJobs.includes(x.id))
-            .forEach((x) => (ret[ret?.findIndex((y) => y.id == x.id)] = x));
-        return ret;
-    }
-    function sortMinDate(minTs, jobs) {
-        if (minTs) {
-            const minDate = new Date(minTs);
-            return jobs.filter((x) => x.started_at
-                ? new Date(x.started_at) > minDate
-                : x.created_at
-                    ? new Date(x.created_at) > minDate
-                    : false);
-        }
-        else {
-            return jobs;
-        }
-    }
-    function computeCompletedJobs() {
-        completedJobs =
-            jobs?.filter((x) => x.type == 'CompletedJob').map((x) => x) ?? [];
-    }
-    function onVisibilityChange() {
-        if (document.hidden) {
-            sync = false;
-        }
-        else {
-            sync = true;
-        }
-    }
-    function computeExternalJobs(obscuredJobs) {
-        return obscuredJobs.map((x) => ({
-            type: x.typ,
-            started_at: x.started_at,
-            running: x.started_at != undefined,
-            id: '-',
-            script_path: '-',
-            created_by: '-',
-            created_at: '-',
-            success: false,
-            canceled: false,
-            is_flow_step: false,
-            is_skipped: false,
-            visible_to_owner: false,
-            email: '-',
-            permissioned_as: '-',
-            tag: '-',
-            job_kind: 'script',
-            duration_ms: x.duration_ms
-        }));
-    }
-    onMount(() => {
-        document.addEventListener('visibilitychange', onVisibilityChange);
-        return () => {
-            window.removeEventListener('visibilitychange', onVisibilityChange);
-        };
-    });
-    onDestroy(() => {
-        sync = false;
-        if (intervalId) {
-            clearInterval(intervalId);
-        }
-    });
-    $effect(() => {
-        Object.keys(filters ?? {}).map((k) => filters?.[k]);
-        let p = untrack(() => onParamChanges());
-        return () => p.cancel();
-    });
-    $effect(() => {
-        ;
-        [autoRefresh, refreshRate];
-        untrack(() => {
-            if (!intervalId && autoRefresh) {
-                intervalId = setInterval(syncer, refreshRate);
-            }
-        });
-    });
-    $effect(() => {
-        autoRefresh;
-        untrack(() => {
-            if (intervalId && !autoRefresh) {
-                clearInterval(intervalId);
-                intervalId = undefined;
-            }
-        });
-    });
-    return {
-        loadExtraJobs,
-        loadJobs,
-        get queue_count() {
-            return queue_count;
-        },
-        get suspended_count() {
-            return suspended_count;
-        },
-        get loading() {
-            return loading;
-        },
-        get completedJobs() {
-            return completedJobs;
-        },
-        get externalJobs() {
-            return externalJobs;
-        },
-        get extendedJobs() {
-            return extendedJobs;
-        },
-        get jobs() {
-            return jobs;
-        },
-        get lastFetchWentToEnd() {
-            return lastFetchWentToEnd;
-        }
-    };
-}

package/package/components/settings/AIPromptsModal.svelte

@@ -1,88 +0,0 @@
-<script lang="ts">import Modal2 from '../common/modal/Modal2.svelte';
-import Button from '../common/button/Button.svelte';
-import Label from '../Label.svelte';
-import TextInput from '../text_input/TextInput.svelte';
-import { AIMode } from '../copilot/chat/AIChatManager.svelte';
-const MAX_CUSTOM_PROMPT_LENGTH = 5000;
-let { open = $bindable(false), customPrompts = $bindable(), onSave, onReset, hasChanges, isWorkspaceSettings = false } = $props();
-const placeholders = {
-    [AIMode.SCRIPT]: 'Enter custom instructions for script generation and editing',
-    [AIMode.FLOW]: 'Enter custom instructions for workflow creation and automation',
-    [AIMode.APP]: 'Enter custom instructions for UI and app development',
-    [AIMode.NAVIGATOR]: 'Enter custom instructions for navigation and guidance',
-    [AIMode.API]: 'Enter custom instructions for API interactions and integrations',
-    [AIMode.ASK]: 'Enter custom instructions for general questions and assistance'
-};
-const modeLabels = {
-    [AIMode.SCRIPT]: 'Script Mode',
-    [AIMode.FLOW]: 'Flow Mode',
-    [AIMode.APP]: 'App Mode',
-    [AIMode.NAVIGATOR]: 'Navigator Mode',
-    [AIMode.API]: 'API Mode',
-    [AIMode.ASK]: 'Ask Mode'
-};
-function handleSave() {
-    onSave?.();
-    open = false;
-}
-function handleReset() {
-    onReset();
-}
-</script>
-
-<Modal2
-	bind:isOpen={open}
-	title="Customize AI System Prompts"
-	fixedWidth="md"
-	fixedHeight="xxl"
-	target="#content"
->
-	<div class="flex flex-col gap-6 h-full px-1 w-full">
-		<div class="grow min-h-0 overflow-y-auto" style="scrollbar-gutter: stable;">
-			<div class="text-xs text-secondary mb-6">
-				{#if isWorkspaceSettings}
-					Customize the system prompts for each AI mode. These prompts apply to all workspace
-					members.
-				{:else}
-					Customize the system prompts for each AI mode. These prompts are stored locally in your
-					browser and apply in addition to workspace-level prompts.
-				{/if}
-			</div>
-
-			{#each Object.values(AIMode) as mode}
-				<div class="flex flex-col gap-2 pb-4 last:border-b-0">
-					<Label label={modeLabels[mode]} for={`custom-prompt-${mode}`}>
-						<TextInput
-							bind:value={customPrompts[mode]}
-							underlyingInputEl="textarea"
-							inputProps={{
-								placeholder: placeholders[mode],
-								rows: 3,
-								maxlength: MAX_CUSTOM_PROMPT_LENGTH,
-								id: `custom-prompt-${mode}`
-							}}
-							class="min-h-12 resize-y"
-							size="sm"
-						/>
-						<div class="flex justify-end mt-1">
-							<span class="text-2xs text-hint">
-								{(customPrompts[mode] ?? '').length}/{MAX_CUSTOM_PROMPT_LENGTH} characters
-							</span>
-						</div>
-					</Label>
-				</div>
-			{/each}
-		</div>
-
-		<div class="flex justify-end gap-2">
-			<Button size="sm" variant="default" disabled={!hasChanges} onclick={handleReset}>
-				Reset
-			</Button>
-			{#if onSave}
-				<Button size="sm" variant="accent" disabled={!hasChanges} onclick={handleSave}>
-					Save Prompts
-				</Button>
-			{/if}
-		</div>
-	</div>
-</Modal2>