@genesislcap/ai-assistant 15.19.1 → 15.19.2-FUI-2610.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AA09BA,eAAO,MAAM,MAAM,iDAQlB,CAAC"}
1
+ {"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AA6gCA,eAAO,MAAM,MAAM,iDAQlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AASH,OAAO,EAAuC,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AA2QpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,qBAAqB,KAAG,MAOlD,CAAC;AAEf;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB,GAAI,GAAG,qBAAqB,KAAG,MAAM,GAAG,IAC5B,CAAC;AAyJ7C,eAAO,MAAM,6BAA6B,GACxC,oBAAoB,MAAM,KACzB,YAAY,CAAC,qBAAqB,CA+lBpC,CAAC"}
1
+ {"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AASH,OAAO,EAAuC,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,QAAQ,CAAC;AA2QpD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,GAAI,GAAG,qBAAqB,KAAG,MAOlD,CAAC;AAEf;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,mBAAmB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,mBAAmB,GAAI,GAAG,qBAAqB,KAAG,MAAM,GAAG,IAC5B,CAAC;AAyJ7C,eAAO,MAAM,6BAA6B,GACxC,oBAAoB,MAAM,KACzB,YAAY,CAAC,qBAAqB,CAwmBpC,CAAC"}
@@ -596,6 +596,13 @@ const baseStyles = css `
596
596
  min-width: 0;
597
597
  padding: 0;
598
598
  justify-content: center;
599
+
600
+ /* See the note on .send-button::part(control) below — same two corrections, and
601
+ the pill needs the centring especially: it is the one button here that puts an
602
+ icon next to text, and baseline alignment lines those two up by their text
603
+ baselines rather than their middles. */
604
+ align-items: center;
605
+ height: 100%;
599
606
  }
600
607
 
601
608
  /* The agent pill is the one that carries a label, so it is the one that grows.
@@ -643,6 +650,23 @@ const baseStyles = css `
643
650
  height: calc(var(--design-unit) * 7px);
644
651
  }
645
652
 
653
+ /* Two corrections to the design-system button's inner control, both of which only
654
+ BITE once a host puts a border on the button — which is why they were invisible
655
+ here and showed up in a consuming app.
656
+
657
+ height: the control takes its height from the host, whose box-sizing is
658
+ border-box. With a border the host's content box is 2px shorter than that value,
659
+ so the control overflows the bottom and everything inside it sits a pixel low.
660
+ 100% resolves against the content box instead, which is what was meant.
661
+
662
+ align-items: the control aligns its children on their BASELINE. For a lone text
663
+ label that is survivable; for an icon beside text it is not, and it stops the
664
+ label centring once the box is taller than the line. */
665
+ .send-button::part(control) {
666
+ align-items: center;
667
+ height: 100%;
668
+ }
669
+
646
670
  /* The "stopping" state shows a spinner — rotate it (the icon set's glyph is
647
671
  static). Transform-only, so it never affects layout/width. */
