@shipfox/client-runners 0.2.0

package/dist/components/token-expiration-select.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormField } from '@shipfox/react-ui/form-field';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@shipfox/react-ui/select';
+export const expirationOptions = [
+    {
+        value: '86400',
+        label: '1 day'
+    },
+    {
+        value: '604800',
+        label: '7 days'
+    },
+    {
+        value: '2592000',
+        label: '30 days'
+    },
+    {
+        value: '7776000',
+        label: '90 days'
+    },
+    {
+        value: '15552000',
+        label: '180 days'
+    },
+    {
+        value: '31536000',
+        label: '1 year'
+    },
+    {
+        value: 'never',
+        label: 'Never'
+    }
+];
+export function expirationHint(expiration) {
+    if (expiration === 'never') return 'Token will not expire.';
+    const expiresAt = new Date(Date.now() + Number(expiration) * 1000);
+    const formatted = new Intl.DateTimeFormat(undefined, {
+        dateStyle: 'medium'
+    }).format(expiresAt);
+    return `Expires on ${formatted}.`;
+}
+export function ExpirationSelect({ value, onValueChange }) {
+    const wiring = useFormField();
+    return /*#__PURE__*/ _jsxs(Select, {
+        value: value,
+        onValueChange: (next)=>onValueChange(next),
+        children: [
+            /*#__PURE__*/ _jsx(SelectTrigger, {
+                id: wiring.id,
+                "aria-invalid": wiring['aria-invalid'],
+                "aria-describedby": wiring['aria-describedby'],
+                "aria-label": "Token expiration",
+                className: "w-full",
+                children: /*#__PURE__*/ _jsx(SelectValue, {
+                    placeholder: "Select expiration"
+                })
+            }),
+            /*#__PURE__*/ _jsx(SelectContent, {
+                children: expirationOptions.map((option)=>/*#__PURE__*/ _jsx(SelectItem, {
+                        value: option.value,
+                        children: option.label
+                    }, option.value))
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=token-expiration-select.js.map

package/dist/components/token-expiration-select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-expiration-select.tsx"],"sourcesContent":["import {useFormField} from '@shipfox/react-ui/form-field';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@shipfox/react-ui/select';\n\nexport type TokenExpirationOption =\n  | '86400'\n  | '604800'\n  | '2592000'\n  | '7776000'\n  | '15552000'\n  | '31536000'\n  | 'never';\n\nexport const expirationOptions: Array<{value: TokenExpirationOption; label: string}> = [\n  {value: '86400', label: '1 day'},\n  {value: '604800', label: '7 days'},\n  {value: '2592000', label: '30 days'},\n  {value: '7776000', label: '90 days'},\n  {value: '15552000', label: '180 days'},\n  {value: '31536000', label: '1 year'},\n  {value: 'never', label: 'Never'},\n];\n\nexport function expirationHint(expiration: TokenExpirationOption): string {\n  if (expiration === 'never') return 'Token will not expire.';\n  const expiresAt = new Date(Date.now() + Number(expiration) * 1000);\n  const formatted = new Intl.DateTimeFormat(undefined, {dateStyle: 'medium'}).format(expiresAt);\n  return `Expires on ${formatted}.`;\n}\n\nexport function ExpirationSelect({\n  value,\n  onValueChange,\n}: {\n  value: TokenExpirationOption;\n  onValueChange: (next: TokenExpirationOption) => void;\n}) {\n  const wiring = useFormField();\n  return (\n    <Select value={value} onValueChange={(next) => onValueChange(next as TokenExpirationOption)}>\n      <SelectTrigger\n        id={wiring.id}\n        aria-invalid={wiring['aria-invalid']}\n        aria-describedby={wiring['aria-describedby']}\n        aria-label=\"Token expiration\"\n        className=\"w-full\"\n      >\n        <SelectValue placeholder=\"Select expiration\" />\n      </SelectTrigger>\n      <SelectContent>\n        {expirationOptions.map((option) => (\n          <SelectItem key={option.value} value={option.value}>\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n"],"names":["useFormField","Select","SelectContent","SelectItem","SelectTrigger","SelectValue","expirationOptions","value","label","expirationHint","expiration","expiresAt","Date","now","Number","formatted","Intl","DateTimeFormat","undefined","dateStyle","format","ExpirationSelect","onValueChange","wiring","next","id","aria-invalid","aria-describedby","aria-label","className","placeholder","map","option"],"mappings":";AAAA,SAAQA,YAAY,QAAO,+BAA+B;AAC1D,SACEC,MAAM,EACNC,aAAa,EACbC,UAAU,EACVC,aAAa,EACbC,WAAW,QACN,2BAA2B;AAWlC,OAAO,MAAMC,oBAA0E;IACrF;QAACC,OAAO;QAASC,OAAO;IAAO;IAC/B;QAACD,OAAO;QAAUC,OAAO;IAAQ;IACjC;QAACD,OAAO;QAAWC,OAAO;IAAS;IACnC;QAACD,OAAO;QAAWC,OAAO;IAAS;IACnC;QAACD,OAAO;QAAYC,OAAO;IAAU;IACrC;QAACD,OAAO;QAAYC,OAAO;IAAQ;IACnC;QAACD,OAAO;QAASC,OAAO;IAAO;CAChC,CAAC;AAEF,OAAO,SAASC,eAAeC,UAAiC;IAC9D,IAAIA,eAAe,SAAS,OAAO;IACnC,MAAMC,YAAY,IAAIC,KAAKA,KAAKC,GAAG,KAAKC,OAAOJ,cAAc;IAC7D,MAAMK,YAAY,IAAIC,KAAKC,cAAc,CAACC,WAAW;QAACC,WAAW;IAAQ,GAAGC,MAAM,CAACT;IACnF,OAAO,CAAC,WAAW,EAAEI,UAAU,CAAC,CAAC;AACnC;AAEA,OAAO,SAASM,iBAAiB,EAC/Bd,KAAK,EACLe,aAAa,EAId;IACC,MAAMC,SAASvB;IACf,qBACE,MAACC;QAAOM,OAAOA;QAAOe,eAAe,CAACE,OAASF,cAAcE;;0BAC3D,KAACpB;gBACCqB,IAAIF,OAAOE,EAAE;gBACbC,gBAAcH,MAAM,CAAC,eAAe;gBACpCI,oBAAkBJ,MAAM,CAAC,mBAAmB;gBAC5CK,cAAW;gBACXC,WAAU;0BAEV,cAAA,KAACxB;oBAAYyB,aAAY;;;0BAE3B,KAAC5B;0BACEI,kBAAkByB,GAAG,CAAC,CAACC,uBACtB,KAAC7B;wBAA8BI,OAAOyB,OAAOzB,KAAK;kCAC/CyB,OAAOxB,KAAK;uBADEwB,OAAOzB,KAAK;;;;AAOvC"}

package/dist/components/token-name.d.ts

@@ -0,0 +1,4 @@
+export declare function TokenName({ name }: {
+    name: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=token-name.d.ts.map

package/dist/components/token-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-name.d.ts","sourceRoot":"","sources":["../../src/components/token-name.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,+BAgB/C"}

package/dist/components/token-name.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+export function TokenName({ name }) {
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("button", {
+                    type: "button",
+                    className: "block w-full min-w-0 cursor-help truncate rounded-4 text-left text-sm leading-20 font-medium text-foreground-neutral-base outline-none focus-visible:shadow-button-neutral-focus",
+                    children: name
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                children: /*#__PURE__*/ _jsx("span", {
+                    className: "block max-w-[360px] break-words",
+                    children: name
+                })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=token-name.js.map

package/dist/components/token-name.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-name.tsx"],"sourcesContent":["import {Tooltip, TooltipContent, TooltipTrigger} from '@shipfox/react-ui/tooltip';\n\nexport function TokenName({name}: {name: string}) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <button\n          type=\"button\"\n          className=\"block w-full min-w-0 cursor-help truncate rounded-4 text-left text-sm leading-20 font-medium text-foreground-neutral-base outline-none focus-visible:shadow-button-neutral-focus\"\n        >\n          {name}\n        </button>\n      </TooltipTrigger>\n      <TooltipContent>\n        <span className=\"block max-w-[360px] break-words\">{name}</span>\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n"],"names":["Tooltip","TooltipContent","TooltipTrigger","TokenName","name","asChild","button","type","className","span"],"mappings":";AAAA,SAAQA,OAAO,EAAEC,cAAc,EAAEC,cAAc,QAAO,4BAA4B;AAElF,OAAO,SAASC,UAAU,EAACC,IAAI,EAAiB;IAC9C,qBACE,MAACJ;;0BACC,KAACE;gBAAeG,OAAO;0BACrB,cAAA,KAACC;oBACCC,MAAK;oBACLC,WAAU;8BAETJ;;;0BAGL,KAACH;0BACC,cAAA,KAACQ;oBAAKD,WAAU;8BAAmCJ;;;;;AAI3D"}

package/dist/components/token-settings-sections.stories.d.ts

@@ -0,0 +1,26 @@
+import type { Decorator, StoryObj } from '@storybook/react';
+type Scenario = 'populated' | 'empty' | 'loading' | 'errors';
+interface TokenSettingsSectionsStoryProps {
+    scenario: Scenario;
+}
+declare function TokenSettingsSectionsStory({ scenario }: TokenSettingsSectionsStoryProps): import("react").JSX.Element;
+declare const meta: {
+    title: string;
+    component: typeof TokenSettingsSectionsStory;
+    parameters: {
+        layout: string;
+    };
+    decorators: Decorator[];
+    args: {
+        scenario: "populated";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const DataStates: Story;
+export declare const Errors: Story;
+export declare const Statuses: Story;
+export declare const Content: Story;
+export declare const CreatedTokenPanels: Story;
+//# sourceMappingURL=token-settings-sections.stories.d.ts.map

package/dist/components/token-settings-sections.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-settings-sections.stories.d.ts","sourceRoot":"","sources":["../../src/components/token-settings-sections.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,SAAS,EAAQ,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAyBhE,KAAK,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE7D,UAAU,+BAA+B;IACvC,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAcD,iBAAS,0BAA0B,CAAC,EAAC,QAAQ,EAAC,EAAE,+BAA+B,+BAY9E;AAED,QAAA,MAAM,IAAI;;;;;;;;;;CAMyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkDrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC"}

package/dist/components/token-settings-sections.stories.js

@@ -0,0 +1,370 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { configureApiClient } from '@shipfox/client-api';
+import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
+import { Toaster } from '@shipfox/react-ui/toast';
+import { Code } from '@shipfox/react-ui/typography';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { within } from 'storybook/test';
+import { CreatedManualRegistrationTokenPanel } from './create-manual-registration-token-form.js';
+import { CreatedProvisionerTokenPanel } from './create-provisioner-token-form.js';
+import { EmptyManualRegistrationTokens, ManualRegistrationTokenList, ManualRegistrationTokenTableSkeleton } from './manual-registration-token-list.js';
+import { WorkspaceManualRegistrationTokensSettingsSection } from './manual-registration-tokens-settings-section.js';
+import { EmptyProvisionerTokens, ProvisionerTokenList, ProvisionerTokenTableSkeleton } from './provisioner-token-list.js';
+import { WorkspaceProvisionerTokensSettingsSection } from './provisioner-tokens-settings-section.js';
+const WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';
+const NOW = '2026-06-26T12:00:00.000Z';
+const EIGHT_MINUTES_AGO = '2026-06-26T11:52:00.000Z';
+const EXPIRES_AT = '2026-09-24T12:00:00.000Z';
+const CREATED_AT = '2026-06-20T12:00:00.000Z';
+const withQueryClient = (Story)=>{
+    const queryClient = new QueryClient({
+        defaultOptions: {
+            queries: {
+                retry: false
+            }
+        }
+    });
+    return /*#__PURE__*/ _jsxs(QueryClientProvider, {
+        client: queryClient,
+        children: [
+            /*#__PURE__*/ _jsx(RelativeTimeProvider, {
+                children: /*#__PURE__*/ _jsx(Story, {})
+            }),
+            /*#__PURE__*/ _jsx(Toaster, {})
+        ]
+    });
+};
+function TokenSettingsSectionsStory({ scenario }) {
+    configureApiClient({
+        baseUrl: 'https://api.example.test',
+        fetchImpl: fetchForScenario(scenario)
+    });
+    return /*#__PURE__*/ _jsxs(StorySurface, {
+        children: [
+            /*#__PURE__*/ _jsx(WorkspaceManualRegistrationTokensSettingsSection, {
+                workspaceId: WORKSPACE_ID
+            }),
+            /*#__PURE__*/ _jsx(WorkspaceProvisionerTokensSettingsSection, {
+                workspaceId: WORKSPACE_ID
+            })
+        ]
+    });
+}
+const meta = {
+    title: 'Runners/TokenSettingsSections',
+    component: TokenSettingsSectionsStory,
+    parameters: {
+        layout: 'fullscreen'
+    },
+    decorators: [
+        withQueryClient
+    ],
+    args: {
+        scenario: 'populated'
+    }
+};
+export default meta;
+export const Playground = {
+    play: async ({ canvasElement })=>{
+        const canvas = within(canvasElement);
+        await canvas.findAllByText('Deploy runner');
+        await canvas.findAllByText('Docker autoscaler');
+        await canvas.findAllByText('Connected');
+        await canvas.findAllByText('Never connected');
+    }
+};
+export const DataStates = {
+    render: ()=>/*#__PURE__*/ _jsxs(StorySurface, {
+            children: [
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Manual empty",
+                    children: /*#__PURE__*/ _jsx(EmptyManualRegistrationTokens, {})
+                }),
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Manual loading",
+                    children: /*#__PURE__*/ _jsx(ManualRegistrationTokenTableSkeleton, {})
+                }),
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Provisioner empty",
+                    children: /*#__PURE__*/ _jsx(EmptyProvisionerTokens, {})
+                }),
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Provisioner loading",
+                    children: /*#__PURE__*/ _jsx(ProvisionerTokenTableSkeleton, {})
+                })
+            ]
+        })
+};
+export const Errors = {
+    args: {
+        scenario: 'errors'
+    },
+    play: async ({ canvasElement })=>{
+        const canvas = within(canvasElement);
+        await canvas.findByText("Couldn't load manual registration tokens");
+        await canvas.findByText("Couldn't load provisioner registration tokens");
+    }
+};
+export const Statuses = {
+    render: ()=>/*#__PURE__*/ _jsx(StorySurface, {
+            children: /*#__PURE__*/ _jsx(ProvisionerTokenList, {
+                workspaceId: WORKSPACE_ID,
+                tokens: [
+                    provisionerToken({
+                        id: '33333333-3333-4333-8333-333333333333',
+                        name: 'Docker autoscaler',
+                        last_seen_at: NOW
+                    }),
+                    provisionerToken({
+                        id: '44444444-4444-4444-8444-444444444444',
+                        name: 'Kubernetes spot pool',
+                        last_seen_at: EIGHT_MINUTES_AGO
+                    }),
+                    provisionerToken({
+                        id: '55555555-5555-4555-8555-555555555555',
+                        name: 'Buildkite migration pool',
+                        last_seen_at: null
+                    })
+                ],
+                activeIds: new Set([
+                    '33333333-3333-4333-8333-333333333333'
+                ])
+            })
+        }),
+    play: async ({ canvasElement })=>{
+        const canvas = within(canvasElement);
+        await canvas.findAllByText('Connected');
+        await canvas.findAllByText('Last seen');
+        await canvas.findAllByText('Never connected');
+    }
+};
+export const Content = {
+    render: ()=>/*#__PURE__*/ _jsxs(StorySurface, {
+            children: [
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Existing tokens",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-col gap-24",
+                        children: [
+                            /*#__PURE__*/ _jsx(ManualRegistrationTokenList, {
+                                workspaceId: WORKSPACE_ID,
+                                tokens: [
+                                    manualToken({
+                                        name: 'Deploy runner',
+                                        prefix: 'sf_mrt_deploy'
+                                    }),
+                                    manualToken({
+                                        id: '66666666-6666-4666-8666-666666666666',
+                                        name: 'macOS build host',
+                                        prefix: 'sf_mrt_macos',
+                                        expires_at: null
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(ProvisionerTokenList, {
+                                workspaceId: WORKSPACE_ID,
+                                tokens: provisionerTokens(),
+                                activeIds: new Set([
+                                    '33333333-3333-4333-8333-333333333333'
+                                ])
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Long names",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-col gap-24",
+                        children: [
+                            /*#__PURE__*/ _jsx(ManualRegistrationTokenList, {
+                                workspaceId: WORKSPACE_ID,
+                                tokens: [
+                                    manualToken({
+                                        name: 'self-hosted-runner-for-production-release-candidate-validation-on-metal',
+                                        prefix: 'sf_mrt_release_candidate_validation'
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(ProvisionerTokenList, {
+                                workspaceId: WORKSPACE_ID,
+                                tokens: [
+                                    provisionerToken({
+                                        name: 'docker-provisioner-for-west-coast-gpu-burst-capacity-and-fallback',
+                                        prefix: 'sf_pt_west_coast_gpu_burst',
+                                        last_seen_at: EIGHT_MINUTES_AGO
+                                    })
+                                ],
+                                activeIds: new Set()
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+};
+export const CreatedTokenPanels = {
+    render: ()=>/*#__PURE__*/ _jsxs(StorySurface, {
+            children: [
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Manual token reveal",
+                    children: /*#__PURE__*/ _jsx(CreatedManualRegistrationTokenPanel, {
+                        token: {
+                            id: '77777777-7777-4777-8777-777777777777',
+                            raw_token: 'sf_mrt_4nJvNrs23ExampleManualTokenValue',
+                            prefix: 'sf_mrt_4nJv',
+                            name: 'Deploy runner',
+                            workspace_id: WORKSPACE_ID,
+                            expires_at: EXPIRES_AT,
+                            created_at: CREATED_AT
+                        }
+                    })
+                }),
+                /*#__PURE__*/ _jsx(StateExample, {
+                    label: "Provisioner token reveal",
+                    children: /*#__PURE__*/ _jsx(CreatedProvisionerTokenPanel, {
+                        token: {
+                            ...provisionerToken({
+                                name: 'Docker autoscaler'
+                            }),
+                            raw_token: 'sf_pt_Rv8YwrExampleProvisionerTokenValue'
+                        }
+                    })
+                })
+            ]
+        })
+};
+function StorySurface({ children }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "min-h-screen bg-background-neutral-background p-24",
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "mx-auto flex w-full max-w-[920px] flex-col gap-32",
+            children: children
+        })
+    });
+}
+function StateExample({ label, children }) {
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col gap-8",
+        children: [
+            /*#__PURE__*/ _jsx(Code, {
+                variant: "label",
+                className: "text-foreground-neutral-subtle",
+                children: label
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "rounded-8 border border-border-neutral-base bg-background-neutral-base p-16",
+                children: children
+            })
+        ]
+    });
+}
+function fetchForScenario(scenario) {
+    return (input)=>{
+        const url = requestUrl(input);
+        if (scenario === 'loading') return new Promise(()=>undefined);
+        if (url.pathname.endsWith('/runners/manual-registration-tokens')) {
+            if (scenario === 'errors') return Promise.resolve(errorResponse());
+            return Promise.resolve(jsonResponse({
+                manual_registration_tokens: scenario === 'empty' ? [] : [
+                    manualToken()
+                ]
+            }));
+        }
+        if (url.pathname.endsWith('/provisioners/tokens')) {
+            if (scenario === 'errors') return Promise.resolve(errorResponse());
+            return Promise.resolve(jsonResponse({
+                tokens: scenario === 'empty' ? [] : provisionerTokens()
+            }));
+        }
+        if (url.pathname.endsWith('/provisioners/active')) {
+            return Promise.resolve(jsonResponse({
+                provisioners: scenario === 'empty' ? [] : [
+                    {
+                        id: '33333333-3333-4333-8333-333333333333',
+                        name: 'Docker autoscaler',
+                        prefix: 'sf_pt_docker',
+                        last_seen_at: NOW
+                    }
+                ]
+            }));
+        }
+        return Promise.resolve(jsonResponse({}, {
+            status: 404
+        }));
+    };
+}
+function provisionerTokens() {
+    return [
+        provisionerToken({
+            id: '33333333-3333-4333-8333-333333333333',
+            name: 'Docker autoscaler',
+            prefix: 'sf_pt_docker',
+            last_seen_at: NOW
+        }),
+        provisionerToken({
+            id: '44444444-4444-4444-8444-444444444444',
+            name: 'Kubernetes spot pool',
+            prefix: 'sf_pt_spot',
+            last_seen_at: EIGHT_MINUTES_AGO
+        }),
+        provisionerToken({
+            id: '55555555-5555-4555-8555-555555555555',
+            name: 'Buildkite migration pool',
+            prefix: 'sf_pt_migrate',
+            last_seen_at: null
+        })
+    ];
+}
+function manualToken(overrides = {}) {
+    return {
+        id: '22222222-2222-4222-8222-222222222222',
+        workspace_id: WORKSPACE_ID,
+        prefix: 'sf_mrt_deploy',
+        name: 'Deploy runner',
+        expires_at: EXPIRES_AT,
+        revoked_at: null,
+        created_at: CREATED_AT,
+        updated_at: CREATED_AT,
+        ...overrides
+    };
+}
+function provisionerToken(overrides = {}) {
+    return {
+        id: '33333333-3333-4333-8333-333333333333',
+        workspace_id: WORKSPACE_ID,
+        prefix: 'sf_pt_docker',
+        name: 'Docker autoscaler',
+        created_by_user_id: '99999999-9999-4999-8999-999999999999',
+        revoked_by_user_id: null,
+        expires_at: EXPIRES_AT,
+        revoked_at: null,
+        last_seen_at: NOW,
+        created_at: CREATED_AT,
+        updated_at: CREATED_AT,
+        ...overrides
+    };
+}
+function requestUrl(input) {
+    if (typeof input === 'string') return new URL(input);
+    if (input instanceof URL) return input;
+    return new URL(input.url);
+}
+function jsonResponse(body, init = {}) {
+    return new Response(JSON.stringify(body), {
+        status: 200,
+        headers: {
+            'content-type': 'application/json'
+        },
+        ...init
+    });
+}
+function errorResponse() {
+    return jsonResponse({
+        code: 'server-error'
+    }, {
+        status: 500,
+        statusText: 'Server error'
+    });
+}
+
+//# sourceMappingURL=token-settings-sections.stories.js.map

package/dist/components/token-settings-sections.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/token-settings-sections.stories.tsx"],"sourcesContent":["import type {ManualRegistrationTokenDto, ProvisionerTokenDto} from '@shipfox/api-runners-dto';\nimport {configureApiClient} from '@shipfox/client-api';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {Toaster} from '@shipfox/react-ui/toast';\nimport {Code} from '@shipfox/react-ui/typography';\nimport type {Decorator, Meta, StoryObj} from '@storybook/react';\nimport {QueryClient, QueryClientProvider} from '@tanstack/react-query';\nimport type {ReactNode} from 'react';\nimport {within} from 'storybook/test';\nimport {CreatedManualRegistrationTokenPanel} from './create-manual-registration-token-form.js';\nimport {CreatedProvisionerTokenPanel} from './create-provisioner-token-form.js';\nimport {\n  EmptyManualRegistrationTokens,\n  ManualRegistrationTokenList,\n  ManualRegistrationTokenTableSkeleton,\n} from './manual-registration-token-list.js';\nimport {WorkspaceManualRegistrationTokensSettingsSection} from './manual-registration-tokens-settings-section.js';\nimport {\n  EmptyProvisionerTokens,\n  ProvisionerTokenList,\n  ProvisionerTokenTableSkeleton,\n} from './provisioner-token-list.js';\nimport {WorkspaceProvisionerTokensSettingsSection} from './provisioner-tokens-settings-section.js';\n\nconst WORKSPACE_ID = '11111111-1111-4111-8111-111111111111';\nconst NOW = '2026-06-26T12:00:00.000Z';\nconst EIGHT_MINUTES_AGO = '2026-06-26T11:52:00.000Z';\nconst EXPIRES_AT = '2026-09-24T12:00:00.000Z';\nconst CREATED_AT = '2026-06-20T12:00:00.000Z';\n\ntype Scenario = 'populated' | 'empty' | 'loading' | 'errors';\n\ninterface TokenSettingsSectionsStoryProps {\n  scenario: Scenario;\n}\n\nconst withQueryClient: Decorator = (Story) => {\n  const queryClient = new QueryClient({defaultOptions: {queries: {retry: false}}});\n  return (\n    <QueryClientProvider client={queryClient}>\n      <RelativeTimeProvider>\n        <Story />\n      </RelativeTimeProvider>\n      <Toaster />\n    </QueryClientProvider>\n  );\n};\n\nfunction TokenSettingsSectionsStory({scenario}: TokenSettingsSectionsStoryProps) {\n  configureApiClient({\n    baseUrl: 'https://api.example.test',\n    fetchImpl: fetchForScenario(scenario),\n  });\n\n  return (\n    <StorySurface>\n      <WorkspaceManualRegistrationTokensSettingsSection workspaceId={WORKSPACE_ID} />\n      <WorkspaceProvisionerTokensSettingsSection workspaceId={WORKSPACE_ID} />\n    </StorySurface>\n  );\n}\n\nconst meta = {\n  title: 'Runners/TokenSettingsSections',\n  component: TokenSettingsSectionsStory,\n  parameters: {layout: 'fullscreen'},\n  decorators: [withQueryClient],\n  args: {scenario: 'populated'},\n} satisfies Meta<typeof TokenSettingsSectionsStory>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Playground: Story = {\n  play: async ({canvasElement}) => {\n    const canvas = within(canvasElement);\n    await canvas.findAllByText('Deploy runner');\n    await canvas.findAllByText('Docker autoscaler');\n    await canvas.findAllByText('Connected');\n    await canvas.findAllByText('Never connected');\n  },\n};\n\nexport const DataStates: Story = {\n  render: () => (\n    <StorySurface>\n      <StateExample label=\"Manual empty\">\n        <EmptyManualRegistrationTokens />\n      </StateExample>\n      <StateExample label=\"Manual loading\">\n        <ManualRegistrationTokenTableSkeleton />\n      </StateExample>\n      <StateExample label=\"Provisioner empty\">\n        <EmptyProvisionerTokens />\n      </StateExample>\n      <StateExample label=\"Provisioner loading\">\n        <ProvisionerTokenTableSkeleton />\n      </StateExample>\n    </StorySurface>\n  ),\n};\n\nexport const Errors: Story = {\n  args: {scenario: 'errors'},\n  play: async ({canvasElement}) => {\n    const canvas = within(canvasElement);\n    await canvas.findByText(\"Couldn't load manual registration tokens\");\n    await canvas.findByText(\"Couldn't load provisioner registration tokens\");\n  },\n};\n\nexport const Statuses: Story = {\n  render: () => (\n    <StorySurface>\n      <ProvisionerTokenList\n        workspaceId={WORKSPACE_ID}\n        tokens={[\n          provisionerToken({\n            id: '33333333-3333-4333-8333-333333333333',\n            name: 'Docker autoscaler',\n            last_seen_at: NOW,\n          }),\n          provisionerToken({\n            id: '44444444-4444-4444-8444-444444444444',\n            name: 'Kubernetes spot pool',\n            last_seen_at: EIGHT_MINUTES_AGO,\n          }),\n          provisionerToken({\n            id: '55555555-5555-4555-8555-555555555555',\n            name: 'Buildkite migration pool',\n            last_seen_at: null,\n          }),\n        ]}\n        activeIds={new Set(['33333333-3333-4333-8333-333333333333'])}\n      />\n    </StorySurface>\n  ),\n  play: async ({canvasElement}) => {\n    const canvas = within(canvasElement);\n    await canvas.findAllByText('Connected');\n    await canvas.findAllByText('Last seen');\n    await canvas.findAllByText('Never connected');\n  },\n};\n\nexport const Content: Story = {\n  render: () => (\n    <StorySurface>\n      <StateExample label=\"Existing tokens\">\n        <div className=\"flex flex-col gap-24\">\n          <ManualRegistrationTokenList\n            workspaceId={WORKSPACE_ID}\n            tokens={[\n              manualToken({name: 'Deploy runner', prefix: 'sf_mrt_deploy'}),\n              manualToken({\n                id: '66666666-6666-4666-8666-666666666666',\n                name: 'macOS build host',\n                prefix: 'sf_mrt_macos',\n                expires_at: null,\n              }),\n            ]}\n          />\n          <ProvisionerTokenList\n            workspaceId={WORKSPACE_ID}\n            tokens={provisionerTokens()}\n            activeIds={new Set(['33333333-3333-4333-8333-333333333333'])}\n          />\n        </div>\n      </StateExample>\n      <StateExample label=\"Long names\">\n        <div className=\"flex flex-col gap-24\">\n          <ManualRegistrationTokenList\n            workspaceId={WORKSPACE_ID}\n            tokens={[\n              manualToken({\n                name: 'self-hosted-runner-for-production-release-candidate-validation-on-metal',\n                prefix: 'sf_mrt_release_candidate_validation',\n              }),\n            ]}\n          />\n          <ProvisionerTokenList\n            workspaceId={WORKSPACE_ID}\n            tokens={[\n              provisionerToken({\n                name: 'docker-provisioner-for-west-coast-gpu-burst-capacity-and-fallback',\n                prefix: 'sf_pt_west_coast_gpu_burst',\n                last_seen_at: EIGHT_MINUTES_AGO,\n              }),\n            ]}\n            activeIds={new Set()}\n          />\n        </div>\n      </StateExample>\n    </StorySurface>\n  ),\n};\n\nexport const CreatedTokenPanels: Story = {\n  render: () => (\n    <StorySurface>\n      <StateExample label=\"Manual token reveal\">\n        <CreatedManualRegistrationTokenPanel\n          token={{\n            id: '77777777-7777-4777-8777-777777777777',\n            raw_token: 'sf_mrt_4nJvNrs23ExampleManualTokenValue',\n            prefix: 'sf_mrt_4nJv',\n            name: 'Deploy runner',\n            workspace_id: WORKSPACE_ID,\n            expires_at: EXPIRES_AT,\n            created_at: CREATED_AT,\n          }}\n        />\n      </StateExample>\n      <StateExample label=\"Provisioner token reveal\">\n        <CreatedProvisionerTokenPanel\n          token={{\n            ...provisionerToken({name: 'Docker autoscaler'}),\n            raw_token: 'sf_pt_Rv8YwrExampleProvisionerTokenValue',\n          }}\n        />\n      </StateExample>\n    </StorySurface>\n  ),\n};\n\nfunction StorySurface({children}: {children: ReactNode}) {\n  return (\n    <div className=\"min-h-screen bg-background-neutral-background p-24\">\n      <div className=\"mx-auto flex w-full max-w-[920px] flex-col gap-32\">{children}</div>\n    </div>\n  );\n}\n\nfunction StateExample({label, children}: {label: string; children: ReactNode}) {\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n        {label}\n      </Code>\n      <div className=\"rounded-8 border border-border-neutral-base bg-background-neutral-base p-16\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nfunction fetchForScenario(scenario: Scenario): typeof fetch {\n  return (input) => {\n    const url = requestUrl(input);\n    if (scenario === 'loading') return new Promise<Response>(() => undefined);\n    if (url.pathname.endsWith('/runners/manual-registration-tokens')) {\n      if (scenario === 'errors') return Promise.resolve(errorResponse());\n      return Promise.resolve(\n        jsonResponse({\n          manual_registration_tokens: scenario === 'empty' ? [] : [manualToken()],\n        }),\n      );\n    }\n    if (url.pathname.endsWith('/provisioners/tokens')) {\n      if (scenario === 'errors') return Promise.resolve(errorResponse());\n      return Promise.resolve(\n        jsonResponse({\n          tokens: scenario === 'empty' ? [] : provisionerTokens(),\n        }),\n      );\n    }\n    if (url.pathname.endsWith('/provisioners/active')) {\n      return Promise.resolve(\n        jsonResponse({\n          provisioners:\n            scenario === 'empty'\n              ? []\n              : [\n                  {\n                    id: '33333333-3333-4333-8333-333333333333',\n                    name: 'Docker autoscaler',\n                    prefix: 'sf_pt_docker',\n                    last_seen_at: NOW,\n                  },\n                ],\n        }),\n      );\n    }\n    return Promise.resolve(jsonResponse({}, {status: 404}));\n  };\n}\n\nfunction provisionerTokens(): ProvisionerTokenDto[] {\n  return [\n    provisionerToken({\n      id: '33333333-3333-4333-8333-333333333333',\n      name: 'Docker autoscaler',\n      prefix: 'sf_pt_docker',\n      last_seen_at: NOW,\n    }),\n    provisionerToken({\n      id: '44444444-4444-4444-8444-444444444444',\n      name: 'Kubernetes spot pool',\n      prefix: 'sf_pt_spot',\n      last_seen_at: EIGHT_MINUTES_AGO,\n    }),\n    provisionerToken({\n      id: '55555555-5555-4555-8555-555555555555',\n      name: 'Buildkite migration pool',\n      prefix: 'sf_pt_migrate',\n      last_seen_at: null,\n    }),\n  ];\n}\n\nfunction manualToken(\n  overrides: Partial<ManualRegistrationTokenDto> = {},\n): ManualRegistrationTokenDto {\n  return {\n    id: '22222222-2222-4222-8222-222222222222',\n    workspace_id: WORKSPACE_ID,\n    prefix: 'sf_mrt_deploy',\n    name: 'Deploy runner',\n    expires_at: EXPIRES_AT,\n    revoked_at: null,\n    created_at: CREATED_AT,\n    updated_at: CREATED_AT,\n    ...overrides,\n  };\n}\n\nfunction provisionerToken(overrides: Partial<ProvisionerTokenDto> = {}): ProvisionerTokenDto {\n  return {\n    id: '33333333-3333-4333-8333-333333333333',\n    workspace_id: WORKSPACE_ID,\n    prefix: 'sf_pt_docker',\n    name: 'Docker autoscaler',\n    created_by_user_id: '99999999-9999-4999-8999-999999999999',\n    revoked_by_user_id: null,\n    expires_at: EXPIRES_AT,\n    revoked_at: null,\n    last_seen_at: NOW,\n    created_at: CREATED_AT,\n    updated_at: CREATED_AT,\n    ...overrides,\n  };\n}\n\nfunction requestUrl(input: RequestInfo | URL): URL {\n  if (typeof input === 'string') return new URL(input);\n  if (input instanceof URL) return input;\n  return new URL(input.url);\n}\n\nfunction jsonResponse(body: unknown, init: ResponseInit = {}) {\n  return new Response(JSON.stringify(body), {\n    status: 200,\n    headers: {'content-type': 'application/json'},\n    ...init,\n  });\n}\n\nfunction errorResponse() {\n  return jsonResponse({code: 'server-error'}, {status: 500, statusText: 'Server error'});\n}\n"],"names":["configureApiClient","RelativeTimeProvider","Toaster","Code","QueryClient","QueryClientProvider","within","CreatedManualRegistrationTokenPanel","CreatedProvisionerTokenPanel","EmptyManualRegistrationTokens","ManualRegistrationTokenList","ManualRegistrationTokenTableSkeleton","WorkspaceManualRegistrationTokensSettingsSection","EmptyProvisionerTokens","ProvisionerTokenList","ProvisionerTokenTableSkeleton","WorkspaceProvisionerTokensSettingsSection","WORKSPACE_ID","NOW","EIGHT_MINUTES_AGO","EXPIRES_AT","CREATED_AT","withQueryClient","Story","queryClient","defaultOptions","queries","retry","client","TokenSettingsSectionsStory","scenario","baseUrl","fetchImpl","fetchForScenario","StorySurface","workspaceId","meta","title","component","parameters","layout","decorators","args","Playground","play","canvasElement","canvas","findAllByText","DataStates","render","StateExample","label","Errors","findByText","Statuses","tokens","provisionerToken","id","name","last_seen_at","activeIds","Set","Content","div","className","manualToken","prefix","expires_at","provisionerTokens","CreatedTokenPanels","token","raw_token","workspace_id","created_at","children","variant","input","url","requestUrl","Promise","undefined","pathname","endsWith","resolve","errorResponse","jsonResponse","manual_registration_tokens","provisioners","status","overrides","revoked_at","updated_at","created_by_user_id","revoked_by_user_id","URL","body","init","Response","JSON","stringify","headers","code","statusText"],"mappings":"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"}

package/dist/hooks/api/manual-registration-tokens.d.ts

@@ -0,0 +1,83 @@
+import type { CreateManualRegistrationTokenBodyDto } from '@shipfox/api-runners-dto';
+export declare const manualRegistrationTokenQueryKeys: {
+    all: readonly ["manual-registration-tokens"];
+    list: (workspaceId: string) => readonly ["manual-registration-tokens", "list", string];
+};
+export declare function listManualRegistrationTokens({ workspaceId, signal, }: {
+    workspaceId: string;
+    signal?: AbortSignal;
+}): Promise<{
+    manual_registration_tokens: {
+        id: string;
+        workspace_id: string;
+        prefix: string;
+        name: string | null;
+        expires_at: string | null;
+        revoked_at: string | null;
+        created_at: string;
+        updated_at: string;
+    }[];
+}>;
+export declare function createManualRegistrationToken({ workspaceId, body, }: {
+    workspaceId: string;
+    body: CreateManualRegistrationTokenBodyDto;
+}): Promise<{
+    id: string;
+    raw_token: string;
+    prefix: string;
+    name: string | null;
+    workspace_id: string;
+    expires_at: string | null;
+    created_at: string;
+}>;
+export declare function revokeManualRegistrationToken({ workspaceId, tokenId, }: {
+    workspaceId: string;
+    tokenId: string;
+}): Promise<{
+    id: string;
+    workspace_id: string;
+    prefix: string;
+    name: string | null;
+    expires_at: string | null;
+    revoked_at: string | null;
+    created_at: string;
+    updated_at: string;
+}>;
+export declare function useManualRegistrationTokensQuery(workspaceId: string | undefined): import("@tanstack/react-query").UseQueryResult<NoInfer<{
+    manual_registration_tokens: {
+        id: string;
+        workspace_id: string;
+        prefix: string;
+        name: string | null;
+        expires_at: string | null;
+        revoked_at: string | null;
+        created_at: string;
+        updated_at: string;
+    }[];
+}>, Error>;
+export declare function useCreateManualRegistrationTokenMutation(): import("@tanstack/react-query").UseMutationResult<{
+    id: string;
+    raw_token: string;
+    prefix: string;
+    name: string | null;
+    workspace_id: string;
+    expires_at: string | null;
+    created_at: string;
+}, Error, {
+    workspaceId: string;
+    body: CreateManualRegistrationTokenBodyDto;
+}, unknown>;
+export declare function useRevokeManualRegistrationTokenMutation(): import("@tanstack/react-query").UseMutationResult<{
+    id: string;
+    workspace_id: string;
+    prefix: string;
+    name: string | null;
+    expires_at: string | null;
+    revoked_at: string | null;
+    created_at: string;
+    updated_at: string;
+}, Error, {
+    workspaceId: string;
+    tokenId: string;
+}, unknown>;
+//# sourceMappingURL=manual-registration-tokens.d.ts.map

package/dist/hooks/api/manual-registration-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-registration-tokens.d.ts","sourceRoot":"","sources":["../../../src/hooks/api/manual-registration-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oCAAoC,EAIrC,MAAM,0BAA0B,CAAC;AAIlC,eAAO,MAAM,gCAAgC;;wBAEvB,MAAM;CAE3B,CAAC;AAEF,wBAAsB,4BAA4B,CAAC,EACjD,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;;;;;;;;;;;GAKA;AAED,wBAAsB,6BAA6B,CAAC,EAClD,WAAW,EACX,IAAI,GACL,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,oCAAoC,CAAC;CAC5C;;;;;;;;GAKA;AAED,wBAAsB,6BAA6B,CAAC,EAClD,WAAW,EACX,OAAO,GACR,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACjB;;;;;;;;;GAKA;AAED,wBAAgB,gCAAgC,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS;;;;;;;;;;;WAQ/E;AAED,wBAAgB,wCAAwC;;;;;;;;;iBAhCzC,MAAM;UACb,oCAAoC;YAiC3C;AAED,wBAAgB,wCAAwC;;;;;;;;;;iBAvBzC,MAAM;aACV,MAAM;YAwBhB"}