UI improvements

.eslintrc.json

@@ -1,36 +1,51 @@
 {
   "root": true,
-  "ignorePatterns": ["projects/**/*"],
-  "plugins": ["unused-imports"],
-  "rules": {
-    "no-unused-vars": "off",
-    "unused-imports/no-unused-imports": "error",
-    "unused-imports/no-unused-vars": [
-      "warn",
-      {
-        "vars": "all",
-        "varsIgnorePattern": "^_",
-        "args": "after-used",
-        "argsIgnorePattern": "^_"
-      }
-    ]
-  },
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
   "overrides": [
     {
-      "files": ["*.ts"],
+      "files": [
+        "*.ts"
+      ],
+      "parser": "@typescript-eslint/parser",
       "parserOptions": {
-        "project": ["tsconfig.json"],
-        "createDefaultProgram": true
+        "project": [
+          "tsconfig.app.json",
+          "tsconfig.spec.json"
+        ],
+        "createDefaultProgram": false
       },
+      "plugins": [
+        "@typescript-eslint",
+        "unused-imports"
+      ],
       "extends": [
+        "eslint:recommended",
+        "plugin:@typescript-eslint/recommended",
         "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
+        "no-unused-vars": "off",
+        "@typescript-eslint/no-unused-vars": "off",
+        "unused-imports/no-unused-imports": "error",
+        "unused-imports/no-unused-vars": [
+          "warn",
+          {
+            "vars": "all",
+            "varsIgnorePattern": "^_",
+            "args": "after-used",
+            "argsIgnorePattern": "^_"
+          }
+        ],
         "@angular-eslint/component-class-suffix": [
           "error",
           {
-            "suffixes": ["Page", "Component"]
+            "suffixes": [
+              "Page",
+              "Component"
+            ]
           }
         ],
         "@angular-eslint/component-selector": [
@@ -48,13 +63,19 @@
             "prefix": "app",
             "style": "camelCase"
           }
-        ]
+        ],
+        "@typescript-eslint/no-explicit-any": "warn"
       }
     },
     {
-      "files": ["*.html"],
-      "extends": ["plugin:@angular-eslint/template/recommended"],
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended",
+        "plugin:@angular-eslint/template/accessibility"
+      ],
       "rules": {}
     }
   ]
-}
+}

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "kiroAgent.configureMCP": "Enabled"
+    "kiroAgent.configureMCP": "Enabled",
+    "java.configuration.updateBuildConfiguration": "disabled"
 }

agents.md

@@ -0,0 +1,46 @@
+# Project Guidelines and Patterns
+
+## Package Management
+- **Use Bun**: Always use `bun` for package management and running scripts instead of `npm` or `yarn`.
+  - Example: `bun install`, `bun run build`, `bun test`.
+
+## Angular Patterns
+### Architecture
+- **Standalone Components**: Use standalone components (`standalone: true` is default in v19+, but ensure `imports` array is used).
+  - Import Ionic components directly from `@ionic/angular/standalone`.
+  - Example: `imports: [IonContent, IonHeader, IonTitle, IonToolbar, CommonModule]`
+- **Dependency Injection**: Use `inject()` function for dependency injection instead of constructor arguments.
+  - Example: `private db = inject(DbService);`
+
+### State Management & Reactivity
+- **Signals**: Prioritize Angular Signals for state and inputs/outputs.
+  - Inputs: `myInput = input<string>('');`
+  - Outputs: `myOutput = output<void>();`
+  - Computed: `isValid = computed(() => this.count() > 0);`
+  - Effects: Use `effect()` for side effects in `constructor`.
+
+### Template Syntax
+- **Control Flow**: Use the new built-in control flow syntax.
+  - `@if (condition) { ... }`
+  - `@for (item of items; track item.id) { ... }`
+  - `@switch (value) { ... }`
+
+## Ionic & Capacitor
+- **Icons**: Register icons using `addIcons` in the constructor or initialization logic.
+- **Native Features**: specific native functionality (Haptics, etc.) should be accessed via Capacitor plugins.
+
+## Pre-Commit & Quality
+- **Linting**: Use `bun run lint`.
+- **Formatting**: Use `bun run format`.
+
+## Developer Setup
+- **VS Code Recommendations**:
+  - Enable **Auto-fix on save** for ESLint to automatically remove unused imports.
+  - Enable **Organize Imports on save**.
+  - Example `settings.json`:
+    ```json
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": "explicit",
+      "source.organizeImports": "explicit"
+    }
+    ```