@shipfox/client-runners 0.2.0

package/dist/components/manual-registration-token-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/manual-registration-token-list.tsx"],"sourcesContent":["import type {ManualRegistrationTokenDto} from '@shipfox/api-runners-dto';\nimport {Button, IconButton} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {EmptyState} from '@shipfox/react-ui/empty-state';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalFooter,\n  ModalHeader,\n  ModalTitle,\n} from '@shipfox/react-ui/modal';\nimport {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@shipfox/react-ui/table';\nimport {Code, Text} from '@shipfox/react-ui/typography';\nimport {useQueryClient} from '@tanstack/react-query';\nimport {useState} from 'react';\nimport {\n  manualRegistrationTokenQueryKeys,\n  useRevokeManualRegistrationTokenMutation,\n} from '#hooks/api/manual-registration-tokens.js';\nimport {manualRegistrationTokenErrorMessage} from './manual-registration-token-errors.js';\nimport {\n  formatManualRegistrationTokenDate,\n  formatManualRegistrationTokenTimestamp,\n  manualRegistrationTokenDisplayName,\n} from './manual-registration-token-format.js';\nimport {TokenDate} from './token-date.js';\nimport {TokenName} from './token-name.js';\n\nexport function ManualRegistrationTokenList({\n  workspaceId,\n  tokens,\n}: {\n  workspaceId: string;\n  tokens: ManualRegistrationTokenDto[];\n}) {\n  return (\n    <>\n      <div className=\"max-[760px]:hidden\">\n        <Table className=\"table-fixed\">\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-[34%]\">Name</TableHead>\n              <TableHead>Prefix</TableHead>\n              <TableHead className=\"w-128\">Expires</TableHead>\n              <TableHead className=\"w-128\">Created</TableHead>\n              <TableHead className=\"w-80 text-right\">Actions</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {tokens.map((token) => (\n              <TableRow key={token.id}>\n                <TableCell>\n                  <TokenName name={manualRegistrationTokenDisplayName(token)} />\n                </TableCell>\n                <TableCell>\n                  <Code variant=\"paragraph\" className=\"block truncate\">\n                    {token.prefix}\n                  </Code>\n                </TableCell>\n                <TableCell>\n                  <ManualRegistrationTokenDate value={token.expires_at} />\n                </TableCell>\n                <TableCell>\n                  <ManualRegistrationTokenDate value={token.created_at} />\n                </TableCell>\n                <TableCell className=\"text-right\">\n                  <RevokeManualRegistrationTokenButton workspaceId={workspaceId} token={token} />\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n      <ul\n        className=\"hidden flex-col gap-10 max-[760px]:flex\"\n        aria-label=\"Manual registration tokens\"\n      >\n        {tokens.map((token) => (\n          <li\n            key={token.id}\n            className=\"rounded-8 border border-border-neutral-base bg-background-neutral-base p-14\"\n          >\n            <div className=\"flex items-start justify-between gap-12\">\n              <div className=\"min-w-0 flex-1\">\n                <TokenName name={manualRegistrationTokenDisplayName(token)} />\n                <Code variant=\"paragraph\" className=\"block truncate text-foreground-neutral-muted\">\n                  {token.prefix}\n                </Code>\n              </div>\n              <RevokeManualRegistrationTokenButton workspaceId={workspaceId} token={token} />\n            </div>\n            <dl className=\"mt-12 grid grid-cols-2 gap-10 text-sm\">\n              <div>\n                <dt className=\"text-foreground-neutral-muted\">Expires</dt>\n                <dd>\n                  <ManualRegistrationTokenDate value={token.expires_at} />\n                </dd>\n              </div>\n              <div>\n                <dt className=\"text-foreground-neutral-muted\">Created</dt>\n                <dd>\n                  <ManualRegistrationTokenDate value={token.created_at} />\n                </dd>\n              </div>\n            </dl>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n\nfunction ManualRegistrationTokenDate({value}: {value: string | null}) {\n  return (\n    <TokenDate\n      value={value}\n      date={formatManualRegistrationTokenDate(value)}\n      timestamp={formatManualRegistrationTokenTimestamp(value)}\n    />\n  );\n}\n\nfunction RevokeManualRegistrationTokenButton({\n  workspaceId,\n  token,\n}: {\n  workspaceId: string;\n  token: ManualRegistrationTokenDto;\n}) {\n  const queryClient = useQueryClient();\n  const revokeToken = useRevokeManualRegistrationTokenMutation();\n  const [open, setOpen] = useState(false);\n  const tokenName = manualRegistrationTokenDisplayName(token);\n\n  async function handleRevoke() {\n    try {\n      await revokeToken.mutateAsync({workspaceId, tokenId: token.id});\n      await queryClient.invalidateQueries({\n        queryKey: manualRegistrationTokenQueryKeys.list(workspaceId),\n      });\n      setOpen(false);\n    } catch {\n      // React Query stores the error for the inline modal alert.\n    }\n  }\n\n  function handleOpenChange(nextOpen: boolean) {\n    setOpen(nextOpen);\n    if (nextOpen) {\n      revokeToken.reset();\n    }\n  }\n\n  function openRevokeConfirmation() {\n    revokeToken.reset();\n    setOpen(true);\n  }\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <IconButton\n            type=\"button\"\n            size=\"sm\"\n            variant=\"transparent\"\n            icon=\"more2Line\"\n            aria-label={`Open ${tokenName} registration token actions`}\n          />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"end\" size=\"sm\">\n          <DropdownMenuItem onSelect={openRevokeConfirmation}>Revoke token</DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n      <Modal open={open} onOpenChange={handleOpenChange}>\n        <ModalContent aria-describedby={undefined} className=\"max-w-[420px]\">\n          <ModalTitle className=\"sr-only\">Revoke token</ModalTitle>\n          <ModalHeader title=\"Revoke token?\" />\n          <ModalBody className=\"gap-16\">\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              {tokenName} will stop creating new runner sessions. Existing sessions and job leases\n              expire on their own.\n            </Text>\n            {revokeToken.isError ? (\n              <Callout role=\"alert\" type=\"error\">\n                <Text size=\"sm\">{manualRegistrationTokenErrorMessage(revokeToken.error)}</Text>\n              </Callout>\n            ) : null}\n          </ModalBody>\n          <ModalFooter>\n            <Button size=\"sm\" variant=\"secondary\" onClick={() => setOpen(false)}>\n              Cancel\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"danger\"\n              isLoading={revokeToken.isPending}\n              onClick={handleRevoke}\n            >\n              Revoke\n            </Button>\n          </ModalFooter>\n        </ModalContent>\n      </Modal>\n    </>\n  );\n}\n\nexport function EmptyManualRegistrationTokens() {\n  return (\n    <EmptyState\n      icon=\"key2Line\"\n      title=\"No usable manual registration tokens\"\n      description=\"Create a token to connect a runner to this workspace.\"\n    />\n  );\n}\n\nexport function ManualRegistrationTokenTableSkeleton() {\n  return (\n    <div\n      role=\"status\"\n      aria-label=\"Loading manual registration tokens\"\n      className=\"flex flex-col gap-8\"\n    >\n      {[0, 1, 2].map((row) => (\n        <Skeleton key={row} className=\"h-44 w-full\" />\n      ))}\n    </div>\n  );\n}\n"],"names":["Button","IconButton","Callout","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","EmptyState","Modal","ModalBody","ModalContent","ModalFooter","ModalHeader","ModalTitle","Skeleton","Table","TableBody","TableCell","TableHead","TableHeader","TableRow","Code","Text","useQueryClient","useState","manualRegistrationTokenQueryKeys","useRevokeManualRegistrationTokenMutation","manualRegistrationTokenErrorMessage","formatManualRegistrationTokenDate","formatManualRegistrationTokenTimestamp","manualRegistrationTokenDisplayName","TokenDate","TokenName","ManualRegistrationTokenList","workspaceId","tokens","div","className","map","token","name","variant","prefix","ManualRegistrationTokenDate","value","expires_at","created_at","RevokeManualRegistrationTokenButton","id","ul","aria-label","li","dl","dt","dd","date","timestamp","queryClient","revokeToken","open","setOpen","tokenName","handleRevoke","mutateAsync","tokenId","invalidateQueries","queryKey","list","handleOpenChange","nextOpen","reset","openRevokeConfirmation","asChild","type","size","icon","align","onSelect","onOpenChange","aria-describedby","undefined","title","isError","role","error","onClick","isLoading","isPending","EmptyManualRegistrationTokens","description","ManualRegistrationTokenTableSkeleton","row"],"mappings":";AACA,SAAQA,MAAM,EAAEC,UAAU,QAAO,2BAA2B;AAC5D,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SACEC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,QACd,kCAAkC;AACzC,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,UAAU,QACL,0BAA0B;AACjC,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SACEC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,WAAW,EACXC,QAAQ,QACH,0BAA0B;AACjC,SAAQC,IAAI,EAAEC,IAAI,QAAO,+BAA+B;AACxD,SAAQC,cAAc,QAAO,wBAAwB;AACrD,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SACEC,gCAAgC,EAChCC,wCAAwC,QACnC,2CAA2C;AAClD,SAAQC,mCAAmC,QAAO,wCAAwC;AAC1F,SACEC,iCAAiC,EACjCC,sCAAsC,EACtCC,kCAAkC,QAC7B,wCAAwC;AAC/C,SAAQC,SAAS,QAAO,kBAAkB;AAC1C,SAAQC,SAAS,QAAO,kBAAkB;AAE1C,OAAO,SAASC,4BAA4B,EAC1CC,WAAW,EACXC,MAAM,EAIP;IACC,qBACE;;0BACE,KAACC;gBAAIC,WAAU;0BACb,cAAA,MAACtB;oBAAMsB,WAAU;;sCACf,KAAClB;sCACC,cAAA,MAACC;;kDACC,KAACF;wCAAUmB,WAAU;kDAAU;;kDAC/B,KAACnB;kDAAU;;kDACX,KAACA;wCAAUmB,WAAU;kDAAQ;;kDAC7B,KAACnB;wCAAUmB,WAAU;kDAAQ;;kDAC7B,KAACnB;wCAAUmB,WAAU;kDAAkB;;;;;sCAG3C,KAACrB;sCACEmB,OAAOG,GAAG,CAAC,CAACC,sBACX,MAACnB;;sDACC,KAACH;sDACC,cAAA,KAACe;gDAAUQ,MAAMV,mCAAmCS;;;sDAEtD,KAACtB;sDACC,cAAA,KAACI;gDAAKoB,SAAQ;gDAAYJ,WAAU;0DACjCE,MAAMG,MAAM;;;sDAGjB,KAACzB;sDACC,cAAA,KAAC0B;gDAA4BC,OAAOL,MAAMM,UAAU;;;sDAEtD,KAAC5B;sDACC,cAAA,KAAC0B;gDAA4BC,OAAOL,MAAMO,UAAU;;;sDAEtD,KAAC7B;4CAAUoB,WAAU;sDACnB,cAAA,KAACU;gDAAoCb,aAAaA;gDAAaK,OAAOA;;;;mCAhB3DA,MAAMS,EAAE;;;;;0BAuB/B,KAACC;gBACCZ,WAAU;gBACVa,cAAW;0BAEVf,OAAOG,GAAG,CAAC,CAACC,sBACX,MAACY;wBAECd,WAAU;;0CAEV,MAACD;gCAAIC,WAAU;;kDACb,MAACD;wCAAIC,WAAU;;0DACb,KAACL;gDAAUQ,MAAMV,mCAAmCS;;0DACpD,KAAClB;gDAAKoB,SAAQ;gDAAYJ,WAAU;0DACjCE,MAAMG,MAAM;;;;kDAGjB,KAACK;wCAAoCb,aAAaA;wCAAaK,OAAOA;;;;0CAExE,MAACa;gCAAGf,WAAU;;kDACZ,MAACD;;0DACC,KAACiB;gDAAGhB,WAAU;0DAAgC;;0DAC9C,KAACiB;0DACC,cAAA,KAACX;oDAA4BC,OAAOL,MAAMM,UAAU;;;;;kDAGxD,MAACT;;0DACC,KAACiB;gDAAGhB,WAAU;0DAAgC;;0DAC9C,KAACiB;0DACC,cAAA,KAACX;oDAA4BC,OAAOL,MAAMO,UAAU;;;;;;;;uBAtBrDP,MAAMS,EAAE;;;;AA+BzB;AAEA,SAASL,4BAA4B,EAACC,KAAK,EAAyB;IAClE,qBACE,KAACb;QACCa,OAAOA;QACPW,MAAM3B,kCAAkCgB;QACxCY,WAAW3B,uCAAuCe;;AAGxD;AAEA,SAASG,oCAAoC,EAC3Cb,WAAW,EACXK,KAAK,EAIN;IACC,MAAMkB,cAAclC;IACpB,MAAMmC,cAAchC;IACpB,MAAM,CAACiC,MAAMC,QAAQ,GAAGpC,SAAS;IACjC,MAAMqC,YAAY/B,mCAAmCS;IAErD,eAAeuB;QACb,IAAI;YACF,MAAMJ,YAAYK,WAAW,CAAC;gBAAC7B;gBAAa8B,SAASzB,MAAMS,EAAE;YAAA;YAC7D,MAAMS,YAAYQ,iBAAiB,CAAC;gBAClCC,UAAUzC,iCAAiC0C,IAAI,CAACjC;YAClD;YACA0B,QAAQ;QACV,EAAE,OAAM;QACN,2DAA2D;QAC7D;IACF;IAEA,SAASQ,iBAAiBC,QAAiB;QACzCT,QAAQS;QACR,IAAIA,UAAU;YACZX,YAAYY,KAAK;QACnB;IACF;IAEA,SAASC;QACPb,YAAYY,KAAK;QACjBV,QAAQ;IACV;IAEA,qBACE;;0BACE,MAACzD;;kCACC,KAACG;wBAAoBkE,OAAO;kCAC1B,cAAA,KAACvE;4BACCwE,MAAK;4BACLC,MAAK;4BACLjC,SAAQ;4BACRkC,MAAK;4BACLzB,cAAY,CAAC,KAAK,EAAEW,UAAU,2BAA2B,CAAC;;;kCAG9D,KAACzD;wBAAoBwE,OAAM;wBAAMF,MAAK;kCACpC,cAAA,KAACrE;4BAAiBwE,UAAUN;sCAAwB;;;;;0BAGxD,KAAC/D;gBAAMmD,MAAMA;gBAAMmB,cAAcV;0BAC/B,cAAA,MAAC1D;oBAAaqE,oBAAkBC;oBAAW3C,WAAU;;sCACnD,KAACxB;4BAAWwB,WAAU;sCAAU;;sCAChC,KAACzB;4BAAYqE,OAAM;;sCACnB,MAACxE;4BAAU4B,WAAU;;8CACnB,MAACf;oCAAKoD,MAAK;oCAAKrC,WAAU;;wCACvBwB;wCAAU;;;gCAGZH,YAAYwB,OAAO,iBAClB,KAAChF;oCAAQiF,MAAK;oCAAQV,MAAK;8CACzB,cAAA,KAACnD;wCAAKoD,MAAK;kDAAM/C,oCAAoC+B,YAAY0B,KAAK;;qCAEtE;;;sCAEN,MAACzE;;8CACC,KAACX;oCAAO0E,MAAK;oCAAKjC,SAAQ;oCAAY4C,SAAS,IAAMzB,QAAQ;8CAAQ;;8CAGrE,KAAC5D;oCACC0E,MAAK;oCACLjC,SAAQ;oCACR6C,WAAW5B,YAAY6B,SAAS;oCAChCF,SAASvB;8CACV;;;;;;;;;AAQb;AAEA,OAAO,SAAS0B;IACd,qBACE,KAACjF;QACCoE,MAAK;QACLM,OAAM;QACNQ,aAAY;;AAGlB;AAEA,OAAO,SAASC;IACd,qBACE,KAACtD;QACC+C,MAAK;QACLjC,cAAW;QACXb,WAAU;kBAET;YAAC;YAAG;YAAG;SAAE,CAACC,GAAG,CAAC,CAACqD,oBACd,KAAC7E;gBAAmBuB,WAAU;eAAfsD;;AAIvB"}

package/dist/components/manual-registration-tokens-settings-section.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkspaceManualRegistrationTokensSettingsSection({ workspaceId, }: {
+    workspaceId: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=manual-registration-tokens-settings-section.d.ts.map

package/dist/components/manual-registration-tokens-settings-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manual-registration-tokens-settings-section.d.ts","sourceRoot":"","sources":["../../src/components/manual-registration-tokens-settings-section.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,gDAAgD,CAAC,EAC/D,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;CACrB,+BAgFA"}

package/dist/components/manual-registration-tokens-settings-section.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QueryLoadError } from '@shipfox/client-ui';
+import { Button } from '@shipfox/react-ui/button';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Modal, ModalBody, ModalContent, ModalHeader, ModalTitle, ModalTrigger } from '@shipfox/react-ui/modal';
+import { Header, Text } from '@shipfox/react-ui/typography';
+import { useState } from 'react';
+import { useManualRegistrationTokensQuery } from '#hooks/api/manual-registration-tokens.js';
+import { CreatedManualRegistrationTokenPanel, CreateManualRegistrationTokenForm } from './create-manual-registration-token-form.js';
+import { EmptyManualRegistrationTokens, ManualRegistrationTokenList, ManualRegistrationTokenTableSkeleton } from './manual-registration-token-list.js';
+export function WorkspaceManualRegistrationTokensSettingsSection({ workspaceId }) {
+    const tokensQuery = useManualRegistrationTokensQuery(workspaceId);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [createdToken, setCreatedToken] = useState(null);
+    const tokens = tokensQuery.data?.manual_registration_tokens ?? [];
+    function handleOpenChange(nextOpen) {
+        setIsModalOpen(nextOpen);
+        if (!nextOpen) {
+            setCreatedToken(null);
+        }
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: "flex min-w-0 flex-col gap-32",
+        children: /*#__PURE__*/ _jsxs("section", {
+            className: "flex flex-col gap-16",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center justify-between gap-16 max-[640px]:items-start",
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-4",
+                            children: [
+                                /*#__PURE__*/ _jsx(Header, {
+                                    variant: "h3",
+                                    children: "Runner registration tokens"
+                                }),
+                                /*#__PURE__*/ _jsx(Text, {
+                                    size: "sm",
+                                    className: "text-foreground-neutral-muted",
+                                    children: "Register individual runner agents that run jobs directly in this workspace. Tokens are reusable until revoked."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-12",
+                            children: [
+                                tokensQuery.isFetching && !tokensQuery.isPending ? /*#__PURE__*/ _jsx(Icon, {
+                                    name: "loader4Line",
+                                    className: "mt-2 size-18 text-foreground-neutral-muted",
+                                    "aria-label": "Refreshing tokens"
+                                }) : null,
+                                /*#__PURE__*/ _jsxs(Modal, {
+                                    open: isModalOpen,
+                                    onOpenChange: handleOpenChange,
+                                    children: [
+                                        /*#__PURE__*/ _jsx(ModalTrigger, {
+                                            asChild: true,
+                                            children: /*#__PURE__*/ _jsx(Button, {
+                                                children: "Create token"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ _jsxs(ModalContent, {
+                                            "aria-describedby": undefined,
+                                            children: [
+                                                /*#__PURE__*/ _jsx(ModalTitle, {
+                                                    className: "sr-only",
+                                                    children: "Create manual registration token"
+                                                }),
+                                                /*#__PURE__*/ _jsx(ModalHeader, {
+                                                    children: /*#__PURE__*/ _jsx(Text, {
+                                                        size: "lg",
+                                                        "aria-hidden": "true",
+                                                        className: "overflow-ellipsis overflow-hidden whitespace-nowrap",
+                                                        children: "Create manual registration token"
+                                                    })
+                                                }),
+                                                createdToken ? /*#__PURE__*/ _jsx(ModalBody, {
+                                                    className: "gap-16",
+                                                    children: /*#__PURE__*/ _jsx(CreatedManualRegistrationTokenPanel, {
+                                                        token: createdToken
+                                                    })
+                                                }) : /*#__PURE__*/ _jsx(CreateManualRegistrationTokenForm, {
+                                                    workspaceId: workspaceId,
+                                                    onCreated: setCreatedToken
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                tokensQuery.isPending ? /*#__PURE__*/ _jsx(ManualRegistrationTokenTableSkeleton, {}) : null,
+                tokensQuery.isError && tokensQuery.data === undefined ? /*#__PURE__*/ _jsx(QueryLoadError, {
+                    query: tokensQuery,
+                    subject: "manual registration tokens"
+                }) : null,
+                tokensQuery.data !== undefined && tokens.length === 0 ? /*#__PURE__*/ _jsx(EmptyManualRegistrationTokens, {}) : null,
+                tokens.length > 0 ? /*#__PURE__*/ _jsx(ManualRegistrationTokenList, {
+                    workspaceId: workspaceId,
+                    tokens: tokens
+                }) : null
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=manual-registration-tokens-settings-section.js.map

package/dist/components/manual-registration-tokens-settings-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/manual-registration-tokens-settings-section.tsx"],"sourcesContent":["import type {CreateManualRegistrationTokenResponseDto} from '@shipfox/api-runners-dto';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {\n  Modal,\n  ModalBody,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalTrigger,\n} from '@shipfox/react-ui/modal';\nimport {Header, Text} from '@shipfox/react-ui/typography';\nimport {useState} from 'react';\nimport {useManualRegistrationTokensQuery} from '#hooks/api/manual-registration-tokens.js';\nimport {\n  CreatedManualRegistrationTokenPanel,\n  CreateManualRegistrationTokenForm,\n} from './create-manual-registration-token-form.js';\nimport {\n  EmptyManualRegistrationTokens,\n  ManualRegistrationTokenList,\n  ManualRegistrationTokenTableSkeleton,\n} from './manual-registration-token-list.js';\n\nexport function WorkspaceManualRegistrationTokensSettingsSection({\n  workspaceId,\n}: {\n  workspaceId: string;\n}) {\n  const tokensQuery = useManualRegistrationTokensQuery(workspaceId);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [createdToken, setCreatedToken] = useState<CreateManualRegistrationTokenResponseDto | null>(\n    null,\n  );\n  const tokens = tokensQuery.data?.manual_registration_tokens ?? [];\n\n  function handleOpenChange(nextOpen: boolean) {\n    setIsModalOpen(nextOpen);\n    if (!nextOpen) {\n      setCreatedToken(null);\n    }\n  }\n\n  return (\n    <div className=\"flex min-w-0 flex-col gap-32\">\n      <section className=\"flex flex-col gap-16\">\n        <div className=\"flex items-center justify-between gap-16 max-[640px]:items-start\">\n          <div className=\"flex flex-col gap-4\">\n            <Header variant=\"h3\">Runner registration tokens</Header>\n            <Text size=\"sm\" className=\"text-foreground-neutral-muted\">\n              Register individual runner agents that run jobs directly in this workspace. Tokens are\n              reusable until revoked.\n            </Text>\n          </div>\n          <div className=\"flex items-center gap-12\">\n            {tokensQuery.isFetching && !tokensQuery.isPending ? (\n              <Icon\n                name=\"loader4Line\"\n                className=\"mt-2 size-18 text-foreground-neutral-muted\"\n                aria-label=\"Refreshing tokens\"\n              />\n            ) : null}\n            <Modal open={isModalOpen} onOpenChange={handleOpenChange}>\n              <ModalTrigger asChild>\n                <Button>Create token</Button>\n              </ModalTrigger>\n              <ModalContent aria-describedby={undefined}>\n                <ModalTitle className=\"sr-only\">Create manual registration token</ModalTitle>\n                <ModalHeader>\n                  <Text\n                    size=\"lg\"\n                    aria-hidden=\"true\"\n                    className=\"overflow-ellipsis overflow-hidden whitespace-nowrap\"\n                  >\n                    Create manual registration token\n                  </Text>\n                </ModalHeader>\n                {createdToken ? (\n                  <ModalBody className=\"gap-16\">\n                    <CreatedManualRegistrationTokenPanel token={createdToken} />\n                  </ModalBody>\n                ) : (\n                  <CreateManualRegistrationTokenForm\n                    workspaceId={workspaceId}\n                    onCreated={setCreatedToken}\n                  />\n                )}\n              </ModalContent>\n            </Modal>\n          </div>\n        </div>\n\n        {tokensQuery.isPending ? <ManualRegistrationTokenTableSkeleton /> : null}\n\n        {tokensQuery.isError && tokensQuery.data === undefined ? (\n          <QueryLoadError query={tokensQuery} subject=\"manual registration tokens\" />\n        ) : null}\n\n        {tokensQuery.data !== undefined && tokens.length === 0 ? (\n          <EmptyManualRegistrationTokens />\n        ) : null}\n\n        {tokens.length > 0 ? (\n          <ManualRegistrationTokenList workspaceId={workspaceId} tokens={tokens} />\n        ) : null}\n      </section>\n    </div>\n  );\n}\n"],"names":["QueryLoadError","Button","Icon","Modal","ModalBody","ModalContent","ModalHeader","ModalTitle","ModalTrigger","Header","Text","useState","useManualRegistrationTokensQuery","CreatedManualRegistrationTokenPanel","CreateManualRegistrationTokenForm","EmptyManualRegistrationTokens","ManualRegistrationTokenList","ManualRegistrationTokenTableSkeleton","WorkspaceManualRegistrationTokensSettingsSection","workspaceId","tokensQuery","isModalOpen","setIsModalOpen","createdToken","setCreatedToken","tokens","data","manual_registration_tokens","handleOpenChange","nextOpen","div","className","section","variant","size","isFetching","isPending","name","aria-label","open","onOpenChange","asChild","aria-describedby","undefined","aria-hidden","token","onCreated","isError","query","subject","length"],"mappings":";AACA,SAAQA,cAAc,QAAO,qBAAqB;AAClD,SAAQC,MAAM,QAAO,2BAA2B;AAChD,SAAQC,IAAI,QAAO,yBAAyB;AAC5C,SACEC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,UAAU,EACVC,YAAY,QACP,0BAA0B;AACjC,SAAQC,MAAM,EAAEC,IAAI,QAAO,+BAA+B;AAC1D,SAAQC,QAAQ,QAAO,QAAQ;AAC/B,SAAQC,gCAAgC,QAAO,2CAA2C;AAC1F,SACEC,mCAAmC,EACnCC,iCAAiC,QAC5B,6CAA6C;AACpD,SACEC,6BAA6B,EAC7BC,2BAA2B,EAC3BC,oCAAoC,QAC/B,sCAAsC;AAE7C,OAAO,SAASC,iDAAiD,EAC/DC,WAAW,EAGZ;IACC,MAAMC,cAAcR,iCAAiCO;IACrD,MAAM,CAACE,aAAaC,eAAe,GAAGX,SAAS;IAC/C,MAAM,CAACY,cAAcC,gBAAgB,GAAGb,SACtC;IAEF,MAAMc,SAASL,YAAYM,IAAI,EAAEC,8BAA8B,EAAE;IAEjE,SAASC,iBAAiBC,QAAiB;QACzCP,eAAeO;QACf,IAAI,CAACA,UAAU;YACbL,gBAAgB;QAClB;IACF;IAEA,qBACE,KAACM;QAAIC,WAAU;kBACb,cAAA,MAACC;YAAQD,WAAU;;8BACjB,MAACD;oBAAIC,WAAU;;sCACb,MAACD;4BAAIC,WAAU;;8CACb,KAACtB;oCAAOwB,SAAQ;8CAAK;;8CACrB,KAACvB;oCAAKwB,MAAK;oCAAKH,WAAU;8CAAgC;;;;sCAK5D,MAACD;4BAAIC,WAAU;;gCACZX,YAAYe,UAAU,IAAI,CAACf,YAAYgB,SAAS,iBAC/C,KAAClC;oCACCmC,MAAK;oCACLN,WAAU;oCACVO,cAAW;qCAEX;8CACJ,MAACnC;oCAAMoC,MAAMlB;oCAAamB,cAAcZ;;sDACtC,KAACpB;4CAAaiC,OAAO;sDACnB,cAAA,KAACxC;0DAAO;;;sDAEV,MAACI;4CAAaqC,oBAAkBC;;8DAC9B,KAACpC;oDAAWwB,WAAU;8DAAU;;8DAChC,KAACzB;8DACC,cAAA,KAACI;wDACCwB,MAAK;wDACLU,eAAY;wDACZb,WAAU;kEACX;;;gDAIFR,6BACC,KAACnB;oDAAU2B,WAAU;8DACnB,cAAA,KAAClB;wDAAoCgC,OAAOtB;;mEAG9C,KAACT;oDACCK,aAAaA;oDACb2B,WAAWtB;;;;;;;;;;gBAQtBJ,YAAYgB,SAAS,iBAAG,KAACnB,4CAA0C;gBAEnEG,YAAY2B,OAAO,IAAI3B,YAAYM,IAAI,KAAKiB,0BAC3C,KAAC3C;oBAAegD,OAAO5B;oBAAa6B,SAAQ;qBAC1C;gBAEH7B,YAAYM,IAAI,KAAKiB,aAAalB,OAAOyB,MAAM,KAAK,kBACnD,KAACnC,qCACC;gBAEHU,OAAOyB,MAAM,GAAG,kBACf,KAAClC;oBAA4BG,aAAaA;oBAAaM,QAAQA;qBAC7D;;;;AAIZ"}

package/dist/components/provisioner-token-errors.d.ts

@@ -0,0 +1,2 @@
+export declare function provisionerTokenErrorMessage(error: unknown): string;
+//# sourceMappingURL=provisioner-token-errors.d.ts.map

package/dist/components/provisioner-token-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provisioner-token-errors.d.ts","sourceRoot":"","sources":["../../src/components/provisioner-token-errors.ts"],"names":[],"mappings":"AAEA,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CASnE"}

package/dist/components/provisioner-token-errors.js

@@ -0,0 +1,13 @@
+import { ApiError } from '@shipfox/client-api';
+export function provisionerTokenErrorMessage(error) {
+    if (error instanceof ApiError) {
+        if (error.code === 'network-error') {
+            return "We couldn't reach the server. Check your connection and try again.";
+        }
+        return error.message;
+    }
+    if (error instanceof Error) return error.message;
+    return 'Something went wrong. Try again.';
+}
+
+//# sourceMappingURL=provisioner-token-errors.js.map

package/dist/components/provisioner-token-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provisioner-token-errors.ts"],"sourcesContent":["import {ApiError} from '@shipfox/client-api';\n\nexport function provisionerTokenErrorMessage(error: unknown): string {\n  if (error instanceof ApiError) {\n    if (error.code === 'network-error') {\n      return \"We couldn't reach the server. Check your connection and try again.\";\n    }\n    return error.message;\n  }\n  if (error instanceof Error) return error.message;\n  return 'Something went wrong. Try again.';\n}\n"],"names":["ApiError","provisionerTokenErrorMessage","error","code","message","Error"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,sBAAsB;AAE7C,OAAO,SAASC,6BAA6BC,KAAc;IACzD,IAAIA,iBAAiBF,UAAU;QAC7B,IAAIE,MAAMC,IAAI,KAAK,iBAAiB;YAClC,OAAO;QACT;QACA,OAAOD,MAAME,OAAO;IACtB;IACA,IAAIF,iBAAiBG,OAAO,OAAOH,MAAME,OAAO;IAChD,OAAO;AACT"}

package/dist/components/provisioner-token-form-errors.d.ts

@@ -0,0 +1,6 @@
+export type ProvisionerTokenCreateFormErrorMapping = {
+    kind: 'form';
+    message: string;
+};
+export declare function provisionerTokenCreateErrorToFormError(error: unknown): ProvisionerTokenCreateFormErrorMapping;
+//# sourceMappingURL=provisioner-token-form-errors.d.ts.map

package/dist/components/provisioner-token-form-errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provisioner-token-form-errors.d.ts","sourceRoot":"","sources":["../../src/components/provisioner-token-form-errors.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,sCAAsC,GAAG;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAC,CAAC;AAErF,wBAAgB,sCAAsC,CACpD,KAAK,EAAE,OAAO,GACb,sCAAsC,CAExC"}

package/dist/components/provisioner-token-form-errors.js

@@ -0,0 +1,9 @@
+import { provisionerTokenErrorMessage } from './provisioner-token-errors.js';
+export function provisionerTokenCreateErrorToFormError(error) {
+    return {
+        kind: 'form',
+        message: provisionerTokenErrorMessage(error)
+    };
+}
+
+//# sourceMappingURL=provisioner-token-form-errors.js.map

package/dist/components/provisioner-token-form-errors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provisioner-token-form-errors.ts"],"sourcesContent":["import {provisionerTokenErrorMessage} from './provisioner-token-errors.js';\n\nexport type ProvisionerTokenCreateFormErrorMapping = {kind: 'form'; message: string};\n\nexport function provisionerTokenCreateErrorToFormError(\n  error: unknown,\n): ProvisionerTokenCreateFormErrorMapping {\n  return {kind: 'form', message: provisionerTokenErrorMessage(error)};\n}\n"],"names":["provisionerTokenErrorMessage","provisionerTokenCreateErrorToFormError","error","kind","message"],"mappings":"AAAA,SAAQA,4BAA4B,QAAO,gCAAgC;AAI3E,OAAO,SAASC,uCACdC,KAAc;IAEd,OAAO;QAACC,MAAM;QAAQC,SAASJ,6BAA6BE;IAAM;AACpE"}

package/dist/components/provisioner-token-format.d.ts

@@ -0,0 +1,21 @@
+import type { ProvisionerTokenDto } from '@shipfox/api-runners-dto';
+import type { DotVariant } from '@shipfox/react-ui/dot';
+export type ProvisionerConnectionStatus = {
+    kind: 'connected';
+    dotVariant: DotVariant;
+    label: 'Connected';
+} | {
+    kind: 'last-seen';
+    dotVariant: DotVariant;
+    label: 'Last seen';
+    lastSeenAt: string;
+} | {
+    kind: 'never-connected';
+    dotVariant: DotVariant;
+    label: 'Never connected';
+};
+export declare function formatProvisionerTokenDate(value: string | null): string;
+export declare function formatProvisionerTokenTimestamp(value: string | null): string | undefined;
+export declare function provisionerTokenDisplayName(token: Pick<ProvisionerTokenDto, 'name'>): string;
+export declare function provisionerConnectionStatus(token: Pick<ProvisionerTokenDto, 'id' | 'last_seen_at'>, activeIds: ReadonlySet<string>): ProvisionerConnectionStatus;
+//# sourceMappingURL=provisioner-token-format.d.ts.map

package/dist/components/provisioner-token-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provisioner-token-format.d.ts","sourceRoot":"","sources":["../../src/components/provisioner-token-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAGtD,MAAM,MAAM,2BAA2B,GACnC;IAAC,IAAI,EAAE,WAAW,CAAC;IAAC,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,WAAW,CAAA;CAAC,GAC/D;IAAC,IAAI,EAAE,WAAW,CAAC;IAAC,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,WAAW,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAC,GACnF;IAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAC,CAAC;AAEhF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAGvE;AAED,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAGxF;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,CAAC,GAAG,MAAM,CAE5F;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,GAAG,cAAc,CAAC,EACvD,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,GAC7B,2BAA2B,CAa7B"}

package/dist/components/provisioner-token-format.js

@@ -0,0 +1,36 @@
+import { formatDate, formatTimestamp } from '@shipfox/react-ui/utils';
+export function formatProvisionerTokenDate(value) {
+    if (!value) return 'Never';
+    return formatDate(value);
+}
+export function formatProvisionerTokenTimestamp(value) {
+    if (!value) return undefined;
+    return formatTimestamp(value);
+}
+export function provisionerTokenDisplayName(token) {
+    return token.name || 'Unnamed provisioner';
+}
+export function provisionerConnectionStatus(token, activeIds) {
+    if (activeIds.has(token.id)) {
+        return {
+            kind: 'connected',
+            dotVariant: 'success',
+            label: 'Connected'
+        };
+    }
+    if (token.last_seen_at) {
+        return {
+            kind: 'last-seen',
+            dotVariant: 'neutral',
+            label: 'Last seen',
+            lastSeenAt: token.last_seen_at
+        };
+    }
+    return {
+        kind: 'never-connected',
+        dotVariant: 'neutral',
+        label: 'Never connected'
+    };
+}
+
+//# sourceMappingURL=provisioner-token-format.js.map

package/dist/components/provisioner-token-format.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/provisioner-token-format.ts"],"sourcesContent":["import type {ProvisionerTokenDto} from '@shipfox/api-runners-dto';\nimport type {DotVariant} from '@shipfox/react-ui/dot';\nimport {formatDate, formatTimestamp} from '@shipfox/react-ui/utils';\n\nexport type ProvisionerConnectionStatus =\n  | {kind: 'connected'; dotVariant: DotVariant; label: 'Connected'}\n  | {kind: 'last-seen'; dotVariant: DotVariant; label: 'Last seen'; lastSeenAt: string}\n  | {kind: 'never-connected'; dotVariant: DotVariant; label: 'Never connected'};\n\nexport function formatProvisionerTokenDate(value: string | null): string {\n  if (!value) return 'Never';\n  return formatDate(value);\n}\n\nexport function formatProvisionerTokenTimestamp(value: string | null): string | undefined {\n  if (!value) return undefined;\n  return formatTimestamp(value);\n}\n\nexport function provisionerTokenDisplayName(token: Pick<ProvisionerTokenDto, 'name'>): string {\n  return token.name || 'Unnamed provisioner';\n}\n\nexport function provisionerConnectionStatus(\n  token: Pick<ProvisionerTokenDto, 'id' | 'last_seen_at'>,\n  activeIds: ReadonlySet<string>,\n): ProvisionerConnectionStatus {\n  if (activeIds.has(token.id)) {\n    return {kind: 'connected', dotVariant: 'success', label: 'Connected'};\n  }\n  if (token.last_seen_at) {\n    return {\n      kind: 'last-seen',\n      dotVariant: 'neutral',\n      label: 'Last seen',\n      lastSeenAt: token.last_seen_at,\n    };\n  }\n  return {kind: 'never-connected', dotVariant: 'neutral', label: 'Never connected'};\n}\n"],"names":["formatDate","formatTimestamp","formatProvisionerTokenDate","value","formatProvisionerTokenTimestamp","undefined","provisionerTokenDisplayName","token","name","provisionerConnectionStatus","activeIds","has","id","kind","dotVariant","label","last_seen_at","lastSeenAt"],"mappings":"AAEA,SAAQA,UAAU,EAAEC,eAAe,QAAO,0BAA0B;AAOpE,OAAO,SAASC,2BAA2BC,KAAoB;IAC7D,IAAI,CAACA,OAAO,OAAO;IACnB,OAAOH,WAAWG;AACpB;AAEA,OAAO,SAASC,gCAAgCD,KAAoB;IAClE,IAAI,CAACA,OAAO,OAAOE;IACnB,OAAOJ,gBAAgBE;AACzB;AAEA,OAAO,SAASG,4BAA4BC,KAAwC;IAClF,OAAOA,MAAMC,IAAI,IAAI;AACvB;AAEA,OAAO,SAASC,4BACdF,KAAuD,EACvDG,SAA8B;IAE9B,IAAIA,UAAUC,GAAG,CAACJ,MAAMK,EAAE,GAAG;QAC3B,OAAO;YAACC,MAAM;YAAaC,YAAY;YAAWC,OAAO;QAAW;IACtE;IACA,IAAIR,MAAMS,YAAY,EAAE;QACtB,OAAO;YACLH,MAAM;YACNC,YAAY;YACZC,OAAO;YACPE,YAAYV,MAAMS,YAAY;QAChC;IACF;IACA,OAAO;QAACH,MAAM;QAAmBC,YAAY;QAAWC,OAAO;IAAiB;AAClF"}

package/dist/components/provisioner-token-list.d.ts

@@ -0,0 +1,9 @@
+import type { ProvisionerTokenDto } from '@shipfox/api-runners-dto';
+export declare function ProvisionerTokenList({ workspaceId, tokens, activeIds, }: {
+    workspaceId: string;
+    tokens: ProvisionerTokenDto[];
+    activeIds: ReadonlySet<string>;
+}): import("react").JSX.Element;
+export declare function EmptyProvisionerTokens(): import("react").JSX.Element;
+export declare function ProvisionerTokenTableSkeleton(): import("react").JSX.Element;
+//# sourceMappingURL=provisioner-token-list.d.ts.map

package/dist/components/provisioner-token-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provisioner-token-list.d.ts","sourceRoot":"","sources":["../../src/components/provisioner-token-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,0BAA0B,CAAC;AA8ClE,wBAAgB,oBAAoB,CAAC,EACnC,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAC9B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAChC,+BAmFA;AA4HD,wBAAgB,sBAAsB,gCAQrC;AAED,wBAAgB,6BAA6B,gCAQ5C"}