ruflo 3.10.45 → 3.11.0

package/src/ruvocal/src/lib/components/WelcomeModal.svelte

@@ -1,46 +1,46 @@
-<script lang="ts">
-	import Modal from "$lib/components/Modal.svelte";
-	import RuFloUniverse from "$lib/components/RuFloUniverse.svelte";
-	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
-
-	const publicConfig = usePublicConfig();
-
-	interface Props {
-		close: () => void;
-	}
-
-	let { close }: Props = $props();
-</script>
-
-<Modal closeOnBackdrop={false} onclose={close} width="!max-w-[420px] !m-4">
-	<div
-		class="flex w-full flex-col gap-8 bg-white bg-gradient-to-b to-transparent px-6 pb-7 dark:bg-black dark:from-white/10 dark:to-white/5"
-	>
-		<div class="relative -mx-6 h-48 select-none overflow-hidden">
-			<RuFloUniverse width={420} height={192} />
-			<div
-				class="absolute bottom-3 right-3 rounded-lg border border-indigo-500/30 bg-indigo-500/20 px-2 py-0.5 text-sm font-semibold text-indigo-400"
-			>
-				MCP Tools
-			</div>
-		</div>
-
-		<div class="text-gray-700 dark:text-gray-200">
-			<p class="text-[15px] leading-relaxed">
-				Welcome to <strong>{publicConfig.PUBLIC_APP_NAME}</strong>, your intelligent workflow
-				automation assistant.
-			</p>
-			<p class="mt-3 text-[15px] leading-relaxed">
-				Powered by AI models with MCP tool integration for search, analysis, and workflow
-				execution.
-			</p>
-		</div>
-
-		<button
-			class="k w-full rounded-xl bg-indigo-600 px-5 py-2.5 text-base font-medium text-white hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600"
-			onclick={close}
-		>
-			Start chatting
-		</button>
-	</div>
-</Modal>
+<script lang="ts">
+	import Modal from "$lib/components/Modal.svelte";
+	import RuFloUniverse from "$lib/components/RuFloUniverse.svelte";
+	import { usePublicConfig } from "$lib/utils/PublicConfig.svelte";
+
+	const publicConfig = usePublicConfig();
+
+	interface Props {
+		close: () => void;
+	}
+
+	let { close }: Props = $props();
+</script>
+
+<Modal closeOnBackdrop={false} onclose={close} width="!max-w-[420px] !m-4">
+	<div
+		class="flex w-full flex-col gap-8 bg-white bg-gradient-to-b to-transparent px-6 pb-7 dark:bg-black dark:from-white/10 dark:to-white/5"
+	>
+		<div class="relative -mx-6 h-48 select-none overflow-hidden">
+			<RuFloUniverse width={420} height={192} />
+			<div
+				class="absolute bottom-3 right-3 rounded-lg border border-indigo-500/30 bg-indigo-500/20 px-2 py-0.5 text-sm font-semibold text-indigo-400"
+			>
+				MCP Tools
+			</div>
+		</div>
+
+		<div class="text-gray-700 dark:text-gray-200">
+			<p class="text-[15px] leading-relaxed">
+				Welcome to <strong>{publicConfig.PUBLIC_APP_NAME}</strong>, your intelligent workflow
+				automation assistant.
+			</p>
+			<p class="mt-3 text-[15px] leading-relaxed">
+				Powered by AI models with MCP tool integration for search, analysis, and workflow
+				execution.
+			</p>
+		</div>
+
+		<button
+			class="k w-full rounded-xl bg-indigo-600 px-5 py-2.5 text-base font-medium text-white hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-600"
+			onclick={close}
+		>
+			Start chatting
+		</button>
+	</div>
+</Modal>

package/src/ruvocal/src/lib/components/chat/Alternatives.svelte

