@qaick/runner 0.2.0-alpha.13 → 0.2.0-alpha.14
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.
- package/package-dist/package.json +1 -1
- package/package-dist/src/demo/RunnerWalkthrough.d.ts +0 -1
- package/package-dist/src/demo/RunnerWalkthrough.d.ts.map +1 -1
- package/package-dist/src/demo/RunnerWalkthrough.js +0 -1
- package/package-dist/src/demo/RunnerWalkthrough.js.map +1 -1
- package/package-dist/styles.css +32 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunnerWalkthrough.d.ts","sourceRoot":"","sources":["../../../src/demo/RunnerWalkthrough.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RunnerWalkthrough.d.ts","sourceRoot":"","sources":["../../../src/demo/RunnerWalkthrough.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,iBAAiB,gCAIhC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import './runner-walkthrough.css';
|
|
4
3
|
const steps = [
|
|
5
4
|
{ id: 'overview', title: 'Runner overview', action: 'Start with the loaded execution package.', detail: 'Runner loads a durable QAick artifact, lets you choose a target, executes it, and presents structured evidence.' },
|
|
6
5
|
{ id: 'package', title: 'Load and select a package', action: 'Choose a Project or Flow target.', detail: 'The package selector lists the available target. Load package accepts the serialized file produced by Studio.' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RunnerWalkthrough.js","sourceRoot":"","sources":["../../../src/demo/RunnerWalkthrough.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RunnerWalkthrough.js","sourceRoot":"","sources":["../../../src/demo/RunnerWalkthrough.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIjC,MAAM,KAAK,GAAe;IACxB,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,0CAA0C,EAAE,MAAM,EAAE,iHAAiH,EAAE;IAC3N,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,2BAA2B,EAAE,MAAM,EAAE,kCAAkC,EAAE,MAAM,EAAE,+GAA+G,EAAE;IAC1N,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,EAAE,sCAAsC,EAAE,MAAM,EAAE,0GAA0G,EAAE;IACjN,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,EAAE,oCAAoC,EAAE,MAAM,EAAE,0HAA0H,EAAE;IAClO,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,6BAA6B,EAAE,MAAM,EAAE,wCAAwC,EAAE,MAAM,EAAE,4HAA4H,EAAE;IACjP,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,MAAM,EAAE,kCAAkC,EAAE,MAAM,EAAE,6HAA6H,EAAE;IACpO,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,4BAA4B,EAAE,MAAM,EAAE,qCAAqC,EAAE,MAAM,EAAE,4GAA4G,EAAE;CAC5N,CAAC;AAEF,SAAS,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAA0D,IAAI,OAAO,eAAK,SAAS,EAAE,uBAAuB,SAAS,EAAE,aAAE,2BAAS,KAAK,GAAU,EAAA,yBAAO,QAAQ,GAAQ,IAAM,CAAC,CAAC,CAAC;AAE9N,SAAS,YAAY,CAAC,EAAE,IAAI,EAAsB;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,EAAE,EAAE,CAAC;IACxE,OAAO,eAAK,SAAS,EAAE,sBAAsB,KAAK,EAAE,aAClD,eAAK,SAAS,EAAC,iBAAiB,aAAC,uCAAmB,EAAA,qCAAoB,EAAA,eAAM,SAAS,EAAC,kBAAkB,+EAAuD,EAAA,sDAAgC,EAAA,kDAAmC,IAAM,EAC1O,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,iBAAiB,aAAC,oCAAgB,EAAA,mCAAe,EAAA,gCAAY,EAAA,kCAAc,IAAM,EAChG,eAAK,SAAS,EAAC,kBAAkB,aAAC,sCAAsB,EAAA,2DAA4C,EAAA,yCAA0B,EAAA,qCAAqB,EAAA,cAAK,SAAS,EAAC,aAAa,kCAAwB,EAAA,4CAA4B,EAAA,kDAA2B,EAAA,8CAAuB,EAAA,iDAA0B,IAAM,EACrT,eAAK,SAAS,EAAC,kBAAkB,aAAC,eAAK,SAAS,EAAC,qBAAqB,aAAC,6CAA6B,EAAA,4CAAwB,EAAA,8CAAwB,IAAM,EAAA,eAAK,SAAS,EAAC,kBAAkB,aAAC,eAAK,SAAS,EAAC,2BAA2B,aAAC,iCAAQ,EAAA,iDAA6B,EAAA,mEAAsC,IAAM,EAAA,eAAK,SAAS,EAAC,kBAAkB,aAAC,6BAAQ,iCAAQ,EAAA,8CAA0B,EAAA,8DAAmC,IAAS,EAAA,eAAK,SAAS,EAAC,wBAAwB,aAAC,iCAAQ,EAAA,6CAAyB,EAAA,+DAAkC,IAAM,EAAA,eAAK,SAAS,EAAC,4BAA4B,aAAC,iCAAQ,EAAA,wCAAoB,EAAA,+DAAkC,IAAM,EAAA,cAAK,SAAS,EAAC,iBAAiB,YAAC,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAI,GAAM,IAAM,EAAA,eAAK,SAAS,EAAC,2BAA2B,aAAC,iCAAQ,EAAA,4CAAwB,EAAA,kEAAqC,IAAM,IAAM,IAAM,EACl2B,eAAK,SAAS,EAAC,mBAAmB,aAAC,sBAAI,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,GAAK,EAAC,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,8BAAE,cAAK,SAAS,EAAC,YAAY,sCAAuB,EAAA,8DAA8C,IAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAAE,cAAK,SAAS,EAAC,aAAa,yDAAgC,EAAA,cAAK,SAAS,EAAC,YAAY,iDAAkC,EAAA,cAAK,SAAS,EAAC,YAAY,+CAAgC,IAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,8BAAE,cAAK,SAAS,EAAC,cAAc,iDAAkC,EAAA,cAAK,SAAS,EAAC,cAAc,+CAA2B,IAAG,CAAC,CAAC,CAAC,8BAAE,0CAA0B,EAAA,yCAA0B,EAAA,sCAAsB,EAAA,cAAK,SAAS,EAAC,aAAa,qCAA2B,IAAG,IAAO,IACnzB,EACN,eAAK,SAAS,EAAC,oBAAoB,aAAC,sBAAI,IAAI,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,GAAK,EAAA,yBAAO,IAAI,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,GAAQ,IAAM,EAC1N,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,8BAAE,KAAC,OAAO,IAAC,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAC,SAAS,gDAA2C,EAAA,KAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAC,qBAAqB,gDAA2C,EAAA,KAAC,OAAO,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAC,WAAW,6CAAwC,IAAG,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,SAAS,EAAE,gBAAgB,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,YAAG,IAAI,CAAC,MAAM,GAAW,GAAO,IACrd,CAAC;AACT,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1B,OAAO,gBAAM,SAAS,EAAC,aAAa,aAAC,eAAK,SAAS,EAAC,mBAAmB,aAAC,0BAAK,4CAA6B,EAAA,iDAAgC,IAAM,EAAA,YAAG,IAAI,EAAC,GAAG,0BAAc,IAAM,EAAA,mBAAS,SAAS,EAAC,qBAAqB,aAAC,eAAK,SAAS,EAAC,kBAAkB,aAAC,0DAA6B,KAAK,GAAG,CAAC,SAAK,KAAK,CAAC,MAAM,IAAS,EAAA,uBAAK,IAAI,CAAC,KAAK,GAAM,EAAA,uBAAK,IAAI,CAAC,MAAM,GAAM,EAAA,sBAAI,IAAI,CAAC,MAAM,GAAK,EAAA,4BAAgB,0BAA0B,YAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAsB,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAE,yBAAO,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAQ,EAAC,IAAI,CAAC,KAAK,KAA7J,IAAI,CAAC,EAAE,CAAgK,CAAC,GAAO,IAAM,EAAA,eAAK,SAAS,EAAC,mBAAmB,aAAC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,EAAA,eAAK,SAAS,EAAC,sBAAsB,aAAC,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,4BAAiB,EAAA,yBAAO,IAAI,CAAC,MAAM,GAAQ,EAAA,iBAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,4BAAiB,IAAM,IAAM,IAAU,IAAO,CAAC;AACnhC,CAAC"}
|
package/package-dist/styles.css
CHANGED
|
@@ -260,3 +260,35 @@ code { color: var(--runner-blue-strong); }
|
|
|
260
260
|
:root[data-theme='dark'] .package-card,
|
|
261
261
|
:root[data-theme='dark'] .notice,
|
|
262
262
|
:root[data-theme='dark'] .kind-label { background: var(--runner-surface-3); color: var(--runner-ink-2); }
|
|
263
|
+
|
|
264
|
+
.runner-demo { min-height: 100vh; padding: 24px 32px 34px; box-sizing: border-box; background: #edf2f8; color: #243654; }
|
|
265
|
+
.runner-demo-title { display: flex; align-items: center; justify-content: space-between; max-width: 1420px; margin: 0 auto 24px; }
|
|
266
|
+
.runner-demo-title div { display: flex; align-items: baseline; gap: 14px; }
|
|
267
|
+
.runner-demo-title strong { color: #2563eb; font-size: 21px; }
|
|
268
|
+
.runner-demo-title span { color: #75849b; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
|
|
269
|
+
.runner-demo-title a { color: #3d6095; font-size: 12px; text-decoration: none; }
|
|
270
|
+
.runner-demo-content { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; max-width: 1420px; margin: auto; }
|
|
271
|
+
.runner-demo-copy { padding: 12px 0; }
|
|
272
|
+
.runner-demo-copy > small { color: #4b79bd; font-size: 10px; font-weight: 700; letter-spacing: .1em; }
|
|
273
|
+
.runner-demo-copy h1 { margin: 14px 0 8px; color: #243654; font-size: 27px; font-weight: 650; }
|
|
274
|
+
.runner-demo-copy h2 { margin: 0 0 12px; color: #4d6587; font-size: 14px; font-weight: 550; }
|
|
275
|
+
.runner-demo-copy p { margin: 0 0 24px; color: #6b7b94; font-size: 13px; line-height: 1.6; }
|
|
276
|
+
.runner-demo-copy nav { display: grid; gap: 4px; }
|
|
277
|
+
.runner-demo-copy nav button { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 8px; border: 0; border-radius: 5px; background: transparent; color: #6b7b94; text-align: left; cursor: pointer; font-size: 12px; }
|
|
278
|
+
.runner-demo-copy nav button span { color: #a4b0c2; font-family: monospace; }
|
|
279
|
+
.runner-demo-copy nav button.active { background: #dce9fc; color: #245bc5; font-weight: 650; }
|
|
280
|
+
.runner-demo-copy nav button.active span { color: #245bc5; }
|
|
281
|
+
.runner-demo-stage { min-width: 0; }
|
|
282
|
+
.runner-demo-screen { position: relative; overflow: hidden; min-height: 590px; border: 1px solid #cbd6e5; border-radius: 8px; background: #f8fafc; box-shadow: 0 12px 28px rgb(38 67 106 / 10%); }
|
|
283
|
+
.runner-demo-top { display: flex; align-items: center; gap: 15px; height: 42px; padding: 0 14px; border-bottom: 1px solid #dce3ef; background: #fff; color: #74839a; font-size: 10px; }
|
|
284
|
+
.runner-demo-top b { color: #2563eb; font-size: 13px; }.runner-demo-top span:nth-child(2) { color: #96a3b7; }.runner-demo-menu { flex: 1; color: #52637e; }.runner-demo-top button { padding: 6px 9px; border: 1px solid #cbd6e5; border-radius: 4px; background: #fff; color: #30558f; font-size: 10px; }
|
|
285
|
+
.runner-demo-body { display: grid; grid-template-columns: 40px 190px minmax(0, 1fr) 220px; min-height: 510px; }
|
|
286
|
+
.runner-demo-nav { display: grid; align-content: start; gap: 18px; padding-top: 18px; border-right: 1px solid #dce3ef; background: #f1f4f8; }.runner-demo-nav b { padding: 7px 3px; color: #7d8ba1; font-size: 9px; text-align: center; writing-mode: vertical-rl; transform: rotate(180deg); }.runner-demo-nav b:first-child { color: #2563eb; background: #e5efff; }
|
|
287
|
+
.runner-demo-left, .runner-demo-right { padding: 17px 13px; border-right: 1px solid #dce3ef; background: #fbfcfe; color: #52637e; font-size: 11px; }.runner-demo-right { border-right: 0; border-left: 1px solid #dce3ef; }.runner-demo-left small, .runner-demo-right small { display: block; margin: 0 0 7px; color: #8491a7; font-size: 9px; letter-spacing: .08em; }.runner-demo-left strong { display: block; margin-bottom: 14px; overflow-wrap: anywhere; color: #2d4264; font-size: 11px; }.runner-demo-left div { margin: 5px -6px; padding: 7px 6px; }.runner-demo-left div.is-selected { background: #e6efff; color: #255bc4; }.runner-demo-left button { display: block; margin: 0 0 18px; padding: 5px 7px; border: 1px solid #cbd6e5; border-radius: 4px; background: #fff; color: #315b96; font-size: 10px; }
|
|
288
|
+
.runner-demo-main { padding: 20px 18px; background: #f6f8fb; }.runner-demo-heading { display: flex; align-items: baseline; gap: 9px; margin-bottom: 20px; }.runner-demo-heading small { color: #6e87aa; font-size: 9px; letter-spacing: .08em; }.runner-demo-heading b { color: #263b5c; font-size: 16px; }.runner-demo-heading span { margin-left: auto; color: #29805a; font-size: 10px; }.runner-demo-rows { display: grid; gap: 9px; }.runner-demo-row { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 7px; padding: 12px 13px; border: 1px solid #d7e0ec; border-radius: 6px; background: #fff; }.runner-demo-row i { color: #319266; font-style: normal; }.runner-demo-row b { color: #314969; font-size: 12px; }.runner-demo-row em { color: #8491a7; font-size: 10px; font-style: normal; }.runner-demo-loop { padding: 9px; border: 1px solid #9db9de; border-radius: 7px; background: #eaf2ff; }.runner-demo-loop header { display: flex; align-items: center; gap: 8px; padding: 4px; color: #315b96; font-size: 11px; }.runner-demo-loop header i { color: #2563eb; font-style: normal; }.runner-demo-loop header span { margin-left: auto; font-size: 9px; }.runner-demo-row.nested { margin-top: 6px; padding: 8px 10px; border-color: #cbdcf2; }.runner-demo-row.nested.alt { background: #f5f9ff; }.runner-demo-bar { height: 4px; margin: 9px 2px 2px; border-radius: 4px; background: #cbdcf2; }.runner-demo-bar span { display: block; height: 100%; border-radius: inherit; background: #4c8ed4; }
|
|
289
|
+
.runner-demo-right > b { display: block; margin-bottom: 20px; color: #344b6c; font-size: 13px; }.runner-demo-right > strong { display: block; margin: 4px 0 20px; color: #288158; font-size: 18px; }.demo-output, .demo-history, .demo-event, .demo-filter { margin: 8px 0; padding: 8px; border: 1px solid #dce3ef; border-radius: 4px; background: #fff; color: #52637e; font-size: 10px; }.demo-error { margin: 8px 0; color: #288158; font-size: 13px; }.demo-filter { color: #70829d; }.demo-event { font-family: monospace; }.demo-history { color: #315b96; }
|
|
290
|
+
.runner-demo-bottom { display: flex; justify-content: space-between; padding: 10px 14px; border-top: 1px solid #dce3ef; background: #f1f4f8; color: #70809a; font-size: 10px; }.runner-demo-bottom b { color: #52637e; }
|
|
291
|
+
.runner-demo-callouts { position: absolute; inset: 0; pointer-events: none; }.runner-demo-balloon { position: absolute; width: max-content; max-width: 190px; padding: 7px 10px; border: 1px solid #7da8df; border-radius: 999px; background: rgb(255 255 255 / 88%); color: #4d6587; box-shadow: 0 3px 10px rgb(38 67 106 / 10%); font-size: 10px; }.runner-demo-balloon strong { display: block; color: #245bc5; font-size: 10px; }.runner-demo-balloon span { display: none; }.demo-callout-left { top: 85px; left: 48px; }.demo-callout-canvas { top: 92px; left: 52%; }.demo-callout-right { top: 118px; right: 12px; }.demo-callout-package, .demo-callout-configure { top: 130px; left: 45px; }.demo-callout-preflight { top: 82px; right: 25px; }.demo-callout-hierarchy { top: 215px; left: 48%; }.demo-callout-events { bottom: 80px; right: 18px; }.demo-callout-results { top: 105px; right: 18px; }
|
|
292
|
+
.runner-demo-controls { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; color: #718097; font-size: 11px; }.runner-demo-controls button { padding: 7px 12px; border: 1px solid #cbd6e5; border-radius: 5px; background: #fff; color: #30558f; cursor: pointer; }.runner-demo-controls button:disabled { cursor: default; opacity: .45; }
|
|
293
|
+
@media (max-width: 1050px) { .runner-demo-content { grid-template-columns: 210px minmax(0, 1fr); }.runner-demo-body { grid-template-columns: 34px 160px minmax(0, 1fr); }.runner-demo-right { display: none; } }
|
|
294
|
+
@media (max-width: 720px) { .runner-demo { padding: 16px; }.runner-demo-content { display: block; }.runner-demo-copy { margin-bottom: 20px; }.runner-demo-copy nav { display: flex; overflow-x: auto; }.runner-demo-copy nav button { min-width: 145px; }.runner-demo-menu { display: none; }.runner-demo-body { grid-template-columns: 34px 150px minmax(0, 1fr); }.runner-demo-left { padding: 12px 8px; }.runner-demo-main { padding: 12px 8px; }.runner-demo-row { grid-template-columns: 18px 1fr; }.runner-demo-row em { grid-column: 2; }.runner-demo-balloon { display: none; } }
|