wip chat sessions

feedback_form.go

@@ -0,0 +1,108 @@
+package mujica
+
+import (
+	"log/slog"
+	"slices"
+
+	"github.com/egoist/mygo/ui"
+
+	"mujicaui/icons"
+	"mujicaui/theme"
+)
+
+// FeedbackRating is the thumb the user gave. The zero value is FeedbackUp.
+type FeedbackRating int
+
+const (
+	FeedbackUp FeedbackRating = iota
+	FeedbackDown
+)
+
+// FeedbackValue is what the user wrote: chosen reasons and a comment.
+type FeedbackValue struct {
+	Reasons []string
+	Comment string
+}
+
+// FeedbackFormOptions configure a FeedbackForm.
+type FeedbackFormOptions struct {
+	Rating FeedbackRating
+	// Reasons replaces the built-in reasons for the rating.
+	Reasons []string
+	// Submitting shows the caller sending the feedback and blocks the form.
+	Submitting bool
+	Disabled   bool
+}
+
+// FeedbackFormView is a built FeedbackForm and this frame's outcome.
+type FeedbackFormView struct {
+	Element              *ui.Element
+	Submitted, Cancelled bool
+}
+
+var feedbackReasons = [2][]string{
+	{"feedback_form.up.accurate", "feedback_form.up.helpful", "feedback_form.up.clear"},
+	{"feedback_form.down.wrong", "feedback_form.down.unhelpful", "feedback_form.down.unsafe", "feedback_form.down.style"},
+}
+
+// FeedbackForm asks why after a thumbs up or down: reason chips and a comment, then Submit or Cancel.
+func FeedbackForm(c *ui.Context, value *FeedbackValue, opts FeedbackFormOptions) FeedbackFormView {
+	if value == nil {
+		panic("mujica: FeedbackForm needs a value")
+	}
+	if opts.Rating != FeedbackUp && opts.Rating != FeedbackDown {
+		panic("mujica: FeedbackForm Rating out of range")
+	}
+	reasons := opts.Reasons
+	if reasons == nil {
+		for _, key := range feedbackReasons[opts.Rating] {
+			reasons = append(reasons, msg(c, key))
+		}
+	}
+	k := Tokens(c)
+	d := Density(c)
+	blocked := opts.Disabled || opts.Submitting
+	col := ui.Column(c).Gap(d.Unit()*3).Padding(d.Unit()*4).Background(k.Surface).Border(theme.BorderWidth, k.Border).
+		Radius(theme.CardRadius).Role(ui.RoleGroup).Disabled(blocked)
+	v := FeedbackFormView{Element: col}
+	title := map[FeedbackRating]string{FeedbackUp: "feedback_form.up.title", FeedbackDown: "feedback_form.down.title"}[opts.Rating]
+	col.Label(msg(c, title))
+	col.Children(func() {
+		ui.Row(c).Gap(d.Unit() * 2).AlignItems(ui.Center).Children(func() {
+			ui.Text(c, msg(c, title)).Font(theme.SerifFont).FontSize(FontSize(c, theme.H3Size)).TextColor(k.Text)
+		})
+		ui.Row(c).Wrap().Gap(d.Unit() * 2).FocusGroup(ui.Horizontal).Children(func() {
+			for _, r := range reasons {
+				on := slices.Contains(value.Reasons, r)
+				was := on
+				Toggle(c, &on, r, ToggleOptions{Disabled: blocked})
+				if on != was && !col.IsDisabled() {
+					if on {
+						value.Reasons = append(slices.Clone(value.Reasons), r)
+					} else {
+						value.Reasons = slices.DeleteFunc(slices.Clone(value.Reasons), func(x string) bool { return x == r })
+					}
+				}
+			}
+		})
+		TextArea(c, &value.Comment, TextAreaOptions{Placeholder: msg(c, "feedback_form.comment"), Label: msg(c, "feedback_form.comment"),
+			MinHeight: 72, Disabled: blocked})
+		ui.Row(c).Gap(d.Unit() * 2).Justify(ui.End).Children(func() {
+			v.Cancelled = Button(c, msg(c, "feedback_form.cancel"), ButtonOptions{Variant: Ghost, Disabled: blocked}).Clicked()
+			v.Submitted = Button(c, msg(c, "feedback_form.submit"), ButtonOptions{Icon: icons.Must("check"), Loading: opts.Submitting, Disabled: opts.Disabled}).Clicked()
+		})
+	})
+	if !col.IsDisabled() && col.Shortcut(0, ui.KeyEscape) {
+		v.Cancelled = true
+	}
+	if col.IsDisabled() {
+		v.Submitted, v.Cancelled = false, false
+	}
+	switch {
+	case v.Submitted:
+		slog.Debug("mujica: feedback_form submit", "rating", opts.Rating, "reasons", len(value.Reasons))
+	case v.Cancelled:
+		slog.Debug("mujica: feedback_form cancel")
+	}
+	return v
+}