@rippling/rippling-sdk 0.2.0-alpha.47 → 0.2.0-alpha.49

package/examples/sdui/sdui-tab-multi-view/rippling-function.ts

@@ -1,13 +1,6 @@
-/**
- * ----------------------------------------------------------------------------
- * PASTE THIS ENTIRE FILE INTO THE RIPPLING FUNCTION EDITOR TO PREVIEW RENDERED
- * SDUI (CUSTOM PAGE). DEPENDS ON @rippling/rippling-sdk AND @rippling/sdui-builder.
- * MOCK DATA ONLY — NO objectApiName / CUSTOM OBJECTS.
- * ----------------------------------------------------------------------------
- */
+/** Bark & Train — Field HQ: multi-tab dashboard (home / dogs / schedule / today / resources) with dogs + sessions CRUD. Mock data only. */
 
-/*
-import SDUI from '@rippling/sdui-builder';
+import SDUI from '@rippling/rippling-sdk/lib/sdui';
 import { FunctionContext, FunctionEvent, FunctionResponse } from '@rippling/rippling-sdk';
 
 const INITIAL_DOGS = [
@@ -114,7 +107,7 @@ function renderSpec(functionId: string) {
                 text: 'BARK & TRAIN · FIELD HQ',
               }),
               SDUI.components.Heading({
-                level: '1',
+                level: 1,
                 text: 'Good morning, trainer 👋',
               }),
               SDUI.components.Text({
@@ -126,7 +119,7 @@ function renderSpec(functionId: string) {
           }),
           SDUI.components.HStack({
             gap: 'space400',
-            wrap: false,
+            wrap: 'nowrap',
             align: 'stretch',
             justify: 'space-between',
             children: [
@@ -135,7 +128,6 @@ function renderSpec(functionId: string) {
                 minWidth: '260px',
                 children: [
                   SDUI.components.Card({
-                    padding: '32',
                     children: [
                       SDUI.components.Layout({
                         padding: { top: 24, bottom: 24, left: 24, right: 24 },
@@ -152,7 +144,7 @@ function renderSpec(functionId: string) {
                                 color: '#4F46E5',
                               }),
                               SDUI.components.Heading({
-                                level: '1',
+                                level: 1,
                                 text: SDUI.template`${s.stats.dogCount}`,
                               }),
                               SDUI.components.Text({
@@ -173,7 +165,6 @@ function renderSpec(functionId: string) {
                 minWidth: '260px',
                 children: [
                   SDUI.components.Card({
-                    padding: '32',
                     children: [
                       SDUI.components.Layout({
                         padding: { top: 24, bottom: 24, left: 24, right: 24 },
@@ -190,7 +181,7 @@ function renderSpec(functionId: string) {
                                 color: '#059669',
                               }),
                               SDUI.components.Heading({
-                                level: '1',
+                                level: 1,
                                 text: SDUI.template`${s.stats.sessionCount}`,
                               }),
                               SDUI.components.Text({
@@ -211,7 +202,6 @@ function renderSpec(functionId: string) {
                 minWidth: '260px',
                 children: [
                   SDUI.components.Card({
-                    padding: '32',
                     children: [
                       SDUI.components.Layout({
                         padding: { top: 24, bottom: 24, left: 24, right: 24 },
@@ -228,7 +218,7 @@ function renderSpec(functionId: string) {
                                 color: '#EA580C',
                               }),
                               SDUI.components.Heading({
-                                level: '1',
+                                level: 1,
                                 text: SDUI.template`${s.stats.totalMinutes}`,
                               }),
                               SDUI.components.Text({
@@ -249,7 +239,7 @@ function renderSpec(functionId: string) {
           // Chart + Quick actions row — 66% / 32%
           SDUI.components.HStack({
             gap: 'space400',
-            wrap: true,
+            wrap: 'wrap',
             align: 'stretch',
             justify: 'space-between',
             children: [
@@ -259,7 +249,6 @@ function renderSpec(functionId: string) {
                 children: [
                   SDUI.components.Card({
                     title: 'Where practice time goes',
-                    padding: '32',
                     children: [
                       SDUI.components.VStack({
                         gap: 'space400',
@@ -278,7 +267,7 @@ function renderSpec(functionId: string) {
                           }),
                           SDUI.components.HStack({
                             gap: 'space300',
-                            wrap: true,
+                            wrap: 'wrap',
                             justify: 'flex-start',
                             children: [
                               SDUI.components.Badge({
@@ -321,7 +310,6 @@ function renderSpec(functionId: string) {
                 children: [
                   SDUI.components.Card({
                     title: 'Quick actions',
-                    padding: '32',
                     children: [
                       SDUI.components.VStack({
                         gap: 'space300',
@@ -385,7 +373,6 @@ function renderSpec(functionId: string) {
   });
   const dogsGrid = SDUI.components.Grid({
     data: s.dogs,
-    width: '100%',
     height: 520,
     columns: [
       { id: 'dog_name__c', header: 'Name', data: 'dog_name__c', width: 220 },
@@ -415,7 +402,6 @@ function renderSpec(functionId: string) {
 
   const sessionsGrid = SDUI.components.Grid({
     data: s.sessions,
-    width: '100%',
     height: 520,
     columns: [
       { id: 'session_date__c', header: 'Date', data: 'session_date__c', width: 160 },
@@ -465,7 +451,7 @@ function renderSpec(functionId: string) {
             gap: 'space200',
             children: [
               SDUI.components.Heading({
-                level: '1',
+                level: 1,
                 text: 'Your dogs',
               }),
               SDUI.components.Text({
@@ -495,7 +481,7 @@ function renderSpec(functionId: string) {
             gap: 'space200',
             children: [
               SDUI.components.Heading({
-                level: '1',
+                level: 1,
                 text: 'Session schedule',
               }),
               SDUI.components.Text({
@@ -525,7 +511,7 @@ function renderSpec(functionId: string) {
             gap: 'space200',
             children: [
               SDUI.components.Heading({
-                level: '1',
+                level: 1,
                 text: 'Today & coming up',
               }),
               SDUI.components.Text({
@@ -578,7 +564,7 @@ function renderSpec(functionId: string) {
             gap: 'space200',
             children: [
               SDUI.components.Heading({
-                level: '1',
+                level: 1,
                 text: 'Resources & safety',
               }),
               SDUI.components.Text({
@@ -589,19 +575,17 @@ function renderSpec(functionId: string) {
             ],
           }),
           SDUI.components.Tip({
-            variant: 'warning',
             title: 'Reactive dogs at the gate',
-            description:
+            content:
               'Stagger arrivals so reactive pups aren’t face-to-face in the lobby; post your muzzle policy here.',
           }),
           SDUI.components.Tip({
-            variant: 'info',
             title: 'Emergency vet & after hours',
-            description: 'Pin clinic phone, poison control, and directions — trainers shouldn’t hunt for them mid-class.',
+            content:
+              'Pin clinic phone, poison control, and directions — trainers shouldn’t hunt for them mid-class.',
           }),
           SDUI.components.Card({
             title: 'Files you’ll attach later',
-            padding: '32',
             children: [
               SDUI.components.VStack({
                 gap: 'space400',
@@ -614,7 +598,7 @@ function renderSpec(functionId: string) {
                   }),
                   SDUI.components.HStack({
                     gap: 'space300',
-                    wrap: true,
+                    wrap: 'wrap',
                     children: [
                       SDUI.components.Badge({ text: 'Waivers', appearance: 'PRIMARY_LIGHT' }),
                       SDUI.components.Badge({ text: 'Vaccination records', appearance: 'SUCCESS_LIGHT' }),
@@ -649,276 +633,276 @@ function renderSpec(functionId: string) {
               { label: 'Resources', value: 'resources' },
             ],
           }),
-      SDUI.visible(SDUI.conditions.eq(s.activeTab, 'overview'), overviewPanel),
-      SDUI.visible(SDUI.conditions.eq(s.activeTab, 'dogs'), dogsPanel),
-      SDUI.visible(SDUI.conditions.eq(s.activeTab, 'sessions'), sessionsPanel),
-      SDUI.visible(SDUI.conditions.eq(s.activeTab, 'today'), todayPanel),
-      SDUI.visible(SDUI.conditions.eq(s.activeTab, 'resources'), resourcesPanel),
+          SDUI.visible(SDUI.conditions.eq(s.activeTab, 'overview'), overviewPanel),
+          SDUI.visible(SDUI.conditions.eq(s.activeTab, 'dogs'), dogsPanel),
+          SDUI.visible(SDUI.conditions.eq(s.activeTab, 'sessions'), sessionsPanel),
+          SDUI.visible(SDUI.conditions.eq(s.activeTab, 'today'), todayPanel),
+          SDUI.visible(SDUI.conditions.eq(s.activeTab, 'resources'), resourcesPanel),
 
-      SDUI.components.Modal({
-        title: 'Add Dog',
-        isOpen: s.showCreateDogModal.$bind,
-        onClose: SDUI.actions.set(s.showCreateDogModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
+          SDUI.components.Modal({
+            title: 'Add Dog',
+            isOpen: s.showCreateDogModal.$bind,
+            onClose: SDUI.actions.set(s.showCreateDogModal, false),
             children: [
-              SDUI.components.TextInput({
-                label: 'Dog Name',
-                name: 'dog_name',
-                value: s.dogForm.dog_name.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.TextInput({
-                label: 'Breed',
-                name: 'breed',
-                value: s.dogForm.breed.$bind,
-              }),
-              SDUI.components.Number({
-                label: 'Age (years)',
-                name: 'age',
-                value: s.dogForm.age.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showCreateDogModal, false),
+              SDUI.components.VStack({
+                gap: 'space300',
+                children: [
+                  SDUI.components.TextInput({
+                    label: 'Dog Name',
+                    name: 'dog_name',
+                    value: s.dogForm.dog_name.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.TextInput({
+                    label: 'Breed',
+                    name: 'breed',
+                    value: s.dogForm.breed.$bind,
+                  }),
+                  SDUI.components.Number({
+                    label: 'Age (years)',
+                    name: 'age',
+                    value: s.dogForm.age.$bind,
+                  }),
+                ],
               }),
-              SDUI.components.Button({
-                label: 'Create',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'create_dog', {
-                  dog_name: s.dogForm.dog_name,
-                  breed: s.dogForm.breed,
-                  age: s.dogForm.age,
-                  responsePath: '/dogs',
-                  onSuccess: { set: { '/showCreateDogModal': false } },
-                }),
+              SDUI.components.HStack({
+                gap: 'space200',
+                justify: 'flex-end',
+                children: [
+                  SDUI.components.Button({
+                    label: 'Cancel',
+                    appearance: 'OUTLINE',
+                    onPress: SDUI.actions.set(s.showCreateDogModal, false),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Create',
+                    appearance: 'PRIMARY',
+                    onPress: SDUI.actions.callFunction(functionId, 'create_dog', {
+                      dog_name: s.dogForm.dog_name,
+                      breed: s.dogForm.breed,
+                      age: s.dogForm.age,
+                      responsePath: '/dogs',
+                      onSuccess: { set: { '/showCreateDogModal': false } },
+                    }),
+                  }),
+                ],
               }),
             ],
           }),
-        ],
-      }),
 
-      SDUI.components.Modal({
-        title: 'Edit Dog',
-        isOpen: s.showEditDogModal.$bind,
-        onClose: SDUI.actions.set(s.showEditDogModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
+          SDUI.components.Modal({
+            title: 'Edit Dog',
+            isOpen: s.showEditDogModal.$bind,
+            onClose: SDUI.actions.set(s.showEditDogModal, false),
             children: [
-              SDUI.components.TextInput({
-                label: 'Dog Name',
-                name: 'edit_dog_name',
-                value: s.dogForm.dog_name.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.TextInput({
-                label: 'Breed',
-                name: 'edit_breed',
-                value: s.dogForm.breed.$bind,
-              }),
-              SDUI.components.Number({
-                label: 'Age (years)',
-                name: 'edit_age',
-                value: s.dogForm.age.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Delete',
-                appearance: 'DESTRUCTIVE',
-                onPress: SDUI.actions.callFunction(functionId, 'delete_dog', {
-                  id: s.selectedDog['id'],
-                  responsePath: '/dogs',
-                  onSuccess: { set: { '/showEditDogModal': false } },
-                }),
-              }),
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showEditDogModal, false),
+              SDUI.components.VStack({
+                gap: 'space300',
+                children: [
+                  SDUI.components.TextInput({
+                    label: 'Dog Name',
+                    name: 'edit_dog_name',
+                    value: s.dogForm.dog_name.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.TextInput({
+                    label: 'Breed',
+                    name: 'edit_breed',
+                    value: s.dogForm.breed.$bind,
+                  }),
+                  SDUI.components.Number({
+                    label: 'Age (years)',
+                    name: 'edit_age',
+                    value: s.dogForm.age.$bind,
+                  }),
+                ],
               }),
-              SDUI.components.Button({
-                label: 'Save',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'update_dog', {
-                  id: s.selectedDog['id'],
-                  dog_name: s.dogForm.dog_name,
-                  breed: s.dogForm.breed,
-                  age: s.dogForm.age,
-                  responsePath: '/dogs',
-                  onSuccess: { set: { '/showEditDogModal': false } },
-                }),
+              SDUI.components.HStack({
+                gap: 'space200',
+                justify: 'flex-end',
+                children: [
+                  SDUI.components.Button({
+                    label: 'Delete',
+                    appearance: 'DESTRUCTIVE',
+                    onPress: SDUI.actions.callFunction(functionId, 'delete_dog', {
+                      id: s.selectedDog['id'],
+                      responsePath: '/dogs',
+                      onSuccess: { set: { '/showEditDogModal': false } },
+                    }),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Cancel',
+                    appearance: 'OUTLINE',
+                    onPress: SDUI.actions.set(s.showEditDogModal, false),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Save',
+                    appearance: 'PRIMARY',
+                    onPress: SDUI.actions.callFunction(functionId, 'update_dog', {
+                      id: s.selectedDog['id'],
+                      dog_name: s.dogForm.dog_name,
+                      breed: s.dogForm.breed,
+                      age: s.dogForm.age,
+                      responsePath: '/dogs',
+                      onSuccess: { set: { '/showEditDogModal': false } },
+                    }),
+                  }),
+                ],
               }),
             ],
           }),
-        ],
-      }),
 
-      SDUI.components.Modal({
-        title: 'Add Training Session',
-        isOpen: s.showCreateSessionModal.$bind,
-        onClose: SDUI.actions.set(s.showCreateSessionModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
+          SDUI.components.Modal({
+            title: 'Add Training Session',
+            isOpen: s.showCreateSessionModal.$bind,
+            onClose: SDUI.actions.set(s.showCreateSessionModal, false),
             children: [
-              SDUI.components.TextInput({
-                label: 'Dog ID',
-                name: 'dog_id',
-                value: s.sessionForm.dog_id.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.TextInput({
-                label: 'Session Date',
-                name: 'session_date',
-                value: s.sessionForm.session_date.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.Number({
-                label: 'Duration (min)',
-                name: 'duration',
-                value: s.sessionForm.duration.$bind,
-              }),
-              SDUI.components.Select({
-                label: 'Training Type',
-                name: 'training_type',
-                value: s.sessionForm.training_type.$bind,
-                options: [
-                  { label: 'Obedience', value: 'Obedience' },
-                  { label: 'Agility', value: 'Agility' },
-                  { label: 'Socialization', value: 'Socialization' },
-                  { label: 'Behavior', value: 'Behavior' },
+              SDUI.components.VStack({
+                gap: 'space300',
+                children: [
+                  SDUI.components.TextInput({
+                    label: 'Dog ID',
+                    name: 'dog_id',
+                    value: s.sessionForm.dog_id.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.TextInput({
+                    label: 'Session Date',
+                    name: 'session_date',
+                    value: s.sessionForm.session_date.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.Number({
+                    label: 'Duration (min)',
+                    name: 'duration',
+                    value: s.sessionForm.duration.$bind,
+                  }),
+                  SDUI.components.Select({
+                    label: 'Training Type',
+                    name: 'training_type',
+                    value: s.sessionForm.training_type.$bind,
+                    options: [
+                      { label: 'Obedience', value: 'Obedience' },
+                      { label: 'Agility', value: 'Agility' },
+                      { label: 'Socialization', value: 'Socialization' },
+                      { label: 'Behavior', value: 'Behavior' },
+                    ],
+                  }),
+                  SDUI.components.Textarea({
+                    label: 'Notes',
+                    name: 'notes',
+                    value: s.sessionForm.notes.$bind,
+                  }),
                 ],
               }),
-              SDUI.components.Textarea({
-                label: 'Notes',
-                name: 'notes',
-                value: s.sessionForm.notes.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showCreateSessionModal, false),
-              }),
-              SDUI.components.Button({
-                label: 'Create',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'create_session', {
-                  dog_id: s.sessionForm.dog_id,
-                  session_date: s.sessionForm.session_date,
-                  duration: s.sessionForm.duration,
-                  training_type: s.sessionForm.training_type,
-                  notes: s.sessionForm.notes,
-                  responsePath: '/sessions',
-                  onSuccess: { set: { '/showCreateSessionModal': false } },
-                }),
+              SDUI.components.HStack({
+                gap: 'space200',
+                justify: 'flex-end',
+                children: [
+                  SDUI.components.Button({
+                    label: 'Cancel',
+                    appearance: 'OUTLINE',
+                    onPress: SDUI.actions.set(s.showCreateSessionModal, false),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Create',
+                    appearance: 'PRIMARY',
+                    onPress: SDUI.actions.callFunction(functionId, 'create_session', {
+                      dog_id: s.sessionForm.dog_id,
+                      session_date: s.sessionForm.session_date,
+                      duration: s.sessionForm.duration,
+                      training_type: s.sessionForm.training_type,
+                      notes: s.sessionForm.notes,
+                      responsePath: '/sessions',
+                      onSuccess: { set: { '/showCreateSessionModal': false } },
+                    }),
+                  }),
+                ],
               }),
             ],
           }),
-        ],
-      }),
 
-      SDUI.components.Modal({
-        title: 'Edit Training Session',
-        isOpen: s.showEditSessionModal.$bind,
-        onClose: SDUI.actions.set(s.showEditSessionModal, false),
-        children: [
-          SDUI.components.VStack({
-            gap: 'space300',
+          SDUI.components.Modal({
+            title: 'Edit Training Session',
+            isOpen: s.showEditSessionModal.$bind,
+            onClose: SDUI.actions.set(s.showEditSessionModal, false),
             children: [
-              SDUI.components.TextInput({
-                label: 'Dog ID',
-                name: 'edit_dog_id',
-                value: s.sessionForm.dog_id.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.TextInput({
-                label: 'Session Date',
-                name: 'edit_session_date',
-                value: s.sessionForm.session_date.$bind,
-                isRequired: true,
-              }),
-              SDUI.components.Number({
-                label: 'Duration (min)',
-                name: 'edit_duration',
-                value: s.sessionForm.duration.$bind,
-              }),
-              SDUI.components.Select({
-                label: 'Training Type',
-                name: 'edit_training_type',
-                value: s.sessionForm.training_type.$bind,
-                options: [
-                  { label: 'Obedience', value: 'Obedience' },
-                  { label: 'Agility', value: 'Agility' },
-                  { label: 'Socialization', value: 'Socialization' },
-                  { label: 'Behavior', value: 'Behavior' },
+              SDUI.components.VStack({
+                gap: 'space300',
+                children: [
+                  SDUI.components.TextInput({
+                    label: 'Dog ID',
+                    name: 'edit_dog_id',
+                    value: s.sessionForm.dog_id.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.TextInput({
+                    label: 'Session Date',
+                    name: 'edit_session_date',
+                    value: s.sessionForm.session_date.$bind,
+                    isRequired: true,
+                  }),
+                  SDUI.components.Number({
+                    label: 'Duration (min)',
+                    name: 'edit_duration',
+                    value: s.sessionForm.duration.$bind,
+                  }),
+                  SDUI.components.Select({
+                    label: 'Training Type',
+                    name: 'edit_training_type',
+                    value: s.sessionForm.training_type.$bind,
+                    options: [
+                      { label: 'Obedience', value: 'Obedience' },
+                      { label: 'Agility', value: 'Agility' },
+                      { label: 'Socialization', value: 'Socialization' },
+                      { label: 'Behavior', value: 'Behavior' },
+                    ],
+                  }),
+                  SDUI.components.Textarea({
+                    label: 'Notes',
+                    name: 'edit_notes',
+                    value: s.sessionForm.notes.$bind,
+                  }),
                 ],
               }),
-              SDUI.components.Textarea({
-                label: 'Notes',
-                name: 'edit_notes',
-                value: s.sessionForm.notes.$bind,
-              }),
-            ],
-          }),
-          SDUI.components.HStack({
-            gap: 'space200',
-            justify: 'flex-end',
-            children: [
-              SDUI.components.Button({
-                label: 'Delete',
-                appearance: 'DESTRUCTIVE',
-                onPress: SDUI.actions.callFunction(functionId, 'delete_session', {
-                  id: s.selectedSession['id'],
-                  responsePath: '/sessions',
-                  onSuccess: { set: { '/showEditSessionModal': false } },
-                }),
-              }),
-              SDUI.components.Button({
-                label: 'Cancel',
-                appearance: 'OUTLINE',
-                onPress: SDUI.actions.set(s.showEditSessionModal, false),
-              }),
-              SDUI.components.Button({
-                label: 'Save',
-                appearance: 'PRIMARY',
-                onPress: SDUI.actions.callFunction(functionId, 'update_session', {
-                  id: s.selectedSession['id'],
-                  dog_id: s.sessionForm.dog_id,
-                  session_date: s.sessionForm.session_date,
-                  duration: s.sessionForm.duration,
-                  training_type: s.sessionForm.training_type,
-                  notes: s.sessionForm.notes,
-                  responsePath: '/sessions',
-                  onSuccess: { set: { '/showEditSessionModal': false } },
-                }),
+              SDUI.components.HStack({
+                gap: 'space200',
+                justify: 'flex-end',
+                children: [
+                  SDUI.components.Button({
+                    label: 'Delete',
+                    appearance: 'DESTRUCTIVE',
+                    onPress: SDUI.actions.callFunction(functionId, 'delete_session', {
+                      id: s.selectedSession['id'],
+                      responsePath: '/sessions',
+                      onSuccess: { set: { '/showEditSessionModal': false } },
+                    }),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Cancel',
+                    appearance: 'OUTLINE',
+                    onPress: SDUI.actions.set(s.showEditSessionModal, false),
+                  }),
+                  SDUI.components.Button({
+                    label: 'Save',
+                    appearance: 'PRIMARY',
+                    onPress: SDUI.actions.callFunction(functionId, 'update_session', {
+                      id: s.selectedSession['id'],
+                      dog_id: s.sessionForm.dog_id,
+                      session_date: s.sessionForm.session_date,
+                      duration: s.sessionForm.duration,
+                      training_type: s.sessionForm.training_type,
+                      notes: s.sessionForm.notes,
+                      responsePath: '/sessions',
+                      onSuccess: { set: { '/showEditSessionModal': false } },
+                    }),
+                  }),
+                ],
               }),
             ],
           }),
         ],
       }),
     ],
-  }),
-    ],
   });
 
   return SDUI.render(s, root);
@@ -969,14 +953,14 @@ export async function onRipplingEvent(
 
   if (action === 'update_dog') {
     mutableDogs = mutableDogs.map((r) =>
-      r.id === p['id']
-        ? {
-            ...r,
-            dog_name__c: String(p['dog_name'] ?? r.dog_name__c),
-            breed__c: String(p['breed'] ?? r.breed__c),
-            age__c: p['age'] !== '' && p['age'] != null ? Number(p['age']) : r.age__c,
-          }
-        : r,
+      r.id === p['id'] ?
+        {
+          ...r,
+          dog_name__c: String(p['dog_name'] ?? r.dog_name__c),
+          breed__c: String(p['breed'] ?? r.breed__c),
+          age__c: p['age'] !== '' && p['age'] != null ? Number(p['age']) : r.age__c,
+        }
+      : r,
     );
     return new FunctionResponse({
       body: mutableDogs as unknown as Record<string, unknown>,
@@ -1020,16 +1004,16 @@ export async function onRipplingEvent(
 
   if (action === 'update_session') {
     mutableSessions = mutableSessions.map((r) =>
-      r.id === p['id']
-        ? {
-            ...r,
-            dog_id__c: String(p['dog_id'] ?? r.dog_id__c),
-            session_date__c: String(p['session_date'] ?? r.session_date__c),
-            duration__c: p['duration'] !== '' && p['duration'] != null ? Number(p['duration']) : r.duration__c,
-            training_type__c: String(p['training_type'] ?? r.training_type__c),
-            notes__c: String(p['notes'] ?? r.notes__c),
-          }
-        : r,
+      r.id === p['id'] ?
+        {
+          ...r,
+          dog_id__c: String(p['dog_id'] ?? r.dog_id__c),
+          session_date__c: String(p['session_date'] ?? r.session_date__c),
+          duration__c: p['duration'] !== '' && p['duration'] != null ? Number(p['duration']) : r.duration__c,
+          training_type__c: String(p['training_type'] ?? r.training_type__c),
+          notes__c: String(p['notes'] ?? r.notes__c),
+        }
+      : r,
     );
     return new FunctionResponse({
       body: mutableSessions as unknown as Record<string, unknown>,
@@ -1056,6 +1040,3 @@ export async function onRipplingEvent(
     message: 'Unknown action',
   });
 }
-
-
-*/