From 765178f12e9124e2ed832b6f2b6a78c15da0945a Mon Sep 17 00:00:00 2001
From: busya <uglypod@gmail.com>
Date: Wed, 11 Mar 2026 09:08:32 +0300
Subject: [PATCH] few shots update

---
 .ai/shots/backend_route.py                    |  37 ++-
 .ai/shots/critical_module.py                  |  63 +++--
 .ai/shots/frontend_component.svelte           |  75 +++---
 .ai/shots/plugin_example.py                   |  51 ++--
 docs/plugin_dev.md                            | 219 ------------------
 .../src/components/auth/ProtectedRoute.svelte |  17 +-
 frontend/src/routes/dashboards/+page.svelte   | 157 ++++++-------
 .../routes/settings/automation/+page.svelte   |   4 +-
 specs/019-superset-ux-redesign/tasks.md       |   5 +
 9 files changed, 203 insertions(+), 425 deletions(-)
 delete mode 100755 docs/plugin_dev.md

diff --git a/.ai/shots/backend_route.py b/.ai/shots/backend_route.py
index b5239e76..b67a4767 100644
--- a/.ai/shots/backend_route.py
+++ b/.ai/shots/backend_route.py
@@ -1,4 +1,4 @@
-# [DEF:BackendRouteShot:Module]
+#[DEF:BackendRouteShot:Module]
 # @TIER: STANDARD
 # @SEMANTICS: Route, Task, API, Async
 # @PURPOSE: Reference implementation of a task-based route using GRACE-Poly.
@@ -9,53 +9,66 @@
 from typing import Dict, Any
 from fastapi import APIRouter, Depends, HTTPException, status
 from pydantic import BaseModel
-from ...core.logger import belief_scope
+# GRACE: Правильный импорт глобального логгера и scope
+from ...core.logger import logger, belief_scope
 from ...core.task_manager import TaskManager, Task
 from ...core.config_manager import ConfigManager
 from ...dependencies import get_task_manager, get_config_manager, get_current_user
 
 router = APIRouter()
 
+# [DEF:CreateTaskRequest:Class]
+# @PURPOSE: DTO for task creation payload.
 class CreateTaskRequest(BaseModel):
     plugin_id: str
     params: Dict[str, Any]
+# [/DEF:CreateTaskRequest:Class]
 
-@router.post("/tasks", response_model=Task, status_code=status.HTTP_201_CREATED)
 # [DEF:create_task:Function]
 # @PURPOSE: Create and start a new task using TaskManager. Non-blocking.
-# @PARAM: request (CreateTaskRequest) - Plugin and params.
-# @PARAM: task_manager (TaskManager) - Async task executor.
+# @DATA_CONTRACT: Input -> CreateTaskRequest, Output -> Task
 # @PRE: plugin_id must match a registered plugin.
-# @POST: A new task is spawned; Task ID returned immediately.
-# @SIDE_EFFECT: Writes to DB, Trigger background worker.
+# @POST: A new task is spawned; Task object returned immediately.
+# @SIDE_EFFECT: Writes to DB, Triggers background worker.
+#
+# @UX_STATE: Success -> 201 Created
+# @UX_STATE: Error(Validation) -> 400 Bad Request
+# @UX_STATE: Error(System) -> 500 Internal Server Error
+@router.post("/tasks", response_model=Task, status_code=status.HTTP_201_CREATED)
 async def create_task(
     request: CreateTaskRequest,
     task_manager: TaskManager = Depends(get_task_manager),
     config: ConfigManager = Depends(get_config_manager),
     current_user = Depends(get_current_user)
 ):
-    # Context Logging
+    # GRACE: Открываем семантическую транзакцию
     with belief_scope("create_task"):
         try:
-            # 1. Action: Configuration Resolution
+            # GRACE: [REASON] - Фиксируем начало дедуктивной цепочки
+            logger.reason("Resolving configuration and spawning task", extra={"plugin_id": request.plugin_id})
+            
             timeout = config.get("TASKS_DEFAULT_TIMEOUT", 3600)
 
-            # 2. Action: Spawn async task
             # @RELATION: CALLS -> task_manager.create_task
             task = await task_manager.create_task(
                 plugin_id=request.plugin_id,
                 params={**request.params, "timeout": timeout}
             )
+            
+            # GRACE:[REFLECT] - Подтверждаем выполнение @POST перед выходом
+            logger.reflect("Task spawned successfully", extra={"task_id": task.id})
             return task
             
         except ValueError as e:
-             # 3. Recovery: Domain logic error mapping
+            # GRACE: [EXPLORE] - Обработка ожидаемого отклонения
+            logger.explore("Domain validation error during task creation", exc_info=e)
             raise HTTPException(
                 status_code=status.HTTP_400_BAD_REQUEST, 
                 detail=str(e)
             )
         except Exception as e:
