{:else if result?.s3?.endsWith('.pdf')}
-
+ {#await import('$lib/components/display/PdfViewer.svelte')}
+
+ {:then Module}
+
+ {/await}
-
+ {#await import('$lib/components/display/PdfViewer.svelte')}
+
+ {:then Module}
+
+ {/await}
- {#if $$slots.left}
-
+ {#if left}
+ {@render left?.()}
{/if}
- {#if $$slots.middle}
-
+ {#if middle}
+ {@render middle?.()}
{/if}
- {#if $$slots.right}
-
+ {#if right}
+ {@render right?.()}
{/if}
diff --git a/frontend/src/lib/components/common/button/Button.svelte b/frontend/src/lib/components/common/button/Button.svelte
index 0a0940bc4b..4d861be88f 100644
--- a/frontend/src/lib/components/common/button/Button.svelte
+++ b/frontend/src/lib/components/common/button/Button.svelte
@@ -12,7 +12,7 @@
import type { Placement } from '@floating-ui/core'
import { conditionalMelt } from '$lib/utils'
import { createDispatcherIfMounted } from '$lib/createDispatcherIfMounted'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
type MenuItem = {
label: string
diff --git a/frontend/src/lib/components/common/confirmationModal/UnsavedConfirmationModal.svelte b/frontend/src/lib/components/common/confirmationModal/UnsavedConfirmationModal.svelte
index c8d73358bb..67e5701317 100644
--- a/frontend/src/lib/components/common/confirmationModal/UnsavedConfirmationModal.svelte
+++ b/frontend/src/lib/components/common/confirmationModal/UnsavedConfirmationModal.svelte
@@ -12,7 +12,7 @@
} from '$lib/utils'
import { page } from '$app/stores'
import type { GetInitialAndModifiedValues } from './unsavedTypes'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
export let getInitialAndModifiedValues: GetInitialAndModifiedValues = undefined
export let diffDrawer: DiffDrawer | undefined = undefined
@@ -69,7 +69,13 @@
{#if open}
-
+
{/if}
+ }
- let disposable: Disposable | undefined = undefined
+ let {
+ open = $bindable(false),
+ duration = 0.3,
+ placement = 'right',
+ size = '600px',
+ alwaysOpen = false,
+ shouldUsePortal = true,
+ offset = 0,
+ preventEscape = false,
+ disableChatOffset = false,
+ class: clazz = '',
+ positionClass = undefined,
+ children
+ }: Props = $props()
- $: durationMs = duration * 1000
+ let disposable: Disposable | undefined = $state(undefined)
+
+ let durationMs = $derived(duration * 1000)
export function toggleDrawer() {
disposable?.toggleDrawer()
@@ -42,7 +62,7 @@
let mounted = false
const dispatch = createEventDispatcher()
- $: style = `--duration: ${duration}s; --size: ${size};`
+ let style = $derived(`--duration: ${duration}s; --size: ${size};`)
function scrollLock(open: boolean) {
if (BROWSER) {
@@ -54,45 +74,55 @@
}
}
- $: scrollLock(open)
+ $effect(() => {
+ scrollLock(open)
+ })
- $: open ? openDrawer() : closeDrawer()
+ $effect(() => {
+ open ? openDrawer() : closeDrawer()
+ })
- let timeout = true
- $: !open ? setTimeout(() => (timeout = true), durationMs) : (timeout = false)
+ let timeout = $state(true)
+ $effect(() => {
+ !open ? setTimeout(() => (timeout = true), durationMs) : (timeout = false)
+ })
onMount(() => {
mounted = true
})
+
+ const children_render = $derived(children)
+ const aiChatOpen = $derived(chatState.size > 0)
-
+ {#snippet children({ handleClickAway, zIndex })}
+
+ {/snippet}
diff --git a/frontend/src/lib/components/common/drawer/DrawerContent.svelte b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
index 38826e8515..f3c05b08c9 100644
--- a/frontend/src/lib/components/common/drawer/DrawerContent.svelte
+++ b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
@@ -2,7 +2,7 @@
import Tooltip from '$lib/components/Tooltip.svelte'
import { classNames } from '$lib/utils'
import CloseButton from '../CloseButton.svelte'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
import { createEventDispatcher } from 'svelte'
interface Props {
diff --git a/frontend/src/lib/components/common/table/Row.svelte b/frontend/src/lib/components/common/table/Row.svelte
index 293f3ff65f..43b51917a3 100644
--- a/frontend/src/lib/components/common/table/Row.svelte
+++ b/frontend/src/lib/components/common/table/Row.svelte
@@ -5,7 +5,7 @@
import { BellOff } from 'lucide-svelte'
import { twMerge } from 'tailwind-merge'
import { goto } from '$lib/navigation'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
const dispatch = createEventDispatcher()
diff --git a/frontend/src/lib/components/common/tabs/Tab.svelte b/frontend/src/lib/components/common/tabs/Tab.svelte
index 8d433f7ea1..30b22abeb9 100644
--- a/frontend/src/lib/components/common/tabs/Tab.svelte
+++ b/frontend/src/lib/components/common/tabs/Tab.svelte
@@ -2,7 +2,7 @@
import type { TabsContext } from '$lib/components/apps/editor/settingsPanel/inputEditor/tabs.svelte'
import { createEventDispatcher, getContext } from 'svelte'
import { twMerge } from 'tailwind-merge'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
const dispatch = createEventDispatcher<{ onpointerdown: any }>()
diff --git a/frontend/src/lib/components/copilot/MetadataGen.svelte b/frontend/src/lib/components/copilot/MetadataGen.svelte
index a68fdc494d..bd47e28e0c 100644
--- a/frontend/src/lib/components/copilot/MetadataGen.svelte
+++ b/frontend/src/lib/components/copilot/MetadataGen.svelte
@@ -11,7 +11,7 @@
import { yamlStringifyExceptKeys } from './utils'
import type { ChatCompletionMessageParam } from 'openai/resources/index.mjs'
import { createDispatcherIfMounted } from '$lib/createDispatcherIfMounted'
- import { triggerableByAI } from '$lib/actions/triggerableByAI'
+ import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
type PromptConfig = {
system: string
@@ -234,72 +234,70 @@ Generate a description for the flow below:
}
}}
>
-
- {#if active}
-
0
- ? 'bg-green-100 text-green-800 dark:text-green-400 dark:bg-green-700'
- : ''
- )}
- >
-
- {#if loading}
- ESC
- {:else}
- TAB
- {/if}
- {#if loading}
-
- {:else if generatedContent}
-
- {:else}
-
- {/if}
-
+
+ {#if active}
+
0
+ ? 'bg-green-100 text-green-800 dark:text-green-400 dark:bg-green-700'
+ : ''
+ )}
+ >
+
+ {#if loading}
+ ESC
+ {:else}
+ TAB
+ {/if}
+ {#if loading}
+
+ {:else if generatedContent}
+
+ {:else}
+
+ {/if}
-
- {generatedContent}
-
- {/if}
-
-
GH Markdown
-
+
+
+ {generatedContent}
- {:else}
-
+ {#if elementType === 'textarea'}
+
+ {:else}
+
(focused = true)}
+ on:blur={() => (focused = false)}
+ />
+ {/if}