@lostgradient/cinder 0.3.0 → 0.4.0

package/dist/components/run-step-timeline/run-step-timeline.css

@@ -1,4 +1,9 @@
 @layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
+@import '../badge/badge.css';
+@import '../collapsible/collapsible.css';
+@import '../link/link.css';
+@import '../progress/progress.css';
+@import '../status-dot/status-dot.css';
 
 @layer cinder.components {
   /* ========================================
@@ -11,6 +16,8 @@
     --_cinder-rst-rail-size: 1.5rem;
     --_cinder-rst-marker-size: 0.875rem;
     --_cinder-rst-rail-center: 0.6875rem;
+    --_cinder-rst-depth: 0;
+    --_cinder-rst-nested-indent: 1.75rem;
 
     list-style: none;
     margin: 0;
@@ -23,6 +30,8 @@
    * ---------------------------------------- */
 
   .cinder-run-step-timeline__item {
+    --_cinder-rst-depth-offset: calc(var(--_cinder-rst-depth) * var(--_cinder-rst-nested-indent));
+
     position: relative;
     padding-bottom: var(--cinder-space-4);
   }
@@ -35,10 +44,10 @@
   .cinder-run-step-timeline__item::before {
     content: '';
     position: absolute;
-    left: var(--_cinder-rst-rail-center);
-    top: 1rem;
-    bottom: 0;
-    width: 1px;
+    inset-inline-start: calc(var(--_cinder-rst-depth-offset) + var(--_cinder-rst-rail-center));
+    inset-block-start: 1rem;
+    inset-block-end: 0;
+    inline-size: 1px;
     background: var(--cinder-border-muted);
   }
 
@@ -55,6 +64,7 @@
     grid-template-columns: var(--_cinder-rst-rail-size) 1fr;
     gap: var(--cinder-space-3);
     align-items: start;
+    padding-inline-start: var(--_cinder-rst-depth-offset);
   }
 
   /* ----------------------------------------
@@ -102,11 +112,21 @@
 
   /* Running step: label highlighted */
   .cinder-run-step-timeline__item[data-cinder-status='running'] .cinder-run-step-timeline__label,
