Files
flowsint/flowsint-app
dextmorgn 47b0c05115 feat(app): RBAC permission gating, UserAvatar component, share dialog redesign and responsive grids
- Add UserAvatar and AvatarGroup components to /ui/avatar, migrate all consumers
- Display collaborator avatars in top navbar with AvatarGroup
- Gate edit actions behind canEdit: toolbar (connect, merge, layouts), nodes-view,
  nodes-panel, relationships-view (checkboxes + delete), edge-details-panel,
  graph-navigation (Add tab), import sheet, analysis creation
- Add role badge (owner/admin/editor/viewer) with colored icons in case-header
- Redesign share-dialog: role badges as dropdown triggers, skeleton loading,
  owner/member separation, hover-reveal delete button
- Switch all card grids from viewport breakpoints to CSS container queries
  (dashboard-stats, investigations-list, sketches-section, metrics-grid, custom-types)
- Extend container query classes in styles.css for all needed column counts
2026-04-11 14:44:29 +02:00
..

flowsint-app

The folder for the flowsint client, a web application built with Vite and React. The main libraries used are:

  • TanstackQuery
  • TanstackRouter
  • XYflow
  • react-force-graph

Project setup

Install

$ npm install

Development

$ npm run dev

This will start the development server at http://localhost:5173

Build

$ npm run build

This will create a production build in the dist folder.

Preview

$ npm run start

This will start the production build locally.