feat: Add password reset functionality with request and reset forms

feat: Implement price list import feature with preview and apply options

feat: Create price rules management page with CRUD operations

feat: Develop quotes management page with itemized quotes and status tracking

feat: Introduce organization registration page for new users

feat: Build suppliers management page with detailed supplier information

feat: Create users management page for inviting and managing roles

chore: Add TypeScript configuration for improved type checking

chore: Set up Vite configuration for development server and API proxy

chore: Add Vite environment type definitions for better TypeScript support

web-frontend/src/views/CashDiscountTermsPage.vue

@@ -0,0 +1,107 @@
+<script setup lang="ts">
+import { onMounted, reactive, ref, watch } from "vue";
+import { apiDelete, apiGet, apiPost, apiPut } from "../api";
+import FormStatus from "../components/FormStatus.vue";
+import PageHeader from "../components/PageHeader.vue";
+import { liveUpdateState } from "../realtime";
+import type { CashDiscountTerm } from "../types";
+
+const emptyForm = () => ({
+  code: "",
+  name: "",
+  discount_percent: "2",
+  discount_days: 10,
+  net_days: 30 as number | null,
+  valid_from: null as string | null,
+  valid_until: null as string | null,
+  is_default_customer_term: false,
+  is_default_supplier_term: false,
+  is_active: true
+});
+
+const terms = ref<CashDiscountTerm[]>([]);
+const selectedId = ref<string | null>(null);
+const form = reactive(emptyForm());
+const status = ref("");
+const kind = ref<"info" | "success" | "error">("info");
+
+async function load() {
+  const result = await apiGet<CashDiscountTerm[]>("/api/v1/cash-discount-terms");
+  if (result.ok) terms.value = result.data;
+  else { status.value = result.message; kind.value = "error"; }
+}
+
+function createNew() {
+  selectedId.value = null;
+  Object.assign(form, emptyForm());
+}
+
+function select(term: CashDiscountTerm) {
+  selectedId.value = term.id;
+  Object.assign(form, {
+    code: term.code,
+    name: term.name,
+    discount_percent: term.discount_percent,
+    discount_days: term.discount_days,
+    net_days: term.net_days ?? null,
+    valid_from: term.valid_from ?? null,
+    valid_until: term.valid_until ?? null,
+    is_default_customer_term: term.is_default_customer_term,
+    is_default_supplier_term: term.is_default_supplier_term,
+    is_active: term.is_active
+  });
+}
+
+async function save() {
+  const result = selectedId.value
+    ? await apiPut<CashDiscountTerm>(`/api/v1/cash-discount-terms/${selectedId.value}`, form)
+    : await apiPost<CashDiscountTerm>("/api/v1/cash-discount-terms", form);
+  status.value = result.ok ? "Skonto-Regel gespeichert." : result.message;
+  kind.value = result.ok ? "success" : "error";
+  if (result.ok) { selectedId.value = result.data.id; await load(); }
+}
+
+async function deactivate() {
+  if (!selectedId.value) return;
+  const result = await apiDelete(`/api/v1/cash-discount-terms/${selectedId.value}`);
+  status.value = result.ok ? "Skonto-Regel deaktiviert." : result.message;
+  kind.value = result.ok ? "success" : "error";
+  if (result.ok) await load();
+}
+
+onMounted(load);
+watch(() => liveUpdateState.revision, load);
+</script>
+
+<template>
+  <PageHeader title="Skonto" description="Zahlungsbedingungen für Kunden, Lieferanten und Belege." />
+  <div class="workspace-split">
+    <section class="panel list-panel">
+      <div class="section-title"><h2>Regeln</h2><button type="button" @click="createNew">Neu</button></div>
+      <button v-for="term in terms" :key="term.id" type="button" class="list-row" :class="{ selected: selectedId === term.id }" @click="select(term)">
+        <strong>{{ term.code }}</strong>
+        <span>{{ term.name }}</span>
+        <small>{{ term.discount_percent }} % / {{ term.discount_days }} Tage</small>
+      </button>
+      <p v-if="terms.length === 0" class="empty">Keine Skonto-Regeln vorhanden.</p>
+    </section>
+    <section class="panel detail-panel">
+      <form @submit.prevent="save">
+        <div class="form-grid">
+          <label class="field"><span>Code</span><input v-model="form.code" required /></label>
+          <label class="field"><span>Name</span><input v-model="form.name" required /></label>
+          <label class="field"><span>Skonto %</span><input v-model="form.discount_percent" type="number" min="0" max="100" step="0.01" required /></label>
+          <label class="field"><span>Skontofrist Tage</span><input v-model="form.discount_days" type="number" min="0" required /></label>
+          <label class="field"><span>Nettoziel Tage</span><input v-model="form.net_days" type="number" min="0" /></label>
+          <label class="field"><span>Gültig ab</span><input v-model="form.valid_from" type="date" /></label>
+          <label class="field"><span>Gültig bis</span><input v-model="form.valid_until" type="date" /></label>
+          <label class="check-row"><input v-model="form.is_default_customer_term" type="checkbox" /><span>Standard für Kunden</span></label>
+          <label class="check-row"><input v-model="form.is_default_supplier_term" type="checkbox" /><span>Standard für Lieferanten</span></label>
+          <label class="check-row"><input v-model="form.is_active" type="checkbox" /><span>Aktiv</span></label>
+        </div>
+        <div class="form-actions"><button type="submit">Speichern</button><button v-if="selectedId" type="button" class="secondary" @click="deactivate">Deaktivieren</button></div>
+        <FormStatus :message="status" :kind="kind" />
+      </form>
+    </section>
+  </div>
+</template>