@vibesdotdev/workers 0.0.0-stage → 1.0.0-rc.2

package/dist/svelte/components/WorkersLoader.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+	import { onDestroy, onMount, untrack, type Snippet } from 'svelte';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte';
+	import { settle } from '../../core/settle.js';
+	import {
+		provideWorkersState,
+  type WorkersState,
+		type WorkersStateInitOptions
+	} from '../state.svelte.js';
+
+	let {
+		client,
+  state,
+  children,
+		queueId,
+		pollIntervalMs = 10_000,
+		disposeOnDestroy = true
+	}: WorkersStateInitOptions & {
+		state?: WorkersState;
+  children?: Snippet;
+  pollIntervalMs?: number;
+		disposeOnDestroy?: boolean;
+	} = $props();
+
+	const workersState = provideWorkersState(untrack(() => state));
+	const runtimeStore = getRuntimeSvelteContext();
+	let timer: ReturnType<typeof setInterval> | null = null;
+
+	onMount(() => {
+		void (async () => {
+			const outcome = await settle(async () => {
+				const runtime = client ? undefined : await runtimeStore.load();
+				await workersState.init({ client, runtime, queueId });
+			});
+			if (!outcome.ok) {
+				workersState.error =
+					outcome.caught instanceof Error
+						? outcome.caught.message
+						: outcome.caught.description;
+			}
+		})();
+		if (pollIntervalMs > 0) {
+			timer = setInterval(() => void workersState.refresh(), pollIntervalMs);
+		}
+	});
+
+	onDestroy(() => {
+		if (timer) clearInterval(timer);
+		if (disposeOnDestroy) workersState.dispose();
+	});
+</script>
+
+{@render children?.()}

package/dist/svelte/components/WorkersLoader.svelte.d.ts

@@ -0,0 +1,12 @@
+import { type Snippet } from 'svelte';
+import { type WorkersState, type WorkersStateInitOptions } from '../state.svelte.ts';
+type $$ComponentProps = WorkersStateInitOptions & {
+    state?: WorkersState;
+    children?: Snippet;
+    pollIntervalMs?: number;
+    disposeOnDestroy?: boolean;
+};
+declare const WorkersLoader: import("svelte").Component<$$ComponentProps, {}, "">;
+type WorkersLoader = ReturnType<typeof WorkersLoader>;
+export default WorkersLoader;
+//# sourceMappingURL=WorkersLoader.svelte.d.ts.map

package/dist/svelte/components/WorkersLoader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkersLoader.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/WorkersLoader.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAA+B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGnE,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,uBAAuB,EAC5B,MAAM,oBAAoB,CAAC;AAE5B,KAAK,gBAAgB,GAAI,uBAAuB,GAAG;IAClD,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAgDH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/svelte/components/WorkersOverview.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+	import { Button } from '@vibesdotdev/kit/components/ui/button';
+	import * as Card from '@vibesdotdev/kit/components/ui/card';
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import { Icon } from '@vibesdotdev/kit/components';
+	import { getWorkersState } from '../state.svelte.js';
+	import { deriveWorkerHealth } from '../runtime.js';
+
+	interface Props {
+		title?: string;
+		description?: string;
+	}
+
+	let { title = 'Workers', description = 'Background job processing' }: Props = $props();
+
+	const workersState = getWorkersState();
+	const health = $derived(deriveWorkerHealth(workersState.metrics, workersState.connected));
+</script>
+
+<div class="space-y-6">
+	<div class="flex items-center justify-between gap-4">
+		<div>
+			<h1 class="text-2xl font-bold">{title}</h1>
+			<p class="text-muted-foreground text-sm">{description}</p>
+		</div>
+		<div class="flex items-center gap-2">
+			<Badge variant={health.tone}>{health.label}</Badge>
+			<Button variant="outline" size="sm" onclick={() => void workersState.refresh()} disabled={workersState.loading}>
+				<Icon icon="tabler:refresh" class={`mr-2 h-4 w-4 ${workersState.loading ? 'animate-spin' : ''}`} />
+				Refresh
+			</Button>
+		</div>
+	</div>
+
+	{#if workersState.error}
+		<div role="alert" class="border-destructive bg-destructive/10 text-destructive rounded-lg border p-4 text-sm">
+			{workersState.error}
+		</div>
+	{/if}
+
+	<div class="grid gap-4 sm:grid-cols-4">
+		{#each [
+			['Active', workersState.metrics.active],
+			['Waiting', workersState.metrics.waiting],
+			['Completed', workersState.metrics.completed],
+			['Failed', workersState.metrics.failed]
+		] as metric}
+			<Card.Root>
+				<Card.Content class="pt-6">
+					<p class="text-muted-foreground text-xs tracking-wider uppercase">{metric[0]}</p>
+					<p class="mt-2 text-2xl font-bold">{metric[1]}</p>
+				</Card.Content>
+			</Card.Root>
+		{/each}
+	</div>
+
+	<Card.Root>
+		<Card.Header>
+			<Card.Title>Worker health</Card.Title>
+			<Card.Description>{health.description}</Card.Description>
+		</Card.Header>
+		<Card.Content class="flex items-center gap-2 text-sm">
+			<Icon icon={workersState.connected ? 'tabler:circle-check' : 'tabler:plug-connected-x'} class="h-5 w-5" />
+			<span>{health.label}</span>
+		</Card.Content>
+	</Card.Root>
+</div>

