Fix: Resolve N/A display in automatic groups admin group type column

.devcontainer/devcontainer.json

@@ -3,35 +3,64 @@
 //
 // See https://aka.ms/devcontainer.json for more information.
 {
-	"name": "Ona",
-	// Use "image": "mcr.microsoft.com/devcontainers/base:ubuntu-24.04",
-	// instead of the build to use a pre-built image.
-	"build": {
-        "context": ".",
-        "dockerfile": "Dockerfile"
+  "name": "Ona",
+  // Use "image": "mcr.microsoft.com/devcontainers/base:ubuntu-24.04",
+  // instead of the build to use a pre-built image.
+  "build": {
+    "context": ".",
+    "dockerfile": "Dockerfile"
+  },
+  // Features add additional features to your environment. See https://containers.dev/features
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "nodeGypDependencies": true,
+      "version": "20"
+    },
+    "ghcr.io/devcontainers/features/github-cli:1": {
+      "installDirectlyFromGitHubRelease": true,
+      "version": "latest"
     }
-	// Features add additional features to your environment. See https://containers.dev/features
-	"features": {
-		"ghcr.io/devcontainers/features/node:1": {
-			"nodeGypDependencies": true,
-			"version": "20"
-		},
-		"ghcr.io/devcontainers/features/github-cli:1": {
-			"installDirectlyFromGitHubRelease": true,
-			"version": "latest"
-		}
-	},
+  },
 
-	// VS Code extensions to install automatically
-	"customizations": {
-		"vscode": {
-			"extensions": [
-				"Vue.volar",
-				"Vue.vscode-typescript-vue-plugin",
-				"bradlc.vscode-tailwindcss",
-				"esbenp.prettier-vscode",
-				"ms-vscode.vscode-typescript-next"
-			]
-		}
-	}
+  // VS Code extensions to install automatically
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "Vue.volar",
+        "Vue.vscode-typescript-vue-plugin",
+        "bradlc.vscode-tailwindcss",
+        "esbenp.prettier-vscode",
+        "ms-vscode.vscode-typescript-next",
+        "mhutchie.git-graph",
+        "EditorConfig.EditorConfig",
+        "ms-playwright.playwright"
+      ],
+      "settings": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.codeActionsOnSave": {
+          "source.fixAll": "explicit",
+          "source.organizeImports": "explicit"
+        },
+        "typescript.preferences.importModuleSpecifier": "relative",
+        "vue.codeActions.enabled": true
+      }
+    }
+  },
+
+  // Post-create commands to run after container creation
+  "postCreateCommand": "npm install && npx playwright install --with-deps && npm run format",
+
+  // Forward ports for development
+  "forwardPorts": [5173, 5174, 9323, 9324],
+  "portsAttributes": {
+    "5173": {
+      "label": "Vite Dev Server",
+      "onAutoForward": "notify"
+    },
+    "9324": {
+      "label": "Playwright Report",
+      "onAutoForward": "notify"
+    }
+  }
 }

.editorconfig

@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{json,yml,yaml}]
+indent_size = 2
+
+[*.{js,ts,vue}]
+indent_size = 2

.github/workflows/format-check.yml

@@ -0,0 +1,30 @@
+name: Format Check
+
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+
+jobs:
+  format-check:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check TypeScript types
+        run: npm run type-check
+
+      - name: Check code formatting
+        run: npm run format:check

.gitignore

@@ -48,3 +48,25 @@ ehthumbs.db
 # Temporary files
 *.tmp
 *.temp
+
+# Temporary files directory
+.tmp/*
+!.tmp/.gitkeep
+
+# Ona specific
+.ona-temp/
+*.ona-backup
+.ona-cache/
+
+# Development
+.vscode/settings.json.bak
+*.local.env
+
+# Playwright
+/test-results/
+/playwright-report/
+/playwright/.cache/
+/.auth/
+
+
+

.prettierignore

@@ -0,0 +1,12 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+*.log
+.cache
+.temp
+.env
+.env.*
+!.env.example
+vite.config.js

.prettierrc

@@ -0,0 +1,33 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "auto",
+  "htmlWhitespaceSensitivity": "ignore",
+  "overrides": [
+    {
+      "files": "*.vue",
+      "options": {
+        "parser": "vue"
+      }
+    },
+    {
+      "files": "*.{js,jsx,ts,tsx}",
+      "options": {
+        "semi": false,
+        "singleQuote": true
+      }
+    },
+    {
+      "files": "*.{json,md}",
+      "options": {
+        "singleQuote": false
+      }
+    }
+  ]
+}

.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "esbenp.prettier-vscode",
+    "ms-vscode.vscode-typescript-next",
+    "mhutchie.git-graph",
+    "bradlc.vscode-tailwindcss"
+  ]
+}