@sensolus/create-snt-agent-app 0.3.10 → 0.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sensolus/create-snt-agent-app",
-  "version": "0.3.10",
+  "version": "0.3.11",
   "description": "Scaffold a new Sensolus agent app: React frontend wired to @sensolus/snt-agent-kit + Flask API proxy backend.",
   "type": "module",
   "bin": {

package/template/CLAUDE.md

@@ -184,6 +184,12 @@ These govern how widgets are composed on a page. Follow them when building or ed
 5. **Avoid pie charts — use bar charts.** For part-to-whole or category comparisons, render a bar chart, not a pie/donut. Bars are easier to read and compare than angles/slices. Reserve pies for nothing by default.
 6. **Every chart axis has a label.** Both the x- and y-axis must carry a name (with units where relevant, e.g. "Distance (km)"). Never ship a chart with unlabelled axes.
 7. **Cards are auto-height; siblings in a row match the tallest.** A card sizes to its own content by default — don't set fixed heights. When cards sit side by side (e.g. an `SntGrid` row), they stretch to the height of the tallest card in that row so their tops and bottoms align (use `align-items: stretch`, the default for flex/grid rows). Don't hand-tune per-card heights to fake alignment.
+8. **Form fields are auto-width with a 100px minimum.** Input fields size to their container/content rather than a fixed width, but never shrink below `min-width: 100px`. Don't hardcode field widths.
+9. **Form labels are right-aligned.** In a label + field form layout, align label text to the right (toward the field it describes).
+10. **Filters sit in a white panel.** Filter controls (e.g. an `SntSidepanel` / `SntFilterSection`, or a filter bar) have a white panel background that sets them apart from the page. This is the opposite of summary stats (rule 3): filters are framed, stats are not.
+11. **Toolbars and date range pickers go under a title.** Place an `SntToolbar` or `SntDateRangePicker` directly beneath the section/page title it controls, not in the title row. When both are present, stack them (one under the other) with the toolbar first and the date range picker second.
+12. **Body text is capped at 750px wide.** For readability, running text (paragraphs, descriptions, help copy) never exceeds `max-width: 750px`. Full-width containers (tables, maps, cards) are exempt — this applies to prose.
+13. **Vertical filter panels are at most 2 columns wide.** A filter panel laid out vertically (e.g. an `SntSidepanel` of stacked `SntFilterSection`s) spans no more than 2 of the 12 page columns. Keep filters as a narrow side rail; give the freed width to the content area.
 
 ## Internationalization (i18n)