gloomberb 0.15.2 → 0.15.3

package/src/plugins/builtin/ipo-calendar/pane.tsx

@@ -0,0 +1,233 @@
+import { useCallback, useMemo, useState } from "react";
+import {
+  DataTableView,
+  PaneStatusBody,
+  QueryBar,
+  usePaneTabs,
+  useQueryBarSearch,
+  type DataTableCell,
+  type DataTableKeyEvent,
+  type DataTableRootKeyContext,
+  type PaneFooterSegment,
+  type PaneHint,
+} from "../../../components";
+import { usePaneStatusFooter } from "../../../components/layout/pane/status-footer";
+import { usePaneRefreshKey } from "../../../components/data-table/table-pane";
+import type { IpoDeal, IpoStatus } from "../../../api-client/ipo";
+import { useAsyncResource, useAutoRefresh, usePluginPaneState } from "../../../public/react";
+import { priceColor, type ThemeColors } from "../../../theme/colors";
+import { useThemeColors } from "../../../theme/theme-context";
+import { TICKER_RESEARCH_PANE_ID } from "../../../types/config";
+import type { PaneProps } from "../../../types/plugin";
+import { Box, TextAttributes } from "../../../ui";
+import { isPlainArrowUp, stopSearchFocusNavigation } from "../../../utils/search-focus-navigation";
+import { nextHeaderSort } from "../../../utils/sort-values";
+import { usePluginTickerActions } from "../../runtime";
+import { getCachedIpoCalendar, loadIpoCalendar } from "./client";
+import {
+  buildIpoColumns,
+  DEFAULT_IPO_SORT,
+  filterIpoDeals,
+  firstIpoSortDirection,
+  calendarDate,
+  formatIpoDate,
+  formatIpoPrice,
+  formatIpoReturn,
+  formatIpoSize,
+  IPO_CALENDAR_PANE_ID,
+  IPO_TABS,
+  ipoTickerKey,
+  isIpoTab,
+  marketsBehind,
+  marketsBehindText,
+  marketColumnWidth,
+  MISSING,
+  sortIpoDeals,
+  type IpoColumn,
+  type IpoColumnId,
+  type IpoSortPreference,
+  type IpoTab,
+} from "./model";
+
+const NO_DEALS: IpoDeal[] = [];
+const TABS = IPO_TABS.map((tab) => ({ label: tab.label, value: tab.value as string }));
+const dealKey = (deal: IpoDeal) => deal.id;
+
+function statusColor(status: IpoStatus, colors: ThemeColors): string {
+  switch (status) {
+    case "upcoming": return colors.warning;
+    case "priced": return colors.textBright;
+    case "listed": return colors.positive;
+    case "withdrawn": return colors.negative;
+    case "filed":
+    case "postponed": return colors.textMuted;
+  }
+}
+
+export function IpoCalendarPane({ focused, width, height }: PaneProps) {
+  const colors = useThemeColors();
+  const { pinTicker } = usePluginTickerActions();
+  const loader = useCallback((force: boolean) => loadIpoCalendar(force), []);
+  const resource = useAsyncResource(loader, { initialData: getCachedIpoCalendar });
+  const payload = resource.data?.payload ?? null;
+  const deals = payload?.deals ?? NO_DEALS;
+  const [storedTab, setTab] = usePluginPaneState<IpoTab>("region", "all");
+  const tab = isIpoTab(storedTab) ? storedTab : "all";
+  const [selectedId, setSelectedId] = usePluginPaneState<string | null>("selected", null);
+  const [sort, setSort] = useState<IpoSortPreference>(DEFAULT_IPO_SORT);
+  const [query, setQuery] = useState("");
+  const { active: searching, focus: focusSearch, blur: blurSearch, searchProps } = useQueryBarSearch();
+
+  useAutoRefresh(resource.updatedAt, resource.load);
+  usePaneRefreshKey(() => void resource.reload(), { focused, enabled: !searching });
+
+  const rows = useMemo(() => sortIpoDeals(filterIpoDeals(deals, tab, query), sort), [deals, query, sort, tab]);
+  // The cursor starts on the first deal, and moves there when its deal leaves the list.
+  const selected = rows.find((deal) => deal.id === selectedId) ?? rows[0] ?? null;
+  // Sized on the whole board, so switching tabs does not move the columns.
+  const marketWidth = useMemo(() => marketColumnWidth(deals), [deals]);
+  const columns = useMemo(() => buildIpoColumns(width, marketWidth), [marketWidth, width]);
+
+  const openDeal = useCallback((deal: IpoDeal) => {
+    const key = ipoTickerKey(deal);
+    if (!key) return;
+    blurSearch();
+    pinTicker(key, { floating: true, paneType: TICKER_RESEARCH_PANE_ID, instrument: null });
+  }, [blurSearch, pinTicker]);
+
+  const selectTab = useCallback((value: string) => {
+    if (isIpoTab(value)) setTab(value);
+  }, [setTab]);
+  const { strip: tabStrip, rows: tabRows } = usePaneTabs({
+    tabs: TABS,
+    activeValue: tab,
+    onSelect: selectTab,
+    focused: focused && !searching,
+    compact: true,
+    variant: "bare",
+  });
+  const tabs = tabStrip && <Box height={1} flexShrink={0} overflow="hidden">{tabStrip}</Box>;
+
+  // A board kept from before a failed refresh is old, not partial: the
+  // footer says stale rather than repeating the error.
+  const stale = !!payload && (resource.data?.stale === true || !!resource.error);
+  const behind = payload && !stale ? marketsBehindText(marketsBehind(payload.sources, tab, deals)) : null;
+  const info = useMemo<PaneFooterSegment[]>(
+    () => (behind ? [{ id: "behind", parts: [{ text: behind, tone: "warning" }] }] : []),
+    [behind],
+  );
+  const hints = useMemo<PaneHint[]>(() => (
+    deals.length > 0 ? [{ id: "ipo-search", key: "/", label: "search", onPress: focusSearch }] : []
+  ), [deals.length, focusSearch]);
+  usePaneStatusFooter({
+    registrationId: IPO_CALENDAR_PANE_ID,
+    loading: resource.loading && !!payload,
+    stale,
+    info,
+    hints,
+  });
+
+  const handleRootKeyDown = useCallback((event: DataTableKeyEvent, context: DataTableRootKeyContext) => {
+    if (context.selectedIndex <= 0 && isPlainArrowUp(event)) {
+      stopSearchFocusNavigation(event);
+      focusSearch();
+      return true;
+    }
+    return false;
+  }, [focusSearch]);
+
+  const renderCell = useCallback((deal: IpoDeal, column: IpoColumn): DataTableCell => {
+    switch (column.id) {
+      case "ticker":
+        return deal.symbol
+          ? { text: deal.symbol, color: colors.textBright, attributes: TextAttributes.BOLD }
+          : { text: MISSING, color: colors.textMuted };
+      case "company":
+        return { text: deal.company, color: colors.text };
+      case "market":
+        return { text: deal.venue || deal.mic, color: colors.textDim };
+      case "date": {
+        // A target date the venue has not set yet reads quieter than a set
+        // one, and so does a book's closing day standing in for a listing
+        // date nobody has named.
+        const date = calendarDate(deal);
+        return {
+          text: formatIpoDate(date),
+          value: date,
+          color: !deal.listingDate || deal.dateKind === "expected" ? colors.textMuted : colors.text,
+        };
+      }
+      case "status":
+        return { text: deal.status, color: statusColor(deal.status, colors) };
+      case "price": {
+        const text = formatIpoPrice(deal);
+        return { text, color: text === MISSING ? colors.textMuted : colors.text };
+      }
+      case "size":
+        return { text: formatIpoSize(deal.offerSizeUsd), value: deal.offerSizeUsd, color: colors.textDim };
+      case "return": {
+        const value = deal.firstDay?.returnPct ?? null;
+        return {
+          text: formatIpoReturn(value),
+          value: value == null ? null : value * 100,
+          color: value == null ? colors.textMuted : priceColor(value, colors),
+        };
+      }
+    }
+  }, [colors]);
+
+  if (!payload) {
+    return (
+      <Box flexDirection="column" width={width} height={height}>
+        {tabs}
+        <PaneStatusBody loading={resource.loading} error={resource.error} subject="IPO calendar" empty={false} />
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column" width={width} height={height}>
+      {tabs}
+      <DataTableView<IpoDeal, IpoColumn>
+        focused={focused && !searching}
+        rootWidth={width}
+        rootHeight={Math.max(1, height - tabRows)}
+        rootBefore={(
+          <QueryBar
+            width={width}
+            search={{
+              value: query,
+              onChange: setQuery,
+              placeholder: "company, ticker or market",
+              focused,
+              debounceMs: 250,
+              ...searchProps,
+            }}
+          />
+        )}
+        onRootKeyDown={handleRootKeyDown}
+        columns={columns}
+        items={rows}
+        getItemKey={dealKey}
+        selection={{
+          kind: "id",
+          selectedId: selected?.id ?? null,
+          getId: dealKey,
+          onChange: (id) => setSelectedId(id),
+        }}
+        onActivate={openDeal}
+        sortColumnId={sort.columnId}
+        sortDirection={sort.direction}
+        onHeaderClick={(id) => setSort((current) => nextHeaderSort(current, id as IpoColumnId, {
+          firstDirection: firstIpoSortDirection,
+          resetTo: DEFAULT_IPO_SORT,
+        }))}
+        onSortChange={(id, direction) => setSort({ columnId: id as IpoColumnId, direction })}
+        renderCell={renderCell}
+        selectedTextOverridesCellColor
+        resetScrollKey={`${tab}:${query}`}
+        emptyStateTitle={query.trim() ? "No matching IPOs." : "No IPOs."}
+      />
+    </Box>
+  );
+}

package/src/plugins/builtin/iv-history/index.tsx

@@ -4,7 +4,6 @@ import { ivHistoryHeadless, ivScreenHeadless } from "./headless";
 import { IvHistoryPane } from "./pane";
 import { IvScreenPane, VCA_SCOPE_OPTIONS } from "./screen-pane";
 
-export { ivHistoryHeadless, ivScreenHeadless } from "./headless";
 
 export const ivHistoryModule: PluginModule = {
   panes: [{

package/src/plugins/builtin/iv-history/pane.tsx

@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { listingIdentity } from "../shared/ticker-request";
 import { DataTableView, EmptyState, PaneStatusBody, QueryBar, usePaneFooter, usePaneNoticeFooter, usePaneTicker, type DataTableColumn } from "../../../components";
 import { instrumentFromTicker } from "../../../market-data/request-types";
+import { usePaneRefreshKey } from "../../../components/data-table/table-pane";
 import { useAsyncResource } from "../../../react/async-resource";
 import { useShortcut } from "../../../react/input";
 import { usePaneSettingValue, usePluginAppActions } from "../../../public/react";
@@ -9,7 +10,7 @@ import { useThemeColors } from "../../../theme/theme-context";
 import type { PaneProps } from "../../../types/plugin";
 import { Box } from "../../../ui";
 import { isPlainKey } from "../../../utils/keyboard";
-import { useAutoRefresh } from "../shared/auto-refresh";
+import { useAutoRefresh } from "../../../react/auto-refresh";
 import { loadRealizedVolatilityHistory } from "../realized-vol/client";
 import { IvHistoryChart } from "./charts";
 import { loadIvHistory } from "./client";
@@ -71,10 +72,10 @@ export function IvHistoryPane({ width, height, focused }: PaneProps) {
   const openSurface = () => { if (symbol) createPaneFromTemplate("vol-surface-pane", { symbol, ticker, instrument: instrument?.instrument }); };
   // These answer in every state, including while the history backfills and
   // no table is on screen; the footer hints bind their own keys.
+  usePaneRefreshKey(() => void resource.reload(), { focused });
   useShortcut((event) => {
     if (event.defaultPrevented) return;
-    if (isPlainKey(event, "r")) void resource.reload();
-    else if (isPlainKey(event, "y")) cycleLookback();
+    if (isPlainKey(event, "y")) cycleLookback();
     else if (isPlainKey(event, "w")) toggleHv();
     else return;
     event.preventDefault(); event.stopPropagation();
@@ -91,7 +92,9 @@ export function IvHistoryPane({ width, height, focused }: PaneProps) {
   const statsHeight = model ? model.stats.length + 1 : 0;
   const statSelection = statSelectionValue ?? model?.stats[0]?.id ?? "";
   const statCell = (row: IvStatRow, id: string): { text: string; color?: string } => {
-    const tone = row.percentile == null ? colors.text : row.percentile >= 80 ? colors.negative : row.percentile <= 20 ? colors.positive : colors.text;
+    // A level, not a move: the extremes of its range take the warning, either end,
+    // so green and red keep meaning up and down.
+    const tone = row.percentile != null && (row.percentile >= 80 || row.percentile <= 20) ? colors.warning : colors.text;
     switch (id) {
       case "label": return { text: row.label, color: colors.textBright };
       case "value": return { text: formatStat(row.value, row.unit), color: row.id.startsWith("iv30") ? colors.warning : colors.textBright };

package/src/plugins/builtin/iv-history/rank.ts

@@ -8,10 +8,3 @@ export function useIvRank(symbol: string | null | undefined): IvStats | null {
   const loader = useCallback(async () => (await loadIvHistory(normalized!, { days: 30 })).stats.iv30, [normalized]);
   return useAsyncResource(normalized ? loader : null).data ?? null;
 }
-
-/** "35 P18 09-22": rank, percentile and the session they rank. */
-export function formatIvRank(stats: IvStats | null): string {
-  if (!stats) return "--";
-  const whole = (value: number | null) => value == null ? "--" : String(Math.round(value));
-  return `${whole(stats.rank)} P${whole(stats.percentile)} ${stats.date.slice(5)}`;
-}

package/src/plugins/builtin/iv-history/screen-pane.tsx

@@ -5,10 +5,11 @@ import { usePaneCollection, usePaneSettingValue, usePluginAppActions, useTickers
 import { useThemeColors } from "../../../theme/theme-context";
 import type { PaneProps } from "../../../types/plugin";
 import { Box } from "../../../ui";
-import { useAutoRefresh } from "../shared/auto-refresh";
+import { useAutoRefresh } from "../../../react/auto-refresh";
+import { compareSortValues, nextHeaderSort, type SortDirection } from "../../../utils/sort-values";
 import { loadIvScreen, loadRealizedVolatilities } from "./client";
 import { formatPoints, formatRank, formatVol, shortDate, verdictLabel } from "./format";
-import { projectRichCheap, type RichCheapRow, sharedReading, VCA_LIMIT, VCA_PRESETS, type VcaPreset } from "./model";
+import { projectRichCheap, type RichCheapRow, sharedReading, type VcaPreset } from "./model";
 import { vcaUniverse } from "./universe";
 
 type SortId = keyof RichCheapRow;
@@ -51,15 +52,10 @@ export function IvScreenPane({ width, height, focused }: PaneProps) {
   const resource = useAsyncResource(universe.instruments.length ? loader : null);
   useEffect(() => () => controller.current?.abort(), [loader]);
   useAutoRefresh(resource.updatedAt, resource.load);
-  const [sort, setSort] = useState<{ id: SortId; direction: "asc" | "desc" }>({ id: "percentile", direction: "desc" });
+  const [sort, setSort] = useState<{ columnId: SortId; direction: SortDirection }>({ columnId: "percentile", direction: "desc" });
   const rows = useMemo(() => {
     const projected = projectRichCheap(resource.data?.rows ?? [], hv);
-    return projected.sort((left, right) => {
-      const a = left[sort.id], b = right[sort.id];
-      if (a == null || b == null) return a == null ? b == null ? 0 : 1 : -1;
-      const order = typeof a === "number" && typeof b === "number" ? a - b : String(a).localeCompare(String(b));
-      return sort.direction === "asc" ? order : -order;
-    });
+    return projected.sort((left, right) => compareSortValues(left[sort.columnId], right[sort.columnId], sort.direction));
   }, [resource.data, hv, sort]);
   const shared = useMemo(() => sharedReading(rows), [rows]);
   // A shared reading date moves to the footer, and a column no row fills is left out.
@@ -111,8 +107,8 @@ export function IvScreenPane({ width, height, focused }: PaneProps) {
     ]} />
     <PaneStatusBody subject="volatility rich/cheap" loading={resource.loading && !resource.data} error={universe.error && !universe.instruments.length ? universe.error : !resource.data ? resource.error : null}>
       <DataTableView<RichCheapRow> focused={focused && !symbolsActive} columns={columns} items={rows} rootWidth={width} rootHeight={Math.max(2, height - 1)}
-        getItemKey={(row) => row.symbol} sortColumnId={sort.id} sortDirection={sort.direction} emptyStateTitle="No symbols to screen."
-        onHeaderClick={(id) => setSort({ id: id as SortId, direction: sort.id === id && sort.direction === "desc" ? "asc" : "desc" })}
+        getItemKey={(row) => row.symbol} sortColumnId={sort.columnId} sortDirection={sort.direction} emptyStateTitle="No symbols to screen."
+        onHeaderClick={(id) => setSort((current) => nextHeaderSort(current, id as SortId, { firstDirection: "desc" }))}
         selection={{ kind: "id", selectedId: selected ?? rows[0]?.symbol ?? "", getId: (row) => row.symbol, onChange: (id) => setSelected(id) }}
         onActivate={openHistory} onRootKeyDown={handleKey}
         getExportMetadata={() => [["universe", universe.label], ["as of", resource.data?.asOf], ["IV", "30-day ATM, annualized"],
@@ -140,4 +136,3 @@ const VCA_UNIVERSE_OPTIONS = VCA_SCOPE_OPTIONS.map((option) => ({ ...option, sho
 const SYMBOLS_FIELD_WIDTH = 24;
 /** Symbols apply once typing pauses, so a half-typed ticker does not start a screen. */
 const SYMBOLS_DEBOUNCE_MS = 700;
-export { VCA_LIMIT, VCA_PRESETS };

package/src/plugins/builtin/jobs/headless.ts

@@ -1,8 +1,6 @@
 import type {
   HeadlessBundleResult,
-  HeadlessPaneContext,
   HeadlessPaneDefinition,
-  HeadlessPaneLoadArgs,
 } from "../../../types/plugin";
 import { formatCompact, formatNumber } from "../../../utils/format";
 import { fetchJobs, fetchJobsMovers, type JobsCloudClient, type JobsCompanyState } from "./client";
@@ -15,16 +13,6 @@ import {
   functionLabel,
 } from "./model";
 
-export interface JobsHeadlessDependencies {
-  loadCompany(symbol: string, args: HeadlessPaneLoadArgs, ctx: HeadlessPaneContext): Promise<JobsCompanyState>;
-  loadMovers(ctx: HeadlessPaneContext): ReturnType<typeof fetchJobsMovers>;
-}
-
-const defaultDependencies: JobsHeadlessDependencies = {
-  loadCompany: (symbol, _args, ctx) => fetchJobs(symbol, { force: true, client: ctx.apiClient as JobsCloudClient }),
-  loadMovers: (ctx) => fetchJobsMovers(ctx.apiClient as JobsCloudClient),
-};
-
 function companyBundle(symbol: string, state: JobsCompanyState, roleLimit: number): HeadlessBundleResult {
   if (state.kind === "denied") throw new Error(state.message);
   if (state.kind === "pending") {
@@ -161,68 +149,62 @@ function companyBundle(symbol: string, state: JobsCompanyState, roleLimit: numbe
  * `fn JOBS NVDA`: the company's hiring picture. `fn JOBS`: every covered
  * company ranked, as one table section, so both are the same report shape.
  */
-export function createJobsHeadless(
-  dependencies: JobsHeadlessDependencies = defaultDependencies,
-): HeadlessPaneDefinition<"bundle"> {
-  return {
-    shape: "bundle",
-    argument: {
-      kind: "ticker",
-      placeholder: "ticker",
-      optional: true,
-      description: "Listed company. Without one, every covered company ranked by open roles.",
-    },
-    options: [
-      {
-        key: "roles",
-        aliases: ["limit"],
-        description: "Open roles listed for a company, newest first; companies listed without one.",
-        type: "integer",
-        defaultValue: 15,
-        minimum: 0,
-        maximum: 200,
-      },
-    ],
-    describe: (args) => (args.symbols[0] ? `Hiring | ${args.symbols[0]}` : "Hiring | coverage"),
-    async load(args, ctx): Promise<HeadlessBundleResult> {
-      const limit = Number(args.options.roles);
-      const symbol = args.symbols[0];
-      if (symbol) {
-        const state = await dependencies.loadCompany(symbol, args, ctx);
-        return companyBundle(symbol, state, limit);
-      }
-      const payload = await dependencies.loadMovers(ctx);
-      const rows = buildMoverRows(payload.movers).slice(0, Math.max(limit, 15)).map((row) => ({
-        ticker: row.ticker,
-        company: row.company,
-        openCount: row.mover.openCount,
-        change30d: row.mover.change30d?.count ?? null,
-        posted30d: row.mover.posted30d ?? null,
-        new7d: row.mover.new7d,
-        topFunction: functionLabel(row.mover.topFunction),
-        topCountry: row.mover.topCountry?.code ?? null,
-      }));
-      return {
-        sections: [
-          {
-            title: "Companies by open roles",
-            columns: [
-              { key: "ticker", header: "Ticker" },
-              { key: "company", header: "Company" },
-              { key: "openCount", header: "Open", align: "right", format: (value) => formatCompact(Number(value)) },
-              { key: "change30d", header: "30d", align: "right", format: (value) => (value == null ? "-" : `${Number(value) > 0 ? "+" : ""}${formatNumber(Number(value), 0)}`) },
-              { key: "posted30d", header: "Posted 30d", align: "right", format: (value) => (value == null ? "-" : formatCompact(Number(value))) },
-              { key: "new7d", header: "New 7d", align: "right" },
-              { key: "topFunction", header: "Top function" },
-              { key: "topCountry", header: "Top country", format: (value) => (value == null ? "-" : String(value)) },
-            ],
-            rows,
-          },
-        ],
-        metadata: { asOf: payload.asOf, covered: payload.covered },
-      };
+export const jobsHeadless: HeadlessPaneDefinition<"bundle"> = {
+  shape: "bundle",
+  argument: {
+    kind: "ticker",
+    placeholder: "ticker",
+    optional: true,
+    description: "Listed company. Without one, every covered company ranked by open roles.",
+  },
+  options: [
+    {
+      key: "roles",
+      aliases: ["limit"],
+      description: "Open roles listed for a company, newest first; companies listed without one.",
+      type: "integer",
+      defaultValue: 15,
+      minimum: 0,
+      maximum: 200,
     },
-  };
-}
-
-export const jobsHeadless = createJobsHeadless();
+  ],
+  describe: (args) => (args.symbols[0] ? `Hiring | ${args.symbols[0]}` : "Hiring | coverage"),
+  async load(args, ctx): Promise<HeadlessBundleResult> {
+    const limit = Number(args.options.roles);
+    const symbol = args.symbols[0];
+    if (symbol) {
+      const state = await fetchJobs(symbol, { force: true, client: ctx.apiClient as JobsCloudClient });
+      return companyBundle(symbol, state, limit);
+    }
+    const payload = await fetchJobsMovers(ctx.apiClient as JobsCloudClient);
+    const rows = buildMoverRows(payload.movers).slice(0, Math.max(limit, 15)).map((row) => ({
+      ticker: row.ticker,
+      company: row.company,
+      openCount: row.mover.openCount,
+      change30d: row.mover.change30d?.count ?? null,
+      posted30d: row.mover.posted30d ?? null,
+      new7d: row.mover.new7d,
+      topFunction: functionLabel(row.mover.topFunction),
+      topCountry: row.mover.topCountry?.code ?? null,
+    }));
+    return {
+      sections: [
+        {
+          title: "Companies by open roles",
+          columns: [
+            { key: "ticker", header: "Ticker" },
+            { key: "company", header: "Company" },
+            { key: "openCount", header: "Open", align: "right", format: (value) => formatCompact(Number(value)) },
+            { key: "change30d", header: "30d", align: "right", format: (value) => (value == null ? "-" : `${Number(value) > 0 ? "+" : ""}${formatNumber(Number(value), 0)}`) },
+            { key: "posted30d", header: "Posted 30d", align: "right", format: (value) => (value == null ? "-" : formatCompact(Number(value))) },
+            { key: "new7d", header: "New 7d", align: "right" },
+            { key: "topFunction", header: "Top function" },
+            { key: "topCountry", header: "Top country", format: (value) => (value == null ? "-" : String(value)) },
+          ],
+          rows,
+        },
+      ],
+      metadata: { asOf: payload.asOf, covered: payload.covered },
+    };
+  },
+};

package/src/plugins/builtin/jobs/index.tsx

@@ -4,7 +4,6 @@ import { resetJobsCache } from "./client";
 import { jobsHeadless } from "./headless";
 import { JOBS_PANE_ID, JobsPane, JobsResearchTab } from "./pane";
 
-export { jobsHeadless } from "./headless";
 
 const description =
   "Hiring read from the company's own careers system: open roles over time, by function and location, new roles, pay ranges. Alone, every covered company ranked.";

package/src/plugins/builtin/jobs/model.ts

@@ -100,8 +100,9 @@ export function formatChange(change: CloudJobsChange | null | undefined): string
   return `${sign}${change.count}${percent}`;
 }
 
-export function changeTone(value: number | null | undefined): "positive" | "negative" | "neutral" {
-  if (value == null || value === 0) return "neutral";
+/** A rise reads positive, a fall negative, and no change muted. */
+export function changeTone(value: number | null | undefined): "positive" | "negative" | "muted" {
+  if (value == null || value === 0) return "muted";
   return value > 0 ? "positive" : "negative";
 }
 
@@ -175,8 +176,11 @@ export function buildPostingRows(postings: readonly CloudJobsPosting[], now = ne
 export function buildPostingColumns(width: number, hasSalary: boolean): PostingColumn[] {
   const narrow = width < 96;
   const fixed = narrow ? 14 + 18 + 7 : 24 + 24 + 8 + (hasSalary ? 14 : 0);
+  const count = hasSalary && !narrow ? 5 : 4;
+  // A gap after each column, the table's padding and the vertical scrollbar,
+  // so the columns never overflow into a horizontal scrollbar.
   const columns: PostingColumn[] = [
-    { id: "title", label: "ROLE", width: Math.max(18, width - fixed - 6), align: "left", flexGrow: 1 },
+    { id: "title", label: "ROLE", width: Math.max(18, width - fixed - count - 3), align: "left", flexGrow: 1 },
     { id: "function", label: "FUNCTION", width: narrow ? 14 : 24, align: "left" },
     { id: "location", label: "LOCATION", width: narrow ? 18 : 24, align: "left" },
     { id: "posted", label: "POSTED", width: narrow ? 7 : 8, align: "right" },
@@ -213,12 +217,6 @@ export function sortPostingRows(rows: PostingRow[], sort: PostingSort): PostingR
   );
 }
 
-export function nextPostingSort(current: PostingSort, columnId: string): PostingSort {
-  const id = columnId as PostingColumnId;
-  if (current.columnId === id) return { columnId: id, direction: current.direction === "asc" ? "desc" : "asc" };
-  return { columnId: id, direction: id === "title" || id === "location" || id === "function" ? "asc" : "desc" };
-}
-
 // Share bars ----------------------------------------------------------------
 
 export interface ShareBarRow {
@@ -343,9 +341,3 @@ export function sortMoverRows(rows: MoverRow[], sort: MoverSort): MoverRow[] {
     compareSortValues(moverSortValue(a, sort.columnId), moverSortValue(b, sort.columnId), sort.direction),
   );
 }
-
-export function nextMoverSort(current: MoverSort, columnId: string): MoverSort {
-  const id = columnId as MoverColumnId;
-  if (current.columnId === id) return { columnId: id, direction: current.direction === "asc" ? "desc" : "asc" };
-  return { columnId: id, direction: id === "ticker" || id === "company" || id === "function" ? "asc" : "desc" };
-}