[TheWitness]

Ports intropage's dashboard panels onto a shared, bundled card chrome so
the panel look/interaction matches the syslog Status cards, while keeping
intropage's own backend (panel registration, update_func data, DB cache,
poller refresh, dashboards) completely unchanged.

Hard requirement

Self-contained and dependency-free: the chrome is bundled inside this
plugin (includes/cards/cards.css, includes/cards/cards.js). No cross-plugin
reference and no new Cacti-version dependency — it works with intropage
installed alone, and preserves the 1.2.x floor. The same two files will be
copied (byte-identical) into plugin_syslog in a separate PR.

What changed

• Bundled chrome includes/cards/cards.{css,js} — neutral cc* classes,
  theme-variable driven, an idempotent window.CactiCards controller with
  keyboard-accessible drag and an adapter seam. Drag events are delegated
  from the card so they survive intropage's header-replacing AJAX reloads.
• Header now rendered by a testable intropage_panel_header() helper: a
  left-hand drag handle, the title, and unified tools (shrink/grow height,
  maximize, reload, remove). Severity stays on the existing
  color_<alarm> class, so it keeps the per-theme palettes from Theme-appropriate panel titlebar severity palettes across all themes #421.
• includes/intropage.js drives reorder + tools through
  CactiCards.init() with an adapter that maps to the existing endpoints
  (order / droppanel / details / heightmore/heightless / reload).
  jQuery UI Sortable is removed in favour of the shared keyboard-accessible
  drag.
• Height grow/shrink now resizes the card's grid span instantly
  client-side, then persists + reloads the body — removing the old
  "nothing happens until a reload" two-step.
• intropage_panel_reload_button() re-expressed as a ccTool; unit tests
  updated and a new IntropagePanelHeaderTest added. POT regenerated.

Please test (I can't verify UI headless)

• Drag-reorder panels (mouse + keyboard arrows on the handle); order
  persists across reload.
• Grow/shrink height resizes immediately and persists.
• Maximize (details), reload (force), and remove (disable) tools.
• "Copy text" toggle (#switch_copytext) locks/unlocks dragging.
• Charts/graphs still resize on panel resize and window resize.
• Severity header colours across light/dark themes.

Reviewers: @bmfmancini @xmacan

[Copilot]

🟡 Changes recommended

The shared container styling is not activated, and several interaction failure paths can leave incorrect state or trigger concurrent updates.

5 open findings

• Add shared card chrome selectors to dashboard panel markup · New
• Restore click throttling to prevent concurrent panel updates · New
• Rollback optimistic resize state when persistence fails · New
• Use the request URL in the details failure handler · New
• Document dashboard chrome and interactions in the changelog · New

What changed in this PR

Introduces bundled shared card chrome for intropage dashboard panels while retaining existing backend endpoints and persistence.

Changes:

• Adds reusable card CSS/JavaScript with keyboard reordering and panel tools.
• Refactors panel headers and frontend adapters for resize, refresh, details, and removal.
• Updates unit tests and translation templates.

File	Description
display.php	Loads the card controller.
includes/​cards/​cards.css	Defines shared card presentation.
includes/​cards/​cards.js	Implements card interactions.
includes/​functions.php	Generates the new panel header.
includes/​intropage.js	Connects card actions to existing endpoints.
locales/​po/​cacti.pot	Updates translatable strings.
setup.php	Loads card styles.
tests/​Unit/​IntropagePanelHeaderTest.php	Tests header markup and tools.
tests/​Unit/​IntropagePanelReloadButtonTest.php	Updates reload-tool assertions.

🧠 Review effort: Balanced

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.