feat(drafts): remove localStorage draft banner/hook; add Koncept status + filter (drafts are DB rows)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-09 18:25:24 +02:00
parent 473f7c4a8c
commit ce636215dc
7 changed files with 102 additions and 580 deletions
--- a/src/admin/pages/InvoiceDetail.tsx
+++ b/src/admin/pages/InvoiceDetail.tsx
@@ -46,8 +46,6 @@ import {
 } from "@dnd-kit/modifiers";
 import { CSS } from "@dnd-kit/utilities";
 import apiFetch from "../utils/api";
-import useDocumentDraft, { readDraft } from "../hooks/useDocumentDraft";
-import { DRAFT_KEYS } from "../lib/draftKeys";
 import { companySettingsOptions } from "../lib/queries/settings";
 import { invoiceDetailOptions } from "../lib/queries/invoices";
 import { offerCustomersOptions } from "../lib/queries/offers";
@@ -199,27 +197,6 @@ interface InvoiceForm {
  bank_account: string;
 }

-interface InvoiceDraftData {
-  form?: Record<string, unknown>;
-  items?: unknown[];
-}
-
-/**
- * Read the create-form draft (recordId === null). Returns its `data` payload or
- * null. Record-scoped: a draft stored for a specific record id is ignored here,
- * and we only ever write/read the "new invoice" draft (recordId: null), so a
- * create draft can never leak into editing an existing invoice. Mirrors
- * OfferDetail.loadOfferDraft + the Invoices-list banner's validity check
- * (recordId === null, data.form present, Array.isArray(data.items)).
- */
-function loadInvoiceDraft(): InvoiceDraftData | null {
-  const env = readDraft<InvoiceDraftData>(DRAFT_KEYS.invoice);
-  if (!env || env.recordId !== null) return null;
-  const data = env.data;
-  if (!data || !data.form || !Array.isArray(data.items)) return null;
-  return data;
-}
-
 // Sortable row for create mode
 function SortableInvoiceRow({
  item,
@@ -539,68 +516,41 @@ export default function InvoiceDetail() {
  const fromOrderId =
    !isEdit && rawOrderId && /^\d+$/.test(rawOrderId) ? rawOrderId : null;

-  // Restore the unsaved "new invoice" draft (create mode only). Read once,
-  // lazily, so the autosave effect can't clobber it before it's seeded — and so
-  // editing an existing invoice never reads the create draft (isEdit short-
-  // circuits). `restoredFromDraft` lets the create-hydration effect below skip
-  // the default-bank / fromOrder overrides so the user's draft wins.
-  const restoredFromDraft = useRef(false);
-
-  const [form, setForm] = useState<InvoiceForm>(() => {
-    const defaults: InvoiceForm = {
-      customer_id: null,
-      customer_name: "",
-      order_id: fromOrderId ? Number(fromOrderId) : null,
-      issue_date: todayLocalStr(),
-      due_date: addDaysLocalStr(14),
-      tax_date: todayLocalStr(),
-      currency: "CZK",
-      apply_vat: 1,
-      vat_rate: 21,
-      payment_method: "Příkazem",
-      constant_symbol: "0308",
-      issued_by: user?.fullName || "",
-      billing_text: "",
-      notes: "",
-      language: "cs",
-      bank_account_id: "",
-      bank_name: "",
-      bank_swift: "",
-      bank_iban: "",
-      bank_account: "",
-    };
-    const draft = isEdit ? null : loadInvoiceDraft();
-    if (draft?.form) {
-      restoredFromDraft.current = true;
-      return { ...defaults, ...(draft.form as Partial<InvoiceForm>) };
-    }
-    return defaults;
-  });
+  const [form, setForm] = useState<InvoiceForm>(() => ({
+    customer_id: null,
+    customer_name: "",
+    order_id: fromOrderId ? Number(fromOrderId) : null,
+    issue_date: todayLocalStr(),
+    due_date: addDaysLocalStr(14),
+    tax_date: todayLocalStr(),
+    currency: "CZK",
+    apply_vat: 1,
+    vat_rate: 21,
+    payment_method: "Příkazem",
+    constant_symbol: "0308",
+    issued_by: user?.fullName || "",
+    billing_text: "",
+    notes: "",
+    language: "cs",
+    bank_account_id: "",
+    bank_name: "",
+    bank_swift: "",
+    bank_iban: "",
+    bank_account: "",
+  }));

  const [dueDays, setDueDays] = useState(14);
-  const [items, setItems] = useState<InvoiceItem[]>(() => {
-    const draft = isEdit ? null : loadInvoiceDraft();
-    if (Array.isArray(draft?.items) && draft.items.length > 0) {
-      // Re-key restored items: their persisted _key values are stale and the
-      // key counter restarts each load, so reusing them would collide with
-      // newly-added rows (duplicate React key / dnd-kit id).
-      return (draft.items as InvoiceItem[]).map((it) => ({
-        ...it,
-        _key: `inv-${++keyCounterRef.current}`,
-      }));
-    }
-    return [
-      {
-        _key: "inv-1",
-        description: "",
-        item_description: "",
-        quantity: 1,
-        unit: "ks",
-        unit_price: 0,
-        vat_rate: 21,
-      },
-    ];
-  });
+  const [items, setItems] = useState<InvoiceItem[]>(() => [
+    {
+      _key: "inv-1",
+      description: "",
+      item_description: "",
+      quantity: 1,
+      unit: "ks",
+      unit_price: 0,
+      vat_rate: 21,
+    },
+  ]);
  const [errors, setErrors] = useState<Record<string, string>>({});
  const [saving, setSaving] = useState(false);
  const [dataReady, setDataReady] = useState(false);
@@ -632,16 +582,6 @@ export default function InvoiceDetail() {
    label: `${v}%`,
  }));

-  // Autosave the create-form draft (record-scoped to recordId: null) so the
-  // Invoices list can surface a "you have a draft" banner. Edit mode never
-  // autosaves (enabled: !isEdit), matching the Offers behavior.
-  const draftData = useMemo(() => ({ form, items }), [form, items]);
-  const { clear: clearDraft } = useDocumentDraft(DRAFT_KEYS.invoice, {
-    recordId: null,
-    enabled: !isEdit,
-    data: draftData,
-  });
-
  // ─── TanStack Query ───

  const customersQuery = useQuery(offerCustomersOptions());
@@ -797,61 +737,54 @@ export default function InvoiceDetail() {
      return;
    if (fromOrderId && orderDataQuery.isLoading) return;

-    // Set invoice number (NOT part of the draft — always set from the server's
-    // next-number, even when a draft was restored).
+    // Set invoice number from the server's next-number.
    if (nextNumberQuery.data) {
      setInvoiceNumber(nextNumberQuery.data);
    }

-    // When a draft was restored, the user's saved form/items WIN: skip the
-    // default-bank seed and the fromOrder prefill so we don't clobber the
-    // restored values (mirrors OfferDetail, which never re-applies create
-    // defaults over a restored draft). The no-draft path is unchanged.
-    if (!restoredFromDraft.current) {
-      // Set default bank account
-      const defaultAcc = bankAccounts.find((a) => a.is_default);
-      if (defaultAcc) {
-        setForm((prev) => ({
-          ...prev,
-          bank_account_id: defaultAcc.id,
-          bank_name: defaultAcc.bank_name || "",
-          bank_swift: defaultAcc.bic || "",
-          bank_iban: defaultAcc.iban || "",
-          bank_account: defaultAcc.account_number || "",
-        }));
-      }
+    // Set default bank account
+    const defaultAcc = bankAccounts.find((a) => a.is_default);
+    if (defaultAcc) {
+      setForm((prev) => ({
+        ...prev,
+        bank_account_id: defaultAcc.id,
+        bank_name: defaultAcc.bank_name || "",
+        bank_swift: defaultAcc.bic || "",
+        bank_iban: defaultAcc.iban || "",
+        bank_account: defaultAcc.account_number || "",
+      }));
+    }

-      // Pre-fill from order
-      if (fromOrderId && orderDataQuery.data) {
-        const order = orderDataQuery.data;
-        const vatRate =
-          Number(order.vat_rate) || (companySettings?.default_vat_rate ?? 21);
-        setForm((prev) => ({
-          ...prev,
-          customer_id: order.customer_id as number,
-          customer_name: (order.customer_name as string) || "",
-          order_id: order.id as number,
-          currency:
-            (order.currency as string) ||
-            companySettings?.default_currency ||
-            "CZK",
-          apply_vat: Number(order.apply_vat) || 0,
-          vat_rate: vatRate,
-        }));
-        const orderItems = order.items as Record<string, unknown>[] | undefined;
-        if (orderItems && orderItems.length > 0) {
-          setItems(
-            orderItems.map((item) => ({
-              _key: `inv-${++keyCounterRef.current}`,
-              description: (item.description as string) || "",
-              item_description: (item.item_description as string) || "",
-              quantity: Number(item.quantity) || 1,
-              unit: (item.unit as string) || "",
-              unit_price: Number(item.unit_price) || 0,
-              vat_rate: vatRate,
-            })),
-          );
-        }
+    // Pre-fill from order
+    if (fromOrderId && orderDataQuery.data) {
+      const order = orderDataQuery.data;
+      const vatRate =
+        Number(order.vat_rate) || (companySettings?.default_vat_rate ?? 21);
+      setForm((prev) => ({
+        ...prev,
+        customer_id: order.customer_id as number,
+        customer_name: (order.customer_name as string) || "",
+        order_id: order.id as number,
+        currency:
+          (order.currency as string) ||
+          companySettings?.default_currency ||
+          "CZK",
+        apply_vat: Number(order.apply_vat) || 0,
+        vat_rate: vatRate,
+      }));
+      const orderItems = order.items as Record<string, unknown>[] | undefined;
+      if (orderItems && orderItems.length > 0) {
+        setItems(
+          orderItems.map((item) => ({
+            _key: `inv-${++keyCounterRef.current}`,
+            description: (item.description as string) || "",
+            item_description: (item.item_description as string) || "",
+            quantity: Number(item.quantity) || 1,
+            unit: (item.unit as string) || "",
+            unit_price: Number(item.unit_price) || 0,
+            vat_rate: vatRate,
+          })),
+        );
      }
    }

@@ -1044,7 +977,6 @@ export default function InvoiceDetail() {
      if (isEdit) payload.invoice_number = invoiceNumber;

      const data = await saveMutation.mutateAsync(payload);
-      if (!isEdit) clearDraft();
      alert.success(isEdit ? "Faktura byla uložena" : "Faktura byla vytvořena");
      initialSnapshotRef.current = JSON.stringify({ form, items });
      if (!isEdit) {
--- a/src/admin/pages/Invoices.tsx
+++ b/src/admin/pages/Invoices.tsx
@@ -25,12 +25,6 @@ import {
  type Invoice,
  type CurrencyAmount,
 } from "../lib/queries/invoices";
-import {
-  readDraft,
-  clearDraft,
-  type DraftEnvelope,
-} from "../hooks/useDocumentDraft";
-import { DRAFT_KEYS } from "../lib/draftKeys";
 import {
  Button,
  Card,
@@ -40,7 +34,6 @@ import {
  TextField,
  StatusChip,
  StatCard,
-  Alert,
  EmptyState,
  LoadingState,
  FilterBar,
@@ -55,6 +48,7 @@ import {
  INVOICE_STATUS,
  statusLabel,
  statusColor,
+  statusOptions,
 } from "../lib/documentStatus";

 const ReceivedInvoices = lazy(() => import("./ReceivedInvoices"));
@@ -96,17 +90,12 @@ function formatCzkWithDetail(
  return { value: formatMultiCurrency(amounts), detail: null };
 }

-const STATUS_FILTERS = [
-  { value: "", label: "Vše" },
-  { value: "issued", label: "Vystavené" },
-  { value: "paid", label: "Zaplacené" },
-  { value: "overdue", label: "Po splatnosti" },
-];
-
-interface DraftData {
-  form: Record<string, unknown>;
-  items: Record<string, unknown>[];
-}
+// Filter tabs derive from INVOICE_STATUS so `draft` ("Koncept") flows in
+// automatically; the leading "Všechny" tab is the all-statuses filter.
+const STATUS_FILTERS = statusOptions(INVOICE_STATUS, {
+  value: "",
+  label: "Všechny",
+});

 const PlusIcon = (
  <svg
@@ -278,24 +267,6 @@ export default function Invoices() {
  }>({ show: false, invoice: null });
  const [deleting, setDeleting] = useState(false);
  const [pdfLoading, setPdfLoading] = useState<number | null>(null);
-  // Only the "new invoice" draft (recordId === null) is surfaced here; a draft
-  // scoped to a specific record id is never shown on the list (no leakage).
-  const [draft, setDraft] = useState<DraftEnvelope<DraftData> | null>(() => {
-    const env = readDraft<DraftData>(DRAFT_KEYS.invoice);
-    if (
-      env &&
-      env.recordId === null &&
-      env.data?.form &&
-      Array.isArray(env.data.items)
-    )
-      return env;
-    return null;
-  });
-
-  const discardDraft = () => {
-    clearDraft(DRAFT_KEYS.invoice);
-    setDraft(null);
-  };

  const queryClient = useQueryClient();
  const {
@@ -763,77 +734,6 @@ export default function Invoices() {
            </Box>
          </FilterBar>

-          {draft && !search && !statusFilter && (
-            <Box sx={{ mb: 2 }}>
-              <Alert severity="info" onClose={discardDraft}>
-                <Box
-                  sx={{
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    flexWrap: "wrap",
-                    gap: 1.5,
-                  }}
-                >
-                  <Box>
-                    <Typography component="span" sx={{ fontWeight: 600 }}>
-                      Koncept
-                    </Typography>
-                    {draft.savedAt && (
-                      <Typography
-                        component="span"
-                        sx={{ ml: 1, opacity: 0.8, fontSize: "0.875rem" }}
-                      >
-                        ·{" "}
-                        {new Date(draft.savedAt).toLocaleTimeString("cs-CZ", {
-                          hour: "2-digit",
-                          minute: "2-digit",
-                        })}
-                      </Typography>
-                    )}
-                    <Typography
-                      variant="body2"
-                      sx={{ color: "text.secondary", mt: 0.25 }}
-                    >
-                      {(draft.data.form.customer_name as string) || "—"} ·{" "}
-                      {draft.data.form.issue_date
-                        ? formatDate(draft.data.form.issue_date as string)
-                        : "—"}
-                      {" — "}
-                      {draft.data.form.due_date
-                        ? formatDate(draft.data.form.due_date as string)
-                        : "—"}
-                    </Typography>
-                  </Box>
-                  <Box
-                    sx={{
-                      display: "flex",
-                      gap: 1,
-                      flexWrap: "wrap",
-                    }}
-                  >
-                    <Button
-                      component={RouterLink}
-                      to="/invoices/new"
-                      size="small"
-                      startIcon={EditIcon}
-                    >
-                      Pokračovat v konceptu
-                    </Button>
-                    <Button
-                      size="small"
-                      variant="outlined"
-                      color="inherit"
-                      onClick={discardDraft}
-                    >
-                      Zahodit koncept
-                    </Button>
-                  </Box>
-                </Box>
-              </Alert>
-            </Box>
-          )}
-
          <Card sx={{ opacity: loading ? 0.6 : 1, transition: "opacity .2s" }}>
            <DataTable<Invoice>
              columns={columns}
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -57,8 +57,6 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 import Forbidden from "../components/Forbidden";
 import RichEditor from "../components/RichEditor";
-import useDocumentDraft, { readDraft } from "../hooks/useDocumentDraft";
-import { DRAFT_KEYS } from "../lib/draftKeys";
 import apiFetch from "../utils/api";
 import { formatCurrency, todayLocalStr } from "../utils/formatters";
 import { companySettingsOptions } from "../lib/queries/settings";
@@ -497,24 +495,6 @@ function SortableItemRow({
  );
 }

-interface OfferDraftData {
-  form?: Record<string, unknown>;
-  items?: unknown[];
-  sections?: unknown[];
-}
-
-/**
- * Read the create-form draft (recordId === null). Returns its `data` payload or
- * null. Record-scoped: a draft stored for a specific record id is ignored here,
- * and we only ever write/read the "new offer" draft (mirrors the original
- * create-only semantic), so a create draft can't leak into editing a record.
- */
-function loadOfferDraft(): OfferDraftData | null {
-  const env = readDraft<OfferDraftData>(DRAFT_KEYS.offer);
-  if (!env || env.recordId !== null) return null;
-  return env.data ?? null;
-}
-
 export default function OfferDetail() {
  const { id } = useParams();
  const isEdit = Boolean(id);
@@ -566,51 +546,9 @@ export default function OfferDetail() {
  const loading = isEdit && offerQuery.isLoading;
  const [saving, setSaving] = useState(false);
  const [errors, setErrors] = useState<Record<string, string | undefined>>({});
-  const [form, setForm] = useState<OfferForm>(() => {
-    // The draft is the unsaved-NEW-offer buffer — never restore it over an
-    // existing offer in edit mode (it would also leak its stale item keys).
-    const draft = isEdit ? null : loadOfferDraft();
-    if (draft?.form) {
-      return {
-        quotation_number:
-          (draft.form.quotation_number as string) || emptyForm.quotation_number,
-        project_code:
-          (draft.form.project_code as string) || emptyForm.project_code,
-        customer_id:
-          (draft.form.customer_id as number | null) ?? emptyForm.customer_id,
-        customer_name:
-          (draft.form.customer_name as string) || emptyForm.customer_name,
-        created_at: (draft.form.created_at as string) || emptyForm.created_at,
-        valid_until:
-          (draft.form.valid_until as string) || emptyForm.valid_until,
-        currency: (draft.form.currency as string) || emptyForm.currency,
-        language: (draft.form.language as string) || emptyForm.language,
-        vat_rate: (draft.form.vat_rate as number) ?? emptyForm.vat_rate,
-        apply_vat: (draft.form.apply_vat as boolean) ?? emptyForm.apply_vat,
-      };
-    }
-    return emptyForm;
-  });
-  const [items, setItems] = useState<OfferItem[]>(() => {
-    const draft = isEdit ? null : loadOfferDraft();
-    if (Array.isArray(draft?.items) && draft.items.length > 0) {
-      // Re-key restored items: their persisted _key values are stale and the
-      // counter restarts at 0 each load, so reusing them would collide with
-      // newly-added rows (duplicate React key / dnd-kit id → the warning).
-      return (draft.items as OfferItem[]).map((it) => ({
-        ...it,
-        _key: `item-${++itemKeyCounter.current}`,
-      }));
-    }
-    return [emptyItem()];
-  });
-  const [sections, setSections] = useState<ScopeSection[]>(() => {
-    const draft = isEdit ? null : loadOfferDraft();
-    if (Array.isArray(draft?.sections) && draft.sections.length > 0) {
-      return draft.sections as ScopeSection[];
-    }
-    return [];
-  });
+  const [form, setForm] = useState<OfferForm>(emptyForm);
+  const [items, setItems] = useState<OfferItem[]>(() => [emptyItem()]);
+  const [sections, setSections] = useState<ScopeSection[]>([]);
  const [orderInfo, setOrderInfo] = useState<OfferOrderInfo | null>(null);
  const [offerStatus, setOfferStatus] = useState<string>("");

@@ -808,31 +746,6 @@ export default function OfferDetail() {
    return () => window.removeEventListener("beforeunload", handler);
  }, [isDirty]);

-  // Auto-save draft to localStorage (create mode only), record-scoped to the
-  // "new offer" form (recordId: null) via the shared useDocumentDraft hook.
-  const draftData = useMemo<OfferDraftData>(
-    () => ({
-      form: {
-        project_code: form.project_code ?? "",
-        customer_id: form.customer_id ?? null,
-        customer_name: form.customer_name ?? "",
-        created_at: form.created_at ?? "",
-        valid_until: form.valid_until ?? "",
-        currency: form.currency ?? "CZK",
-        language: form.language ?? "EN",
-        vat_rate: form.vat_rate ?? 21,
-        apply_vat: form.apply_vat ?? false,
-      },
-      items,
-      sections,
-    }),
-    [form, items, sections],
-  );
-  const { clear: clearOfferDraft } = useDocumentDraft<OfferDraftData>(
-    DRAFT_KEYS.offer,
-    { recordId: null, enabled: !isEdit, data: draftData },
-  );
-
  const updateForm = (field: keyof OfferForm, value: unknown) => {
    setForm((prev) => ({ ...prev, [field]: value }));
    setErrors((prev) => ({ ...prev, [field]: undefined }));
@@ -918,7 +831,6 @@ export default function OfferDetail() {
          result.message ||
            (isEdit ? "Nabídka byla aktualizována" : "Nabídka byla vytvořena"),
        );
-        if (!isEdit) clearOfferDraft();
        if (!isEdit && result.data?.id) {
          queryClient.invalidateQueries({ queryKey: ["offers"] });
          queryClient.invalidateQueries({ queryKey: ["orders"] });
--- a/src/admin/pages/Offers.tsx
+++ b/src/admin/pages/Offers.tsx
@@ -20,12 +20,6 @@ import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { usePaginatedQuery } from "../hooks/usePaginatedQuery";
 import { offerListOptions, offerCustomersOptions } from "../lib/queries/offers";
 import { useApiMutation } from "../lib/queries/mutations";
-import {
-  readDraft,
-  clearDraft,
-  type DraftEnvelope,
-} from "../hooks/useDocumentDraft";
-import { DRAFT_KEYS } from "../lib/draftKeys";
 import {
  Button,
  Card,
@@ -38,7 +32,6 @@ import {
  Select,
  StatusChip,
  FileUpload,
-  Alert,
  EmptyState,
  FilterBar,
  Tabs,
@@ -48,19 +41,23 @@ import {
  type DataColumn,
  type TabDef,
 } from "../ui";
-import { OFFER_STATUS, statusLabel, statusColor } from "../lib/documentStatus";
+import {
+  OFFER_STATUS,
+  statusLabel,
+  statusColor,
+  statusOptions,
+} from "../lib/documentStatus";

 const API_BASE = "/api/admin";

-// Filter tabs cover only the real stored offer statuses (the `expired` entry
-// in OFFER_STATUS is a front-end-derived state, not a stored value).
-const STATUS_FILTERS = [
-  { value: "", label: "Vše" },
-  ...(["active", "ordered", "invalidated"] as const).map((value) => ({
-    value,
-    label: statusLabel(OFFER_STATUS, value),
-  })),
-];
+// Filter tabs derive from OFFER_STATUS so `draft` ("Koncept") flows in
+// automatically; the leading "Všechny" tab is the all-statuses filter. The
+// `expired` entry in OFFER_STATUS is a front-end-derived state (not a stored
+// value), so it is excluded from the filter tabs.
+const STATUS_FILTERS = statusOptions(OFFER_STATUS, {
+  value: "",
+  label: "Všechny",
+}).filter((o) => o.value !== "expired");

 interface Quotation {
  id: number;
@@ -76,17 +73,6 @@ interface Quotation {
  order_status?: string;
 }

-interface DraftData {
-  form: {
-    project_code: string;
-    customer_name: string;
-    created_at: string;
-    valid_until: string;
-    currency: string;
-  };
-  items: unknown[];
-}
-
 const TemplatesIcon = (
  <svg
    width="20"
@@ -365,19 +351,6 @@ export default function Offers() {
  }>({ show: false, quotation: null });
  const [customerOrderNumber, setCustomerOrderNumber] = useState("");
  const [orderAttachment, setOrderAttachment] = useState<File | null>(null);
-  // Only the "new offer" draft (recordId === null) is surfaced here; a draft
-  // scoped to a specific record id is never shown on the list (no leakage).
-  const [draft, setDraft] = useState<DraftEnvelope<DraftData> | null>(() => {
-    const env = readDraft<DraftData>(DRAFT_KEYS.offer);
-    if (
-      env &&
-      env.recordId === null &&
-      env.data?.form &&
-      Array.isArray(env.data.items)
-    )
-      return env;
-    return null;
-  });

  const queryClient = useQueryClient();
  const {
@@ -440,11 +413,6 @@ export default function Offers() {
    },
  });

-  const discardDraft = () => {
-    clearDraft(DRAFT_KEYS.offer);
-    setDraft(null);
-  };
-
  if (!hasPermission("offers.view")) return <Forbidden />;

  const handleDuplicate = async (quotation: Quotation) => {
@@ -873,81 +841,6 @@ export default function Offers() {
        </Box>
      </FilterBar>

-      {draft && !debouncedSearch && (
-        <Box sx={{ mb: 2 }}>
-          <Alert severity="info" onClose={discardDraft}>
-            <Box
-              sx={{
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                flexWrap: "wrap",
-                gap: 1.5,
-              }}
-            >
-              <Box>
-                <Typography component="span" sx={{ fontWeight: 600 }}>
-                  Rozpracovaný koncept
-                </Typography>
-                {draft.savedAt && (
-                  <Typography
-                    component="span"
-                    sx={{ ml: 1, opacity: 0.8, fontSize: "0.875rem" }}
-                  >
-                    ·{" "}
-                    {new Date(draft.savedAt).toLocaleTimeString("cs-CZ", {
-                      hour: "2-digit",
-                      minute: "2-digit",
-                    })}
-                  </Typography>
-                )}
-                <Typography
-                  variant="body2"
-                  sx={{ color: "text.secondary", mt: 0.25 }}
-                >
-                  {draft.data.form.project_code || "—"} ·{" "}
-                  {draft.data.form.customer_name || "—"} ·{" "}
-                  {draft.data.form.created_at
-                    ? formatDate(draft.data.form.created_at)
-                    : "—"}
-                  {" — "}
-                  {draft.data.form.valid_until
-                    ? formatDate(draft.data.form.valid_until)
-                    : "—"}
-                  {draft.data.form.currency
-                    ? ` · ${draft.data.form.currency}`
-                    : ""}
-                </Typography>
-              </Box>
-              <Box
-                sx={{
-                  display: "flex",
-                  gap: 1,
-                  flexWrap: "wrap",
-                }}
-              >
-                <Button
-                  component={RouterLink}
-                  to="/offers/new"
-                  size="small"
-                  startIcon={EditIcon}
-                >
-                  Pokračovat v konceptu
-                </Button>
-                <Button
-                  size="small"
-                  variant="outlined"
-                  color="inherit"
-                  onClick={discardDraft}
-                >
-                  Zahodit koncept
-                </Button>
-              </Box>
-            </Box>
-          </Alert>
-        </Box>
-      )}
-
      <Card sx={{ opacity: isFetching ? 0.6 : 1, transition: "opacity .2s" }}>
        <DataTable<Quotation>
          columns={columns}