prefect 3.6.13__py3-none-any.whl → 3.6.13.dev2__py3-none-any.whl

prefect/server/ui-v2/assets/{index-BU4yZRd3.js → index-CDwJvjUM.js}

@@ -1,2 +1,2 @@
-import{j as o}from"./vendor-tanstack-BK8oseNA.js";import{s}from"./index-D5RdrxkU.js";import{R as p}from"./route-error-state-BJXl8qkX.js";import{o as n,e as l,a as m,n as e,s as a}from"./vendor-forms-DxqqmhL5.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-date-7GxEwcQM.js";n({name:a().optional(),page:e().int().positive().optional().default(1).catch(1),limit:e().int().positive().max(100).optional().default(10).catch(10),tags:m(a()).optional(),sort:l(["CREATED_DESC","UPDATED_DESC","NAME_ASC","NAME_DESC"]).optional().default("NAME_ASC")}).optional().default({});function h({error:t,reset:i}){const r=s(t,"Failed to load flows");if(r.type!=="server-error"&&r.type!=="client-error")throw t;return o.jsxs("div",{className:"flex flex-col gap-4",children:[o.jsx("div",{children:o.jsx("h1",{className:"text-2xl font-semibold",children:"Flows"})}),o.jsx(p,{error:r,onRetry:i})]})}export{h as errorComponent};
-//# sourceMappingURL=index-BU4yZRd3.js.map
+import{j as o}from"./vendor-tanstack-BK8oseNA.js";import{s}from"./index-BvSl3DKP.js";import{R as p}from"./route-error-state-CGGpuCGN.js";import{o as n,e as l,a as m,n as e,s as a}from"./vendor-forms-DxqqmhL5.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-date-7GxEwcQM.js";n({name:a().optional(),page:e().int().positive().optional().default(1).catch(1),limit:e().int().positive().max(100).optional().default(10).catch(10),tags:m(a()).optional(),sort:l(["CREATED_DESC","UPDATED_DESC","NAME_ASC","NAME_DESC"]).optional().default("NAME_ASC")}).optional().default({});function h({error:t,reset:i}){const r=s(t,"Failed to load flows");if(r.type!=="server-error"&&r.type!=="client-error")throw t;return o.jsxs("div",{className:"flex flex-col gap-4",children:[o.jsx("div",{children:o.jsx("h1",{className:"text-2xl font-semibold",children:"Flows"})}),o.jsx(p,{error:r,onRetry:i})]})}export{h as errorComponent};
+//# sourceMappingURL=index-CDwJvjUM.js.map

prefect/server/ui-v2/assets/{index-BU4yZRd3.js.map → index-CDwJvjUM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BU4yZRd3.js","sources":["../../src/routes/flows/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n\tuseQuery,\n\tuseQueryClient,\n\tuseSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport type { ErrorComponentProps } from \"@tanstack/react-router\";\nimport { createFileRoute } from \"@tanstack/react-router\";\nimport type {\n\tColumnFiltersState,\n\tPaginationState,\n} from \"@tanstack/react-table\";\nimport { zodValidator } from \"@tanstack/zod-adapter\";\nimport { useCallback, useMemo } from \"react\";\nimport { z } from \"zod\";\nimport { categorizeError } from \"@/api/error-utils\";\nimport { buildFilterFlowRunsQuery } from \"@/api/flow-runs\";\nimport {\n\tbuildCountFlowsFilteredQuery,\n\tbuildDeploymentsCountByFlowQuery,\n\tbuildNextRunsByFlowQuery,\n\tbuildPaginateFlowsQuery,\n\ttype FlowsPaginateFilter,\n} from \"@/api/flows\";\nimport FlowsPage from \"@/components/flows/flows-page\";\nimport { RouteErrorState } from \"@/components/ui/route-error-state\";\n\n// Route for /flows/\n\nconst searchParams = z\n\t.object({\n\t\tname: z.string().optional(),\n\t\tpage: z.number().int().positive().optional().default(1).catch(1),\n\t\tlimit: z\n\t\t\t.number()\n\t\t\t.int()\n\t\t\t.positive()\n\t\t\t.max(100)\n\t\t\t.optional()\n\t\t\t.default(10)\n\t\t\t.catch(10),\n\t\ttags: z.array(z.string()).optional(),\n\t\tsort: z\n\t\t\t.enum([\"CREATED_DESC\", \"UPDATED_DESC\", \"NAME_ASC\", \"NAME_DESC\"])\n\t\t\t.optional()\n\t\t\t.default(\"NAME_ASC\"),\n\t})\n\t.optional()\n\t.default({});\n\ntype SearchParams = z.infer<typeof searchParams>;\n\nconst buildPaginationBody = (search?: SearchParams): FlowsPaginateFilter => {\n\tconst hasNameFilter = Boolean(search?.name);\n\tconst hasTagsFilter = Boolean(search?.tags?.length);\n\n\tif (!hasNameFilter && !hasTagsFilter) {\n\t\treturn {\n\t\t\tpage: search?.page ?? 1,\n\t\t\tlimit: search?.limit ?? 10,\n\t\t\tsort: search?.sort ?? \"NAME_ASC\",\n\t\t};\n\t}\n\n\treturn {\n\t\tpage: search?.page ?? 1,\n\t\tlimit: search?.limit ?? 10,\n\t\tsort: search?.sort ?? \"NAME_ASC\",\n\t\tflows: {\n\t\t\toperator: \"and_\",\n\t\t\t...(hasNameFilter && { name: { like_: search?.name } }),\n\t\t\t...(hasTagsFilter && {\n\t\t\t\ttags: { operator: \"and_\", all_: search?.tags },\n\t\t\t}),\n\t\t},\n\t};\n};\n\nconst NUMBER_OF_ACTIVITY_BARS = 16;\n\nfunction FlowsErrorComponent({ error, reset }: ErrorComponentProps) {\n\tconst serverError = categorizeError(error, \"Failed to load flows\");\n\n\t// Only handle API errors (server-error, client-error) at route level\n\t// Let network errors and unknown errors bubble up to root error component\n\tif (\n\t\tserverError.type !== \"server-error\" &&\n\t\tserverError.type !== \"client-error\"\n\t) {\n\t\tthrow error;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div>\n\t\t\t\t<h1 className=\"text-2xl font-semibold\">Flows</h1>\n\t\t\t</div>\n\t\t\t<RouteErrorState error={serverError} onRetry={reset} />\n\t\t</div>\n\t);\n}\n\nexport const Route = createFileRoute(\"/flows/\")({\n\tvalidateSearch: zodValidator(searchParams),\n\tcomponent: FlowsRoute,\n\terrorComponent: FlowsErrorComponent,\n\tloaderDeps: ({ search }) => buildPaginationBody(search),\n\tloader: ({ deps, context }) => {\n\t\t// Prefetch current page queries without blocking the loader\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildPaginateFlowsQuery(deps, 30_000),\n\t\t);\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildCountFlowsFilteredQuery({\n\t\t\t\toffset: 0,\n\t\t\t\tsort: deps.sort,\n\t\t\t\tflows: deps.flows ?? undefined,\n\t\t\t}),\n\t\t);\n\t\t// Prefetch total count for empty state check\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildCountFlowsFilteredQuery({\n\t\t\t\toffset: 0,\n\t\t\t\tsort: \"NAME_ASC\",\n\t\t\t}),\n\t\t);\n\t},\n\twrapInSuspense: true,\n});\n\nconst usePagination = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\n\t// Convert URL params (1-based page) to TanStack Table's PaginationState (0-based pageIndex)\n\tconst pagination: PaginationState = useMemo(\n\t\t() => ({\n\t\t\tpageIndex: (search.page ?? 1) - 1,\n\t\t\tpageSize: search.limit ?? 10,\n\t\t}),\n\t\t[search.page, search.limit],\n\t);\n\n\tconst onPaginationChange = useCallback(\n\t\t(newPagination: PaginationState) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\t// Convert TanStack Table's 0-based pageIndex back to 1-based page for URL\n\t\t\t\t\tpage: newPagination.pageIndex + 1,\n\t\t\t\t\tlimit: newPagination.pageSize,\n\t\t\t\t}),\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [pagination, onPaginationChange] as const;\n};\n\ntype FlowSort = \"CREATED_DESC\" | \"UPDATED_DESC\" | \"NAME_ASC\" | \"NAME_DESC\";\n\nconst useSort = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\n\tconst onSortChange = useCallback(\n\t\t(sort: FlowSort) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => ({ ...prev, sort }),\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [search.sort, onSortChange] as const;\n};\n\nconst useFlowsColumnFilters = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\tconst columnFilters: ColumnFiltersState = useMemo(\n\t\t() => [\n\t\t\t{ id: \"name\", value: search.name },\n\t\t\t{ id: \"tags\", value: search.tags },\n\t\t],\n\t\t[search.name, search.tags],\n\t);\n\n\tconst onColumnFiltersChange = useCallback(\n\t\t(newColumnFilters: ColumnFiltersState) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => {\n\t\t\t\t\tconst name = newColumnFilters.find((filter) => filter.id === \"name\")\n\t\t\t\t\t\t?.value as string | undefined;\n\t\t\t\t\tconst tags = newColumnFilters.find((filter) => filter.id === \"tags\")\n\t\t\t\t\t\t?.value as string[] | undefined;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\tname,\n\t\t\t\t\t\ttags,\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [columnFilters, onColumnFiltersChange] as const;\n};\n\nfunction FlowsRoute() {\n\tconst search = Route.useSearch();\n\tconst queryClient = useQueryClient();\n\tconst [pagination, onPaginationChange] = usePagination();\n\tconst [sort, onSortChange] = useSort();\n\tconst [columnFilters, onColumnFiltersChange] = useFlowsColumnFilters();\n\n\tconst paginationBody = buildPaginationBody(search);\n\n\t// Use useSuspenseQuery for count (stable key, won't cause suspense on search change)\n\tconst { data: count } = useSuspenseQuery(\n\t\tbuildCountFlowsFilteredQuery({\n\t\t\toffset: 0,\n\t\t\tsort: search.sort,\n\t\t\tflows: paginationBody.flows ?? undefined,\n\t\t}),\n\t);\n\n\t// Get total count of all flows (without filters) to determine if empty state should be shown\n\tconst { data: totalCount } = useSuspenseQuery(\n\t\tbuildCountFlowsFilteredQuery({\n\t\t\toffset: 0,\n\t\t\tsort: \"NAME_ASC\",\n\t\t}),\n\t);\n\n\t// Use useQuery for paginated flows to leverage placeholderData: keepPreviousData\n\t// This prevents the page from suspending when search/filter changes\n\tconst { data: flowsPage } = useQuery(\n\t\tbuildPaginateFlowsQuery(paginationBody, 30_000),\n\t);\n\n\tconst flows = flowsPage?.results ?? [];\n\n\t// Prefetch a page and its child component data when user hovers over pagination buttons\n\tconst onPrefetchPage = useCallback(\n\t\t(page: number) => {\n\t\t\tconst pageDeps = { ...paginationBody, page };\n\t\t\tvoid queryClient\n\t\t\t\t.prefetchQuery(buildPaginateFlowsQuery(pageDeps, 30_000))\n\t\t\t\t.then(() => {\n\t\t\t\t\t// Get the prefetched page data from cache\n\t\t\t\t\tconst pageData = queryClient.getQueryData<{\n\t\t\t\t\t\tresults?: Array<{ id?: string }>;\n\t\t\t\t\t}>(buildPaginateFlowsQuery(pageDeps, 30_000).queryKey);\n\n\t\t\t\t\tconst flowIds =\n\t\t\t\t\t\tpageData?.results\n\t\t\t\t\t\t\t?.map((flow) => flow.id)\n\t\t\t\t\t\t\t.filter((id): id is string => Boolean(id)) ?? [];\n\n\t\t\t\t\tif (flowIds.length === 0) return;\n\n\t\t\t\t\t// Prefetch child component queries for each flow individually\n\t\t\t\t\t// Using individual flow IDs ensures query keys match what components use\n\t\t\t\t\tfor (const flowId of flowIds) {\n\t\t\t\t\t\t// FlowNextRun query - uses single flow ID array for query key matching\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(buildNextRunsByFlowQuery([flowId]));\n\n\t\t\t\t\t\t// FlowDeploymentCount query - uses single flow ID array for query key matching\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildDeploymentsCountByFlowQuery([flowId]),\n\t\t\t\t\t\t);\n\t\t\t\t\t\t// FlowLastRun query - last completed run\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildFilterFlowRunsQuery({\n\t\t\t\t\t\t\t\tflows: { operator: \"and_\", id: { any_: [flowId] } },\n\t\t\t\t\t\t\t\tflow_runs: {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tstart_time: { is_null_: false },\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\tlimit: 1,\n\t\t\t\t\t\t\t\tsort: \"START_TIME_DESC\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// FlowActivity query - recent runs for activity chart\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildFilterFlowRunsQuery({\n\t\t\t\t\t\t\t\tflows: { operator: \"and_\", id: { any_: [flowId] } },\n\t\t\t\t\t\t\t\tflow_runs: {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tstart_time: { is_null_: false },\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\tlimit: NUMBER_OF_ACTIVITY_BARS,\n\t\t\t\t\t\t\t\tsort: \"START_TIME_DESC\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t},\n\t\t[queryClient, paginationBody],\n\t);\n\n\treturn (\n\t\t<FlowsPage\n\t\t\tflows={flows}\n\t\t\tcount={count ?? 0}\n\t\t\ttotalCount={totalCount ?? 0}\n\t\t\tpageCount={flowsPage?.pages ?? 0}\n\t\t\tsort={sort as \"NAME_ASC\" | \"NAME_DESC\" | \"CREATED_DESC\"}\n\t\t\tpagination={pagination}\n\t\t\tonPaginationChange={onPaginationChange}\n\t\t\tonSortChange={onSortChange}\n\t\t\tcolumnFilters={columnFilters}\n\t\t\tonColumnFiltersChange={onColumnFiltersChange}\n\t\t\tonPrefetchPage={onPrefetchPage}\n\t\t/>\n\t);\n}\n"],"names":["z","name","string","optional","page","number","int","positive","default","catch","limit","max","tags","sort","FlowsErrorComponent","error","reset","serverError","categorizeError","type","jsxs","jsx","RouteErrorState"],"mappings":"kWA4BqBA,EACZ,CACPC,KAAMD,EAAEE,EAASC,SAAAA,EACjBC,KAAMJ,EAAEK,EAASC,MAAMC,SAAAA,EAAWJ,SAAAA,EAAWK,QAAQ,CAAC,EAAEC,MAAM,CAAC,EAC/DC,MAAOV,EACLK,EACAC,IAAAA,EACAC,SAAAA,EACAI,IAAI,GAAG,EACPR,SAAAA,EACAK,QAAQ,EAAE,EACVC,MAAM,EAAE,EACVG,KAAMZ,EAAQA,EAAEE,CAAQ,EAAEC,SAAAA,EAC1BU,KAAMb,EACC,CAAC,eAAgB,eAAgB,WAAY,WAAW,CAAC,EAC9DG,WACAK,QAAQ,UAAU,CACrB,CAAC,EACAL,WACAK,QAAQ,CAAA,CAAE,EAgCZ,SAASM,EAAoB,CAAEC,MAAAA,EAAOC,MAAAA,CAA2B,EAAG,CACnE,MAAMC,EAAcC,EAAgBH,EAAO,sBAAsB,EAIjE,GACCE,EAAYE,OAAS,gBACrBF,EAAYE,OAAS,eAErB,MAAMJ,EAGP,OACCK,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAC,EAAAA,IAAC,OACA,SAAAA,EAAAA,IAAC,KAAA,CAAG,UAAU,yBAAyB,iBAAK,CAAA,CAC7C,EACAA,EAAAA,IAACC,EAAA,CAAgB,MAAOL,EAAa,QAASD,CAAAA,CAAM,CAAA,EACrD,CAEF"}
+{"version":3,"file":"index-CDwJvjUM.js","sources":["../../src/routes/flows/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import {\n\tuseQuery,\n\tuseQueryClient,\n\tuseSuspenseQuery,\n} from \"@tanstack/react-query\";\nimport type { ErrorComponentProps } from \"@tanstack/react-router\";\nimport { createFileRoute } from \"@tanstack/react-router\";\nimport type {\n\tColumnFiltersState,\n\tPaginationState,\n} from \"@tanstack/react-table\";\nimport { zodValidator } from \"@tanstack/zod-adapter\";\nimport { useCallback, useMemo } from \"react\";\nimport { z } from \"zod\";\nimport { categorizeError } from \"@/api/error-utils\";\nimport { buildFilterFlowRunsQuery } from \"@/api/flow-runs\";\nimport {\n\tbuildCountFlowsFilteredQuery,\n\tbuildDeploymentsCountByFlowQuery,\n\tbuildNextRunsByFlowQuery,\n\tbuildPaginateFlowsQuery,\n\ttype FlowsPaginateFilter,\n} from \"@/api/flows\";\nimport FlowsPage from \"@/components/flows/flows-page\";\nimport { RouteErrorState } from \"@/components/ui/route-error-state\";\n\n// Route for /flows/\n\nconst searchParams = z\n\t.object({\n\t\tname: z.string().optional(),\n\t\tpage: z.number().int().positive().optional().default(1).catch(1),\n\t\tlimit: z\n\t\t\t.number()\n\t\t\t.int()\n\t\t\t.positive()\n\t\t\t.max(100)\n\t\t\t.optional()\n\t\t\t.default(10)\n\t\t\t.catch(10),\n\t\ttags: z.array(z.string()).optional(),\n\t\tsort: z\n\t\t\t.enum([\"CREATED_DESC\", \"UPDATED_DESC\", \"NAME_ASC\", \"NAME_DESC\"])\n\t\t\t.optional()\n\t\t\t.default(\"NAME_ASC\"),\n\t})\n\t.optional()\n\t.default({});\n\ntype SearchParams = z.infer<typeof searchParams>;\n\nconst buildPaginationBody = (search?: SearchParams): FlowsPaginateFilter => {\n\tconst hasNameFilter = Boolean(search?.name);\n\tconst hasTagsFilter = Boolean(search?.tags?.length);\n\n\tif (!hasNameFilter && !hasTagsFilter) {\n\t\treturn {\n\t\t\tpage: search?.page ?? 1,\n\t\t\tlimit: search?.limit ?? 10,\n\t\t\tsort: search?.sort ?? \"NAME_ASC\",\n\t\t};\n\t}\n\n\treturn {\n\t\tpage: search?.page ?? 1,\n\t\tlimit: search?.limit ?? 10,\n\t\tsort: search?.sort ?? \"NAME_ASC\",\n\t\tflows: {\n\t\t\toperator: \"and_\",\n\t\t\t...(hasNameFilter && { name: { like_: search?.name } }),\n\t\t\t...(hasTagsFilter && {\n\t\t\t\ttags: { operator: \"and_\", all_: search?.tags },\n\t\t\t}),\n\t\t},\n\t};\n};\n\nconst NUMBER_OF_ACTIVITY_BARS = 16;\n\nfunction FlowsErrorComponent({ error, reset }: ErrorComponentProps) {\n\tconst serverError = categorizeError(error, \"Failed to load flows\");\n\n\t// Only handle API errors (server-error, client-error) at route level\n\t// Let network errors and unknown errors bubble up to root error component\n\tif (\n\t\tserverError.type !== \"server-error\" &&\n\t\tserverError.type !== \"client-error\"\n\t) {\n\t\tthrow error;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div>\n\t\t\t\t<h1 className=\"text-2xl font-semibold\">Flows</h1>\n\t\t\t</div>\n\t\t\t<RouteErrorState error={serverError} onRetry={reset} />\n\t\t</div>\n\t);\n}\n\nexport const Route = createFileRoute(\"/flows/\")({\n\tvalidateSearch: zodValidator(searchParams),\n\tcomponent: FlowsRoute,\n\terrorComponent: FlowsErrorComponent,\n\tloaderDeps: ({ search }) => buildPaginationBody(search),\n\tloader: ({ deps, context }) => {\n\t\t// Prefetch current page queries without blocking the loader\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildPaginateFlowsQuery(deps, 30_000),\n\t\t);\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildCountFlowsFilteredQuery({\n\t\t\t\toffset: 0,\n\t\t\t\tsort: deps.sort,\n\t\t\t\tflows: deps.flows ?? undefined,\n\t\t\t}),\n\t\t);\n\t\t// Prefetch total count for empty state check\n\t\tvoid context.queryClient.prefetchQuery(\n\t\t\tbuildCountFlowsFilteredQuery({\n\t\t\t\toffset: 0,\n\t\t\t\tsort: \"NAME_ASC\",\n\t\t\t}),\n\t\t);\n\t},\n\twrapInSuspense: true,\n});\n\nconst usePagination = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\n\t// Convert URL params (1-based page) to TanStack Table's PaginationState (0-based pageIndex)\n\tconst pagination: PaginationState = useMemo(\n\t\t() => ({\n\t\t\tpageIndex: (search.page ?? 1) - 1,\n\t\t\tpageSize: search.limit ?? 10,\n\t\t}),\n\t\t[search.page, search.limit],\n\t);\n\n\tconst onPaginationChange = useCallback(\n\t\t(newPagination: PaginationState) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\t// Convert TanStack Table's 0-based pageIndex back to 1-based page for URL\n\t\t\t\t\tpage: newPagination.pageIndex + 1,\n\t\t\t\t\tlimit: newPagination.pageSize,\n\t\t\t\t}),\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [pagination, onPaginationChange] as const;\n};\n\ntype FlowSort = \"CREATED_DESC\" | \"UPDATED_DESC\" | \"NAME_ASC\" | \"NAME_DESC\";\n\nconst useSort = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\n\tconst onSortChange = useCallback(\n\t\t(sort: FlowSort) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => ({ ...prev, sort }),\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [search.sort, onSortChange] as const;\n};\n\nconst useFlowsColumnFilters = () => {\n\tconst search = Route.useSearch();\n\tconst navigate = Route.useNavigate();\n\tconst columnFilters: ColumnFiltersState = useMemo(\n\t\t() => [\n\t\t\t{ id: \"name\", value: search.name },\n\t\t\t{ id: \"tags\", value: search.tags },\n\t\t],\n\t\t[search.name, search.tags],\n\t);\n\n\tconst onColumnFiltersChange = useCallback(\n\t\t(newColumnFilters: ColumnFiltersState) => {\n\t\t\tvoid navigate({\n\t\t\t\tto: \".\",\n\t\t\t\tsearch: (prev) => {\n\t\t\t\t\tconst name = newColumnFilters.find((filter) => filter.id === \"name\")\n\t\t\t\t\t\t?.value as string | undefined;\n\t\t\t\t\tconst tags = newColumnFilters.find((filter) => filter.id === \"tags\")\n\t\t\t\t\t\t?.value as string[] | undefined;\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\tpage: 1,\n\t\t\t\t\t\tname,\n\t\t\t\t\t\ttags,\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t\treplace: true,\n\t\t\t});\n\t\t},\n\t\t[navigate],\n\t);\n\n\treturn [columnFilters, onColumnFiltersChange] as const;\n};\n\nfunction FlowsRoute() {\n\tconst search = Route.useSearch();\n\tconst queryClient = useQueryClient();\n\tconst [pagination, onPaginationChange] = usePagination();\n\tconst [sort, onSortChange] = useSort();\n\tconst [columnFilters, onColumnFiltersChange] = useFlowsColumnFilters();\n\n\tconst paginationBody = buildPaginationBody(search);\n\n\t// Use useSuspenseQuery for count (stable key, won't cause suspense on search change)\n\tconst { data: count } = useSuspenseQuery(\n\t\tbuildCountFlowsFilteredQuery({\n\t\t\toffset: 0,\n\t\t\tsort: search.sort,\n\t\t\tflows: paginationBody.flows ?? undefined,\n\t\t}),\n\t);\n\n\t// Get total count of all flows (without filters) to determine if empty state should be shown\n\tconst { data: totalCount } = useSuspenseQuery(\n\t\tbuildCountFlowsFilteredQuery({\n\t\t\toffset: 0,\n\t\t\tsort: \"NAME_ASC\",\n\t\t}),\n\t);\n\n\t// Use useQuery for paginated flows to leverage placeholderData: keepPreviousData\n\t// This prevents the page from suspending when search/filter changes\n\tconst { data: flowsPage } = useQuery(\n\t\tbuildPaginateFlowsQuery(paginationBody, 30_000),\n\t);\n\n\tconst flows = flowsPage?.results ?? [];\n\n\t// Prefetch a page and its child component data when user hovers over pagination buttons\n\tconst onPrefetchPage = useCallback(\n\t\t(page: number) => {\n\t\t\tconst pageDeps = { ...paginationBody, page };\n\t\t\tvoid queryClient\n\t\t\t\t.prefetchQuery(buildPaginateFlowsQuery(pageDeps, 30_000))\n\t\t\t\t.then(() => {\n\t\t\t\t\t// Get the prefetched page data from cache\n\t\t\t\t\tconst pageData = queryClient.getQueryData<{\n\t\t\t\t\t\tresults?: Array<{ id?: string }>;\n\t\t\t\t\t}>(buildPaginateFlowsQuery(pageDeps, 30_000).queryKey);\n\n\t\t\t\t\tconst flowIds =\n\t\t\t\t\t\tpageData?.results\n\t\t\t\t\t\t\t?.map((flow) => flow.id)\n\t\t\t\t\t\t\t.filter((id): id is string => Boolean(id)) ?? [];\n\n\t\t\t\t\tif (flowIds.length === 0) return;\n\n\t\t\t\t\t// Prefetch child component queries for each flow individually\n\t\t\t\t\t// Using individual flow IDs ensures query keys match what components use\n\t\t\t\t\tfor (const flowId of flowIds) {\n\t\t\t\t\t\t// FlowNextRun query - uses single flow ID array for query key matching\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(buildNextRunsByFlowQuery([flowId]));\n\n\t\t\t\t\t\t// FlowDeploymentCount query - uses single flow ID array for query key matching\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildDeploymentsCountByFlowQuery([flowId]),\n\t\t\t\t\t\t);\n\t\t\t\t\t\t// FlowLastRun query - last completed run\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildFilterFlowRunsQuery({\n\t\t\t\t\t\t\t\tflows: { operator: \"and_\", id: { any_: [flowId] } },\n\t\t\t\t\t\t\t\tflow_runs: {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tstart_time: { is_null_: false },\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\tlimit: 1,\n\t\t\t\t\t\t\t\tsort: \"START_TIME_DESC\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// FlowActivity query - recent runs for activity chart\n\t\t\t\t\t\tvoid queryClient.prefetchQuery(\n\t\t\t\t\t\t\tbuildFilterFlowRunsQuery({\n\t\t\t\t\t\t\t\tflows: { operator: \"and_\", id: { any_: [flowId] } },\n\t\t\t\t\t\t\t\tflow_runs: {\n\t\t\t\t\t\t\t\t\toperator: \"and_\",\n\t\t\t\t\t\t\t\t\tstart_time: { is_null_: false },\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\toffset: 0,\n\t\t\t\t\t\t\t\tlimit: NUMBER_OF_ACTIVITY_BARS,\n\t\t\t\t\t\t\t\tsort: \"START_TIME_DESC\",\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t},\n\t\t[queryClient, paginationBody],\n\t);\n\n\treturn (\n\t\t<FlowsPage\n\t\t\tflows={flows}\n\t\t\tcount={count ?? 0}\n\t\t\ttotalCount={totalCount ?? 0}\n\t\t\tpageCount={flowsPage?.pages ?? 0}\n\t\t\tsort={sort as \"NAME_ASC\" | \"NAME_DESC\" | \"CREATED_DESC\"}\n\t\t\tpagination={pagination}\n\t\t\tonPaginationChange={onPaginationChange}\n\t\t\tonSortChange={onSortChange}\n\t\t\tcolumnFilters={columnFilters}\n\t\t\tonColumnFiltersChange={onColumnFiltersChange}\n\t\t\tonPrefetchPage={onPrefetchPage}\n\t\t/>\n\t);\n}\n"],"names":["z","name","string","optional","page","number","int","positive","default","catch","limit","max","tags","sort","FlowsErrorComponent","error","reset","serverError","categorizeError","type","jsxs","jsx","RouteErrorState"],"mappings":"kWA4BqBA,EACZ,CACPC,KAAMD,EAAEE,EAASC,SAAAA,EACjBC,KAAMJ,EAAEK,EAASC,MAAMC,SAAAA,EAAWJ,SAAAA,EAAWK,QAAQ,CAAC,EAAEC,MAAM,CAAC,EAC/DC,MAAOV,EACLK,EACAC,IAAAA,EACAC,SAAAA,EACAI,IAAI,GAAG,EACPR,SAAAA,EACAK,QAAQ,EAAE,EACVC,MAAM,EAAE,EACVG,KAAMZ,EAAQA,EAAEE,CAAQ,EAAEC,SAAAA,EAC1BU,KAAMb,EACC,CAAC,eAAgB,eAAgB,WAAY,WAAW,CAAC,EAC9DG,WACAK,QAAQ,UAAU,CACrB,CAAC,EACAL,WACAK,QAAQ,CAAA,CAAE,EAgCZ,SAASM,EAAoB,CAAEC,MAAAA,EAAOC,MAAAA,CAA2B,EAAG,CACnE,MAAMC,EAAcC,EAAgBH,EAAO,sBAAsB,EAIjE,GACCE,EAAYE,OAAS,gBACrBF,EAAYE,OAAS,eAErB,MAAMJ,EAGP,OACCK,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAC,EAAAA,IAAC,OACA,SAAAA,EAAAA,IAAC,KAAA,CAAG,UAAU,yBAAyB,iBAAK,CAAA,CAC7C,EACAA,EAAAA,IAACC,EAAA,CAAgB,MAAOL,EAAa,QAASD,CAAAA,CAAM,CAAA,EACrD,CAEF"}

