Skip to content

fix(operator-agents): redesign plugin DnD for visibility + fix host-list overflow#271

Open
Weegy wants to merge 2 commits into
mainfrom
worktree-redesign-agents-dnd
Open

fix(operator-agents): redesign plugin DnD for visibility + fix host-list overflow#271
Weegy wants to merge 2 commits into
mainfrom
worktree-redesign-agents-dnd

Conversation

@Weegy

@Weegy Weegy commented Jun 9, 2026

Copy link
Copy Markdown
Contributor

Was

Redesign des Plugin-Drag-and-Drop-Bereichs auf /operator/agents für bessere Lesbarkeit/UX — und Fix des horizontalen Overflow-Bugs (siehe Screenshot: Dynamics 365 CRM mit langer network_outbound-Liste sprengt die Karte nach rechts).

Root Cause des Overflows

Die Content-Spalte der Tile war flex-1 ohne min-w-0. Mit Flexbox-Default min-width:auto konnte das truncate der Metadaten-Zeile nicht greifen — eine lange Host-Liste zwang die ganze Karte zu wachsen und aus dem Viewport zu laufen. min-w-0 lässt das Truncation wieder wirken.

Änderungen (web-ui/app/operator/agents/_components/PluginsDnd.tsx)

  • Overflow gefixtmin-w-0 auf Content-Spalte + Columns; Metadaten-Chips truncaten statt die Karte zu dehnen.
  • Netzwerk-Hosts — statt aller Domains inline jetzt ein kompakter 🌐 N hosts-Chip (Globe-Icon, volle Liste im Title-Tooltip). Der große Lesbarkeits-Gewinn für die Dynamics-Zeile.
  • Scannbare Tiles — eigener Drag-Handle-Steg, klare Name/ID-Hierarchie, rounded-lg Karten mit Hover-Elevation; inaktive Plugins gedimmt.
  • Columns — Status-Dot + Count-Pill, Emerald-Akzent für „Attached", gestrichelte Drop-Zone mit Drag-over-Highlight; DragOverlay an den neuen Stil angepasst.
  • i18n — neue Keys networkHosts (Plural) + networkHostsTitle in en.json und de.json.

Validierung

  • npm run i18n:check OK (1166 keys, en/de)
  • eslint clean (exit 0)
  • tsc --noEmit clean (exit 0)
  • Kein Build (per Repo-Konvention nur lint + typecheck).

Weegy added 2 commits June 8, 2026 07:24
…ist overflow

- Add min-w-0 to the tile content column so the truncate on metadata
  actually shrinks instead of forcing the card to grow — root cause of
  the horizontal overflow on plugins with large network_outbound lists
  (e.g. Dynamics 365 CRM).
- Replace the inline comma-joined host dump with a compact 'N hosts'
  chip (Globe icon, full list in the title tooltip).
- Larger, scannable tiles: dedicated drag-handle rail, clearer name/id
  hierarchy, rounded-lg cards with hover elevation.
- Column redesign: status dot + count pill, emerald accent for the
  Attached column, dashed drop-zone hint with active highlight.
- Disabled (inactive) plugins dim; active toggle uses an accent checkbox.
- Match DragOverlay to the new tile style.
- New i18n keys: networkHosts (plural), networkHostsTitle (en + de).
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.

1 participant