improve rules (#20)

Author: bebiksior

templates/shared/cursor-rules/components.mdc

@@ -0,0 +1,35 @@
+---
+globs: *.vue
+alwaysApply: false
+---
+
+# Components
+
+1. Use Primevue components for all UI components.
+2. Use `<script setup lang="ts">` for all components.
+
+## Structure
+
+Use the following layout for every component to keep imports and growth consistent:
+
+```text
+ComponentName/
+  ├─ index.ts           # Re-export (single public entry)
+  ├─ Container.vue      # Main component implementation
+  ├─ useForm.ts         # Optional: composable when logic grows (e.g. forms)
+  └─ DependentComponent.vue
+```
+
+ComponentName/index.ts
+```ts
+export { default as ComponentName } from "./Container.vue";
+```
+
+When a child piece becomes complex or needs its own hook, use the same pattern as the parent:
+
+```text
+ComponentName/
+  └─ DependentComponent/
+       ├─ index.ts
+       └─ Container.vue
+```

templates/shared/cursor-rules/sdk-validation.mdc

@@ -0,0 +1,33 @@
+---
+description: Caido SDK API Validation
+globs:
+alwaysApply: true
+---
+
+# Caido SDK API Validation
+
+## Valid API Usage
+
+Always use documented Caido SDK APIs directly without runtime checks or validation.
+
+- Good
+  ```typescript
+  sdk.window.showToast("Message", { variant: "error" });
+  sdk.backend.myFunction();
+  sdk.commands.register("my-command", { name: "Command", run: () => {} });
+  ```
+
+- Bad (NEVER do this)
+  ```typescript
+  if ("showToast" in sdk.window && typeof sdk.window.showToast === "function") {
+    sdk.window.showToast("Message");
+  }
+  ```
+
+## Rules
+
+1. Never use runtime API existence checks (`typeof`, `in` operator)
+2. Never assume undocumented SDK methods exist
+3. If unsure about an API, ask for clarification rather than guessing
+
+The SDK is typed and guaranteed to have the documented methods available.

templates/shared/cursor-rules/style.mdc

@@ -20,6 +20,8 @@ alwaysApply: false
 
 - Often use PrimeVue `Splitter` and `SplitterPanel` for vertical or horizontal layout.
 - Prefer to use `Card` PrimeVue components a lot, if needed add `h-full` to them via `pt` params.
+- Remember to use `<template #content>` and other named slots (like `#header`, `#footer`) in Card and other PrimeVue components that support them.
+
 
 Example:
 
@@ -31,6 +33,10 @@ Example:
     content: { class: 'h-full flex flex-col' },
   }"
 >
+  <template #content>
+     ...
+  </template #content>
+</Card>
 ```
 
 ### Enviroment