refactor(ui): share log and enrichment details panels

[BillLeoutsakosvl346]

Log details and table enrichment details duplicated the same sliding sidebar and external resize handle. Both now use EMCN DetailsPanel, preserving their existing border, fill, shadow, responsive width, transition and mounted content when closed. Closed content is inert, so off-screen controls cannot receive keyboard focus; reopening restores access without losing state. Each screen still owns its content, keyboard commands, resize hook and persisted width.

Validation: all 26 workspace type checks and lint checks, import-specifier resolution, API validation, 346 EMCN tests, and 11 relevant consumer tests passed. A source comparison confirms all 13 control/content subtrees are unchanged. Isolated browser comparisons in light/dark match at two widths and through close/reopen; live log and enrichment flows were not exercised. The external conformance scan adds no findings and removes the two migrated sidebar shadow findings.

[vercel]

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

Project	Deployment	Actions	Updated
docs	Ready	Preview	Sep 19, 2026 8:06pm UTC

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge, with no outstanding findings or new issues in the latest change.

Summary

This PR consolidates the duplicated log and enrichment sidebars into a shared EMCN DetailsPanel.

• Preserves caller-owned content, resize behavior, responsive width, styling, and transitions.
• Keeps closed panel content mounted while making it inert.
• Exports the shared component and adds focused coverage for resizing, width handling, refs, and retained state.
• The latest commit makes the resize calculation’s whitespace explicit without changing its behavior.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  L[LogDetails] -->|content, width, resize handler| P[DetailsPanel]
  E[EnrichmentDetails] -->|content, width, resize handler| P
  P --> S[Sliding sidebar]
  P --> H[External resize handle]
  P --> I[Mounted inert content when closed]

Loading

_{Reviews (4) · Last reviewed commit: "style(ui): make resize calculation spaci..."}

[cubic-dev-ai]

All reported issues were addressed across 5 files

<sub>Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic</sub>

[BillLeoutsakosvl346]

@greptileai @cubic-dev-ai Please review the latest commit, including the closed-panel keyboard-focus fix.

[cubic-dev-ai]

@greptileai @cubic-dev-ai Please review the latest commit, including the closed-panel keyboard-focus fix.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptileai @cubic-dev-ai Please review the latest commit, including the local CSS-variable sizing and retained inert behavior.

[cubic-dev-ai]

@greptileai @cubic-dev-ai Please review the latest commit, including the local CSS-variable sizing and retained inert behavior.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptileai @cubic-dev-ai Please review the latest commit. The resize calculation now includes explicit whitespace; compiled CSS and browser geometry comparisons are unchanged.

[cubic-dev-ai]

@greptileai @cubic-dev-ai Please review the latest commit. The resize calculation now includes explicit whitespace; compiled CSS and browser geometry comparisons are unchanged.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@cubic-dev-ai Please run a full review of this PR against its base branch on the current head, rather than an incremental review of only the latest commit. The latest incremental review reported no issues; this is the final review of the complete change.

[cubic-dev-ai]

@cubic-dev-ai Please run a full review of this PR against its base branch on the current head, rather than an incremental review of only the latest commit. The latest incremental review reported no issues; this is the final review of the complete change.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}