diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 7a1dde7b..616ca73e 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -779,4 +779,6 @@ MID CENTURY MODERN TUNES - https://www.allmusic.com/album/ultra-lounge-vol-14-bo
 
 BUILD 131 CHANGES OF NOTE
 
-- case 3946 at a glance wiki present implemented
\ No newline at end of file
+- case 3946 at a glance wiki present implemented
+- Added work order states collection to report data for work order and status viz fields: Name, color, completed, locked
+- Added work order item status and priority Name and Color fields as viz fields to report data for work order
\ No newline at end of file
diff --git a/ayanova/src/views/ay-about.vue b/ayanova/src/views/ay-about.vue
index c649a1c2..e51cfbd7 100644
--- a/ayanova/src/views/ay-about.vue
+++ b/ayanova/src/views/ay-about.vue
@@ -5,97 +5,97 @@
       <v-card id="ayaNovaVersioncard" data-cy="versionCard">
         <v-subheader>AyaNova App</v-subheader>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("Version") }}: </span>
-          <span class="body-2">{{ clientInfo.version }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("Version") }}: </span>
+          <span class="text-body-2">{{ clientInfo.version }}</span>
         </div>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("User") }}: </span>
-          <span class="body-2">{{ this.$store.state.userName }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("User") }}: </span>
+          <span class="text-body-2">{{ this.$store.state.userName }}</span>
         </div>
 
         <div>
-          <span class="ml-6 body-1">12h: </span>
-          <span class="body-2">
+          <span class="ml-6 text-body-1">12h: </span>
+          <span class="text-body-2">
             {{ locale().getHour12() }}
           </span>
         </div>
 
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("TimeZone") }}: </span>
-          <span class="body-2">
+          <span class="ml-6 text-body-1">{{ $ay.t("TimeZone") }}: </span>
+          <span class="text-body-2">
             {{ locale().getResolvedTimeZoneName() }}
           </span>
         </div>
 
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("LanguageCode") }}: </span>
-          <span class="body-2">{{ locale().getResolvedLanguage() }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("LanguageCode") }}: </span>
+          <span class="text-body-2">{{ locale().getResolvedLanguage() }}</span>
         </div>
 
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("CurrencyCode") }}: </span>
-          <span class="body-2">{{ locale().getCurrencyName() }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("CurrencyCode") }}: </span>
+          <span class="text-body-2">{{ locale().getCurrencyName() }}</span>
         </div>
 
         <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ $ay.t("Browser") }}</v-subheader>
         <div v-for="(value, name) in browser" :key="name">
-          <span class="ml-6 body-1">{{ name }}: </span>
-          <span class="body-2">{{ value }}</span>
+          <span class="ml-6 text-body-1">{{ name }}: </span>
+          <span class="text-body-2">{{ value }}</span>
         </div>
 
         <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ $ay.t("Server") }}</v-subheader>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("ServerAddress") }}: </span>
-          <span class="body-2">{{ this.$store.state.apiUrl }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("ServerAddress") }}: </span>
+          <span class="text-body-2">{{ this.$store.state.apiUrl }}</span>
         </div>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("Version") }}: </span>
-          <span class="body-2">{{ serverInfo.serverVersion }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("Version") }}: </span>
+          <span class="text-body-2">{{ serverInfo.serverVersion }}</span>
         </div>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("SchemaVersion") }}: </span>
-          <span class="body-2">{{ serverInfo.dbSchemaVersion }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("SchemaVersion") }}: </span>
+          <span class="text-body-2">{{ serverInfo.dbSchemaVersion }}</span>
         </div>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("ServerTime") }}: </span>
-          <span class="body-2">{{ serverInfo.serverLocalTime }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("ServerTime") }}: </span>
+          <span class="text-body-2">{{ serverInfo.serverLocalTime }}</span>
         </div>
         <div>
-          <span class="ml-6 body-1">{{ $ay.t("TimeZone") }}: </span>
-          <span class="body-2">{{ serverInfo.serverTimeZone }}</span>
+          <span class="ml-6 text-body-1">{{ $ay.t("TimeZone") }}: </span>
+          <span class="text-body-2">{{ serverInfo.serverTimeZone }}</span>
         </div>
         <div v-if="canViewLicenseInfo()">
           <v-divider class="mt-6"></v-divider>
           <v-subheader>{{ $ay.t("HelpLicense") }}</v-subheader>
           <div>
-            <span class="ml-6 body-1">{{ $ay.t("RegisteredUser") }}: </span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ $ay.t("RegisteredUser") }}: </span>
+            <span class="text-body-2">{{
               serverInfo.license.license.licensedTo
             }}</span>
           </div>
           <div>
-            <span class="ml-6 body-1">{{ $ay.t("DatabaseID") }}: </span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ $ay.t("DatabaseID") }}: </span>
+            <span class="text-body-2">{{
               serverInfo.license.license.serverDbId
             }}</span>
           </div>
           <div>
