From 55fbe2e4cb78a36baeb6cd9c815062b58c9a4a63 Mon Sep 17 00:00:00 2001
From: GardKalland <github.blunderer148@passmail.net>
Date: Sat, 6 Dec 2025 14:42:49 +0100
Subject: [PATCH] close button

Can press the close button inside the product to go history back
---
 .../src/lib/components/app/CLIWindow.svelte            | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/programmerbar-web/src/lib/components/app/CLIWindow.svelte b/programmerbar-web/src/lib/components/app/CLIWindow.svelte
index 12f9f30..63185dd 100644
--- a/programmerbar-web/src/lib/components/app/CLIWindow.svelte
+++ b/programmerbar-web/src/lib/components/app/CLIWindow.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { X } from '@lucide/svelte';
 	type Props = {
 		title: string;
 		children?: import('svelte').Snippet;
@@ -13,7 +14,14 @@
 	<div class="border-border bg-card-muted flex items-center justify-between border-b px-3 py-1.5">
 		<div class="flex items-center gap-2">
 			<div class="flex shrink-0 gap-1.5">
-				<div class="bg-accent-error h-3 w-3 rounded-full"></div>
+				<button
+					onclick={() => window.history.back()}
+					class="bg-accent-error flex h-3 w-3 items-center justify-center rounded-full transition-opacity
+  hover:opacity-80"
+					aria-label="Close"
+				>
+					<X class="h-2 w-2 text-black" strokeWidth={3} />
+				</button>
 				<div class="bg-accent-warning h-3 w-3 rounded-full"></div>
 				<div class="bg-accent-success h-3 w-3 rounded-full"></div>
 			</div>