<script lang="ts">
// This machine: the sessions run on it, by where they ran, and the machines
// it carries its worktrees with.
import { Panel, Segmented } from "@wsb/uikit/components";
import PlacedSessions from "../levels/PlacedSessions.svelte";
import PeersPanel from "../machine/PeersPanel.svelte";
import { workbench } from "../../stores/workbench.svelte.js";
const SECTIONS = [
{ value: "sessions", label: "Sessions" },
{ value: "peers", label: "Peers" },
];
</script>
<Panel title="This machine" handle="workshop.machine">
<Segmented
handle="workshop.machine.section"
ariaLabel="What of this machine to show"
items={SECTIONS}
selected={workbench.machineSection}
onselect={(value) => { workbench.machineSection = value === "peers" ? "peers" : "sessions"; }}
/>
{#if workbench.machineSection === "peers"}
<PeersPanel />
{:else}
<PlacedSessions />
{/if}
</Panel>