refactor(ui): narrow local style forwarding and preview geometry

[BillLeoutsakosvl346]

Markdown cells and internal input/dropdown wrappers accept broader inline styles than their callers need. Restrict them to the properties actually used, and replace the PPTX preview wrappers’ interpolated CSS with explicit property assignments.

• Preserve markdown left/center/right alignment while letting the existing classes own cell appearance.
• Keep environment/reference dropdown positioning (top, left, zIndex) and discard unused secret-field inline styles.
• Preserve both PPTX preview modes’ dimensions, background, clipping, margins and existing shadow.

No intended visual change. All 18 light/dark before-and-after fixture states matched in computed styling and geometry. All 18 before/after comparisons are attached here; they exercise the actual affected renderers/anchor code with local sample content, not authenticated end-to-end flows.

Validation: all 26 workspace type-check tasks, import-specifier check, API validation and changed-file lint pass; 63 relevant tests pass. Two existing chat timing assertions failed during the initial concurrent run and passed on the isolated rerun. The local design diff checker reports no new findings. Audit tooling and screenshots are outside the product diff.

GitHub CI passes, including the app build and PostgreSQL integration checks. Greptile and Cubic both report 5/5 on the current head.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 22, 2026 6:04pm UTC

[BillLeoutsakosvl346]

Before/after visual checks at 607b61368a → 0e4acef8af. Before is on the left; after is on the right. Each pair was captured together at the same zoom and viewport.

All 18 light/dark states matched in computed geometry, typography, colours, borders and shadows. These are isolated source fixtures, not authenticated end-to-end flows: real markdown renderers use the installed Streamdown pipeline; secret fields use the actual component; dropdown fixtures use the actual anchor JSX in EMCN popovers with sample rows; PPTX fixtures use the actual wrapper methods with sample slide content.

Markdown table alignment

light · aligned

dark · aligned

Secret field masking and permission state

light · masked

light · locked

dark · masked

dark · locked

Environment-variable dropdown anchor

light · absolute

light · fixed

dark · absolute

dark · fixed

Workflow-reference dropdown anchor

light · absolute

light · fixed

dark · absolute

dark · fixed

PPTX preview wrappers

light · list

light · single

dark · list

dark · single

[cubic-dev-ai]

No issues found across 7 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge with no actionable behavioral, security, or repository-rule violations identified.

Summary

This PR narrows inline-style forwarding to properties owned by each affected component while preserving existing dropdown placement, markdown alignment, secret-field layout, and PPTX preview geometry.

• Restricts markdown table cells to forwarding alignment.
• Restricts environment/reference dropdown positioning styles to top, left, and zIndex.
• Removes unsupported inline styling from SecretValueField.
• Replaces interpolated PPTX wrapper CSS with explicit style-property assignments.

_{Reviews (1) · Last reviewed commit: "refactor(ui): narrow local style forward..."}