v1.7.0: fix offer created_at override, invoice PDF translations, remove has_order filter

- Add created_at to offer create/update schemas so user-selected date is stored instead of always defaulting to now() - Translate payment method in invoice PDF based on language (Příkazem → Bank transfer, etc.) - Add order_date and cnb_rate translation keys, replace hardcoded inline strings - Remove duplicate has_order filter from offers backend route Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
v1.6.9: bump version
2026-05-28 13:35:36 +02:00 · 2026-05-28 13:20:37 +02:00 · 2026-05-28 13:20:22 +02:00 · 2026-05-28 12:58:51 +02:00
20 changed files with 3190 additions and 3089 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "app-ts",
-  "version": "1.6.7",
+  "version": "1.7.0",
  "description": "",
  "main": "dist/server.js",
  "scripts": {
@@ -18,7 +18,6 @@
    "db:studio": "prisma studio",
    "test": "vitest run",
    "test:watch": "vitest",
-    "bones": "boneyard-js build http://localhost:3000",
    "seed": "tsx prisma/seed.ts"
  },
  "prisma": {
@@ -42,7 +41,6 @@
    "@tanstack/react-query": "^5.100.5",
    "@types/jsdom": "^28.0.1",
    "bcryptjs": "^3.0.3",
-    "boneyard-js": "^1.8.1",
    "date-fns": "^4.1.0",
    "dompurify": "^3.3.3",
    "dotenv": "^17.3.1",
--- a/prisma/migrations/20260528000000_remove_offer_exchange_rate/migration.sql
+++ b/prisma/migrations/20260528000000_remove_offer_exchange_rate/migration.sql
@@ -0,0 +1,3 @@
+-- AlterTable
+ALTER TABLE `quotations` DROP COLUMN `exchange_rate`;
+ALTER TABLE `quotations` DROP COLUMN `exchange_rate_date`;
--- a/prisma/migrations/20260528000001_add_invoice_item_description/migration.sql
+++ b/prisma/migrations/20260528000001_add_invoice_item_description/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE `invoice_items` ADD COLUMN `item_description` TEXT NULL;
--- a/prisma/migrations/20260528000002_cleanup_offer_dead_columns/migration.sql
+++ b/prisma/migrations/20260528000002_cleanup_offer_dead_columns/migration.sql
@@ -0,0 +1,14 @@
+-- AlterTable: quotation_items
+ALTER TABLE `quotation_items` DROP COLUMN `uuid`;
+ALTER TABLE `quotation_items` DROP COLUMN `is_deleted`;
+ALTER TABLE `quotation_items` DROP COLUMN `sync_version`;
+
+-- AlterTable: quotations
+ALTER TABLE `quotations` DROP COLUMN `uuid`;
+ALTER TABLE `quotations` DROP COLUMN `sync_version`;
+
+-- AlterTable: scope_sections
+ALTER TABLE `scope_sections` DROP COLUMN `content_editor_height`;
+ALTER TABLE `scope_sections` DROP COLUMN `uuid`;
+ALTER TABLE `scope_sections` DROP COLUMN `is_deleted`;
+ALTER TABLE `scope_sections` DROP COLUMN `sync_version`;
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -153,8 +153,9 @@ model customers {
 model invoice_items {
  id          Int      @id @default(autoincrement())
  invoice_id  Int
-  description String?  @db.VarChar(500)
-  quantity    Decimal? @default(1.000) @db.Decimal(12, 3)
+  description       String?  @db.VarChar(500)
+  item_description String?  @db.Text
+  quantity          Decimal? @default(1.000) @db.Decimal(12, 3)
  unit        String?  @db.VarChar(20)
  unit_price  Decimal? @default(0.00) @db.Decimal(12, 2)
  vat_rate    Decimal? @default(21.00) @db.Decimal(5, 2)
@@ -377,10 +378,7 @@ model quotation_items {
  unit                 String?    @db.VarChar(20)
  unit_price           Decimal?   @default(0.00) @db.Decimal(12, 2)
  is_included_in_total Boolean?   @default(true)
-  uuid                 String?    @db.VarChar(36)
  modified_at          DateTime?  @db.DateTime(0)
-  is_deleted           Boolean?   @default(false)
-  sync_version         Int?       @default(0)
  quotations           quotations @relation(fields: [quotation_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "quotation_items_ibfk_1")

  @@index([quotation_id], map: "quotation_id")
@@ -397,17 +395,13 @@ model quotations {
  language           String?           @default("cs") @db.VarChar(5)
  vat_rate           Decimal?          @default(21.00) @db.Decimal(5, 2)
  apply_vat          Boolean?          @default(true)
-  exchange_rate      Decimal?          @default(1.0000) @db.Decimal(10, 4)
-  exchange_rate_date DateTime?         @db.Date
  order_id           Int?
  status             String            @default("active") @db.VarChar(20)
  scope_title        String?           @db.VarChar(500)
  scope_description  String?           @db.Text
  locked_by          Int?
  locked_at          DateTime?         @db.DateTime(0)
-  uuid               String?           @db.VarChar(36)
  modified_at        DateTime?         @db.DateTime(0)
-  sync_version       Int?              @default(0)
  orders             orders[]
  projects           projects[]
  quotation_items    quotation_items[]
@@ -492,11 +486,7 @@ model scope_sections {
  title                 String?    @db.VarChar(500)
  title_cz              String?    @db.VarChar(500)
  content               String?    @db.Text
-  content_editor_height Int?
-  uuid                  String?    @db.VarChar(36)
  modified_at           DateTime?  @db.DateTime(0)
-  is_deleted            Boolean?   @default(false)
-  sync_version          Int?       @default(0)
  quotations            quotations @relation(fields: [quotation_id], references: [id], onDelete: Cascade, onUpdate: NoAction, map: "scope_sections_ibfk_1")

  @@index([quotation_id], map: "quotation_id")
--- a/src/admin/lib/queries/invoices.ts
+++ b/src/admin/lib/queries/invoices.ts
@@ -34,7 +34,7 @@ export interface InvoiceStats {
 export interface InvoiceItem {
  id?: number;
  description: string;
-  item_description?: string;
+  item_description: string;
  quantity: number;
  unit: string;
  unit_price: number;
--- a/src/admin/lib/queries/offers.ts
+++ b/src/admin/lib/queries/offers.ts
@@ -19,6 +19,7 @@ export interface ScopeSection {
 export interface ScopeTemplate {
  id: number;
  name: string;
+  title?: string;
  description?: string;
  scope_template_sections?: ScopeSection[];
 }
@@ -70,6 +71,8 @@ export const offerListOptions = (filters: {
  order?: string;
  page?: number;
  perPage?: number;
+  status?: string;
+  customer_id?: number;
 }) =>
  queryOptions({
    queryKey: ["offers", "list", filters],
@@ -80,6 +83,9 @@ export const offerListOptions = (filters: {
      if (filters.order) params.set("order", filters.order);
      if (filters.page) params.set("page", String(filters.page));
      if (filters.perPage) params.set("per_page", String(filters.perPage));
+      if (filters.status) params.set("status", filters.status);
+      if (filters.customer_id)
+        params.set("customer_id", String(filters.customer_id));
      const qs = params.toString();
      return paginatedJsonQuery(`/api/admin/offers${qs ? `?${qs}` : ""}`);
    },
@@ -127,9 +133,6 @@ export interface OfferDetailData {
  language: string;
  vat_rate: number;
  apply_vat: boolean;
-  exchange_rate: string;
-  scope_title: string;
-  scope_description: string;
  items?: OfferItemData[];
  sections?: OfferSectionData[];
  status: string;
--- a/src/admin/offers.css
+++ b/src/admin/offers.css
@@ -46,33 +46,6 @@
  min-height: 32px;
 }

-/* Template dropdown menu */
-.offers-template-menu {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  z-index: 100;
-  min-width: 200px;
-  max-height: 250px;
-  overflow-y: auto;
-  background: var(--bg-primary);
-  border: 1px solid var(--border-color);
-  border-radius: 0.5rem;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  margin-top: 0.25rem;
-}
-
-.offers-template-menu-item {
-  padding: 0.5rem 0.75rem;
-  cursor: pointer;
-  font-size: 0.875rem;
-  transition: background var(--transition);
-}
-
-.offers-template-menu-item:hover {
-  background: var(--bg-secondary);
-}
-
 /* Language badges */
 .offers-lang-badge {
  display: inline-flex;
@@ -617,13 +590,32 @@
 }

 /* Offer draft indicator */
-.offers-draft-indicator {
+/* Filters */
+.admin-filters {
  display: flex;
-  align-items: center;
-  gap: 0.3rem;
-  font-size: 0.72rem;
-  font-weight: 500;
-  color: var(--text-tertiary);
-  margin-top: 0.2rem;
-  opacity: 0.8;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: flex-start;
+}
+
+.admin-filter-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.35rem;
+}
+
+.admin-filter-label {
+  font-size: 0.75rem;
+  font-weight: 600;
+  color: var(--text-tertiary);
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.admin-filter-group .admin-tabs {
+  flex-wrap: wrap;
+}
+
+.admin-filter-group .admin-form-select {
+  min-width: 10rem;
 }
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
--- a/src/admin/pages/Invoices.tsx
+++ b/src/admin/pages/Invoices.tsx
@@ -20,9 +20,6 @@ import {
  type CurrencyAmount,
 } from "../lib/queries/invoices";
 import Pagination from "../components/Pagination";
-import { Skeleton } from "boneyard-js/react";
-import InvoicesFixture from "../fixtures/InvoicesFixture";
-import ReceivedInvoicesFixture from "../fixtures/ReceivedInvoicesFixture";

 const ReceivedInvoices = lazy(() => import("./ReceivedInvoices"));
 const API_BASE = "/api/admin";
@@ -283,13 +280,9 @@ export default function Invoices() {

  if (initialLoad) {
    return (
-      <Skeleton
-        name="invoices"
-        loading={initialLoad}
-        fixture={<InvoicesFixture />}
-      >
-        <div />
-      </Skeleton>
+      <div className="admin-loading">
+        <div className="admin-spinner" />
+      </div>
    );
  }

@@ -420,13 +413,9 @@ export default function Invoices() {
        >
          <Suspense
            fallback={
-              <Skeleton
-                name="invoices-received-kpi"
-                loading={true}
-                fixture={<ReceivedInvoicesFixture />}
-              >
-                <div />
-              </Skeleton>
+              <div className="admin-loading">
+                <div className="admin-spinner" />
+              </div>
            }
          >
            <ReceivedInvoices
@@ -445,13 +434,9 @@ export default function Invoices() {
            transition={{ duration: 0.25, delay: 0.1 }}
          >
            {statsQuery.isPending && !hasLoadedOnce.current ? (
-              <Skeleton
-                name="invoices-kpi"
-                loading={statsQuery.isPending && !hasLoadedOnce.current}
-                fixture={<InvoicesFixture />}
-              >
-                <div />
-              </Skeleton>
+              <div className="admin-loading">
+                <div className="admin-spinner" />
+              </div>
            ) : (
              stats && (
                <div style={{ overflow: "hidden", marginBottom: "1.5rem" }}>
@@ -632,245 +617,143 @@ export default function Invoices() {
                />
              </div>

-              {invoices.length === 0 && !(draft && !statusFilter) ? (
-                <div className="admin-empty-state">
-                  <div className="admin-empty-icon">
-                    <svg
-                      width="28"
-                      height="28"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      strokeWidth="1.5"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                      <polyline points="14 2 14 8 20 8" />
-                      <line x1="16" y1="13" x2="8" y2="13" />
-                      <line x1="16" y1="17" x2="8" y2="17" />
-                      <polyline points="10 9 9 9 8 9" />
-                    </svg>
-                  </div>
-                  <p>Zatím nejsou žádné faktury.</p>
-                  {hasPermission("invoices.create") && (
-                    <p
-                      className="text-tertiary"
-                      style={{ fontSize: "0.875rem" }}
-                    >
-                      Vytvořte první fakturu tlačítkem výše.
-                    </p>
-                  )}
-                </div>
-              ) : (
-                <div className="admin-table-responsive">
-                  <table className="admin-table">
-                    <thead>
-                      <tr>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("invoice_number")}
+              <AnimatePresence mode="wait">
+                <motion.div
+                  key={`${statusFilter}-${search}-${statsMonth}-${statsYear}-${page}-${invoices.length}`}
+                  initial={{ opacity: 0, y: 6 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  exit={{ opacity: 0 }}
+                  transition={{ duration: 0.15 }}
+                >
+                  {invoices.length === 0 && !(draft && !statusFilter) ? (
+                    <div className="admin-empty-state">
+                      <div className="admin-empty-icon">
+                        <svg
+                          width="28"
+                          height="28"
+                          viewBox="0 0 24 24"
+                          fill="none"
+                          stroke="currentColor"
+                          strokeWidth="1.5"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
                        >
-                          Číslo{" "}
-                          <SortIcon
-                            column="invoice_number"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th>Zákazník</th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("status")}
+                          <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                          <polyline points="14 2 14 8 20 8" />
+                          <line x1="16" y1="13" x2="8" y2="13" />
+                          <line x1="16" y1="17" x2="8" y2="17" />
+                          <polyline points="10 9 9 9 8 9" />
+                        </svg>
+                      </div>
+                      <p>Zatím nejsou žádné faktury.</p>
+                      {hasPermission("invoices.create") && (
+                        <p
+                          className="text-tertiary"
+                          style={{ fontSize: "0.875rem" }}
                        >
-                          Stav{" "}
-                          <SortIcon
-                            column="status"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("issue_date")}
-                        >
-                          Vystaveno{" "}
-                          <SortIcon
-                            column="issue_date"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th
-                          style={{ cursor: "pointer" }}
-                          onClick={() => handleSort("due_date")}
-                        >
-                          Splatnost{" "}
-                          <SortIcon
-                            column="due_date"
-                            sort={activeSort}
-                            order={order}
-                          />
-                        </th>
-                        <th className="text-right">Celkem</th>
-                        <th>Akce</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {draft && !search && !statusFilter && (
-                        <tr className="offers-draft-row">
-                          <td>
-                            <span className="offers-draft-row-label">
-                              Koncept
-                              {draft.savedAt && (
-                                <span style={{ fontWeight: 400, opacity: 0.8 }}>
-                                  {" · "}
-                                  {new Date(draft.savedAt).toLocaleTimeString(
-                                    "cs-CZ",
-                                    { hour: "2-digit", minute: "2-digit" },
+                          Vytvořte první fakturu tlačítkem výše.
+                        </p>
+                      )}
+                    </div>
+                  ) : (
+                    <div className="admin-table-responsive">
+                      <table className="admin-table">
+                        <thead>
+                          <tr>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("invoice_number")}
+                            >
+                              Číslo{" "}
+                              <SortIcon
+                                column="invoice_number"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th>Zákazník</th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("status")}
+                            >
+                              Stav{" "}
+                              <SortIcon
+                                column="status"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("issue_date")}
+                            >
+                              Vystaveno{" "}
+                              <SortIcon
+                                column="issue_date"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th
+                              style={{ cursor: "pointer" }}
+                              onClick={() => handleSort("due_date")}
+                            >
+                              Splatnost{" "}
+                              <SortIcon
+                                column="due_date"
+                                sort={activeSort}
+                                order={order}
+                              />
+                            </th>
+                            <th className="text-right">Celkem</th>
+                            <th>Akce</th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {draft && !search && !statusFilter && (
+                            <tr className="offers-draft-row">
+                              <td>
+                                <span className="offers-draft-row-label">
+                                  Koncept
+                                  {draft.savedAt && (
+                                    <span
+                                      style={{ fontWeight: 400, opacity: 0.8 }}
+                                    >
+                                      {" · "}
+                                      {new Date(
+                                        draft.savedAt,
+                                      ).toLocaleTimeString("cs-CZ", {
+                                        hour: "2-digit",
+                                        minute: "2-digit",
+                                      })}
+                                    </span>
                                  )}
                                </span>
-                              )}
-                            </span>
-                          </td>
-                          <td>
-                            {(draft.form.customer_name as string) || "\u2014"}
-                          </td>
-                          <td>{"\u2014"}</td>
-                          <td className="admin-mono">
-                            {draft.form.issue_date
-                              ? formatDate(draft.form.issue_date as string)
-                              : "\u2014"}
-                          </td>
-                          <td className="admin-mono">
-                            {draft.form.due_date
-                              ? formatDate(draft.form.due_date as string)
-                              : "\u2014"}
-                          </td>
-                          <td />
-                          <td>
-                            <div className="admin-table-actions">
-                              <Link
-                                to="/invoices/new"
-                                className="admin-btn-icon"
-                                title="Pokračovat v konceptu"
-                                aria-label="Pokračovat v konceptu"
-                              >
-                                <svg
-                                  width="18"
-                                  height="18"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  strokeWidth="2"
-                                >
-                                  <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
-                                  <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
-                                </svg>
-                              </Link>
-                              <button
-                                onClick={discardDraft}
-                                className="admin-btn-icon danger"
-                                title="Zahodit koncept"
-                              >
-                                <svg
-                                  width="18"
-                                  height="18"
-                                  viewBox="0 0 24 24"
-                                  fill="none"
-                                  stroke="currentColor"
-                                  strokeWidth="2"
-                                >
-                                  <polyline points="3 6 5 6 21 6" />
-                                  <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
-                                </svg>
-                              </button>
-                            </div>
-                          </td>
-                        </tr>
-                      )}
-                      {invoices.map((inv) => {
-                        const isOverdue =
-                          inv.status === "overdue" ||
-                          (inv.status === "issued" &&
-                            inv.due_date &&
-                            new Date(inv.due_date) <
-                              new Date(new Date().toDateString()));
-                        return (
-                          <tr
-                            key={inv.id}
-                            className={isOverdue ? "offers-expired-row" : ""}
-                          >
-                            <td className="admin-mono">
-                              <Link
-                                to={`/invoices/${inv.id}`}
-                                className="link-accent"
-                              >
-                                {inv.invoice_number}
-                              </Link>
-                            </td>
-                            <td>{inv.customer_name || "\u2014"}</td>
-                            <td>
-                              {inv.status === "paid" ? (
-                                <span
-                                  className={`admin-badge ${STATUS_CLASSES[inv.status]}`}
-                                >
-                                  {STATUS_LABELS[inv.status]}
-                                </span>
-                              ) : (
-                                <button
-                                  onClick={() => toggleStatus(inv)}
-                                  className={`admin-badge ${STATUS_CLASSES[inv.status] || ""}`}
-                                  style={{ cursor: "pointer" }}
-                                >
-                                  {STATUS_LABELS[inv.status] || inv.status}
-                                </button>
-                              )}
-                            </td>
-                            <td className="admin-mono">
-                              {formatDate(inv.issue_date)}
-                            </td>
-                            <td
-                              className="admin-mono"
-                              style={
-                                inv.status === "overdue"
-                                  ? { color: "var(--danger)", fontWeight: 600 }
-                                  : undefined
-                              }
-                            >
-                              {formatDate(inv.due_date)}
-                            </td>
-                            <td
-                              className="admin-mono"
-                              style={{ textAlign: "right", fontWeight: 500 }}
-                            >
-                              {formatCurrency(inv.total, inv.currency)}
-                            </td>
-                            <td>
-                              <div className="admin-table-actions">
-                                <Link
-                                  to={`/invoices/${inv.id}`}
-                                  className="admin-btn-icon"
-                                  title={
-                                    inv.status === "paid" ? "Detail" : "Upravit"
-                                  }
-                                  aria-label={
-                                    inv.status === "paid" ? "Detail" : "Upravit"
-                                  }
-                                >
-                                  {inv.status === "paid" ? (
-                                    <svg
-                                      width="18"
-                                      height="18"
-                                      viewBox="0 0 24 24"
-                                      fill="none"
-                                      stroke="currentColor"
-                                      strokeWidth="2"
-                                    >
-                                      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                                      <circle cx="12" cy="12" r="3" />
-                                    </svg>
-                                  ) : (
+                              </td>
+                              <td>
+                                {(draft.form.customer_name as string) ||
+                                  "\u2014"}
+                              </td>
+                              <td>{"\u2014"}</td>
+                              <td className="admin-mono">
+                                {draft.form.issue_date
+                                  ? formatDate(draft.form.issue_date as string)
+                                  : "\u2014"}
+                              </td>
+                              <td className="admin-mono">
+                                {draft.form.due_date
+                                  ? formatDate(draft.form.due_date as string)
+                                  : "\u2014"}
+                              </td>
+                              <td />
+                              <td>
+                                <div className="admin-table-actions">
+                                  <Link
+                                    to="/invoices/new"
+                                    className="admin-btn-icon"
+                                    title="Pokračovat v konceptu"
+                                    aria-label="Pokračovat v konceptu"
+                                  >
                                    <svg
                                      width="18"
                                      height="18"
@@ -882,51 +765,11 @@ export default function Invoices() {
                                      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
                                      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
                                    </svg>
-                                  )}
-                                </Link>
-                                {hasPermission("invoices.export") && (
+                                  </Link>
                                  <button
-                                    onClick={() => handlePdf(inv)}
-                                    className="admin-btn-icon"
-                                    title="Zobrazit fakturu"
-                                    disabled={pdfLoading === inv.id}
-                                  >
-                                    {pdfLoading === inv.id ? (
-                                      <div
-                                        className="admin-spinner"
-                                        style={{
-                                          width: 18,
-                                          height: 18,
-                                          borderWidth: 2,
-                                        }}
-                                      />
-                                    ) : (
-                                      <svg
-                                        width="18"
-                                        height="18"
-                                        viewBox="0 0 24 24"
-                                        fill="none"
-                                        stroke="currentColor"
-                                        strokeWidth="2"
-                                      >
-                                        <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
-                                        <polyline points="14 2 14 8 20 8" />
-                                        <line x1="16" y1="13" x2="8" y2="13" />
-                                        <line x1="16" y1="17" x2="8" y2="17" />
-                                      </svg>
-                                    )}
-                                  </button>
-                                )}
-                                {hasPermission("invoices.delete") && (
-                                  <button
-                                    onClick={() =>
-                                      setDeleteConfirm({
-                                        show: true,
-                                        invoice: inv,
-                                      })
-                                    }
+                                    onClick={discardDraft}
                                    className="admin-btn-icon danger"
-                                    title="Smazat"
+                                    title="Zahodit koncept"
                                  >
                                    <svg
                                      width="18"
@@ -940,16 +783,195 @@ export default function Invoices() {
                                      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
                                    </svg>
                                  </button>
-                                )}
-                              </div>
-                            </td>
-                          </tr>
-                        );
-                      })}
-                    </tbody>
-                  </table>
-                </div>
-              )}
+                                </div>
+                              </td>
+                            </tr>
+                          )}
+                          {invoices.map((inv) => {
+                            const isOverdue =
+                              inv.status === "overdue" ||
+                              (inv.status === "issued" &&
+                                inv.due_date &&
+                                new Date(inv.due_date) <
+                                  new Date(new Date().toDateString()));
+                            return (
+                              <tr
+                                key={inv.id}
+                                className={
+                                  isOverdue ? "offers-expired-row" : ""
+                                }
+                              >
+                                <td className="admin-mono">
+                                  <Link
+                                    to={`/invoices/${inv.id}`}
+                                    className="link-accent"
+                                  >
+                                    {inv.invoice_number}
+                                  </Link>
+                                </td>
+                                <td>{inv.customer_name || "\u2014"}</td>
+                                <td>
+                                  {inv.status === "paid" ? (
+                                    <span
+                                      className={`admin-badge ${STATUS_CLASSES[inv.status]}`}
+                                    >
+                                      {STATUS_LABELS[inv.status]}
+                                    </span>
+                                  ) : (
+                                    <button
+                                      onClick={() => toggleStatus(inv)}
+                                      className={`admin-badge ${STATUS_CLASSES[inv.status] || ""}`}
+                                      style={{ cursor: "pointer" }}
+                                    >
+                                      {STATUS_LABELS[inv.status] || inv.status}
+                                    </button>
+                                  )}
+                                </td>
+                                <td className="admin-mono">
+                                  {formatDate(inv.issue_date)}
+                                </td>
+                                <td
+                                  className="admin-mono"
+                                  style={
+                                    inv.status === "overdue"
+                                      ? {
+                                          color: "var(--danger)",
+                                          fontWeight: 600,
+                                        }
+                                      : undefined
+                                  }
+                                >
+                                  {formatDate(inv.due_date)}
+                                </td>
+                                <td
+                                  className="admin-mono"
+                                  style={{
+                                    textAlign: "right",
+                                    fontWeight: 500,
+                                  }}
+                                >
+                                  {formatCurrency(inv.total, inv.currency)}
+                                </td>
+                                <td>
+                                  <div className="admin-table-actions">
+                                    <Link
+                                      to={`/invoices/${inv.id}`}
+                                      className="admin-btn-icon"
+                                      title={
+                                        inv.status === "paid"
+                                          ? "Detail"
+                                          : "Upravit"
+                                      }
+                                      aria-label={
+                                        inv.status === "paid"
+                                          ? "Detail"
+                                          : "Upravit"
+                                      }
+                                    >
+                                      {inv.status === "paid" ? (
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+                                          <circle cx="12" cy="12" r="3" />
+                                        </svg>
+                                      ) : (
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+                                          <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+                                        </svg>
+                                      )}
+                                    </Link>
+                                    {hasPermission("invoices.export") && (
+                                      <button
+                                        onClick={() => handlePdf(inv)}
+                                        className="admin-btn-icon"
+                                        title="Zobrazit fakturu"
+                                        disabled={pdfLoading === inv.id}
+                                      >
+                                        {pdfLoading === inv.id ? (
+                                          <div
+                                            className="admin-spinner"
+                                            style={{
+                                              width: 18,
+                                              height: 18,
+                                              borderWidth: 2,
+                                            }}
+                                          />
+                                        ) : (
+                                          <svg
+                                            width="18"
+                                            height="18"
+                                            viewBox="0 0 24 24"
+                                            fill="none"
+                                            stroke="currentColor"
+                                            strokeWidth="2"
+                                          >
+                                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+                                            <polyline points="14 2 14 8 20 8" />
+                                            <line
+                                              x1="16"
+                                              y1="13"
+                                              x2="8"
+                                              y2="13"
+                                            />
+                                            <line
+                                              x1="16"
+                                              y1="17"
+                                              x2="8"
+                                              y2="17"
+                                            />
+                                          </svg>
+                                        )}
+                                      </button>
+                                    )}
+                                    {hasPermission("invoices.delete") && (
+                                      <button
+                                        onClick={() =>
+                                          setDeleteConfirm({
+                                            show: true,
+                                            invoice: inv,
+                                          })
+                                        }
+                                        className="admin-btn-icon danger"
+                                        title="Smazat"
+                                      >
+                                        <svg
+                                          width="18"
+                                          height="18"
+                                          viewBox="0 0 24 24"
+                                          fill="none"
+                                          stroke="currentColor"
+                                          strokeWidth="2"
+                                        >
+                                          <polyline points="3 6 5 6 21 6" />
+                                          <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+                                        </svg>
+                                      </button>
+                                    )}
+                                  </div>
+                                </td>
+                              </tr>
+                            );
+                          })}
+                        </tbody>
+                      </table>
+                    </div>
+                  )}
+                </motion.div>
+              </AnimatePresence>
              <Pagination pagination={pagination} onPageChange={setPage} />
            </div>
          </motion.div>
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
--- a/src/admin/pages/Offers.tsx
+++ b/src/admin/pages/Offers.tsx
--- a/src/routes/admin/invoices-pdf.ts
+++ b/src/routes/admin/invoices-pdf.ts
@@ -168,6 +168,24 @@ function buildAddressLines(

 /* ── Translations ────────────────────────────────────────────────── */

+const paymentMethodMap: Record<string, Record<string, string>> = {
+  cs: {
+    "Bank transfer": "Příkazem",
+    Cash: "Hotově",
+    "Cash on delivery": "Dobírka",
+  },
+  en: {
+    Příkazem: "Bank transfer",
+    Hotově: "Cash",
+    Dobírka: "Cash on delivery",
+  },
+};
+
+function translatePaymentMethod(value: string | null, lang: string): string {
+  if (!value) return "";
+  return paymentMethodMap[lang]?.[value] || value;
+}
+
 const translations: Record<string, Record<string, string>> = {
  cs: {
    title: "Faktura",
@@ -181,6 +199,7 @@ const translations: Record<string, Record<string, string>> = {
    var_symbol: "Variabilní s.:",
    const_symbol: "Konstantní s.:",
    order_no: "Objednávka č.:",
+    order_date: "Objednávka ze dne:",
    issue_date: "Datum vystavení:",
    due_date: "Datum splatnosti:",
    tax_date: "Datum uskutečnění plnění:",
@@ -213,6 +232,7 @@ const translations: Record<string, Record<string, string>> = {
    stamp: "Razítko:",
    ico: "IČ: ",
    dic: "DIČ: ",
+    cnb_rate: "Přepočet kurzem ČNB ke dni",
  },
  en: {
    title: "Invoice",
@@ -226,6 +246,7 @@ const translations: Record<string, Record<string, string>> = {
    var_symbol: "Variable symbol:",
    const_symbol: "Constant symbol:",
    order_no: "Order No.:",
+    order_date: "Order date:",
    issue_date: "Issue date:",
    due_date: "Due date:",
    tax_date: "Tax point date:",
@@ -257,6 +278,7 @@ const translations: Record<string, Record<string, string>> = {
    stamp: "Stamp:",
    ico: "Reg. No.: ",
    dic: "Tax ID: ",
+    cnb_rate: "CNB exchange rate as of",
  },
 };

@@ -450,10 +472,11 @@ export default async function invoicesPdfRoutes(
            const lineVat = applyVat ? (lineSubtotal * vatRate) / 100 : 0;
            const lineTotal = lineSubtotal + lineVat;
            const qtyDecimals = Math.floor(qty) === qty ? 0 : 2;
+            const subDesc = item.item_description || "";

            return `<tr>
            <td class="row-num">${i + 1}</td>
-            <td class="desc">${escapeHtml(item.description)}</td>
+            <td class="desc">${escapeHtml(item.description)}${subDesc ? `<div class="item-subdesc">${escapeHtml(subDesc)}</div>` : ""}</td>
            <td class="center">${formatNum(qty, qtyDecimals)}${item.unit ? ` / ${escapeHtml(item.unit)}` : ""}</td>
            <td class="right">${formatNum(unitPrice)}</td>
            <td class="right">${formatNum(lineSubtotal)}</td>
@@ -693,6 +716,11 @@ export default async function invoicesPdfRoutes(
    font-weight: 600;
    color: #1a1a1a;
  }
+  .item-subdesc {
+    font-size: 9pt;
+    color: #646464;
+    margin-top: 2px;
+  }
  table.items tbody td.total-cell { font-weight: 700; }

  /* Soucet + total - styl z nabidek */
@@ -917,9 +945,9 @@ ${indentCSS}
        <div class="info-row"><span class="lbl">${escapeHtml(t.issue_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.issue_date))}</span></div>
        <div class="info-row"><span class="lbl">${escapeHtml(t.due_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.due_date))}</span></div>
        <div class="info-row"><span class="lbl">${escapeHtml(t.tax_date)}</span> <span class="val">${escapeHtml(formatDate(invoice.tax_date))}</span></div>
-        <div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(invoice.payment_method)}</span></div>
-        ${orderNumber ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka č.:" : "Order no.:"}</span> <span class="val">${orderNumber}</span></div>` : ""}
-        ${orderDate ? `<div class="info-row"><span class="lbl">${lang === "cs" ? "Objednávka ze dne:" : "Order date:"}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
+        <div class="info-row"><span class="lbl">${escapeHtml(t.payment_method)}</span> <span class="val">${escapeHtml(translatePaymentMethod(invoice.payment_method, lang))}</span></div>
+        ${orderNumber ? `<div class="info-row"><span class="lbl">${escapeHtml(t.order_no)}</span> <span class="val">${orderNumber}</span></div>` : ""}
+        ${orderDate ? `<div class="info-row"><span class="lbl">${escapeHtml(t.order_date)}</span> <span class="val">${escapeHtml(orderDate)}</span></div>` : ""}
      </td>
    </tr>
  </table>
@@ -1002,7 +1030,7 @@ ${indentCSS}
          ? `<tfoot>
        <tr>
          <td colspan="4" style="font-size:0.7em; color:#666; padding-top:6px; text-align:left;">
-            Přepočet kurzem ČNB ke dni ${formatDate(invoice.issue_date)}: 1 ${escapeHtml(currency)} = ${cnbRate.toFixed(3).replace(".", ",")} CZK
+            ${escapeHtml(t.cnb_rate)} ${formatDate(invoice.issue_date)}: 1 ${escapeHtml(currency)} = ${cnbRate.toFixed(3).replace(".", ",")} CZK
          </td>
        </tr>
      </tfoot>`
--- a/src/routes/admin/offers-pdf.ts
+++ b/src/routes/admin/offers-pdf.ts
@@ -186,7 +186,6 @@ function buildAddressLines(

 const TRANSLATIONS: Record<string, Record<string, string>> = {
  title: { EN: "PRICE QUOTATION", CZ: "CENOV\u00C1 NAB\u00CDDKA" },
-  scope_title: { EN: "SCOPE OF THE PROJECT", CZ: "ROZSAH PROJEKTU" },
  valid_until: { EN: "Valid until", CZ: "Platnost do" },
  customer: { EN: "Customer", CZ: "Z\u00E1kazn\u00EDk" },
  supplier: { EN: "Supplier", CZ: "Dodavatel" },
@@ -199,7 +198,6 @@ const TRANSLATIONS: Record<string, Record<string, string>> = {
  subtotal: { EN: "Subtotal", CZ: "Mezisou\u010Det" },
  vat: { EN: "VAT", CZ: "DPH" },
  total_to_pay: { EN: "Total to pay", CZ: "Celkem k \u00FAhrad\u011B" },
-  exchange_rate: { EN: "Exchange rate", CZ: "Sm\u011Bnn\u00FD kurz" },
  ico: { EN: "ID", CZ: "I\u010CO" },
  dic: { EN: "VAT ID", CZ: "DI\u010C" },
  page: { EN: "Page", CZ: "Strana" },
@@ -262,8 +260,6 @@ export default async function offersPdfRoutes(
        const vatRate = Number(quotation.vat_rate) || 21;
        const vatAmount = applyVat ? subtotal * (vatRate / 100) : 0;
        const totalToPay = subtotal + vatAmount;
-        const exchangeRate = Number(quotation.exchange_rate) || 0;
-
        let hasScopeContent = false;
        for (const s of quotation.scope_sections) {
          if ((s.content || "").trim() || (s.title || "").trim()) {
@@ -331,10 +327,6 @@ export default async function offersPdfRoutes(
      <span class="label">${escapeHtml(t("total_to_pay"))}</span>
      <span class="value">${formatCurrency(totalToPay, currency)}</span>
    </div>`;
-        if (exchangeRate > 0) {
-          totalsHtml += `<div class="exchange-rate">${escapeHtml(t("exchange_rate"))}: ${formatNum(exchangeRate, 4)}</div>`;
-        }
-
        const quotationNumber = escapeHtml(quotation.quotation_number);

        let scopeHtml = "";
@@ -578,12 +570,6 @@ ${indentCSS}
    border-bottom: 2.5pt solid #de3a3a;
    padding-bottom: 1mm;
  }
-  .totals .exchange-rate {
-    text-align: right;
-    font-size: 7.5pt;
-    color: #969696;
-    margin-top: 3mm;
-  }

  /* ---- Scope sections ---- */
  .scope-page {
--- a/src/schemas/invoices.schema.ts
+++ b/src/schemas/invoices.schema.ts
@@ -2,6 +2,7 @@ import { z } from "zod";

 const InvoiceItemSchema = z.object({
  description: z.string().nullish(),
+  item_description: z.string().nullish(),
  quantity: z
    .union([z.number(), z.string()])
    .transform((v) => {
--- a/src/schemas/offers.schema.ts
+++ b/src/schemas/offers.schema.ts
@@ -46,6 +46,7 @@ export const CreateQuotationSchema = z.object({
    .transform((v) => Number(v))
    .refine((v) => !Number.isNaN(v), { message: "Musí být platné číslo" })
    .nullish(),
+  created_at: z.string().nullish(),
  valid_until: z.string().nullish(),
  currency: z.string().optional().default("CZK"),
  language: z.string().optional().default("cs"),
@@ -59,16 +60,10 @@ export const CreateQuotationSchema = z.object({
    .preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
    .optional()
    .default(true),
-  exchange_rate: z
-    .union([z.number(), z.string()])
-    .transform((v) => Number(v))
-    .refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
-    .optional()
-    .default(1.0),
  status: z
-    .enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
+    .enum(["active", "ordered", "invalidated"])
    .optional()
-    .default("nova"),
+    .default("active"),
  scope_title: z.string().nullish(),
  scope_description: z.string().nullish(),
  items: z.array(QuotationItemSchema).optional(),
@@ -82,6 +77,7 @@ export const UpdateQuotationSchema = z.object({
    .transform((v) => Number(v))
    .refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
    .optional(),
+  created_at: z.union([z.string(), z.null()]).optional(),
  valid_until: z.union([z.string(), z.null()]).optional(),
  currency: z.string().optional(),
  language: z.string().optional(),
@@ -93,14 +89,7 @@ export const UpdateQuotationSchema = z.object({
  apply_vat: z
    .preprocess((v) => v === true || v === 1 || v === "1", z.boolean())
    .optional(),
-  exchange_rate: z
-    .union([z.number(), z.string()])
-    .transform((v) => Number(v))
-    .refine((v) => !Number.isNaN(v), { message: "Must be a valid number" })
-    .optional(),
-  status: z
-    .enum(["nova", "odeslana", "prijata", "odmitnuta", "dokoncena", "active"])
-    .optional(),
+  status: z.enum(["active", "ordered", "invalidated"]).optional(),
  scope_title: z.string().nullish(),
  scope_description: z.string().nullish(),
  items: z.array(QuotationItemSchema).optional(),
--- a/src/services/invoices.service.ts
+++ b/src/services/invoices.service.ts
@@ -23,6 +23,7 @@ const ALLOWED_SORT_FIELDS = [

 interface InvoiceItemInput {
  description?: string;
+  item_description?: string;
  quantity?: number;
  unit?: string;
  unit_price?: number;
@@ -374,6 +375,7 @@ export async function createInvoice(body: Record<string, any>) {
      data: (body.items as InvoiceItemInput[]).map((item, i) => ({
        invoice_id: invoice.id,
        description: item.description ?? null,
+        item_description: item.item_description ?? null,
        quantity: item.quantity ?? 1,
        unit: item.unit ?? null,
        unit_price: item.unit_price ?? 0,
@@ -471,6 +473,7 @@ export async function updateInvoice(id: number, body: Record<string, any>) {
        data: (body.items as InvoiceItemInput[]).map((item, i) => ({
          invoice_id: id,
          description: item.description ?? null,
+          item_description: item.item_description ?? null,
          quantity: item.quantity ?? 1,
          unit: item.unit ?? null,
          unit_price: item.unit_price ?? 0,
--- a/src/services/offers.service.ts
+++ b/src/services/offers.service.ts
@@ -177,6 +177,9 @@ export async function createOffer(body: Record<string, any>) {
        quotation_number: quotationNumber,
        project_code: body.project_code ? String(body.project_code) : null,
        customer_id: body.customer_id ? Number(body.customer_id) : null,
+        created_at: body.created_at
+          ? new Date(String(body.created_at))
+          : undefined,
        valid_until: body.valid_until
          ? new Date(String(body.valid_until))
          : null,
@@ -184,7 +187,6 @@ export async function createOffer(body: Record<string, any>) {
        language: body.language ? String(body.language) : "cs",
        vat_rate: body.vat_rate != null ? Number(body.vat_rate) : 21.0,
        apply_vat: body.apply_vat !== false,
-        exchange_rate: body.exchange_rate ? Number(body.exchange_rate) : 1.0,
        status: body.status ? String(body.status) : "active",
        scope_title: body.scope_title ? String(body.scope_title) : null,
        scope_description: body.scope_description
@@ -240,6 +242,12 @@ export async function updateOffer(id: number, body: Record<string, any>) {
  const data = {
    customer_id:
      body.customer_id !== undefined ? Number(body.customer_id) : undefined,
+    created_at:
+      body.created_at !== undefined
+        ? body.created_at
+          ? new Date(String(body.created_at))
+          : null
+        : undefined,
    valid_until:
      body.valid_until !== undefined
        ? body.valid_until
@@ -255,8 +263,6 @@ export async function updateOffer(id: number, body: Record<string, any>) {
          body.apply_vat === 1 ||
          body.apply_vat === "1"
        : undefined,
-    exchange_rate:
-      body.exchange_rate !== undefined ? Number(body.exchange_rate) : undefined,
    status: body.status !== undefined ? String(body.status) : undefined,
    project_code:
      body.project_code !== undefined
@@ -354,7 +360,6 @@ export async function duplicateOffer(id: number) {
        language: original.language,
        vat_rate: original.vat_rate,
        apply_vat: original.apply_vat,
-        exchange_rate: original.exchange_rate,
        status: "active",
        scope_title: original.scope_title,
        scope_description: original.scope_description,
--- a/src/services/orders.service.ts
+++ b/src/services/orders.service.ts
@@ -206,7 +206,6 @@ export async function createOrderFromQuotation(
        language: quotation.language || "cs",
        vat_rate: quotation.vat_rate ?? 21.0,
        apply_vat: quotation.apply_vat ?? true,
-        exchange_rate: quotation.exchange_rate ?? 1.0,
        scope_title: quotation.scope_title,
        scope_description: quotation.scope_description,
        attachment_data: attachmentBuffer
Author	SHA1	Message	Date
BOHA	2254a13ad0	v1.7.0: fix offer created_at override, invoice PDF translations, remove has_order filter - Add created_at to offer create/update schemas so user-selected date is stored instead of always defaulting to now() - Translate payment method in invoice PDF based on language (Příkazem → Bank transfer, etc.) - Add order_date and cnb_rate translation keys, replace hardcoded inline strings - Remove duplicate has_order filter from offers backend route Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-28 13:35:36 +02:00
BOHA	1f5885de84	v1.6.9: bump version Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-28 13:20:37 +02:00
BOHA	705f58e3d1	v1.6.9: cleanup offer dead columns, add item template picker to offer form - Remove dead DB columns: uuid, sync_version from quotations/quotation_items/scope_sections; is_deleted from quotation_items/scope_sections; content_editor_height from scope_sections - Remove unused scope_title/scope_description from offer form state - Remove dead CSS: offers-template-menu, offers-draft-indicator, exchange-rate - Remove dead scope_title translation key from offers PDF - Fix duplicate Customer interface in OfferDetail.tsx (use shared type) - Add missing title field to ScopeTemplate interface - Add item template picker dropdown next to "Přidat položku" button Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-28 13:20:22 +02:00
BOHA	0330453ad6	v1.6.8: remove offer exchange rate, add invoice item description, offer filters, table animations - Remove exchange_rate and exchange_rate_date from quotations (schema, service, PDF, form) - Add item_description field to invoice_items (schema, migration, service, form, PDF) - Add offer status/customer/order filters with tab-based UI - Clean up offer statuses to active/ordered/invalidated - Allow invalidate action for non-ordered offers (not just expired) - Add fade animations on offers and invoices table data changes Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>	2026-05-28 12:58:51 +02:00