@@ -1,77 +1,77 @@
-<script lang="ts">
-	import type { Message } from "$lib/types/Message";
-	import CarbonChevronLeft from "~icons/carbon/chevron-left";
-	import CarbonChevronRight from "~icons/carbon/chevron-right";
-
-	interface Props {
-		message: Message;
-		alternatives?: Message["id"][];
-		loading?: boolean;
-		classNames?: string;
-		onshowAlternateMsg?: (payload: { id: Message["id"] }) => void;
-	}
-
-	let {
-		message,
-		alternatives = [],
-		loading = false,
-		classNames = "",
-		onshowAlternateMsg,
-	}: Props = $props();
-
-	let currentIdx = $derived(alternatives.findIndex((id) => id === message.id));
-
-	// API client removed as deletion UI is commented out
-</script>
-
-<div
-	class="font-white group/navbranch z-0 flex h-6 w-fit select-none items-center justify-center gap-1 whitespace-nowrap text-sm {classNames}"
->
-	<button
-		class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
-		onclick={() => onshowAlternateMsg?.({ id: alternatives[Math.max(0, currentIdx - 1)] })}
-		disabled={currentIdx === 0 || loading}
-	>
-		<CarbonChevronLeft class="text-sm" />
-	</button>
-	<span class=" text-gray-400 dark:text-gray-500">
-		{currentIdx + 1} / {alternatives.length}
-	</span>
-	<button
-		class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
-		onclick={() =>
-			onshowAlternateMsg?.({
-				id: alternatives[Math.min(alternatives.length - 1, currentIdx + 1)],
-			})}
-		disabled={currentIdx === alternatives.length - 1 || loading}
-	>
-		<CarbonChevronRight class="text-sm" />
-	</button>
-	<!-- {#if !loading && message.children}
-		<button
-			class="hidden group-hover/navbranch:block"
-			onclick={() => {
-				if (confirm("Are you sure you want to delete this branch?")) {
-					client
-						.conversations({ id: page.params.id })
-						.message({ messageId: message.id })
-						.delete()
-						.then(handleResponse)
-						.then(async () => {
-							await invalidate(UrlDependency.Conversation);
-						})
-						.catch((err) => {
-							console.error(err);
-							$error = String(err);
-						});
-				}
-			}}
-		>
-			<div
-				class="flex items-center justify-center text-xs text-gray-400 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
-			>
-				<CarbonTrashCan />
-			</div>
-		</button>
-	{/if} -->
-</div>
+<script lang="ts">
+	import type { Message } from "$lib/types/Message";
+	import CarbonChevronLeft from "~icons/carbon/chevron-left";
+	import CarbonChevronRight from "~icons/carbon/chevron-right";
+
+	interface Props {
+		message: Message;
+		alternatives?: Message["id"][];
+		loading?: boolean;
+		classNames?: string;
+		onshowAlternateMsg?: (payload: { id: Message["id"] }) => void;
+	}
+
+	let {
+		message,
+		alternatives = [],
+		loading = false,
+		classNames = "",
+		onshowAlternateMsg,
+	}: Props = $props();
+
+	let currentIdx = $derived(alternatives.findIndex((id) => id === message.id));
+
+	// API client removed as deletion UI is commented out
+</script>
+
+<div
+	class="font-white group/navbranch z-0 flex h-6 w-fit select-none items-center justify-center gap-1 whitespace-nowrap text-sm {classNames}"
+>
+	<button
+		class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
+		onclick={() => onshowAlternateMsg?.({ id: alternatives[Math.max(0, currentIdx - 1)] })}
+		disabled={currentIdx === 0 || loading}
+	>
+		<CarbonChevronLeft class="text-sm" />
+	</button>
+	<span class=" text-gray-400 dark:text-gray-500">
+		{currentIdx + 1} / {alternatives.length}
+	</span>
+	<button
+		class="inline text-lg font-thin text-gray-400 hover:text-gray-800 disabled:pointer-events-none disabled:opacity-25 dark:text-gray-500 dark:hover:text-gray-200"
+		onclick={() =>
+			onshowAlternateMsg?.({
+				id: alternatives[Math.min(alternatives.length - 1, currentIdx + 1)],
+			})}
+		disabled={currentIdx === alternatives.length - 1 || loading}
+	>
+		<CarbonChevronRight class="text-sm" />
+	</button>
+	<!-- {#if !loading && message.children}
+		<button
+			class="hidden group-hover/navbranch:block"
+			onclick={() => {
+				if (confirm("Are you sure you want to delete this branch?")) {
+					client
+						.conversations({ id: page.params.id })
+						.message({ messageId: message.id })
+						.delete()
+						.then(handleResponse)
+						.then(async () => {
+							await invalidate(UrlDependency.Conversation);
+						})
+						.catch((err) => {
+							console.error(err);
+							$error = String(err);
+						});
+				}
+			}}
+		>
+			<div
+				class="flex items-center justify-center text-xs text-gray-400 hover:text-gray-800 dark:text-gray-500 dark:hover:text-gray-200"
+			>
+				<CarbonTrashCan />
+			</div>
+		</button>
+	{/if} -->
+</div>

package/src/ruvocal/src/lib/components/chat/BlockWrapper.svelte

@@ -1,72 +1,72 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-
-	interface Props {
-		icon: Snippet;
-		iconBg?: string;
-		iconRing?: string;
-		hasNext?: boolean;
-		loading?: boolean;
-		children: Snippet;
-	}
-
-	let {
-		icon,
-		iconBg = "bg-gray-50 dark:bg-gray-800",
-		iconRing = "ring-gray-100 dark:ring-gray-700",
-		hasNext = false,
-		loading = false,
-		children,
-	}: Props = $props();
-</script>
-
-<div class="group flex gap-2 has-[+.prose]:mb-1.5 [.prose+&]:mt-3">
-	<!-- Left column: icon + connector line -->
-	<div class="flex w-[22px] flex-shrink-0 flex-col items-center">
-		<div
-			class="relative z-0 flex h-[22px] w-[22px] items-center justify-center rounded-md ring-1 {iconBg} {iconRing}"
-		>
-			{@render icon()}
-			{#if loading}
-				<svg
-					class="pointer-events-none absolute inset-0 h-[22px] w-[22px]"
-					viewBox="0 0 22 22"
-					fill="none"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<rect
-						x="0.5"
-						y="0.5"
-						width="21"
-						height="21"
-						rx="5.5"
-						class="loading-path stroke-current text-purple-500/20"
-						stroke-width="1"
-						fill="none"
-					/>
-				</svg>
-			{/if}
-		</div>
-		{#if hasNext}
-			<div class="my-1 w-px flex-1 bg-gray-200 dark:bg-gray-700"></div>
-		{/if}
-	</div>
-
-	<!-- Right column: content -->
-	<div class="min-w-0 flex-1 pb-2 pt-px">
-		{@render children()}
-	</div>
-</div>
-
-<style>
-	@keyframes loading {
-		to {
-			stroke-dashoffset: -100;
-		}
-	}
-
-	.loading-path {
-		stroke-dasharray: 60 40;
-		animation: loading 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
-	}
-</style>
+<script lang="ts">
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		icon: Snippet;
+		iconBg?: string;
+		iconRing?: string;
+		hasNext?: boolean;
+		loading?: boolean;
+		children: Snippet;
+	}
+
+	let {
+		icon,
+		iconBg = "bg-gray-50 dark:bg-gray-800",
+		iconRing = "ring-gray-100 dark:ring-gray-700",
+		hasNext = false,
+		loading = false,
+		children,
+	}: Props = $props();
+</script>
+
+<div class="group flex gap-2 has-[+.prose]:mb-1.5 [.prose+&]:mt-3">
+	<!-- Left column: icon + connector line -->
+	<div class="flex w-[22px] flex-shrink-0 flex-col items-center">
+		<div
+			class="relative z-0 flex h-[22px] w-[22px] items-center justify-center rounded-md ring-1 {iconBg} {iconRing}"
+		>
+			{@render icon()}
+			{#if loading}
+				<svg
+					class="pointer-events-none absolute inset-0 h-[22px] w-[22px]"
+					viewBox="0 0 22 22"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<rect
+						x="0.5"
+						y="0.5"
+						width="21"
+						height="21"
+						rx="5.5"
+						class="loading-path stroke-current text-purple-500/20"
+						stroke-width="1"
+						fill="none"
+					/>
+				</svg>
+			{/if}
+		</div>
+		{#if hasNext}
+			<div class="my-1 w-px flex-1 bg-gray-200 dark:bg-gray-700"></div>
+		{/if}
+	</div>
+
+	<!-- Right column: content -->
+	<div class="min-w-0 flex-1 pb-2 pt-px">
+		{@render children()}
+	</div>
+</div>
+
+<style>
+	@keyframes loading {
+		to {
+			stroke-dashoffset: -100;
+		}
+	}
+
+	.loading-path {
+		stroke-dasharray: 60 40;
+		animation: loading 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+	}
+</style>