@aglyn/plugins-crm 1.0.0-beta.143

package/src/lib/components/companies-bulk-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/companies-bulk-bar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\n/**\n * The bar over the companies table, for whatever rows are ticked\n * (AGL-2621).\n *\n * Tag or untag them, hand them to an owner, take them into a spreadsheet,\n * or delete them. The patches come from `companies-bulk-writes.ts` and go\n * through the shared runner; the delete is the record page's own\n * `crm/company-delete`, per company, one after another — the route unlinks a\n * company's contacts before it goes, and a company past the detach bound is\n * left standing and NAMED, the way the page says it, so a second delete\n * continues where this one stopped.\n *\n * ## The delete is logged, per company\n *\n * Each company that goes is one line in the site's activity feed, as it\n * would be from its own page. A bulk delete of forty companies is forty\n * acts and forty lines; a single \"deleted 40 companies\" line would name\n * none of them, and the feed exists to answer \"where did Acme go\".\n */\n\nimport { CRM_COLLECTIONS } from '@aglyn/aglyn'\nimport { useConfirmationContext } from '@aglyn/shared-ui-jsx'\nimport { useFirestore, useHostActivityLogger } from '@aglyn/tenant-feature-instance'\nimport { Button, MenuItem, TextField } from '@mui/material'\nimport { doc } from 'firebase/firestore'\nimport { useCallback, useMemo, useState } from 'react'\nimport { useCrmBulkApply } from '../hooks/use-crm-bulk-apply'\nimport type { OrgMemberOptions } from '../hooks/use-org-member-options'\nimport {\n  type CompanyBulkRow,\n  planCompanyAddTag,\n  planCompanyRemoveTag,\n  planCompanySetOwner,\n} from '../model/companies-bulk-writes'\nimport {\n  type CompanyCsvOptions,\n  type CompanyCsvRow,\n  companiesCsv,\n} from '../model/companies-csv'\nimport { COMPANY_DETACH_LIMIT } from '../model/companies'\nimport { deleteCompanyThroughRoute } from '../model/company-delete'\nimport { normalizeBulkTag } from '../model/contacts-bulk-writes'\nimport { downloadTextFile } from '../model/contacts-csv'\nimport {\n  type CrmBulkPlan,\n  crmBulkWriters,\n  runCrmBulkCalls,\n  runCrmBulkWrites,\n} from '../model/crm-bulk-writes'\nimport {\n  type CrmBulkNoun,\n  CrmBulkBarFrame,\n  CrmBulkValueDialog,\n  countNoun,\n} from './crm-bulk-bar-frame'\nimport CrmExportAllButton from './crm-export-all-button'\nimport { useCrmApi } from './use-crm-api'\n\nexport interface CompaniesBulkBarProps {\n  /**\n   * The site whose activity feed the bar's acts are logged in, or `null`\n   * at the organization level (AGL-2630), where the selection spans sites\n   * and no one feed is written.\n   */\n  hostId: string | null\n  /** `['orgs', orgId]`, or `null` while the org is unresolved. */\n  scope: readonly ['orgs', string] | null\n  rows: readonly (CompanyBulkRow & CompanyCsvRow)[]\n  selected: readonly string[]\n  onSelectedChange: (ids: string[]) => void\n  /** The section's roster — already read for the Owner column. */\n  members: OrgMemberOptions\n  /** How the export names an owner — the table's own options. */\n  csv?: CompanyCsvOptions\n}\n\nconst NOUN: CrmBulkNoun = { singular: 'company', plural: 'companies' }\n\ntype PendingAction = 'add-tag' | 'remove-tag' | 'owner'\n\nconst ACTION_TITLES: Record<PendingAction, string> = {\n  'add-tag': 'Add a tag',\n  'remove-tag': 'Remove a tag',\n  owner: 'Set the owner',\n}\n\nconst doneSentence = (action: PendingAction, done: number): string => {\n  const rows = countNoun(done, NOUN)\n  switch (action) {\n    case 'add-tag':\n      return `Tagged ${rows}`\n    case 'remove-tag':\n      return `Removed the tag from ${rows}`\n    case 'owner':\n      return `Owner set on ${rows}`\n  }\n}\n\n/**\n * The bar, or nothing — a separate boundary so the body's hooks never run\n * on the visit to the list that ticks no row.\n */\nexport function CompaniesBulkBar(props: CompaniesBulkBarProps) {\n  if (!props.selected.length) return null\n  return <CompaniesBulkBarBody {...props} />\n}\nCompaniesBulkBar.displayName = 'CompaniesBulkBar'\n\nfunction CompaniesBulkBarBody(props: CompaniesBulkBarProps) {\n  const { hostId, scope, rows, selected, onSelectedChange, members, csv } = props\n  const firestore = useFirestore()\n  const { confirm } = useConfirmationContext()\n  const logActivity = useHostActivityLogger(hostId ?? undefined)\n  const callCrm = useCrmApi(hostId)\n  const { busy, report, apply, dismissReport } = useCrmBulkApply({ recordKind: 'company' })\n\n  const selectedRows = useMemo(() => {\n    const chosen = new Set(selected)\n    return rows.filter((row) => chosen.has(row.$id))\n  }, [rows, selected])\n\n  const [pending, setPending] = useState<PendingAction | null>(null)\n  const [value, setValue] = useState('')\n\n  const writers = useMemo(\n    () =>\n      crmBulkWriters(firestore, (id) =>\n        doc(firestore, scope?.[0] ?? 'orgs', scope?.[1] ?? '', CRM_COLLECTIONS.companies, id),\n      ),\n    [firestore, scope],\n  )\n\n  const openAction = (action: PendingAction) => {\n    setValue('')\n    setPending(action)\n  }\n\n  const runPlan = useCallback(\n    (action: PendingAction, plan: CrmBulkPlan) =>\n      apply({\n        attempted: plan.writes.length,\n        skipped: plan.skipped,\n        job: () => runCrmBulkWrites(writers, plan.writes, (write) => write.label),\n        done: (count) => doneSentence(action, count),\n      }),\n    [apply, writers],\n  )\n\n  const handleApply = useCallback(async () => {\n    if (!pending || !scope) return\n    const nowMs = Date.now()\n    const tag = normalizeBulkTag(value)\n    if (pending !== 'owner' && !tag) return\n    const plan: CrmBulkPlan =\n      pending === 'add-tag'\n        ? planCompanyAddTag(selectedRows, tag ?? '', nowMs)\n        : pending === 'remove-tag'\n          ? planCompanyRemoveTag(selectedRows, tag ?? '', nowMs)\n          : planCompanySetOwner(selectedRows, value || null, nowMs)\n    const action = pending\n    setPending(null)\n    await runPlan(action, plan)\n  }, [pending, scope, value, selectedRows, runPlan])\n\n  const handleExport = useCallback(() => {\n    downloadTextFile('companies-selected.csv', 'text/csv', companiesCsv(selectedRows, csv))\n  }, [selectedRows, csv])\n\n  const handleDelete = useCallback(async () => {\n    if (!scope || !selectedRows.length) return\n    const count = selectedRows.length\n    const confirmed = await confirm({\n      title: count === 1 ? 'Delete this company?' : `Delete ${count} companies?`,\n      description:\n        `${count === 1 ? 'It is' : 'They are'} removed from Companies and ` +\n        'unlinked from every contact at them. The contacts themselves are ' +\n        'kept, and so is anything else filed against the companies.',\n      confirmationText: count === 1 ? 'Delete company' : 'Delete companies',\n      confirmationButtonProps: { color: 'error' },\n    })\n      // `confirm` resolves with no value and REJECTS on cancel.\n      .then(() => true)\n      .catch(() => false)\n    if (!confirmed) return\n    const outcome = await apply({\n      attempted: count,\n      skipped: [],\n      job: () =>\n        runCrmBulkCalls(\n          selectedRows,\n          (row) => String(row.name || row.$id),\n          async (row) => {\n            const result = await deleteCompanyThroughRoute(callCrm, row.$id)\n            if (!result.deleted) {\n              throw new Error(\n                `${COMPANY_DETACH_LIMIT.toLocaleString()} contacts were unlinked ` +\n                  'and more remain — delete again to continue',\n              )\n            }\n            logActivity('Deleted company', {\n              type: 'company',\n              id: row.$id,\n              name: row.name,\n            })\n          },\n        ),\n      done: (done) => `Deleted ${countNoun(done, NOUN)}`,\n    })\n    // The rows that went are gone from the table; the refused ones stay\n    // selected, so the reader can see which they are and try again.\n    const refused = new Set(outcome.refused.map((row) => row.label))\n    onSelectedChange(\n      selectedRows\n        .filter((row) => refused.has(String(row.name || row.$id)))\n        .map((row) => row.$id),\n    )\n  }, [scope, selectedRows, confirm, apply, callCrm, logActivity, onSelectedChange])\n\n  return (\n    <CrmBulkBarFrame\n      count={selected.length}\n      noun={NOUN}\n      busy={busy}\n      onClear={() => onSelectedChange([])}\n      report={report}\n      onDismissReport={dismissReport}\n      extras={\n        <CrmBulkValueDialog\n          open={pending !== null}\n          title={pending ? ACTION_TITLES[pending] : ''}\n          count={selected.length}\n          noun={NOUN}\n          busy={busy}\n          canApply={pending === 'owner' || Boolean(normalizeBulkTag(value))}\n          onClose={() => setPending(null)}\n          onApply={() => void handleApply()}\n        >\n          {pending === 'add-tag' || pending === 'remove-tag' ? (\n            <TextField\n              autoFocus\n              size=\"small\"\n              label=\"Tag\"\n              placeholder=\"enterprise\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              helperText={\n                pending === 'add-tag'\n                  ? 'Lowercased, like the tags on a company'\n                  : 'Removed wherever it is present'\n              }\n            />\n          ) : pending === 'owner' ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Owner\"\n              value={value}\n              onChange={(event) => setValue(event.target.value)}\n              disabled={!members.ready}\n              error={Boolean(members.error)}\n              helperText={members.error ?? (members.ready ? undefined : 'Loading the team…')}\n            >\n              <MenuItem value=\"\">{'Nobody — clear the owner'}</MenuItem>\n              {members.options.map((member) => (\n                <MenuItem key={member.uid} value={member.uid}>\n                  {member.label}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : null}\n        </CrmBulkValueDialog>\n      }\n    >\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => openAction('add-tag')}>\n        {'Add tag'}\n      </Button>\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => openAction('remove-tag')}>\n        {'Remove tag'}\n      </Button>\n      <Button size=\"small\" disabled={busy || !scope} onClick={() => openAction('owner')}>\n        {'Set owner'}\n      </Button>\n      <Button size=\"small\" disabled={busy} onClick={handleExport}>\n        {'Export CSV'}\n      </Button>\n      {/*\n        The selection's file is the rows on screen; this one is the whole\n        collection, streamed by the server (AGL-2662).\n      */}\n      <CrmExportAllButton\n        resource=\"companies\"\n        orgId={scope?.[1] ?? null}\n        hostId={hostId}\n        disabled={busy}\n      />\n      <Button\n        size=\"small\"\n        color=\"error\"\n        disabled={busy || !scope}\n        onClick={() => void handleDelete()}\n      >\n        {'Delete'}\n      </Button>\n    </CrmBulkBarFrame>\n  )\n}\nCompaniesBulkBarBody.displayName = 'CompaniesBulkBarBody'\n\nexport default CompaniesBulkBar\n"],"names":["CRM_COLLECTIONS","useConfirmationContext","useFirestore","useHostActivityLogger","Button","MenuItem","TextField","doc","useCallback","useMemo","useState","useCrmBulkApply","planCompanyAddTag","planCompanyRemoveTag","planCompanySetOwner","companiesCsv","COMPANY_DETACH_LIMIT","deleteCompanyThroughRoute","normalizeBulkTag","downloadTextFile","crmBulkWriters","runCrmBulkCalls","runCrmBulkWrites","CrmBulkBarFrame","CrmBulkValueDialog","countNoun","CrmExportAllButton","useCrmApi","NOUN","singular","plural","ACTION_TITLES","owner","doneSentence","action","done","rows","CompaniesBulkBar","props","selected","length","CompaniesBulkBarBody","displayName","members","hostId","scope","onSelectedChange","csv","firestore","confirm","logActivity","undefined","callCrm","busy","report","apply","dismissReport","recordKind","selectedRows","chosen","Set","filter","row","has","$id","pending","setPending","value","setValue","writers","id","companies","openAction","runPlan","plan","attempted","writes","skipped","job","write","label","count","handleApply","nowMs","Date","now","tag","handleExport","handleDelete","confirmed","title","description","confirmationText","confirmationButtonProps","color","then","catch","outcome","String","name","result","deleted","Error","toLocaleString","type","refused","map","noun","onClear","onDismissReport","extras","open","canApply","Boolean","onClose","onApply","autoFocus","size","placeholder","onChange","event","target","helperText","select","disabled","ready","error","options","member","uid","onClick","resource","orgId"],"mappings":"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"}

package/src/lib/components/companies-section.d.ts

@@ -0,0 +1,54 @@
+import { type AglynOrgBilling } from '@aglyn/aglyn';
+export interface CompaniesSectionProps {
+    /** The site the list is read under, or `null` at the organization level. */
+    hostId: string | null;
+    org?: Partial<AglynOrgBilling>;
+    /** The CRM hub URL, which every company route hangs beneath. */
+    basePath: string;
+}
+/**
+ * `/crm/companies` — the organizations behind the people (AGL-2597).
+ *
+ * A section of its own rather than a column on the contact list, because a
+ * company is known by several contacts and carries records of its own: a
+ * domain the email suggestion keys on, an address, an owner, and the deals
+ * and tasks filed against it. The row opens `/crm/companies/{id}`, where all
+ * of that lives; this list is the cheaper surface and reads nothing a row
+ * does not show.
+ *
+ * ## What the listener carries
+ *
+ * Paged and ordered by the server — `updatedAt desc`, so a company somebody
+ * just touched is on page one — and SCOPED by the same `visibleTo
+ * array-contains-any` predicate the contact list runs. That predicate is what
+ * the rules evaluate: a filtered query is provable per document, and an
+ * unfiltered one is refused rather than quietly returning the whole org's
+ * accounts to a site that may see one client's.
+ *
+ * ## What a filter may be
+ *
+ * The scope predicate is an array clause, and Firestore carries one per
+ * query, so the word-prefix search the contact list offers cannot run here.
+ * The name is a prefix range and an exact match instead, and the owner is a
+ * choice from the roster — each reaching the whole collection, which is the
+ * property a search must have: a company on page four is found, not reported
+ * missing. `COMPANY_LIST_FILTER_FIELDS` states what the indexes serve.
+ *
+ * ## Creating is a drawer
+ *
+ * "New company" opens the same eight-field drawer the company's page edits
+ * with, and the new record's page opens when it is saved. A form above a
+ * list has nowhere to grow, and this one has an address in it.
+ *
+ * ## Selection, the bar and the file (AGL-2621)
+ *
+ * The rows are selectable, and a selection raises `CompaniesBulkBar` over
+ * the table. Export CSV writes the loaded page through `companiesCsv()` —
+ * the same file the bar writes over the selection, headed as the import
+ * reads it — and Import CSV opens the companies drawer beside it.
+ */
+export declare function CompaniesSection(props: CompaniesSectionProps): import("react").JSX.Element;
+export declare namespace CompaniesSection {
+    var displayName: string;
+}
+export default CompaniesSection;

package/src/lib/components/companies-section.js

@@ -0,0 +1,522 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CRM_COLLECTIONS, filterByNextActivity, isNoNextActivityClause, pluginDocsHelp } from "@aglyn/aglyn";
+import { mdiPlus } from "@aglyn/shared-data-mdi";
+import { CardDisplay, MdiIcon } from "@aglyn/shared-ui-jsx";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { ListTable } from "@aglyn/shared-ui-jsx/components/list-table.component";
+import { gridFilterRequest, listFilterColumn } from "@aglyn/shared-ui-jsx/const/list-filter";
+import { useCrmSavedView } from "../hooks/use-crm-saved-view.js";
+import { useCrmViewGrid } from "../hooks/use-crm-view-grid.js";
+import { CRM_LIST_SLOTS, CrmColumnOrderProvider } from "./crm-column-menu.js";
+import { NoNextActivityToggle, nextActivityColumn } from "./crm-next-activity-column.js";
+import CrmViewsControl from "./crm-views-control.js";
+import { TABLE_ROW_HEIGHT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { listFilterConstraints, usePagedCollection, useFirestore } from "@aglyn/tenant-feature-instance";
+import { Button, Chip, Stack, Typography } from "@mui/material";
+import { getGridSingleSelectOperators } from "@mui/x-data-grid";
+import { collection, limit, orderBy, query } from "firebase/firestore";
+import { useRouter } from "next/navigation";
+import { useCallback, useMemo, useState } from "react";
+import { COMPANY_LIST_FILTER_FIELDS } from "../constants/company-filters.js";
+import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
+import { crmVisibleToClause, useCrmScope } from "../hooks/use-crm-scope.js";
+import { useOrgMemberOptions } from "../hooks/use-org-member-options.js";
+import { companiesCsv } from "../model/companies-csv.js";
+import { downloadTextFile } from "../model/contacts-csv.js";
+import { crmRoutes } from "../model/crm-routes.js";
+import CompaniesBulkBar from "./companies-bulk-bar.js";
+import CompanyEditDrawer from "./company-edit-drawer.js";
+import { CompanyImportButton } from "./company-import-drawer.js";
+import { customFieldColumns } from "./contact-custom-columns.js";
+/**
+ * `/crm/companies` — the organizations behind the people (AGL-2597).
+ *
+ * A section of its own rather than a column on the contact list, because a
+ * company is known by several contacts and carries records of its own: a
+ * domain the email suggestion keys on, an address, an owner, and the deals
+ * and tasks filed against it. The row opens `/crm/companies/{id}`, where all
+ * of that lives; this list is the cheaper surface and reads nothing a row
+ * does not show.
+ *
+ * ## What the listener carries
+ *
+ * Paged and ordered by the server — `updatedAt desc`, so a company somebody
+ * just touched is on page one — and SCOPED by the same `visibleTo
+ * array-contains-any` predicate the contact list runs. That predicate is what
+ * the rules evaluate: a filtered query is provable per document, and an
+ * unfiltered one is refused rather than quietly returning the whole org's
+ * accounts to a site that may see one client's.
+ *
+ * ## What a filter may be
+ *
+ * The scope predicate is an array clause, and Firestore carries one per
+ * query, so the word-prefix search the contact list offers cannot run here.
+ * The name is a prefix range and an exact match instead, and the owner is a
+ * choice from the roster — each reaching the whole collection, which is the
+ * property a search must have: a company on page four is found, not reported
+ * missing. `COMPANY_LIST_FILTER_FIELDS` states what the indexes serve.
+ *
+ * ## Creating is a drawer
+ *
+ * "New company" opens the same eight-field drawer the company's page edits
+ * with, and the new record's page opens when it is saved. A form above a
+ * list has nowhere to grow, and this one has an address in it.
+ *
+ * ## Selection, the bar and the file (AGL-2621)
+ *
+ * The rows are selectable, and a selection raises `CompaniesBulkBar` over
+ * the table. Export CSV writes the loaded page through `companiesCsv()` —
+ * the same file the bar writes over the selection, headed as the import
+ * reads it — and Import CSV opens the companies drawer beside it.
+ */ export function CompaniesSection(props) {
+    var _viewFilters_find;
+    const { hostId, org, basePath } = props;
+    const routes = crmRoutes(basePath);
+    const router = useRouter();
+    const firestore = useFirestore();
+    const { scope, orgId, visibleTo } = useCrmScope({
+        hostId,
+        org
+    });
+    /*
+   * The team, read once for this surface: the Owner column names a person
+   * from a uid, and the create drawer picks from the same roster. One fetch
+   * serves both, which is why the drawer takes it as a prop.
+   */ const members = useOrgMemberOptions(orgId);
+    // The org's company fields, for the optional columns below (AGL-2661).
+    const companyFields = useContactFieldDefinitions(orgId, 'company');
+    /*
+   * The column filter is the saved VIEW'S first clause (AGL-2617): this
+   * grid's panel holds one, and a view of companies holds that one beside
+   * the columns and the sort. Declared BEFORE the listener that reads it,
+   * as the filter always was — the query is rebuilt from it.
+   */ const views = useCrmSavedView({
+        section: 'companies',
+        hostId,
+        org,
+        basePath
+    });
+    /*
+   * ...beside the "No next activity" clause (AGL-2661), which is not a
+   * query the listener can run — absence has no index — and narrows the
+   * loaded page below instead. The grid's one clause is the first that is
+   * not it, and setting the grid's clause keeps it.
+   */ const viewFilters = views.state.filters;
+    const filter = (_viewFilters_find = viewFilters.find((clause)=>!isNoNextActivityClause(clause))) != null ? _viewFilters_find : null;
+    const setFilter = useCallback((request)=>views.setFilters([
+            ...request ? [
+                request
+            ] : [],
+            ...viewFilters.filter(isNoNextActivityClause)
+        ]), [
+        views.setFilters,
+        viewFilters
+    ]);
+    const { rows: loaded, status, hasMore, page, setPage, pageSize, setPageSize } = usePagedCollection((pageLimit)=>{
+        if (!scope) return null;
+        const constraints = listFilterConstraints(COMPANY_LIST_FILTER_FIELDS, filter);
+        return query(collection(firestore, scope[0], scope[1], CRM_COLLECTIONS.companies), // Absent at the organization level, where the tokens are `null` (AGL-2630).
+        ...crmVisibleToClause(visibleTo), ...constraints != null ? constraints : [
+            orderBy('updatedAt', 'desc')
+        ], limit(pageLimit));
+    }, [
+        firestore,
+        scope,
+        visibleTo,
+        filter
+    ], {
+        idField: '$id'
+    });
+    const companies = useMemo(()=>filterByNextActivity(loaded, viewFilters), [
+        loaded,
+        viewFilters
+    ]);
+    const nowMs = useMemo(()=>Date.now(), []);
+    const [createOpen, setCreateOpen] = useState(false);
+    const [selectedIds, setSelectedIds] = useState([]);
+    /*
+   * The owner is written by ADDRESS, because the companies import resolves
+   * an owner by email; the same options reach the bar, so the page's file
+   * and the selection's are one format.
+   */ const csvOptions = useMemo(()=>({
+            ownerEmail: members.emailFor
+        }), [
+        members.emailFor
+    ]);
+    const handleExport = useCallback(()=>{
+        downloadTextFile('companies.csv', 'text/csv', companiesCsv(companies, csvOptions));
+    }, [
+        companies,
+        csvOptions
+    ]);
+    const openCompany = useCallback((id)=>router.push(routes.company(id)), [
+        router,
+        routes
+    ]);
+    const columns = useMemo(()=>[
+            _extends({
+                field: 'name',
+                headerName: 'Company',
+                flex: 1.6,
+                minWidth: 240
+            }, listFilterColumn(COMPANY_LIST_FILTER_FIELDS, 'name'), {
+                valueGetter: (_value, row)=>{
+                    var _row_name;
+                    return String((_row_name = row.name) != null ? _row_name : '');
+                },
+                renderCell: ({ row })=>/*#__PURE__*/ _jsxs(Stack, {
+                        sx: {
+                            justifyContent: 'center',
+                            height: '100%',
+                            lineHeight: 1.25
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                sx: {
+                                    lineHeight: 1.25
+                                },
+                                children: row.name
+                            }),
+                            row.industry ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                sx: {
+                                    lineHeight: 1.25
+                                },
+                                noWrap: true,
+                                children: row.industry
+                            }) : null
+                        ]
+                    })
+            }),
+            {
+                field: 'domain',
+                headerName: 'Domain',
+                flex: 1,
+                minWidth: 160,
+                // Stored normalized, so it could be filtered exactly — but a domain
+                // lookup is what the company suggestion on a contact does, and a
+                // filter here would need an index of its own for one more way to
+                // find a row the name filter already finds.
+                filterable: false,
+                sortable: false,
+                valueGetter: (_value, row)=>{
+                    var _row_domain;
+                    return String((_row_domain = row.domain) != null ? _row_domain : '');
+                },
+                renderCell: ({ row })=>row.domain ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        children: row.domain
+                    }) : /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: '—'
+                    })
+            },
+            {
+                field: 'contactsCount',
+                headerName: 'Contacts',
+                width: 110,
+                align: 'right',
+                headerAlign: 'right',
+                /*
+         * The denormalized count every link moves (AGL-2613) — a stored
+         * number, so a page of companies costs no read per row. Absent on a
+         * company nobody has linked since the counter existed, which reads
+         * as zero; the company's own page takes the live aggregate.
+         */ filterable: false,
+                sortable: false,
+                valueGetter: (_value, row)=>{
+                    var _row_contactsCount;
+                    return Number((_row_contactsCount = row.contactsCount) != null ? _row_contactsCount : 0);
+                },
+                renderCell: ({ row })=>{
+                    var _row_contactsCount;
+                    return /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: row.contactsCount ? 'text.primary' : 'text.secondary',
+                        children: Number((_row_contactsCount = row.contactsCount) != null ? _row_contactsCount : 0).toLocaleString()
+                    });
+                }
+            },
+            {
+                field: 'tags',
+                headerName: 'Tags',
+                flex: 1,
+                minWidth: 140,
+                // Written by the drawer and the bulk bar (AGL-2621); read here, not
+                // filtered — a tag filter would need an `array-contains` index of
+                // its own beside the scope predicate.
+                filterable: false,
+                sortable: false,
+                valueGetter: (_value, row)=>{
+                    var _row_tags;
+                    return ((_row_tags = row.tags) != null ? _row_tags : []).join(', ');
+                },
+                renderCell: ({ row })=>{
+                    var _row_tags;
+                    return ((_row_tags = row.tags) == null ? void 0 : _row_tags.length) ? /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 0.5,
+                        sx: {
+                            alignItems: 'center',
+                            overflow: 'hidden'
+                        },
+                        children: [
+                            row.tags.slice(0, 3).map((tag)=>/*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    variant: "outlined",
+                                    label: tag
+                                }, tag)),
+                            row.tags.length > 3 ? /*#__PURE__*/ _jsx(Typography, {
+                                variant: "caption",
+                                color: "text.secondary",
+                                children: `+${row.tags.length - 3}`
+                            }) : null
+                        ]
+                    }) : /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: '—'
+                    });
+                }
+            },
+            {
+                field: 'ownerUid',
+                headerName: 'Owner',
+                flex: 1,
+                minWidth: 160,
+                sortable: false,
+                /*
+         * A CHOICE from the roster, not a text box for a uid. The grid's
+         * single-select `is` operator is what the panel offers; the handler
+         * below maps it onto the declared field's `equals`, which the
+         * translator turns into the equality the index serves.
+         */ type: 'singleSelect',
+                valueOptions: members.options.map((option)=>({
+                        value: option.uid,
+                        label: option.label
+                    })),
+                filterable: members.options.length > 0,
+                filterOperators: getGridSingleSelectOperators().filter((operator)=>operator.value === 'is'),
+                valueGetter: (_value, row)=>{
+                    var _row_ownerUid;
+                    return String((_row_ownerUid = row.ownerUid) != null ? _row_ownerUid : '');
+                },
+                renderCell: ({ row })=>/*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: row.ownerUid ? 'text.primary' : 'text.secondary',
+                        children: row.ownerUid ? members.ready ? members.labelFor(row.ownerUid) : '…' : '—'
+                    })
+            },
+            {
+                field: 'updatedAt',
+                headerName: 'Updated',
+                flex: 0.8,
+                minWidth: 140,
+                filterable: false,
+                sortable: false,
+                valueGetter: (_value, row)=>{
+                    var _row_updatedAt;
+                    return ((_row_updatedAt = row.updatedAt) == null ? void 0 : _row_updatedAt.seconds) ? new Date(row.updatedAt.seconds * 1000) : null;
+                },
+                renderCell: ({ row })=>{
+                    var _row_updatedAt;
+                    return /*#__PURE__*/ _jsx(Typography, {
+                        variant: "caption",
+                        color: "text.secondary",
+                        children: ((_row_updatedAt = row.updatedAt) == null ? void 0 : _row_updatedAt.seconds) ? new Date(row.updatedAt.seconds * 1000).toLocaleDateString() : '—'
+                    });
+                }
+            },
+            // When the earliest open task against the company is due (AGL-2661).
+            nextActivityColumn(nowMs),
+            // The org's company fields as optional columns (AGL-2661), read off
+            // the row's own `custom` map the way the contacts list reads its own.
+            ...customFieldColumns(companyFields.active)
+        ], [
+        members,
+        companyFields.active,
+        nowMs
+    ]);
+    /*
+   * The grid's models are the view's (AGL-2617). The filter model shows the
+   * view's clause in the panel as a typed one would appear — the owner's
+   * stored `equals` back as the single-select `is` the panel offers — so a
+   * view opened from its address reads as filtered, not as a mystery.
+   */ const grid = useCrmViewGrid(views, columns);
+    const filterModel = useMemo(()=>({
+            items: filter ? [
+                {
+                    id: 'view',
+                    field: filter.field,
+                    operator: filter.field === 'ownerUid' && filter.op === 'equals' ? 'is' : filter.op,
+                    value: filter.value
+                }
+            ] : []
+        }), [
+        filter
+    ]);
+    const newCompanyButton = /*#__PURE__*/ _jsx(Button, {
+        size: "small",
+        variant: "contained",
+        color: "primary",
+        disabled: !scope,
+        startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
+            path: mdiPlus.path,
+            size: 0.8
+        }),
+        onClick: ()=>setCreateOpen(true),
+        children: 'New company'
+    });
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Companies',
+        help: pluginDocsHelp('companies', {
+            anchor: '#the-companies-list'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        contentBordered: "all",
+        HeaderProps: {
+            action: /*#__PURE__*/ _jsxs(Stack, {
+                direction: "row",
+                spacing: 1,
+                sx: {
+                    alignItems: 'center'
+                },
+                children: [
+                    /*#__PURE__*/ _jsx(CrmViewsControl, {
+                        controller: views,
+                        allLabel: "All companies"
+                    }),
+                    /*#__PURE__*/ _jsx(NoNextActivityToggle, {
+                        filters: viewFilters,
+                        onChange: views.setFilters
+                    }),
+                    newCompanyButton
+                ]
+            })
+        },
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1.5,
+                children: [
+                    /*#__PURE__*/ _jsxs(Stack, {
+                        direction: "row",
+                        spacing: 1,
+                        sx: {
+                            alignItems: 'center',
+                            flexWrap: 'wrap',
+                            rowGap: 1
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Typography, {
+                                variant: "body2",
+                                color: "text.secondary",
+                                sx: {
+                                    flex: 1
+                                },
+                                children: 'The organizations your contacts belong to. Open one to see its ' + 'people, its deals and its open tasks, or to link a contact ' + 'to it.'
+                            }),
+                            /*#__PURE__*/ _jsx(CompanyImportButton, {
+                                hostId: hostId,
+                                org: org
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: handleExport,
+                                disabled: !companies.length,
+                                children: 'Export CSV'
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(CompaniesBulkBar, {
+                        hostId: hostId,
+                        scope: scope,
+                        rows: companies,
+                        selected: selectedIds,
+                        onSelectedChange: setSelectedIds,
+                        members: members,
+                        csv: csvOptions
+                    }),
+                    /*#__PURE__*/ _jsx(CrmColumnOrderProvider, {
+                        value: grid.columnOrder,
+                        children: /*#__PURE__*/ _jsx(ListTable, {
+                            rowHeight: TABLE_ROW_HEIGHT,
+                            columns: grid.columns,
+                            slots: CRM_LIST_SLOTS,
+                            rows: companies,
+                            selectable: {
+                                selected: selectedIds,
+                                onChange: setSelectedIds
+                            },
+                            noRowsLabel: "No companies yet",
+                            noRowsDescription: "A company groups the contacts who work at one business, with its domain, owner and address. Create the first one, or link a contact to a company from their page.",
+                            noRowsAction: newCompanyButton,
+                            onOpen: (id)=>openCompany(String(id)),
+                            // An empty table while the read is in flight reads as "you have
+                            // none" rather than "these are on their way".
+                            loading: !scope || status === 'loading',
+                            /*
+             * The grid must NOT also filter. The query answers it, so a client
+             * pass could only drop rows the query already matched.
+             */ filterMode: "server",
+                            filterModel: filterModel,
+                            onFilterModelChange: (model)=>{
+                                const request = gridFilterRequest(model);
+                                setFilter(request && request.field === 'ownerUid' && request.op === 'is' ? _extends({}, request, {
+                                    op: 'equals'
+                                }) : request);
+                            },
+                            // Columns and sort are the view's, controlled (AGL-2617).
+                            columnVisibilityModel: grid.columnVisibilityModel,
+                            onColumnVisibilityModelChange: grid.onColumnVisibilityModelChange,
+                            sortModel: grid.sortModel,
+                            onSortModelChange: grid.onSortModelChange,
+                            // Paged by the footer below, so the grid must not also slice.
+                            hideFooter: true
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: companies.length,
+                        hasMore: hasMore,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    })
+                ]
+            }),
+            createOpen ? /*#__PURE__*/ _jsx(CompanyEditDrawer, {
+                open: true,
+                onClose: ()=>setCreateOpen(false),
+                hostId: hostId,
+                org: org,
+                members: members,
+                onSaved: openCompany
+            }) : null
+        ]
+    });
+}
+CompaniesSection.displayName = 'CompaniesSection';
+export default CompaniesSection;
+
+//# sourceMappingURL=companies-section.js.map