package/dist/svelte/components/WorkersOverview.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    title?: string;
+    description?: string;
+}
+declare const WorkersOverview: import("svelte").Component<Props, {}, "">;
+type WorkersOverview = ReturnType<typeof WorkersOverview>;
+export default WorkersOverview;
+//# sourceMappingURL=WorkersOverview.svelte.d.ts.map

package/dist/svelte/components/WorkersOverview.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkersOverview.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/WorkersOverview.svelte.ts"],"names":[],"mappings":"AAWC,UAAU,KAAK;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAmEF,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,9 @@
+export { WorkersState, createWorkersState, provideWorkersState, getWorkersState } from './state.svelte.ts';
+export type { WorkersStateInitOptions, WorkersSurfaceClient } from './state.svelte.ts';
+export { deriveWorkerHealth } from './runtime.ts';
+export type { WorkerHealthView, WorkersMetrics } from './runtime.ts';
+export { default as WorkersLoader } from './components/WorkersLoader.svelte';
+export { default as WorkersOverview } from './components/WorkersOverview.svelte';
+export { default as ExecuteCodeToolCard } from './tool-widgets/ExecuteCodeToolCard.svelte';
+export { executeCodeWidgetDescriptor, workersSveltePlugin, WORKERS_SVELTE_TOOL_WIDGETS } from './workers-svelte.plugin.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC3G,YAAY,EACX,uBAAuB,EACvB,oBAAoB,EACpB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EACN,2BAA2B,EAC3B,mBAAmB,EACnB,2BAA2B,EAC3B,MAAM,4BAA4B,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,6 @@
+export { WorkersState, createWorkersState, provideWorkersState, getWorkersState } from "./state.svelte.js";
+export { deriveWorkerHealth } from "./runtime.js";
+export { default as WorkersLoader } from './components/WorkersLoader.svelte';
+export { default as WorkersOverview } from './components/WorkersOverview.svelte';
+export { default as ExecuteCodeToolCard } from './tool-widgets/ExecuteCodeToolCard.svelte';
+export { executeCodeWidgetDescriptor, workersSveltePlugin, WORKERS_SVELTE_TOOL_WIDGETS } from "./workers-svelte.plugin.js";

package/dist/svelte/plugin.d.ts

@@ -0,0 +1,2 @@
+export { default, workersSveltePlugin, executeCodeWidgetDescriptor, WORKERS_SVELTE_TOOL_WIDGETS } from './workers-svelte.plugin.ts';
+//# sourceMappingURL=plugin.d.ts.map

package/dist/svelte/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/svelte/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,2BAA2B,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/svelte/plugin.js

@@ -0,0 +1 @@
+export { default, workersSveltePlugin, executeCodeWidgetDescriptor, WORKERS_SVELTE_TOOL_WIDGETS } from "./workers-svelte.plugin.js";