648
672
  @keyframes ai-stop-spin {
@@ -732,6 +756,33 @@ const baseStyles = css `
732
756
  display: flex;
733
757
  flex-direction: column;
734
758
  gap: 1px;
759
+
760
+ /* Definite rather than shrink-to-fit — see the note below on why both axes
761
+ have to be pinned for this menu. */
762
+ width: min(100%, 300px);
763
+ }
764
+
765
+ /* This menu swaps its contents in place — Compact/Clear become Confirm/Cancel —
766
+ and it is anchored by its BOTTOM-LEFT corner, so ANY change in size moves an
767
+ edge and the menu appears to jump as you click. Both axes need pinning.
768
+
769
+ Width: an absolutely-positioned panel is shrink-to-fit, so each state sized
770
+ itself to its own longest hint and the Clear confirm came out 26px narrower
771
+ than the step before it. A definite width takes the copy out of it. The cap
772
+ is above the widest state's natural width so no hint re-wraps into a third
773
+ line, which is the one thing that would defeat the height rule below.
774
+
775
+ Height: the panel is anchored by its bottom edge, so a shorter state moves
776
+ the top edge down.
777
+
778
+ Giving every row the same hint text would only make the two states match by
779
+ coincidence: hints wrap at different widths, so at ~330px one state's hint
780
+ took two lines while the other's took one and the jump came back. Reserving
781
+ two lines on every hint makes the rows the same height whatever the wrapping,
782
+ so the states are equal by construction rather than by luck. 2.7em = two
783
+ lines at this element's own 1.35 line-height. */
784
+ .session-menu-panel .menu-item-hint {
785
+ min-height: 2.7em;
735
786
  }
736
787
 
737
788
  /* Shown in place of the transcript while a manual compaction runs (GENC-1351). */
@@ -679,6 +679,12 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
679
679
  </span>
680
680
  </button>
681
681
  `;
682
+ // The hint is not decoration. Every other row in this menu has one, and the
683
+ // panel is anchored by its BOTTOM edge to the button: a hintless Cancel makes
684
+ // the confirm step ~16px shorter than the step before it, so the panel's top
685
+ // edge visibly drops as it swaps in. Matching the row shape keeps the two
686
+ // states the same height and the menu still. It also earns its place — on a
687
+ // destructive confirm, saying what happens if you back out is worth a line.
682
688
  const sessionMenuCancelTemplate = html `
683
689
  <button
684
690
  class="menu-item"
@@ -690,7 +696,10 @@ ${(tc) => { var _a; return (((_a = tc.foldPath) === null || _a === void 0 ? void
690
696
  }}
691
697
  >
692
698
  <span class="menu-item-icon" aria-hidden="true"><${iconTag} name="xmark"></${iconTag}></span>
693
- <span class="menu-item-body"><span class="menu-item-name">Cancel</span></span>
699
+ <span class="menu-item-body">
700
+ <span class="menu-item-name">Cancel</span>
701
+ <span class="menu-item-hint">Leave the conversation as it is</span>
702
+ </span>
694
703
  </button>
695
704
  `;
696
705
  const sessionMenuConfirmCompactTemplate = html `
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/ai-assistant",
3
3
  "description": "Genesis AI Assistant micro-frontend",
4
- "version": "15.19.1",
4
+ "version": "15.19.2-FUI-2610.2",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/ai-assistant.d.ts",
@@ -74,26 +74,26 @@
74
74
  }
75
75
  },
76
76
  "devDependencies": {
77
- "@genesislcap/foundation-testing": "15.19.1",
78
- "@genesislcap/genx": "15.19.1",
79
- "@genesislcap/rollup-builder": "15.19.1",
80
- "@genesislcap/ts-builder": "15.19.1",
81
- "@genesislcap/uvu-playwright-builder": "15.19.1",
82
- "@genesislcap/vite-builder": "15.19.1",
83
- "@genesislcap/webpack-builder": "15.19.1",
77
+ "@genesislcap/foundation-testing": "15.19.2-FUI-2610.2",
78
+ "@genesislcap/genx": "15.19.2-FUI-2610.2",
79
+ "@genesislcap/rollup-builder": "15.19.2-FUI-2610.2",
80
+ "@genesislcap/ts-builder": "15.19.2-FUI-2610.2",
81
+ "@genesislcap/uvu-playwright-builder": "15.19.2-FUI-2610.2",
82
+ "@genesislcap/vite-builder": "15.19.2-FUI-2610.2",
83
+ "@genesislcap/webpack-builder": "15.19.2-FUI-2610.2",
84
84
  "@types/dompurify": "^3.0.5",
85
85
  "@types/marked": "^5.0.2",
86
86
  "esbuild": "0.25.12"
87
87
  },
88
88
  "dependencies": {
89
- "@genesislcap/foundation-ai": "15.19.1",
90
- "@genesislcap/foundation-logger": "15.19.1",
91
- "@genesislcap/foundation-notifications": "15.19.1",
92
- "@genesislcap/foundation-redux": "15.19.1",
93
- "@genesislcap/foundation-ui": "15.19.1",
94
- "@genesislcap/foundation-utils": "15.19.1",
95
- "@genesislcap/rapid-design-system": "15.19.1",
96
- "@genesislcap/web-core": "15.19.1",
89
+ "@genesislcap/foundation-ai": "15.19.2-FUI-2610.2",
90
+ "@genesislcap/foundation-logger": "15.19.2-FUI-2610.2",
91
+ "@genesislcap/foundation-notifications": "15.19.2-FUI-2610.2",
92
+ "@genesislcap/foundation-redux": "15.19.2-FUI-2610.2",
93
+ "@genesislcap/foundation-ui": "15.19.2-FUI-2610.2",
94
+ "@genesislcap/foundation-utils": "15.19.2-FUI-2610.2",
95
+ "@genesislcap/rapid-design-system": "15.19.2-FUI-2610.2",
96
+ "@genesislcap/web-core": "15.19.2-FUI-2610.2",
97
97
  "dompurify": "^3.3.1",
98
98
  "marked": "^17.0.3"
99
99
  },