PyPI - flowyml - Versions diffs - 1.3.0__py3-none-any.whl → 1.5.0__py3-none-any.whl - Mend

flowyml 1.3.0py3-none-any.whl → 1.5.0py3-none-any.whl

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.

Files changed (52) hide show

flowyml/core/execution_status.py +1 -0
flowyml/core/executor.py +175 -3
flowyml/core/observability.py +7 -7
flowyml/core/resources.py +12 -12
flowyml/core/retry_policy.py +2 -2
flowyml/core/scheduler.py +9 -9
flowyml/core/scheduler_config.py +2 -3
flowyml/core/submission_result.py +4 -4
flowyml/stacks/bridge.py +9 -9
flowyml/stacks/plugins.py +2 -2
flowyml/stacks/registry.py +21 -0
flowyml/storage/materializers/base.py +33 -0
flowyml/storage/metadata.py +3 -1042
flowyml/storage/remote.py +590 -0
flowyml/storage/sql.py +951 -0
flowyml/ui/backend/dependencies.py +28 -0
flowyml/ui/backend/main.py +4 -79
flowyml/ui/backend/routers/assets.py +170 -9
flowyml/ui/backend/routers/client.py +6 -6
flowyml/ui/backend/routers/execution.py +2 -2
flowyml/ui/backend/routers/experiments.py +53 -6
flowyml/ui/backend/routers/metrics.py +23 -68
flowyml/ui/backend/routers/pipelines.py +19 -10
flowyml/ui/backend/routers/runs.py +287 -9
flowyml/ui/backend/routers/schedules.py +5 -21
flowyml/ui/backend/routers/stats.py +14 -0
flowyml/ui/backend/routers/traces.py +37 -53
flowyml/ui/backend/routers/websocket.py +121 -0
flowyml/ui/frontend/dist/assets/index-CBUXOWze.css +1 -0
flowyml/ui/frontend/dist/assets/index-DF8dJaFL.js +629 -0
flowyml/ui/frontend/dist/index.html +2 -2
flowyml/ui/frontend/package-lock.json +289 -0
flowyml/ui/frontend/package.json +1 -0
flowyml/ui/frontend/src/app/compare/page.jsx +213 -0
flowyml/ui/frontend/src/app/experiments/compare/page.jsx +289 -0
flowyml/ui/frontend/src/app/experiments/page.jsx +61 -1
flowyml/ui/frontend/src/app/runs/[runId]/page.jsx +418 -203
flowyml/ui/frontend/src/app/runs/page.jsx +64 -3
flowyml/ui/frontend/src/app/settings/page.jsx +1 -1
flowyml/ui/frontend/src/app/tokens/page.jsx +8 -6
flowyml/ui/frontend/src/components/ArtifactViewer.jsx +159 -0
flowyml/ui/frontend/src/components/NavigationTree.jsx +26 -9
flowyml/ui/frontend/src/components/PipelineGraph.jsx +26 -24
flowyml/ui/frontend/src/components/RunDetailsPanel.jsx +42 -14
flowyml/ui/frontend/src/router/index.jsx +4 -0
{flowyml-1.3.0.dist-info → flowyml-1.5.0.dist-info}/METADATA +3 -1
{flowyml-1.3.0.dist-info → flowyml-1.5.0.dist-info}/RECORD +50 -42
flowyml/ui/frontend/dist/assets/index-DcYwrn2j.css +0 -1
flowyml/ui/frontend/dist/assets/index-Dlz_ygOL.js +0 -592
{flowyml-1.3.0.dist-info → flowyml-1.5.0.dist-info}/WHEEL +0 -0
{flowyml-1.3.0.dist-info → flowyml-1.5.0.dist-info}/entry_points.txt +0 -0
{flowyml-1.3.0.dist-info → flowyml-1.5.0.dist-info}/licenses/LICENSE +0 -0

flowyml/ui/frontend/dist/index.html CHANGED Viewed

@@ -5,8 +5,8 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>FlowyML</title>
-  <script type="module" crossorigin src="/assets/index-Dlz_ygOL.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-DcYwrn2j.css">
+  <script type="module" crossorigin src="/assets/index-DF8dJaFL.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-CBUXOWze.css">
 </head>
 <body>

flowyml/ui/frontend/package-lock.json CHANGED Viewed