-            <span class="ml-6 body-1">{{ $ay.t("LicenseSerial") }}: </span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ $ay.t("LicenseSerial") }}: </span>
+            <span class="text-body-2">{{
               serverInfo.license.license.keySerial
             }}</span>
           </div>
           <div>
-            <span class="ml-6 body-1">{{ $ay.t("LicenseExpiration") }}: </span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ $ay.t("LicenseExpiration") }}: </span>
+            <span class="text-body-2">{{
               serverInfo.license.license.licenseExpiration
             }}</span>
           </div>
           <div>
-            <span class="ml-6 body-1">{{ $ay.t("SupportedUntil") }}: </span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ $ay.t("SupportedUntil") }}: </span>
+            <span class="text-body-2">{{
               serverInfo.license.license.maintenanceExpiration
             }}</span>
           </div>
@@ -109,8 +109,8 @@
             v-for="item in serverInfo.license.license.features"
             :key="item.Feature"
           >
-            <span class="ml-6 body-1">{{ item.Feature }}</span>
-            <span class="body-2">{{
+            <span class="ml-6 text-body-1">{{ item.Feature }}</span>
+            <span class="text-body-2">{{
               item.Count ? ": " + item.Count : ""
             }}</span>
           </div>
diff --git a/ayanova/src/views/home-schedule.vue b/ayanova/src/views/home-schedule.vue
index bd1de450..035486cb 100644
--- a/ayanova/src/views/home-schedule.vue
+++ b/ayanova/src/views/home-schedule.vue
@@ -1,6 +1,7 @@
 <template>
   <div v-if="formState.ready" v-resize="onResize" class="my-n8">
-    <!-- `{{ "focus:" + focus }}` {{ diagInfo() }}-->
+    <!-- `{{ "focus:" + focus }}` {{ diagInfo() }}
+    {{ eventMoreInfo }}-->
     <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
 
     <v-sheet height="64">
@@ -64,7 +65,7 @@
         :event-color="getEventColor"
         :type="viewType"
         :locale="languageName"
-        @click:event="showEvent"
+        @click:event="showEventMoreInfo"
         @click:more="viewDay"
         @click:date="viewDay"
         @change="fetchEvents"
@@ -102,7 +103,34 @@
             </v-btn> -->
           </v-toolbar>
           <v-card-text>
-            {{ selectedEvent }}
+            <!--woitemscheduleduser -->
+            <div v-if="selectedEvent.type == 41">
+              <!-- serial = w.Serial,
+                w.CustomerViz,
+                wosummary = w.Notes,
+                wostatus = WoStatusName,
+                wostatuscolor = WoStatusColor,
+                woitemnotes = w.Items[0].Notes,
+                woitemtechnotes = w.Items[0].TechNotes,
+                woitemstatus = w.Items[0].WorkOrderItemStatusNameViz,
+                woitemstatuscolor = w.Items[0].WorkOrderItemStatusColorViz,
+                woitempriority = w.Items[0].WorkOrderItemPriorityNameViz,
+                woitemprioritycolor = w.Items[0].WorkOrderItemPriorityColorViz,
+                scheduser = w.Items[0].ScheduledUsers[0].UserViz,
+                qty = w.Items[0].ScheduledUsers[0].EstimatedQuantity,
+                rate = w.Items[0].ScheduledUsers[0].ServiceRateViz,
+                wotags = w.Tags,
+                woitemtags = w.Items[0].Tags -->
+              <div>
+                <span class="text-h6">{{ $ay.t("WorkOrder") }}: </span>
+                <span class="text-body-1"
+                  >{{ eventMoreInfo.serial }}&nbsp;
+                  {{ eventMoreInfo.customerViz }}</span
+                >
+              </div>
+              {{ selectedEvent }}
+              {{ eventMoreInfo }}
+            </div>
           </v-card-text>
           <v-card-actions>
             <v-btn text color="secondary" @click="selectedOpen = false">
@@ -241,7 +269,7 @@ export default {
       selectedElement: null,
       selectedOpen: false,
       events: [],
-
+      eventMoreInfo: null,
       formState: {
         ready: false,
         dirty: false,
@@ -320,8 +348,23 @@ export default {
         id: this.selectedEvent.id
       });
     },
-    showEvent({ nativeEvent, event }) {
-      //console.log("ShowEvent:event ", JSON.stringify(event));
+    async showEventMoreInfo({ nativeEvent, event }) {
+      //console.log("showEventMoreInfo:event ", JSON.stringify(event));
+      let route = null;
+      this.eventMoreInfo = null;
+
+      switch (event.type) {
+        case window.$gz.type.WorkOrderItemScheduledUser:
+          route = `workorder/items/scheduled-users/sched-info/${event.id}`;
+          break;
+      }
+      if (route) {
+        let res = await window.$gz.api.get(route);
+        if (!res.error) {
+          this.eventMoreInfo = res.data;
+        }
+      }
+
       const open = () => {
         this.selectedEvent = event;
         this.selectedElement = nativeEvent.target;