feat(desktop) semi-transparent background for mac

apps/desktop/src-tauri/tauri.conf.json

@@ -22,6 +22,10 @@
 				"width": 800,
 				"visible": false,
 				"height": 600,
+				"transparent": true,
+				"windowEffects": {
+					"effects": ["sidebar"]
+				},
 				"decorations": true
 			},
 			{

apps/desktop/src/app.css

@@ -79,3 +79,7 @@
 html {
 	overscroll-behavior: none;
 }
+
+body {
+	background-color: transparent;
+}

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

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,

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>