@shipfox/client-workflows 0.2.0

package/.storybook/main.ts

@@ -0,0 +1 @@
+export {default} from '../../.storybook/main.ts';

package/.storybook/preview.css

@@ -0,0 +1,10 @@
+@import "@shipfox/react-ui/index.css";
+
+/* The `@import` already pulls in the full design-system theme (tokens, preflight,
+   base layer) from react-ui, so nothing is duplicated here. Tailwind v4 only emits
+   utilities for classes it finds in scanned source, though, and these stories render
+   react-ui components (Button, Input, Dot, Alert, ...) whose classes live in react-ui's
+   own source. Scanning both trees keeps those components styled, the same way
+   apps/client/src/styles.css scans every package it renders. */
+@source "../src";
+@source "../../../shared/react/ui/src";

package/.storybook/preview.tsx

@@ -0,0 +1,97 @@
+import './preview.css';
+import {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';
+import {ThemeProvider} from '@shipfox/react-ui/theme';
+import type {Decorator, Preview} from '@storybook/react';
+import {
+  createMemoryHistory,
+  createRootRoute,
+  createRoute,
+  createRouter,
+  RouterProvider,
+} from '@tanstack/react-router';
+
+if (typeof document !== 'undefined' && document.fonts) {
+  void Promise.all([
+    document.fonts.load("16px 'Inter'"),
+    document.fonts.load("italic 16px 'Inter'"),
+    document.fonts.load("16px 'Commit Mono'"),
+    document.fonts.load("bold 16px 'Commit Mono'"),
+  ]);
+}
+
+const STORYBOOK_NOW_MS = Date.parse('2026-06-26T12:00:00.000Z');
+
+Object.defineProperty(Date, 'now', {
+  configurable: true,
+  writable: true,
+  value: () => STORYBOOK_NOW_MS,
+});
+
+const withTheme: Decorator = (Story, context) => {
+  const theme = context.globals.theme;
+  return (
+    <ThemeProvider key={theme} defaultTheme={theme} storageKey={`shipfox-theme-${theme}`}>
+      <Story />
+    </ThemeProvider>
+  );
+};
+
+const withRelativeTime: Decorator = (Story) => (
+  <RelativeTimeProvider>
+    <Story />
+  </RelativeTimeProvider>
+);
+
+// Run rows render `<Link to="/workspaces/$wid/projects/$pid/runs/$runId">` and read
+// `useParams`, both of which need a router in context. A memory router seeded at a
+// matching path lets the rows render and resolve their hrefs without a real app shell.
+const withRouter: Decorator = (Story) => {
+  const rootRoute = createRootRoute();
+  const runRoute = createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/workspaces/$wid/projects/$pid/runs/$runId',
+    component: () => <Story />,
+  });
+  const router = createRouter({
+    routeTree: rootRoute.addChildren([runRoute]),
+    history: createMemoryHistory({
+      initialEntries: ['/workspaces/ws-demo/projects/proj-demo/runs/run-1'],
+    }),
+  });
+  return <RouterProvider router={router} />;
+};
+
+const preview: Preview = {
+  decorators: [withTheme, withRelativeTime, withRouter],
+  parameters: {
+    argos: {
+      // Dual-theme coverage lives in @shipfox/react-ui (the theming source of truth);
+      // feature packages capture only the primary dark theme to limit Argos spend.
+      modes: {
+        dark: {theme: 'dark'},
+      },
+      fitToContent: false,
+    },
+    options: {
+      storySort: {method: 'alphabetical'},
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Global theme for components',
+      defaultValue: 'dark',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          {value: 'light', icon: 'sun', title: 'Light'},
+          {value: 'dark', icon: 'moon', title: 'Dark'},
+          {value: 'system', icon: 'info', title: 'System'},
+        ],
+        showName: true,
+      },
+    },
+  },
+};
+
+export default preview;

package/.swcrc