-  .cinder-run-step-timeline__item[data-cinder-status='retrying'] .cinder-run-step-timeline__label {
+  .cinder-run-step-timeline__item[data-cinder-status='retrying'] .cinder-run-step-timeline__label,
+  .cinder-run-step-timeline__item[data-cinder-status='waiting_approval']
+    .cinder-run-step-timeline__label {
     color: var(--cinder-text);
     font-weight: var(--cinder-font-semibold);
   }
 
+  .cinder-run-step-timeline__link {
+    font-size: var(--cinder-text-xs);
+  }
+
+  .cinder-run-step-timeline__link--unsafe {
+    color: var(--cinder-text-muted);
+  }
+
   /* Pending step: label muted */
   .cinder-run-step-timeline__item[data-cinder-status='pending'] .cinder-run-step-timeline__label,
   .cinder-run-step-timeline__item[data-cinder-status='skipped'] .cinder-run-step-timeline__label,

package/dist/components/run-step-timeline/run-step-timeline.schema.js

@@ -26,6 +26,14 @@ var schema = {
   $schema: "https://json-schema.org/draft/2020-12/schema",
   type: "object",
   properties: {
+    label: {
+      type: "string",
+      description: "Accessible label for the timeline list."
+    },
+    class: {
+      type: "string",
+      description: "Additional CSS classes applied to the root element."
+    },
     steps: {
       type: "array",
       items: {
@@ -40,32 +48,41 @@ var schema = {
             description: "Display label for this step."
           },
           status: {
-            enum: ["pending", "running", "succeeded", "failed", "cancelled", "skipped", "retrying"],
+            enum: [
+              "pending",
+              "running",
+              "succeeded",
+              "failed",
+              "cancelled",
+              "skipped",
+              "retrying",
+              "waiting_approval"
+            ],
             description: "Generic execution state."
           },
           startTime: {
             type: "string",
-            description: `ISO datetime string for when this step started.
-Absent for pending steps.`
+            description: "ISO datetime string for when this step started."
           },
           endTime: {
             type: "string",
-            description: `ISO datetime string for when this step ended.
-Absent for pending and running steps.`
+            description: "ISO datetime string for when this step ended."
           },
           duration: {
             type: "string",
-            description: `Human-readable duration string, e.g. "1m 23s".
-Absent for pending steps.`
+            description: 'Human-readable duration string, e.g. "1m 23s".'
           },
           attemptCount: {
             type: "number",
-            description: `Number of attempts made so far, including any retries.
-Displayed when greater than 1.`
+            description: "Number of attempts made so far, including any retries."
+          },
+          actionsCount: {
+            type: "number",
+            description: "Number of actions associated with this step."
           },
           progress: {
             type: "number",
-            description: "Optional determinate progress value between 0 and `progressMax`.\nWhen supplied, a Progress bar is rendered for the step."
+            description: "Optional determinate progress value between 0 and `progressMax`."
           },
           progressMax: {
             type: "number",
@@ -93,24 +110,336 @@ Displayed when greater than 1.`
               required: ["content", "id", "label"]
             },
             description: "Expandable detail panels (logs, payloads, errors) shown inline."
+          },
+          link: {
+            type: "object",
+            properties: {
+              href: {
+                type: "string",
+                description: "Destination URL for the step link."
+              },
+              label: {
+                type: "string",
+                description: "Visible text for the step link."
+              }
+            },
+            additionalProperties: false,
+            required: ["href", "label"],
+            description: "Optional link to logs, traces, or a step detail route."
+          },
+          children: {
+            type: "array",
+            items: {
+              type: "object",
+              properties: {
+                id: {
+                  type: "string",
+                  description: "Stable identity; used as the keyed list identity."
+                },
+                label: {
+                  type: "string",
+                  description: "Display label for this step."
+                },
+                status: {
+                  enum: [
+                    "pending",
+                    "running",
+                    "succeeded",
+                    "failed",
+                    "cancelled",
+                    "skipped",
+                    "retrying",
+                    "waiting_approval"
+                  ],
+                  description: "Generic execution state."
+                },
+                startTime: {
+                  type: "string",
+                  description: "ISO datetime string for when this step started."
+                },
+                endTime: {
+                  type: "string",
+                  description: "ISO datetime string for when this step ended."
+                },
+                duration: {
+                  type: "string",
+                  description: 'Human-readable duration string, e.g. "1m 23s".'
+                },
+                attemptCount: {
+                  type: "number",
+                  description: "Number of attempts made so far, including any retries."
+                },
+                actionsCount: {
+                  type: "number",
+                  description: "Number of actions associated with this step."
+                },
+                progress: {
+                  type: "number",
+                  description: "Optional determinate progress value between 0 and `progressMax`."
+                },
+                progressMax: {
+                  type: "number",
+                  description: "Maximum value for the progress bar. Defaults to 100."
+                },
+                details: {
+                  type: "array",
+                  items: {
+                    type: "object",
+                    properties: {
+                      id: {
+                        type: "string",
+                        description: "Stable identity for this detail panel."
+                      },
+                      label: {
+                        type: "string",
+                        description: "Trigger label rendered on the Collapsible header."
+                      },
+                      content: {
+                        type: "string",
+                        description: "Pre-formatted content shown inside the panel."
+                      }
+                    },
+                    additionalProperties: false,
+                    required: ["content", "id", "label"]
+                  },
+                  description: "Expandable detail panels (logs, payloads, errors) shown inline."
+                },
+                link: {
+                  type: "object",
+                  properties: {
+                    href: {
+                      type: "string",
+                      description: "Destination URL for the step link."
+                    },
+                    label: {
+                      type: "string",
+                      description: "Visible text for the step link."
+                    }
+                  },
+                  additionalProperties: false,
+                  required: ["href", "label"],
+                  description: "Optional link to logs, traces, or a step detail route."
+                },
+                children: {
+                  type: "array",
+                  items: {
+                    type: "object",
+                    properties: {
+                      id: {
+                        type: "string",
+                        description: "Stable identity; used as the keyed list identity."
+                      },
+                      label: {
+                        type: "string",
+                        description: "Display label for this step."
+                      },
+                      status: {
+                        enum: [
+                          "pending",
+                          "running",
+                          "succeeded",
+                          "failed",
+                          "cancelled",
+                          "skipped",
+                          "retrying",
+                          "waiting_approval"
+                        ],
+                        description: "Generic execution state."
+                      },
+                      startTime: {
+                        type: "string",
+                        description: "ISO datetime string for when this step started."
+                      },
+                      endTime: {
+                        type: "string",
+                        description: "ISO datetime string for when this step ended."
+                      },
+                      duration: {
+                        type: "string",
+                        description: 'Human-readable duration string, e.g. "1m 23s".'
+                      },
+                      attemptCount: {
+                        type: "number",
+                        description: "Number of attempts made so far, including any retries."
+                      },
+                      actionsCount: {
+                        type: "number",
+                        description: "Number of actions associated with this step."
+                      },
+                      progress: {
+                        type: "number",
+                        description: "Optional determinate progress value between 0 and `progressMax`."
+                      },
+                      progressMax: {
+                        type: "number",
+                        description: "Maximum value for the progress bar. Defaults to 100."
+                      },
+                      details: {
+                        type: "array",
+                        items: {
+                          type: "object",
+                          properties: {
+                            id: {
+                              type: "string",
+                              description: "Stable identity for this detail panel."
+                            },
+                            label: {
+                              type: "string",
+                              description: "Trigger label rendered on the Collapsible header."
+                            },
+                            content: {
+                              type: "string",
+                              description: "Pre-formatted content shown inside the panel."
+                            }
+                          },
+                          additionalProperties: false,
+                          required: ["content", "id", "label"]
+                        },
+                        description: "Expandable detail panels (logs, payloads, errors) shown inline."
+                      },
+                      link: {
+                        type: "object",
+                        properties: {
+                          href: {
+                            type: "string",
+                            description: "Destination URL for the step link."
+                          },
+                          label: {
+                            type: "string",
+                            description: "Visible text for the step link."
+                          }
+                        },
+                        additionalProperties: false,
+                        required: ["href", "label"],
+                        description: "Optional link to logs, traces, or a step detail route."
+                      },
+                      children: {
+                        type: "array",
+                        items: {
+                          type: "object",
+                          properties: {
+                            id: {
+                              type: "string",
+                              description: "Stable identity; used as the keyed list identity."
+                            },
+                            label: {
+                              type: "string",
+                              description: "Display label for this step."
+                            },
+                            status: {
+                              enum: [
+                                "pending",
+                                "running",
+                                "succeeded",
+                                "failed",
+                                "cancelled",
+                                "skipped",
+                                "retrying",
+                                "waiting_approval"
+                              ],
+                              description: "Generic execution state."
+                            },
+                            startTime: {
+                              type: "string",
+                              description: "ISO datetime string for when this step started."
+                            },
+                            endTime: {
+                              type: "string",
+                              description: "ISO datetime string for when this step ended."
+                            },
+                            duration: {
+                              type: "string",
+                              description: 'Human-readable duration string, e.g. "1m 23s".'
+                            },
+                            attemptCount: {
+                              type: "number",
+                              description: "Number of attempts made so far, including any retries."
+                            },
+                            actionsCount: {
+                              type: "number",
+                              description: "Number of actions associated with this step."
+                            },
+                            progress: {
+                              type: "number",
+                              description: "Optional determinate progress value between 0 and `progressMax`."
+                            },
+                            progressMax: {
+                              type: "number",
+                              description: "Maximum value for the progress bar. Defaults to 100."
+                            },
+                            details: {
+                              type: "array",
+                              items: {
+                                type: "object",
+                                properties: {
+                                  id: {
+                                    type: "string",
+                                    description: "Stable identity for this detail panel."
+                                  },
+                                  label: {
+                                    type: "string",
+                                    description: "Trigger label rendered on the Collapsible header."
+                                  },
+                                  content: {
+                                    type: "string",
+                                    description: "Pre-formatted content shown inside the panel."
+                                  }
+                                },
+                                additionalProperties: false,
+                                required: ["content", "id", "label"]
+                              },
+                              description: "Expandable detail panels (logs, payloads, errors) shown inline."
+                            },
+                            link: {
+                              type: "object",
+                              properties: {
+                                href: {
+                                  type: "string",
+                                  description: "Destination URL for the step link."
+                                },
+                                label: {
+                                  type: "string",
+                                  description: "Visible text for the step link."
+                                }
+                              },
+                              additionalProperties: false,
+                              required: ["href", "label"],
+                              description: "Optional link to logs, traces, or a step detail route."
+                            },
+                            children: {
+                              type: "array",
+                              items: {
+                                type: "object",
+                                additionalProperties: true
+                              },
+                              description: "Descendants beyond the rendered depth cap; summarized as a depth-limit row."
+                            }
+                          },
+                          additionalProperties: false,
+                          required: ["id", "label", "status"]
+                        },
+                        description: "Nested child-workflow steps rendered at depth 3."
+                      }
+                    },
+                    additionalProperties: false,
+                    required: ["id", "label", "status"]
+                  },
+                  description: "Nested child-workflow steps rendered at depth 2."
+                }
+              },
+              additionalProperties: false,
+              required: ["id", "label", "status"]
+            },
+            description: "Schema-bounded nested child-workflow steps."
           }
         },
         additionalProperties: false,
         required: ["id", "label", "status"]
       },
       description: "Ordered list of steps to render."
-    },
-    label: {
-      type: "string",
-      description: "Accessible label for the timeline list."
-    },
-    class: {
-      type: "string",
-      description: "Additional CSS classes applied to the root element."
     }
   },
   additionalProperties: false,
-  required: ["steps"],
   metadata: {
     unsupportedProps: [
       {
@@ -119,11 +448,12 @@ Displayed when greater than 1.`
         description: "Optional per-step body content rendered after the step metadata."
       }
     ]
-  }
+  },
+  required: ["steps"]
 };
 var run_step_timeline_schema_default = schema;
 export {
   run_step_timeline_schema_default as default
 };
 
-//# debugId=6AAF1A045F60091F64756E2164756E21
+//# debugId=D5C327CFFED112DF64756E2164756E21

package/dist/components/run-step-timeline/run-step-timeline.svelte.d.ts

@@ -12,7 +12,7 @@
  * @avoidWhen Showing a flat timestamp-first event log without structured step state — use timeline instead.
  * @related timeline, steps, status-dot, progress, badge, collapsible
  */
-export type { RunStep, RunStepDetail, RunStepStatus, RunStepTimelineProps, } from './run-step-timeline.types.ts';
+export type { RunStep, RunStepDetail, RunStepLink, RunStepStatus, RunStepTimelineProps, } from './run-step-timeline.types.ts';
 import type { RunStepTimelineProps } from './run-step-timeline.types.ts';
 declare const RunStepTimeline: import("svelte").Component<RunStepTimelineProps, {}, "">;
 type RunStepTimeline = ReturnType<typeof RunStepTimeline>;