@prefecthq/prefect-ui-library 3.11.19 → 3.11.21

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prefecthq/prefect-ui-library",
-    "version": "3.11.19",
+    "version": "3.11.21",
     "private": false,
     "repository": {
         "type": "git",
@@ -59,19 +59,19 @@
         "@types/lodash.merge": "4.6.9",
         "@types/node": "^22.9.0",
         "@types/prismjs": "^1.26.5",
-        "@vitejs/plugin-vue": "5.1.5",
+        "@vitejs/plugin-vue": "5.2.0",
         "auto-changelog": "^2.5.0",
         "autoprefixer": "10.4.20",
         "eslint": "8.57.1",
         "lodash.camelcase": "4.3.0",
         "lodash.debounce": "4.0.8",
         "postcss": "8.4.49",
-        "tailwindcss": "3.4.14",
+        "tailwindcss": "3.4.15",
         "tsc-alias": "1.8.10",
         "typescript": "5.6.3",
         "vite": "5.4.11",
         "vite-svg-loader": "^5.1.0",
-        "vitest": "^2.1.4",
+        "vitest": "^2.1.5",
         "vue-tsc": "^2.1.10"
     },
     "peerDependencies": {

package/src/components/FlowRunsBarChart.vue

@@ -57,6 +57,10 @@
       return null
     }
 
+    if (barsDebounced.value === 0) {
+      return null
+    }
+
     const base = toValue(props.filter)
     const filter: FlowRunsFilter = {
       limit: barsDebounced.value,
@@ -68,7 +72,12 @@
 
   const { flowRuns } = useFlowRuns(filter)
 
-  const barFlowRuns = computed(() => organizeFlowRunsWithGaps(flowRuns.value))
+  const barFlowRuns = computed(() => {
+    const runsWithGaps = organizeFlowRunsWithGaps(flowRuns.value)
+
+    // organizeFlowRunsWithGaps can return more values than the number of bars requested
+    return runsWithGaps.slice(-bars.value)
+  })
 
   const maxDuration = computed(() => flowRuns.value.reduce((max, flowRun) => {
     if (flowRun.duration > max) {
@@ -144,7 +153,7 @@
       })
       : flowRuns
 
-    // const bucketStepper = expectedStartTimeBefore.getTime() > new Date().getTime() ? 1 : -1
+
     function getEmptyBucket(index: number): number | null {
       if (index < 0) {
         return null

package/src/maps/dashboard.ts

@@ -8,6 +8,7 @@ export const mapWorkspaceDashboardFilterToTaskRunsFilter: MapFunction<WorkspaceD
   return {
     flowRuns: {
       tags: {
+        operator: 'or',
         name: source.tags,
       },
       parentTaskRunIdNull: source.hideSubflows ? true : undefined,
@@ -28,6 +29,7 @@ export const mapWorkspaceDashboardFilterToTaskRunsHistoryFilter: MapFunction<Wor
     historyIntervalSeconds: timeSpanInSeconds / 20,
     flowRuns: {
       tags: {
+        operator: 'or',
         name: source.tags,
       },
       parentTaskRunIdNull: source.hideSubflows ? true : undefined,
@@ -43,6 +45,7 @@ export const mapWorkspaceDashboardFilterToFlowRunsFilter: MapFunction<WorkspaceD
       expectedStartTimeAfter: startDate,
       expectedStartTimeBefore: endDate,
       tags: {
+        operator: 'or',
         name: source.tags,
       },
       parentTaskRunIdNull: source.hideSubflows ? true : undefined,

package/src/styles/index.css

@@ -3,3 +3,15 @@
 
 @tailwind components;
 @tailwind utilities;
+
+@layer utilities {
+  /* Chrome, Safari and Opera */
+  .no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  .no-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+  }
+}

package/src/types/states.ts

@@ -14,6 +14,7 @@ export const prefectStateNames = [
   'Running',
   'Retrying',
   'Completed',
+  'Cached',
   'Cancelled',
   'Cancelling',
   'Crashed',
@@ -34,6 +35,7 @@ export const prefectStateNameTypes = {
   'Running': 'running',
   'Retrying': 'running',
   'Completed': 'completed',
+  'Cached': 'completed',
   'Cancelled': 'cancelled',
   'Cancelling': 'cancelling',
   'Crashed': 'crashed',