Fix the JavaScript Build failures on the query-states branch

Source/DataTables/DataTableStatus.ts

@@ -3,8 +3,12 @@
 
 /** Display state of a loaded-page data table. */
 export enum DataTableStatus {
+    /** Rows (or the empty row) render normally; the default. */
     Ready = 'ready',
+    /** The first result is on its way. Without rows a loading row renders; with rows they stay visible and the table marks itself busy. */
     Loading = 'loading',
+    /** The query failed or its result is invalid; the failure row renders and server exception text is never shown. */
     Failed = 'failed',
+    /** The user is not allowed to see the result; the failure row renders with the unauthorized message. */
     Unauthorized = 'unauthorized',
 }

Source/scripts/verify-package-archive.mjs

@@ -228,6 +228,12 @@ const declarationBlocks = styles.match(/\{/gu)?.length ?? 0;
 // that documents the split, so the ceilings stay where they are once more - and the rule they
 // encode is no longer the only lever, because a consumer that does not want every surface can now
 // import the areas it mounts instead of raising this ceiling.
+// Measured again when the query-state rows and the PivotViewer loading label landed
+// (Cratis/Components#338): their rules alone measured gzip 32791, 23 bytes past the ceiling, so
+// the addition came with the reduction the ceiling demands - the per-file separator comment in
+// the published stylesheets dropped its dash decoration (45 banners across the aggregate, and
+// every per-area sheet carries fewer of the same), measuring raw 203689, gzip 32558, 1170
+// declaration blocks. The ceilings stay where they are.
 const styleBudget = {
     rawBytes: 205 * 1024,
     gzipBytes: 32 * 1024,

rollup.config.mjs

@@ -57,9 +57,15 @@ function findComponentStylesheets(sourceDir, directory = sourceDir, found = [])
     return found;
 }
 
-/** One manifest entry rendered the way it appears inside the published stylesheets. */
+/**
+ * One manifest entry rendered the way it appears inside the published stylesheets.
+ *
+ * The separator carries no decoration beyond the two-dash frame on purpose: it ships inside
+ * every published stylesheet (aggregate and per-area alike), and the aggregate's reviewed gzip
+ * ceiling is what forces that payload to stay honest.
+ */
 const renderStyleEntry = ({ specifier, file }) =>
-    `/* ── ${specifier} ─────────────────────────────────────── */\n${readFileSync(file, 'utf8')}`;
+    `/* ── ${specifier} ── */\n${readFileSync(file, 'utf8')}`;
 
 /**
  * Resolves the `@import` statements in `styles.css` into one flat stylesheet.