@btst/stack 5.0.0 → 5.2.0

package/dist/packages/stack/src/plugins/crm/client/components/deal-form.cjs

@@ -0,0 +1,141 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const button = require('../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../ui/src/components/input.cjs');
+const plugins_crm_client_hooks_index = require('../../../../../../../plugins/crm/client/hooks/index.cjs');
+const relationOptions = require('./relation-options.cjs');
+const shared = require('./shared.cjs');
+
+function DealForm({
+  pipeline,
+  stage,
+  deal,
+  onSaved,
+  onCancel
+}) {
+  const create = plugins_crm_client_hooks_index.useCreateDeal();
+  const update = plugins_crm_client_hooks_index.useUpdateDeal();
+  const action = shared.useCrmAction();
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      const value = String(fields.get("value") || "");
+      const date = String(fields.get("closeDate") || "");
+      const input = {
+        title: String(fields.get("title")),
+        value: value ? Number(value) : null,
+        currency: String(fields.get("currency")).toUpperCase(),
+        contactId: String(fields.get("contactId") || "") || null,
+        companyId: String(fields.get("companyId") || "") || null,
+        closeDate: date ? (/* @__PURE__ */ new Date(`${date}T12:00:00Z`)).toISOString() : null,
+        status: String(fields.get("status") || "open")
+      };
+      const saved = deal ? await update.mutateAsync({ id: deal.id, data: input }) : await create.mutateAsync({
+        ...input,
+        pipelineId: pipeline.id,
+        stage: String(fields.get("stage"))
+      });
+      await onSaved(saved);
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "max-w-3xl space-y-4 rounded-lg border p-5", onSubmit: save, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium", children: deal ? "Edit deal" : "New deal" }),
+    /* @__PURE__ */ jsxRuntime.jsx(shared.Feedback, { ...action }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Deal title", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id,
+          name: "title",
+          required: true,
+          maxLength: 500,
+          defaultValue: deal?.title
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Value", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id,
+          name: "value",
+          type: "number",
+          min: 0,
+          step: "any",
+          defaultValue: deal?.value ?? ""
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Currency", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id,
+          name: "currency",
+          required: true,
+          pattern: "[A-Za-z]{3}",
+          maxLength: 3,
+          defaultValue: deal?.currency ?? "USD"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Close date", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          id,
+          name: "closeDate",
+          type: "date",
+          defaultValue: deal?.closeDate?.slice(0, 10) ?? ""
+        }
+      ) }),
+      !deal && /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Stage", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          id,
+          name: "stage",
+          className: shared.selectClass,
+          required: true,
+          defaultValue: stage ?? pipeline.columns[0]?.id,
+          children: pipeline.columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: column.id, children: column.title }, column.id))
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Status", children: (id) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          id,
+          name: "status",
+          className: shared.selectClass,
+          defaultValue: deal?.status ?? "open",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "open", children: "Open" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "won", children: "Won" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "lost", children: "Lost" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(relationOptions.ContactRelationFields, { value: deal?.contactId ?? "" }),
+      /* @__PURE__ */ jsxRuntime.jsx(relationOptions.CompanyRelationFields, { value: deal?.companyId ?? "" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "submit",
+          className: "min-h-11",
+          disabled: create.isPending || update.isPending,
+          children: "Save deal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        button.Button,
+        {
+          type: "button",
+          className: "min-h-11",
+          variant: "outline",
+          onClick: onCancel,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+exports.DealForm = DealForm;

package/dist/packages/stack/src/plugins/crm/client/components/deal-form.mjs

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../ui/src/components/input.mjs';
+import { useCreateDeal, useUpdateDeal } from '../../../../../../../plugins/crm/client/hooks/index.mjs';
+import { ContactRelationFields, CompanyRelationFields } from './relation-options.mjs';
+import { useCrmAction, Feedback, Field, selectClass } from './shared.mjs';
+
+function DealForm({
+  pipeline,
+  stage,
+  deal,
+  onSaved,
+  onCancel
+}) {
+  const create = useCreateDeal();
+  const update = useUpdateDeal();
+  const action = useCrmAction();
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      const value = String(fields.get("value") || "");
+      const date = String(fields.get("closeDate") || "");
+      const input = {
+        title: String(fields.get("title")),
+        value: value ? Number(value) : null,
+        currency: String(fields.get("currency")).toUpperCase(),
+        contactId: String(fields.get("contactId") || "") || null,
+        companyId: String(fields.get("companyId") || "") || null,
+        closeDate: date ? (/* @__PURE__ */ new Date(`${date}T12:00:00Z`)).toISOString() : null,
+        status: String(fields.get("status") || "open")
+      };
+      const saved = deal ? await update.mutateAsync({ id: deal.id, data: input }) : await create.mutateAsync({
+        ...input,
+        pipelineId: pipeline.id,
+        stage: String(fields.get("stage"))
+      });
+      await onSaved(saved);
+    });
+  };
+  return /* @__PURE__ */ jsxs("form", { className: "max-w-3xl space-y-4 rounded-lg border p-5", onSubmit: save, children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium", children: deal ? "Edit deal" : "New deal" }),
+    /* @__PURE__ */ jsx(Feedback, { ...action }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(Field, { label: "Deal title", children: (id) => /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          name: "title",
+          required: true,
+          maxLength: 500,
+          defaultValue: deal?.title
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Value", children: (id) => /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          name: "value",
+          type: "number",
+          min: 0,
+          step: "any",
+          defaultValue: deal?.value ?? ""
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Currency", children: (id) => /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          name: "currency",
+          required: true,
+          pattern: "[A-Za-z]{3}",
+          maxLength: 3,
+          defaultValue: deal?.currency ?? "USD"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Close date", children: (id) => /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          name: "closeDate",
+          type: "date",
+          defaultValue: deal?.closeDate?.slice(0, 10) ?? ""
+        }
+      ) }),
+      !deal && /* @__PURE__ */ jsx(Field, { label: "Stage", children: (id) => /* @__PURE__ */ jsx(
+        "select",
+        {
+          id,
+          name: "stage",
+          className: selectClass,
+          required: true,
+          defaultValue: stage ?? pipeline.columns[0]?.id,
+          children: pipeline.columns.map((column) => /* @__PURE__ */ jsx("option", { value: column.id, children: column.title }, column.id))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Field, { label: "Status", children: (id) => /* @__PURE__ */ jsxs(
+        "select",
+        {
+          id,
+          name: "status",
+          className: selectClass,
+          defaultValue: deal?.status ?? "open",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "open", children: "Open" }),
+            /* @__PURE__ */ jsx("option", { value: "won", children: "Won" }),
+            /* @__PURE__ */ jsx("option", { value: "lost", children: "Lost" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(ContactRelationFields, { value: deal?.contactId ?? "" }),
+      /* @__PURE__ */ jsx(CompanyRelationFields, { value: deal?.companyId ?? "" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "submit",
+          className: "min-h-11",
+          disabled: create.isPending || update.isPending,
+          children: "Save deal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          className: "min-h-11",
+          variant: "outline",
+          onClick: onCancel,
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+
+export { DealForm };

package/dist/packages/stack/src/plugins/crm/client/components/pages/companies-page.internal.cjs

@@ -0,0 +1,173 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const context = require('@btst/stack/context');
+const button = require('../../../../../../../ui/src/components/button.cjs');
+const input = require('../../../../../../../ui/src/components/input.cjs');
+const textarea = require('../../../../../../../ui/src/components/textarea.cjs');
+const plugins_crm_client_hooks_index = require('../../../../../../../../plugins/crm/client/hooks/index.cjs');
+const plugins_crm_permissions = require('../../../../../../../../plugins/crm/permissions.cjs');
+const shared = require('../shared.cjs');
+
+function CompaniesPage() {
+  const [search, setSearch] = React.useState("");
+  const [offset, setOffset] = React.useState(0);
+  const [editing, setEditing] = React.useState();
+  const { data } = plugins_crm_client_hooks_index.useCompanies({
+    search: search || void 0,
+    limit: 25,
+    offset
+  });
+  const create = plugins_crm_client_hooks_index.useCreateCompany();
+  const update = plugins_crm_client_hooks_index.useUpdateCompany();
+  const remove = plugins_crm_client_hooks_index.useDeleteCompany();
+  const action = shared.useCrmAction();
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      const input = {
+        name: String(fields.get("name")),
+        domain: String(fields.get("domain") || ""),
+        phone: String(fields.get("phone") || ""),
+        notes: String(fields.get("notes") || "")
+      };
+      if (editing) await update.mutateAsync({ id: editing.id, data: input });
+      else await create.mutateAsync(input);
+      setEditing(void 0);
+    }, "Company saved");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    shared.CrmPage,
+    {
+      title: "Companies",
+      description: "Link contacts and deals to the organizations you work with.",
+      action: /* @__PURE__ */ jsxRuntime.jsx(context.PermissionAccess, { permission: plugins_crm_permissions.crmPermissions.company.create(), children: /* @__PURE__ */ jsxRuntime.jsx(button.Button, { className: "min-h-11", onClick: () => setEditing(null), children: "New company" }) }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Feedback, { ...action }),
+        editing !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+          "form",
+          {
+            className: "max-w-3xl space-y-4 rounded-lg border p-5",
+            onSubmit: save,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium", children: editing ? "Edit company" : "New company" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                ["name", "Company name"],
+                ["domain", "Domain"],
+                ["phone", "Phone"]
+              ].map(([name, label]) => /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label, children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+                input.Input,
+                {
+                  id,
+                  name,
+                  maxLength: 500,
+                  required: name === "name",
+                  defaultValue: editing?.[name] ?? ""
+                }
+              ) }, name)) }),
+              /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Notes", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+                textarea.Textarea,
+                {
+                  id,
+                  name: "notes",
+                  rows: 3,
+                  maxLength: 2e4,
+                  defaultValue: editing?.notes ?? ""
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    type: "submit",
+                    disabled: create.isPending || update.isPending,
+                    className: "min-h-11",
+                    children: "Save company"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  button.Button,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    className: "min-h-11",
+                    onClick: () => setEditing(void 0),
+                    children: "Cancel"
+                  }
+                )
+              ] })
+            ]
+          },
+          editing?.id ?? "new"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Field, { label: "Search companies", children: (id) => /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            id,
+            type: "search",
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+              setOffset(0);
+            }
+          }
+        ) }),
+        data.items.length ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y rounded-lg border px-5", children: data.items.map((company) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "li",
+          {
+            className: "flex flex-wrap items-center justify-between gap-4 py-5",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "break-words font-semibold", children: company.name }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "break-words text-sm text-muted-foreground", children: [company.domain, company.phone].filter(Boolean).join(" / ") }),
+                company.notes && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 max-w-2xl whitespace-pre-wrap break-words text-sm", children: company.notes })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  context.PermissionAccess,
+                  {
+                    permission: plugins_crm_permissions.crmPermissions.company.update({ id: company.id }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      button.Button,
+                      {
+                        variant: "outline",
+                        className: "min-h-11",
+                        onClick: () => setEditing(company),
+                        "aria-label": `Edit ${company.name}`,
+                        children: "Edit company"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  context.PermissionAccess,
+                  {
+                    permission: plugins_crm_permissions.crmPermissions.company.delete({ id: company.id }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      shared.DeleteRecord,
+                      {
+                        label: "Delete company",
+                        description: `${company.name} will be removed; linked records keep their other details.`,
+                        pending: remove.isPending,
+                        onDelete: () => void action.run(async () => {
+                          await remove.mutateAsync(company.id);
+                        }, "Company deleted")
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          },
+          company.id
+        )) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "py-8 text-muted-foreground", children: "No companies match. Add a company or adjust your search." }),
+        /* @__PURE__ */ jsxRuntime.jsx(shared.Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+exports.CompaniesPage = CompaniesPage;

package/dist/packages/stack/src/plugins/crm/client/components/pages/companies-page.internal.mjs

@@ -0,0 +1,171 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { PermissionAccess } from '@btst/stack/context';
+import { Button } from '../../../../../../../ui/src/components/button.mjs';
+import { Input } from '../../../../../../../ui/src/components/input.mjs';
+import { Textarea } from '../../../../../../../ui/src/components/textarea.mjs';
+import { useCompanies, useCreateCompany, useUpdateCompany, useDeleteCompany } from '../../../../../../../../plugins/crm/client/hooks/index.mjs';
+import { crmPermissions } from '../../../../../../../../plugins/crm/permissions.mjs';
+import { useCrmAction, CrmPage, Feedback, Field, DeleteRecord, Pagination } from '../shared.mjs';
+
+function CompaniesPage() {
+  const [search, setSearch] = useState("");
+  const [offset, setOffset] = useState(0);
+  const [editing, setEditing] = useState();
+  const { data } = useCompanies({
+    search: search || void 0,
+    limit: 25,
+    offset
+  });
+  const create = useCreateCompany();
+  const update = useUpdateCompany();
+  const remove = useDeleteCompany();
+  const action = useCrmAction();
+  const save = (event) => {
+    event.preventDefault();
+    const fields = new FormData(event.currentTarget);
+    void action.run(async () => {
+      const input = {
+        name: String(fields.get("name")),
+        domain: String(fields.get("domain") || ""),
+        phone: String(fields.get("phone") || ""),
+        notes: String(fields.get("notes") || "")
+      };
+      if (editing) await update.mutateAsync({ id: editing.id, data: input });
+      else await create.mutateAsync(input);
+      setEditing(void 0);
+    }, "Company saved");
+  };
+  return /* @__PURE__ */ jsxs(
+    CrmPage,
+    {
+      title: "Companies",
+      description: "Link contacts and deals to the organizations you work with.",
+      action: /* @__PURE__ */ jsx(PermissionAccess, { permission: crmPermissions.company.create(), children: /* @__PURE__ */ jsx(Button, { className: "min-h-11", onClick: () => setEditing(null), children: "New company" }) }),
+      children: [
+        /* @__PURE__ */ jsx(Feedback, { ...action }),
+        editing !== void 0 && /* @__PURE__ */ jsxs(
+          "form",
+          {
+            className: "max-w-3xl space-y-4 rounded-lg border p-5",
+            onSubmit: save,
+            children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium", children: editing ? "Edit company" : "New company" }),
+              /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                ["name", "Company name"],
+                ["domain", "Domain"],
+                ["phone", "Phone"]
+              ].map(([name, label]) => /* @__PURE__ */ jsx(Field, { label, children: (id) => /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id,
+                  name,
+                  maxLength: 500,
+                  required: name === "name",
+                  defaultValue: editing?.[name] ?? ""
+                }
+              ) }, name)) }),
+              /* @__PURE__ */ jsx(Field, { label: "Notes", children: (id) => /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  id,
+                  name: "notes",
+                  rows: 3,
+                  maxLength: 2e4,
+                  defaultValue: editing?.notes ?? ""
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "submit",
+                    disabled: create.isPending || update.isPending,
+                    className: "min-h-11",
+                    children: "Save company"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    className: "min-h-11",
+                    onClick: () => setEditing(void 0),
+                    children: "Cancel"
+                  }
+                )
+              ] })
+            ]
+          },
+          editing?.id ?? "new"
+        ),
+        /* @__PURE__ */ jsx(Field, { label: "Search companies", children: (id) => /* @__PURE__ */ jsx(
+          Input,
+          {
+            id,
+            type: "search",
+            value: search,
+            onChange: (e) => {
+              setSearch(e.target.value);
+              setOffset(0);
+            }
+          }
+        ) }),
+        data.items.length ? /* @__PURE__ */ jsx("ul", { className: "divide-y rounded-lg border px-5", children: data.items.map((company) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "flex flex-wrap items-center justify-between gap-4 py-5",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx("h2", { className: "break-words font-semibold", children: company.name }),
+                /* @__PURE__ */ jsx("p", { className: "break-words text-sm text-muted-foreground", children: [company.domain, company.phone].filter(Boolean).join(" / ") }),
+                company.notes && /* @__PURE__ */ jsx("p", { className: "mt-2 max-w-2xl whitespace-pre-wrap break-words text-sm", children: company.notes })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  PermissionAccess,
+                  {
+                    permission: crmPermissions.company.update({ id: company.id }),
+                    children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "outline",
+                        className: "min-h-11",
+                        onClick: () => setEditing(company),
+                        "aria-label": `Edit ${company.name}`,
+                        children: "Edit company"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PermissionAccess,
+                  {
+                    permission: crmPermissions.company.delete({ id: company.id }),
+                    children: /* @__PURE__ */ jsx(
+                      DeleteRecord,
+                      {
+                        label: "Delete company",
+                        description: `${company.name} will be removed; linked records keep their other details.`,
+                        pending: remove.isPending,
+                        onDelete: () => void action.run(async () => {
+                          await remove.mutateAsync(company.id);
+                        }, "Company deleted")
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          },
+          company.id
+        )) }) : /* @__PURE__ */ jsx("p", { className: "py-8 text-muted-foreground", children: "No companies match. Add a company or adjust your search." }),
+        /* @__PURE__ */ jsx(Pagination, { offset, total: data.total, onChange: setOffset })
+      ]
+    }
+  );
+}
+
+export { CompaniesPage };