Skip to content

[codex] Redesign app overview actions and config#12

Draft
5oir5bif wants to merge 1 commit into
arcboxlabs:mainfrom
5oir5bif:codex/console-apps-inline-actions-config
Draft

[codex] Redesign app overview actions and config#12
5oir5bif wants to merge 1 commit into
arcboxlabs:mainfrom
5oir5bif:codex/console-apps-inline-actions-config

Conversation

@5oir5bif

@5oir5bif 5oir5bif commented Jul 1, 2026

Copy link
Copy Markdown

Summary

Redesign the dashboard Apps view so app controls are consolidated into each app card.

Changes

  • Limit the top navigation to Apps, Lark Apps, and Event.
  • Render each app as a full-width row in the Apps view.
  • Move per-app actions into an inline Action panel inside each app card.
  • Move per-app configuration surfaces into an inline Config panel inside each app card.
  • Keep the existing action catalog, config components, API calls, and backend contracts unchanged.

Validation

  • cargo check -p larkstack
  • pnpm check
  • pnpm build

Copilot AI review requested due to automatic review settings July 1, 2026 14:36

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR redesigns the dashboard’s Apps view so each app card consolidates runtime controls (enable/disable), actions, and configuration inline, while also simplifying the top navigation to the primary entry points.

Changes:

  • Simplifies the top navigation to Apps, Lark Apps, and Event.
  • Updates the Apps/Status view to render per-app Action and Config panels inline within each app card.
  • Exposes the existing actions catalog and card renderer for reuse from the Status view, and adds CSS to support the new layout.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 2 comments.

File Description
dashboard/src/tabs/Status.tsx Renders per-app inline Action/Config panels and reuses the existing per-app pages as inline config surfaces.
dashboard/src/tabs/Actions.tsx Exports the action catalog and ActionCard for reuse in the Status view.
dashboard/src/styles.css Makes the Apps grid full-width and styles the inline panels inside app cards.
dashboard/src/components/Layout.tsx Removes Actions/Config from the top nav and updates tab-selection logic.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines 21 to +22
const { pathname } = useLocation();
const current = TABS.find((t) => pathname.startsWith(t.to))?.to ?? "/status";
const current = TABS.find((t) => pathname.startsWith(t.to))?.to ?? pathname;
Comment on lines +22 to +25
/// Apps that have a dedicated config surface. The components are the existing
/// per-app pages, rendered inline so the API contracts stay exactly the same.
const APP_CONFIGS: Record<string, ComponentType> = {
linear: Linear,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants