Each card carried an avatar, a title, a subtitle, the full description as body copy and a chip that repeated the subtitle - five elements to say what is really a name and a kind. In a narrow sidebar that reads as a wall of text you have to scroll past to find the block you want to drag. A card is now one line plus a kind icon, with the description behind the info button. It expands in place rather than in a tooltip or a modal: these descriptions run to several hundred characters, which a tooltip cannot render readably, and a modal is heavy for a hint you read while reaching for a drag. Only one description is open at a time, so the list cannot unfold into the same wall of text by another route. Dragging is untouched and now says so: the whole card shows a grab cursor and a delayed tooltip naming the gesture, and a test pins the draggable attribute so a future restyle cannot quietly break the palette's only real job. The chip removal also drops MatChipsModule from both components. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .vscode | ||
| docker | ||
| docs | ||
| public | ||
| src | ||
| .dockerignore | ||
| .editorconfig | ||
| .gitignore | ||
| .postcssrc.json | ||
| Dockerfile | ||
| README.md | ||
| angular.json | ||
| components.json | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.spec.json | ||
README.md
HumAInFlow
This project was generated using Angular CLI version 21.0.3.
Development server
To start a local development server, run:
ng serveOnce the server is running, open your browser and navigate to
http://localhost:4200/. The application will automatically
reload whenever you modify any of the source files.
Code scaffolding
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
ng generate component component-nameFor a complete list of available schematics (such as
components, directives, or
pipes), run:
ng generate --helpBuilding
To build the project run:
ng buildThis will compile your project and store the build artifacts in the
dist/ directory. By default, the production build optimizes
your application for performance and speed.
Running unit tests
To execute unit tests with the Vitest test runner, use the following command:
ng testRunning end-to-end tests
For end-to-end (e2e) testing, run:
ng e2eAngular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.