UI tweaks

Author: mayagbarnes

streamlit_pivot/frontend/src/config/Toolbar.test.tsx

@@ -1667,6 +1667,21 @@ describe("Toolbar - settings panel", () => {
     expect(screen.getByTestId("toolbar-settings")).toBeInTheDocument();
   });
 
+  it("does not pin the utility menu open just because locked mode is enabled", () => {
+    render(
+      <Toolbar
+        config={makeConfig()}
+        allColumns={ALL_COLUMNS}
+        numericColumns={NUMERIC_COLUMNS}
+        onConfigChange={vi.fn()}
+        locked={true}
+      />,
+    );
+    expect(
+      screen.getByRole("toolbar", { name: "Table actions" }).className,
+    ).not.toContain("utilGroupPinned");
+  });
+
   it("locked mode settings panel shows status rows", () => {
     render(
       <Toolbar
@@ -2485,6 +2500,22 @@ describe("Toolbar – DnD rendering", () => {
       screen.getAllByText("Apply fields in settings menu").length,
     ).toBeGreaterThanOrEqual(1);
   });
+
+  it("hides the empty drop zone placeholder in locked mode", () => {
+    render(
+      <Toolbar
+        config={makeConfig({ rows: [], columns: [], values: [] })}
+        allColumns={ALL_COLUMNS}
+        numericColumns={NUMERIC_COLUMNS}
+        onConfigChange={vi.fn()}
+        locked={true}
+      />,
+    );
+    expect(
+      screen.queryByText("Apply fields in settings menu"),
+    ).not.toBeInTheDocument();
+    expect(screen.queryByText("Drag fields here")).not.toBeInTheDocument();
+  });
 });
 
 // ---------------------------------------------------------------------------

streamlit_pivot/frontend/src/config/Toolbar.tsx

@@ -498,7 +498,7 @@ const Toolbar: FC<ToolbarProps> = ({
 
   // Zone card content helpers
   const syntheticMeasures = config.synthetic_measures ?? [];
-  const emptyHint = "Apply fields in settings menu";
+  const emptyHint = locked ? undefined : "Apply fields in settings menu";
 
   return (
     <div
@@ -606,7 +606,7 @@ const Toolbar: FC<ToolbarProps> = ({
 
       <div
         ref={utilGroupRef}
-        className={`${styles.utilGroup} ${locked || settingsOpen ? styles.utilGroupPinned : ""}`}
+        className={`${styles.utilGroup} ${settingsOpen ? styles.utilGroupPinned : ""}`}
         role="toolbar"
         aria-label="Table actions"
         onKeyDown={(e) => {
@@ -861,8 +861,10 @@ const ZoneCard: FC<ZoneCardProps> = ({
   aggTestIdPrefix,
   displayLabelForField,
   isValues,
-  emptyHint = "Drag fields here",
+  emptyHint,
 }): ReactElement => {
+  const resolvedEmptyHint =
+    emptyHint ?? (disabled ? undefined : "Drag fields here");
   const { setNodeRef: setDroppableRef } = useDroppable({
     id: zoneId,
     data: { type: "container" },
@@ -958,9 +960,9 @@ const ZoneCard: FC<ZoneCardProps> = ({
                 </span>
               ))}
           </div>
-        ) : (
-          <div className={styles.emptyDropZone}>{emptyHint}</div>
-        )}
+        ) : resolvedEmptyHint ? (
+          <div className={styles.emptyDropZone}>{resolvedEmptyHint}</div>
+        ) : null}
       </SortableContext>
     </div>
   );

streamlit_pivot/frontend/src/renderers/TableRenderer.module.css

@@ -478,10 +478,15 @@
 
 /* Grouping dimension column header styling */
 .groupingDimHeader {
-  font-weight: 700;
+  font-weight: inherit;
   border-bottom-width: 2px;
 }
 
+.headerCell.rowHeaderPrimary,
+.headerCell.rowHeaderSecondary {
+  font-weight: 500;
+}
+
 /* --- Dimension-level collapse toggle --- */
 
 .dimensionToggleCell {