@@ -12,6 +12,7 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.22.0",
+        "react-syntax-highlighter": "^16.1.0",
         "reactflow": "^11.11.4",
         "recharts": "^2.12.0",
         "tailwind-merge": "^2.6.0"
@@ -1548,6 +1549,21 @@
       "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
       "version": "7946.0.16"
     },
+    "node_modules/@types/hast": {
+      "dependencies": {
+        "@types/unist": "*"
+      },
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "version": "3.0.4"
+    },
+    "node_modules/@types/prismjs": {
+      "integrity": "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.5.tgz",
+      "version": "1.26.5"
+    },
     "node_modules/@types/prop-types": {
       "devOptional": true,
       "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
@@ -1576,6 +1592,12 @@
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
       "version": "18.3.7"
     },
+    "node_modules/@types/unist": {
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "version": "3.0.3"
+    },
     "node_modules/@vitejs/plugin-react": {
       "dependencies": {
         "@babel/core": "^7.28.0",
@@ -1764,6 +1786,36 @@
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001756.tgz",
       "version": "1.0.30001756"
     },
+    "node_modules/character-entities": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "version": "2.0.2"
+    },
+    "node_modules/character-entities-legacy": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "version": "3.0.0"
+    },
+    "node_modules/character-reference-invalid": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "version": "2.0.1"
+    },
     "node_modules/chokidar": {
       "dependencies": {
         "anymatch": "~3.1.2",
@@ -1817,6 +1869,16 @@
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
       "version": "2.1.1"
     },
+    "node_modules/comma-separated-tokens": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "version": "2.0.3"
+    },
     "node_modules/commander": {
       "dev": true,
       "engines": {
@@ -2084,6 +2146,19 @@
       "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
       "version": "2.5.1"
     },
+    "node_modules/decode-named-character-reference": {
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.2.0.tgz",
+      "version": "1.2.0"
+    },
     "node_modules/didyoumean": {
       "dev": true,
       "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
@@ -2219,6 +2294,19 @@
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
       "version": "1.19.1"
     },
+    "node_modules/fault": {
+      "dependencies": {
+        "format": "^0.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/fault/-/fault-1.0.4.tgz",
+      "version": "1.0.4"
+    },
     "node_modules/fill-range": {
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -2232,6 +2320,14 @@
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "version": "7.1.1"
     },
+    "node_modules/format": {
+      "engines": {
+        "node": ">=0.4.x"
+      },
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
+      "version": "0.2.2"
+    },
     "node_modules/fraction.js": {
       "dev": true,
       "engines": {
@@ -2343,6 +2439,51 @@
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "version": "2.0.2"
     },
+    "node_modules/hast-util-parse-selector": {
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "version": "4.0.0"
+    },
+    "node_modules/hastscript": {
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
+      "version": "9.0.1"
+    },
+    "node_modules/highlight.js": {
+      "engines": {
+        "node": "*"
+      },
+      "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
+      "license": "BSD-3-Clause",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
+      "version": "10.7.3"
+    },
+    "node_modules/highlightjs-vue": {
+      "integrity": "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==",
+      "license": "CC0-1.0",
+      "resolved": "https://registry.npmjs.org/highlightjs-vue/-/highlightjs-vue-1.0.0.tgz",
+      "version": "1.0.0"
+    },
     "node_modules/internmap": {
       "engines": {
         "node": ">=12"
@@ -2352,6 +2493,30 @@
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
       "version": "2.0.3"
     },
+    "node_modules/is-alphabetical": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "version": "2.0.1"
+    },
+    "node_modules/is-alphanumerical": {
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "version": "2.0.1"
+    },
     "node_modules/is-binary-path": {
       "dependencies": {
         "binary-extensions": "^2.0.0"
@@ -2381,6 +2546,16 @@
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
       "version": "2.16.1"
     },
+    "node_modules/is-decimal": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "version": "2.0.1"
+    },
     "node_modules/is-extglob": {
       "dev": true,
       "engines": {
@@ -2404,6 +2579,16 @@
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "version": "4.0.3"
     },
+    "node_modules/is-hexadecimal": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "version": "2.0.1"
+    },
     "node_modules/is-number": {
       "dev": true,
       "engines": {
@@ -2494,6 +2679,20 @@
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "version": "1.4.0"
     },
+    "node_modules/lowlight": {
+      "dependencies": {
+        "fault": "^1.0.0",
+        "highlight.js": "~10.7.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.20.0.tgz",
+      "version": "1.20.0"
+    },
     "node_modules/lru-cache": {
       "dependencies": {
         "yallist": "^3.0.2"
@@ -2636,6 +2835,31 @@
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "version": "3.0.0"
     },
+    "node_modules/parse-entities": {
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "version": "4.0.2"
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "version": "2.0.11"
+    },
     "node_modules/path-parse": {
       "dev": true,
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
@@ -2846,6 +3070,15 @@
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "version": "4.2.0"
     },
+    "node_modules/prismjs": {
+      "engines": {
+        "node": ">=6"
+      },
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "version": "1.30.0"
+    },
     "node_modules/prop-types": {
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -2863,6 +3096,16 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "version": "16.13.1"
     },
+    "node_modules/property-information": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "version": "7.1.0"
+    },
     "node_modules/queue-microtask": {
       "dev": true,
       "funding": [
@@ -2972,6 +3215,26 @@
       "resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
       "version": "4.0.4"
     },
+    "node_modules/react-syntax-highlighter": {
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "highlight.js": "^10.4.1",
+        "highlightjs-vue": "^1.0.0",
+        "lowlight": "^1.17.0",
+        "prismjs": "^1.30.0",
+        "refractor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 16.20.2"
+      },
+      "integrity": "sha512-E40/hBiP5rCNwkeBN1vRP+xow1X0pndinO+z3h7HLsHyjztbyjfzNWNKuAsJj+7DLam9iT4AaaOZnueCU+Nplg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 0.14.0"
+      },
+      "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-16.1.0.tgz",
+      "version": "16.1.0"
+    },
     "node_modules/react-transition-group": {
       "dependencies": {
         "@babel/runtime": "^7.5.5",
@@ -3061,6 +3324,22 @@
       "resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
       "version": "0.4.5"
     },
+    "node_modules/refractor": {
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/prismjs": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "parse-entities": "^4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-QXOrHQF5jOpjjLfiNk5GFnWhRXvxjUVnlFxkeDmewR5sXkr3iM46Zo+CnRR8B+MDVqkULW4EcLVcRBNOPXHosw==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/refractor/-/refractor-5.0.0.tgz",
+      "version": "5.0.0"
+    },
     "node_modules/resolve": {
       "bin": {
         "resolve": "bin/resolve"
@@ -3188,6 +3467,16 @@
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "version": "1.2.1"
     },
+    "node_modules/space-separated-tokens": {
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      },
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "version": "2.0.2"
+    },
     "node_modules/sucrase": {
       "bin": {
         "sucrase": "bin/sucrase",

flowyml/ui/frontend/package.json CHANGED Viewed

@@ -8,6 +8,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0",
+    "react-syntax-highlighter": "^16.1.0",
     "reactflow": "^11.11.4",
     "recharts": "^2.12.0",
     "tailwind-merge": "^2.6.0"

flowyml/ui/frontend/src/app/compare/page.jsx ADDED Viewed

@@ -0,0 +1,213 @@
+import React, { useEffect, useState } from 'react';
+import { useSearchParams, Link } from 'react-router-dom';
+import { fetchApi } from '../../utils/api';
+import { ArrowLeft, PlayCircle, Clock, Calendar, CheckCircle, XCircle, AlertTriangle, Activity, ArrowRight, Layers } from 'lucide-react';
+import { Card } from '../../components/ui/Card';
+import { Badge } from '../../components/ui/Badge';
+import { Button } from '../../components/ui/Button';
+import { format } from 'date-fns';
+import { StatusBadge } from '../../components/ui/ExecutionStatus';
+export function RunComparisonPage() {
+    const [searchParams] = useSearchParams();
+    const [runs, setRuns] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const runIdsParam = searchParams.get('runs');
+    const run1Id = searchParams.get('run1');
+    const run2Id = searchParams.get('run2');
+    // Normalize run IDs from different possible query params
+    const runIds = runIdsParam
+        ? runIdsParam.split(',').filter(Boolean)
+        : [run1Id, run2Id].filter(Boolean);
+    useEffect(() => {
+        if (runIds.length < 2) {
+            setError('Please select at least two runs to compare.');
+            setLoading(false);
+            return;
+        }
+        fetchData();
+    }, [runIdsParam, run1Id, run2Id]);
+    const fetchData = async () => {
+        setLoading(true);
+        try {
+            const promises = runIds.map(id => fetchApi(`/api/runs/${id}`));
+            const responses = await Promise.all(promises);
+            const data = [];
+            for (const res of responses) {
+                if (!res.ok) throw new Error('Failed to fetch run details');
+                data.push(await res.json());
+            }
+            setRuns(data);
+        } catch (err) {
+            setError(err.message);
+        } finally {
+            setLoading(false);
+        }
+    };
+    if (loading) {
+        return (
+            <div className="flex flex-col items-center justify-center h-screen bg-slate-50 dark:bg-slate-900">
+                <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mb-4"></div>
+                <p className="text-slate-500">Loading comparison...</p>
+            </div>
+        );
+    }
+    if (error) {
+        return (
+            <div className="flex flex-col items-center justify-center h-screen bg-slate-50 dark:bg-slate-900">
+                <div className="bg-red-50 p-6 rounded-xl border border-red-100 max-w-md text-center">
+                    <AlertTriangle className="mx-auto text-red-500 mb-2" size={32} />
+                    <h2 className="text-xl font-bold text-slate-800 mb-2">Error</h2>
+                    <p className="text-slate-600 mb-4">{error}</p>
+                    <Link to="/runs">
+                        <Button>Back to Runs</Button>
+                    </Link>
+                </div>
+            </div>
+        );
+    }
+    // Helper to find best values (min duration)
+    const minDuration = Math.min(...runs.map(r => r.duration || Infinity));
+    // Calculate step specific diffs
+    const allStepNames = Array.from(new Set(
+        runs.flatMap(r => Object.keys(r.steps || {}))
+    ));
+    return (
+        <div className="min-h-screen bg-slate-50 dark:bg-slate-900 overflow-y-auto">
+            {/* Header */}
+            <div className="bg-white dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 sticky top-0 z-10 w-full overflow-x-auto">
+                <div className="w-full min-w-max px-6 py-4">
+                    <div className="flex items-center gap-4 mb-4">
+                        <Link to="/runs" className="p-2 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-full transition-colors">
+                            <ArrowLeft size={20} className="text-slate-500" />
+                        </Link>
+                        <h1 className="text-xl font-bold text-slate-900 dark:text-white flex items-center gap-2">
+                            Run Comparison
+                            <Badge variant="secondary" className="ml-2">({runs.length} runs)</Badge>
+                        </h1>
+                    </div>
+                    <div className={`grid gap-4`} style={{ gridTemplateColumns: `repeat(${runs.length}, minmax(300px, 1fr))` }}>
+                        {runs.map(run => (
+                            <div key={run.run_id} className="flex items-center gap-3 p-3 rounded-lg bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700">
+                                <StatusBadge status={run.status} />
+                                <div className="min-w-0">
+                                    <h3 className="font-bold text-slate-900 dark:text-white truncate" title={run.run_id}>{run.run_id}</h3>
+                                    <p className="text-xs text-slate-500">{format(new Date(run.start_time), 'MMM d, HH:mm:ss')}</p>
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                </div>
+            </div>
+            <div className="w-full overflow-x-auto">
+                <div className="min-w-max px-6 py-8 space-y-8">
+                    {/* Metrics Comparison */}
+                    <section>
+                        <h2 className="text-lg font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
+                            <Activity size={18} /> Performance Metrics
+                        </h2>
+                        <Card className="overflow-hidden">
+                            <table className="w-full text-sm text-left">
+                                <thead className="bg-slate-50 dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 text-xs uppercase text-slate-500 font-medium">
+                                    <tr>
+                                        <th className="px-6 py-3 w-48 sticky left-0 bg-slate-50 dark:bg-slate-800 z-10 border-r border-slate-200 dark:border-slate-700">Metric</th>
+                                        {runs.map((run, i) => (
+                                            <th key={run.run_id} className={`px-6 py-3 min-w-[200px] ${i < runs.length - 1 ? 'border-r border-slate-200 dark:border-slate-700' : ''}`}>
+                                                {run.run_id.slice(0, 8)}
+                                            </th>
+                                        ))}
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-slate-100 dark:divide-slate-700">
+                                    <tr className="hover:bg-slate-50 dark:hover:bg-slate-800/50">
+                                        <td className="px-6 py-3 font-medium text-slate-700 dark:text-slate-300 sticky left-0 bg-white dark:bg-slate-900 border-r border-slate-100 dark:border-slate-700">Duration</td>
+                                        {runs.map((run, i) => (
+                                            <td key={run.run_id} className={`px-6 py-3 ${i < runs.length - 1 ? 'border-r border-slate-100 dark:border-slate-700' : ''} ${run.duration === minDuration ? 'text-emerald-600 font-bold' : 'text-slate-600'}`}>
+                                                {run.duration?.toFixed(2)}s
+                                                {run.duration === minDuration && runs.length > 1 && <span className="ml-2 text-xs bg-emerald-100 dark:bg-emerald-900/30 text-emerald-600 px-1.5 py-0.5 rounded-full">Fastest</span>}
+                                            </td>
+                                        ))}
+                                    </tr>
+                                    <tr className="hover:bg-slate-50 dark:hover:bg-slate-800/50">
+                                        <td className="px-6 py-3 font-medium text-slate-700 dark:text-slate-300 sticky left-0 bg-white dark:bg-slate-900 border-r border-slate-100 dark:border-slate-700">Step Count</td>
+                                        {runs.map((run, i) => (
+                                            <td key={run.run_id} className={`px-6 py-3 text-slate-600 ${i < runs.length - 1 ? 'border-r border-slate-100 dark:border-slate-700' : ''}`}>
+                                                {Object.keys(run.steps || {}).length}
+                                            </td>
+                                        ))}
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </Card>
+                    </section>
+                    {/* Steps Comparison */}
+                    <section>
+                        <h2 className="text-lg font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
+                            <Layers size={18} /> Step Execution
+                        </h2>
+                        <Card className="overflow-hidden">
+                            <table className="w-full text-sm text-left">
+                                <thead className="bg-slate-50 dark:bg-slate-800 border-b border-slate-200 dark:border-slate-700 text-xs uppercase text-slate-500 font-medium">
+                                    <tr>
+                                        <th className="px-6 py-3 w-48 sticky left-0 bg-slate-50 dark:bg-slate-800 z-10 border-r border-slate-200 dark:border-slate-700">Step Name</th>
+                                        {runs.map((run, i) => (
+                                            <th key={run.run_id} className={`px-6 py-3 min-w-[200px] ${i < runs.length - 1 ? 'border-r border-slate-200 dark:border-slate-700' : ''}`}>
+                                                {run.run_id.slice(0, 8)}
+                                            </th>
+                                        ))}
+                                    </tr>
+                                </thead>
+                                <tbody className="divide-y divide-slate-100 dark:divide-slate-700">
+                                    {allStepNames.map(stepName => {
+                                        // Calculate diffs for this step row
+                                        const stepDurations = runs.map(r => r.steps?.[stepName]?.duration || Infinity);
+                                        const minStepDuration = Math.min(...stepDurations);
+                                        return (
+                                            <tr key={stepName} className="hover:bg-slate-50 dark:hover:bg-slate-800/50">
+                                                <td className="px-6 py-3 font-medium text-slate-700 dark:text-slate-300 sticky left-0 bg-white dark:bg-slate-900 border-r border-slate-100 dark:border-slate-700">{stepName}</td>
+                                                {runs.map((run, i) => {
+                                                    const step = run.steps?.[stepName];
+                                                    return (
+                                                        <td key={run.run_id} className={`px-6 py-3 ${i < runs.length - 1 ? 'border-r border-slate-100 dark:border-slate-700' : ''}`}>
+                                                            {step ? (
+                                                                <div className="flex items-center justify-between gap-4">
+                                                                    <StatusBadge status={step.success ? 'completed' : step.error ? 'failed' : 'pending'} size="sm" />
+                                                                    <span className={`font-mono text-xs ${step.duration === minStepDuration && runs.length > 1 ? 'text-emerald-600 font-bold' : 'text-slate-500'}`}>
+                                                                        {step.duration?.toFixed(2)}s
+                                                                    </span>
+                                                                </div>
+                                                            ) : (
+                                                                <span className="text-slate-400 italic text-xs">Not executed</span>
+                                                            )}
+                                                        </td>
+                                                    );
+                                                })}
+                                            </tr>
+                                        );
+                                    })}
+                                </tbody>
+                            </table>
+                        </Card>
+                    </section>
+                </div>
+            </div>
+        </div>
+    );
+}

flowyml 1.3.0__py3-none-any.whl → 1.5.0__py3-none-any.whl

flowyml 1.3.0py3-none-any.whl → 1.5.0py3-none-any.whl