@aglyn/plugins-crm 1.0.0-beta.199 → 1.0.0-beta.201

package/src/lib/components/deal-stage-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-stage-card.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\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiThumbDownOutline, mdiTrophyOutline } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Chip,\n  MenuItem,\n  Stack,\n  Step,\n  StepButton,\n  Stepper,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { type DealStageApi } from '../hooks/use-deal-stage-api'\nimport {\n  daysInStage,\n  DEAL_STATUS_LABELS,\n  type DealDoc,\n  openStages,\n  type PipelineDoc,\n} from '../model/deal-board-model'\nimport { LostReasonDialog } from './lost-reason-dialog'\n\nexport interface DealStageCardProps {\n  deal: DealDoc\n  pipeline: PipelineDoc | null\n  api: DealStageApi\n  nowMs: number\n}\n\n/**\n * Where the deal is, and the controls that move it (AGL-2598).\n *\n * A stepper across the open stages — click one to move there — and the two\n * closing buttons. Every one of them calls the stage route, never Firestore:\n * the move is what an automation listens for, and the route is the only\n * writer that emits it. On a closed deal the stepper gives way to the\n * verdict — Won or Lost, when, and why — and a way back: reopening is a\n * move into an open stage, which the route emits as `dealStageChanged` like\n * any other move.\n */\nexport function DealStageCard(props: DealStageCardProps) {\n  const { deal, pipeline, api, nowMs } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const [losing, setLosing] = useState(false)\n  const stages = openStages(pipeline)\n  const activeIndex = stages.findIndex((stage) => stage.id === deal.stageId)\n\n  const run = useCallback(\n    async (request: () => Promise<unknown>, done: string) => {\n      setBusy(true)\n      try {\n        await request()\n        enqueueSnackbar(done, { variant: 'success', persist: false })\n        return true\n      } catch (error) {\n        enqueueSnackbar(\n          error instanceof Error ? error.message : 'The deal could not be moved.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [enqueueSnackbar],\n  )\n\n  const closed = deal.status !== 'open'\n  const days = daysInStage(deal, nowMs)\n\n  return (\n    <CardDisplay\n      header={'Stage'}\n      help={pluginDocsHelp('deals', { anchor: '#moving-winning-and-losing' })}\n      actions={\n        !closed ? (\n          <Stack direction=\"row\" spacing={1}>\n            <Button\n              size=\"small\"\n              color=\"success\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiTrophyOutline.path} size={0.8} />}\n              onClick={() => void run(() => api.markWon(deal), 'Deal won')}\n            >\n              {'Won'}\n            </Button>\n            <Button\n              size=\"small\"\n              color=\"error\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiThumbDownOutline.path} size={0.8} />}\n              onClick={() => setLosing(true)}\n            >\n              {'Lost'}\n            </Button>\n          </Stack>\n        ) : null\n      }\n      contentGutterX\n      contentGutterY\n    >\n      {!pipeline ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {\"This deal's pipeline no longer exists, so it has no stages to move through.\"}\n        </Typography>\n      ) : closed ? (\n        <Stack spacing={1.5}>\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Chip\n              label={DEAL_STATUS_LABELS[deal.status]}\n              color={deal.status === 'won' ? 'success' : 'default'}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {typeof deal.closedAtMs === 'number'\n                ? `Closed ${new Date(deal.closedAtMs).toLocaleDateString()}`\n                : 'Closed'}\n            </Typography>\n          </Stack>\n          {deal.status === 'lost' && deal.lostReason ? (\n            <Typography variant=\"body2\">{deal.lostReason}</Typography>\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"Reopen into\"\n            value=\"\"\n            disabled={busy}\n            onChange={(event) => {\n              const stageId = event.target.value\n              if (!stageId) return\n              void run(() => api.moveToStage(deal, stageId), 'Deal reopened')\n            }}\n            helperText=\"Reopening puts the deal back in an open stage and tells the automations.\"\n            sx={{ maxWidth: 320 }}\n          >\n            <MenuItem value=\"\">{'Pick a stage'}</MenuItem>\n            {stages.map((stage) => (\n              <MenuItem key={stage.id} value={stage.id}>\n                {stage.name}\n              </MenuItem>\n            ))}\n          </TextField>\n        </Stack>\n      ) : (\n        <Stack spacing={1.5}>\n          <Stepper nonLinear activeStep={activeIndex} alternativeLabel>\n            {stages.map((stage, index) => (\n              <Step key={stage.id} completed={index < activeIndex}>\n                <StepButton\n                  disabled={busy || stage.id === deal.stageId}\n                  onClick={() =>\n                    void run(\n                      () => api.moveToStage(deal, stage.id),\n                      `Moved to ${stage.name}`,\n                    )\n                  }\n                >\n                  {stage.name}\n                </StepButton>\n              </Step>\n            ))}\n          </Stepper>\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ textAlign: 'center' }}>\n            {activeIndex === -1\n              ? 'This deal sits in a stage the pipeline no longer has. Pick one above.'\n              : `${days} ${days === 1 ? 'day' : 'days'} in ${stages[activeIndex].name} · ` +\n                `${stages[activeIndex].probability}% likely to close`}\n          </Typography>\n        </Stack>\n      )}\n      <LostReasonDialog\n        open={losing}\n        dealTitle={deal.title}\n        busy={busy}\n        onClose={() => setLosing(false)}\n        onConfirm={(reason) =>\n          void run(() => api.markLost(deal, reason), 'Deal marked lost').then(\n            (ok) => ok && setLosing(false),\n          )\n        }\n      />\n    </CardDisplay>\n  )\n}\nDealStageCard.displayName = 'DealStageCard'\n\nexport default DealStageCard\n"],"names":["pluginDocsHelp","mdiThumbDownOutline","mdiTrophyOutline","CardDisplay","MdiIcon","useSnackbar","Button","Chip","MenuItem","Stack","Step","StepButton","Stepper","TextField","Typography","useCallback","useState","daysInStage","DEAL_STATUS_LABELS","openStages","LostReasonDialog","DealStageCard","props","deal","pipeline","api","nowMs","enqueueSnackbar","busy","setBusy","losing","setLosing","stages","activeIndex","findIndex","stage","id","stageId","run","request","done","variant","persist","error","Error","message","allowDuplicate","closed","status","days","header","help","anchor","actions","direction","spacing","size","color","disabled","startIcon","path","onClick","markWon","contentGutterX","contentGutterY","sx","alignItems","label","closedAtMs","Date","toLocaleDateString","lostReason","select","value","onChange","event","target","moveToStage","helperText","maxWidth","map","name","nonLinear","activeStep","alternativeLabel","index","completed","textAlign","probability","open","dealTitle","title","onClose","onConfirm","reason","markLost","then","ok","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/deal-stage-card.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\nimport { pluginDocsHelp } from '@aglyn/aglyn'\nimport { mdiThumbDownOutline, mdiTrophyOutline } from '@aglyn/shared-data-mdi'\nimport { CardDisplay, MdiIcon } from '@aglyn/shared-ui-jsx'\nimport { useSnackbar } from '@aglyn/shared-ui-snackstack'\nimport {\n  Button,\n  Chip,\n  MenuItem,\n  Stack,\n  Step,\n  StepButton,\n  Stepper,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useCallback, useState } from 'react'\nimport { type DealStageApi } from '../hooks/use-deal-stage-api'\nimport {\n  daysInStage,\n  DEAL_STATUS_LABELS,\n  type DealDoc,\n  openStages,\n  type PipelineDoc,\n} from '../model/deal-board-model'\nimport { LostReasonDialog } from './lost-reason-dialog'\n\nexport interface DealStageCardProps {\n  deal: DealDoc\n  pipeline: PipelineDoc | null\n  api: DealStageApi\n  nowMs: number\n}\n\n/**\n * Where the deal is, and the controls that move it (AGL-2598).\n *\n * A stepper across the open stages — click one to move there — and the two\n * closing buttons. Every one of them calls the stage route, never Firestore:\n * the move is what an automation listens for, and the route is the only\n * writer that emits it. On a closed deal the stepper gives way to the\n * verdict — Won or Lost, when, and why — and a way back: reopening is a\n * move into an open stage, which the route emits as `dealStageChanged` like\n * any other move.\n */\nexport function DealStageCard(props: DealStageCardProps) {\n  const { deal, pipeline, api, nowMs } = props\n  const { enqueueSnackbar } = useSnackbar()\n  const [busy, setBusy] = useState(false)\n  const [losing, setLosing] = useState(false)\n  const stages = openStages(pipeline)\n  const activeIndex = stages.findIndex((stage) => stage.id === deal.stageId)\n\n  const run = useCallback(\n    async (request: () => Promise<unknown>, done: string) => {\n      setBusy(true)\n      try {\n        await request()\n        enqueueSnackbar(done, { variant: 'success', persist: false })\n        return true\n      } catch (error) {\n        enqueueSnackbar(\n          error instanceof Error ? error.message : 'The deal could not be moved.',\n          { variant: 'warning', allowDuplicate: true },\n        )\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [enqueueSnackbar],\n  )\n\n  const closed = deal.status !== 'open'\n  const days = daysInStage(deal, nowMs)\n\n  return (\n    <CardDisplay\n      header={'Stage'}\n      help={pluginDocsHelp('deals', { anchor: '#moving-winning-and-losing' })}\n      HeaderProps={{\n        action: !closed ? (\n          <Stack direction=\"row\" spacing={1}>\n            <Button\n              size=\"small\"\n              color=\"success\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiTrophyOutline.path} size={0.8} />}\n              onClick={() => void run(() => api.markWon(deal), 'Deal won')}\n            >\n              {'Won'}\n            </Button>\n            <Button\n              size=\"small\"\n              color=\"error\"\n              variant=\"outlined\"\n              disabled={busy || !pipeline}\n              startIcon={<MdiIcon path={mdiThumbDownOutline.path} size={0.8} />}\n              onClick={() => setLosing(true)}\n            >\n              {'Lost'}\n            </Button>\n          </Stack>\n        ) : null,\n      }}\n      contentGutterX\n      contentGutterY\n    >\n      {!pipeline ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {\"This deal's pipeline no longer exists, so it has no stages to move through.\"}\n        </Typography>\n      ) : closed ? (\n        <Stack spacing={1.5}>\n          <Stack direction=\"row\" spacing={1} sx={{ alignItems: 'center' }}>\n            <Chip\n              label={DEAL_STATUS_LABELS[deal.status]}\n              color={deal.status === 'won' ? 'success' : 'default'}\n            />\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {typeof deal.closedAtMs === 'number'\n                ? `Closed ${new Date(deal.closedAtMs).toLocaleDateString()}`\n                : 'Closed'}\n            </Typography>\n          </Stack>\n          {deal.status === 'lost' && deal.lostReason ? (\n            <Typography variant=\"body2\">{deal.lostReason}</Typography>\n          ) : null}\n          <TextField\n            select\n            size=\"small\"\n            label=\"Reopen into\"\n            value=\"\"\n            disabled={busy}\n            onChange={(event) => {\n              const stageId = event.target.value\n              if (!stageId) return\n              void run(() => api.moveToStage(deal, stageId), 'Deal reopened')\n            }}\n            helperText=\"Reopening puts the deal back in an open stage and tells the automations.\"\n            sx={{ maxWidth: 320 }}\n          >\n            <MenuItem value=\"\">{'Pick a stage'}</MenuItem>\n            {stages.map((stage) => (\n              <MenuItem key={stage.id} value={stage.id}>\n                {stage.name}\n              </MenuItem>\n            ))}\n          </TextField>\n        </Stack>\n      ) : (\n        <Stack spacing={1.5}>\n          <Stepper nonLinear activeStep={activeIndex} alternativeLabel>\n            {stages.map((stage, index) => (\n              <Step key={stage.id} completed={index < activeIndex}>\n                <StepButton\n                  disabled={busy || stage.id === deal.stageId}\n                  onClick={() =>\n                    void run(\n                      () => api.moveToStage(deal, stage.id),\n                      `Moved to ${stage.name}`,\n                    )\n                  }\n                >\n                  {stage.name}\n                </StepButton>\n              </Step>\n            ))}\n          </Stepper>\n          <Typography variant=\"body2\" color=\"text.secondary\" sx={{ textAlign: 'center' }}>\n            {activeIndex === -1\n              ? 'This deal sits in a stage the pipeline no longer has. Pick one above.'\n              : `${days} ${days === 1 ? 'day' : 'days'} in ${stages[activeIndex].name} · ` +\n                `${stages[activeIndex].probability}% likely to close`}\n          </Typography>\n        </Stack>\n      )}\n      <LostReasonDialog\n        open={losing}\n        dealTitle={deal.title}\n        busy={busy}\n        onClose={() => setLosing(false)}\n        onConfirm={(reason) =>\n          void run(() => api.markLost(deal, reason), 'Deal marked lost').then(\n            (ok) => ok && setLosing(false),\n          )\n        }\n      />\n    </CardDisplay>\n  )\n}\nDealStageCard.displayName = 'DealStageCard'\n\nexport default DealStageCard\n"],"names":["pluginDocsHelp","mdiThumbDownOutline","mdiTrophyOutline","CardDisplay","MdiIcon","useSnackbar","Button","Chip","MenuItem","Stack","Step","StepButton","Stepper","TextField","Typography","useCallback","useState","daysInStage","DEAL_STATUS_LABELS","openStages","LostReasonDialog","DealStageCard","props","deal","pipeline","api","nowMs","enqueueSnackbar","busy","setBusy","losing","setLosing","stages","activeIndex","findIndex","stage","id","stageId","run","request","done","variant","persist","error","Error","message","allowDuplicate","closed","status","days","header","help","anchor","HeaderProps","action","direction","spacing","size","color","disabled","startIcon","path","onClick","markWon","contentGutterX","contentGutterY","sx","alignItems","label","closedAtMs","Date","toLocaleDateString","lostReason","select","value","onChange","event","target","moveToStage","helperText","maxWidth","map","name","nonLinear","activeStep","alternativeLabel","index","completed","textAlign","probability","open","dealTitle","title","onClose","onConfirm","reason","markLost","then","ok","displayName"],"mappings":"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"}

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

@@ -8,8 +8,8 @@ import { type ConsolePluginPageProps } from '@aglyn/aglyn';
  * in one bounded listener over `(visibleTo, pipelineId, status, updatedAt)`
  * and sorted into columns here — a listener per column would be five
  * subscriptions for one board. The TABLE is the same pipeline's deals,
- * paged by the query, with a status toggle; it is where the closed history
- * is found. The three figures above both come from the board's read, so
+ * paged by a query that carries its status, "No next activity" and search
+ * word (AGL-3321); it is where the closed history is found. The three figures above both come from the board's read, so
  * they describe what is in play whichever view is showing.
  *
  * ## Which pipeline

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

@@ -15,19 +15,21 @@
  * limitations under the License.
  */ 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { dealStageById, filterByNextActivity, findOrgMember, isNoNextActivityClause, ORG_SCOPE_TOKEN, pluginDocsHelp } from "@aglyn/aglyn";
+import { CRM_COLLECTIONS, dealStageById, findOrgMember, ORG_SCOPE_TOKEN, pluginDocsHelp } from "@aglyn/aglyn";
 import { mdiCogOutline, mdiPlus, mdiTableLarge, mdiViewColumnOutline } 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 ListQueryNotices, { listQueryRefusals } from "@aglyn/shared-ui-jsx/components/list-query-notices.component";
 import { useCrmSavedView } from "../hooks/use-crm-saved-view.js";
 import { useCrmViewGrid } from "../hooks/use-crm-view-grid.js";
 import { CrmListActions, CrmListToolbar } from "./crm-list-toolbar.js";
 import { CRM_LIST_SLOTS, CrmColumnOrderProvider } from "./crm-column-menu.js";
 import { CRM_NEXT_ACTIVITY_FILTER_FIELD, CRM_NEXT_ACTIVITY_FILTER_HEADER, nextActivityColumn } from "./crm-next-activity-column.js";
+import { DEAL_LIST_DECLARATION, DEAL_LIST_FILTER_FIELDS, DEAL_PREFIX_SEARCH, dealPipelineBase } from "../constants/deal-filters.js";
+import { useCrmFoldsScope, useCrmListQuery } from "../hooks/use-crm-list-query.js";
 import ListFilterChips from "@aglyn/shared-ui-jsx/components/list-filter-chips.component";
-import { listFilterGridColumns, listRowMatchesSearch } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
-import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+import { listFilterGridColumns } from "@aglyn/shared-ui-jsx/const/list-grid-filter";
 import { useListGridFilter } from "@aglyn/shared-ui-jsx/hooks/use-list-grid-filter";
 import CrmViewsControl from "./crm-views-control.js";
 import EmptyStateComponent from "@aglyn/shared-ui-jsx/components/empty-state.component";
@@ -38,7 +40,7 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { useContactFieldDefinitions } from "../hooks/use-contact-field-definitions.js";
 import { useCrmScope } from "../hooks/use-crm-scope.js";
 import { useDealStageApi } from "../hooks/use-deal-stage-api.js";
-import { BOARD_CLOSED_LIMIT, BOARD_OPEN_LIMIT, DEAL_SEARCH_WINDOW, useDealSearchWindow, useDealsByStatus, usePagedDeals } from "../hooks/use-deals.js";
+import { BOARD_CLOSED_LIMIT, BOARD_OPEN_LIMIT, useDealsByStatus } from "../hooks/use-deals.js";
 import { useOrgMemberDirectory } from "../hooks/use-org-member-directory.js";
 import { usePipeline } from "../hooks/use-pipeline.js";
 import { downloadTextFile } from "../model/contacts-csv.js";
@@ -53,24 +55,11 @@ import DealsBulkBar from "./deals-bulk-bar.js";
 import { LostReasonDialog } from "./lost-reason-dialog.js";
 import { OwnerAvatar } from "./owner-avatar.js";
 import { PipelinesDialog } from "./pipelines-dialog.js";
-/** What the deals table's panel offers: the served status, and "No next activity". */ const DEAL_GRID_FILTER_FIELDS = [
-    {
-        column: 'status',
-        kind: 'exact',
-        path: 'status',
-        operators: [
-            'equals'
-        ]
-    },
-    CRM_NEXT_ACTIVITY_FILTER_FIELD
-];
+/** What the deals table's panel offers: the status, and "No next activity". */ const DEAL_GRID_FILTER_FIELDS = DEAL_LIST_FILTER_FIELDS;
 const DEAL_GRID_FILTER_HEADERS = {
     status: 'Status',
     [CRM_NEXT_ACTIVITY_FILTER_FIELD.column]: CRM_NEXT_ACTIVITY_FILTER_HEADER
 };
-/** What the table's search reads on a deal. */ const DEAL_SEARCH_FIELDS = [
-    'title'
-];
 const DEAL_FILTER_OPTIONS = {
     status: [
         'open',
@@ -93,8 +82,8 @@ const DEAL_FILTER_OPTIONS = {
  * in one bounded listener over `(visibleTo, pipelineId, status, updatedAt)`
  * and sorted into columns here — a listener per column would be five
  * subscriptions for one board. The TABLE is the same pipeline's deals,
- * paged by the query, with a status toggle; it is where the closed history
- * is found. The three figures above both come from the board's read, so
+ * paged by a query that carries its status, "No next activity" and search
+ * word (AGL-3321); it is where the closed history is found. The three figures above both come from the board's read, so
  * they describe what is in play whichever view is showing.
  *
  * ## Which pipeline
@@ -127,7 +116,7 @@ const DEAL_FILTER_OPTIONS = {
  * `dealsCsv()`, naming the pipeline, the stage and the owner; the bar
  * writes the same file over the selection.
  */ export function DealsSection(props) {
-    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _scope_orgId, _ref6;
+    var _ref, _ref1, _ref2, _ref3, _scope_orgId, _ref4;
     const { hostId, org, basePath } = props;
     const routes = crmRoutes(basePath != null ? basePath : '');
     const router = useRouter();
@@ -171,8 +160,7 @@ const DEAL_FILTER_OPTIONS = {
     }, [
         views.state.filters
     ]);
-    // The status is the query's clause; the "No next activity" clause beside
-    // it (AGL-2661) narrows the loaded page and survives a status change.
+    // Every clause is the query's, the status and "No next activity" alike.
     const viewFilters = views.state.filters;
     useEffect(()=>{
         if (views.currentId) setView('table');
@@ -185,29 +173,33 @@ const DEAL_FILTER_OPTIONS = {
     const closedPipelineId = view === 'board' && closedExpanded ? (_ref2 = pipeline == null ? void 0 : pipeline.$id) != null ? _ref2 : null : null;
     const won = useDealsByStatus(scope.orgId, scope.visibleTo, closedPipelineId, 'won', BOARD_CLOSED_LIMIT);
     const lost = useDealsByStatus(scope.orgId, scope.visibleTo, closedPipelineId, 'lost', BOARD_CLOSED_LIMIT);
-    const paged = usePagedDeals(view === 'table' ? scope.orgId : null, scope.visibleTo, statusFilter, (_ref3 = pipeline == null ? void 0 : pipeline.$id) != null ? _ref3 : null);
     /*
-   * THE SEARCH (AGL-3315): the grid's quick-filter box, answered over a
-   * window of every deal the table's query would page through — read only
-   * while the box holds a word — so a deal on page four is found by any
-   * word of its title. See `useDealSearchWindow`.
+   * THE TABLE (AGL-3321): the pipeline's deals, every clause and the search
+   * word on one query — the search reads the title's word prefixes every
+   * deal writer stamps, so a deal on page four is found by any word of its
+   * title — paged by that query, and read only while the table is showing.
    */ const [searchWords, setSearchWords] = useState([]);
     const searching = searchWords.some((word)=>word.trim());
-    const searchWindow = useDealSearchWindow(view === 'table' && searching ? scope.orgId : null, scope.visibleTo, statusFilter, (_ref4 = pipeline == null ? void 0 : pipeline.$id) != null ? _ref4 : null);
     const searchKey = searchWords.join(' ');
-    const found = useMemo(()=>searchWindow.data.slice(0, DEAL_SEARCH_WINDOW).filter((deal)=>listRowMatchesSearch(deal, DEAL_SEARCH_FIELDS, searchWords)), // `searchKey` stands for the words, which are a new array each render.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-        searchWindow.data,
-        searchKey
-    ]);
-    const searchTruncated = searchWindow.data.length > DEAL_SEARCH_WINDOW;
-    const [searchPage, setSearchPage] = useState(0);
-    const [searchPageSize, setSearchPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
-    useEffect(()=>setSearchPage(0), [
-        searchKey,
-        statusFilter
+    const foldsScope = useCrmFoldsScope(scope.orgId, scope.visibleTo);
+    const pipelineBase = useMemo(()=>{
+        var _ref;
+        return dealPipelineBase((_ref = pipeline == null ? void 0 : pipeline.$id) != null ? _ref : null);
+    }, [
+        pipeline == null ? void 0 : pipeline.$id
     ]);
+    const paged = useCrmListQuery({
+        scope: scope.scope,
+        collection: CRM_COLLECTIONS.deals,
+        visibleTo: scope.visibleTo,
+        foldsScope,
+        declaration: DEAL_LIST_DECLARATION,
+        clauses: viewFilters,
+        search: searchWords,
+        base: pipelineBase,
+        prefixSearch: DEAL_PREFIX_SEARCH,
+        enabled: view === 'table' && Boolean(pipeline)
+    });
     const summary = useMemo(()=>boardSummary(open.data, pipeline), [
         open.data,
         pipeline
@@ -276,7 +268,7 @@ const DEAL_FILTER_OPTIONS = {
     // A page or a status is a different set of rows; a selection made on
     // the last one would be a count over rows no longer on screen.
     useEffect(()=>setSelectedIds([]), [
-        statusFilter,
+        paged.plan,
         paged.page
     ]);
     const csvOptions = useMemo(()=>({
@@ -296,12 +288,10 @@ const DEAL_FILTER_OPTIONS = {
         pipelineState,
         roster.members
     ]);
-    // The page on screen — or, while searching, every deal the search found.
+    // The page on screen; Export all on the bulk bar takes the whole list.
     const handleExport = useCallback(()=>{
-        downloadTextFile('deals.csv', 'text/csv', dealsCsv(searching ? found : paged.rows, csvOptions));
+        downloadTextFile('deals.csv', 'text/csv', dealsCsv(paged.rows, csvOptions));
     }, [
-        searching,
-        found,
         paged.rows,
         csvOptions
     ]);
@@ -432,23 +422,11 @@ const DEAL_FILTER_OPTIONS = {
         dealFields.active,
         nowMs
     ]);
-    /** The table's rows: the query's page, or the search's matches a page at a time. */ const searchRows = useMemo(()=>filterByNextActivity(found, viewFilters), [
-        found,
-        viewFilters
-    ]);
-    const tableRows = useMemo(()=>searching ? searchRows.slice(searchPage * searchPageSize, (searchPage + 1) * searchPageSize) : filterByNextActivity(paged.rows, viewFilters), [
-        searching,
-        searchRows,
-        searchPage,
-        searchPageSize,
-        paged.rows,
-        viewFilters
-    ]);
+    /** The table's rows: the query's page. */ const tableRows = paged.rows;
     /*
    * The table's column and sort models are the view's (AGL-2617); its
-   * filters are the grid's own panel over the view's clauses (AGL-3313).
-   * The query serves the status, so the panel's clause replaces it, and
-   * "No next activity" stands beside it over the loaded page.
+   * filters are the grid's own panel over the view's clauses (AGL-3313),
+   * every one of them asked of the query (AGL-3321).
    */ const filterColumns = useMemo(()=>listFilterGridColumns(columns, DEAL_GRID_FILTER_FIELDS, DEAL_FILTER_OPTIONS, DEAL_GRID_FILTER_HEADERS), [
         columns
     ]);
@@ -459,13 +437,19 @@ const DEAL_FILTER_OPTIONS = {
         selectFields: [
             'status'
         ],
-        single: true,
-        keepAlongside: isNoNextActivityClause,
         search: {
             words: searchWords,
             onChange: setSearchWords
         }
     });
+    // What the query could not hold, named by the clause the reader set.
+    const refused = useMemo(()=>listQueryRefusals(paged.plan.refused, {
+            fields: DEAL_GRID_FILTER_FIELDS,
+            headers: DEAL_GRID_FILTER_HEADERS,
+            options: DEAL_FILTER_OPTIONS
+        }), [
+        paged.plan.refused
+    ]);
     const noOrg = scope.ready && !scope.orgId;
     const pipelineLoading = !noOrg && (pipelineState.status === 'loading' || pipelineState.seeding || !pipeline && pipelineState.status !== 'error');
     return /*#__PURE__*/ _jsxs(_Fragment, {
@@ -481,6 +465,15 @@ const DEAL_FILTER_OPTIONS = {
                     // The record actions, top right and never clipped (AGL-3311).
                     action: /*#__PURE__*/ _jsxs(CrmListActions, {
                         children: [
+                            /*#__PURE__*/ _jsx(DealImportButton, {
+                                hostId: hostId
+                            }),
+                            view === 'table' ? /*#__PURE__*/ _jsx(Button, {
+                                size: "small",
+                                onClick: handleExport,
+                                disabled: !paged.rows.length,
+                                children: 'Export CSV'
+                            }) : null,
                             /*#__PURE__*/ _jsx(Button, {
                                 size: "small",
                                 startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
@@ -538,7 +531,7 @@ const DEAL_FILTER_OPTIONS = {
                                     select: true,
                                     size: "small",
                                     label: "Pipeline",
-                                    value: (_ref5 = pipeline == null ? void 0 : pipeline.$id) != null ? _ref5 : '',
+                                    value: (_ref3 = pipeline == null ? void 0 : pipeline.$id) != null ? _ref3 : '',
                                     onChange: (event)=>setPipelineId(event.target.value),
                                     sx: {
                                         minWidth: 160
@@ -673,24 +666,14 @@ const DEAL_FILTER_OPTIONS = {
                                             clauses: viewFilters,
                                             onChange: views.setFilters,
                                             options: DEAL_FILTER_OPTIONS,
-                                            servedField: "status"
-                                        }),
-                                        /*#__PURE__*/ _jsx(Stack, {
-                                            sx: {
-                                                flex: 1
-                                            }
-                                        }),
-                                        /*#__PURE__*/ _jsx(DealImportButton, {
-                                            hostId: hostId
-                                        }),
-                                        /*#__PURE__*/ _jsx(Button, {
-                                            size: "small",
-                                            onClick: handleExport,
-                                            disabled: !(searching ? found : paged.rows).length,
-                                            children: 'Export CSV'
+                                            marksServed: false
                                         })
                                     ]
                                 }),
+                                /*#__PURE__*/ _jsx(ListQueryNotices, {
+                                    refused: refused,
+                                    notices: paged.plan.notices
+                                }),
                                 /*#__PURE__*/ _jsxs(_Fragment, {
                                     children: [
                                         /*#__PURE__*/ _jsx(DealsBulkBar, {
@@ -715,14 +698,12 @@ const DEAL_FILTER_OPTIONS = {
                                                     onChange: setSelectedIds
                                                 },
                                                 onOpen: (_id, row)=>openDeal(row),
-                                                // The panel's status is the query's; "No next activity"
-                                                // narrows the loaded rows (AGL-3313); the search runs
-                                                // over every deal in the window (AGL-3315).
+                                                // The panel and the search are the query's (AGL-3321).
                                                 filterMode: "server",
                                                 filterModel: gridFilter.filterModel,
                                                 onFilterModelChange: gridFilter.onFilterModelChange,
                                                 quickFilter: true,
-                                                loading: searching && searchWindow.status === 'loading',
+                                                loading: paged.status === 'loading',
                                                 // An empty table is said inside the grid, so its toolbar
                                                 // stays to change the status that emptied it.
                                                 noRowsLabel: searching ? `No deals match “${searchKey.trim()}”` : statusFilter === 'all' ? 'No deals yet' : `No ${statusFilter} deals`,
@@ -746,25 +727,14 @@ const DEAL_FILTER_OPTIONS = {
                                                 hideFooter: true
                                             })
                                         }),
-                                        searching ? /*#__PURE__*/ _jsx(ListPagination, {
-                                            page: searchPage,
-                                            pageSize: searchPageSize,
-                                            rowCount: tableRows.length,
-                                            count: searchRows.length,
-                                            onPageChange: setSearchPage,
-                                            onPageSizeChange: setSearchPageSize
-                                        }) : /*#__PURE__*/ _jsx(ListPagination, {
+                                        /*#__PURE__*/ _jsx(ListPagination, {
                                             page: paged.page,
                                             pageSize: paged.pageSize,
                                             rowCount: paged.rows.length,
                                             hasMore: paged.hasMore,
                                             onPageChange: paged.setPage,
                                             onPageSizeChange: paged.setPageSize
-                                        }),
-                                        searching && searchTruncated ? /*#__PURE__*/ _jsx(Alert, {
-                                            severity: "info",
-                                            children: `The search reads the ${DEAL_SEARCH_WINDOW.toLocaleString()} most recently ` + 'changed deals; narrow by status to reach older ones.'
-                                        }) : null
+                                        })
                                     ]
                                 })
                             ]
@@ -797,7 +767,7 @@ const DEAL_FILTER_OPTIONS = {
             }),
             /*#__PURE__*/ _jsx(LostReasonDialog, {
                 open: Boolean(losing),
-                dealTitle: (_ref6 = losing == null ? void 0 : losing.title) != null ? _ref6 : '',
+                dealTitle: (_ref4 = losing == null ? void 0 : losing.title) != null ? _ref4 : '',
                 onClose: ()=>setLosing(null),
                 onConfirm: confirmLost
             })