Psu type configuration (#248)

* feat: implement salary module with personnummer encryption, salary entries, tax tables, and AGI tracking

- Added personnummer encryption and decryption functions for secure storage.
- Created salary entries handling for journal entries including gross salary, tax withholding, and employer contributions.
- Implemented tax table lookup functionality for calculating tax amounts based on monthly income.
- Developed SQL migration for salary module including tables for payroll configuration, tax rates, employees, salary runs, salary run employees, salary line items, and AGI declarations.
- Established row-level security policies for all new tables to ensure company-scoped access.

* feat: add salary calculation modules for 2026

- Implemented engångsskatt calculation for one-time payments with tax brackets.
- Added löneväxling functionality for salary sacrifice to pension, including employer savings and warnings.
- Created pain.001 generator for salary batch payments in compliance with Swedish banking standards.
- Developed PDF template for payslips, including detailed breakdowns and employer costs.
- Generated seed data for Swedish tax tables for 2026, including SQL insert statements.
- Implemented traktamente calculations for per diem and mileage allowances, adhering to Skatteverket regulations.
- Added seed script for populating tax tables in the database.

* feat: Update meal reduction percentages in traktamente calculation

fix: Remove obsolete seed script for 2026 tax tables

feat: Extend SalaryRunStatus type to include 'corrected' status

feat: Implement KU10 XML generation endpoint for annual employee income statements

feat: Add endpoint for creating corrections to booked salary runs

feat: Implement endpoint for sending payslip PDFs to employees

feat: Create KU10 XML generator for annual reporting

feat: Add salary transaction matcher for auto-linking bank transactions to salary entries

chore: Add database migration for salary correction support

* feat: replace select elements with custom Select component for employment and salary types

* feat: enhance salary calculations with pension entry and avgifter category support

* feat: enhance banking settings with PSU type detection and error handling

* fix: improve error handling for bank connection and update access denial message

extensions/general/enable-banking/components/BankSelector.tsx

@@ -20,6 +20,7 @@ const POPULAR_SWEDISH_BANKS = [
 
 interface BankSelectorProps {
   onConnect: (bank: Bank) => void
+  onPsuTypeDetected?: (psuType: 'personal' | 'business') => void
   isConnecting?: boolean
   connectingBankName?: string | null
   className?: string
@@ -89,6 +90,7 @@ function BankCard({ bank, isConnecting, connectingBankName, onConnect }: {
 
 export function BankSelector({
   onConnect,
+  onPsuTypeDetected,
   isConnecting = false,
   connectingBankName = null,
   className,
@@ -111,6 +113,9 @@ export function BankSelector({
         if (data.sandbox !== undefined) {
           setIsSandbox(data.sandbox)
         }
+        if (data.psu_type && onPsuTypeDetected) {
+          onPsuTypeDetected(data.psu_type)
+        }
       } catch {
         setError('Kunde inte ladda banker')
       } finally {
@@ -118,7 +123,8 @@ export function BankSelector({
       }
     }
     fetchBanks()
-  }, [])
+  // eslint-disable-next-line react-hooks/exhaustive-deps -- onPsuTypeDetected is a stable setter, only run on mount
+  }, [onPsuTypeDetected])
 
   const filteredBanks = banks.filter((bank) =>
     bank.name.toLowerCase().includes(searchQuery.toLowerCase())

extensions/general/enable-banking/components/BankingSettingsPanel.tsx

@@ -7,6 +7,7 @@ import { Button } from '@/components/ui/button'
 import { useToast } from '@/components/ui/use-toast'
 import { DestructiveConfirmDialog, useDestructiveConfirm } from '@/components/ui/destructive-confirm-dialog'
 import { Loader2, Upload } from 'lucide-react'
+import { cn } from '@/lib/utils'
 import { createClient } from '@/lib/supabase/client'
 import { useCompany } from '@/contexts/CompanyContext'
 import { BankSelector, type Bank } from './BankSelector'
@@ -31,6 +32,7 @@ export default function BankingSettingsPanel() {
   const connectingRef = useRef(false)
   const [isLoading, setIsLoading] = useState(true)
   const [showCsvFallback, setShowCsvFallback] = useState(false)
+  const [psuType, setPsuType] = useState<'personal' | 'business'>('business')
 
   useEffect(() => {
     fetchConnections()
@@ -52,7 +54,7 @@ export default function BankingSettingsPanel() {
     setIsLoading(false)
   }
 
-  async function handleConnectBank(bank: Bank) {
+  async function handleConnectBank(bank: Bank, psuTypeOverride?: 'personal' | 'business') {
     if (connectingRef.current) return
     connectingRef.current = true
     setIsConnecting(true)
@@ -62,12 +64,16 @@ export default function BankingSettingsPanel() {
       console.log('[enable-banking] Initiating bank connection', {
         bankName: bank.name,
         bankCountry: bank.country,
+        psuTypeOverride,
       })
 
+      const body: Record<string, string> = { aspsp_name: bank.name, aspsp_country: bank.country }
+      if (psuTypeOverride) body.psu_type = psuTypeOverride
+
       const response = await fetch('/api/extensions/ext/enable-banking/connect', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ aspsp_name: bank.name, aspsp_country: bank.country }),
+        body: JSON.stringify(body),
       })
 
       const data = await response.json()
@@ -288,9 +294,45 @@ export default function BankingSettingsPanel() {
             Välj din bank nedan för att koppla ditt konto via PSD2.
           </CardDescription>
         </CardHeader>
-        <CardContent>
+        <CardContent className="space-y-4">
+          {/* Account type selector */}
+          <div className="flex items-center gap-3">
+            <span className="text-sm text-muted-foreground">Kontotyp:</span>
+            <div className="inline-flex rounded-lg border border-border p-0.5">
+              <button
+                type="button"
+                onClick={() => setPsuType('business')}
+                className={cn(
+                  'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+                  psuType === 'business'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'text-muted-foreground hover:text-foreground'
+                )}
+              >
+                Företagskonto
+              </button>
+              <button
+                type="button"
+                onClick={() => setPsuType('personal')}
+                className={cn(
+                  'rounded-md px-3 py-1.5 text-sm font-medium transition-colors',
+                  psuType === 'personal'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'text-muted-foreground hover:text-foreground'
+                )}
+              >
+                Privatkonto
+              </button>
+            </div>
+          </div>
+          {psuType === 'personal' && (
+            <p className="text-xs text-muted-foreground">
+              Välj Privatkonto om du använder ditt personliga bankkonto för din verksamhet (vanligt för enskild firma).
+            </p>
+          )}
           <BankSelector
-            onConnect={handleConnectBank}
+            onConnect={(bank) => handleConnectBank(bank, psuType)}
+            onPsuTypeDetected={setPsuType}
             isConnecting={isConnecting}
             connectingBankName={connectingBankName}
           />