-            # @UX_STATE: Error feedback -> 500 Internal Error
+            # GRACE: [EXPLORE] - Обработка критического сбоя
+            logger.explore("Internal Task Spawning Error", exc_info=e)
             raise HTTPException(
                 status_code=status.HTTP_500_INTERNAL_SERVER_ERROR, 
                 detail="Internal Task Spawning Error"
diff --git a/.ai/shots/critical_module.py b/.ai/shots/critical_module.py
index 79a9db38..8a72e130 100644
--- a/.ai/shots/critical_module.py
+++ b/.ai/shots/critical_module.py
@@ -3,34 +3,28 @@
 # @SEMANTICS: Finance, ACID, Transfer, Ledger
 # @PURPOSE: Core banking transaction processor with ACID guarantees.
 # @LAYER: Domain (Core)
-# @RELATION: DEPENDS_ON ->[DEF:Infra:PostgresDB]
+# @RELATION: DEPENDS_ON -> [DEF:Infra:PostgresDB]
 #
 # @INVARIANT: Total system balance must remain constant (Double-Entry Bookkeeping).
 # @INVARIANT: Negative transfers are strictly forbidden.
 
-# --- Test Specifications (The "What" and "Why", not the "Data") ---
-# @TEST_CONTRACT: Input -> TransferInputDTO, Output -> TransferResultDTO
-
-# Happy Path
+# --- Test Specifications ---
+# @TEST_CONTRACT: TransferRequestDTO -> TransferResultDTO
 # @TEST_SCENARIO: sufficient_funds -> Returns COMPLETED, balances updated.
 # @TEST_FIXTURE: sufficient_funds -> file:./__tests__/fixtures/transfers.json#happy_path
-
-# Edge Cases (CRITICAL)
-# @TEST_SCENARIO: insufficient_funds -> Throws BusinessRuleViolation("INSUFFICIENT_FUNDS").
-# @TEST_SCENARIO: negative_amount -> Throws BusinessRuleViolation("Transfer amount must be positive.").
-# @TEST_SCENARIO: self_transfer -> Throws BusinessRuleViolation("Cannot transfer to self.").
-# @TEST_SCENARIO: audit_failure -> Throws RuntimeError("TRANSACTION_ABORTED").
-# @TEST_SCENARIO: concurrency_conflict -> Throws DBTransactionError.
-
-# Linking Tests to Invariants
+# @TEST_EDGE: insufficient_funds -> Throws BusinessRuleViolation("INSUFFICIENT_FUNDS").
+# @TEST_EDGE: negative_amount -> Throws BusinessRuleViolation("Transfer amount must be positive.").
+# @TEST_EDGE: concurrency_conflict -> Throws DBTransactionError.
+#
 # @TEST_INVARIANT: total_balance_constant -> VERIFIED_BY: [sufficient_funds, concurrency_conflict]
 # @TEST_INVARIANT: negative_transfer_forbidden -> VERIFIED_BY: [negative_amount]
 
-
 from decimal import Decimal
 from typing import NamedTuple
-from ...core.logger import belief_scope
+# GRACE: Импорт глобального логгера с семантическими методами
+from ...core.logger import logger, belief_scope 
 from ...core.db import atomic_transaction, get_balance, update_balance
+from ...core.audit import log_audit_trail
 from ...core.exceptions import BusinessRuleViolation
 
 class TransferResult(NamedTuple):
@@ -40,55 +34,54 @@ class TransferResult(NamedTuple):
 
 # [DEF:execute_transfer:Function]
 # @PURPOSE: Atomically move funds between accounts with audit trails.
-# @PARAM: sender_id (str) - Source account.
-# @PARAM: receiver_id (str) - Destination account.
-# @PARAM: amount (Decimal) - Positive amount to transfer.
+# @DATA_CONTRACT: Input -> (sender_id: str, receiver_id: str, amount: Decimal), Output -> TransferResult
 # @PRE: amount > 0; sender != receiver; sender_balance >= amount.
 # @POST: sender_balance -= amount; receiver_balance += amount; Audit Record Created.
 # @SIDE_EFFECT: Database mutation (Rows locked), Audit IO.
 #
 # @UX_STATE: Success -> Returns 200 OK + Transaction Receipt.
 # @UX_STATE: Error(LowBalance) -> 422 Unprocessable -> UI shows "Top-up needed" modal.
-# @UX_STATE: Error(System) -> 500 Internal -> UI shows "Retry later" toast.
 def execute_transfer(sender_id: str, receiver_id: str, amount: Decimal) -> TransferResult:
-    # Guard: Input Validation
+    # Guard: Input Validation (Вне belief_scope, так как это trivial проверка)
     if amount <= Decimal("0.00"):
         raise BusinessRuleViolation("Transfer amount must be positive.")
     if sender_id == receiver_id:
         raise BusinessRuleViolation("Cannot transfer to self.")
 
-    with belief_scope("execute_transfer") as context:
-        context.logger.info("Initiating transfer", data={"from": sender_id, "to": receiver_id})
+    # GRACE: Используем strict Context Manager без 'as context'
+    with belief_scope("execute_transfer"):
+        # GRACE: [REASON] - Жесткая дедукция, начало алгоритма
+        logger.reason("Initiating transfer", extra={"from": sender_id, "to": receiver_id, "amount": amount})
 
         try:
-            # 1. Action: Atomic DB Transaction
             # @RELATION: CALLS -> atomic_transaction
             with atomic_transaction():
-                # Guard: State Validation (Strict)
                 current_balance = get_balance(sender_id, for_update=True)
                 
                 if current_balance < amount:
-                    # @UX_FEEDBACK: Triggers specific UI flow for insufficient funds
-                    context.logger.warn("Insufficient funds", data={"balance": current_balance})
+                    # GRACE: [EXPLORE] - Отклонение от Happy Path (фолбэк/ошибка)
+                    logger.explore("Insufficient funds validation hit", extra={"balance": current_balance})
                     raise BusinessRuleViolation("INSUFFICIENT_FUNDS")
 
-                # 2. Action: Mutation
+                # Mutation
                 new_src_bal = update_balance(sender_id, -amount)
                 new_dst_bal = update_balance(receiver_id, +amount)
 
-                # 3. Action: Audit
-                tx_id = context.audit.log_transfer(sender_id, receiver_id, amount)
+                # Audit
+                tx_id = log_audit_trail("TRANSFER", sender_id, receiver_id, amount)
+                
+                # GRACE:[REFLECT] - Сверка с @POST перед возвратом
+                logger.reflect("Transfer committed successfully", extra={"tx_id": tx_id, "new_balance": new_src_bal})
                 
-                context.logger.info("Transfer committed", data={"tx_id": tx_id})
                 return TransferResult(tx_id, "COMPLETED", new_src_bal)
 
         except BusinessRuleViolation as e:
-            # Logic: Explicit re-raise for UI mapping
+            # Explicit re-raise for UI mapping
             raise e
         except Exception as e:
-            # Logic: Catch-all safety net
-            context.logger.error("Critical Transfer Failure", error=e)
+            # GRACE: [EXPLORE] - Неожиданный сбой
+            logger.explore("Critical Transfer Failure", exc_info=e)
             raise RuntimeError("TRANSACTION_ABORTED") from e
-# [/DEF:execute_transfer:Function]
+#[/DEF:execute_transfer:Function]
 
 # [/DEF:TransactionCore:Module]
\ No newline at end of file
diff --git a/.ai/shots/frontend_component.svelte b/.ai/shots/frontend_component.svelte
index d5d18e12..c4dcf4f3 100644
--- a/.ai/shots/frontend_component.svelte
+++ b/.ai/shots/frontend_component.svelte
@@ -11,45 +11,27 @@
  * @INVARIANT: Loading state must always terminate (no infinite spinner).
  * @INVARIANT: User must receive feedback on both success and failure.
  *
+ * @UX_REACTIVITY: Props -> $props(), LocalState -> $state(isLoading).
+ * 
  * @TEST_CONTRACT: ComponentState ->
  * {
- *   required_fields: {
- *     isLoading: bool
- *   },
- *   invariants: [
+ *   required_fields: { isLoading: bool },
+ *   invariants:[
  *     "isLoading=true implies button.disabled=true",
- *     "isLoading=true implies aria-busy=true",
- *     "isLoading=true implies spinner visible"
+ *     "isLoading=true implies aria-busy=true"
  *   ]
  * }
  *
- * @TEST_CONTRACT: ApiResponse ->
- * {
- *   required_fields: {},
- *   optional_fields: {
- *     task_id: str
- *   }
- * }
-
- * @TEST_FIXTURE: idle_state ->
- * {
- *   isLoading: false
- * }
- *
- * @TEST_FIXTURE: successful_response ->
- * {
- *   task_id: "task_123"
- * }
- 
+ * @TEST_FIXTURE: idle_state -> { isLoading: false }
+ * @TEST_FIXTURE: successful_response -> { task_id: "task_123" }
+ * 
  * @TEST_EDGE: api_failure -> raises Error("Network")
  * @TEST_EDGE: empty_response -> {}
  * @TEST_EDGE: rapid_double_click -> special: concurrent_click
- * @TEST_EDGE: unresolved_promise -> special: pending_state
- 
- * @TEST_INVARIANT: prevent_double_submission -> verifies: [rapid_double_click]
- * @TEST_INVARIANT: loading_state_consistency -> verifies: [idle_state, pending_state]
- * @TEST_INVARIANT: feedback_always_emitted -> verifies: [successful_response, api_failure]
-
+ * 
+ * @TEST_INVARIANT: prevent_double_submission -> VERIFIED_BY:[rapid_double_click]
+ * @TEST_INVARIANT: feedback_always_emitted -> VERIFIED_BY:[successful_response, api_failure]
+ *
  * @UX_STATE: Idle -> Button enabled, primary color, no spinner.
  * @UX_STATE: Loading -> Button disabled, spinner visible, aria-busy=true.
  * @UX_STATE: Success -> Toast success displayed.
@@ -59,44 +41,39 @@
  *
  * @UX_TEST: Idle -> {click: spawnTask, expected: isLoading=true}
  * @UX_TEST: Loading -> {double_click: ignored, expected: single_api_call}
- * @UX_TEST: Success -> {api_resolve: task_id, expected: toast.success called}
- * @UX_TEST: Error -> {api_reject: error, expected: toast.error called} 
+ */
 -->
 <script>
   import { postApi } from "$lib/api.js";
   import { t } from "$lib/i18n";
   import { toast } from "$lib/stores/toast";
 
-  export let plugin_id = "";
-  export let params = {};
-
-  let isLoading = false;
+  // GRACE Svelte 5 Runes
+  let { plugin_id = "", params = {} } = $props();
+  let isLoading = $state(false);
 
   // [DEF:spawnTask:Function]
   /**
-   * @purpose Execute task creation request and emit user feedback.
-   * @pre plugin_id is resolved and request params are serializable.
-   * @post isLoading is reset and user receives success/error feedback.
+   * @PURPOSE: Execute task creation request and emit user feedback.
+   * @PRE: plugin_id is resolved and request params are serializable.
+   * @POST: isLoading is reset and user receives success/error feedback.
    */
   async function spawnTask() {
     isLoading = true;
-    console.log("[FrontendComponentShot][Loading] Spawning task...");
+    console.info("[spawnTask][REASON] Spawning task...", { plugin_id });
     
     try {
       // 1. Action: API Call
-      const response = await postApi("/api/tasks", {
-        plugin_id,
-        params
-      });
+      const response = await postApi("/api/tasks", { plugin_id, params });
 
-      // 2. Feedback: Success
+      // 2. Feedback: Success validation
       if (response.task_id) {
-        console.log("[FrontendComponentShot][Success] Task created.");
+        console.info("[spawnTask][REFLECT] Task created.", { task_id: response.task_id });
         toast.success($t.tasks.spawned_success);
       }
     } catch (error) {
-      // 3. Recovery: User notification
-      console.log("[FrontendComponentShot][Error] Failed:", error);
+      // 3. Recovery: Error handling & fallback logic
+      console.error("[spawnTask][EXPLORE] Failed to spawn task. Notifying user.", { error });
       toast.error(`${$t.errors.task_failed}: ${error.message}`);
     } finally {
       isLoading = false;
@@ -106,7 +83,7 @@
 </script>
 
 <button
-  on:click={spawnTask}
+  onclick={spawnTask}
   disabled={isLoading}
   class="btn-primary flex items-center gap-2"
   aria-busy={isLoading}
diff --git a/.ai/shots/plugin_example.py b/.ai/shots/plugin_example.py
index 28d169a0..4518c0f9 100644
--- a/.ai/shots/plugin_example.py
+++ b/.ai/shots/plugin_example.py
@@ -9,15 +9,19 @@
 from typing import Dict, Any, Optional
 from ..core.plugin_base import PluginBase
 from ..core.task_manager.context import TaskContext
+# GRACE: Обязательный импорт семантического логгера
+from ..core.logger import logger, belief_scope
 
+# [DEF:ExamplePlugin:Class]
+# @PURPOSE: A sample plugin to demonstrate execution context and logging.
 class ExamplePlugin(PluginBase):
     @property
     def id(self) -> str:
         return "example-plugin"
 
-    # [DEF:get_schema:Function]
+    #[DEF:get_schema:Function]
     # @PURPOSE: Defines input validation schema.
-    # @POST: Returns dict compliant with JSON Schema draft 7.
+    # @DATA_CONTRACT: Input -> None, Output -> Dict (JSON Schema draft 7)
     def get_schema(self) -> Dict[str, Any]:
         return {
             "type": "object",
@@ -29,36 +33,43 @@ class ExamplePlugin(PluginBase):
             },
             "required": ["message"],
         }
-    # [/DEF:get_schema:Function]
+    #[/DEF:get_schema:Function]
 
     # [DEF:execute:Function]
     # @PURPOSE: Core plugin logic with structured logging and scope isolation.
-    # @PARAM: params (Dict) - Validated input parameters.
-    # @PARAM: context (TaskContext) - Execution tools (log, progress).
-    # @SIDE_EFFECT: Emits logs to centralized system.
-    async def execute(self, params: Dict, context: Optional = None):
-        message = params
+    # @DATA_CONTRACT: Input -> (params: Dict, context: Optional[TaskContext]), Output -> None
+    # @PRE: params must be validated against get_schema() before calling.
+    # @POST: Plugin payload is processed; progress is reported if context exists.
+    # @SIDE_EFFECT: Emits logs to centralized system and TaskContext.
+    async def execute(self, params: Dict, context: Optional[TaskContext] = None):
+        message = params.get("message", "Fallback")
         
-        # 1. Action: System-level tracing (Rule VI)
-        with belief_scope("example_plugin_exec") as b_scope:
+        # GRACE: Изоляция мыслей ИИ в Thread-Local scope
+        with belief_scope("example_plugin_exec"):
             if context:
-                # Task Logs: Пишем в пользовательский контекст выполнения задачи
                 # @RELATION: BINDS_TO -> context.logger
                 log = context.logger.with_source("example_plugin")
                 
-                b_scope.logger.info("Using provided TaskContext") # System log
-                log.info("Starting execution", data={"msg": message}) # Task log
+                # GRACE: [REASON] - Системный лог (Внутренняя мысль)
+                logger.reason("TaskContext provided. Binding task logger.", extra={"msg": message})
                 
-                # 2. Action: Progress Reporting
+                # Task Logs: Бизнес-логи (Уйдут в БД/Вебсокет пользователю)
+                log.info("Starting execution", extra={"msg": message})
                 log.progress("Processing...", percent=50)
-                
-                # 3. Action: Finalize
                 log.info("Execution completed.")
+                
+                # GRACE: [REFLECT] - Сверка успешного выхода
+                logger.reflect("Context execution finalized successfully")
             else:
-                # Standalone Fallback: Замыкаемся на системный scope
-                b_scope.logger.warning("No TaskContext provided. Running standalone.")
-                b_scope.logger.info("Standalone execution", data={"msg": message})
-                print(f"Standalone: {message}")
+                # GRACE:[EXPLORE] - Фолбэк ветка (Отклонение от нормы)
+                logger.explore("No TaskContext provided. Running standalone.")
+                
+                # Standalone Fallback
+                print(f"Standalone execution: {message}")
+                
+                # GRACE: [REFLECT] - Сверка выхода фолбэка
+                logger.reflect("Standalone execution finalized")
     # [/DEF:execute:Function]
 
+#[/DEF:ExamplePlugin:Class]
 # [/DEF:PluginExampleShot:Module]
\ No newline at end of file
diff --git a/docs/plugin_dev.md b/docs/plugin_dev.md
deleted file mode 100755
index d580b703..00000000
--- a/docs/plugin_dev.md
+++ /dev/null
@@ -1,219 +0,0 @@
-# Plugin Development Guide
-
-This guide explains how to create new plugins for the Superset Tools application.
-
-## 1. Plugin Structure
-
-A plugin is a single Python file located in the `backend/src/plugins/` directory. Each plugin file must contain a class that inherits from `PluginBase`.
-
-## 2. Implementing `PluginBase`
-
-The `PluginBase` class is an abstract base class that defines the interface for all plugins. You must implement the following properties and methods:
-
-- **`id`**: A unique string identifier for your plugin (e.g., `"my-cool-plugin"`).
-- **`name`**: A human-readable name for your plugin (e.g., `"My Cool Plugin"`).
-- **`description`**: A brief description of what your plugin does.
-- **`version`**: The version of your plugin (e.g., `"1.0.0"`).
-- **`get_schema()`**: A method that returns a JSON schema dictionary defining the input parameters for your plugin. This schema is used to automatically generate a form in the frontend.
-- **`execute(params: Dict[str, Any])`**: An `async` method that contains the main logic of your plugin. The `params` argument is a dictionary containing the input data from the user, validated against the schema you defined.
-
-## 3. Example Plugin
-
-Here is an example of a simple "Hello World" plugin:
-
-```python
-# backend/src/plugins/hello.py
-# [DEF:HelloWorldPlugin:Plugin]
-# @SEMANTICS: hello, world, example, plugin
-# @PURPOSE: A simple "Hello World" plugin example.
-# @LAYER: Domain (Plugin)
-# @RELATION: Inherits from PluginBase
-# @PUBLIC_API: execute
-
-from typing import Dict, Any
-from ..core.plugin_base import PluginBase
-
-class HelloWorldPlugin(PluginBase):
-    @property
-    def id(self) -> str:
-        return "hello-world"
-
-    @property
-    def name(self) -> str:
-        return "Hello World"
-
-    @property
-    def description(self) -> str:
-        return "A simple plugin that prints a greeting."
-
-    @property
-    def version(self) -> str:
-        return "1.0.0"
-
-    def get_schema(self) -> Dict[str, Any]:
-        return {
-            "type": "object",
-            "properties": {
-                "name": {
-                    "type": "string",
-                    "title": "Name",
-                    "description": "The name to greet.",
-                    "default": "World",
-                }
-            },
-            "required": ["name"],
-        }
-
-    async def execute(self, params: Dict[str, Any], context: Optional[TaskContext] = None):
-        name = params["name"]
-        if context:
-            context.logger.info(f"Hello, {name}!")
-        else:
-            print(f"Hello, {name}!")
-```
-
-## 4. Logging with TaskContext
-
-Plugins now support TaskContext for structured logging with source attribution. The `context` parameter provides access to a logger that automatically tags logs with the task ID and a source identifier.
-
-### 4.1. Basic Logging
-
-Use `context.logger` to log messages with automatic source attribution:
-
-```python
-from typing import Dict, Any, Optional
-from ..core.plugin_base import PluginBase
-from ..core.task_manager.context import TaskContext
-
-async def execute(self, params: Dict[str, Any], context: Optional[TaskContext] = None):
-    if context:
-        # Use TaskContext logger for structured logging
-        context.logger.info("My plugin is running!")
-    else:
-        # Fallback to global logger for backward compatibility
-        from ..core.logger import logger
-        logger.info("My plugin is running!")
-```
-
-### 4.2. Source Attribution
-
-For better log organization, create sub-loggers for different components:
-
-```python
-async def execute(self, params: Dict[str, Any], context: Optional[TaskContext] = None):
-    if context:
-        # Create sub-loggers for different components
-        api_log = context.logger.with_source("api")
-        storage_log = context.logger.with_source("storage")
-        
-        api_log.info("Connecting to API...")
-        storage_log.info("Saving file...")
-    else:
-        # Fallback to global logger
-        from ..core.logger import logger
-        logger.info("My plugin is running!")
-```
-
-### 4.3. Log Levels
-
-The logger supports standard log levels. Use them appropriately:
-
-| Level | Usage |
-|-------|-------|
-| `DEBUG` | Detailed diagnostic information (API responses, internal state). Only visible when log level is set to DEBUG. |
-| `INFO` | General operational messages (start/complete notifications, progress updates). |
-| `WARNING` | Non-critical issues that don't stop execution (deprecated APIs, retry attempts). |
-| `ERROR` | Failures that prevent an operation from completing (API errors, validation failures). |
-
-```python
-# Good: Use DEBUG for verbose diagnostic info
-api_log.debug(f"API response: {response.json()}")
-
-# Good: Use INFO for operational milestones
-log.info(f"Starting backup for environment: {env}")
-
-# Good: Use WARNING for recoverable issues
-log.warning(f"Rate limit hit, retrying in {delay}s")
-
-# Good: Use ERROR for failures
-log.error(f"Failed to connect to database: {e}")
-```
-
-### 4.4. Progress Logging
-
-For operations that report progress, use the `progress` method:
-
-```python
-async def execute(self, params: Dict[str, Any], context: Optional[TaskContext] = None):
-    if context:
-        total_items = 100
-        for i, item in enumerate(items):
-            # Report progress with percentage
-            percent = (i + 1) / total_items * 100
-            context.logger.progress(f"Processing {item}", percent=percent)
-    else:
-        # Fallback
-        from ..core.logger import logger
-        logger.info("My plugin is running!")
-```
-
-### 4.5. Logging with Metadata
-
-You can include structured metadata with log entries:
-
-```python
-async def execute(self, params: Dict[str, Any], context: Optional[TaskContext] = None):
-    if context:
-        context.logger.error(
-            "Operation failed",
-            metadata={"error_code": 500, "details": "Connection timeout"}
-        )
-    else:
-        from ..core.logger import logger
-        logger.error("Operation failed")
-```
-
-### 4.6. Common Source Names
-
-For consistency across plugins, use these standard source names:
-
-| Source | Usage |
-|--------|-------|
-| `superset_api` | Superset REST API calls |
-| `postgres` | PostgreSQL database operations |
-| `storage` | File system operations |
-| `git` | Git operations |
-| `llm` | LLM API calls |
-| `screenshot` | Screenshot capture operations |
-| `migration` | Migration-specific logic |
-| `backup` | Backup operations |
-| `debug` | Debug/diagnostic operations |
-| `search` | Search operations |
-
-### 4.7. Best Practices
-
-1. **Always check for context**: Support backward compatibility by checking if `context` is available:
-   ```python
-   log = context.logger if context else logger
-   ```
-
-2. **Use source attribution**: Create sub-loggers for different components to make filtering easier in the UI.
-
-3. **Use appropriate log levels**:
-   - `DEBUG`: Verbose diagnostic info (API responses, internal state)
-   - `INFO`: Operational milestones (start, complete, progress)
-   - `WARNING`: Recoverable issues (rate limits, deprecated APIs)
-   - `ERROR`: Failures that stop an operation
-
-4. **Log progress for long operations**: Use `progress()` for operations that take time:
-   ```python
-   for i, item in enumerate(items):
-       percent = (i + 1) / len(items) * 100
-       log.progress(f"Processing {item}", percent=percent)
-   ```
-
-5. **Keep DEBUG logs verbose, INFO logs concise**: DEBUG logs can include full API responses, while INFO logs should be one-line summaries.
-
-## 5. Testing
-
-To test your plugin, simply run the application and navigate to the web UI. Your plugin should appear in the list of available tools.
\ No newline at end of file
diff --git a/frontend/src/components/auth/ProtectedRoute.svelte b/frontend/src/components/auth/ProtectedRoute.svelte
index 7815f106..ec40fdd2 100644
--- a/frontend/src/components/auth/ProtectedRoute.svelte
+++ b/frontend/src/components/auth/ProtectedRoute.svelte
@@ -37,22 +37,19 @@
 @DATA_CONTRACT: Input[$props.requiredPermission?: string|null, $props.fallbackPath?: string] -> Output[UIState{isCheckingAccess:boolean, hasRouteAccess:boolean}]
 -->
 
-<script lang="ts">
+<script>
     import { onMount } from "svelte";
     import { auth } from "../../lib/auth/store";
     import { api } from "../../lib/api";
     import { goto } from "$app/navigation";
     import { hasPermission } from "$lib/auth/permissions.js";
 
-    const { requiredPermission = null, fallbackPath = "/profile" } = $props<{
-        requiredPermission?: string | null;
-        fallbackPath?: string;
-    }>();
+    const { requiredPermission = null, fallbackPath = "/profile", children } = $props();
 
     let hasRouteAccess = $state(false);
     let isCheckingAccess = $state(true);
 
-    const belief_scope = async <T>(scopeId: string, run: () => Promise<T>): Promise<T> => {
+    const belief_scope = async (scopeId, run) => {
         console.info(`[${scopeId}][REASON] belief_scope.enter`);
         try {
             return await run();
@@ -61,7 +58,7 @@
         }
     };
 
-    <!-- [DEF:verifySessionAndAccess:Function] -->
+    // [DEF:verifySessionAndAccess:Function]
     /**
      * @PURPOSE: Validates session and optional permission gate before allowing protected content render.
      * @PRE: auth store is initialized and can provide token/user state; navigation is available.
@@ -69,7 +66,7 @@
      * @SIDE_EFFECT: Mutates auth loading/user state, performs API I/O to /auth/me, and may redirect.
      * @DATA_CONTRACT: Input[AuthState, requiredPermission, fallbackPath] -> Output[RouteDecision{login_redirect|fallback_redirect|grant}]
      */
-    async function verifySessionAndAccess(): Promise<void> {
+    async function verifySessionAndAccess() {
         return belief_scope("ProtectedRoute.verifySessionAndAccess", async () => {
             console.info("[ProtectedRoute.verifySessionAndAccess][REASON] Starting route access verification");
             isCheckingAccess = true;
@@ -128,7 +125,7 @@
             }
         });
     }
-    <!-- [/DEF:verifySessionAndAccess:Function] -->
+    // [/DEF:verifySessionAndAccess:Function]
 
     onMount(() => {
         void verifySessionAndAccess();
@@ -140,7 +137,7 @@
         <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
     </div>
 {:else if $auth.isAuthenticated && hasRouteAccess}
-    <slot />
+    {@render children?.()}
 {/if}
 
 <!-- [/DEF:ProtectedRoute:Component] -->
diff --git a/frontend/src/routes/dashboards/+page.svelte b/frontend/src/routes/dashboards/+page.svelte
index ff1b5deb..7c27f969 100644
--- a/frontend/src/routes/dashboards/+page.svelte
+++ b/frontend/src/routes/dashboards/+page.svelte
@@ -1429,7 +1429,7 @@
     <div class="flex items-center space-x-4">
       <button
         class="inline-flex items-center justify-center rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-primary-hover"
-        on:click={loadDashboards}
+        onclick={loadDashboards}
       >
         {$t.common?.refresh}
       </button>
@@ -1445,7 +1445,7 @@
         <button
           type="button"
           class="rounded border border-blue-300 bg-white px-2.5 py-1 text-xs font-medium text-blue-700 hover:bg-blue-100"
-          on:click={handleTemporaryShowAll}
+          onclick={handleTemporaryShowAll}
         >
           {$t.profile?.filter_show_all_temporarily || "Show all dashboards temporarily"}
         </button>
@@ -1460,7 +1460,7 @@
         <button
           type="button"
           class="rounded border border-amber-300 bg-white px-2.5 py-1 text-xs font-medium text-amber-700 hover:bg-amber-100"
-          on:click={handleRestoreProfileFilter}
+          onclick={handleRestoreProfileFilter}
         >
           {$t.profile?.filter_restore_default || "Restore default filter"}
         </button>
@@ -1476,7 +1476,7 @@
       <span>{error}</span>
       <button
         class="px-4 py-2 bg-destructive text-white rounded hover:bg-destructive-hover transition-colors"
-        on:click={loadDashboards}
+        onclick={loadDashboards}
       >
         {$t.common?.retry}
       </button>
@@ -1535,7 +1535,7 @@
           <button
             type="button"
             class="rounded border border-blue-300 bg-white px-3 py-1.5 text-xs font-medium text-blue-700 hover:bg-blue-50"
-            on:click={handleTemporaryShowAll}
+            onclick={handleTemporaryShowAll}
           >
             {$t.profile?.filter_show_all_temporarily || "Show all dashboards temporarily"}
           </button>
@@ -1550,7 +1550,7 @@
       <div class="flex items-center gap-2">
         <button
           class="px-3 py-1 text-sm border border-gray-300 rounded hover:bg-gray-100 transition-colors"
-          on:click={handleSelectAll}
+          onclick={handleSelectAll}
           disabled={total === 0}
         >
           {isAllSelected
@@ -1559,7 +1559,7 @@
         </button>
         <button
           class="px-3 py-1 text-sm border border-gray-300 rounded hover:bg-gray-100 transition-colors"
-          on:click={handleSelectVisible}
+          onclick={handleSelectVisible}
           disabled={dashboards.length === 0}
         >
           {isAllVisibleSelected
@@ -1580,7 +1580,7 @@
           type="text"
           class="px-4 py-2 border border-gray-300 rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-blue-500"
           placeholder={$t.dashboard?.search}
-          on:input={handleSearch}
+          oninput={handleSearch}
           value={searchQuery}
         />
       </div>
@@ -1598,7 +1598,7 @@
           <div class="flex items-center gap-2">
             <button
               class="hover:text-gray-900 transition-colors"
-              on:click={() => handleSort("title")}
+              onclick={() => handleSort("title")}
             >
               {$t.dashboard?.title}
               {getSortIndicator("title")}
@@ -1610,7 +1610,7 @@
                 )
                   ? 'border-blue-400 text-blue-700 bg-blue-50'
                   : 'border-gray-300 text-gray-500 hover:text-gray-700'}"
-                on:click={(event) => toggleFilterDropdown("title", event, 256)}
+                onclick={(event) => toggleFilterDropdown("title", event, 256)}
                 title={$t.dashboard?.column_filter}
               >
                 ▾
@@ -1625,18 +1625,18 @@
                     class="w-full rounded border border-gray-300 px-2 py-1 text-xs"
                     placeholder={$t.dashboard?.search}
                     value={columnFilterSearch.title}
-                    on:input={(event) =>
+                    oninput={(event) =>
                       updateColumnFilterSearch("title", event.target.value)}
                   />
                   <div class="mt-2 flex items-center justify-between text-xs">
                     <button
                       class="text-blue-600 hover:underline"
-                      on:click={() => selectAllColumnFilterValues("title")}
+                      onclick={() => selectAllColumnFilterValues("title")}
                       >{$t.dashboard?.select_all}</button
                     >
                     <button
                       class="text-gray-500 hover:underline"
-                      on:click={() => clearColumnFilter("title")}
+                      onclick={() => clearColumnFilter("title")}
                       >{$t.common?.clear || "Clear"}</button
                     >
                   </div>
@@ -1646,7 +1646,7 @@
                         <input
                           type="checkbox"
                           checked={columnFilters.title.has(value)}
-                          on:change={(event) =>
+                          onchange={(event) =>
                             toggleFilterValue(
                               "title",
                               value,
@@ -1664,7 +1664,7 @@
           <div class="flex items-center gap-2">
             <button
               class="hover:text-gray-900 transition-colors"
-              on:click={() => handleSort("git_status")}
+              onclick={() => handleSort("git_status")}
             >
               GIT {getSortIndicator("git_status")}
             </button>
@@ -1675,7 +1675,7 @@
                 )
                   ? 'border-blue-400 text-blue-700 bg-blue-50'
                   : 'border-gray-300 text-gray-500 hover:text-gray-700'}"
-                on:click={(event) =>
+                onclick={(event) =>
                   toggleFilterDropdown("git_status", event, 256)}
                 title={$t.dashboard?.column_filter}
               >
@@ -1691,7 +1691,7 @@
                     class="w-full rounded border border-gray-300 px-2 py-1 text-xs"
                     placeholder={$t.dashboard?.search}
                     value={columnFilterSearch.git_status}
-                    on:input={(event) =>
+                    oninput={(event) =>
                       updateColumnFilterSearch(
                         "git_status",
                         event.target.value,
@@ -1700,12 +1700,12 @@
                   <div class="mt-2 flex items-center justify-between text-xs">
                     <button
                       class="text-blue-600 hover:underline"
-                      on:click={() => selectAllColumnFilterValues("git_status")}
+                      onclick={() => selectAllColumnFilterValues("git_status")}
                       >{$t.dashboard?.select_all}</button
                     >
                     <button
                       class="text-gray-500 hover:underline"
-                      on:click={() => clearColumnFilter("git_status")}
+                      onclick={() => clearColumnFilter("git_status")}
                       >{$t.common?.clear || "Clear"}</button
                     >
                   </div>
@@ -1715,7 +1715,7 @@
                         <input
                           type="checkbox"
                           checked={columnFilters.git_status.has(value)}
-                          on:change={(event) =>
+                          onchange={(event) =>
                             toggleFilterValue(
                               "git_status",
                               value,
@@ -1733,7 +1733,7 @@
           <div class="flex items-center gap-2">
             <button
               class="hover:text-gray-900 transition-colors"
-              on:click={() => handleSort("llm_status")}
+              onclick={() => handleSort("llm_status")}
             >
               {$t.dashboard?.llm_status}
               {getSortIndicator("llm_status")}
@@ -1745,7 +1745,7 @@
                 )
                   ? 'border-blue-400 text-blue-700 bg-blue-50'
                   : 'border-gray-300 text-gray-500 hover:text-gray-700'}"
-                on:click={(event) =>
+                onclick={(event) =>
                   toggleFilterDropdown("llm_status", event, 256)}
                 title={$t.dashboard?.column_filter}
               >
@@ -1761,7 +1761,7 @@
                     class="w-full rounded border border-gray-300 px-2 py-1 text-xs"
                     placeholder={$t.dashboard?.search}
                     value={columnFilterSearch.llm_status}
-                    on:input={(event) =>
+                    oninput={(event) =>
                       updateColumnFilterSearch(
                         "llm_status",
                         event.target.value,
@@ -1770,12 +1770,12 @@
                   <div class="mt-2 flex items-center justify-between text-xs">
                     <button
                       class="text-blue-600 hover:underline"
-                      on:click={() => selectAllColumnFilterValues("llm_status")}
+                      onclick={() => selectAllColumnFilterValues("llm_status")}
                       >{$t.dashboard?.select_all}</button
                     >
                     <button
                       class="text-gray-500 hover:underline"
-                      on:click={() => clearColumnFilter("llm_status")}
+                      onclick={() => clearColumnFilter("llm_status")}
                       >{$t.common?.clear || "Clear"}</button
                     >
                   </div>
@@ -1785,7 +1785,7 @@
                         <input
                           type="checkbox"
                           checked={columnFilters.llm_status.has(value)}
-                          on:change={(event) =>
+                          onchange={(event) =>
                             toggleFilterValue(
                               "llm_status",
                               value,
@@ -1806,7 +1806,7 @@
           <div class="flex items-center gap-2">
             <button
               class="hover:text-gray-900 transition-colors"
-              on:click={() => handleSort("changed_on")}
+              onclick={() => handleSort("changed_on")}
             >
               {$t.dashboard?.changed_on}
               {getSortIndicator("changed_on")}
@@ -1818,7 +1818,7 @@
                 )
                   ? 'border-blue-400 text-blue-700 bg-blue-50'
                   : 'border-gray-300 text-gray-500 hover:text-gray-700'}"
-                on:click={(event) =>
+                onclick={(event) =>
                   toggleFilterDropdown("changed_on", event, 256)}
                 title={$t.dashboard?.column_filter}
               >
@@ -1834,7 +1834,7 @@
                     class="w-full rounded border border-gray-300 px-2 py-1 text-xs"
                     placeholder={$t.dashboard?.search}
                     value={columnFilterSearch.changed_on}
-                    on:input={(event) =>
+                    oninput={(event) =>
                       updateColumnFilterSearch(
                         "changed_on",
                         event.target.value,
@@ -1843,12 +1843,12 @@
                   <div class="mt-2 flex items-center justify-between text-xs">
                     <button
                       class="text-blue-600 hover:underline"
-                      on:click={() => selectAllColumnFilterValues("changed_on")}
+                      onclick={() => selectAllColumnFilterValues("changed_on")}
                       >{$t.dashboard?.select_all}</button
                     >
                     <button
                       class="text-gray-500 hover:underline"
-                      on:click={() => clearColumnFilter("changed_on")}
+                      onclick={() => clearColumnFilter("changed_on")}
                       >{$t.common?.clear || "Clear"}</button
                     >
                   </div>
@@ -1858,7 +1858,7 @@
                         <input
                           type="checkbox"
                           checked={columnFilters.changed_on.has(value)}
-                          on:change={(event) =>
+                          onchange={(event) =>
                             toggleFilterValue(
                               "changed_on",
                               value,
@@ -1876,7 +1876,7 @@
           <div class="flex items-center gap-2">
             <button
               class="hover:text-gray-900 transition-colors"
-              on:click={() => handleSort("actor")}
+              onclick={() => handleSort("actor")}
             >
               {$t.dashboard?.owners || "Owners"}
               {getSortIndicator("actor")}
@@ -1888,7 +1888,7 @@
                 )
                   ? 'border-blue-400 text-blue-700 bg-blue-50'
                   : 'border-gray-300 text-gray-500 hover:text-gray-700'}"
-                on:click={(event) => toggleFilterDropdown("actor", event, 288)}
+                onclick={(event) => toggleFilterDropdown("actor", event, 288)}
                 title={$t.dashboard?.column_filter}
               >
                 ▾
@@ -1903,18 +1903,18 @@
                     class="w-full rounded border border-gray-300 px-2 py-1 text-xs"
                     placeholder={$t.dashboard?.search}
                     value={columnFilterSearch.actor}
-                    on:input={(event) =>
+                    oninput={(event) =>
                       updateColumnFilterSearch("actor", event.target.value)}
                   />
                   <div class="mt-2 flex items-center justify-between text-xs">
                     <button
                       class="text-blue-600 hover:underline"
-                      on:click={() => selectAllColumnFilterValues("actor")}
+                      onclick={() => selectAllColumnFilterValues("actor")}
                       >{$t.dashboard?.select_all}</button
                     >
                     <button
                       class="text-gray-500 hover:underline"
-                      on:click={() => clearColumnFilter("actor")}
+                      onclick={() => clearColumnFilter("actor")}
                       >{$t.common?.clear || "Clear"}</button
                     >
                   </div>
@@ -1924,7 +1924,7 @@
                         <input
                           type="checkbox"
                           checked={columnFilters.actor.has(value)}
-                          on:change={(event) =>
+                          onchange={(event) =>
                             toggleFilterValue(
                               "actor",
                               value,
@@ -1952,7 +1952,7 @@
               <input
                 type="checkbox"
                 checked={selectedIds.has(dashboard.id)}
-                on:change={(e) => handleCheckboxChange(dashboard, e)}
+                onchange={(e) => handleCheckboxChange(dashboard, e)}
               />
             </div>
 
@@ -1960,7 +1960,7 @@
             <div class="font-medium text-sm text-slate-900">
               <button
                 class="text-left text-blue-700 hover:text-blue-900 hover:underline transition-colors"
-                on:click={() => navigateToDashboardDetail(dashboard)}
+                onclick={() => navigateToDashboardDetail(dashboard)}
                 title={$t.dashboard?.open_overview}
               >
                 {dashboard.title}
@@ -2005,8 +2005,8 @@
                   class="inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-semibold uppercase tracking-wide {getValidationBadgeClass(
                     dashboard.lastTask.validationStatus,
                   )}"
-                  on:click={() => handleTaskStatusClick(dashboard)}
-                  on:keydown={(e) =>
+                  onclick={() => handleTaskStatusClick(dashboard)}
+                  onkeydown={(e) =>
                     (e.key === "Enter" || e.key === " ") &&
                     handleTaskStatusClick(dashboard)}
                   role="button"
@@ -2025,7 +2025,7 @@
               <div class="flex items-center gap-1.5">
                 <button
                   class="inline-flex h-8 w-8 items-center justify-center rounded-md border border-slate-200 bg-white text-blue-600 hover:bg-blue-50 hover:border-blue-300 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-                  on:click={() => handleAction(dashboard, "migrate")}
+                  onclick={() => handleAction(dashboard, "migrate")}
                   title={$t.dashboard?.action_migrate}
                 >
                   <svg
@@ -2041,7 +2041,7 @@
                 </button>
                 <button
                   class="inline-flex h-8 w-8 items-center justify-center rounded-md border border-slate-200 bg-white text-teal-600 hover:bg-teal-50 hover:border-teal-300 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-                  on:click={() => handleValidate(dashboard)}
+                  onclick={() => handleValidate(dashboard)}
                   disabled={validatingIds.has(dashboard.id)}
                   title={$t.dashboard?.action_validate}
                 >
@@ -2079,7 +2079,7 @@
                 </button>
                 <button
                   class="inline-flex h-8 w-8 items-center justify-center rounded-md border border-slate-200 bg-white text-amber-600 hover:bg-amber-50 hover:border-amber-300 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-                  on:click={() => handleAction(dashboard, "backup")}
+                  onclick={() => handleAction(dashboard, "backup")}
                   title={$t.dashboard?.action_backup}
                 >
                   <svg
@@ -2138,14 +2138,14 @@
           <div class="flex items-center gap-1">
             <button
               class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed min-w-[32px]"
-              on:click={() => handlePageChange(1)}
+              onclick={() => handlePageChange(1)}
               disabled={currentPage === 1}
             >
               {$t.common?.first}
             </button>
             <button
               class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed min-w-[32px]"
-              on:click={() => handlePageChange(currentPage - 1)}
+              onclick={() => handlePageChange(currentPage - 1)}
               disabled={currentPage === 1}
             >
               {$t.dashboard?.previous}
@@ -2156,7 +2156,7 @@
               {:else}
                 <button
                   class="page-btn {pageNum === currentPage ? 'active' : ''}"
-                  on:click={() => handlePageChange(pageNum)}
+                  onclick={() => handlePageChange(pageNum)}
                 >
                   {pageNum}
                 </button>
@@ -2164,14 +2164,14 @@
             {/each}
             <button
               class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed min-w-[32px]"
-              on:click={() => handlePageChange(currentPage + 1)}
+              onclick={() => handlePageChange(currentPage + 1)}
               disabled={currentPage === totalPages}
             >
               {$t.dashboard?.next}
             </button>
             <button
               class="px-3 py-1 border border-gray-300 rounded hover:bg-gray-100 disabled:opacity-50 disabled:cursor-not-allowed min-w-[32px]"
-              on:click={() => handlePageChange(totalPages)}
+              onclick={() => handlePageChange(totalPages)}
               disabled={currentPage === totalPages}
             >
               {$t.common?.last}
@@ -2181,7 +2181,7 @@
             <select
               class="px-4 py-2 border border-gray-300 rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-blue-500"
               value={pageSize}
-              on:change={handlePageSizeChange}
+              onchange={handlePageSizeChange}
             >
               <option value={5}>
                 {($t.dashboard?.per_page_option).replace("{count}", "5")}
@@ -2223,7 +2223,7 @@
           <div class="flex gap-3">
             <button
               class="px-3 py-1 text-sm bg-primary text-white border-primary rounded hover:bg-primary-hover transition-colors"
-              on:click={() => {
+              onclick={() => {
                 showMigrateModal = true;
                 targetEnvId = null;
                 availableDbMappings = [];
@@ -2237,13 +2237,13 @@
             </button>
             <button
               class="px-3 py-1 text-sm bg-primary text-white border-primary rounded hover:bg-primary-hover transition-colors"
-              on:click={() => (showBackupModal = true)}
+              onclick={() => (showBackupModal = true)}
             >
               {$t.dashboard?.bulk_backup}
             </button>
             <button
               class="px-3 py-1 text-sm border border-gray-300 rounded hover:bg-gray-100 transition-colors"
-              on:click={() => selectedIds.clear()}
+              onclick={() => selectedIds.clear()}
             >
               {$t.common?.cancel}
             </button>
@@ -2257,18 +2257,18 @@
   {#if showMigrateModal}
     <div
       class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
-      on:click={() => (showMigrateModal = false)}
-      on:keydown={(e) => e.key === "Escape" && (showMigrateModal = false)}
+      onclick={() => (showMigrateModal = false)}
+      onkeydown={(e) => e.key === "Escape" && (showMigrateModal = false)}
       role="presentation"
     >
       <div
         class="bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[80vh] overflow-y-auto"
-        on:click|stopPropagation
+        onclick={(e) => e.stopPropagation()}
         role="dialog"
         aria-modal="true"
         tabindex="-1"
         aria-labelledby="migrate-modal-title"
-        on:keydown={(e) => e.stopPropagation()}
+        onkeydown={(e) => e.stopPropagation()}
       >
         <div
           class="px-6 py-4 border-b border-gray-200 flex items-center justify-between relative"
@@ -2280,7 +2280,7 @@
             )}
           </h2>
           <button
-            on:click={() => (showMigrateModal = false)}
+            onclick={() => (showMigrateModal = false)}
             class="absolute top-4 right-4 p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-full transition-all"
             aria-label={$t.common?.close_modal}
           >
@@ -2330,7 +2330,7 @@
                 id="target-env"
                 class="env-dropdown w-full"
                 bind:value={targetEnvId}
-                on:change={handleTargetEnvChange}
+                onchange={handleTargetEnvChange}
               >
                 <option value="">
                   {$t.dashboard?.target_env_placeholder ||
@@ -2371,7 +2371,7 @@
                   {#if availableDbMappings.length > 0}
                     <button
                       class="text-sm text-blue-600 hover:underline"
-                      on:click={() => (isEditingMappings = !isEditingMappings)}
+                      onclick={() => (isEditingMappings = !isEditingMappings)}
                     >
                       {isEditingMappings
                         ? $t.dashboard?.view_summary
@@ -2494,9 +2494,9 @@
 
             <!-- Selected Dashboards List -->
             <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2"
-                >{$t.dashboard?.selected_dashboards}</label
-              >
+              <p class="block text-sm font-medium text-gray-700 mb-2">
+                {$t.dashboard?.selected_dashboards}
+              </p>
               <div
                 class="max-h-40 overflow-y-auto border border-gray-200 rounded-lg bg-gray-50 p-2"
               >
@@ -2597,12 +2597,12 @@
         <div class="px-6 py-4 border-t border-gray-200 flex justify-end gap-3">
           <button
             class="px-3 py-1 text-sm border border-gray-300 rounded hover:bg-gray-100 transition-colors"
-            on:click={() => (showMigrateModal = false)}
+            onclick={() => (showMigrateModal = false)}
             disabled={isSubmittingMigrate}>{$t.common?.cancel}</button
           >
           <button
             class="px-3 py-1 text-sm bg-primary text-white border-primary rounded hover:bg-primary-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-            on:click={handleBulkMigrate}
+            onclick={handleBulkMigrate}
             disabled={!targetEnvId ||
               selectedIds.size === 0 ||
               isSubmittingMigrate}
@@ -2618,18 +2618,18 @@
   {#if showBackupModal}
     <div
       class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
-      on:click={() => (showBackupModal = false)}
-      on:keydown={(e) => e.key === "Escape" && (showBackupModal = false)}
+      onclick={() => (showBackupModal = false)}
+      onkeydown={(e) => e.key === "Escape" && (showBackupModal = false)}
       role="presentation"
     >
       <div
         class="bg-white rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[80vh] overflow-y-auto"
-        on:click|stopPropagation
+        onclick={(e) => e.stopPropagation()}
         role="dialog"
         aria-modal="true"
         tabindex="-1"
         aria-labelledby="backup-modal-title"
-        on:keydown={(e) => e.stopPropagation()}
+        onkeydown={(e) => e.stopPropagation()}
       >
         <div
           class="px-6 py-4 border-b border-gray-200 flex items-center justify-between relative"
@@ -2641,7 +2641,7 @@
             )}
           </h2>
           <button
-            on:click={() => (showBackupModal = false)}
+            onclick={() => (showBackupModal = false)}
             class="absolute top-4 right-4 p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-full transition-all"
             aria-label={$t.common?.close_modal}
           >
@@ -2682,9 +2682,9 @@
 
             <!-- Selected Dashboards List -->
             <div>
-              <label class="block text-sm font-medium text-gray-700 mb-2"
-                >{$t.dashboard?.selected_dashboards}</label
-              >
+              <p class="block text-sm font-medium text-gray-700 mb-2">
+                {$t.dashboard?.selected_dashboards}
+              </p>
               <div
                 class="max-h-40 overflow-y-auto border border-gray-200 rounded-lg bg-gray-50 p-2"
               >
@@ -2703,11 +2703,12 @@
 
             <!-- Schedule -->
             <div>
-              <label
+              <p
                 id="backup-schedule-label"
                 class="block text-sm font-medium text-gray-700 mb-2"
-                >{$t.dashboard?.schedule}</label
               >
+                {$t.dashboard?.schedule}
+              </p>
               <div class="space-y-3" aria-labelledby="backup-schedule-label">
                 <label class="flex items-center">
                   <input
@@ -2756,12 +2757,12 @@
         <div class="px-6 py-4 border-t border-gray-200 flex justify-end gap-3">
           <button
             class="px-3 py-1 text-sm border border-gray-300 rounded hover:bg-gray-100 transition-colors"
-            on:click={() => (showBackupModal = false)}
+            onclick={() => (showBackupModal = false)}
             disabled={isSubmittingBackup}>{$t.common?.cancel}</button
           >
           <button
             class="px-3 py-1 text-sm bg-primary text-white border-primary rounded hover:bg-primary-hover transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-            on:click={handleBulkBackup}
+            onclick={handleBulkBackup}
             disabled={selectedIds.size === 0 || isSubmittingBackup}
           >
             {isSubmittingBackup
diff --git a/frontend/src/routes/settings/automation/+page.svelte b/frontend/src/routes/settings/automation/+page.svelte
index 2af38e2b..64a606f9 100644
--- a/frontend/src/routes/settings/automation/+page.svelte
+++ b/frontend/src/routes/settings/automation/+page.svelte
@@ -165,12 +165,12 @@
                     </div>
                   </div>
                   <div class="flex items-center space-x-2">
-                    <button onclick={() => handleEdit(policy)} class="p-2 text-gray-400 hover:text-blue-600 dark:hover:text-blue-400">
+                    <button onclick={() => handleEdit(policy)} aria-label="Edit policy" title="Edit policy" class="p-2 text-gray-400 hover:text-blue-600 dark:hover:text-blue-400">
                       <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
                       </svg>
                     </button>
-                    <button onclick={() => handleDelete(policy.id)} class="p-2 text-gray-400 hover:text-red-600 dark:hover:text-red-400">
+                    <button onclick={() => handleDelete(policy.id)} aria-label="Delete policy" title="Delete policy" class="p-2 text-gray-400 hover:text-red-600 dark:hover:text-red-400">
                       <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
                       </svg>
diff --git a/specs/019-superset-ux-redesign/tasks.md b/specs/019-superset-ux-redesign/tasks.md
index 1b079657..009cac6c 100644
--- a/specs/019-superset-ux-redesign/tasks.md
+++ b/specs/019-superset-ux-redesign/tasks.md
@@ -568,3 +568,8 @@ All implementation tasks MUST follow the Design-by-Contract specifications:
 | Polish Tasks | 7 |
 | Unit Tests Tasks | 11 |
 | MVP Scope | Phases 1-5 (25 tasks) |
+
+## Post-Verification Fixes (2026-03-11)
+
+- [x] D095 [US3] Migrate deprecated native event directives to event attributes in [`+page.svelte`](frontend/src/routes/dashboards/+page.svelte), fix modal propagation handlers, and address targeted a11y warnings in [`automation/+page.svelte`](frontend/src/routes/settings/automation/+page.svelte).
+- [x] D096 [US6] Resolve blocking parse error in [`ProtectedRoute.svelte`](frontend/src/components/auth/ProtectedRoute.svelte) by removing HTML comments from script scope and aligning rendering with Svelte 5 (`{@render ...}`).