gloomberb 0.9.3 → 0.9.4

package/src/components/onboarding/onboarding-steps.tsx

@@ -1,8 +1,6 @@
-import { useMemo } from "react";
 import { AsciiText, Box, Span, Strong, Text, TextAttributes, useUiHost } from "../../ui";
 import { colors } from "../../theme/colors";
 import { themes } from "../../theme/themes";
-import type { PluginRegistry } from "../../plugins/registry";
 import { detectShortcutPlatform, formatPrimaryShortcut, getShortcutDisplayMode } from "../../utils/shortcut-labels";
 export { PortfolioStep, type PortfolioSub } from "./portfolio-step";
 
@@ -95,7 +93,7 @@ export function ThemeStep({ themeIds, selectedIdx, height }: { themeIds: string[
   );
 }
 
-export function ShortcutsStep({ pluginRegistry }: { pluginRegistry: PluginRegistry }) {
+export function ShortcutsStep() {
   const uiHost = useUiHost();
   const shortcutPlatform = detectShortcutPlatform();
   const shortcutDisplayMode = getShortcutDisplayMode(uiHost.kind);
@@ -109,30 +107,12 @@ export function ShortcutsStep({ pluginRegistry }: { pluginRegistry: PluginRegist
     { key: "q", desc: "Quit" },
   ];
 
-  const commandPrefixes = useMemo(() => {
-    const builtIn = [
-      { key: "DES AAPL", desc: "Open security details" },
-      { key: "TH", desc: "Switch theme" },
-      { key: "PL", desc: "Toggle plugins" },
-      { key: "PS", desc: "Edit the current window settings" },
-      { key: "HELP", desc: "Open the help window" },
-    ];
-
-    const builtInKeys = new Set(builtIn.map((entry) => entry.key.split(" ")[0]));
-    const pluginPrefixes: { key: string; desc: string }[] = [];
-
-    for (const [, template] of pluginRegistry.paneTemplates) {
-      if (!template.shortcut) continue;
-      if (builtInKeys.has(template.shortcut.prefix)) continue;
-      const label = template.shortcut.argPlaceholder
-        ? `${template.shortcut.prefix} <${template.shortcut.argPlaceholder}>`
-        : template.shortcut.prefix;
-      pluginPrefixes.push({ key: label, desc: template.label });
-    }
-
-    pluginPrefixes.sort((a, b) => a.key.localeCompare(b.key));
-    return [...builtIn, ...pluginPrefixes];
-  }, [pluginRegistry]);
+  const commandPrefixes = [
+    { key: "DES AAPL", desc: "Open security details" },
+    { key: "TH", desc: "Switch theme" },
+    { key: "PL", desc: "Toggle plugins" },
+    { key: "HELP", desc: "Open the help window" },
+  ];
 
   const COL = 20;
 
@@ -152,7 +132,7 @@ export function ShortcutsStep({ pluginRegistry }: { pluginRegistry: PluginRegist
 
       <Box height={2} />
       <Box height={1}>
-        <Text fg={colors.textBright} attributes={TextAttributes.BOLD}>{"Command-bar prefixes"}</Text>
+        <Text fg={colors.textBright} attributes={TextAttributes.BOLD}>{"Basic command prefixes"}</Text>
       </Box>
       <Box height={1} />
       <Box height={1}>

package/src/components/onboarding/onboarding-wizard.test.tsx

@@ -93,11 +93,14 @@ afterEach(async () => {
 });
 
 describe("OnboardingWizard", () => {
-  test("uses backspace to go back when not editing and keeps backspace for text deletion while editing", async () => {
+  test("skips manual portfolio naming and shows compact starter shortcuts", async () => {
     const pluginRegistry = {
       allPlugins: new Map(),
       brokers: new Map(),
-      paneTemplates: new Map(),
+      paneTemplates: new Map([[
+        "ai",
+        { label: "AI Screener", shortcut: { prefix: "AI", argPlaceholder: "prompt" } },
+      ]]),
       getPaneTemplatePluginId: () => undefined,
       tickerRepository: createTickerRepository(),
       persistence: { resources: undefined },
@@ -132,16 +135,14 @@ describe("OnboardingWizard", () => {
     expect(frame).toContain("Create Manual Portfolio");
 
     await emitKeypress(testSetup, { name: "return", sequence: "\r" });
-    frame = await waitForFrameToContain("Main Portfolio");
-    expect(frame).toContain("Main Portfolio");
-
-    await act(async () => {
-      testSetup!.mockInput.pressBackspace();
-      await testSetup!.renderOnce();
-    });
-    frame = testSetup.captureCharFrame();
-    expect(frame).toContain("Main Portfoli");
-    expect(frame).not.toContain("Create Manual Portfolio");
+    frame = await waitForFrameToContain("After launch shortcuts");
+    expect(frame).toContain("Basic command prefixes");
+    expect(frame).toContain("DES AAPL");
+    expect(frame).toContain("HELP");
+    expect(frame).not.toContain("Name your portfolio");
+    expect(frame).not.toContain("Command-bar prefixes");
+    expect(frame).not.toContain("AI <prompt>");
+    expect(frame).not.toContain("AI Screener");
   });
 
   test("waits for broker positions to import before completing onboarding", async () => {

package/src/components/onboarding/onboarding-wizard.tsx

@@ -36,7 +36,7 @@ export function OnboardingWizard({ config, pluginRegistry, onComplete }: Onboard
   const [themeIdx, setThemeIdx] = useState(0);
   const [portfolioSub, setPortfolioSub] = useState<PortfolioSub>("choose");
   const [portfolioOptionIdx, setPortfolioOptionIdx] = useState(0);
-  const [portfolioName, setPortfolioName] = useState("Main Portfolio");
+  const portfolioName = "Main Portfolio";
   const [brokerValues, setBrokerValues] = useState<Record<string, Record<string, string>>>({});
   const [selectedBrokerId, setSelectedBrokerId] = useState<string | null>(null);
   const [brokerFieldIdx, setBrokerFieldIdx] = useState(0);
@@ -255,8 +255,6 @@ export function OnboardingWizard({ config, pluginRegistry, onComplete }: Onboard
             choices={portfolioChoices}
             optionIdx={portfolioOptionIdx}
             onOptionSelect={setPortfolioOptionIdx}
-            portfolioName={portfolioName}
-            onNameChange={setPortfolioName}
             selectedBrokerId={selectedBrokerId}
             brokerFields={activeBrokerFields}
             brokerFieldIdx={brokerFieldIdx}
@@ -270,7 +268,7 @@ export function OnboardingWizard({ config, pluginRegistry, onComplete }: Onboard
           />
         )}
         {step === "shortcuts" && (
-          <ShortcutsStep pluginRegistry={pluginRegistry} />
+          <ShortcutsStep />
         )}
         {step === "ready" && (
           <ReadyStep

package/src/components/onboarding/portfolio-step/index.tsx

@@ -2,7 +2,6 @@ import { BrokerFieldsPanel } from "./broker-fields-panel";
 import { BrokerSetupPanel } from "./broker-setup-panel";
 import { BrokerSyncPanel } from "./broker-sync-panel";
 import { PortfolioChoicePanel } from "./choose-panel";
-import { ManualPortfolioNamePanel } from "./manual-name-panel";
 import type { PortfolioStepProps, PortfolioSub } from "./types";
 
 export type { PortfolioSub };
@@ -18,17 +17,6 @@ export function PortfolioStep(props: PortfolioStepProps) {
     );
   }
 
-  if (props.sub === "manual-name") {
-    return (
-      <ManualPortfolioNamePanel
-        portfolioName={props.portfolioName}
-        onNameChange={props.onNameChange}
-        editing={props.editing}
-        inputRef={props.inputRef}
-      />
-    );
-  }
-
   if (props.sub === "broker-setup" && props.selectedBrokerId) {
     return (
       <BrokerSetupPanel

package/src/components/onboarding/portfolio-step/types.ts

@@ -3,15 +3,13 @@ import type { InputRenderable } from "../../../ui";
 import type { BrokerConfigField } from "../../../types/broker";
 import type { ListViewItem } from "../../ui";
 
-export type PortfolioSub = "choose" | "manual-name" | "broker-setup" | "broker-fields" | "broker-sync";
+export type PortfolioSub = "choose" | "broker-setup" | "broker-fields" | "broker-sync";
 
 export interface PortfolioStepProps {
   sub: PortfolioSub;
   choices: ListViewItem[];
   optionIdx: number;
   onOptionSelect: (idx: number) => void;
-  portfolioName: string;
-  onNameChange: (name: string) => void;
   selectedBrokerId: string | null;
   brokerFields: BrokerConfigField[];
   brokerFieldIdx: number;

package/src/components/onboarding/wizard-keyboard.ts

@@ -74,9 +74,7 @@ export function useOnboardingKeyboard({
     if (editingField) {
       if (event.name === "return") {
         setEditingField(false);
-        if (portfolioSub === "manual-name") {
-          nextStep();
-        } else if (portfolioSub === "broker-fields" && selectedBrokerId) {
+        if (portfolioSub === "broker-fields" && selectedBrokerId) {
           const currentField = activeBrokerFields[brokerFieldIdx];
           if (!currentField) {
             void syncSelectedBroker();
@@ -125,8 +123,7 @@ export function useOnboardingKeyboard({
           if (choice.id === "manual") {
             resetBrokerSync();
             setSelectedBrokerId(null);
-            setPortfolioSub("manual-name");
-            setEditingField(true);
+            nextStep();
           } else {
             resetBrokerSync();
             setSelectedBrokerId(choice.id);

package/src/components/table-view-shared.tsx

@@ -6,7 +6,7 @@ import {
   type ReactNode,
   type RefObject,
 } from "react";
-import { Box, type ScrollBoxRenderable } from "../ui";
+import { Box, useUiCapabilities, type ScrollBoxRenderable } from "../ui";
 import { isPlainKeyboardEvent } from "../utils/keyboard";
 
 function listenToScrollBarChange(
@@ -56,15 +56,23 @@ export function TableViewFrame({
   after,
   children,
 }: TableViewFrameProps) {
+  const { nativePaneChrome } = useUiCapabilities();
+  const nativeFlexibleFrame = nativePaneChrome === true;
+
   return (
     <Box
       flexDirection="column"
-      flexGrow={height == null ? 1 : undefined}
-      flexShrink={height == null ? undefined : 0}
+      flexGrow={nativeFlexibleFrame || height == null ? 1 : undefined}
+      flexShrink={nativeFlexibleFrame ? 1 : height == null ? undefined : 0}
+      flexBasis={nativeFlexibleFrame ? 0 : undefined}
       width={width}
-      height={height}
+      height={nativeFlexibleFrame ? undefined : height}
+      minWidth={nativeFlexibleFrame ? 0 : undefined}
+      minHeight={nativeFlexibleFrame ? 0 : undefined}
+      maxHeight={nativeFlexibleFrame ? "100%" : undefined}
       backgroundColor={backgroundColor}
       overflow="hidden"
+      data-gloom-role="table-view-frame"
     >
       {before}
       {children}

package/src/components/ui/data-table/opentui/index.tsx

@@ -48,6 +48,7 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
   isSelected,
   onSelect,
   onActivate,
+  onTableMouseDown,
   onRowMouseDown,
   onRowContextMenu,
   rowContextMenuSurface = false,
@@ -60,6 +61,9 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
   emptyStateHint,
   virtualize = true,
   overscan = 3,
+  columnGap = 1,
+  horizontalPadding = 1,
+  fillAvailableWidth = true,
   showHorizontalScrollbar = true,
   scrollToIndex,
   scrollToIndexAlign = "nearest",
@@ -105,17 +109,21 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
     ],
   );
   const { endIndex, startIndex, viewportHeight, visibleItems } = tableWindow;
-  const tableWidth = useMemo(() => getTableWidth(columns), [columns]);
+  const tableWidth = useMemo(
+    () => getTableWidth(columns, columnGap, horizontalPadding),
+    [columnGap, columns, horizontalPadding],
+  );
   const {
     contentWidth: measuredContentWidth,
     viewportWidth: measuredViewportWidth,
     measureContentWidth,
   } = useMeasuredTableContentWidth(tableWidth, headerScrollRef, scrollRef);
   const horizontalScrollbarVisible = showHorizontalScrollbar
-    && hasMeaningfulTableHorizontalOverflow(tableWidth, measuredViewportWidth);
+    && hasMeaningfulTableHorizontalOverflow(tableWidth, measuredViewportWidth, columnGap);
+  const contentWidth = fillAvailableWidth ? measuredContentWidth : tableWidth;
   const displayColumns = useMemo(
-    () => expandTableColumns(columns, measuredContentWidth),
-    [columns, measuredContentWidth],
+    () => expandTableColumns(columns, contentWidth, columnGap, horizontalPadding),
+    [columnGap, columns, contentWidth, horizontalPadding],
   );
   const handleRowMouseDown =
     useDoubleClickActivation<DataTableRowPointerTarget<T>>({
@@ -264,8 +272,8 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
         <Box
           flexDirection="row"
           height={1}
-          {...tableContentWidthProps(measuredContentWidth)}
-          paddingX={1}
+          {...tableContentWidthProps(contentWidth)}
+          paddingX={horizontalPadding}
           backgroundColor={colors.panel}
         >
           {displayColumns.map((column) => {
@@ -283,10 +291,11 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
             return (
               <Box
                 key={column.id}
-                width={column.width + 1}
+                width={column.width + columnGap}
                 backgroundColor={column.headerBackgroundColor ?? colors.panel}
                 onMouseDown={(event: any) => {
                   focusPane();
+                  onTableMouseDown?.(event);
                   event.preventDefault();
                   onHeaderClick(column.id);
                 }}
@@ -315,6 +324,7 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
         focusable={false}
         onMouseDown={() => {
           focusPane();
+          onTableMouseDown?.({});
         }}
         onSizeChange={measureContentWidth}
       >
@@ -339,11 +349,12 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
                       key={getItemKey(item, index)}
                       flexDirection="row"
                       height={1}
-                      {...tableContentWidthProps(measuredContentWidth)}
-                      paddingX={1}
+                      {...tableContentWidthProps(contentWidth)}
+                      paddingX={horizontalPadding}
                       backgroundColor={sectionHeader.backgroundColor ?? colors.bg}
                       onMouseDown={(event: any) => {
                         focusPane();
+                        onTableMouseDown?.(event);
                         event.preventDefault();
                       }}
                     >
@@ -376,8 +387,8 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
                     key={getItemKey(item, index)}
                     flexDirection="row"
                     height={1}
-                    {...tableContentWidthProps(measuredContentWidth)}
-                    paddingX={1}
+                    {...tableContentWidthProps(contentWidth)}
+                    paddingX={horizontalPadding}
                     backgroundColor={rowBg}
                     data-gloom-context-menu-surface={rowContextMenuSurface ? "true" : undefined}
                     onMouseMove={() => {
@@ -385,6 +396,7 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
                     }}
                     onMouseDown={(event: any) => {
                       focusPane();
+                      onTableMouseDown?.(event);
                       if (onRowMouseDown?.(item, index, event) === true) {
                         return;
                       }
@@ -404,10 +416,11 @@ export function OpenTuiDataTable<T, C extends DataTableColumn = DataTableColumn>
                       return (
                         <Box
                           key={column.id}
-                          width={column.width + 1}
+                          width={column.width + columnGap}
                           backgroundColor={cell.backgroundColor ?? rowBg}
                           onMouseDown={(event: any) => {
                             focusPane();
+                            onTableMouseDown?.(event);
                             if (cell.onMouseDown) {
                               cell.onMouseDown(event);
                               return;

package/src/components/ui/data-table/types.ts

@@ -50,6 +50,7 @@ export interface DataTableProps<
   isSelected: (item: T, index: number) => boolean;
   onSelect: (item: T, index: number) => void;
   onActivate?: (item: T, index: number) => void;
+  onTableMouseDown?: (event: any) => void;
   onRowMouseDown?: (item: T, index: number, event: any) => boolean | void;
   onRowContextMenu?: (item: T, index: number, event: any) => void;
   rowContextMenuSurface?: boolean;
@@ -74,6 +75,9 @@ export interface DataTableProps<
   emptyStateHint?: string;
   virtualize?: boolean;
   overscan?: number;
+  columnGap?: number;
+  horizontalPadding?: number;
+  fillAvailableWidth?: boolean;
   showHorizontalScrollbar?: boolean;
   scrollToIndex?: number | null;
   scrollToIndexAlign?: DataTableScrollAlign;

package/src/components/ui/fields.tsx

@@ -12,6 +12,7 @@ export interface TextFieldProps {
   inputRef?: RefObject<InputRenderable | null>;
   onChange?: (value: string) => void;
   onSubmit?: (value: string) => void;
+  onBlur?: (value: string) => void;
   hint?: string;
   type?: "text" | "password";
   variant?: "default" | "plain";
@@ -36,6 +37,7 @@ export function TextField({
   inputRef,
   onChange,
   onSubmit,
+  onBlur,
   hint,
   type = "text",
   variant = "default",
@@ -56,6 +58,7 @@ export function TextField({
         inputRef={inputRef}
         onChange={onChange}
         onSubmit={onSubmit}
+        onBlur={onBlur}
         hint={hint}
         type={type}
         variant={variant}
@@ -118,17 +121,18 @@ export function TextField({
           selectionFg={isPassword ? backgroundColor : undefined}
           showCursor={!isPassword}
           onCursorChange={() => syncCursorOffset()}
-          onInput={(nextValue) => {
+          onInput={(nextValue: string) => {
             currentValueRef.current = nextValue;
             syncCursorOffset(nextValue);
             onChange?.(nextValue);
           }}
-          onChange={(nextValue) => {
+          onChange={(nextValue: string) => {
             currentValueRef.current = nextValue;
             syncCursorOffset(nextValue);
             onChange?.(nextValue);
           }}
           onSubmit={() => onSubmit?.(currentValueRef.current)}
+          onBlur={() => onBlur?.(currentValueRef.current)}
         />
         {isPassword && (
           <Box
@@ -178,11 +182,12 @@ function sanitizeNumberInput(value: string, allowDecimal: boolean, allowNegative
   return next;
 }
 
-export interface NumberFieldProps extends Omit<TextFieldProps, "onChange" | "onSubmit"> {
+export interface NumberFieldProps extends Omit<TextFieldProps, "onChange" | "onSubmit" | "onBlur"> {
   allowDecimal?: boolean;
   allowNegative?: boolean;
   onChange?: (value: string) => void;
   onSubmit?: (value: string) => void;
+  onBlur?: (value: string) => void;
 }
 
 export function NumberField({
@@ -190,6 +195,7 @@ export function NumberField({
   allowNegative = false,
   onChange,
   onSubmit,
+  onBlur,
   ...props
 }: NumberFieldProps) {
   return (
@@ -197,6 +203,7 @@ export function NumberField({
       {...props}
       onChange={(nextValue) => onChange?.(sanitizeNumberInput(nextValue, allowDecimal, allowNegative))}
       onSubmit={(nextValue) => onSubmit?.(sanitizeNumberInput(nextValue, allowDecimal, allowNegative))}
+      onBlur={(nextValue) => onBlur?.(sanitizeNumberInput(nextValue, allowDecimal, allowNegative))}
     />
   );
 }

package/src/components/ui/page-stack-view.tsx

@@ -69,7 +69,7 @@ export function PageStackView({
 
   if (!detailOpen) {
     return (
-      <Box flexDirection="column" flexGrow={1} overflow="hidden">
+      <Box flexDirection="column" flexGrow={1} flexShrink={1} flexBasis={0} minWidth={0} minHeight={0} overflow="hidden">
         {rootContent}
       </Box>
     );
@@ -79,6 +79,10 @@ export function PageStackView({
     <Box
       flexDirection="column"
       flexGrow={1}
+      flexShrink={1}
+      flexBasis={0}
+      minWidth={0}
+      minHeight={0}
       overflow="hidden"
       onMouseDown={handleMouseDown}
     >
@@ -111,7 +115,7 @@ export function PageStackView({
         )}
         {backHint ? <Text fg={colors.textMuted}>{backHint}</Text> : null}
       </Box>
-      <Box flexDirection="column" flexGrow={1} overflow="hidden">
+      <Box flexDirection="column" flexGrow={1} flexShrink={1} flexBasis={0} minWidth={0} minHeight={0} overflow="hidden">
         {detailContent}
       </Box>
     </Box>

package/src/components/ui/table-layout.test.ts

@@ -18,6 +18,22 @@ describe("table layout", () => {
     expect(hasMeaningfulTableHorizontalOverflow(tableWidth, tableWidth - 2)).toBe(true);
   });
 
+  test("supports tables without inter-column gaps", () => {
+    const tableWidth = getTableWidth([
+      { width: 12 },
+      { width: 8 },
+    ], 0);
+    const noPaddingWidth = getTableWidth([
+      { width: 12 },
+      { width: 8 },
+    ], 0, 0);
+
+    expect(tableWidth).toBe(22);
+    expect(noPaddingWidth).toBe(20);
+    expect(hasMeaningfulTableHorizontalOverflow(tableWidth, tableWidth, 0)).toBe(false);
+    expect(hasMeaningfulTableHorizontalOverflow(tableWidth, tableWidth - 1, 0)).toBe(true);
+  });
+
   test("keeps non-flex web table columns fixed", () => {
     const template = buildTableGridTemplateColumns([
       { width: 4, align: "right" },
@@ -39,4 +55,13 @@ describe("table layout", () => {
 
     expect(template).toBe("minmax(calc(8 * var(--cell-w)), 12fr) minmax(calc(8 * var(--cell-w)), 8fr)");
   });
+
+  test("keeps fixed web table columns when fill width is disabled", () => {
+    const template = buildTableGridTemplateColumns([
+      { width: 12 },
+      { width: 8, align: "right" },
+    ], false);
+
+    expect(template).toBe("minmax(calc(8 * var(--cell-w)), calc(12 * var(--cell-w))) minmax(calc(8 * var(--cell-w)), calc(8 * var(--cell-w)))");
+  });
 });

package/src/components/ui/table-layout.ts

@@ -10,19 +10,29 @@ export interface TableWidthColumn {
 const TRAILING_COLUMN_GUTTER_WIDTH = 1;
 const WEB_CELL_UNIT = "var(--cell-w)";
 
-export function getTableWidth(columns: readonly TableWidthColumn[]): number {
-  return columns.reduce((sum, column) => sum + column.width + 1, 2);
+export function getTableWidth(
+  columns: readonly TableWidthColumn[],
+  columnGap = 1,
+  horizontalPadding = 1,
+): number {
+  return columns.reduce((sum, column) => sum + column.width + columnGap, horizontalPadding * 2);
 }
 
-export function hasMeaningfulTableHorizontalOverflow(tableWidth: number, viewportWidth: number): boolean {
-  return viewportWidth > 0 && tableWidth - viewportWidth > TRAILING_COLUMN_GUTTER_WIDTH;
+export function hasMeaningfulTableHorizontalOverflow(
+  tableWidth: number,
+  viewportWidth: number,
+  columnGap = TRAILING_COLUMN_GUTTER_WIDTH,
+): boolean {
+  return viewportWidth > 0 && tableWidth - viewportWidth > columnGap;
 }
 
 export function expandTableColumns<C extends TableWidthColumn>(
   columns: readonly C[],
   targetWidth: number,
+  columnGap = 1,
+  horizontalPadding = 1,
 ): C[] {
-  const currentWidth = getTableWidth(columns);
+  const currentWidth = getTableWidth(columns, columnGap, horizontalPadding);
   const extraWidth = Math.floor(targetWidth) - currentWidth;
   if (extraWidth <= 0) return [...columns];
 
@@ -62,12 +72,18 @@ function cellWidthCss(width: number): string {
   return `calc(${width} * ${WEB_CELL_UNIT})`;
 }
 
-export function buildTableGridTemplateColumns(columns: readonly TableWidthColumn[]): string {
+export function buildTableGridTemplateColumns(
+  columns: readonly TableWidthColumn[],
+  fillAvailableWidth = true,
+): string {
   const hasFlexColumn = columns.some((column) => (column.flexGrow ?? 0) > 0);
   return columns
     .map((column) => {
       const width = normalizedColumnWidth(column);
       const minWidth = cellWidthCss(columnMinCh(column));
+      if (!fillAvailableWidth) {
+        return `minmax(${minWidth}, ${cellWidthCss(width)})`;
+      }
       if (!hasFlexColumn || (column.flexGrow ?? 0) > 0) {
         return `minmax(${minWidth}, ${columnFlexWeight(column)}fr)`;
       }