@@ -0,0 +1,42 @@
+{
+  "jsc": {
+    "target": "es2023",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true,
+      "tsx": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true,
+      "react": {
+        "runtime": "automatic"
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true,
+    "experimental": {
+      "keepImportAttributes": true
+    }
+  },
+  "module": {
+    "type": "es6",
+    "strict": true,
+    "strictMode": true,
+    "noInterop": true,
+    "resolveFully": true
+  },
+  "sourceMaps": true,
+  "minify": false,
+  "exclude": [
+    "node_modules",
+    "jest.config.ts",
+    "^.*\\.spec\\.tsx?$",
+    "^.*\\.test\\.tsx?$",
+    "^.*\\.stories\\.tsx?$",
+    ".*/jest-setup\\.ts$",
+    "^.*\\.js$"
+  ]
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+$ shipfox-swc
+Successfully compiled: 56 files with swc (44.53ms)

package/.turbo/turbo-type$colon$emit.log

@@ -0,0 +1 @@
+$ shipfox-tsc-emit

package/.turbo/turbo-type.log

@@ -0,0 +1 @@
+$ shipfox-tsc-check

package/CHANGELOG.md

@@ -0,0 +1,162 @@
+# @shipfox/client-workflows
+
+## 0.2.0
+
+### Minor Changes
+
+- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
+- 6bc2e45: Adds the composable upstream client shell, feature catalog, and route manifests for every client feature.
+
+### Patch Changes
+
+- Updated dependencies [3d064b8]
+- Updated dependencies [6bc2e45]
+  - @shipfox/client-api@0.2.0
+  - @shipfox/client-logs@0.2.0
+  - @shipfox/client-shell@0.2.0
+  - @shipfox/client-triggers@0.2.0
+  - @shipfox/client-ui@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [c18d624]
+  - @shipfox/react-ui@0.3.1
+  - @shipfox/client-logs@0.1.2
+  - @shipfox/client-triggers@0.1.2
+  - @shipfox/client-ui@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [1b0d344]
+  - @shipfox/api-workflows-dto@2.0.0
+  - @shipfox/client-ui@0.1.1
+  - @shipfox/client-logs@0.1.1
+  - @shipfox/client-triggers@0.1.1
+  - @shipfox/client-api@0.0.1
+  - @shipfox/react-ui@0.3.0
+
+## 0.1.0
+
+### Minor Changes
+
+- 2bc5595: Adds workflow-run cancellation across the API, orchestration queue cleanup, event contract, and run-page cancel action.
+- d69b164: Adds workflow run attempt lineage APIs and a run summary switcher for navigating rerun attempts.
+- 2fb3e87: Derives workflow run attempt durations on the client and displays them in the run list and run header.
+- e699508: Adds first-class skipped workflow jobs with persisted status reasons across API DTOs, orchestration, events, and client run views.
+
+### Patch Changes
+
+- dc3e434: Show logs inline under the active or selected workflow step attempt, including missing-stream retry for running attempts and stale-log retry states.
+- 974b501: Moves manual workflow-run firing and optimistic run-list cache updates into `@shipfox/client-workflows` so project workflow pages consume the run cache owner directly.
+- 228385c: Centralizes workflow run DTO mapping behind core client models for workflow UI components.
+- a20b345: Compacts workflow job graph nodes and shows only current unresolved dependency counts.
+- 8037501: Capture the `@shipfox/client-workflows` Storybook stories as Argos visual
+  snapshots. Vitest now runs a browser `storybook` project that screenshots every
+  story in light and dark and uploads them to the `client-workflows` Argos build
+  in CI.
+- 6e435dd: Add a resizable workflow source panel to the run page. The run summary exposes a Source control that opens the run's workflow YAML (from `source_snapshot`) in a page-level right panel, leaving the jobs graph and step attempts visible. The panel defaults to 720px and can be dragged between 420px and `min(1280px, 85vw)`.
+- 5264a22: Adds a shared time ticker provider and hook for live elapsed-time displays that pause while hidden and slow down under reduced motion.
+- 0b75eba: Replace the color-only job/run status dot with `WorkflowStatusIcon`, an icon-in-circle status glyph. Each state now carries a distinct shape plus the saturated `--tag-*-icon` tone, so the state is readable without relying on color alone: a dotted ring (pending), check / X / slash discs (succeeded / failed / cancelled), and a filled disc with an external ripple halo for the live running state (no spinner; honors reduced motion). Applied to the jobs graph nodes and the run-history rows. The run-header keeps its existing status `Badge` (its flat leading icon now matches the new glyph set).
+- 417e220: Removes duplicate status icon from the workflow run summary, keeping only the status badge.
+- 7a0ac44: Highlights workflow job graph edges on node hover with a neutral emphasis instead of the selected-job accent.
+- 8fad235: Adds trigger source icons to workflow run rows so trigger metadata aligns with the status column.
+- f880179: Replaces the trigger node rectangle in the workflow jobs graph with a circle containing only the trigger source icon, and shows the source label on hover via tooltip.
+- 7341569: Add a per-step source action to the workflow run page with highlighted-line scrolling in the source panel.
+- 8037501: Replace the local `StatusDot` in the workflow runs list with the shared `Dot`
+  component from `@shipfox/react-ui`, mapping run status to the dot's native color
+  variant. Active (running) runs show a blue rippling dot.
+
+  Refine the selected run row: drop the washed-out orange-tinted fill and border in
+  favor of a subtle neutral surface plus the existing orange "you are here" rail, so
+  selection reads as intentional restraint rather than a faint brand wash.
+
+  Re-align the status filter buttons to native `Button` variants instead of
+  hardcoded highlight tokens: the active filter uses `primary`, the rest
+  `transparent`.
+
+  Tidy the runs list header: drop the redundant "Runs" title (already shown in the
+  section selector above) and align the header inset with the run rows so the search
+  box, filters, and run cards share one left edge.
+
+  Match the runs list panel surface to the nav bar chrome: use
+  `bg-background-subtle-base` (instead of a solid `bg-background-neutral-base` panel
+  fill) so it reads as app chrome rather than a dedicated card, keeping only the
+  right-edge separator.
+
+- Updated dependencies [dc3e434]
+- Updated dependencies [eb40964]
+- Updated dependencies [b83d31a]
+- Updated dependencies [5c18360]
+- Updated dependencies [43d7996]
+- Updated dependencies [14e0bea]
+- Updated dependencies [7a9943d]
+- Updated dependencies [c17dd6e]
+- Updated dependencies [9018f0b]
+- Updated dependencies [7fdfd72]
+- Updated dependencies [736249b]
+- Updated dependencies [2bc5595]
+- Updated dependencies [2a3193f]
+- Updated dependencies [f104ff2]
+- Updated dependencies [7341569]
+- Updated dependencies [940696a]
+- Updated dependencies [f98c2be]
+- Updated dependencies [e9396c9]
+- Updated dependencies [b525dcd]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [2c352bb]
+- Updated dependencies [e5d2f13]
+- Updated dependencies [5d0676a]
+- Updated dependencies [a460020]
+- Updated dependencies [3afb7e3]
+- Updated dependencies [a35c2dc]
+- Updated dependencies [58f7aef]
+- Updated dependencies [5264a22]
+- Updated dependencies [9674879]
+- Updated dependencies [c652a68]
+- Updated dependencies [225c9a5]
+- Updated dependencies [24f131b]
+- Updated dependencies [bb2a7bc]
+- Updated dependencies [795f440]
+- Updated dependencies [3dcd751]
+- Updated dependencies [5eb06d0]
+- Updated dependencies [4e13e5f]
+- Updated dependencies [e92150d]
+- Updated dependencies [8037501]
+- Updated dependencies [0fb6018]
+- Updated dependencies [c27a1ed]
+- Updated dependencies [c0a883c]
+- Updated dependencies [362b3eb]
+- Updated dependencies [b8e49ff]
+- Updated dependencies [8037501]
+- Updated dependencies [6c0da64]
+- Updated dependencies [d69b164]
+- Updated dependencies [07f8ff8]
+- Updated dependencies [e457582]
+- Updated dependencies [8b5c905]
+- Updated dependencies [2fb3e87]
+- Updated dependencies [ef1e917]
+- Updated dependencies [f849131]
+- Updated dependencies [0c6373a]
+- Updated dependencies [94bdcc5]
+- Updated dependencies [a34c8ea]
+- Updated dependencies [27770eb]
+- Updated dependencies [2933c33]
+- Updated dependencies [8ac4bf4]
+- Updated dependencies [3a0be6b]
+- Updated dependencies [e699508]
+- Updated dependencies [d42baf4]
+- Updated dependencies [8037501]
+- Updated dependencies [54bb8a3]
+- Updated dependencies [f711e18]
+- Updated dependencies [8ecc121]
+  - @shipfox/client-logs@0.1.0
+  - @shipfox/api-workflows-dto@0.1.0
+  - @shipfox/react-ui@0.3.0
+  - @shipfox/client-triggers@0.1.0
+  - @shipfox/client-api@0.0.1
+  - @shipfox/client-ui@0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shipfox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/identifier/identifier.d.ts

@@ -0,0 +1,6 @@
+export declare function Identifier({ display, value, label, }: {
+    display: string;
+    value: string;
+    label?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=identifier.d.ts.map

package/dist/components/identifier/identifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"identifier.d.ts","sourceRoot":"","sources":["../../../src/components/identifier/identifier.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,KAAK,EACL,KAAoB,GACrB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,+BA6GA"}

package/dist/components/identifier/identifier.js

@@ -0,0 +1,144 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCopyToClipboard } from '@shipfox/react-ui/hooks';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { Code } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+const COPY_FEEDBACK_OFFSET_PX = 8;
+export function Identifier({ display, value, label = 'identifier' }) {
+    const [copyState, setCopyState] = useState('idle');
+    const [tooltipOpen, setTooltipOpen] = useState(false);
+    const [feedbackAnchor, setFeedbackAnchor] = useState(null);
+    const buttonRef = useRef(null);
+    const timeoutRef = useRef(undefined);
+    const { copy } = useCopyToClipboard({
+        text: value,
+        onCopy: ()=>{
+            setTemporaryCopyState('copied', 2500);
+        }
+    });
+    useEffect(()=>{
+        return ()=>{
+            if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        };
+    }, []);
+    const resetCopyFeedback = useCallback(()=>{
+        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        setCopyState('idle');
+        setTooltipOpen(false);
+        setFeedbackAnchor(null);
+    }, []);
+    useEffect(()=>{
+        if (copyState === 'idle') return;
+        window.addEventListener('scroll', resetCopyFeedback, true);
+        window.addEventListener('resize', resetCopyFeedback);
+        return ()=>{
+            window.removeEventListener('scroll', resetCopyFeedback, true);
+            window.removeEventListener('resize', resetCopyFeedback);
+        };
+    }, [
+        copyState,
+        resetCopyFeedback
+    ]);
+    function setTemporaryCopyState(state, timeout) {
+        const rect = buttonRef.current?.getBoundingClientRect();
+        setCopyState(state);
+        setTooltipOpen(false);
+        setFeedbackAnchor(rect ? {
+            left: rect.left + rect.width / 2,
+            top: rect.top,
+            bottom: rect.bottom
+        } : null);
+        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(resetCopyFeedback, timeout);
+    }
+    async function handleCopy() {
+        try {
+            await copy();
+        } catch  {
+            setTemporaryCopyState('failed', 2500);
+        }
+    }
+    const ariaLabel = copyState === 'copied' ? `Copied ${label} ${value}` : copyState === 'failed' ? `Could not copy ${label} ${value}` : `Copy ${label} ${value}`;
+    const feedback = copyState === 'copied' ? {
+        kind: copyState,
+        label: 'Copied'
+    } : copyState === 'failed' ? {
+        kind: copyState,
+        label: 'Could not copy'
+    } : null;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs(Tooltip, {
+                open: copyState === 'idle' ? tooltipOpen : false,
+                onOpenChange: setTooltipOpen,
+                children: [
+                    /*#__PURE__*/ _jsx(TooltipTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsxs("button", {
+                            ref: buttonRef,
+                            type: "button",
+                            "aria-label": ariaLabel,
+                            onClick: ()=>{
+                                void handleCopy();
+                            },
+                            className: "inline-flex h-20 min-w-0 shrink-0 items-center gap-4 rounded-4 px-2 text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active",
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    name: "copy",
+                                    "aria-hidden": "true",
+                                    className: "size-12 shrink-0"
+                                }),
+                                /*#__PURE__*/ _jsx(Code, {
+                                    as: "span",
+                                    variant: "label",
+                                    className: "truncate",
+                                    children: display
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(TooltipContent, {
+                        children: /*#__PURE__*/ _jsx(Code, {
+                            as: "span",
+                            variant: "label",
+                            className: "block max-w-[360px] truncate",
+                            children: value
+                        })
+                    })
+                ]
+            }),
+            feedback && feedbackAnchor ? /*#__PURE__*/ _jsx(CopyFeedbackPortal, {
+                anchor: feedbackAnchor,
+                kind: feedback.kind,
+                children: feedback.label
+            }) : null
+        ]
+    });
+}
+function CopyFeedbackPortal({ anchor, children, kind }) {
+    const feedbackRef = useRef(null);
+    const [placement, setPlacement] = useState('bottom');
+    useLayoutEffect(()=>{
+        const height = feedbackRef.current?.offsetHeight ?? 0;
+        setPlacement(anchor.top >= height + COPY_FEEDBACK_OFFSET_PX ? 'top' : 'bottom');
+    }, [
+        anchor.top
+    ]);
+    if (typeof document === 'undefined') return null;
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx("span", {
+        ref: feedbackRef,
+        role: "status",
+        style: {
+            left: anchor.left,
+            top: placement === 'top' ? anchor.top : anchor.bottom,
+            transform: placement === 'top' ? `translate(-50%, calc(-100% - ${COPY_FEEDBACK_OFFSET_PX}px))` : `translate(-50%, ${COPY_FEEDBACK_OFFSET_PX}px)`
+        },
+        className: cn('pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-8 py-4 text-xs font-display font-medium leading-20 shadow-tooltip', kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base'),
+        children: children
+    }), document.body);
+}
+
+//# sourceMappingURL=identifier.js.map

package/dist/components/identifier/identifier.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/identifier/identifier.tsx"],"sourcesContent":["import {useCopyToClipboard} from '@shipfox/react-ui/hooks';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\nimport {Code} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useCallback, useEffect, useLayoutEffect, useRef, useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nconst COPY_FEEDBACK_OFFSET_PX = 8;\n\ntype CopyState = 'idle' | 'copied' | 'failed';\n\ninterface FeedbackAnchor {\n  bottom: number;\n  left: number;\n  top: number;\n}\n\nexport function Identifier({\n  display,\n  value,\n  label = 'identifier',\n}: {\n  display: string;\n  value: string;\n  label?: string | undefined;\n}) {\n  const [copyState, setCopyState] = useState<CopyState>('idle');\n  const [tooltipOpen, setTooltipOpen] = useState(false);\n  const [feedbackAnchor, setFeedbackAnchor] = useState<FeedbackAnchor | null>(null);\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const {copy} = useCopyToClipboard({\n    text: value,\n    onCopy: () => {\n      setTemporaryCopyState('copied', 2500);\n    },\n  });\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    };\n  }, []);\n\n  const resetCopyFeedback = useCallback(() => {\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    setCopyState('idle');\n    setTooltipOpen(false);\n    setFeedbackAnchor(null);\n  }, []);\n\n  useEffect(() => {\n    if (copyState === 'idle') return;\n\n    window.addEventListener('scroll', resetCopyFeedback, true);\n    window.addEventListener('resize', resetCopyFeedback);\n\n    return () => {\n      window.removeEventListener('scroll', resetCopyFeedback, true);\n      window.removeEventListener('resize', resetCopyFeedback);\n    };\n  }, [copyState, resetCopyFeedback]);\n\n  function setTemporaryCopyState(state: Exclude<CopyState, 'idle'>, timeout: number) {\n    const rect = buttonRef.current?.getBoundingClientRect();\n    setCopyState(state);\n    setTooltipOpen(false);\n    setFeedbackAnchor(\n      rect\n        ? {\n            left: rect.left + rect.width / 2,\n            top: rect.top,\n            bottom: rect.bottom,\n          }\n        : null,\n    );\n    if (timeoutRef.current) clearTimeout(timeoutRef.current);\n    timeoutRef.current = setTimeout(resetCopyFeedback, timeout);\n  }\n\n  async function handleCopy() {\n    try {\n      await copy();\n    } catch {\n      setTemporaryCopyState('failed', 2500);\n    }\n  }\n\n  const ariaLabel =\n    copyState === 'copied'\n      ? `Copied ${label} ${value}`\n      : copyState === 'failed'\n        ? `Could not copy ${label} ${value}`\n        : `Copy ${label} ${value}`;\n\n  const feedback =\n    copyState === 'copied'\n      ? {kind: copyState, label: 'Copied'}\n      : copyState === 'failed'\n        ? {kind: copyState, label: 'Could not copy'}\n        : null;\n\n  return (\n    <>\n      <Tooltip open={copyState === 'idle' ? tooltipOpen : false} onOpenChange={setTooltipOpen}>\n        <TooltipTrigger asChild>\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            aria-label={ariaLabel}\n            onClick={() => {\n              void handleCopy();\n            }}\n            className=\"inline-flex h-20 min-w-0 shrink-0 items-center gap-4 rounded-4 px-2 text-foreground-neutral-muted outline-none transition-colors hover:bg-background-components-hover hover:text-foreground-neutral-base focus-visible:shadow-border-interactive-with-active\"\n          >\n            <Icon name=\"copy\" aria-hidden=\"true\" className=\"size-12 shrink-0\" />\n            <Code as=\"span\" variant=\"label\" className=\"truncate\">\n              {display}\n            </Code>\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <Code as=\"span\" variant=\"label\" className=\"block max-w-[360px] truncate\">\n            {value}\n          </Code>\n        </TooltipContent>\n      </Tooltip>\n      {feedback && feedbackAnchor ? (\n        <CopyFeedbackPortal anchor={feedbackAnchor} kind={feedback.kind}>\n          {feedback.label}\n        </CopyFeedbackPortal>\n      ) : null}\n    </>\n  );\n}\n\nfunction CopyFeedbackPortal({\n  anchor,\n  children,\n  kind,\n}: {\n  anchor: FeedbackAnchor;\n  children: string;\n  kind: Exclude<CopyState, 'idle'>;\n}) {\n  const feedbackRef = useRef<HTMLSpanElement | null>(null);\n  const [placement, setPlacement] = useState<'top' | 'bottom'>('bottom');\n\n  useLayoutEffect(() => {\n    const height = feedbackRef.current?.offsetHeight ?? 0;\n    setPlacement(anchor.top >= height + COPY_FEEDBACK_OFFSET_PX ? 'top' : 'bottom');\n  }, [anchor.top]);\n\n  if (typeof document === 'undefined') return null;\n\n  return createPortal(\n    <span\n      ref={feedbackRef}\n      role=\"status\"\n      style={{\n        left: anchor.left,\n        top: placement === 'top' ? anchor.top : anchor.bottom,\n        transform:\n          placement === 'top'\n            ? `translate(-50%, calc(-100% - ${COPY_FEEDBACK_OFFSET_PX}px))`\n            : `translate(-50%, ${COPY_FEEDBACK_OFFSET_PX}px)`,\n      }}\n      className={cn(\n        'pointer-events-none fixed z-50 whitespace-nowrap rounded-8 bg-background-components-base px-8 py-4 text-xs font-display font-medium leading-20 shadow-tooltip',\n        kind === 'failed' ? 'text-foreground-highlight-error' : 'text-foreground-neutral-base',\n      )}\n    >\n      {children}\n    </span>,\n    document.body,\n  );\n}\n"],"names":["useCopyToClipboard","Icon","Tooltip","TooltipContent","TooltipTrigger","Code","cn","useCallback","useEffect","useLayoutEffect","useRef","useState","createPortal","COPY_FEEDBACK_OFFSET_PX","Identifier","display","value","label","copyState","setCopyState","tooltipOpen","setTooltipOpen","feedbackAnchor","setFeedbackAnchor","buttonRef","timeoutRef","undefined","copy","text","onCopy","setTemporaryCopyState","current","clearTimeout","resetCopyFeedback","window","addEventListener","removeEventListener","state","timeout","rect","getBoundingClientRect","left","width","top","bottom","setTimeout","handleCopy","ariaLabel","feedback","kind","open","onOpenChange","asChild","button","ref","type","aria-label","onClick","className","name","aria-hidden","as","variant","CopyFeedbackPortal","anchor","children","feedbackRef","placement","setPlacement","height","offsetHeight","document","span","role","style","transform","body"],"mappings":"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"}