prefect/server/ui-v2/assets/{index-CRDz4nhM.js → index-CDyLkbVG.js}

@@ -1,2 +1,2 @@
-import{j as e,L as p,r as i,p as m}from"./vendor-tanstack-BK8oseNA.js";import{E as g,t as C,v as f,w as y,x as N,q as x,I as u,D as k,y as o,W,A as S,F as v,G as P,H as E,J as D,C as b,m as I,n as T,o as _,K as L,M as A,N as M,O}from"./index-D5RdrxkU.js";import{W as R}from"./header-B0ejRncu.js";import{S as z}from"./index-Cutg_A1j.js";import{D as w,a as $,b as F,c as B,d}from"./dropdown-menu-e0Fqb6aw.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./vendor-date-7GxEwcQM.js";const K=()=>e.jsxs(g,{children:[e.jsx(C,{id:"Cpu"}),e.jsx(f,{children:"Add a work pool to get started"}),e.jsx(y,{children:"Work pools allow you to prioritize and manage deployments and control the infrastructure they run on."}),e.jsxs(N,{children:[e.jsx(p,{to:"/work-pools/create",children:e.jsxs(x,{children:["Add Work Pool ",e.jsx(u,{id:"Plus",className:"size-4 ml-2"})]})}),e.jsx(k,{id:"work-pools-guide"})]})]}),H=({workPool:s,onDelete:a})=>{const n=r=>{navigator.clipboard.writeText(r),o.success("ID copied")};return e.jsxs(w,{children:[e.jsx($,{asChild:!0,children:e.jsxs(x,{variant:"outline",className:"size-8 p-0",children:[e.jsx("span",{className:"sr-only",children:"Open menu"}),e.jsx(u,{id:"MoreVertical",className:"size-4"})]})}),e.jsxs(F,{align:"end",children:[e.jsx(B,{children:"Actions"}),e.jsx(d,{onClick:()=>n(s.id),children:"Copy ID"}),e.jsx(p,{to:"/work-pools/work-pool/$workPoolName/edit",params:{workPoolName:s.name},children:e.jsx(d,{children:"Edit"})}),e.jsx(d,{onClick:a,children:"Delete"})]})]})},Q=({workPoolName:s})=>e.jsx(W,{workPoolName:s}),U=({workPool:s})=>{const[a,n]=i.useState(s.status==="PAUSED"),{pauseWorkPool:r,isPending:c}=S(),{resumeWorkPool:l,isPending:t}=v(),j=i.useMemo(()=>c||t,[c,t]),h=()=>{a?l(s.name,{onSuccess:()=>{n(!1),o.success(`${s.name} resumed`)},onError:()=>{o.error(`Failed to resume ${s.name}`)}}):r(s.name,{onSuccess:()=>{n(!0),o.success(`${s.name} paused`)},onError:()=>{o.error(`Failed to pause ${s.name}`)}})};return e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:a?"Paused":"Active"}),e.jsx(P,{checked:!a,onCheckedChange:h,disabled:j,"aria-label":a?"Resume work pool":"Pause work pool"})]})},q={process:"Process",ecs:"ECS","azure-container-instance":"Azure Container Instance",docker:"Docker","cloud-run":"Cloud Run","cloud-run-v2":"Cloud Run v2","vertex-ai":"Vertex AI",kubernetes:"Kubernetes"},J={process:"Cpu",ecs:"Cpu","azure-container-instance":"Cpu",docker:"Cpu","cloud-run":"Cpu","cloud-run-v2":"Cpu","vertex-ai":"Cpu",kubernetes:"Cpu"},V=s=>q[s]??s,Y=s=>J[s]??"Cpu",G=({type:s})=>e.jsxs(E,{children:[e.jsx(u,{id:Y(s)}),V(s)]}),X=({workPool:s})=>{const{deleteWorkPool:a}=D(),n=()=>{a(s.name,{onSuccess:()=>{o.success(`${s.name} deleted`)},onError:r=>{o.error(`Failed to delete work pool: ${r instanceof Error?r.message:"Unknown error"}`)}})};return e.jsxs(b,{className:"gap-2",children:[e.jsxs(I,{className:"flex flex-row items-center justify-between",children:[e.jsxs(T,{className:"flex items-center gap-2",children:[e.jsx(Q,{workPoolName:s.name}),s.status&&e.jsx(z,{status:s.status})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(U,{workPool:s}),e.jsx(H,{workPool:s,onDelete:n})]})]}),e.jsxs(_,{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"flex items-center gap-1",children:e.jsx(G,{type:s.type})}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Concurrency:"," ",e.jsx("span",{className:"text-foreground",children:s.concurrency_limit?s.concurrency_limit:"Unlimited"})]})]})]})};function le(){const[s,a]=i.useState(""),{data:n=0}=m(L()),{data:r=[]}=m(A({limit:200,offset:0})),c=i.useMemo(()=>r.filter(t=>[t.name,t.description,t.type,JSON.stringify(t.base_job_template),t.id,t.default_queue_id,t.status].join(" ").toLowerCase().includes(s.toLowerCase())),[r,s]),l=t=>{a(t.target.value)};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(R,{}),n<1?e.jsx(K,{}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-end justify-between",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:[n," ",M(n,"work pool")]}),e.jsx("div",{className:"flex gap-2",children:e.jsx(O,{placeholder:"Search work pools...",value:s,onChange:l})})]}),e.jsx("div",{className:"flex flex-col gap-4",children:c.map(t=>e.jsx(X,{workPool:t},t.id))})]})]})}export{le as component};
-//# sourceMappingURL=index-CRDz4nhM.js.map
+import{j as e,L as p,r as i,p as m}from"./vendor-tanstack-BK8oseNA.js";import{E as g,t as C,v as f,w as y,x as N,q as x,I as u,D as k,y as o,W,A as S,F as v,G as P,H as E,J as D,C as b,m as I,n as T,o as _,K as L,M as A,N as M,O}from"./index-BvSl3DKP.js";import{W as R}from"./header-D3uM8_xM.js";import{S as z}from"./index-ChIrfjIW.js";import{D as w,a as $,b as F,c as B,d}from"./dropdown-menu-CT-s-V7d.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-forms-DxqqmhL5.js";import"./vendor-date-7GxEwcQM.js";const K=()=>e.jsxs(g,{children:[e.jsx(C,{id:"Cpu"}),e.jsx(f,{children:"Add a work pool to get started"}),e.jsx(y,{children:"Work pools allow you to prioritize and manage deployments and control the infrastructure they run on."}),e.jsxs(N,{children:[e.jsx(p,{to:"/work-pools/create",children:e.jsxs(x,{children:["Add Work Pool ",e.jsx(u,{id:"Plus",className:"size-4 ml-2"})]})}),e.jsx(k,{id:"work-pools-guide"})]})]}),H=({workPool:s,onDelete:a})=>{const n=r=>{navigator.clipboard.writeText(r),o.success("ID copied")};return e.jsxs(w,{children:[e.jsx($,{asChild:!0,children:e.jsxs(x,{variant:"outline",className:"size-8 p-0",children:[e.jsx("span",{className:"sr-only",children:"Open menu"}),e.jsx(u,{id:"MoreVertical",className:"size-4"})]})}),e.jsxs(F,{align:"end",children:[e.jsx(B,{children:"Actions"}),e.jsx(d,{onClick:()=>n(s.id),children:"Copy ID"}),e.jsx(p,{to:"/work-pools/work-pool/$workPoolName/edit",params:{workPoolName:s.name},children:e.jsx(d,{children:"Edit"})}),e.jsx(d,{onClick:a,children:"Delete"})]})]})},Q=({workPoolName:s})=>e.jsx(W,{workPoolName:s}),U=({workPool:s})=>{const[a,n]=i.useState(s.status==="PAUSED"),{pauseWorkPool:r,isPending:c}=S(),{resumeWorkPool:l,isPending:t}=v(),j=i.useMemo(()=>c||t,[c,t]),h=()=>{a?l(s.name,{onSuccess:()=>{n(!1),o.success(`${s.name} resumed`)},onError:()=>{o.error(`Failed to resume ${s.name}`)}}):r(s.name,{onSuccess:()=>{n(!0),o.success(`${s.name} paused`)},onError:()=>{o.error(`Failed to pause ${s.name}`)}})};return e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:a?"Paused":"Active"}),e.jsx(P,{checked:!a,onCheckedChange:h,disabled:j,"aria-label":a?"Resume work pool":"Pause work pool"})]})},q={process:"Process",ecs:"ECS","azure-container-instance":"Azure Container Instance",docker:"Docker","cloud-run":"Cloud Run","cloud-run-v2":"Cloud Run v2","vertex-ai":"Vertex AI",kubernetes:"Kubernetes"},J={process:"Cpu",ecs:"Cpu","azure-container-instance":"Cpu",docker:"Cpu","cloud-run":"Cpu","cloud-run-v2":"Cpu","vertex-ai":"Cpu",kubernetes:"Cpu"},V=s=>q[s]??s,Y=s=>J[s]??"Cpu",G=({type:s})=>e.jsxs(E,{children:[e.jsx(u,{id:Y(s)}),V(s)]}),X=({workPool:s})=>{const{deleteWorkPool:a}=D(),n=()=>{a(s.name,{onSuccess:()=>{o.success(`${s.name} deleted`)},onError:r=>{o.error(`Failed to delete work pool: ${r instanceof Error?r.message:"Unknown error"}`)}})};return e.jsxs(b,{className:"gap-2",children:[e.jsxs(I,{className:"flex flex-row items-center justify-between",children:[e.jsxs(T,{className:"flex items-center gap-2",children:[e.jsx(Q,{workPoolName:s.name}),s.status&&e.jsx(z,{status:s.status})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(U,{workPool:s}),e.jsx(H,{workPool:s,onDelete:n})]})]}),e.jsxs(_,{className:"flex flex-col gap-1",children:[e.jsx("div",{className:"flex items-center gap-1",children:e.jsx(G,{type:s.type})}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Concurrency:"," ",e.jsx("span",{className:"text-foreground",children:s.concurrency_limit?s.concurrency_limit:"Unlimited"})]})]})]})};function le(){const[s,a]=i.useState(""),{data:n=0}=m(L()),{data:r=[]}=m(A({limit:200,offset:0})),c=i.useMemo(()=>r.filter(t=>[t.name,t.description,t.type,JSON.stringify(t.base_job_template),t.id,t.default_queue_id,t.status].join(" ").toLowerCase().includes(s.toLowerCase())),[r,s]),l=t=>{a(t.target.value)};return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(R,{}),n<1?e.jsx(K,{}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-end justify-between",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:[n," ",M(n,"work pool")]}),e.jsx("div",{className:"flex gap-2",children:e.jsx(O,{placeholder:"Search work pools...",value:s,onChange:l})})]}),e.jsx("div",{className:"flex flex-col gap-4",children:c.map(t=>e.jsx(X,{workPool:t},t.id))})]})]})}export{le as component};
+//# sourceMappingURL=index-CDyLkbVG.js.map

