refactor: update panel component

This commit is contained in:
2026-09-02 19:55:52 +05:00
parent 2f758a88af
commit 7e94205866
7 changed files with 21 additions and 40 deletions
@@ -1,11 +1,9 @@
<script lang="ts">
import EmptyState from "$lib/components/kit/EmptyState.svelte";
import Panel from "$lib/components/kit/layout/Panel.svelte";
import PanelHeading from "$lib/components/kit/PanelHeading.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte";
import Badge from "$lib/components/kit/ui/Badge.svelte";
import Button from "$lib/components/kit/ui/Button.svelte";
import { getTool } from "$lib/registry";
import ParamControl from "./ParamControl.svelte";
@@ -38,12 +36,7 @@
}: Props = $props();
</script>
<Panel>
<PanelHeading title="Pipeline" eyebrow="STEPS">
{#snippet actions()}
<Badge tone="accent" label="AUTO" />
{/snippet}
</PanelHeading>
<Panel title="Pipeline" eyebrow="STEPS">
<div class="pipeline-body">
{#if steps.length === 0}
<EmptyState title="Pipeline empty" description="Add a tool step below." />