@aglyn/plugins-ai 1.0.0-beta.143

package/src/lib/components/assist-signals-page.component.js

@@ -0,0 +1,1017 @@
+/**
+ * @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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { aiAddonName } from "@aglyn/aglyn";
+import { pluginDocsHelp } from "@aglyn/aglyn/app-utils/docs-help";
+import { CardDisplay } from "@aglyn/shared-ui-jsx";
+import { ScrollTable } from "@aglyn/shared-ui-jsx/components/scroll-table.component";
+import { Accordion, AccordionDetails, AccordionSummary, Alert, Box, Chip, LinearProgress, Stack, TableBody, TableCell, TableHead, TableRow, Typography } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import { useUser } from "@aglyn/tenant-feature-instance";
+import { authorizedFetch } from "@aglyn/shared-util-http/authorized-token";
+import { costSplitRows, freeTasteRefusals, kindTokenRows } from "../usage/assist-signal-mining.js";
+/**
+ * The Assist docs-gap and cost board (AGL-1860, AGL-2252) — the read side of
+ * the data loop, and until now the half that did not exist.
+ *
+ * AGL-1972 split every assist turn into prose that expires and a signal that
+ * does not, on the reasoning that "the corpus the loop needs outlives the
+ * words that produced it". That is only true once something reads the corpus.
+ * This is that something.
+ *
+ * Four panels, in the order the questions actually get asked:
+ *
+ *  1. **Docs gaps** — cited pages ranked by thumbs-down, then volume. A page
+ *     high on this list is being found and is not answering, which is a docs
+ *     issue with its evidence attached. The `orgs` column is the sanity
+ *     check: a gap one workspace has is a workspace, not a gap.
+ *  2. **Ungrounded questions** — turns where retrieval matched nothing at
+ *     all, grouped by the screen the person was on. These cite no page, so
+ *     they can never appear in the ranking above; a missing page is invisible
+ *     to anything keyed on paths, and this panel is the only place it shows.
+ *  3. **Cost** — per org, dearest first, plus the fleet totals and the
+ *     cache-read rate. The rate is not decoration: the cached system prefix
+ *     measures 1,030–1,190 tokens against Sonnet 5's 1,024-token minimum, so
+ *     whether it caches is an empirical question the chat route could only
+ *     pose, and this is the evidence.
+ *  4. **Tokens by kind** — what each kind of model request costs per
+ *     request, what it sends and generates, how much of its prompt the cache
+ *     served, and the p95 output its `max_tokens` is sized against
+ *     (AGL-2937).
+ *
+ * Read through `/api/ai/admin/signals` rather than Firestore directly.
+ * `assistSignals` is absent from the rules file on purpose — default-deny for
+ * every client — which is exactly what lets it hold cross-tenant analytics.
+ *
+ * The AI plugin's staff page (AGL-2939): the console's generic staff route
+ * draws the header, the breadcrumbs and the staff gate around this body, and
+ * gives it the tab it had.
+ */ const money = (value)=>`$${(Number(value) || 0).toFixed(Math.abs(Number(value) || 0) < 1 ? 4 : 2)}`;
+const percent = (value)=>value == null ? '—' : `${Math.round(value * 100)}%`;
+/**
+ * One cost breakdown — tier or model, dearest first (AGL-2340).
+ *
+ * The `share` column is why this is a table rather than a row of chips. The
+ * decision it feeds is always comparative — "is free eating the margin" is a
+ * question about proportion, not about a dollar figure — and a reader asked
+ * to divide two numbers in their head does not do it.
+ *
+ * `turns` is kept beside the money on purpose: a tier that is a third of the
+ * traffic and two thirds of the bill is the finding, and neither column says
+ * that alone.
+ *
+ * ## Full width, and stacked rather than side by side
+ *
+ * Both breakdowns split the SAME total, so the reader's act is scanning one
+ * against the other: does the tier carrying the turns also carry the money,
+ * and would a cheaper model on the common path move it. Two tables squeezed
+ * into thirds of a row put each Cost column at a different horizontal
+ * position, so that comparison becomes two separate readings held in the
+ * head. Stacked full-width, the Cost and Share columns of both land on the
+ * same axis and the comparison is a glance down the page.
+ *
+ * ## Why the caption is not a row of the table
+ *
+ * It used to be a `colSpan={4}` cell in `TableHead`, which gave it header
+ * styling and made the header two rows deep — so this table's head sat at a
+ * different weight and height from the four sibling tables on the same page,
+ * which is most of what made the card read as a foreign fragment.
+ *
+ * ## No footer, and why
+ *
+ * A breakdown has one row per tier and one per model — single digits, and
+ * bounded by the vocabulary rather than by a collection that grows. There is
+ * no page two to go to, and a pager over four rows is furniture that teaches
+ * a reader to look for pages that never exist.
+ */ function CostSplitTable({ caption, label, rows, totalUsd }) {
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 1,
+        sx: {
+            width: '100%'
+        },
+        children: [
+            /*#__PURE__*/ _jsx(Typography, {
+                variant: "subtitle2",
+                children: caption
+            }),
+            /*#__PURE__*/ _jsxs(ScrollTable, {
+                size: "small",
+                children: [
+                    /*#__PURE__*/ _jsx(TableHead, {
+                        children: /*#__PURE__*/ _jsxs(TableRow, {
+                            children: [
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    children: label
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    align: "right",
+                                    children: "Turns"
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    align: "right",
+                                    children: "Cost"
+                                }),
+                                /*#__PURE__*/ _jsx(TableCell, {
+                                    align: "right",
+                                    children: "Share"
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TableBody, {
+                        children: !rows.length ? /*#__PURE__*/ _jsx(TableRow, {
+                            children: /*#__PURE__*/ _jsx(TableCell, {
+                                colSpan: 4,
+                                children: /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    color: "text.secondary",
+                                    children: "No turns in this sample."
+                                })
+                            })
+                        }) : rows.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                children: [
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        children: row.key
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: row.messages.toLocaleString()
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: money(row.providerCostUsd)
+                                    }),
+                                    /*#__PURE__*/ _jsx(TableCell, {
+                                        align: "right",
+                                        children: percent(totalUsd > 0 ? row.providerCostUsd / totalUsd : null)
+                                    })
+                                ]
+                            }, row.key))
+                    })
+                ]
+            })
+        ]
+    });
+}
+/**
+ * The count line under a RANKED table — how much of the ranking is on screen.
+ *
+ * These three tables are not paged, and the reason is the same for all of
+ * them: each is a ranking whose value is its top. Page two of "where are the
+ * docs thin" is, by construction, the pages least worth rewriting, and a
+ * pager over a ranking invites a reader to walk it as if position carried no
+ * meaning. What a pager WOULD have given honestly is the count — how much of
+ * this am I looking at, and is there more — so that is what this says, and it
+ * says it whether or not the ranking was cut.
+ *
+ * Rendered even when nothing was cut. A disclosure that appears only on
+ * truncation is one a reader has never seen before the day it matters, and
+ * cannot tell from a card that simply has no footer.
+ */ function RankingFootnote({ shown, total, noun }) {
+    if (!total) return null;
+    const counted = `${total.toLocaleString()} ${total === 1 ? noun.one : noun.many}`;
+    return /*#__PURE__*/ _jsx(Typography, {
+        variant: "caption",
+        color: "text.secondary",
+        children: shown >= total ? `Showing all ${counted}.` : `Showing the top ${shown.toLocaleString()} of ${counted}. This is a ranking, not a page — what is past the cut is what it ranked lowest.`
+    });
+}
+export function AssistSignalsPage(_props) {
+    var _ref, _ref1, _ref2, _totals_deflected, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10;
+    var _spend_rows, _spend_rows1, _report_docsGaps, _report_docsGaps1, _report_ranked, _report_ungrounded_routes, _report_ungrounded, _report_ungrounded_routes1, _report_ungrounded1, _report_ranked1, _report_orgs, _report_orgs1, _report_ranked2;
+    const { data: user } = useUser();
+    // Keyed on who is signed in, not on the user object's identity.
+    const signedInUid = (_ref = user == null ? void 0 : user.uid) != null ? _ref : null;
+    const userRef = useRef(user);
+    userRef.current = user;
+    const [report, setReport] = useState(null);
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(()=>{
+        // Mounted only for a confirmed staff reader: the generic staff route
+        // renders this inside `StaffOnly`, which draws nothing while the claim
+        // loads, so no request is fired from the loading default.
+        const user = userRef.current;
+        if (!signedInUid || !user) return undefined;
+        let active = true;
+        void (async ()=>{
+            setLoading(true);
+            setError(null);
+            try {
+                const response = await authorizedFetch(user, '/api/ai/admin/signals');
+                const body = await response.json().catch(()=>null);
+                if (!active) return;
+                if (!response.ok) {
+                    var _ref;
+                    setError((_ref = body == null ? void 0 : body.error) != null ? _ref : 'Assist signal lookup failed');
+                } else {
+                    setReport(body);
+                }
+            } catch (unused) {
+                if (active) setError('Assist signal lookup failed');
+            } finally{
+                if (active) setLoading(false);
+            }
+        })();
+        return ()=>{
+            active = false;
+        };
+    }, [
+        signedInUid
+    ]);
+    const totals = report == null ? void 0 : report.totals;
+    // The route serves the prose beside the report (AGL-2314) — it is not part
+    // of the pure miner's output, because the miner never touches Firestore.
+    const prose = (_ref1 = report == null ? void 0 : report.prose) != null ? _ref1 : [];
+    // The month's spend leaderboard (AGL-2930), likewise served beside the
+    // report: it reads the month documents, which the miner never sees.
+    const spend = (_ref2 = report == null ? void 0 : report.spend) != null ? _ref2 : null;
+    // Absent from a route older than the page, which reads as no kinds.
+    const kindRows = (totals == null ? void 0 : totals.byKind) ? kindTokenRows(totals.byKind) : [];
+    return /*#__PURE__*/ _jsxs(Stack, {
+        spacing: 3,
+        children: [
+            loading && /*#__PURE__*/ _jsx(LinearProgress, {}),
+            error && /*#__PURE__*/ _jsx(Alert, {
+                severity: "error",
+                children: error
+            }),
+            (report == null ? void 0 : report.truncated) && // Never a silent partial. A ranking cut short looks exactly
+            // like a complete one, and this one decides where docs effort
+            // goes.
+            /*#__PURE__*/ _jsx(Alert, {
+                severity: "warning",
+                children: `Ranked the first ${report.scanned.toLocaleString()} signals only — there are more. Every number below describes that sample, not the fleet.`
+            }),
+            /*#__PURE__*/ _jsx(CardDisplay, {
+                header: 'Fleet',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#fleet'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: !totals ? /*#__PURE__*/ _jsx(Typography, {
+                    variant: "body2",
+                    color: "text.secondary",
+                    children: loading ? 'Reading signals…' : 'No assist turns recorded yet.'
+                }) : // Neither `gap` nor `flexWrap` is a Stack prop under MUI 9
+                // — both go through `sx` or it is a typecheck error.
+                // AGL-1891 is the same drift, in the Assist panel itself.
+                /*#__PURE__*/ _jsxs(Stack, {
+                    direction: "row",
+                    sx: {
+                        flexWrap: 'wrap',
+                        gap: 1
+                    },
+                    children: [
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `${totals.messages.toLocaleString()} turns`
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `${money(totals.providerCostUsd)} estimated`
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            // `?? 0` on the count, and it is not defensive noise: this
+                            // whole object is JSON off `/api/ai/admin/signals`,
+                            // and a chip that throws on a missing number takes the
+                            // ENTIRE staff page down with it rather than rendering a
+                            // dash. The rate beside it is legitimately nullable —
+                            // `percent` renders that — so the two are handled
+                            // differently on purpose.
+                            label: `answered free ${percent(totals.deflectionRate)} (${((_totals_deflected = totals.deflected) != null ? _totals_deflected : 0).toLocaleString()})`,
+                            color: totals.deflectionRate != null && totals.deflectionRate > 0.5 ? 'success' : 'default'
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `${totals.inputTokens.toLocaleString()} in / ${totals.outputTokens.toLocaleString()} out`
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `cache reads ${percent(totals.cacheReadRate)}`,
+                            color: totals.cacheReadRate != null && totals.cacheReadRate > 0.5 ? 'success' : 'default'
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `cache writes ${totals.cacheWriteTokens.toLocaleString()}`
+                        }),
+                        /*#__PURE__*/ _jsx(Chip, {
+                            label: `👍 ${totals.feedback.up} · 👎 ${totals.feedback.down} · unrated ${totals.feedback.none}`
+                        }),
+                        Object.entries(totals.stopReasons).map(([reason, count])=>/*#__PURE__*/ _jsx(Chip, {
+                                size: "small",
+                                // A refusal and a truncation both read as a short
+                                // answer in the data and need opposite fixes: a rising
+                                // refusal rate is a prompt problem, a rising max_tokens
+                                // rate is a ceiling problem.
+                                color: reason === 'refusal' || reason === 'max_tokens' ? 'warning' : 'default',
+                                label: `${reason}: ${count}`
+                            }, reason)),
+                        report.freeSpend ? /*#__PURE__*/ _jsx(Chip, {
+                            color: report.freeSpend.paused ? 'error' : report.freeSpend.alerted ? 'warning' : 'default',
+                            label: `free tier today ${money(report.freeSpend.estCostUsd)} of ` + `${money(report.freeSpend.ceilingUsd)} ceiling · ` + `${report.freeSpend.requests.toLocaleString()} requests` + (report.freeSpend.paused ? ' · PAUSED until tomorrow' : '')
+                        }) : null
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: `AI spend this month, by workspace${spend ? ` · ${spend.month}` : ''}`,
+                help: pluginDocsHelp('aiMonitoring', {
+                    anchor: '#the-spend-leaderboard'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    (spend == null ? void 0 : spend.failed) ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        sx: {
+                            mb: 1
+                        },
+                        children: 'Could not read this month’s spend documents — a failed read, not a month in which nobody spent.'
+                    }) : (spend == null ? void 0 : spend.truncated) ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "warning",
+                        sx: {
+                            mb: 1
+                        },
+                        children: 'Ranked over a sample of the month documents — there are more. This is not the whole fleet.'
+                    }) : null,
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Workspace"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Plan"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: aiAddonName()
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Credits"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cost"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Refusals"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: !(spend == null ? void 0 : (_spend_rows = spend.rows) == null ? void 0 : _spend_rows.length) ? /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        colSpan: 6,
+                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "No workspace has spent AI credits this month."
+                                        })
+                                    })
+                                }) : spend.rows.map((row)=>{
+                                    var _row_orgLabel;
+                                    return /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: (_row_orgLabel = row.orgLabel) != null ? _row_orgLabel : row.orgId
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: row.plan
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: /*#__PURE__*/ _jsx(Chip, {
+                                                    size: "small",
+                                                    variant: row.aiAddon ? 'filled' : 'outlined',
+                                                    color: row.aiAddon ? 'primary' : 'default',
+                                                    label: row.aiAddon ? 'on' : 'off'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.credits.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: money(row.providerCostUsd)
+                                            }),
+                                            /*#__PURE__*/ _jsxs(TableCell, {
+                                                align: "right",
+                                                children: [
+                                                    row.refusals.total.toLocaleString(),
+                                                    row.refusals.total > 0 ? /*#__PURE__*/ _jsx(Typography, {
+                                                        variant: "caption",
+                                                        color: "text.secondary",
+                                                        sx: {
+                                                            display: 'block'
+                                                        },
+                                                        children: `band ${row.refusals.band} · ceiling ${row.refusals.cap} · messages ${row.refusals.messages} · backstop ${row.refusals.budget}${row.refusals.allotment > 0 ? ` · allotments ${row.refusals.allotment}` : ''}${freeTasteRefusals(row.refusals) > 0 ? ` · free taste ${freeTasteRefusals(row.refusals)}` : ''}`
+                                                    }) : null
+                                                ]
+                                            })
+                                        ]
+                                    }, row.orgId);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RankingFootnote, {
+                        shown: (_ref3 = spend == null ? void 0 : (_spend_rows1 = spend.rows) == null ? void 0 : _spend_rows1.length) != null ? _ref3 : 0,
+                        total: (_ref4 = spend == null ? void 0 : spend.ranked) != null ? _ref4 : 0,
+                        noun: {
+                            one: 'workspace',
+                            many: 'workspaces'
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'Where the money goes',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#where-the-money-goes'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: "The same spend split two ways. By tier answers whether the free cap or the paid price is the lever; by model answers whether a cheaper model on the common path would do — the one lever that never reaches the customer."
+                    }),
+                    !totals ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: loading ? 'Reading signals…' : 'No assist turns recorded yet.'
+                    }) : totals.providerCostUsd === 0 ? /*
+           * ZERO SPEND IS A FINDING, NOT AN EMPTY TABLE.
+           *
+           * Rendered as a sentence rather than two grids of `$0.0000`
+           * and em dashes. A share column is a proportion of the total,
+           * and there is no proportion of nothing — so the grid could
+           * only ever print a dash in every cell, which reads as a card
+           * that failed rather than as a bill that is genuinely zero.
+           *
+           * The two zeros mean OPPOSITE things and are separated here.
+           * Every turn deflected is the deflection path working: those
+           * turns were answered from the docs index or the answer cache
+           * with no provider call, so nothing was spent because nothing
+           * was bought. A turn that reached a model and still priced at
+           * zero is the other case — the model is missing from the
+           * model catalog's rates and its spend is landing nowhere,
+           * which is a hole in the meter and must not be reported as
+           * thrift.
+           */ /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: totals.deflected >= totals.messages ? `Nothing spent on these ${totals.messages.toLocaleString()} turns — every one was answered from the docs index or the answer cache, with no model call. There is no split to show until a turn reaches a provider.` : `${(totals.messages - totals.deflected).toLocaleString()} of ${totals.messages.toLocaleString()} turns reached a model and every one priced at $0. That is a gap in the rate table, not a saving — the serving model has no entry in the cost model, so its spend is landing nowhere.`
+                    }) : /*#__PURE__*/ _jsxs(Stack, {
+                        spacing: 3,
+                        children: [
+                            /*#__PURE__*/ _jsx(CostSplitTable, {
+                                caption: "By tier",
+                                label: "Tier",
+                                rows: costSplitRows(totals.byTier),
+                                totalUsd: totals.providerCostUsd
+                            }),
+                            /*#__PURE__*/ _jsx(CostSplitTable, {
+                                caption: "By model",
+                                label: "Model",
+                                rows: costSplitRows(totals.byModel),
+                                totalUsd: totals.providerCostUsd
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'Tokens by kind',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#tokens-by-kind'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: "What each kind of model request costs per request, what its prompts and answers weigh, how much of its prompt the cache served, and the answer size 95 of every 100 requests stayed within — the figure its output ceiling is sized against."
+                    }),
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Kind"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Requests"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Per request"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "In"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cache reads"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cache writes"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Out"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "p95 out"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cache hit"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: !kindRows.length ? /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        colSpan: 9,
+                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "No model turns in this sample."
+                                        })
+                                    })
+                                }) : kindRows.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: row.kind
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.messages.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: money(row.messages ? row.providerCostUsd / row.messages : 0)
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.inputTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.cacheReadTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.cacheWriteTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.outputTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.outputP95.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: percent(row.cacheHitRate)
+                                            })
+                                        ]
+                                    }, row.kind))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'Docs gaps',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#docs-gaps'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: "Cited pages ranked by thumbs-down, then by how often a question landed there. A page near the top is being found and is not answering — that is a docs issue with its evidence attached."
+                    }),
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Docs page"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Questions"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "👍"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "👎"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Down rate"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Orgs"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cost"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: !(report == null ? void 0 : (_report_docsGaps = report.docsGaps) == null ? void 0 : _report_docsGaps.length) ? /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        colSpan: 7,
+                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "Nothing cited yet."
+                                        })
+                                    })
+                                }) : report.docsGaps.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: row.path
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.questions
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.up
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.down
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: percent(row.downRate)
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.orgs
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: money(row.providerCostUsd)
+                                            })
+                                        ]
+                                    }, row.path))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RankingFootnote, {
+                        shown: (_ref5 = report == null ? void 0 : (_report_docsGaps1 = report.docsGaps) == null ? void 0 : _report_docsGaps1.length) != null ? _ref5 : 0,
+                        total: (_ref6 = report == null ? void 0 : (_report_ranked = report.ranked) == null ? void 0 : _report_ranked.docsGaps) != null ? _ref6 : 0,
+                        noun: {
+                            one: 'cited page',
+                            many: 'cited pages'
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'Questions the docs could not answer',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#questions-the-docs-could-not-answer'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: report ? `${report.ungrounded.questions.toLocaleString()} turns matched no documentation at all, ${report.ungrounded.down} of them rated down. These cite no page, so they cannot appear in the ranking above — a missing page is invisible to anything keyed on paths.` : 'Turns where retrieval matched no documentation at all.'
+                    }),
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Asked from"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Questions"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "👎"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: !(report == null ? void 0 : (_report_ungrounded = report.ungrounded) == null ? void 0 : (_report_ungrounded_routes = _report_ungrounded.routes) == null ? void 0 : _report_ungrounded_routes.length) ? /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        colSpan: 3,
+                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "Every question so far matched something."
+                                        })
+                                    })
+                                }) : report.ungrounded.routes.map((row)=>/*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: row.route
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.questions
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.down
+                                            })
+                                        ]
+                                    }, row.route))
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RankingFootnote, {
+                        shown: (_ref7 = report == null ? void 0 : (_report_ungrounded1 = report.ungrounded) == null ? void 0 : (_report_ungrounded_routes1 = _report_ungrounded1.routes) == null ? void 0 : _report_ungrounded_routes1.length) != null ? _ref7 : 0,
+                        total: (_ref8 = report == null ? void 0 : (_report_ranked1 = report.ranked) == null ? void 0 : _report_ranked1.ungroundedRoutes) != null ? _ref8 : 0,
+                        noun: {
+                            one: 'screen',
+                            many: 'screens'
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'What people actually asked',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#what-people-actually-asked'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: 'The verbatim question behind each failing turn — rated down, ' + 'or grounded in nothing. Kept for 180 days and then deleted, ' + 'so an older failure shows its counts with the words gone. ' + 'Who asked is deliberately not shown: the question is what ' + 'this is for.'
+                    }),
+                    !prose.length ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: loading ? 'Reading exchanges…' : 'No failing turns in this sample — nothing to read.'
+                    }) : /*#__PURE__*/ _jsxs(Accordion, {
+                        children: [
+                            /*#__PURE__*/ _jsx(AccordionSummary, {
+                                expandIcon: /*#__PURE__*/ _jsx("span", {
+                                    "aria-hidden": true,
+                                    children: '▾'
+                                }),
+                                children: /*#__PURE__*/ _jsx(Typography, {
+                                    variant: "body2",
+                                    children: `Show ${prose.length} question${prose.length === 1 ? '' : 's'}`
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(AccordionDetails, {
+                                children: /*#__PURE__*/ _jsx(Stack, {
+                                    spacing: 2,
+                                    children: prose.map((row)=>{
+                                        var _row_orgLabel;
+                                        return /*#__PURE__*/ _jsxs(Stack, {
+                                            spacing: 0.5,
+                                            children: [
+                                                /*#__PURE__*/ _jsxs(Stack, {
+                                                    direction: "row",
+                                                    sx: {
+                                                        flexWrap: 'wrap',
+                                                        gap: 1,
+                                                        alignItems: 'center'
+                                                    },
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(Chip, {
+                                                            size: "small",
+                                                            color: row.feedback === 'down' ? 'error' : 'default',
+                                                            label: row.feedback === 'down' ? 'rated down' : 'no documentation matched'
+                                                        }),
+                                                        /*#__PURE__*/ _jsxs(Typography, {
+                                                            variant: "caption",
+                                                            color: "text.secondary",
+                                                            children: [
+                                                                /*#__PURE__*/ _jsx(Box, {
+                                                                    component: "span",
+                                                                    sx: {
+                                                                        fontFamily: 'monospace'
+                                                                    },
+                                                                    children: row.route
+                                                                }),
+                                                                ` · ${(_row_orgLabel = row.orgLabel) != null ? _row_orgLabel : row.orgId}`
+                                                            ]
+                                                        })
+                                                    ]
+                                                }),
+                                                row.expired ? // Said out loud. A shortlist quietly shorter than
+                                                // the failure count it came from would read as
+                                                // "these are all the failures".
+                                                /*#__PURE__*/ _jsx(Typography, {
+                                                    variant: "body2",
+                                                    color: "text.secondary",
+                                                    children: 'The words are past their 180-day retention and ' + 'have been deleted. The counts above still ' + 'include this turn.'
+                                                }) : /*#__PURE__*/ _jsxs(_Fragment, {
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "body2",
+                                                            children: row.question || '(no question recorded)'
+                                                        }),
+                                                        row.answer ? /*#__PURE__*/ _jsx(Typography, {
+                                                            variant: "caption",
+                                                            color: "text.secondary",
+                                                            children: `We said: ${row.answer}${row.answerTruncated ? '…' : ''}`
+                                                        }) : null
+                                                    ]
+                                                })
+                                            ]
+                                        }, `${row.orgId}:${row.exchangeId}`);
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(CardDisplay, {
+                header: 'What Assist costs, by workspace',
+                help: pluginDocsHelp('assistSignals', {
+                    anchor: '#what-assist-costs-by-workspace'
+                }),
+                contentGutterX: true,
+                contentGutterY: true,
+                children: [
+                    /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        gutterBottom: true,
+                        children: "Our estimated cost at the serving model's list rates — telemetry for tuning price against margin, not a bill."
+                    }),
+                    /*#__PURE__*/ _jsxs(ScrollTable, {
+                        size: "small",
+                        children: [
+                            /*#__PURE__*/ _jsx(TableHead, {
+                                children: /*#__PURE__*/ _jsxs(TableRow, {
+                                    children: [
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            children: "Workspace"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Turns"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "In"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Out"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cache reads"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "👎"
+                                        }),
+                                        /*#__PURE__*/ _jsx(TableCell, {
+                                            align: "right",
+                                            children: "Cost"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(TableBody, {
+                                children: !(report == null ? void 0 : (_report_orgs = report.orgs) == null ? void 0 : _report_orgs.length) ? /*#__PURE__*/ _jsx(TableRow, {
+                                    children: /*#__PURE__*/ _jsx(TableCell, {
+                                        colSpan: 7,
+                                        children: /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            color: "text.secondary",
+                                            children: "No workspace has used Assist yet."
+                                        })
+                                    })
+                                }) : report.orgs.map((row)=>{
+                                    var _row_orgLabel;
+                                    return /*#__PURE__*/ _jsxs(TableRow, {
+                                        children: [
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                children: (_row_orgLabel = row.orgLabel) != null ? _row_orgLabel : row.orgId
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.messages
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.inputTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.outputTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.cacheReadTokens.toLocaleString()
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                children: row.down
+                                            }),
+                                            /*#__PURE__*/ _jsx(TableCell, {
+                                                align: "right",
+                                                sx: {
+                                                    fontFamily: 'monospace'
+                                                },
+                                                children: money(row.providerCostUsd)
+                                            })
+                                        ]
+                                    }, row.orgId);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RankingFootnote, {
+                        shown: (_ref9 = report == null ? void 0 : (_report_orgs1 = report.orgs) == null ? void 0 : _report_orgs1.length) != null ? _ref9 : 0,
+                        total: (_ref10 = report == null ? void 0 : (_report_ranked2 = report.ranked) == null ? void 0 : _report_ranked2.orgs) != null ? _ref10 : 0,
+                        noun: {
+                            one: 'workspace',
+                            many: 'workspaces'
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+}
+export default AssistSignalsPage;
+
+//# sourceMappingURL=assist-signals-page.component.js.map