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

package/dist/svelte/runnable/components/MetricCard.svelte

@@ -0,0 +1,176 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import type { MetricCardProps } from '../types.js';
+
+	let {
+		label,
+		unit = '',
+		values,
+		color = 'var(--runnable-color-accent, #14b8a6)',
+	}: MetricCardProps = $props();
+
+	let canvasEl: HTMLCanvasElement | undefined = $state();
+	const width = 120;
+	const height = 32;
+
+	const currentValue = $derived(
+		values.length > 0 ? values[values.length - 1] : 0,
+	);
+
+	const trend = $derived.by((): 'up' | 'down' | 'flat' => {
+		if (values.length < 3) return 'flat';
+		const recent = values.slice(-30);
+		const first = recent[0];
+		const last = recent[recent.length - 1];
+		const delta = last - first;
+		const range = Math.abs(first) + Math.abs(last) || 1;
+		if (Math.abs(delta / range) < 0.02) return 'flat';
+		return delta > 0 ? 'up' : 'down';
+	});
+
+	const trendLabel = $derived(
+		trend === 'up' ? 'UP' : trend === 'down' ? 'DN' : '--',
+	);
+
+	const trendColor = $derived(
+		trend === 'up'
+			? 'var(--runnable-color-live, #34d399)'
+			: trend === 'down'
+				? 'var(--runnable-color-danger, #ef4444)'
+				: 'var(--muted-foreground, #64748b)',
+	);
+
+	function drawSparkline(): void {
+		if (!canvasEl || values.length < 2) return;
+		const ctx = canvasEl.getContext('2d');
+		if (!ctx) return;
+
+		const dpr = window.devicePixelRatio || 1;
+		canvasEl.width = width * dpr;
+		canvasEl.height = height * dpr;
+		ctx.scale(dpr, dpr);
+		ctx.clearRect(0, 0, width, height);
+
+		const min = Math.min(...values);
+		const max = Math.max(...values);
+		const range = max - min || 1;
+		const step = width / (values.length - 1);
+
+		ctx.beginPath();
+		for (let i = 0; i < values.length; i++) {
+			const x = i * step;
+			const y = height - ((values[i] - min) / range) * (height - 4) - 2;
+			if (i === 0) ctx.moveTo(x, y);
+			else ctx.lineTo(x, y);
+		}
+		ctx.lineTo(width, height);
+		ctx.lineTo(0, height);
+		ctx.closePath();
+		ctx.fillStyle = color;
+		ctx.globalAlpha = 0.12;
+		ctx.fill();
+		ctx.globalAlpha = 1;
+
+		ctx.beginPath();
+		for (let i = 0; i < values.length; i++) {
+			const x = i * step;
+			const y = height - ((values[i] - min) / range) * (height - 4) - 2;
+			if (i === 0) ctx.moveTo(x, y);
+			else ctx.lineTo(x, y);
+		}
+		ctx.strokeStyle = color;
+		ctx.lineWidth = 1.5;
+		ctx.lineJoin = 'round';
+		ctx.stroke();
+	}
+
+	$effect(() => {
+		drawSparkline();
+	});
+
+	onMount(() => {
+		drawSparkline();
+	});
+</script>
+
+<div class="runnable-metric-card">
+	<div class="rmc-top-bar" style:background={color}></div>
+	<div class="rmc-header">
+		<span class="rmc-label">{label}</span>
+		<span class="rmc-trend" style:color={trendColor}>{trendLabel}</span>
+	</div>
+	<span class="rmc-value" style:color={color}>
+		{currentValue.toLocaleString(undefined, {
+			maximumFractionDigits: 2,
+		})}
+		{#if unit}<span class="rmc-unit">{unit}</span>{/if}
+	</span>
+	<canvas
+		bind:this={canvasEl}
+		width={width}
+		height={height}
+		class="rmc-sparkline"
+	></canvas>
+</div>
+
+<style>
+	.runnable-metric-card {
+		position: relative;
+		padding: 10px 14px;
+		background: var(--card);
+		border: 1px solid var(--border);
+		border-radius: 8px;
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+		overflow: hidden;
+	}
+
+	.rmc-top-bar {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		height: 2px;
+	}
+
+	.rmc-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.rmc-label {
+		font-family: var(--font-brand);
+		font-size: 9px;
+		font-weight: 700;
+		letter-spacing: 0.12em;
+		color: var(--muted-foreground);
+		text-transform: uppercase;
+	}
+
+	.rmc-trend {
+		font-size: 10px;
+		font-weight: 700;
+		line-height: 1;
+	}
+
+	.rmc-value {
+		font-family: var(--font-brand);
+		font-size: 1.25rem;
+		font-weight: 700;
+		font-variant-numeric: tabular-nums;
+	}
+
+	.rmc-unit {
+		font-size: 0.7rem;
+		color: var(--muted-foreground);
+		margin-left: 2px;
+	}
+
+	.rmc-sparkline {
+		width: 120px;
+		height: 32px;
+		display: block;
+	}
+</style>

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

@@ -0,0 +1,5 @@
+import type { MetricCardProps } from '../types.ts';
+declare const MetricCard: import("svelte").Component<MetricCardProps, {}, "">;
+type MetricCard = ReturnType<typeof MetricCard>;
+export default MetricCard;
+//# sourceMappingURL=MetricCard.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/components/MetricCard.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAoHnD,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/svelte/runnable/components/RunStatusBadge.svelte

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { Badge } from '@vibesdotdev/kit/components/ui/badge';
+	import type { RunnableRunStatus } from '../types.js';
+	import { getRunStatusDisplay } from '../lib/status.js';
+
+	interface Props {
+		status: RunnableRunStatus | string | null | undefined;
+		compact?: boolean;
+	}
+
+	let { status, compact = false }: Props = $props();
+	const display = $derived(getRunStatusDisplay(status ?? 'idle'));
+	const badgeStyle = $derived(
+		`background: ${display.backgroundColor}; border-color: ${display.borderColor}; color: ${display.textColor};`,
+	);
+</script>
+
+{#if compact}
+	<span
+		class="runnable-status-dot"
+		style:background={display.dotColor}
+		aria-label={display.label}
+	></span>
+{:else}
+	<Badge variant="outline" class={`runnable-status-badge ${display.badgeClass}`} style={badgeStyle}>
+		{display.label}
+	</Badge>
+{/if}
+
+<style>
+	.runnable-status-dot {
+		display: inline-block;
+		width: 8px;
+		height: 8px;
+		border-radius: 50%;
+		flex-shrink: 0;
+	}
+</style>

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

@@ -0,0 +1,9 @@
+import type { RunnableRunStatus } from '../types.ts';
+interface Props {
+    status: RunnableRunStatus | string | null | undefined;
+    compact?: boolean;
+}
+declare const RunStatusBadge: import("svelte").Component<Props, {}, "">;
+type RunStatusBadge = ReturnType<typeof RunStatusBadge>;
+export default RunStatusBadge;
+//# sourceMappingURL=RunStatusBadge.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RunStatusBadge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/components/RunStatusBadge.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAIpD,UAAU,KAAK;IACd,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AA0BF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/runnable/components/TypePicker.svelte

@@ -0,0 +1,337 @@
+<script lang="ts">
+	import { Icon } from '@vibesdotdev/kit/components';
+	import type { RunnableTypeSummary } from '../types.js';
+	import { getRunnableTypeAccent } from '../lib/status.js';
+
+	interface Props {
+		types: RunnableTypeSummary[];
+		selected: string | null;
+		jsonMode?: boolean;
+		onselect: (id: string) => void;
+		onjsonchange: (json: string) => void;
+	}
+
+	let {
+		types,
+		selected,
+		jsonMode = false,
+		onselect,
+		onjsonchange,
+	}: Props = $props();
+
+	let jsonValue = $state('');
+	let showJson = $state(false);
+	const standardCategories = ['train', 'benchmark', 'sweep', 'eval', 'test', 'research'];
+	const standardTypes = $derived(
+		types.filter((type) => standardCategories.includes(type.category)),
+	);
+	const pluginTypes = $derived(
+		types.filter((type) => !standardCategories.includes(type.category)),
+	);
+	const categoryIcons = {
+		train: 'lucide:brain',
+		benchmark: 'lucide:gauge',
+		sweep: 'lucide:crosshair',
+		eval: 'lucide:flask-conical',
+		test: 'lucide:zap',
+		research: 'lucide:search',
+	} satisfies Record<string, string>;
+
+	function getCategoryIcon(category: string): string {
+		if (category in categoryIcons) {
+			// SAFETY: category was verified to be a known key of categoryIcons via the in operator.
+			return categoryIcons[category as keyof typeof categoryIcons];
+		}
+		return 'lucide:rocket';
+	}
+
+	$effect(() => {
+		if (jsonMode) showJson = true;
+	});
+
+	function handleJsonInput(event: Event): void {
+		// SAFETY: Target of the input event on textarea is guaranteed to be HTMLTextAreaElement.
+		const value = (event.target as HTMLTextAreaElement).value;
+		jsonValue = value;
+		onjsonchange(value);
+	}
+</script>
+
+<div class="runnable-type-picker">
+	<div class="rtp-section">
+		<h3 class="rtp-section-label">Standard Types</h3>
+		<div class="rtp-type-grid">
+			{#each standardTypes as type (type.id)}
+				{@const icon = getCategoryIcon(type.category)}
+				{@const color = getRunnableTypeAccent(type.category)}
+				<button
+					type="button"
+					class="rtp-type-card"
+					class:selected={selected === type.id}
+					style="--card-accent: {color}"
+					onclick={() => onselect(type.id)}
+				>
+					<div class="rtp-card-icon"><Icon {icon} class="h-6 w-6" /></div>
+					<div class="rtp-card-info">
+						<span class="rtp-card-name">{type.name}</span>
+						<span class="rtp-card-desc">{type.description}</span>
+					</div>
+					{#if selected === type.id}
+						<div class="rtp-check" aria-label="Selected">
+							<Icon icon="lucide:check" class="h-3 w-3" />
+						</div>
+					{/if}
+				</button>
+			{/each}
+		</div>
+	</div>
+
+	{#if pluginTypes.length > 0}
+		<div class="rtp-section">
+			<h3 class="rtp-section-label">Plugin Types</h3>
+			<div class="rtp-type-grid">
+				{#each pluginTypes as type (type.id)}
+					{@const color = getRunnableTypeAccent(type.category)}
+					<button
+						type="button"
+						class="rtp-type-card"
+						class:selected={selected === type.id}
+						style="--card-accent: {color}"
+						onclick={() => onselect(type.id)}
+					>
+						<div class="rtp-card-icon"><Icon icon="lucide:loader" class="h-6 w-6" /></div>
+						<div class="rtp-card-info">
+							<span class="rtp-card-name">{type.name}</span>
+							<span class="rtp-card-desc">{type.description}</span>
+						</div>
+						{#if selected === type.id}
+							<div class="rtp-check" aria-label="Selected">
+								<Icon icon="lucide:check" class="h-3 w-3" />
+							</div>
+						{/if}
+					</button>
+				{/each}
+			</div>
+		</div>
+	{/if}
+
+	<div class="rtp-section">
+		<h3 class="rtp-section-label">Custom JSON</h3>
+		{#if !showJson}
+			<button type="button" class="rtp-json-toggle" onclick={() => (showJson = true)}>
+				<Icon icon="lucide:terminal" class="h-4 w-4" />
+				Start from JSON
+			</button>
+		{:else}
+			<div class="rtp-json-terminal">
+				<div class="rtp-terminal-header">
+					<span class="rtp-terminal-dot"></span>
+					<span class="rtp-terminal-label">JSON INPUT</span>
+				</div>
+				<div class="rtp-terminal-body">
+					<span class="rtp-terminal-prompt">&gt;</span>
+					<textarea
+						class="rtp-terminal-input"
+						value={jsonValue}
+						oninput={handleJsonInput}
+						placeholder={'{"runnableType": "...", "config": {}}'}
+						rows="6"
+					></textarea>
+				</div>
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.runnable-type-picker {
+		display: flex;
+		flex-direction: column;
+		gap: 28px;
+	}
+
+	.rtp-section {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+	}
+
+	.rtp-section-label {
+		font-family: var(--font-brand);
+		font-size: 10px;
+		font-weight: 700;
+		letter-spacing: 0.12em;
+		text-transform: uppercase;
+		color: var(--muted-foreground);
+	}
+
+	.rtp-type-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+		gap: 10px;
+	}
+
+	.rtp-type-card {
+		position: relative;
+		display: flex;
+		align-items: flex-start;
+		gap: 12px;
+		padding: 14px;
+		background: var(--card);
+		border: 1px solid var(--border);
+		border-radius: 8px;
+		cursor: pointer;
+		text-align: left;
+		transition:
+			transform 0.15s,
+			border-color 0.15s,
+			background 0.15s,
+			box-shadow 0.15s;
+	}
+
+	.rtp-type-card:hover {
+		transform: translateY(-2px);
+		border-color: color-mix(in srgb, var(--card-accent) 50%, var(--border));
+		background: color-mix(in srgb, var(--card-accent) 6%, var(--card));
+		box-shadow: 0 4px 12px color-mix(in srgb, var(--card-accent) 10%, transparent);
+	}
+
+	.rtp-type-card.selected {
+		border-color: var(--card-accent);
+		background: color-mix(in srgb, var(--card-accent) 10%, var(--card));
+		box-shadow:
+			0 0 0 2px color-mix(in srgb, var(--card-accent) 20%, transparent),
+			0 0 16px color-mix(in srgb, var(--card-accent) 12%, transparent);
+	}
+
+	.rtp-card-icon {
+		flex-shrink: 0;
+		color: var(--muted-foreground);
+		transition: color 0.15s;
+	}
+
+	.rtp-type-card:hover .rtp-card-icon,
+	.rtp-type-card.selected .rtp-card-icon {
+		color: var(--card-accent);
+	}
+
+	.rtp-card-info {
+		display: flex;
+		flex-direction: column;
+		gap: 3px;
+		min-width: 0;
+	}
+
+	.rtp-card-name {
+		font-family: var(--font-brand);
+		font-size: 13px;
+		font-weight: 600;
+		color: var(--foreground);
+	}
+
+	.rtp-card-desc {
+		font-size: 11px;
+		color: var(--muted-foreground);
+		line-height: 1.4;
+	}
+
+	.rtp-check {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		width: 22px;
+		height: 18px;
+		border-radius: 999px;
+		background: var(--card-accent);
+		color: #000;
+		font-size: 9px;
+		font-weight: 700;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.rtp-json-toggle {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 10px 14px;
+		background: var(--card);
+		border: 1px dashed var(--border);
+		border-radius: 8px;
+		color: var(--muted-foreground);
+		font-size: 12px;
+		cursor: pointer;
+		transition:
+			border-color 0.15s,
+			color 0.15s;
+	}
+
+	.rtp-json-toggle:hover {
+		border-color: var(--runnable-color-accent, #14b8a6);
+		color: var(--foreground);
+	}
+
+	.rtp-json-terminal {
+		background: var(--runnable-terminal-background, color-mix(in srgb, #000 90%, var(--card)));
+		border: 1px solid color-mix(in srgb, var(--runnable-color-accent, #14b8a6) 25%, var(--border));
+		border-radius: 8px;
+		overflow: hidden;
+	}
+
+	.rtp-terminal-header {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 6px 12px;
+		background: color-mix(in srgb, #000 95%, var(--card));
+		border-bottom: 1px solid color-mix(in srgb, var(--runnable-color-accent, #14b8a6) 15%, transparent);
+	}
+
+	.rtp-terminal-dot {
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		background: var(--runnable-color-live, #34d399);
+	}
+
+	.rtp-terminal-label {
+		font-family: var(--font-brand);
+		font-size: 9px;
+		font-weight: 700;
+		letter-spacing: 0.15em;
+		color: var(--runnable-color-accent, #14b8a6);
+	}
+
+	.rtp-terminal-body {
+		display: flex;
+		gap: 8px;
+		padding: 12px;
+	}
+
+	.rtp-terminal-prompt {
+		font-family: var(--font-mono);
+		font-size: 13px;
+		color: var(--runnable-color-live, #34d399);
+		font-weight: 700;
+		user-select: none;
+		padding-top: 2px;
+	}
+
+	.rtp-terminal-input {
+		flex: 1;
+		background: transparent;
+		border: none;
+		outline: none;
+		color: var(--runnable-color-live, #34d399);
+		font-family: var(--font-mono);
+		font-size: 12px;
+		line-height: 1.5;
+		resize: vertical;
+		min-height: 60px;
+	}
+
+	.rtp-terminal-input::placeholder {
+		color: color-mix(in srgb, var(--runnable-color-live, #34d399) 30%, transparent);
+	}
+</style>

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

@@ -0,0 +1,12 @@
+import type { RunnableTypeSummary } from '../types.ts';
+interface Props {
+    types: RunnableTypeSummary[];
+    selected: string | null;
+    jsonMode?: boolean;
+    onselect: (id: string) => void;
+    onjsonchange: (json: string) => void;
+}
+declare const TypePicker: import("svelte").Component<Props, {}, "">;
+type TypePicker = ReturnType<typeof TypePicker>;
+export default TypePicker;
+//# sourceMappingURL=TypePicker.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypePicker.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/components/TypePicker.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAItD,UAAU,KAAK;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AA6HF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+export type { ArtifactDownloadHref, MetricCardProps, RunnableArtifactEntry, RunnableLogEntry, RunnableMetricSeriesPoint, RunnableRunStatus, RunnableTypeSummary, } from './types.ts';
+export { getRunStatusDisplay, getRunnableTypeAccent, isActiveRunStatus, normalizeRunStatus, } from './lib/status.ts';
+export type { RunStatusDisplay, RunStatusTone, } from './lib/status.ts';
+export { default as RunStatusBadge } from './components/RunStatusBadge.svelte';
+export { default as MetricCard } from './components/MetricCard.svelte';
+export { default as LogViewer } from './components/LogViewer.svelte';
+export { default as ArtifactList } from './components/ArtifactList.svelte';
+export { default as TypePicker } from './components/TypePicker.svelte';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/svelte/runnable/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,oBAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,mBAAmB,GACnB,MAAM,YAAY,CAAC;AACpB,OAAO,EACN,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,GAClB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACX,gBAAgB,EAChB,aAAa,GACb,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/svelte/runnable/index.js

@@ -0,0 +1,6 @@
+export { getRunStatusDisplay, getRunnableTypeAccent, isActiveRunStatus, normalizeRunStatus, } from "./lib/status.js";
+export { default as RunStatusBadge } from './components/RunStatusBadge.svelte';
+export { default as MetricCard } from './components/MetricCard.svelte';
+export { default as LogViewer } from './components/LogViewer.svelte';
+export { default as ArtifactList } from './components/ArtifactList.svelte';
+export { default as TypePicker } from './components/TypePicker.svelte';

package/dist/svelte/runnable/lib/status.d.ts

@@ -0,0 +1,19 @@
+import type { RunStatus } from '@vibesdotdev/runnable';
+export type RunStatusTone = 'idle' | 'live' | 'paused' | 'success' | 'stopped' | 'error' | 'loading';
+export interface RunStatusDisplay {
+    status: string;
+    label: string;
+    tone: RunStatusTone;
+    badgeClass: string;
+    dotColor: string;
+    accentColor: string;
+    textColor: string;
+    backgroundColor: string;
+    borderColor: string;
+    active: boolean;
+}
+export declare function normalizeRunStatus(status: RunStatus | string): string;
+export declare function getRunStatusDisplay(status: RunStatus | string): RunStatusDisplay;
+export declare function isActiveRunStatus(status: RunStatus | string): boolean;
+export declare function getRunnableTypeAccent(typeOrCategory: string | null | undefined): string;
+//# sourceMappingURL=status.d.ts.map

package/dist/svelte/runnable/lib/status.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../src/svelte/runnable/lib/status.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,aAAa,GACtB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;AAEb,MAAM,WAAW,gBAAgB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;CAChB;AAmGD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,gBAAgB,CAQhF;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAErE;AAED,wBAAgB,qBAAqB,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAOvF"}