package/dist/components/identifier/index.d.ts

@@ -0,0 +1,2 @@
+export { Identifier } from './identifier.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/identifier/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/identifier/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/components/identifier/index.js

@@ -0,0 +1,3 @@
+export { Identifier } from './identifier.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/identifier/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/identifier/index.ts"],"sourcesContent":["export {Identifier} from './identifier.js';\n"],"names":["Identifier"],"mappings":"AAAA,SAAQA,UAAU,QAAO,kBAAkB"}

package/dist/components/job-graph/graph-model.d.ts

@@ -0,0 +1,27 @@
+import type { Job, WorkflowRunDetail } from '#core/workflow-run.js';
+export type JobGraphNode = Job & {
+    column: number;
+    row: number;
+    currentDependencyCount: number;
+};
+export type JobGraphNavigationKey = 'ArrowRight' | 'ArrowLeft' | 'ArrowDown' | 'ArrowUp' | 'j' | 'k';
+export interface JobGraphEdge {
+    id: string;
+    from: string;
+    to: string;
+    kind: 'trigger' | 'dependency';
+}
+export interface JobGraphModel {
+    nodes: JobGraphNode[];
+    edges: JobGraphEdge[];
+    columns: JobGraphNode[][];
+}
+export declare function buildJobGraphModel({ run }: {
+    run: WorkflowRunDetail;
+}): JobGraphModel;
+export declare function nextJobGraphNodeId({ model, currentNodeId, key, }: {
+    model: JobGraphModel;
+    currentNodeId: string;
+    key: JobGraphNavigationKey;
+}): string | undefined;
+//# sourceMappingURL=graph-model.d.ts.map

package/dist/components/job-graph/graph-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-model.d.ts","sourceRoot":"","sources":["../../../src/components/job-graph/graph-model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAE,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AAElE,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B,YAAY,GACZ,WAAW,GACX,WAAW,GACX,SAAS,GACT,GAAG,GACH,GAAG,CAAC;AAER,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,GAAG,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,YAAY,EAAE,EAAE,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,CAAC,EAAC,GAAG,EAAC,EAAE;IAAC,GAAG,EAAE,iBAAiB,CAAA;CAAC,GAAG,aAAa,CAwCjF;AA0ED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,aAAa,EACb,GAAG,GACJ,EAAE;IACD,KAAK,EAAE,aAAa,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;CAC5B,GAAG,MAAM,GAAG,SAAS,CAgBrB"}