From cfaded3a6e1410cf7ab723a890e07dad9bd0d3fc Mon Sep 17 00:00:00 2001
From: Huakun Shen <huakun.shen@huakunshen.com>
Date: Tue, 18 Feb 2025 04:27:22 -0500
Subject: [PATCH] feat(desktop) semi-transparent background for mac

---
 apps/desktop/src-tauri/tauri.conf.json                        | 4 ++++
 apps/desktop/src/app.css                                      | 4 ++++
 apps/desktop/src/routes/app/+page.svelte                      | 2 +-
 packages/extension/src/window.ts                              | 4 ++++
 .../jarvis/permissions/autogenerated/reference.md             | 2 ++
 5 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src-tauri/tauri.conf.json b/apps/desktop/src-tauri/tauri.conf.json
index a617fcc..da5657f 100644
--- a/apps/desktop/src-tauri/tauri.conf.json
+++ b/apps/desktop/src-tauri/tauri.conf.json
@@ -22,6 +22,10 @@
 				"width": 800,
 				"visible": false,
 				"height": 600,
+				"transparent": true,
+				"windowEffects": {
+					"effects": ["sidebar"]
+				},
 				"decorations": true
 			},
 			{
diff --git a/apps/desktop/src/app.css b/apps/desktop/src/app.css
index 704625e..f69aa55 100644
--- a/apps/desktop/src/app.css
+++ b/apps/desktop/src/app.css
@@ -79,3 +79,7 @@
 html {
 	overscroll-behavior: none;
 }
+
+body {
+	background-color: transparent;
+}
\ No newline at end of file
diff --git a/apps/desktop/src/routes/app/+page.svelte b/apps/desktop/src/routes/app/+page.svelte
index ca0a2f7..e8a595f 100644
--- a/apps/desktop/src/routes/app/+page.svelte
+++ b/apps/desktop/src/routes/app/+page.svelte
@@ -95,7 +95,7 @@
 	}}
 />
 <Command.Root
-	class={cn("h-screen rounded-lg border shadow-md")}
+	class={cn("h-screen rounded-lg border shadow-md bg-transparent")}
 	bind:value={$appState.highlightedCmd}
 	shouldFilter={true}
 	loop
diff --git a/packages/extension/src/window.ts b/packages/extension/src/window.ts
index 26790f0..4c20255 100644
--- a/packages/extension/src/window.ts
+++ b/packages/extension/src/window.ts
@@ -1,8 +1,12 @@
 import type { WindowConfig } from "@kksh/api/models"
 import { WebviewWindow } from "@tauri-apps/api/webviewWindow"
+import { Effect } from "@tauri-apps/api/window"
 
 export function launchNewExtWindow(windowLabel: string, url: string, windowConfig?: WindowConfig) {
 	return new WebviewWindow(windowLabel, {
+		windowEffects: {
+			effects: [Effect.Sidebar]
+		},
 		center: windowConfig?.center ?? undefined,
 		x: windowConfig?.x ?? undefined,
 		y: windowConfig?.y ?? undefined,
diff --git a/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md b/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
index 7020b75..19f9805 100644
--- a/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
+++ b/packages/tauri-plugins/jarvis/permissions/autogenerated/reference.md
@@ -1,3 +1,4 @@
+
 ## Permission Table
 
 <table>
@@ -6,6 +7,7 @@
 <th>Description</th>
 </tr>
 
+
 <tr>
 <td>