package/dist/svelte/runnable/components/ArtifactList.svelte

@@ -0,0 +1,186 @@
+<script lang="ts">
+	import { Icon } from '@vibesdotdev/kit/components';
+	import type {
+		ArtifactDownloadHref,
+		RunnableArtifactEntry,
+	} from '../types.js';
+
+	interface Props {
+		artifacts: RunnableArtifactEntry[];
+		downloadHref?: ArtifactDownloadHref;
+		emptyLabel?: string;
+	}
+
+	let {
+		artifacts,
+		downloadHref = (artifact) => artifact.downloadUrl,
+		emptyLabel = 'No artifacts for this run',
+	}: Props = $props();
+
+	function formatSize(bytes: number): string {
+		if (bytes === 0) return '0 B';
+		const k = 1024;
+		const sizes = ['B', 'KB', 'MB', 'GB'];
+		const i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
+		return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
+	}
+
+	function artifactIcon(mimeType: string): string {
+		if (mimeType.startsWith('image/')) return 'lucide:image';
+		if (
+			mimeType.includes('json') ||
+			mimeType.includes('text') ||
+			mimeType.includes('yaml')
+		) {
+			return 'lucide:file-json';
+		}
+		return 'lucide:file-text';
+	}
+
+	function base64ToBlob(base64: string, mimeType: string): Blob {
+		const binary = atob(base64);
+		const bytes = new Uint8Array(binary.length);
+		for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+		return new Blob([bytes], { type: mimeType });
+	}
+
+	function triggerDownload(url: string, filename: string): void {
+		const anchor = document.createElement('a');
+		anchor.href = url;
+		anchor.download = filename;
+		anchor.click();
+	}
+
+	function canDownload(artifact: RunnableArtifactEntry): boolean {
+		return Boolean(artifact.data || downloadHref(artifact));
+	}
+
+	function downloadArtifact(artifact: RunnableArtifactEntry): void {
+		if (artifact.data) {
+			const blob = base64ToBlob(artifact.data, artifact.mimeType);
+			const url = URL.createObjectURL(blob);
+			triggerDownload(url, artifact.name);
+			setTimeout(() => URL.revokeObjectURL(url), 1000);
+			return;
+		}
+		const href = downloadHref(artifact);
+		if (href) triggerDownload(href, artifact.name);
+	}
+
+	function timeAgo(ts: number): string {
+		const minutes = Math.max(0, Math.floor((Date.now() - ts) / 60000));
+		if (minutes < 60) return `${minutes}m ago`;
+		return `${Math.floor(minutes / 60)}h ago`;
+	}
+</script>
+
+<div class="runnable-artifact-list">
+	{#if artifacts.length === 0}
+		<div class="ral-empty">{emptyLabel}</div>
+	{:else}
+		{#each artifacts as artifact (artifact.id)}
+			<button
+				type="button"
+				class="ral-item"
+				disabled={!canDownload(artifact)}
+				onclick={() => downloadArtifact(artifact)}
+			>
+				<Icon icon={artifactIcon(artifact.mimeType)} class="ral-icon" />
+				<div class="ral-info">
+					<span class="ral-name">{artifact.name}</span>
+					<span class="ral-meta">
+						{formatSize(artifact.size)} | {artifact.mimeType} | {timeAgo(artifact.ts)}
+					</span>
+				</div>
+				<Icon icon="lucide:download" class="ral-download" />
+			</button>
+		{/each}
+	{/if}
+</div>
+
+<style>
+	.runnable-artifact-list {
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+	}
+
+	.ral-empty {
+		text-align: center;
+		padding: 32px;
+		font-size: 13px;
+		color: var(--muted-foreground);
+	}
+
+	.ral-item {
+		display: flex;
+		align-items: center;
+		gap: 10px;
+		padding: 8px 12px;
+		border-radius: 6px;
+		border: 1px solid transparent;
+		background: transparent;
+		color: inherit;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			border-color 0.15s,
+			opacity 0.15s;
+		text-align: left;
+		width: 100%;
+	}
+
+	.ral-item:disabled {
+		cursor: default;
+		opacity: 0.65;
+	}
+
+	.ral-item:not(:disabled):hover {
+		background: var(--card);
+		border-color: var(--border);
+	}
+
+	:global(.ral-icon) {
+		width: 16px;
+		height: 16px;
+		color: var(--muted-foreground);
+		flex-shrink: 0;
+	}
+
+	.ral-info {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		gap: 1px;
+		min-width: 0;
+	}
+
+	.ral-name {
+		font-family: var(--font-brand);
+		font-size: 12px;
+		font-weight: 600;
+		color: var(--foreground);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.ral-meta {
+		font-family: var(--font-brand);
+		font-size: 10px;
+		color: var(--muted-foreground);
+	}
+
+	:global(.ral-download) {
+		width: 14px;
+		height: 14px;
+		color: var(--muted-foreground);
+		flex-shrink: 0;
+		opacity: 0;
+		transition: opacity 0.15s;
+	}
+
+	.ral-item:not(:disabled):hover :global(.ral-download) {
+		opacity: 1;
+	}
+</style>

package/dist/svelte/runnable/components/ArtifactList.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ArtifactDownloadHref, RunnableArtifactEntry } from '../types.ts';
+interface Props {
+    artifacts: RunnableArtifactEntry[];
+    downloadHref?: ArtifactDownloadHref;
+    emptyLabel?: string;
+}
+declare const ArtifactList: import("svelte").Component<Props, {}, "">;
+type ArtifactList = ReturnType<typeof ArtifactList>;
+export default ArtifactList;
+//# sourceMappingURL=ArtifactList.svelte.d.ts.map

package/dist/svelte/runnable/components/ArtifactList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactList.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/components/ArtifactList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,MAAM,aAAa,CAAC;AAGrB,UAAU,KAAK;IACd,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AA4FF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/runnable/components/LogViewer.svelte

@@ -0,0 +1,208 @@
+<script lang="ts">
+	import type { RunnableLogEntry } from '../types.js';
+
+	interface Props {
+		logs: RunnableLogEntry[];
+		maxHeight?: string;
+	}
+
+	let { logs, maxHeight = '400px' }: Props = $props();
+
+	let levelFilter = $state('all');
+	let searchText = $state('');
+	let autoScroll = $state(true);
+	let scrollEl: HTMLDivElement | undefined = $state();
+	const levels = ['all', 'debug', 'info', 'warn', 'error'];
+
+	const filteredLogs = $derived.by(() => {
+		let result = logs;
+		if (levelFilter !== 'all') result = result.filter((log) => log.level === levelFilter);
+		if (searchText.trim()) {
+			const q = searchText.toLowerCase();
+			result = result.filter((log) => log.message.toLowerCase().includes(q));
+		}
+		return result;
+	});
+
+	function relativeTime(ts: number): string {
+		const seconds = Math.max(0, Math.floor((Date.now() - ts) / 1000));
+		if (seconds < 60) return `${seconds}s ago`;
+		const minutes = Math.floor(seconds / 60);
+		return minutes < 60 ? `${minutes}m ago` : `${Math.floor(minutes / 60)}h ago`;
+	}
+
+	function levelColor(level: string): string {
+		if (level === 'error') return 'var(--runnable-color-danger, #ef4444)';
+		if (level === 'warn') return 'var(--runnable-color-warning, #f59e0b)';
+		if (level === 'info') return 'var(--runnable-color-accent, #14b8a6)';
+		return 'var(--muted-foreground, #64748b)';
+	}
+
+	$effect(() => {
+		if (autoScroll && scrollEl && filteredLogs.length > 0) {
+			scrollEl.scrollTop = scrollEl.scrollHeight;
+		}
+	});
+</script>
+
+<div class="runnable-log-viewer">
+	<div class="rlv-controls">
+		<div class="rlv-filter">
+			{#each levels as level}
+				<button
+					type="button"
+					class="rlv-btn"
+					class:active={levelFilter === level}
+					onclick={() => (levelFilter = level)}
+				>
+					{level}
+				</button>
+			{/each}
+		</div>
+		<input
+			type="text"
+			class="rlv-search"
+			placeholder="Search logs..."
+			bind:value={searchText}
+		/>
+		<button
+			type="button"
+			class="rlv-btn"
+			class:active={autoScroll}
+			onclick={() => (autoScroll = !autoScroll)}
+		>
+			Auto-scroll
+		</button>
+	</div>
+	<div class="rlv-list" bind:this={scrollEl} style:max-height={maxHeight}>
+		{#each filteredLogs as log, index (log.id ?? `${log.ts}-${index}`)}
+			<div class="rlv-entry">
+				<span class="rlv-level" style:color={levelColor(log.level)}>
+					{log.level.slice(0, 4).toUpperCase()}
+				</span>
+				<span class="rlv-time" title={new Date(log.ts).toLocaleString()}>
+					{relativeTime(log.ts)}
+				</span>
+				<span class="rlv-message">{log.message}</span>
+			</div>
+		{/each}
+		{#if filteredLogs.length === 0}
+			<div class="rlv-empty">No logs match filters</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.runnable-log-viewer {
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+	}
+
+	.rlv-controls {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		flex-wrap: wrap;
+	}
+
+	.rlv-filter {
+		display: flex;
+		gap: 2px;
+	}
+
+	.rlv-btn {
+		font-family: var(--font-brand);
+		font-size: 10px;
+		font-weight: 600;
+		letter-spacing: 0.05em;
+		padding: 3px 8px;
+		border-radius: 4px;
+		border: 1px solid var(--border);
+		background: transparent;
+		color: var(--muted-foreground);
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			color 0.15s,
+			border-color 0.15s;
+	}
+
+	.rlv-btn:hover,
+	.rlv-btn.active {
+		background: var(--accent);
+		color: var(--foreground);
+		border-color: var(--accent-foreground);
+	}
+
+	.rlv-search {
+		flex: 1;
+		min-width: 120px;
+		font-family: var(--font-brand);
+		font-size: 11px;
+		padding: 3px 8px;
+		border-radius: 4px;
+		border: 1px solid var(--border);
+		background: var(--card);
+		color: var(--foreground);
+		outline: none;
+	}
+
+	.rlv-search:focus {
+		border-color: var(--runnable-color-accent, #14b8a6);
+	}
+
+	.rlv-list {
+		overflow-y: auto;
+		background: var(--card);
+		border: 1px solid var(--border);
+		border-radius: 8px;
+		padding: 4px;
+	}
+
+	.rlv-entry {
+		display: flex;
+		align-items: baseline;
+		gap: 8px;
+		padding: 3px 6px;
+		border-radius: 4px;
+		font-size: 12px;
+	}
+
+	.rlv-entry:hover {
+		background: var(--accent);
+	}
+
+	.rlv-level {
+		font-family: var(--font-brand);
+		font-size: 9px;
+		font-weight: 700;
+		letter-spacing: 0.1em;
+		width: 32px;
+		flex-shrink: 0;
+	}
+
+	.rlv-time {
+		font-family: var(--font-brand);
+		font-size: 10px;
+		color: var(--muted-foreground);
+		font-variant-numeric: tabular-nums;
+		width: 56px;
+		flex-shrink: 0;
+		cursor: default;
+	}
+
+	.rlv-message {
+		font-family: var(--font-brand);
+		font-size: 12px;
+		color: var(--foreground);
+		word-break: break-word;
+	}
+
+	.rlv-empty {
+		text-align: center;
+		padding: 24px;
+		font-size: 12px;
+		color: var(--muted-foreground);
+	}
+</style>

package/dist/svelte/runnable/components/LogViewer.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { RunnableLogEntry } from '../types.ts';
+interface Props {
+    logs: RunnableLogEntry[];
+    maxHeight?: string;
+}
+declare const LogViewer: import("svelte").Component<Props, {}, "">;
+type LogViewer = ReturnType<typeof LogViewer>;
+export default LogViewer;
+//# sourceMappingURL=LogViewer.svelte.d.ts.map

package/dist/svelte/runnable/components/LogViewer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/components/LogViewer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAGnD,UAAU,KAAK;IACd,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAgFF,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}