prefect/server/ui-v2/assets/{index-CRDz4nhM.js.map → index-CDyLkbVG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CRDz4nhM.js","sources":["../../src/components/work-pools/empty-state.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-context-menu.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-name.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-pause-resume-toggle.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-type-badge.tsx","../../src/components/work-pools/work-pool-card/work-pool-card.tsx","../../src/routes/work-pools/index.tsx?tsr-split=component"],"sourcesContent":["import { Link } from \"@tanstack/react-router\";\nimport { Button } from \"@/components/ui/button\";\nimport { DocsLink } from \"@/components/ui/docs-link\";\nimport {\n\tEmptyState,\n\tEmptyStateActions,\n\tEmptyStateDescription,\n\tEmptyStateIcon,\n\tEmptyStateTitle,\n} from \"@/components/ui/empty-state\";\nimport { Icon } from \"@/components/ui/icons\";\n\nexport const WorkPoolsEmptyState = () => (\n\t<EmptyState>\n\t\t<EmptyStateIcon id=\"Cpu\" />\n\t\t<EmptyStateTitle>Add a work pool to get started</EmptyStateTitle>\n\t\t<EmptyStateDescription>\n\t\t\tWork pools allow you to prioritize and manage deployments and control the\n\t\t\tinfrastructure they run on.\n\t\t</EmptyStateDescription>\n\t\t<EmptyStateActions>\n\t\t\t<Link to=\"/work-pools/create\">\n\t\t\t\t<Button>\n\t\t\t\t\tAdd Work Pool <Icon id=\"Plus\" className=\"size-4 ml-2\" />\n\t\t\t\t</Button>\n\t\t\t</Link>\n\t\t\t<DocsLink id=\"work-pools-guide\" />\n\t\t</EmptyStateActions>\n\t</EmptyState>\n);\n","import { Link } from \"@tanstack/react-router\";\nimport { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icons\";\n\nexport type WorkPoolContextMenuProps = {\n\tworkPool: WorkPool;\n\tonDelete: () => void;\n};\n\nexport const WorkPoolContextMenu = ({\n\tworkPool,\n\tonDelete,\n}: WorkPoolContextMenuProps) => {\n\tconst handleCopyId = (id: string) => {\n\t\tvoid navigator.clipboard.writeText(id);\n\t\ttoast.success(\"ID copied\");\n\t};\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"outline\" className=\"size-8 p-0\">\n\t\t\t\t\t<span className=\"sr-only\">Open menu</span>\n\t\t\t\t\t<Icon id=\"MoreVertical\" className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t<DropdownMenuLabel>Actions</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuItem onClick={() => handleCopyId(workPool.id)}>\n\t\t\t\t\tCopy ID\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<Link\n\t\t\t\t\tto=\"/work-pools/work-pool/$workPoolName/edit\"\n\t\t\t\t\tparams={{ workPoolName: workPool.name }}\n\t\t\t\t>\n\t\t\t\t\t<DropdownMenuItem>Edit</DropdownMenuItem>\n\t\t\t\t</Link>\n\t\t\t\t<DropdownMenuItem onClick={onDelete}>Delete</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n","import { WorkPoolIconText } from \"@/components/work-pools/work-pool-icon-text\";\n\ntype WorkPoolNameProps = {\n\tworkPoolName: string;\n};\n\nexport const WorkPoolName = ({ workPoolName }: WorkPoolNameProps) => {\n\treturn <WorkPoolIconText workPoolName={workPoolName} />;\n};\n","import { useMemo, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { usePauseWorkPool, useResumeWorkPool } from \"@/api/work-pools\";\nimport { Switch } from \"@/components/ui/switch\";\nexport type WorkPoolPauseResumeToggleParams = {\n\tworkPool: WorkPool;\n};\n\nexport const WorkPoolPauseResumeToggle = ({\n\tworkPool,\n}: WorkPoolPauseResumeToggleParams) => {\n\tconst [isPaused, setIsPaused] = useState(workPool.status === \"PAUSED\");\n\n\tconst { pauseWorkPool, isPending: isPausing } = usePauseWorkPool();\n\tconst { resumeWorkPool, isPending: isResuming } = useResumeWorkPool();\n\n\tconst disabled = useMemo(() => {\n\t\treturn isPausing || isResuming;\n\t}, [isPausing, isResuming]);\n\n\tconst handleTogglePause = () => {\n\t\tif (isPaused) {\n\t\t\tresumeWorkPool(workPool.name, {\n\t\t\t\tonSuccess: () => {\n\t\t\t\t\tsetIsPaused(false);\n\t\t\t\t\ttoast.success(`${workPool.name} resumed`);\n\t\t\t\t},\n\t\t\t\tonError: () => {\n\t\t\t\t\ttoast.error(`Failed to resume ${workPool.name}`);\n\t\t\t\t},\n\t\t\t});\n\t\t} else {\n\t\t\tpauseWorkPool(workPool.name, {\n\t\t\t\tonSuccess: () => {\n\t\t\t\t\tsetIsPaused(true);\n\t\t\t\t\ttoast.success(`${workPool.name} paused`);\n\t\t\t\t},\n\t\t\t\tonError: () => {\n\t\t\t\t\ttoast.error(`Failed to pause ${workPool.name}`);\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<span className=\"flex items-center gap-2\">\n\t\t\t<span className=\"text-sm text-muted-foreground\">\n\t\t\t\t{isPaused ? \"Paused\" : \"Active\"}\n\t\t\t</span>\n\t\t\t<Switch\n\t\t\t\tchecked={!isPaused}\n\t\t\t\tonCheckedChange={handleTogglePause}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-label={isPaused ? \"Resume work pool\" : \"Pause work pool\"}\n\t\t\t/>\n\t\t</span>\n\t);\n};\n","import type { WorkPool } from \"@/api/work-pools\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Icon, type IconId } from \"@/components/ui/icons\";\n\ntype WorkPoolTypeBadgeProps = {\n\ttype: WorkPool[\"type\"];\n};\n\nconst WORK_POOL_TYPE_LABELS: Record<WorkPool[\"type\"], string> = {\n\tprocess: \"Process\",\n\tecs: \"ECS\",\n\t\"azure-container-instance\": \"Azure Container Instance\",\n\tdocker: \"Docker\",\n\t\"cloud-run\": \"Cloud Run\",\n\t\"cloud-run-v2\": \"Cloud Run v2\",\n\t\"vertex-ai\": \"Vertex AI\",\n\tkubernetes: \"Kubernetes\",\n} as const;\n\nconst WORK_POOL_TYPE_ICONS: Record<WorkPool[\"type\"], IconId> = {\n\tprocess: \"Cpu\",\n\tecs: \"Cpu\",\n\t\"azure-container-instance\": \"Cpu\",\n\tdocker: \"Cpu\",\n\t\"cloud-run\": \"Cpu\",\n\t\"cloud-run-v2\": \"Cpu\",\n\t\"vertex-ai\": \"Cpu\",\n\tkubernetes: \"Cpu\",\n} as const;\n\nconst getWorkPoolTypeLabel = (type: WorkPool[\"type\"]) => {\n\treturn WORK_POOL_TYPE_LABELS[type] ?? type;\n};\n\nconst getWorkPoolTypeIcon = (type: WorkPool[\"type\"]) => {\n\treturn WORK_POOL_TYPE_ICONS[type] ?? \"Cpu\";\n};\n\nexport const WorkPoolTypeBadge = ({ type }: WorkPoolTypeBadgeProps) => {\n\treturn (\n\t\t<Badge>\n\t\t\t<Icon id={getWorkPoolTypeIcon(type)} />\n\t\t\t{getWorkPoolTypeLabel(type)}\n\t\t</Badge>\n\t);\n};\n","import { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { useDeleteWorkPool } from \"@/api/work-pools\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { StatusBadge } from \"@/components/ui/status-badge\";\nimport { WorkPoolContextMenu } from \"./components/work-pool-context-menu\";\nimport { WorkPoolName } from \"./components/work-pool-name\";\nimport { WorkPoolPauseResumeToggle } from \"./components/work-pool-pause-resume-toggle\";\nimport { WorkPoolTypeBadge } from \"./components/work-pool-type-badge\";\n\ntype WorkPoolCardProps = {\n\tworkPool: WorkPool;\n};\n\nexport const WorkPoolCard = ({ workPool }: WorkPoolCardProps) => {\n\tconst { deleteWorkPool } = useDeleteWorkPool();\n\n\tconst handleDelete = () => {\n\t\tdeleteWorkPool(workPool.name, {\n\t\t\tonSuccess: () => {\n\t\t\t\ttoast.success(`${workPool.name} deleted`);\n\t\t\t},\n\t\t\tonError: (error) => {\n\t\t\t\ttoast.error(\n\t\t\t\t\t`Failed to delete work pool: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n\t\t\t\t);\n\t\t\t},\n\t\t});\n\t};\n\treturn (\n\t\t<Card className=\"gap-2\">\n\t\t\t<CardHeader className=\"flex flex-row items-center justify-between\">\n\t\t\t\t<CardTitle className=\"flex items-center gap-2\">\n\t\t\t\t\t<WorkPoolName workPoolName={workPool.name} />\n\t\t\t\t\t{workPool.status && <StatusBadge status={workPool.status} />}\n\t\t\t\t</CardTitle>\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<WorkPoolPauseResumeToggle workPool={workPool} />\n\t\t\t\t\t<WorkPoolContextMenu workPool={workPool} onDelete={handleDelete} />\n\t\t\t\t</div>\n\t\t\t</CardHeader>\n\t\t\t<CardContent className=\"flex flex-col gap-1\">\n\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t<WorkPoolTypeBadge type={workPool.type} />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tConcurrency:{\" \"}\n\t\t\t\t\t<span className=\"text-foreground\">\n\t\t\t\t\t\t{workPool.concurrency_limit\n\t\t\t\t\t\t\t? workPool.concurrency_limit\n\t\t\t\t\t\t\t: \"Unlimited\"}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n","import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport type { ErrorComponentProps } from \"@tanstack/react-router\";\nimport { createFileRoute } from \"@tanstack/react-router\";\nimport { useMemo, useState } from \"react\";\nimport { categorizeError } from \"@/api/error-utils\";\nimport {\n\tbuildCountWorkPoolsQuery,\n\tbuildFilterWorkPoolsQuery,\n} from \"@/api/work-pools\";\nimport { SearchInput } from \"@/components/ui/input\";\nimport { RouteErrorState } from \"@/components/ui/route-error-state\";\nimport { WorkPoolsEmptyState } from \"@/components/work-pools/empty-state\";\nimport { WorkPoolsPageHeader } from \"@/components/work-pools/header\";\nimport { WorkPoolCard } from \"@/components/work-pools/work-pool-card/work-pool-card\";\nimport { pluralize } from \"@/utils\";\n\nfunction WorkPoolsErrorComponent({ error, reset }: ErrorComponentProps) {\n\tconst serverError = categorizeError(error, \"Failed to load work pools\");\n\n\t// Only handle API errors (server-error, client-error) at route level\n\t// Let network errors and unknown errors bubble up to root error component\n\tif (\n\t\tserverError.type !== \"server-error\" &&\n\t\tserverError.type !== \"client-error\"\n\t) {\n\t\tthrow error;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<WorkPoolsPageHeader />\n\t\t\t<RouteErrorState error={serverError} onRetry={reset} />\n\t\t</div>\n\t);\n}\n\nexport const Route = createFileRoute(\"/work-pools/\")({\n\tcomponent: RouteComponent,\n\terrorComponent: WorkPoolsErrorComponent,\n\tloader: ({ context }) => {\n\t\tvoid context.queryClient.ensureQueryData(buildCountWorkPoolsQuery());\n\t\tvoid context.queryClient.ensureQueryData(\n\t\t\tbuildFilterWorkPoolsQuery({\n\t\t\t\tlimit: 200,\n\t\t\t\toffset: 0,\n\t\t\t}),\n\t\t);\n\t},\n\twrapInSuspense: true,\n});\n\nfunction RouteComponent() {\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\n\tconst { data: workPoolCount = 0 } = useSuspenseQuery(\n\t\tbuildCountWorkPoolsQuery(),\n\t);\n\n\tconst { data: workPools = [] } = useSuspenseQuery(\n\t\tbuildFilterWorkPoolsQuery({\n\t\t\tlimit: 200,\n\t\t\toffset: 0,\n\t\t}),\n\t);\n\n\tconst filteredWorkPools = useMemo(() => {\n\t\treturn workPools.filter((workPool) =>\n\t\t\t[\n\t\t\t\tworkPool.name,\n\t\t\t\tworkPool.description,\n\t\t\t\tworkPool.type,\n\t\t\t\tJSON.stringify(workPool.base_job_template),\n\t\t\t\tworkPool.id,\n\t\t\t\tworkPool.default_queue_id,\n\t\t\t\tworkPool.status,\n\t\t\t]\n\t\t\t\t.join(\" \")\n\t\t\t\t.toLowerCase()\n\t\t\t\t.includes(searchTerm.toLowerCase()),\n\t\t);\n\t}, [workPools, searchTerm]);\n\n\tconst handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearchTerm(event.target.value);\n\t};\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<WorkPoolsPageHeader />\n\t\t\t{workPoolCount < 1 ? (\n\t\t\t\t<WorkPoolsEmptyState />\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"flex items-end justify-between\">\n\t\t\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t{workPoolCount} {pluralize(workPoolCount, \"work pool\")}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t\t\t<SearchInput\n\t\t\t\t\t\t\t\tplaceholder=\"Search work pools...\"\n\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\tonChange={handleSearchChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t\t\t\t{filteredWorkPools.map((workPool) => (\n\t\t\t\t\t\t\t<WorkPoolCard key={workPool.id} workPool={workPool} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["WorkPoolsEmptyState","jsxs","EmptyState","jsx","EmptyStateIcon","EmptyStateTitle","EmptyStateDescription","EmptyStateActions","Link","Button","Icon","DocsLink","WorkPoolContextMenu","workPool","onDelete","handleCopyId","id","toast","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","WorkPoolName","workPoolName","WorkPoolIconText","WorkPoolPauseResumeToggle","isPaused","setIsPaused","useState","pauseWorkPool","isPausing","usePauseWorkPool","resumeWorkPool","isResuming","useResumeWorkPool","disabled","useMemo","handleTogglePause","Switch","WORK_POOL_TYPE_LABELS","WORK_POOL_TYPE_ICONS","getWorkPoolTypeLabel","type","getWorkPoolTypeIcon","WorkPoolTypeBadge","Badge","WorkPoolCard","deleteWorkPool","useDeleteWorkPool","handleDelete","error","Card","CardHeader","CardTitle","StatusBadge","CardContent","RouteComponent","searchTerm","setSearchTerm","data","workPoolCount","useSuspenseQuery","buildCountWorkPoolsQuery","workPools","buildFilterWorkPoolsQuery","limit","offset","filteredWorkPools","filter","name","description","JSON","stringify","base_job_template","default_queue_id","status","join","toLowerCase","includes","handleSearchChange","event","target","value","WorkPoolsPageHeader","Fragment","pluralize","SearchInput","map"],"mappings":"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"}
+{"version":3,"file":"index-CDyLkbVG.js","sources":["../../src/components/work-pools/empty-state.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-context-menu.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-name.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-pause-resume-toggle.tsx","../../src/components/work-pools/work-pool-card/components/work-pool-type-badge.tsx","../../src/components/work-pools/work-pool-card/work-pool-card.tsx","../../src/routes/work-pools/index.tsx?tsr-split=component"],"sourcesContent":["import { Link } from \"@tanstack/react-router\";\nimport { Button } from \"@/components/ui/button\";\nimport { DocsLink } from \"@/components/ui/docs-link\";\nimport {\n\tEmptyState,\n\tEmptyStateActions,\n\tEmptyStateDescription,\n\tEmptyStateIcon,\n\tEmptyStateTitle,\n} from \"@/components/ui/empty-state\";\nimport { Icon } from \"@/components/ui/icons\";\n\nexport const WorkPoolsEmptyState = () => (\n\t<EmptyState>\n\t\t<EmptyStateIcon id=\"Cpu\" />\n\t\t<EmptyStateTitle>Add a work pool to get started</EmptyStateTitle>\n\t\t<EmptyStateDescription>\n\t\t\tWork pools allow you to prioritize and manage deployments and control the\n\t\t\tinfrastructure they run on.\n\t\t</EmptyStateDescription>\n\t\t<EmptyStateActions>\n\t\t\t<Link to=\"/work-pools/create\">\n\t\t\t\t<Button>\n\t\t\t\t\tAdd Work Pool <Icon id=\"Plus\" className=\"size-4 ml-2\" />\n\t\t\t\t</Button>\n\t\t\t</Link>\n\t\t\t<DocsLink id=\"work-pools-guide\" />\n\t\t</EmptyStateActions>\n\t</EmptyState>\n);\n","import { Link } from \"@tanstack/react-router\";\nimport { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Icon } from \"@/components/ui/icons\";\n\nexport type WorkPoolContextMenuProps = {\n\tworkPool: WorkPool;\n\tonDelete: () => void;\n};\n\nexport const WorkPoolContextMenu = ({\n\tworkPool,\n\tonDelete,\n}: WorkPoolContextMenuProps) => {\n\tconst handleCopyId = (id: string) => {\n\t\tvoid navigator.clipboard.writeText(id);\n\t\ttoast.success(\"ID copied\");\n\t};\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"outline\" className=\"size-8 p-0\">\n\t\t\t\t\t<span className=\"sr-only\">Open menu</span>\n\t\t\t\t\t<Icon id=\"MoreVertical\" className=\"size-4\" />\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent align=\"end\">\n\t\t\t\t<DropdownMenuLabel>Actions</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuItem onClick={() => handleCopyId(workPool.id)}>\n\t\t\t\t\tCopy ID\n\t\t\t\t</DropdownMenuItem>\n\t\t\t\t<Link\n\t\t\t\t\tto=\"/work-pools/work-pool/$workPoolName/edit\"\n\t\t\t\t\tparams={{ workPoolName: workPool.name }}\n\t\t\t\t>\n\t\t\t\t\t<DropdownMenuItem>Edit</DropdownMenuItem>\n\t\t\t\t</Link>\n\t\t\t\t<DropdownMenuItem onClick={onDelete}>Delete</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n};\n","import { WorkPoolIconText } from \"@/components/work-pools/work-pool-icon-text\";\n\ntype WorkPoolNameProps = {\n\tworkPoolName: string;\n};\n\nexport const WorkPoolName = ({ workPoolName }: WorkPoolNameProps) => {\n\treturn <WorkPoolIconText workPoolName={workPoolName} />;\n};\n","import { useMemo, useState } from \"react\";\nimport { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { usePauseWorkPool, useResumeWorkPool } from \"@/api/work-pools\";\nimport { Switch } from \"@/components/ui/switch\";\nexport type WorkPoolPauseResumeToggleParams = {\n\tworkPool: WorkPool;\n};\n\nexport const WorkPoolPauseResumeToggle = ({\n\tworkPool,\n}: WorkPoolPauseResumeToggleParams) => {\n\tconst [isPaused, setIsPaused] = useState(workPool.status === \"PAUSED\");\n\n\tconst { pauseWorkPool, isPending: isPausing } = usePauseWorkPool();\n\tconst { resumeWorkPool, isPending: isResuming } = useResumeWorkPool();\n\n\tconst disabled = useMemo(() => {\n\t\treturn isPausing || isResuming;\n\t}, [isPausing, isResuming]);\n\n\tconst handleTogglePause = () => {\n\t\tif (isPaused) {\n\t\t\tresumeWorkPool(workPool.name, {\n\t\t\t\tonSuccess: () => {\n\t\t\t\t\tsetIsPaused(false);\n\t\t\t\t\ttoast.success(`${workPool.name} resumed`);\n\t\t\t\t},\n\t\t\t\tonError: () => {\n\t\t\t\t\ttoast.error(`Failed to resume ${workPool.name}`);\n\t\t\t\t},\n\t\t\t});\n\t\t} else {\n\t\t\tpauseWorkPool(workPool.name, {\n\t\t\t\tonSuccess: () => {\n\t\t\t\t\tsetIsPaused(true);\n\t\t\t\t\ttoast.success(`${workPool.name} paused`);\n\t\t\t\t},\n\t\t\t\tonError: () => {\n\t\t\t\t\ttoast.error(`Failed to pause ${workPool.name}`);\n\t\t\t\t},\n\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<span className=\"flex items-center gap-2\">\n\t\t\t<span className=\"text-sm text-muted-foreground\">\n\t\t\t\t{isPaused ? \"Paused\" : \"Active\"}\n\t\t\t</span>\n\t\t\t<Switch\n\t\t\t\tchecked={!isPaused}\n\t\t\t\tonCheckedChange={handleTogglePause}\n\t\t\t\tdisabled={disabled}\n\t\t\t\taria-label={isPaused ? \"Resume work pool\" : \"Pause work pool\"}\n\t\t\t/>\n\t\t</span>\n\t);\n};\n","import type { WorkPool } from \"@/api/work-pools\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Icon, type IconId } from \"@/components/ui/icons\";\n\ntype WorkPoolTypeBadgeProps = {\n\ttype: WorkPool[\"type\"];\n};\n\nconst WORK_POOL_TYPE_LABELS: Record<WorkPool[\"type\"], string> = {\n\tprocess: \"Process\",\n\tecs: \"ECS\",\n\t\"azure-container-instance\": \"Azure Container Instance\",\n\tdocker: \"Docker\",\n\t\"cloud-run\": \"Cloud Run\",\n\t\"cloud-run-v2\": \"Cloud Run v2\",\n\t\"vertex-ai\": \"Vertex AI\",\n\tkubernetes: \"Kubernetes\",\n} as const;\n\nconst WORK_POOL_TYPE_ICONS: Record<WorkPool[\"type\"], IconId> = {\n\tprocess: \"Cpu\",\n\tecs: \"Cpu\",\n\t\"azure-container-instance\": \"Cpu\",\n\tdocker: \"Cpu\",\n\t\"cloud-run\": \"Cpu\",\n\t\"cloud-run-v2\": \"Cpu\",\n\t\"vertex-ai\": \"Cpu\",\n\tkubernetes: \"Cpu\",\n} as const;\n\nconst getWorkPoolTypeLabel = (type: WorkPool[\"type\"]) => {\n\treturn WORK_POOL_TYPE_LABELS[type] ?? type;\n};\n\nconst getWorkPoolTypeIcon = (type: WorkPool[\"type\"]) => {\n\treturn WORK_POOL_TYPE_ICONS[type] ?? \"Cpu\";\n};\n\nexport const WorkPoolTypeBadge = ({ type }: WorkPoolTypeBadgeProps) => {\n\treturn (\n\t\t<Badge>\n\t\t\t<Icon id={getWorkPoolTypeIcon(type)} />\n\t\t\t{getWorkPoolTypeLabel(type)}\n\t\t</Badge>\n\t);\n};\n","import { toast } from \"sonner\";\nimport type { WorkPool } from \"@/api/work-pools\";\nimport { useDeleteWorkPool } from \"@/api/work-pools\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { StatusBadge } from \"@/components/ui/status-badge\";\nimport { WorkPoolContextMenu } from \"./components/work-pool-context-menu\";\nimport { WorkPoolName } from \"./components/work-pool-name\";\nimport { WorkPoolPauseResumeToggle } from \"./components/work-pool-pause-resume-toggle\";\nimport { WorkPoolTypeBadge } from \"./components/work-pool-type-badge\";\n\ntype WorkPoolCardProps = {\n\tworkPool: WorkPool;\n};\n\nexport const WorkPoolCard = ({ workPool }: WorkPoolCardProps) => {\n\tconst { deleteWorkPool } = useDeleteWorkPool();\n\n\tconst handleDelete = () => {\n\t\tdeleteWorkPool(workPool.name, {\n\t\t\tonSuccess: () => {\n\t\t\t\ttoast.success(`${workPool.name} deleted`);\n\t\t\t},\n\t\t\tonError: (error) => {\n\t\t\t\ttoast.error(\n\t\t\t\t\t`Failed to delete work pool: ${error instanceof Error ? error.message : \"Unknown error\"}`,\n\t\t\t\t);\n\t\t\t},\n\t\t});\n\t};\n\treturn (\n\t\t<Card className=\"gap-2\">\n\t\t\t<CardHeader className=\"flex flex-row items-center justify-between\">\n\t\t\t\t<CardTitle className=\"flex items-center gap-2\">\n\t\t\t\t\t<WorkPoolName workPoolName={workPool.name} />\n\t\t\t\t\t{workPool.status && <StatusBadge status={workPool.status} />}\n\t\t\t\t</CardTitle>\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<WorkPoolPauseResumeToggle workPool={workPool} />\n\t\t\t\t\t<WorkPoolContextMenu workPool={workPool} onDelete={handleDelete} />\n\t\t\t\t</div>\n\t\t\t</CardHeader>\n\t\t\t<CardContent className=\"flex flex-col gap-1\">\n\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t<WorkPoolTypeBadge type={workPool.type} />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tConcurrency:{\" \"}\n\t\t\t\t\t<span className=\"text-foreground\">\n\t\t\t\t\t\t{workPool.concurrency_limit\n\t\t\t\t\t\t\t? workPool.concurrency_limit\n\t\t\t\t\t\t\t: \"Unlimited\"}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n","import { useSuspenseQuery } from \"@tanstack/react-query\";\nimport type { ErrorComponentProps } from \"@tanstack/react-router\";\nimport { createFileRoute } from \"@tanstack/react-router\";\nimport { useMemo, useState } from \"react\";\nimport { categorizeError } from \"@/api/error-utils\";\nimport {\n\tbuildCountWorkPoolsQuery,\n\tbuildFilterWorkPoolsQuery,\n} from \"@/api/work-pools\";\nimport { SearchInput } from \"@/components/ui/input\";\nimport { RouteErrorState } from \"@/components/ui/route-error-state\";\nimport { WorkPoolsEmptyState } from \"@/components/work-pools/empty-state\";\nimport { WorkPoolsPageHeader } from \"@/components/work-pools/header\";\nimport { WorkPoolCard } from \"@/components/work-pools/work-pool-card/work-pool-card\";\nimport { pluralize } from \"@/utils\";\n\nfunction WorkPoolsErrorComponent({ error, reset }: ErrorComponentProps) {\n\tconst serverError = categorizeError(error, \"Failed to load work pools\");\n\n\t// Only handle API errors (server-error, client-error) at route level\n\t// Let network errors and unknown errors bubble up to root error component\n\tif (\n\t\tserverError.type !== \"server-error\" &&\n\t\tserverError.type !== \"client-error\"\n\t) {\n\t\tthrow error;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<WorkPoolsPageHeader />\n\t\t\t<RouteErrorState error={serverError} onRetry={reset} />\n\t\t</div>\n\t);\n}\n\nexport const Route = createFileRoute(\"/work-pools/\")({\n\tcomponent: RouteComponent,\n\terrorComponent: WorkPoolsErrorComponent,\n\tloader: ({ context }) => {\n\t\tvoid context.queryClient.ensureQueryData(buildCountWorkPoolsQuery());\n\t\tvoid context.queryClient.ensureQueryData(\n\t\t\tbuildFilterWorkPoolsQuery({\n\t\t\t\tlimit: 200,\n\t\t\t\toffset: 0,\n\t\t\t}),\n\t\t);\n\t},\n\twrapInSuspense: true,\n});\n\nfunction RouteComponent() {\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\n\tconst { data: workPoolCount = 0 } = useSuspenseQuery(\n\t\tbuildCountWorkPoolsQuery(),\n\t);\n\n\tconst { data: workPools = [] } = useSuspenseQuery(\n\t\tbuildFilterWorkPoolsQuery({\n\t\t\tlimit: 200,\n\t\t\toffset: 0,\n\t\t}),\n\t);\n\n\tconst filteredWorkPools = useMemo(() => {\n\t\treturn workPools.filter((workPool) =>\n\t\t\t[\n\t\t\t\tworkPool.name,\n\t\t\t\tworkPool.description,\n\t\t\t\tworkPool.type,\n\t\t\t\tJSON.stringify(workPool.base_job_template),\n\t\t\t\tworkPool.id,\n\t\t\t\tworkPool.default_queue_id,\n\t\t\t\tworkPool.status,\n\t\t\t]\n\t\t\t\t.join(\" \")\n\t\t\t\t.toLowerCase()\n\t\t\t\t.includes(searchTerm.toLowerCase()),\n\t\t);\n\t}, [workPools, searchTerm]);\n\n\tconst handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tsetSearchTerm(event.target.value);\n\t};\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<WorkPoolsPageHeader />\n\t\t\t{workPoolCount < 1 ? (\n\t\t\t\t<WorkPoolsEmptyState />\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"flex items-end justify-between\">\n\t\t\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t{workPoolCount} {pluralize(workPoolCount, \"work pool\")}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t\t\t<SearchInput\n\t\t\t\t\t\t\t\tplaceholder=\"Search work pools...\"\n\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\tonChange={handleSearchChange}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t\t\t\t{filteredWorkPools.map((workPool) => (\n\t\t\t\t\t\t\t<WorkPoolCard key={workPool.id} workPool={workPool} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["WorkPoolsEmptyState","jsxs","EmptyState","jsx","EmptyStateIcon","EmptyStateTitle","EmptyStateDescription","EmptyStateActions","Link","Button","Icon","DocsLink","WorkPoolContextMenu","workPool","onDelete","handleCopyId","id","toast","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuItem","WorkPoolName","workPoolName","WorkPoolIconText","WorkPoolPauseResumeToggle","isPaused","setIsPaused","useState","pauseWorkPool","isPausing","usePauseWorkPool","resumeWorkPool","isResuming","useResumeWorkPool","disabled","useMemo","handleTogglePause","Switch","WORK_POOL_TYPE_LABELS","WORK_POOL_TYPE_ICONS","getWorkPoolTypeLabel","type","getWorkPoolTypeIcon","WorkPoolTypeBadge","Badge","WorkPoolCard","deleteWorkPool","useDeleteWorkPool","handleDelete","error","Card","CardHeader","CardTitle","StatusBadge","CardContent","RouteComponent","searchTerm","setSearchTerm","data","workPoolCount","useSuspenseQuery","buildCountWorkPoolsQuery","workPools","buildFilterWorkPoolsQuery","limit","offset","filteredWorkPools","filter","name","description","JSON","stringify","base_job_template","default_queue_id","status","join","toLowerCase","includes","handleSearchChange","event","target","value","WorkPoolsPageHeader","Fragment","pluralize","SearchInput","map"],"mappings":"wkBAYO,MAAMA,EAAsB,IAClCC,EAAAA,KAACC,EAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAe,GAAG,KAAA,CAAM,EACzBD,EAAAA,IAACE,GAAgB,SAAA,gCAAA,CAA8B,EAC/CF,EAAAA,IAACG,GAAsB,SAAA,uGAAA,CAGvB,SACCC,EAAA,CACA,SAAA,CAAAJ,MAACK,EAAA,CAAK,GAAG,qBACR,SAAAP,EAAAA,KAACQ,EAAA,CAAO,SAAA,CAAA,iBACON,EAAAA,IAACO,EAAA,CAAK,GAAG,OAAO,UAAU,aAAA,CAAc,CAAA,CAAA,CACvD,CAAA,CACD,EACAP,EAAAA,IAACQ,EAAA,CAAS,GAAG,kBAAA,CAAmB,CAAA,CAAA,CACjC,CAAA,EACD,ECVYC,EAAsB,CAAC,CACnC,SAAAC,EACA,SAAAC,CACD,IAAgC,CAC/B,MAAMC,EAAgBC,GAAe,CAC/B,UAAU,UAAU,UAAUA,CAAE,EACrCC,EAAM,QAAQ,WAAW,CAC1B,EAEA,cACEC,EAAA,CACA,SAAA,CAAAf,EAAAA,IAACgB,EAAA,CAAoB,QAAO,GAC3B,SAAAlB,EAAAA,KAACQ,GAAO,QAAQ,UAAU,UAAU,aACnC,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,YAAS,EACnCA,EAAAA,IAACO,EAAA,CAAK,GAAG,eAAe,UAAU,QAAA,CAAS,CAAA,CAAA,CAC5C,CAAA,CACD,EACAT,EAAAA,KAACmB,EAAA,CAAoB,MAAM,MAC1B,SAAA,CAAAjB,EAAAA,IAACkB,GAAkB,SAAA,SAAA,CAAO,EAC1BlB,MAACmB,GAAiB,QAAS,IAAMP,EAAaF,EAAS,EAAE,EAAG,SAAA,UAE5D,EACAV,EAAAA,IAACK,EAAA,CACA,GAAG,2CACH,OAAQ,CAAE,aAAcK,EAAS,IAAA,EAEjC,SAAAV,EAAAA,IAACmB,GAAiB,SAAA,MAAA,CAAI,CAAA,CAAA,EAEvBnB,EAAAA,IAACmB,EAAA,CAAiB,QAASR,EAAU,SAAA,QAAA,CAAM,CAAA,CAAA,CAC5C,CAAA,EACD,CAEF,EC5CaS,EAAe,CAAC,CAAE,aAAAC,KACvBrB,MAACsB,GAAiB,aAAAD,EAA4B,ECEzCE,EAA4B,CAAC,CACzC,SAAAb,CACD,IAAuC,CACtC,KAAM,CAACc,EAAUC,CAAW,EAAIC,EAAAA,SAAShB,EAAS,SAAW,QAAQ,EAE/D,CAAE,cAAAiB,EAAe,UAAWC,CAAA,EAAcC,EAAA,EAC1C,CAAE,eAAAC,EAAgB,UAAWC,CAAA,EAAeC,EAAA,EAE5CC,EAAWC,EAAAA,QAAQ,IACjBN,GAAaG,EAClB,CAACH,EAAWG,CAAU,CAAC,EAEpBI,EAAoB,IAAM,CAC3BX,EACHM,EAAepB,EAAS,KAAM,CAC7B,UAAW,IAAM,CAChBe,EAAY,EAAK,EACjBX,EAAM,QAAQ,GAAGJ,EAAS,IAAI,UAAU,CACzC,EACA,QAAS,IAAM,CACdI,EAAM,MAAM,oBAAoBJ,EAAS,IAAI,EAAE,CAChD,CAAA,CACA,EAEDiB,EAAcjB,EAAS,KAAM,CAC5B,UAAW,IAAM,CAChBe,EAAY,EAAI,EAChBX,EAAM,QAAQ,GAAGJ,EAAS,IAAI,SAAS,CACxC,EACA,QAAS,IAAM,CACdI,EAAM,MAAM,mBAAmBJ,EAAS,IAAI,EAAE,CAC/C,CAAA,CACA,CAEH,EAEA,OACCZ,EAAAA,KAAC,OAAA,CAAK,UAAU,0BACf,SAAA,CAAAE,MAAC,OAAA,CAAK,UAAU,gCACd,SAAAwB,EAAW,SAAW,SACxB,EACAxB,EAAAA,IAACoC,EAAA,CACA,QAAS,CAACZ,EACV,gBAAiBW,EACjB,SAAAF,EACA,aAAYT,EAAW,mBAAqB,iBAAA,CAAA,CAC7C,EACD,CAEF,EClDMa,EAA0D,CAC/D,QAAS,UACT,IAAK,MACL,2BAA4B,2BAC5B,OAAQ,SACR,YAAa,YACb,eAAgB,eAChB,YAAa,YACb,WAAY,YACb,EAEMC,EAAyD,CAC9D,QAAS,MACT,IAAK,MACL,2BAA4B,MAC5B,OAAQ,MACR,YAAa,MACb,eAAgB,MAChB,YAAa,MACb,WAAY,KACb,EAEMC,EAAwBC,GACtBH,EAAsBG,CAAI,GAAKA,EAGjCC,EAAuBD,GACrBF,EAAqBE,CAAI,GAAK,MAGzBE,EAAoB,CAAC,CAAE,KAAAF,YAEjCG,EAAA,CACA,SAAA,CAAA3C,EAAAA,IAACO,EAAA,CAAK,GAAIkC,EAAoBD,CAAI,CAAA,CAAG,EACpCD,EAAqBC,CAAI,CAAA,EAC3B,EC7BWI,EAAe,CAAC,CAAE,SAAAlC,KAAkC,CAChE,KAAM,CAAE,eAAAmC,CAAA,EAAmBC,EAAA,EAErBC,EAAe,IAAM,CAC1BF,EAAenC,EAAS,KAAM,CAC7B,UAAW,IAAM,CAChBI,EAAM,QAAQ,GAAGJ,EAAS,IAAI,UAAU,CACzC,EACA,QAAUsC,GAAU,CACnBlC,EAAM,MACL,+BAA+BkC,aAAiB,MAAQA,EAAM,QAAU,eAAe,EAAA,CAEzF,CAAA,CACA,CACF,EACA,OACClD,EAAAA,KAACmD,EAAA,CAAK,UAAU,QACf,SAAA,CAAAnD,EAAAA,KAACoD,EAAA,CAAW,UAAU,6CACrB,SAAA,CAAApD,EAAAA,KAACqD,EAAA,CAAU,UAAU,0BACpB,SAAA,CAAAnD,EAAAA,IAACoB,EAAA,CAAa,aAAcV,EAAS,IAAA,CAAM,EAC1CA,EAAS,QAAUV,MAACoD,EAAA,CAAY,OAAQ1C,EAAS,MAAA,CAAQ,CAAA,EAC3D,EACAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACd,SAAA,CAAAE,MAACuB,GAA0B,SAAAb,EAAoB,EAC/CV,EAAAA,IAACS,EAAA,CAAoB,SAAAC,EAAoB,SAAUqC,CAAA,CAAc,CAAA,CAAA,CAClE,CAAA,EACD,EACAjD,EAAAA,KAACuD,EAAA,CAAY,UAAU,sBACtB,SAAA,CAAArD,EAAAA,IAAC,MAAA,CAAI,UAAU,0BACd,SAAAA,EAAAA,IAAC0C,GAAkB,KAAMhC,EAAS,KAAM,CAAA,CACzC,EACAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,CAAA,eACjC,IACbE,EAAAA,IAAC,QAAK,UAAU,kBACd,WAAS,kBACPU,EAAS,kBACT,WAAA,CACJ,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAAA,EACD,CAEF,ECLA,SAAS4C,IAAiB,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAI9B,EAAAA,SAAS,EAAE,EAEzC,CAAE+B,KAAMC,EAAgB,CAAA,EAAMC,EACnCC,GACD,EAEM,CAAEH,KAAMI,EAAY,CAAA,CAAA,EAAOF,EAChCG,EAA0B,CACzBC,MAAO,IACPC,OAAQ,CAAA,CACR,CACF,EAEMC,EAAoB/B,EAAAA,QAAQ,IAC1B2B,EAAUK,OAAQxD,GACxB,CACCA,EAASyD,KACTzD,EAAS0D,YACT1D,EAAS8B,KACT6B,KAAKC,UAAU5D,EAAS6D,iBAAiB,EACzC7D,EAASG,GACTH,EAAS8D,iBACT9D,EAAS+D,MAAM,EAEdC,KAAK,GAAG,EACRC,YAAAA,EACAC,SAASrB,EAAWoB,YAAAA,CAAa,CACpC,EACE,CAACd,EAAWN,CAAU,CAAC,EAEpBsB,EAAsBC,GAA+C,CAC1EtB,EAAcsB,EAAMC,OAAOC,KAAK,CACjC,EAEA,OACClF,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAE,EAAAA,IAACiF,EAAA,EAAmB,EACnBvB,EAAgB,EAChB1D,EAAAA,IAACH,EAAA,CAAA,GAEDC,EAAAA,KAAAoF,WAAA,CACC,SAAA,CAAApF,EAAAA,KAAC,MAAA,CAAI,UAAU,iCACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb4D,SAAAA,CAAAA,EAAc,IAAEyB,EAAUzB,EAAe,WAAW,CAAA,EACtD,EACA1D,EAAAA,IAAC,MAAA,CAAI,UAAU,aACd,SAAAA,EAAAA,IAACoF,EAAA,CACA,YAAY,uBACZ,MAAO7B,EACP,SAAUsB,CAAAA,CAAmB,CAAA,CAE/B,CAAA,EACD,EACA7E,EAAAA,IAAC,MAAA,CAAI,UAAU,sBACbiE,SAAAA,EAAkBoB,IAAK3E,GACvBV,EAAAA,IAAC4C,EAAA,CAA+B,SAAAlC,CAAA,EAAbA,EAASG,EAAuB,CACnD,CAAA,CACF,CAAA,CAAA,CACD,CAAA,EAEF,CAEF"}

prefect/server/ui-v2/assets/{index-Cutg_A1j.js → index-ChIrfjIW.js}

@@ -1,2 +1,2 @@
-import{j as t}from"./vendor-tanstack-BK8oseNA.js";import{f as o,H as r,cr as n,bJ as d,cV as a}from"./index-D5RdrxkU.js";const i={READY:t.jsx(a,{size:12,fill:"green"}),NOT_READY:t.jsx(a,{size:12,fill:"red"}),PAUSED:t.jsx(d,{size:12})},g=n("gap-2 px-2 text-foreground/80 font-mono font-light border border-foreground/10 shadow-none text-nowrap",{variants:{status:{READY:"bg-state-completed-100 hover:bg-state-completed-100 dark:bg-state-completed-900 dark:hover:bg-state-completed-900",NOT_READY:"bg-state-failed-100 hover:bg-state-failed-100 dark:bg-state-failed-900 dark:hover:bg-state-failed-900",PAUSED:"bg-state-pending-200 hover:bg-state-pending-200 dark:bg-state-pending-800 dark:hover:bg-state-pending-800"}}}),l=({status:e})=>i[e],b=({status:e})=>{const s=e.split("_").map(o).join(" ");return t.jsxs(r,{className:g({status:e}),children:[t.jsx(l,{status:e}),s]})};export{b as S,l as a};
-//# sourceMappingURL=index-Cutg_A1j.js.map
+import{j as t}from"./vendor-tanstack-BK8oseNA.js";import{f as o,H as r,cq as n,bJ as d,cU as a}from"./index-BvSl3DKP.js";const i={READY:t.jsx(a,{size:12,fill:"green"}),NOT_READY:t.jsx(a,{size:12,fill:"red"}),PAUSED:t.jsx(d,{size:12})},g=n("gap-2 px-2 text-foreground/80 font-mono font-light border border-foreground/10 shadow-none text-nowrap",{variants:{status:{READY:"bg-state-completed-100 hover:bg-state-completed-100 dark:bg-state-completed-900 dark:hover:bg-state-completed-900",NOT_READY:"bg-state-failed-100 hover:bg-state-failed-100 dark:bg-state-failed-900 dark:hover:bg-state-failed-900",PAUSED:"bg-state-pending-200 hover:bg-state-pending-200 dark:bg-state-pending-800 dark:hover:bg-state-pending-800"}}}),l=({status:e})=>i[e],b=({status:e})=>{const s=e.split("_").map(o).join(" ");return t.jsxs(r,{className:g({status:e}),children:[t.jsx(l,{status:e}),s]})};export{b as S,l as a};
+//# sourceMappingURL=index-ChIrfjIW.js.map

prefect/server/ui-v2/assets/{index-Cutg_A1j.js.map → index-ChIrfjIW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Cutg_A1j.js","sources":["../../src/components/ui/status-badge/index.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { Circle, Pause } from \"lucide-react\";\nimport type { components } from \"@/api/prefect\";\nimport { capitalize } from \"@/utils\";\nimport { Badge } from \"../badge\";\n\ntype Status =\n\t| components[\"schemas\"][\"DeploymentStatus\"]\n\t| components[\"schemas\"][\"WorkPoolStatus\"];\n\ntype StatusBadgeProps = {\n\tstatus: Status;\n};\n\nconst STATUS_ICONS = {\n\tREADY: <Circle size={12} fill=\"green\" />,\n\tNOT_READY: <Circle size={12} fill=\"red\" />,\n\tPAUSED: <Pause size={12} />,\n} as const satisfies Record<Status, React.ReactNode>;\n\nconst statusBadgeVariants = cva(\n\t\"gap-2 px-2 text-foreground/80 font-mono font-light border border-foreground/10 shadow-none text-nowrap\",\n\t{\n\t\tvariants: {\n\t\t\tstatus: {\n\t\t\t\tREADY:\n\t\t\t\t\t\"bg-state-completed-100 hover:bg-state-completed-100 dark:bg-state-completed-900 dark:hover:bg-state-completed-900\",\n\t\t\t\tNOT_READY:\n\t\t\t\t\t\"bg-state-failed-100 hover:bg-state-failed-100 dark:bg-state-failed-900 dark:hover:bg-state-failed-900\",\n\t\t\t\tPAUSED:\n\t\t\t\t\t\"bg-state-pending-200 hover:bg-state-pending-200 dark:bg-state-pending-800 dark:hover:bg-state-pending-800\",\n\t\t\t} satisfies Record<Status, string>,\n\t\t},\n\t},\n);\n\nexport const StatusIcon = ({ status }: StatusBadgeProps) =>\n\tSTATUS_ICONS[status];\n\nexport const StatusBadge = ({ status }: StatusBadgeProps) => {\n\tconst statusText = status.split(\"_\").map(capitalize).join(\" \");\n\treturn (\n\t\t<Badge className={statusBadgeVariants({ status })}>\n\t\t\t<StatusIcon status={status} />\n\t\t\t{statusText}\n\t\t</Badge>\n\t);\n};\n"],"names":["STATUS_ICONS","jsx","Circle","Pause","statusBadgeVariants","cva","StatusIcon","status","StatusBadge","statusText","capitalize","Badge"],"mappings":"yHAcA,MAAMA,EAAe,CACpB,MAAOC,EAAAA,IAACC,EAAA,CAAO,KAAM,GAAI,KAAK,QAAQ,EACtC,UAAWD,EAAAA,IAACC,EAAA,CAAO,KAAM,GAAI,KAAK,MAAM,EACxC,OAAQD,EAAAA,IAACE,EAAA,CAAM,KAAM,EAAA,CAAI,CAC1B,EAEMC,EAAsBC,EAC3B,yGACA,CACC,SAAU,CACT,OAAQ,CACP,MACC,oHACD,UACC,wGACD,OACC,2GAAA,CACF,CACD,CAEF,EAEaC,EAAa,CAAC,CAAE,OAAAC,CAAA,IAC5BP,EAAaO,CAAM,EAEPC,EAAc,CAAC,CAAE,OAAAD,KAA+B,CAC5D,MAAME,EAAaF,EAAO,MAAM,GAAG,EAAE,IAAIG,CAAU,EAAE,KAAK,GAAG,EAC7D,cACEC,EAAA,CAAM,UAAWP,EAAoB,CAAE,OAAAG,CAAA,CAAQ,EAC/C,SAAA,CAAAN,MAACK,GAAW,OAAAC,EAAgB,EAC3BE,CAAA,EACF,CAEF"}
+{"version":3,"file":"index-ChIrfjIW.js","sources":["../../src/components/ui/status-badge/index.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { Circle, Pause } from \"lucide-react\";\nimport type { components } from \"@/api/prefect\";\nimport { capitalize } from \"@/utils\";\nimport { Badge } from \"../badge\";\n\ntype Status =\n\t| components[\"schemas\"][\"DeploymentStatus\"]\n\t| components[\"schemas\"][\"WorkPoolStatus\"];\n\ntype StatusBadgeProps = {\n\tstatus: Status;\n};\n\nconst STATUS_ICONS = {\n\tREADY: <Circle size={12} fill=\"green\" />,\n\tNOT_READY: <Circle size={12} fill=\"red\" />,\n\tPAUSED: <Pause size={12} />,\n} as const satisfies Record<Status, React.ReactNode>;\n\nconst statusBadgeVariants = cva(\n\t\"gap-2 px-2 text-foreground/80 font-mono font-light border border-foreground/10 shadow-none text-nowrap\",\n\t{\n\t\tvariants: {\n\t\t\tstatus: {\n\t\t\t\tREADY:\n\t\t\t\t\t\"bg-state-completed-100 hover:bg-state-completed-100 dark:bg-state-completed-900 dark:hover:bg-state-completed-900\",\n\t\t\t\tNOT_READY:\n\t\t\t\t\t\"bg-state-failed-100 hover:bg-state-failed-100 dark:bg-state-failed-900 dark:hover:bg-state-failed-900\",\n\t\t\t\tPAUSED:\n\t\t\t\t\t\"bg-state-pending-200 hover:bg-state-pending-200 dark:bg-state-pending-800 dark:hover:bg-state-pending-800\",\n\t\t\t} satisfies Record<Status, string>,\n\t\t},\n\t},\n);\n\nexport const StatusIcon = ({ status }: StatusBadgeProps) =>\n\tSTATUS_ICONS[status];\n\nexport const StatusBadge = ({ status }: StatusBadgeProps) => {\n\tconst statusText = status.split(\"_\").map(capitalize).join(\" \");\n\treturn (\n\t\t<Badge className={statusBadgeVariants({ status })}>\n\t\t\t<StatusIcon status={status} />\n\t\t\t{statusText}\n\t\t</Badge>\n\t);\n};\n"],"names":["STATUS_ICONS","jsx","Circle","Pause","statusBadgeVariants","cva","StatusIcon","status","StatusBadge","statusText","capitalize","Badge"],"mappings":"yHAcA,MAAMA,EAAe,CACpB,MAAOC,EAAAA,IAACC,EAAA,CAAO,KAAM,GAAI,KAAK,QAAQ,EACtC,UAAWD,EAAAA,IAACC,EAAA,CAAO,KAAM,GAAI,KAAK,MAAM,EACxC,OAAQD,EAAAA,IAACE,EAAA,CAAM,KAAM,EAAA,CAAI,CAC1B,EAEMC,EAAsBC,EAC3B,yGACA,CACC,SAAU,CACT,OAAQ,CACP,MACC,oHACD,UACC,wGACD,OACC,2GAAA,CACF,CACD,CAEF,EAEaC,EAAa,CAAC,CAAE,OAAAC,CAAA,IAC5BP,EAAaO,CAAM,EAEPC,EAAc,CAAC,CAAE,OAAAD,KAA+B,CAC5D,MAAME,EAAaF,EAAO,MAAM,GAAG,EAAE,IAAIG,CAAU,EAAE,KAAK,GAAG,EAC7D,cACEC,EAAA,CAAM,UAAWP,EAAoB,CAAE,OAAAG,CAAA,CAAQ,EAC/C,SAAA,CAAAN,MAACK,GAAW,OAAAC,EAAgB,EAC3BE,CAAA,EACF,CAEF"}

prefect/server/ui-v2/assets/{index-BhALpenO.js → index-CzCSgCK-.js}

@@ -1,2 +1,2 @@
-import{bH as y,aW as N,H as C,cr as S,_ as k,$ as D,a0 as R,a1 as w,i as v,aq as I,p as E,a3 as L,q as b}from"./index-D5RdrxkU.js";import{r,J as O,j as e}from"./vendor-tanstack-BK8oseNA.js";import{I as M,Z as j}from"./vendor-date-7GxEwcQM.js";import{S as B}from"./index-BO3SOwdV.js";const T=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]],$=y("rows-3",T),q=({logs:s,taskRun:t,onBottomReached:n,virtualize:d=!0,className:h})=>{const c=r.useRef(null),i=r.useRef(s);i.current=s;const m=r.useCallback(a=>i.current[a]?.id??a,[]),o=O({count:s.length,getScrollElement:()=>c.current,estimateSize:()=>75,overscan:5,getItemKey:m}),g=r.useCallback(a=>{a&&o.measureElement(a)},[o]),x=d?o.getVirtualItems():Array.from({length:s.length},(a,l)=>({index:l,size:75,start:l*75})),u=x.at(-1)?.index;r.useEffect(()=>{u!==void 0&&u>=s.length-1&&n()},[s.length,u,n]);const p=a=>{if(a===0)return!0;const l=s[a-1],f=s[a];return!M(l.timestamp,f.timestamp)};return s.length===0?e.jsx("div",{className:"flex flex-col gap-2 bg-muted p-2 rounded-md font-mono",children:e.jsx("span",{className:"text-muted-foreground",children:"No logs found"})}):e.jsx("div",{ref:c,className:N("bg-muted rounded-md font-mono p-4 overflow-y-auto",h),role:"log",children:e.jsx("ol",{className:"relative",style:{height:`${o.getTotalSize()}px`},children:x.map(a=>{const l=s[a.index],f=p(a.index);return e.jsxs("li",{"data-index":a.index,ref:g,style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${a.start}px)`},children:[f&&e.jsx(H,{date:new Date(l.timestamp)}),e.jsx(_,{log:l,taskRunName:t?.name})]},l.id)})})})},_=({log:s,taskRunName:t})=>e.jsxs("div",{className:"grid grid-cols-[84px_minmax(0,1fr)_150px] gap-2 text-sm",children:[e.jsx("div",{children:e.jsx(A,{level:s.level})}),e.jsx("div",{className:"select-auto whitespace-pre-wrap break-words",children:s.message}),e.jsxs("div",{className:"text-xs grid grid-cols-1 gap-1 justify-items-end text-muted-foreground truncate",children:[e.jsx("span",{children:j(s.timestamp,"pp")}),t&&e.jsx("span",{children:t}),e.jsx("span",{className:"font-bold break-all whitespace-normal",children:s.name})]})]}),z=S("gap-1",{variants:{level:{CRITICAL:"bg-red-600 text-red-50 hover:bg-red-600",ERROR:"bg-red-600 text-red-50 hover:bg-red-600",WARNING:"bg-orange-600 text-orange-50 hover:bg-orange-600",INFO:"bg-sky-600 text-blue-50 hover:bg-sky-600",DEBUG:"bg-gray-700 text-gray-50 hover:bg-gray-700",CUSTOM:"bg-gray-700 text-gray-50 hover:bg-gray-700"}}}),A=({level:s})=>{const t=F(s);return e.jsx(C,{className:z({level:t}),children:t})};function F(s){const[t]=s.toString();switch(t){case"5":return"CRITICAL";case"4":return"ERROR";case"3":return"WARNING";case"2":return"INFO";case"1":return"DEBUG";default:return"CUSTOM"}}const H=({date:s})=>e.jsxs("div",{className:"flex flex-row justify-center items-center gap-2",children:[e.jsx("div",{className:"h-[1px] w-full bg-muted-foreground/30"}),e.jsx("span",{className:"text-xs text-muted-foreground whitespace-nowrap",children:j(s,"MMM d, yyyy")}),e.jsx("div",{className:"h-[1px] w-full bg-muted-foreground/30"})]}),J=({open:s,onOpenChange:t,currentState:n,label:d,onConfirm:h,isLoading:c=!1})=>{const[i,m]=r.useState(void 0),[o,g]=r.useState("");r.useEffect(()=>{s||(m(void 0),g(""))},[s]);const x=()=>{i&&h({type:i,message:o||void 0})},u=!i||c;return e.jsx(k,{open:s,onOpenChange:t,children:e.jsxs(D,{"aria-describedby":void 0,children:[e.jsx(R,{children:e.jsxs(w,{children:["Change ",d," State"]})}),e.jsxs("div",{className:"space-y-4",children:[n&&e.jsxs("div",{children:[e.jsx(v,{className:"mb-2 block",children:"Current State"}),e.jsx(I,{type:n.type,name:n.name})]}),e.jsxs("div",{children:[e.jsx(v,{htmlFor:"desired-state",className:"mb-2 block",children:"Desired State"}),e.jsx(B,{value:i,onValueChange:m,terminalOnly:!0})]}),e.jsxs("div",{children:[e.jsx(v,{htmlFor:"message",className:"mb-2 block",children:"Reason (Optional)"}),e.jsx(E,{id:"message",value:o,onChange:p=>g(p.target.value),placeholder:"State changed manually via UI"})]})]}),e.jsxs(L,{children:[e.jsx(b,{type:"button",variant:"outline",onClick:()=>t(!1),disabled:c,children:"Close"}),e.jsx(b,{type:"button",onClick:x,disabled:u,loading:c,children:"Change"})]})]})})},K=()=>{const[s,t]=r.useState(!1),n=r.useCallback(()=>t(!0),[]),d=r.useCallback(()=>t(!1),[]);return{open:s,onOpenChange:t,openDialog:n,closeDialog:d}};export{J as C,$ as R,q as a,K as u};
-//# sourceMappingURL=index-BhALpenO.js.map
+import{bH as y,aW as N,H as C,cq as S,_ as k,$ as D,a0 as R,a1 as w,i as v,aq as I,p as E,a3 as L,q as b}from"./index-BvSl3DKP.js";import{r,J as O,j as e}from"./vendor-tanstack-BK8oseNA.js";import{I as M,Z as j}from"./vendor-date-7GxEwcQM.js";import{S as B}from"./index-DODEq1Pi.js";const T=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]],W=y("rows-3",T),$=({logs:s,taskRun:t,onBottomReached:n,virtualize:d=!0,className:h})=>{const c=r.useRef(null),i=r.useRef(s);i.current=s;const m=r.useCallback(a=>i.current[a]?.id??a,[]),o=O({count:s.length,getScrollElement:()=>c.current,estimateSize:()=>75,overscan:5,getItemKey:m}),g=r.useCallback(a=>{a&&o.measureElement(a)},[o]),x=d?o.getVirtualItems():Array.from({length:s.length},(a,l)=>({index:l,size:75,start:l*75})),u=x.at(-1)?.index;r.useEffect(()=>{u!==void 0&&u>=s.length-1&&n()},[s.length,u,n]);const p=a=>{if(a===0)return!0;const l=s[a-1],f=s[a];return!M(l.timestamp,f.timestamp)};return s.length===0?e.jsx("div",{className:"flex flex-col gap-2 bg-muted p-2 rounded-md font-mono",children:e.jsx("span",{className:"text-muted-foreground",children:"No logs found"})}):e.jsx("div",{ref:c,className:N("bg-muted rounded-md font-mono p-4 overflow-y-auto",h),role:"log",children:e.jsx("ol",{className:"relative",style:{height:`${o.getTotalSize()}px`},children:x.map(a=>{const l=s[a.index],f=p(a.index);return e.jsxs("li",{"data-index":a.index,ref:g,style:{position:"absolute",top:0,left:0,width:"100%",transform:`translateY(${a.start}px)`},children:[f&&e.jsx(H,{date:new Date(l.timestamp)}),e.jsx(_,{log:l,taskRunName:t?.name})]},l.id)})})})},_=({log:s,taskRunName:t})=>e.jsxs("div",{className:"grid grid-cols-[84px_minmax(0,1fr)_150px] gap-2 text-sm",children:[e.jsx("div",{children:e.jsx(A,{level:s.level})}),e.jsx("div",{className:"select-auto whitespace-pre-wrap break-words",children:s.message}),e.jsxs("div",{className:"text-xs grid grid-cols-1 gap-1 justify-items-end text-muted-foreground truncate",children:[e.jsx("span",{children:j(s.timestamp,"pp")}),t&&e.jsx("span",{children:t}),e.jsx("span",{className:"font-bold break-all whitespace-normal",children:s.name})]})]}),z=S("gap-1",{variants:{level:{CRITICAL:"bg-red-600 text-red-50 hover:bg-red-600",ERROR:"bg-red-600 text-red-50 hover:bg-red-600",WARNING:"bg-orange-600 text-orange-50 hover:bg-orange-600",INFO:"bg-sky-600 text-blue-50 hover:bg-sky-600",DEBUG:"bg-gray-700 text-gray-50 hover:bg-gray-700",CUSTOM:"bg-gray-700 text-gray-50 hover:bg-gray-700"}}}),A=({level:s})=>{const t=F(s);return e.jsx(C,{className:z({level:t}),children:t})};function F(s){const[t]=s.toString();switch(t){case"5":return"CRITICAL";case"4":return"ERROR";case"3":return"WARNING";case"2":return"INFO";case"1":return"DEBUG";default:return"CUSTOM"}}const H=({date:s})=>e.jsxs("div",{className:"flex flex-row justify-center items-center gap-2",children:[e.jsx("div",{className:"h-[1px] w-full bg-muted-foreground/30"}),e.jsx("span",{className:"text-xs text-muted-foreground whitespace-nowrap",children:j(s,"MMM d, yyyy")}),e.jsx("div",{className:"h-[1px] w-full bg-muted-foreground/30"})]}),J=({open:s,onOpenChange:t,currentState:n,label:d,onConfirm:h,isLoading:c=!1})=>{const[i,m]=r.useState(void 0),[o,g]=r.useState("");r.useEffect(()=>{s||(m(void 0),g(""))},[s]);const x=()=>{i&&h({type:i,message:o||void 0})},u=!i||c;return e.jsx(k,{open:s,onOpenChange:t,children:e.jsxs(D,{"aria-describedby":void 0,children:[e.jsx(R,{children:e.jsxs(w,{children:["Change ",d," State"]})}),e.jsxs("div",{className:"space-y-4",children:[n&&e.jsxs("div",{children:[e.jsx(v,{className:"mb-2 block",children:"Current State"}),e.jsx(I,{type:n.type,name:n.name})]}),e.jsxs("div",{children:[e.jsx(v,{htmlFor:"desired-state",className:"mb-2 block",children:"Desired State"}),e.jsx(B,{value:i,onValueChange:m,terminalOnly:!0})]}),e.jsxs("div",{children:[e.jsx(v,{htmlFor:"message",className:"mb-2 block",children:"Reason (Optional)"}),e.jsx(E,{id:"message",value:o,onChange:p=>g(p.target.value),placeholder:"State changed manually via UI"})]})]}),e.jsxs(L,{children:[e.jsx(b,{type:"button",variant:"outline",onClick:()=>t(!1),disabled:c,children:"Close"}),e.jsx(b,{type:"button",onClick:x,disabled:u,loading:c,children:"Change"})]})]})})},K=()=>{const[s,t]=r.useState(!1),n=r.useCallback(()=>t(!0),[]),d=r.useCallback(()=>t(!1),[]);return{open:s,onOpenChange:t,openDialog:n,closeDialog:d}};export{J as C,W as R,$ as a,K as u};
+//# sourceMappingURL=index-CzCSgCK-.js.map

prefect/server/ui-v2/assets/{index-BhALpenO.js.map → index-CzCSgCK-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BhALpenO.js","sources":["../../node_modules/lucide-react/dist/esm/icons/rows-3.js","../../src/components/ui/run-logs/index.tsx","../../src/components/ui/change-state-dialog/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M21 9H3\", key: \"1338ky\" }],\n  [\"path\", { d: \"M21 15H3\", key: \"9uk58r\" }]\n];\nconst Rows3 = createLucideIcon(\"rows-3\", __iconNode);\n\nexport { __iconNode, Rows3 as default };\n//# sourceMappingURL=rows-3.js.map\n","import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cva } from \"class-variance-authority\";\nimport { isSameDay } from \"date-fns\";\nimport { format } from \"date-fns-tz\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { components } from \"@/api/prefect\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/utils\";\n\ntype RunLogsProps = {\n\tlogs: components[\"schemas\"][\"Log\"][];\n\ttaskRun?: components[\"schemas\"][\"TaskRun\"];\n\tonBottomReached: () => void;\n\tvirtualize?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Displays logs from a run in a virtualized list.\n *\n * @param logs - Array of log entries to display\n * @param taskRun - Optional task run information to display with logs\n * @param onBottomReached - Callback function triggered when the user scrolls to the bottom of the logs\n *\n */\nexport const RunLogs = ({\n\tlogs,\n\ttaskRun,\n\tonBottomReached,\n\tvirtualize = true,\n\tclassName,\n}: RunLogsProps) => {\n\tconst parentRef = useRef<HTMLDivElement>(null);\n\n\t// Use a ref to store logs for stable getItemKey callback\n\tconst logsRef = useRef(logs);\n\tlogsRef.current = logs;\n\n\tconst getItemKey = useCallback(\n\t\t(index: number) => logsRef.current[index]?.id ?? index,\n\t\t[],\n\t);\n\n\tconst virtualizer = useVirtualizer({\n\t\tcount: logs.length,\n\t\tgetScrollElement: () => parentRef.current,\n\t\testimateSize: () => 75,\n\t\toverscan: 5,\n\t\tgetItemKey,\n\t});\n\n\t// Wrap measureElement in a stable callback to prevent infinite re-renders\n\tconst measureElement = useCallback(\n\t\t(el: HTMLElement | null) => {\n\t\t\tif (el) {\n\t\t\t\tvirtualizer.measureElement(el);\n\t\t\t}\n\t\t},\n\t\t[virtualizer],\n\t);\n\n\tconst virtualItems = virtualize\n\t\t? virtualizer.getVirtualItems()\n\t\t: Array.from({ length: logs.length }, (_, i) => ({\n\t\t\t\tindex: i,\n\t\t\t\tsize: 75,\n\t\t\t\tstart: i * 75,\n\t\t\t}));\n\n\t// Get the last visible item index for stable effect dependency\n\tconst lastVisibleIndex = virtualItems.at(-1)?.index;\n\n\t/**\n\t * This effect detects when the user has scrolled to the bottom of the logs.\n\t * It works by checking if the last visible virtual item is also the last item in the logs array.\n\t * When this condition is met, it calls the bottomReached callback to potentially load more logs.\n\t */\n\tuseEffect(() => {\n\t\tif (lastVisibleIndex === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (lastVisibleIndex >= logs.length - 1) {\n\t\t\tonBottomReached();\n\t\t}\n\t}, [logs.length, lastVisibleIndex, onBottomReached]);\n\n\tconst showDivider = (index: number): boolean => {\n\t\tif (index === 0) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst previous = logs[index - 1];\n\t\tconst current = logs[index];\n\n\t\treturn !isSameDay(previous.timestamp, current.timestamp);\n\t};\n\n\tif (logs.length === 0) {\n\t\treturn (\n\t\t\t<div className=\"flex flex-col gap-2 bg-muted p-2 rounded-md font-mono\">\n\t\t\t\t<span className=\"text-muted-foreground\">No logs found</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={parentRef}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted rounded-md font-mono p-4 overflow-y-auto\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\trole=\"log\"\n\t\t>\n\t\t\t<ol\n\t\t\t\tclassName=\"relative\"\n\t\t\t\tstyle={{\n\t\t\t\t\theight: `${virtualizer.getTotalSize()}px`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{virtualItems.map((virtualRow) => {\n\t\t\t\t\tconst log = logs[virtualRow.index];\n\t\t\t\t\tconst shouldShowDivider = showDivider(virtualRow.index);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={log.id}\n\t\t\t\t\t\t\tdata-index={virtualRow.index}\n\t\t\t\t\t\t\tref={measureElement}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\ttransform: `translateY(${virtualRow.start}px)`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{shouldShowDivider && (\n\t\t\t\t\t\t\t\t<LogDivider date={new Date(log.timestamp)} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<RunLogRow log={log} taskRunName={taskRun?.name} />\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n};\n\ntype RunLogRowProps = {\n\tlog: components[\"schemas\"][\"Log\"];\n\ttaskRunName?: string;\n};\n\nconst RunLogRow = ({ log, taskRunName }: RunLogRowProps) => {\n\treturn (\n\t\t<div className=\"grid grid-cols-[84px_minmax(0,1fr)_150px] gap-2 text-sm\">\n\t\t\t<div>\n\t\t\t\t<LogLevelBadge level={log.level} />\n\t\t\t</div>\n\t\t\t<div className=\"select-auto whitespace-pre-wrap break-words\">\n\t\t\t\t{log.message}\n\t\t\t</div>\n\t\t\t<div className=\"text-xs grid grid-cols-1 gap-1 justify-items-end text-muted-foreground truncate\">\n\t\t\t\t<span>{format(log.timestamp, \"pp\")}</span>\n\t\t\t\t{taskRunName && <span>{taskRunName}</span>}\n\t\t\t\t<span className=\"font-bold break-all whitespace-normal\">\n\t\t\t\t\t{log.name}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst logLevelBadgeVariants = cva(\"gap-1\", {\n\tvariants: {\n\t\tlevel: {\n\t\t\tCRITICAL: \"bg-red-600 text-red-50 hover:bg-red-600\",\n\t\t\tERROR: \"bg-red-600 text-red-50 hover:bg-red-600\",\n\t\t\tWARNING: \"bg-orange-600 text-orange-50 hover:bg-orange-600\",\n\t\t\tINFO: \"bg-sky-600 text-blue-50 hover:bg-sky-600\",\n\t\t\tDEBUG: \"bg-gray-700 text-gray-50 hover:bg-gray-700\",\n\t\t\tCUSTOM: \"bg-gray-700 text-gray-50 hover:bg-gray-700\",\n\t\t} satisfies Record<LogLevel, string>,\n\t},\n});\n\nexport const LogLevelBadge = ({ level }: { level: number }) => {\n\tconst levelLabel = logLevelLabel(level);\n\treturn (\n\t\t<Badge className={logLevelBadgeVariants({ level: levelLabel })}>\n\t\t\t{levelLabel}\n\t\t</Badge>\n\t);\n};\n\ntype LogLevel = \"CRITICAL\" | \"ERROR\" | \"WARNING\" | \"INFO\" | \"DEBUG\" | \"CUSTOM\";\n\nfunction logLevelLabel(level: number): LogLevel {\n\tconst [first] = level.toString();\n\n\tswitch (first) {\n\t\tcase \"5\":\n\t\t\treturn \"CRITICAL\";\n\t\tcase \"4\":\n\t\t\treturn \"ERROR\";\n\t\tcase \"3\":\n\t\t\treturn \"WARNING\";\n\t\tcase \"2\":\n\t\t\treturn \"INFO\";\n\t\tcase \"1\":\n\t\t\treturn \"DEBUG\";\n\t\tdefault:\n\t\t\treturn \"CUSTOM\";\n\t}\n}\n\nconst LogDivider = ({ date }: { date: Date }) => {\n\treturn (\n\t\t<div className=\"flex flex-row justify-center items-center gap-2\">\n\t\t\t<div className=\"h-[1px] w-full bg-muted-foreground/30\" />\n\t\t\t<span className=\"text-xs text-muted-foreground whitespace-nowrap\">\n\t\t\t\t{format(date, \"MMM d, yyyy\")}\n\t\t\t</span>\n\t\t\t<div className=\"h-[1px] w-full bg-muted-foreground/30\" />\n\t\t</div>\n\t);\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport type { components } from \"@/api/prefect\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogTitle,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { StateBadge } from \"@/components/ui/state-badge\";\nimport { StateSelect } from \"@/components/ui/state-select\";\n\ntype StateType = components[\"schemas\"][\"StateType\"];\n\nexport type ChangeStateDialogProps = {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\tcurrentState: { type: string; name: string } | null;\n\tlabel: string;\n\tonConfirm: (newState: { type: string; message?: string }) => void;\n\tisLoading?: boolean;\n};\n\nexport const ChangeStateDialog = ({\n\topen,\n\tonOpenChange,\n\tcurrentState,\n\tlabel,\n\tonConfirm,\n\tisLoading = false,\n}: ChangeStateDialogProps) => {\n\tconst [selectedState, setSelectedState] = useState<StateType | undefined>(\n\t\tundefined,\n\t);\n\tconst [message, setMessage] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\tsetSelectedState(undefined);\n\t\t\tsetMessage(\"\");\n\t\t}\n\t}, [open]);\n\n\tconst handleConfirm = () => {\n\t\tif (selectedState) {\n\t\t\tonConfirm({\n\t\t\t\ttype: selectedState,\n\t\t\t\tmessage: message || undefined,\n\t\t\t});\n\t\t}\n\t};\n\n\tconst isConfirmDisabled = !selectedState || isLoading;\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogContent aria-describedby={undefined}>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Change {label} State</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t{currentState && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Label className=\"mb-2 block\">Current State</Label>\n\t\t\t\t\t\t\t<StateBadge\n\t\t\t\t\t\t\t\ttype={currentState.type as StateType}\n\t\t\t\t\t\t\t\tname={currentState.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label htmlFor=\"desired-state\" className=\"mb-2 block\">\n\t\t\t\t\t\t\tDesired State\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t<StateSelect\n\t\t\t\t\t\t\tvalue={selectedState}\n\t\t\t\t\t\t\tonValueChange={setSelectedState}\n\t\t\t\t\t\t\tterminalOnly\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label htmlFor=\"message\" className=\"mb-2 block\">\n\t\t\t\t\t\t\tReason (Optional)\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tid=\"message\"\n\t\t\t\t\t\t\tvalue={message}\n\t\t\t\t\t\t\tonChange={(e) => setMessage(e.target.value)}\n\t\t\t\t\t\t\tplaceholder=\"State changed manually via UI\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tonClick={() => onOpenChange(false)}\n\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\tClose\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\tdisabled={isConfirmDisabled}\n\t\t\t\t\t\tloading={isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\tChange\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n};\n\nexport type UseChangeStateDialogResult = {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\topenDialog: () => void;\n\tcloseDialog: () => void;\n};\n\nexport const useChangeStateDialog = (): UseChangeStateDialogResult => {\n\tconst [open, setOpen] = useState(false);\n\n\tconst openDialog = useCallback(() => setOpen(true), []);\n\tconst closeDialog = useCallback(() => setOpen(false), []);\n\n\treturn {\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\topenDialog,\n\t\tcloseDialog,\n\t};\n};\n"],"names":["__iconNode","Rows3","createLucideIcon","RunLogs","logs","taskRun","onBottomReached","virtualize","className","parentRef","useRef","logsRef","getItemKey","useCallback","index","virtualizer","useVirtualizer","measureElement","el","virtualItems","_","i","lastVisibleIndex","useEffect","showDivider","previous","current","isSameDay","jsx","cn","virtualRow","log","shouldShowDivider","jsxs","LogDivider","RunLogRow","taskRunName","LogLevelBadge","format","logLevelBadgeVariants","cva","level","levelLabel","logLevelLabel","Badge","first","date","ChangeStateDialog","open","onOpenChange","currentState","label","onConfirm","isLoading","selectedState","setSelectedState","useState","message","setMessage","handleConfirm","isConfirmDisabled","Dialog","DialogContent","DialogHeader","DialogTitle","Label","StateBadge","StateSelect","Input","e","DialogFooter","Button","useChangeStateDialog","setOpen","openDialog","closeDialog"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index-CzCSgCK-.js","sources":["../../node_modules/lucide-react/dist/esm/icons/rows-3.js","../../src/components/ui/run-logs/index.tsx","../../src/components/ui/change-state-dialog/index.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.562.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"rect\", { width: \"18\", height: \"18\", x: \"3\", y: \"3\", rx: \"2\", key: \"afitv7\" }],\n  [\"path\", { d: \"M21 9H3\", key: \"1338ky\" }],\n  [\"path\", { d: \"M21 15H3\", key: \"9uk58r\" }]\n];\nconst Rows3 = createLucideIcon(\"rows-3\", __iconNode);\n\nexport { __iconNode, Rows3 as default };\n//# sourceMappingURL=rows-3.js.map\n","import { useVirtualizer } from \"@tanstack/react-virtual\";\nimport { cva } from \"class-variance-authority\";\nimport { isSameDay } from \"date-fns\";\nimport { format } from \"date-fns-tz\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport type { components } from \"@/api/prefect\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/utils\";\n\ntype RunLogsProps = {\n\tlogs: components[\"schemas\"][\"Log\"][];\n\ttaskRun?: components[\"schemas\"][\"TaskRun\"];\n\tonBottomReached: () => void;\n\tvirtualize?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Displays logs from a run in a virtualized list.\n *\n * @param logs - Array of log entries to display\n * @param taskRun - Optional task run information to display with logs\n * @param onBottomReached - Callback function triggered when the user scrolls to the bottom of the logs\n *\n */\nexport const RunLogs = ({\n\tlogs,\n\ttaskRun,\n\tonBottomReached,\n\tvirtualize = true,\n\tclassName,\n}: RunLogsProps) => {\n\tconst parentRef = useRef<HTMLDivElement>(null);\n\n\t// Use a ref to store logs for stable getItemKey callback\n\tconst logsRef = useRef(logs);\n\tlogsRef.current = logs;\n\n\tconst getItemKey = useCallback(\n\t\t(index: number) => logsRef.current[index]?.id ?? index,\n\t\t[],\n\t);\n\n\tconst virtualizer = useVirtualizer({\n\t\tcount: logs.length,\n\t\tgetScrollElement: () => parentRef.current,\n\t\testimateSize: () => 75,\n\t\toverscan: 5,\n\t\tgetItemKey,\n\t});\n\n\t// Wrap measureElement in a stable callback to prevent infinite re-renders\n\tconst measureElement = useCallback(\n\t\t(el: HTMLElement | null) => {\n\t\t\tif (el) {\n\t\t\t\tvirtualizer.measureElement(el);\n\t\t\t}\n\t\t},\n\t\t[virtualizer],\n\t);\n\n\tconst virtualItems = virtualize\n\t\t? virtualizer.getVirtualItems()\n\t\t: Array.from({ length: logs.length }, (_, i) => ({\n\t\t\t\tindex: i,\n\t\t\t\tsize: 75,\n\t\t\t\tstart: i * 75,\n\t\t\t}));\n\n\t// Get the last visible item index for stable effect dependency\n\tconst lastVisibleIndex = virtualItems.at(-1)?.index;\n\n\t/**\n\t * This effect detects when the user has scrolled to the bottom of the logs.\n\t * It works by checking if the last visible virtual item is also the last item in the logs array.\n\t * When this condition is met, it calls the bottomReached callback to potentially load more logs.\n\t */\n\tuseEffect(() => {\n\t\tif (lastVisibleIndex === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (lastVisibleIndex >= logs.length - 1) {\n\t\t\tonBottomReached();\n\t\t}\n\t}, [logs.length, lastVisibleIndex, onBottomReached]);\n\n\tconst showDivider = (index: number): boolean => {\n\t\tif (index === 0) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst previous = logs[index - 1];\n\t\tconst current = logs[index];\n\n\t\treturn !isSameDay(previous.timestamp, current.timestamp);\n\t};\n\n\tif (logs.length === 0) {\n\t\treturn (\n\t\t\t<div className=\"flex flex-col gap-2 bg-muted p-2 rounded-md font-mono\">\n\t\t\t\t<span className=\"text-muted-foreground\">No logs found</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={parentRef}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted rounded-md font-mono p-4 overflow-y-auto\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\trole=\"log\"\n\t\t>\n\t\t\t<ol\n\t\t\t\tclassName=\"relative\"\n\t\t\t\tstyle={{\n\t\t\t\t\theight: `${virtualizer.getTotalSize()}px`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{virtualItems.map((virtualRow) => {\n\t\t\t\t\tconst log = logs[virtualRow.index];\n\t\t\t\t\tconst shouldShowDivider = showDivider(virtualRow.index);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={log.id}\n\t\t\t\t\t\t\tdata-index={virtualRow.index}\n\t\t\t\t\t\t\tref={measureElement}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\ttransform: `translateY(${virtualRow.start}px)`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{shouldShowDivider && (\n\t\t\t\t\t\t\t\t<LogDivider date={new Date(log.timestamp)} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<RunLogRow log={log} taskRunName={taskRun?.name} />\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</ol>\n\t\t</div>\n\t);\n};\n\ntype RunLogRowProps = {\n\tlog: components[\"schemas\"][\"Log\"];\n\ttaskRunName?: string;\n};\n\nconst RunLogRow = ({ log, taskRunName }: RunLogRowProps) => {\n\treturn (\n\t\t<div className=\"grid grid-cols-[84px_minmax(0,1fr)_150px] gap-2 text-sm\">\n\t\t\t<div>\n\t\t\t\t<LogLevelBadge level={log.level} />\n\t\t\t</div>\n\t\t\t<div className=\"select-auto whitespace-pre-wrap break-words\">\n\t\t\t\t{log.message}\n\t\t\t</div>\n\t\t\t<div className=\"text-xs grid grid-cols-1 gap-1 justify-items-end text-muted-foreground truncate\">\n\t\t\t\t<span>{format(log.timestamp, \"pp\")}</span>\n\t\t\t\t{taskRunName && <span>{taskRunName}</span>}\n\t\t\t\t<span className=\"font-bold break-all whitespace-normal\">\n\t\t\t\t\t{log.name}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nconst logLevelBadgeVariants = cva(\"gap-1\", {\n\tvariants: {\n\t\tlevel: {\n\t\t\tCRITICAL: \"bg-red-600 text-red-50 hover:bg-red-600\",\n\t\t\tERROR: \"bg-red-600 text-red-50 hover:bg-red-600\",\n\t\t\tWARNING: \"bg-orange-600 text-orange-50 hover:bg-orange-600\",\n\t\t\tINFO: \"bg-sky-600 text-blue-50 hover:bg-sky-600\",\n\t\t\tDEBUG: \"bg-gray-700 text-gray-50 hover:bg-gray-700\",\n\t\t\tCUSTOM: \"bg-gray-700 text-gray-50 hover:bg-gray-700\",\n\t\t} satisfies Record<LogLevel, string>,\n\t},\n});\n\nexport const LogLevelBadge = ({ level }: { level: number }) => {\n\tconst levelLabel = logLevelLabel(level);\n\treturn (\n\t\t<Badge className={logLevelBadgeVariants({ level: levelLabel })}>\n\t\t\t{levelLabel}\n\t\t</Badge>\n\t);\n};\n\ntype LogLevel = \"CRITICAL\" | \"ERROR\" | \"WARNING\" | \"INFO\" | \"DEBUG\" | \"CUSTOM\";\n\nfunction logLevelLabel(level: number): LogLevel {\n\tconst [first] = level.toString();\n\n\tswitch (first) {\n\t\tcase \"5\":\n\t\t\treturn \"CRITICAL\";\n\t\tcase \"4\":\n\t\t\treturn \"ERROR\";\n\t\tcase \"3\":\n\t\t\treturn \"WARNING\";\n\t\tcase \"2\":\n\t\t\treturn \"INFO\";\n\t\tcase \"1\":\n\t\t\treturn \"DEBUG\";\n\t\tdefault:\n\t\t\treturn \"CUSTOM\";\n\t}\n}\n\nconst LogDivider = ({ date }: { date: Date }) => {\n\treturn (\n\t\t<div className=\"flex flex-row justify-center items-center gap-2\">\n\t\t\t<div className=\"h-[1px] w-full bg-muted-foreground/30\" />\n\t\t\t<span className=\"text-xs text-muted-foreground whitespace-nowrap\">\n\t\t\t\t{format(date, \"MMM d, yyyy\")}\n\t\t\t</span>\n\t\t\t<div className=\"h-[1px] w-full bg-muted-foreground/30\" />\n\t\t</div>\n\t);\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport type { components } from \"@/api/prefect\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogTitle,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport { StateBadge } from \"@/components/ui/state-badge\";\nimport { StateSelect } from \"@/components/ui/state-select\";\n\ntype StateType = components[\"schemas\"][\"StateType\"];\n\nexport type ChangeStateDialogProps = {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\tcurrentState: { type: string; name: string } | null;\n\tlabel: string;\n\tonConfirm: (newState: { type: string; message?: string }) => void;\n\tisLoading?: boolean;\n};\n\nexport const ChangeStateDialog = ({\n\topen,\n\tonOpenChange,\n\tcurrentState,\n\tlabel,\n\tonConfirm,\n\tisLoading = false,\n}: ChangeStateDialogProps) => {\n\tconst [selectedState, setSelectedState] = useState<StateType | undefined>(\n\t\tundefined,\n\t);\n\tconst [message, setMessage] = useState(\"\");\n\n\tuseEffect(() => {\n\t\tif (!open) {\n\t\t\tsetSelectedState(undefined);\n\t\t\tsetMessage(\"\");\n\t\t}\n\t}, [open]);\n\n\tconst handleConfirm = () => {\n\t\tif (selectedState) {\n\t\t\tonConfirm({\n\t\t\t\ttype: selectedState,\n\t\t\t\tmessage: message || undefined,\n\t\t\t});\n\t\t}\n\t};\n\n\tconst isConfirmDisabled = !selectedState || isLoading;\n\n\treturn (\n\t\t<Dialog open={open} onOpenChange={onOpenChange}>\n\t\t\t<DialogContent aria-describedby={undefined}>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Change {label} State</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"space-y-4\">\n\t\t\t\t\t{currentState && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Label className=\"mb-2 block\">Current State</Label>\n\t\t\t\t\t\t\t<StateBadge\n\t\t\t\t\t\t\t\ttype={currentState.type as StateType}\n\t\t\t\t\t\t\t\tname={currentState.name}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label htmlFor=\"desired-state\" className=\"mb-2 block\">\n\t\t\t\t\t\t\tDesired State\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t<StateSelect\n\t\t\t\t\t\t\tvalue={selectedState}\n\t\t\t\t\t\t\tonValueChange={setSelectedState}\n\t\t\t\t\t\t\tterminalOnly\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label htmlFor=\"message\" className=\"mb-2 block\">\n\t\t\t\t\t\t\tReason (Optional)\n\t\t\t\t\t\t</Label>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tid=\"message\"\n\t\t\t\t\t\t\tvalue={message}\n\t\t\t\t\t\t\tonChange={(e) => setMessage(e.target.value)}\n\t\t\t\t\t\t\tplaceholder=\"State changed manually via UI\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<DialogFooter>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tonClick={() => onOpenChange(false)}\n\t\t\t\t\t\tdisabled={isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\tClose\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={handleConfirm}\n\t\t\t\t\t\tdisabled={isConfirmDisabled}\n\t\t\t\t\t\tloading={isLoading}\n\t\t\t\t\t>\n\t\t\t\t\t\tChange\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n};\n\nexport type UseChangeStateDialogResult = {\n\topen: boolean;\n\tonOpenChange: (open: boolean) => void;\n\topenDialog: () => void;\n\tcloseDialog: () => void;\n};\n\nexport const useChangeStateDialog = (): UseChangeStateDialogResult => {\n\tconst [open, setOpen] = useState(false);\n\n\tconst openDialog = useCallback(() => setOpen(true), []);\n\tconst closeDialog = useCallback(() => setOpen(false), []);\n\n\treturn {\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\topenDialog,\n\t\tcloseDialog,\n\t};\n};\n"],"names":["__iconNode","Rows3","createLucideIcon","RunLogs","logs","taskRun","onBottomReached","virtualize","className","parentRef","useRef","logsRef","getItemKey","useCallback","index","virtualizer","useVirtualizer","measureElement","el","virtualItems","_","i","lastVisibleIndex","useEffect","showDivider","previous","current","isSameDay","jsx","cn","virtualRow","log","shouldShowDivider","jsxs","LogDivider","RunLogRow","taskRunName","LogLevelBadge","format","logLevelBadgeVariants","cva","level","levelLabel","logLevelLabel","Badge","first","date","ChangeStateDialog","open","onOpenChange","currentState","label","onConfirm","isLoading","selectedState","setSelectedState","useState","message","setMessage","handleConfirm","isConfirmDisabled","Dialog","DialogContent","DialogHeader","DialogTitle","Label","StateBadge","StateSelect","Input","e","DialogFooter","Button","useChangeStateDialog","setOpen","openDialog","closeDialog"],"mappings":"2RASA,MAAMA,EAAa,CACjB,CAAC,OAAQ,CAAE,MAAO,KAAM,OAAQ,KAAM,EAAG,IAAK,EAAG,IAAK,GAAI,IAAK,IAAK,QAAQ,CAAE,EAC9E,CAAC,OAAQ,CAAE,EAAG,UAAW,IAAK,QAAQ,CAAE,EACxC,CAAC,OAAQ,CAAE,EAAG,WAAY,IAAK,QAAQ,CAAE,CAC3C,EACMC,EAAQC,EAAiB,SAAUF,CAAU,ECWtCG,EAAU,CAAC,CACvB,KAAAC,EACA,QAAAC,EACA,gBAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,CACD,IAAoB,CACnB,MAAMC,EAAYC,EAAAA,OAAuB,IAAI,EAGvCC,EAAUD,EAAAA,OAAON,CAAI,EAC3BO,EAAQ,QAAUP,EAElB,MAAMQ,EAAaC,EAAAA,YACjBC,GAAkBH,EAAQ,QAAQG,CAAK,GAAG,IAAMA,EACjD,CAAA,CAAC,EAGIC,EAAcC,EAAe,CAClC,MAAOZ,EAAK,OACZ,iBAAkB,IAAMK,EAAU,QAClC,aAAc,IAAM,GACpB,SAAU,EACV,WAAAG,CAAA,CACA,EAGKK,EAAiBJ,EAAAA,YACrBK,GAA2B,CACvBA,GACHH,EAAY,eAAeG,CAAE,CAE/B,EACA,CAACH,CAAW,CAAA,EAGPI,EAAeZ,EAClBQ,EAAY,gBAAA,EACZ,MAAM,KAAK,CAAE,OAAQX,EAAK,MAAA,EAAU,CAACgB,EAAGC,KAAO,CAC/C,MAAOA,EACP,KAAM,GACN,MAAOA,EAAI,EAAA,EACV,EAGEC,EAAmBH,EAAa,GAAG,EAAE,GAAG,MAO9CI,EAAAA,UAAU,IAAM,CACXD,IAAqB,QAIrBA,GAAoBlB,EAAK,OAAS,GACrCE,EAAA,CAEF,EAAG,CAACF,EAAK,OAAQkB,EAAkBhB,CAAe,CAAC,EAEnD,MAAMkB,EAAeV,GAA2B,CAC/C,GAAIA,IAAU,EACb,MAAO,GAGR,MAAMW,EAAWrB,EAAKU,EAAQ,CAAC,EACzBY,EAAUtB,EAAKU,CAAK,EAE1B,MAAO,CAACa,EAAUF,EAAS,UAAWC,EAAQ,SAAS,CACxD,EAEA,OAAItB,EAAK,SAAW,EAElBwB,EAAAA,IAAC,OAAI,UAAU,wDACd,eAAC,OAAA,CAAK,UAAU,wBAAwB,SAAA,eAAA,CAAa,CAAA,CACtD,EAKDA,EAAAA,IAAC,MAAA,CACA,IAAKnB,EACL,UAAWoB,EACV,oDACArB,CAAA,EAED,KAAK,MAEL,SAAAoB,EAAAA,IAAC,KAAA,CACA,UAAU,WACV,MAAO,CACN,OAAQ,GAAGb,EAAY,aAAA,CAAc,IAAA,EAGrC,SAAAI,EAAa,IAAKW,GAAe,CACjC,MAAMC,EAAM3B,EAAK0B,EAAW,KAAK,EAC3BE,EAAoBR,EAAYM,EAAW,KAAK,EAEtD,OACCG,EAAAA,KAAC,KAAA,CAEA,aAAYH,EAAW,MACvB,IAAKb,EACL,MAAO,CACN,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,OACP,UAAW,cAAca,EAAW,KAAK,KAAA,EAGzC,SAAA,CAAAE,SACCE,EAAA,CAAW,KAAM,IAAI,KAAKH,EAAI,SAAS,EAAG,EAE5CH,EAAAA,IAACO,EAAA,CAAU,IAAAJ,EAAU,YAAa1B,GAAS,IAAA,CAAM,CAAA,CAAA,EAd5C0B,EAAI,EAAA,CAiBZ,CAAC,CAAA,CAAA,CACF,CAAA,CAGH,EAOMI,EAAY,CAAC,CAAE,IAAAJ,EAAK,YAAAK,KAExBH,EAAAA,KAAC,MAAA,CAAI,UAAU,0DACd,SAAA,CAAAL,EAAAA,IAAC,OACA,SAAAA,MAACS,EAAA,CAAc,MAAON,EAAI,MAAO,EAClC,EACAH,EAAAA,IAAC,MAAA,CAAI,UAAU,8CACb,WAAI,QACN,EACAK,EAAAA,KAAC,MAAA,CAAI,UAAU,kFACd,SAAA,CAAAL,MAAC,OAAA,CAAM,SAAAU,EAAOP,EAAI,UAAW,IAAI,EAAE,EAClCK,GAAeR,EAAAA,IAAC,OAAA,CAAM,SAAAQ,CAAA,CAAY,EACnCR,EAAAA,IAAC,OAAA,CAAK,UAAU,wCACd,WAAI,IAAA,CACN,CAAA,CAAA,CACD,CAAA,EACD,EAIIW,EAAwBC,EAAI,QAAS,CAC1C,SAAU,CACT,MAAO,CACN,SAAU,0CACV,MAAO,0CACP,QAAS,mDACT,KAAM,2CACN,MAAO,6CACP,OAAQ,4CAAA,CACT,CAEF,CAAC,EAEYH,EAAgB,CAAC,CAAE,MAAAI,KAA+B,CAC9D,MAAMC,EAAaC,EAAcF,CAAK,EACtC,OACCb,MAACgB,GAAM,UAAWL,EAAsB,CAAE,MAAOG,CAAA,CAAY,EAC3D,SAAAA,CAAA,CACF,CAEF,EAIA,SAASC,EAAcF,EAAyB,CAC/C,KAAM,CAACI,CAAK,EAAIJ,EAAM,SAAA,EAEtB,OAAQI,EAAA,CACP,IAAK,IACJ,MAAO,WACR,IAAK,IACJ,MAAO,QACR,IAAK,IACJ,MAAO,UACR,IAAK,IACJ,MAAO,OACR,IAAK,IACJ,MAAO,QACR,QACC,MAAO,QAAA,CAEV,CAEA,MAAMX,EAAa,CAAC,CAAE,KAAAY,KAEpBb,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACd,SAAA,CAAAL,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,QACtD,OAAA,CAAK,UAAU,kDACd,SAAAU,EAAOQ,EAAM,aAAa,EAC5B,EACAlB,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAA,CAAwC,CAAA,EACxD,ECxMWmB,EAAoB,CAAC,CACjC,KAAAC,EACA,aAAAC,EACA,aAAAC,EACA,MAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,EACb,IAA8B,CAC7B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SACzC,MAAA,EAEK,CAACC,EAASC,CAAU,EAAIF,EAAAA,SAAS,EAAE,EAEzCjC,EAAAA,UAAU,IAAM,CACVyB,IACJO,EAAiB,MAAS,EAC1BG,EAAW,EAAE,EAEf,EAAG,CAACV,CAAI,CAAC,EAET,MAAMW,EAAgB,IAAM,CACvBL,GACHF,EAAU,CACT,KAAME,EACN,QAASG,GAAW,MAAA,CACpB,CAEH,EAEMG,EAAoB,CAACN,GAAiBD,EAE5C,aACEQ,EAAA,CAAO,KAAAb,EAAY,aAAAC,EACnB,SAAAhB,EAAAA,KAAC6B,EAAA,CAAc,mBAAkB,OAChC,SAAA,CAAAlC,EAAAA,IAACmC,EAAA,CACA,gBAACC,EAAA,CAAY,SAAA,CAAA,UAAQb,EAAM,QAAA,CAAA,CAAM,CAAA,CAClC,EAEAlB,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAiB,UACC,MAAA,CACA,SAAA,CAAAtB,EAAAA,IAACqC,EAAA,CAAM,UAAU,aAAa,SAAA,gBAAa,EAC3CrC,EAAAA,IAACsC,EAAA,CACA,KAAMhB,EAAa,KACnB,KAAMA,EAAa,IAAA,CAAA,CACpB,EACD,SAGA,MAAA,CACA,SAAA,CAAAtB,MAACqC,EAAA,CAAM,QAAQ,gBAAgB,UAAU,aAAa,SAAA,gBAEtD,EACArC,EAAAA,IAACuC,EAAA,CACA,MAAOb,EACP,cAAeC,EACf,aAAY,EAAA,CAAA,CACb,EACD,SAEC,MAAA,CACA,SAAA,CAAA3B,MAACqC,EAAA,CAAM,QAAQ,UAAU,UAAU,aAAa,SAAA,oBAEhD,EACArC,EAAAA,IAACwC,EAAA,CACA,GAAG,UACH,MAAOX,EACP,SAAWY,GAAMX,EAAWW,EAAE,OAAO,KAAK,EAC1C,YAAY,+BAAA,CAAA,CACb,CAAA,CACD,CAAA,EACD,SAECC,EAAA,CACA,SAAA,CAAA1C,EAAAA,IAAC2C,EAAA,CACA,KAAK,SACL,QAAQ,UACR,QAAS,IAAMtB,EAAa,EAAK,EACjC,SAAUI,EACV,SAAA,OAAA,CAAA,EAGDzB,EAAAA,IAAC2C,EAAA,CACA,KAAK,SACL,QAASZ,EACT,SAAUC,EACV,QAASP,EACT,SAAA,QAAA,CAAA,CAED,CAAA,CACD,CAAA,CAAA,CACD,CAAA,CACD,CAEF,EASamB,EAAuB,IAAkC,CACrE,KAAM,CAACxB,EAAMyB,CAAO,EAAIjB,EAAAA,SAAS,EAAK,EAEhCkB,EAAa7D,EAAAA,YAAY,IAAM4D,EAAQ,EAAI,EAAG,CAAA,CAAE,EAChDE,EAAc9D,EAAAA,YAAY,IAAM4D,EAAQ,EAAK,EAAG,CAAA,CAAE,EAExD,MAAO,CACN,KAAAzB,EACA,aAAcyB,EACd,WAAAC,EACA,YAAAC,CAAA,CAEF","x_google_ignoreList":[0]}

prefect/server/ui-v2/assets/{index-Dg_duvDx.js → index-D5v9S-lB.js}

@@ -1,2 +1,2 @@
-import{r as c,j as e,B as J,C as L,D as P,E as H}from"./vendor-tanstack-BK8oseNA.js";import{Q as B,T as Q,U as Z,L as R,V as q,q as E,I as F,y as h,N as G,O as X,S as Y,a as $,b as K,c as W,e as y,X as ee,E as ae,t as se,v as te,w as ne,x as re,D as le,Y as oe,Z as ie,_ as ce,$ as de,a0 as ue,a1 as me,a2 as ge,p as pe,a3 as he,a4 as xe,a5 as p,a6 as je,a7 as T}from"./index-D5RdrxkU.js";import{D as fe}from"./data-table-Bx1uYX_M.js";import{T as U}from"./tags-input-BLzMOTDb.js";import{D as be,a as ve,b as Ce,c as Se,d as C}from"./dropdown-menu-e0Fqb6aw.js";import{u as Ve}from"./use-is-overflowing-Bv_2pq2B.js";import{V as De}from"./header-DwagHBlF.js";import{a as ye}from"./zod-DgSl2Nua.js";import{c as Ne,o as Ee,s as A}from"./vendor-forms-DxqqmhL5.js";import{F as Ae,a as N,b as k,c as w,d as M,e as I}from"./form-DNerk3LS.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-date-7GxEwcQM.js";import"./table-ULfpXJXB.js";const ke=({row:a,onVariableEdit:t})=>{const s=a.original.id,{deleteVariable:n}=q();if(!s)return null;const r=()=>{n(s,{onSuccess:()=>{h.success("Variable deleted")}})};return e.jsx("div",{className:"flex flex-row justify-end",children:e.jsxs(be,{children:[e.jsx(ve,{asChild:!0,children:e.jsxs(E,{variant:"outline",className:"size-8 p-0",children:[e.jsx("span",{className:"sr-only",children:"Open menu"}),e.jsx(F,{id:"MoreVertical",className:"size-4"})]})}),e.jsxs(Ce,{align:"end",children:[e.jsx(Se,{children:"Actions"}),e.jsx(C,{onClick:()=>{navigator.clipboard.writeText(s),h.success("ID copied")},children:"Copy ID"}),e.jsx(C,{onClick:()=>{navigator.clipboard.writeText(a.original.name),h.success("Name copied")},children:"Copy Name"}),e.jsx(C,{onClick:()=>{const l=typeof a.original.value!="string"?JSON.stringify(a.original.value):a.original.value;l&&(navigator.clipboard.writeText(l),h.success("Value copied"))},children:"Copy Value"}),e.jsx(C,{onClick:()=>t(a.original),children:"Edit"}),e.jsx(C,{onClick:r,children:"Delete"})]})]})})},we=a=>{const t=a.getValue(),s=c.useRef(null),n=Ve(s);return t?e.jsxs(B,{open:n?void 0:!1,children:[e.jsx(Q,{asChild:!0,children:e.jsx("code",{ref:s,className:"px-2 py-1 font-mono text-sm text-ellipsis overflow-hidden whitespace-nowrap block",children:JSON.stringify(t,null,2)})}),e.jsx(Z,{className:"p-0",children:e.jsx(R,{value:JSON.stringify(t,null,2),disabled:!0})})]}):null},S=J(),Me=a=>[S.accessor("name",{header:"Name"}),S.accessor("value",{header:"Value",cell:we}),S.accessor("updated",{header:"Updated",cell:t=>{const s=t.getValue();return s?new Date(s??new Date).toLocaleString(void 0,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!0}).replace(",",""):null}}),S.accessor("tags",{header:()=>null,cell:t=>{const s=t.getValue();return s?e.jsx(ee,{tags:s,maxTagsDisplayed:3}):null}}),S.display({id:"actions",cell:t=>e.jsx(ke,{...t,onVariableEdit:a})})],Ie=({variables:a,currentVariableCount:t,pagination:s,onPaginationChange:n,columnFilters:r,onColumnFiltersChange:l,sorting:u,onSortingChange:m,onVariableEdit:d})=>{const x=c.useMemo(()=>Me(d),[d]),j=r.find(i=>i.id==="name")?.value,f=r.find(i=>i.id==="tags")?.value,o=c.useCallback(i=>{const g=r.filter(D=>D.id!=="name");l(i?[...g,{id:"name",value:i}]:g)},[l,r]),V=c.useCallback(i=>{const g=Array.isArray(i)?i:i.target.value,D=r.filter(z=>z.id!=="tags");l(g.length?[...D,{id:"tags",value:g}]:D)},[l,r]),b=c.useCallback(i=>{let g=s;typeof i=="function"?g=i(s):g=i,n(g)},[s,n]),v=L({data:a,columns:x,state:{pagination:s,columnFilters:r},getCoreRowModel:P(),manualPagination:!0,onPaginationChange:b,rowCount:t,defaultColumn:{maxSize:300}});return e.jsxs("div",{children:[e.jsxs("div",{className:"grid sm:grid-cols-2 md:grid-cols-6 lg:grid-cols-12 gap-2 pb-4 items-center",children:[e.jsx("div",{className:"sm:col-span-2 md:col-span-6 lg:col-span-4 order-last lg:order-first",children:e.jsxs("p",{className:"text-sm text-muted-foreground",children:[t," ",G(t,"Variable")]})}),e.jsx("div",{className:"sm:col-span-2 md:col-span-2 lg:col-span-3",children:e.jsx(X,{placeholder:"Search variables",value:j,onChange:i=>o(i.target.value)})}),e.jsx("div",{className:"xs:col-span-1 md:col-span-2 lg:col-span-3",children:e.jsx(U,{placeholder:"Filter by tags",onChange:V,value:f})}),e.jsx("div",{className:"xs:col-span-1 md:col-span-2 lg:col-span-2",children:e.jsxs(Y,{value:u,onValueChange:m,children:[e.jsx($,{"aria-label":"Variable sort order",className:"w-full",children:e.jsx(K,{placeholder:"Sort by"})}),e.jsxs(W,{children:[e.jsx(y,{value:"CREATED_DESC",children:"Created"}),e.jsx(y,{value:"UPDATED_DESC",children:"Updated"}),e.jsx(y,{value:"NAME_ASC",children:"A to Z"}),e.jsx(y,{value:"NAME_DESC",children:"Z to A"})]})]})})]}),e.jsx(fe,{table:v})]})},Te=({onAddVariableClick:a})=>e.jsxs(ae,{children:[e.jsx(se,{id:"Variable"}),e.jsx(te,{children:"Add a variable to get started"}),e.jsx(ne,{children:"Variables store non-sensitive pieces of JSON."}),e.jsxs(re,{children:[e.jsxs(E,{onClick:()=>a(),children:["Add Variable ",e.jsx(F,{id:"Plus",className:"size-4 ml-2"})]}),e.jsx(le,{id:"variables-guide"})]})]}),Oe=()=>{const a=c.useCallback(r=>{s(l=>({...l,open:r}))},[]),[t,s]=c.useState({open:!1,onOpenChange:a}),n=c.useCallback(r=>{s(l=>({...l,open:!0,variableToEdit:r}))},[]);return[t,n]},_e=Ee({name:A().min(2,{message:"Name must be at least 2 characters"}),value:A(),tags:A().array().optional()}),O={name:"",value:"",tags:[]},Re=({onOpenChange:a,open:t,variableToEdit:s})=>{const n=Ne({resolver:ye(_e),defaultValues:O}),r=c.useMemo(()=>{if(s)return{name:s.name,value:JSON.stringify(s.value,null,2),tags:s.tags}},[s]);c.useEffect(()=>{t&&n.reset(r??O)},[r,n,t]);const{createVariable:l,isPending:u}=oe(),{updateVariable:m,isPending:d}=ie(),x=o=>{try{const V=JSON.parse(o.value);s?.id?m({id:s.id,name:o.name,value:V,tags:o.tags},{onSuccess:()=>{h.success("Variable updated"),a(!1)},onError:b=>{const v=b.message||"Unknown error while updating variable.";n.setError("root",{message:v})}}):l({name:o.name,value:V,tags:o.tags},{onSuccess:()=>{h.success("Variable created"),a(!1)},onError:b=>{const v=b.message||"Unknown error while creating variable.";n.setError("root",{message:v})}})}catch{n.setError("value",{message:"Value must be valid JSON"})}},j=s?"Edit Variable":"New Variable",f=s?"Edit the variable by changing the name, value, or tags.":"Add a new variable by providing a name, value, and optional tags. Values can be any valid JSON value.";return e.jsx(ce,{open:t,onOpenChange:a,children:e.jsxs(de,{children:[e.jsx(ue,{children:e.jsx(me,{children:j})}),e.jsx(ge,{children:f}),e.jsx(Ae,{...n,children:e.jsxs("form",{onSubmit:o=>{n.handleSubmit(x)(o)},className:"space-y-4",children:[e.jsx(N,{children:n.formState.errors.root?.message}),e.jsx(k,{control:n.control,name:"name",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Name"}),e.jsx(I,{children:e.jsx(pe,{autoComplete:"off",...o})}),e.jsx(N,{})]})}),e.jsx(k,{control:n.control,name:"value",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Value"}),e.jsx(I,{children:e.jsx(R,{...o})}),e.jsx(N,{})]})}),e.jsx(k,{control:n.control,name:"tags",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Tags"}),e.jsx(I,{children:e.jsx(U,{...o})}),e.jsx(N,{})]})}),e.jsxs(he,{children:[e.jsx(xe,{asChild:!0,children:e.jsx(E,{type:"button",variant:"outline",children:"Close"})}),e.jsx(E,{type:"submit",loading:u||d,children:s?"Save":"Create"})]})]})})]})})},_=a=>({offset:a?.offset??0,limit:a?.limit??10,sort:a?.sort??"CREATED_DESC",variables:{operator:"and_",...a?.name&&{name:{like_:a.name}},...a?.tags?.length&&{tags:{operator:"and_",all_:a.tags}}}}),Fe=()=>{const a=p.useSearch(),t=p.useNavigate(),s=a.offset?Math.ceil(a.offset/a.limit):0,n=a.limit??10,r=c.useMemo(()=>({pageIndex:s,pageSize:n}),[s,n]),l=c.useCallback(u=>{t({to:".",search:m=>({...m,offset:u.pageIndex*u.pageSize,limit:u.pageSize}),replace:!0})},[t]);return[r,l]},Ue=()=>{const a=p.useSearch(),t=p.useNavigate(),s=c.useMemo(()=>[{id:"name",value:a.name},{id:"tags",value:a.tags}],[a.name,a.tags]),n=c.useCallback(r=>{t({to:".",search:l=>{const u=r.find(d=>d.id==="name")?.value,m=r.find(d=>d.id==="tags")?.value;return{...l,offset:0,name:u,tags:m}},replace:!0})},[t]);return[s,n]},ze=()=>{const a=p.useSearch(),t=p.useNavigate(),s=c.useCallback(n=>{t({to:".",search:r=>({...r,sort:n}),replace:!0})},[t]);return[a.sort,s]};function aa(){const a=p.useSearch(),[t,s]=Fe(),[n,r]=Ue(),[l,u]=ze(),[m,d]=Oe(),[{data:x},{data:j},{data:f}]=H({queries:[je(_(a)),T(_(a)),T()]}),o=(f??0)>0;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(De,{onAddVariableClick:d}),e.jsx(Re,{...m}),o?e.jsx(Ie,{variables:x??[],currentVariableCount:j??0,pagination:t,onPaginationChange:s,columnFilters:n,onColumnFiltersChange:r,sorting:l,onSortingChange:u,onVariableEdit:d}):e.jsx(Te,{onAddVariableClick:d})]})}export{aa as component};
-//# sourceMappingURL=index-Dg_duvDx.js.map
+import{r as c,j as e,B as J,C as L,D as P,E as H}from"./vendor-tanstack-BK8oseNA.js";import{Q as B,T as Q,U as Z,L as R,V as q,q as E,I as F,y as h,N as G,O as X,S as Y,a as $,b as K,c as W,e as y,X as ee,E as ae,t as se,v as te,w as ne,x as re,D as le,Y as oe,Z as ie,_ as ce,$ as de,a0 as ue,a1 as me,a2 as ge,p as pe,a3 as he,a4 as xe,a5 as p,a6 as je,a7 as T}from"./index-BvSl3DKP.js";import{D as fe}from"./data-table-Bw8TZx9D.js";import{T as U}from"./tags-input-Ci2JQ-k3.js";import{D as be,a as ve,b as Ce,c as Se,d as C}from"./dropdown-menu-CT-s-V7d.js";import{u as Ve}from"./use-is-overflowing-Bv_2pq2B.js";import{V as De}from"./header-4plZZheZ.js";import{a as ye}from"./zod-DgSl2Nua.js";import{c as Ne,o as Ee,s as A}from"./vendor-forms-DxqqmhL5.js";import{F as Ae,a as N,b as k,c as w,d as M,e as I}from"./form-CVSlEnl8.js";import"./vendor-react-Bce9NwRC.js";import"./vendor-radix-CznP1SOq.js";import"./vendor-recharts-D4imLXNl.js";import"./vendor-date-7GxEwcQM.js";import"./table-vo9Do8sA.js";const ke=({row:a,onVariableEdit:t})=>{const s=a.original.id,{deleteVariable:n}=q();if(!s)return null;const r=()=>{n(s,{onSuccess:()=>{h.success("Variable deleted")}})};return e.jsx("div",{className:"flex flex-row justify-end",children:e.jsxs(be,{children:[e.jsx(ve,{asChild:!0,children:e.jsxs(E,{variant:"outline",className:"size-8 p-0",children:[e.jsx("span",{className:"sr-only",children:"Open menu"}),e.jsx(F,{id:"MoreVertical",className:"size-4"})]})}),e.jsxs(Ce,{align:"end",children:[e.jsx(Se,{children:"Actions"}),e.jsx(C,{onClick:()=>{navigator.clipboard.writeText(s),h.success("ID copied")},children:"Copy ID"}),e.jsx(C,{onClick:()=>{navigator.clipboard.writeText(a.original.name),h.success("Name copied")},children:"Copy Name"}),e.jsx(C,{onClick:()=>{const l=typeof a.original.value!="string"?JSON.stringify(a.original.value):a.original.value;l&&(navigator.clipboard.writeText(l),h.success("Value copied"))},children:"Copy Value"}),e.jsx(C,{onClick:()=>t(a.original),children:"Edit"}),e.jsx(C,{onClick:r,children:"Delete"})]})]})})},we=a=>{const t=a.getValue(),s=c.useRef(null),n=Ve(s);return t?e.jsxs(B,{open:n?void 0:!1,children:[e.jsx(Q,{asChild:!0,children:e.jsx("code",{ref:s,className:"px-2 py-1 font-mono text-sm text-ellipsis overflow-hidden whitespace-nowrap block",children:JSON.stringify(t,null,2)})}),e.jsx(Z,{className:"p-0",children:e.jsx(R,{value:JSON.stringify(t,null,2),disabled:!0})})]}):null},S=J(),Me=a=>[S.accessor("name",{header:"Name"}),S.accessor("value",{header:"Value",cell:we}),S.accessor("updated",{header:"Updated",cell:t=>{const s=t.getValue();return s?new Date(s??new Date).toLocaleString(void 0,{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",hour12:!0}).replace(",",""):null}}),S.accessor("tags",{header:()=>null,cell:t=>{const s=t.getValue();return s?e.jsx(ee,{tags:s,maxTagsDisplayed:3}):null}}),S.display({id:"actions",cell:t=>e.jsx(ke,{...t,onVariableEdit:a})})],Ie=({variables:a,currentVariableCount:t,pagination:s,onPaginationChange:n,columnFilters:r,onColumnFiltersChange:l,sorting:u,onSortingChange:m,onVariableEdit:d})=>{const x=c.useMemo(()=>Me(d),[d]),j=r.find(i=>i.id==="name")?.value,f=r.find(i=>i.id==="tags")?.value,o=c.useCallback(i=>{const g=r.filter(D=>D.id!=="name");l(i?[...g,{id:"name",value:i}]:g)},[l,r]),V=c.useCallback(i=>{const g=Array.isArray(i)?i:i.target.value,D=r.filter(z=>z.id!=="tags");l(g.length?[...D,{id:"tags",value:g}]:D)},[l,r]),b=c.useCallback(i=>{let g=s;typeof i=="function"?g=i(s):g=i,n(g)},[s,n]),v=L({data:a,columns:x,state:{pagination:s,columnFilters:r},getCoreRowModel:P(),manualPagination:!0,onPaginationChange:b,rowCount:t,defaultColumn:{maxSize:300}});return e.jsxs("div",{children:[e.jsxs("div",{className:"grid sm:grid-cols-2 md:grid-cols-6 lg:grid-cols-12 gap-2 pb-4 items-center",children:[e.jsx("div",{className:"sm:col-span-2 md:col-span-6 lg:col-span-4 order-last lg:order-first",children:e.jsxs("p",{className:"text-sm text-muted-foreground",children:[t," ",G(t,"Variable")]})}),e.jsx("div",{className:"sm:col-span-2 md:col-span-2 lg:col-span-3",children:e.jsx(X,{placeholder:"Search variables",value:j,onChange:i=>o(i.target.value)})}),e.jsx("div",{className:"xs:col-span-1 md:col-span-2 lg:col-span-3",children:e.jsx(U,{placeholder:"Filter by tags",onChange:V,value:f})}),e.jsx("div",{className:"xs:col-span-1 md:col-span-2 lg:col-span-2",children:e.jsxs(Y,{value:u,onValueChange:m,children:[e.jsx($,{"aria-label":"Variable sort order",className:"w-full",children:e.jsx(K,{placeholder:"Sort by"})}),e.jsxs(W,{children:[e.jsx(y,{value:"CREATED_DESC",children:"Created"}),e.jsx(y,{value:"UPDATED_DESC",children:"Updated"}),e.jsx(y,{value:"NAME_ASC",children:"A to Z"}),e.jsx(y,{value:"NAME_DESC",children:"Z to A"})]})]})})]}),e.jsx(fe,{table:v})]})},Te=({onAddVariableClick:a})=>e.jsxs(ae,{children:[e.jsx(se,{id:"Variable"}),e.jsx(te,{children:"Add a variable to get started"}),e.jsx(ne,{children:"Variables store non-sensitive pieces of JSON."}),e.jsxs(re,{children:[e.jsxs(E,{onClick:()=>a(),children:["Add Variable ",e.jsx(F,{id:"Plus",className:"size-4 ml-2"})]}),e.jsx(le,{id:"variables-guide"})]})]}),Oe=()=>{const a=c.useCallback(r=>{s(l=>({...l,open:r}))},[]),[t,s]=c.useState({open:!1,onOpenChange:a}),n=c.useCallback(r=>{s(l=>({...l,open:!0,variableToEdit:r}))},[]);return[t,n]},_e=Ee({name:A().min(2,{message:"Name must be at least 2 characters"}),value:A(),tags:A().array().optional()}),O={name:"",value:"",tags:[]},Re=({onOpenChange:a,open:t,variableToEdit:s})=>{const n=Ne({resolver:ye(_e),defaultValues:O}),r=c.useMemo(()=>{if(s)return{name:s.name,value:JSON.stringify(s.value,null,2),tags:s.tags}},[s]);c.useEffect(()=>{t&&n.reset(r??O)},[r,n,t]);const{createVariable:l,isPending:u}=oe(),{updateVariable:m,isPending:d}=ie(),x=o=>{try{const V=JSON.parse(o.value);s?.id?m({id:s.id,name:o.name,value:V,tags:o.tags},{onSuccess:()=>{h.success("Variable updated"),a(!1)},onError:b=>{const v=b.message||"Unknown error while updating variable.";n.setError("root",{message:v})}}):l({name:o.name,value:V,tags:o.tags},{onSuccess:()=>{h.success("Variable created"),a(!1)},onError:b=>{const v=b.message||"Unknown error while creating variable.";n.setError("root",{message:v})}})}catch{n.setError("value",{message:"Value must be valid JSON"})}},j=s?"Edit Variable":"New Variable",f=s?"Edit the variable by changing the name, value, or tags.":"Add a new variable by providing a name, value, and optional tags. Values can be any valid JSON value.";return e.jsx(ce,{open:t,onOpenChange:a,children:e.jsxs(de,{children:[e.jsx(ue,{children:e.jsx(me,{children:j})}),e.jsx(ge,{children:f}),e.jsx(Ae,{...n,children:e.jsxs("form",{onSubmit:o=>{n.handleSubmit(x)(o)},className:"space-y-4",children:[e.jsx(N,{children:n.formState.errors.root?.message}),e.jsx(k,{control:n.control,name:"name",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Name"}),e.jsx(I,{children:e.jsx(pe,{autoComplete:"off",...o})}),e.jsx(N,{})]})}),e.jsx(k,{control:n.control,name:"value",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Value"}),e.jsx(I,{children:e.jsx(R,{...o})}),e.jsx(N,{})]})}),e.jsx(k,{control:n.control,name:"tags",render:({field:o})=>e.jsxs(w,{children:[e.jsx(M,{children:"Tags"}),e.jsx(I,{children:e.jsx(U,{...o})}),e.jsx(N,{})]})}),e.jsxs(he,{children:[e.jsx(xe,{asChild:!0,children:e.jsx(E,{type:"button",variant:"outline",children:"Close"})}),e.jsx(E,{type:"submit",loading:u||d,children:s?"Save":"Create"})]})]})})]})})},_=a=>({offset:a?.offset??0,limit:a?.limit??10,sort:a?.sort??"CREATED_DESC",variables:{operator:"and_",...a?.name&&{name:{like_:a.name}},...a?.tags?.length&&{tags:{operator:"and_",all_:a.tags}}}}),Fe=()=>{const a=p.useSearch(),t=p.useNavigate(),s=a.offset?Math.ceil(a.offset/a.limit):0,n=a.limit??10,r=c.useMemo(()=>({pageIndex:s,pageSize:n}),[s,n]),l=c.useCallback(u=>{t({to:".",search:m=>({...m,offset:u.pageIndex*u.pageSize,limit:u.pageSize}),replace:!0})},[t]);return[r,l]},Ue=()=>{const a=p.useSearch(),t=p.useNavigate(),s=c.useMemo(()=>[{id:"name",value:a.name},{id:"tags",value:a.tags}],[a.name,a.tags]),n=c.useCallback(r=>{t({to:".",search:l=>{const u=r.find(d=>d.id==="name")?.value,m=r.find(d=>d.id==="tags")?.value;return{...l,offset:0,name:u,tags:m}},replace:!0})},[t]);return[s,n]},ze=()=>{const a=p.useSearch(),t=p.useNavigate(),s=c.useCallback(n=>{t({to:".",search:r=>({...r,sort:n}),replace:!0})},[t]);return[a.sort,s]};function aa(){const a=p.useSearch(),[t,s]=Fe(),[n,r]=Ue(),[l,u]=ze(),[m,d]=Oe(),[{data:x},{data:j},{data:f}]=H({queries:[je(_(a)),T(_(a)),T()]}),o=(f??0)>0;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(De,{onAddVariableClick:d}),e.jsx(Re,{...m}),o?e.jsx(Ie,{variables:x??[],currentVariableCount:j??0,pagination:t,onPaginationChange:s,columnFilters:n,onColumnFiltersChange:r,sorting:l,onSortingChange:u,onVariableEdit:d}):e.jsx(Te,{onAddVariableClick:d})]})}export{aa as component};
+//# sourceMappingURL=index-D5v9S-lB.js.map