@parallelworks/tandem-web 0.142.0 → 0.143.0

package/_virtual/_virtual_i18n/zh/common.js

@@ -115,7 +115,8 @@ var e = {
 		webhooks: "Webhook",
 		sso: "单点登录",
 		slack: "Slack",
-		roles: "角色"
+		roles: "角色",
+		fields: "字段"
 	},
 	account: {
 		connectionsDescription: "你在其他服务上的账户。关联后，你在那里的操作会以你的身份显示在这里。",
@@ -859,7 +860,8 @@ var e = {
 			priority: "优先级",
 			project: "项目",
 			label: "标签",
-			none: "不分组"
+			none: "不分组",
+			type: "类型"
 		},
 		foldGroup: "折叠 {group}",
 		unfoldGroup: "展开 {group}",
@@ -974,7 +976,10 @@ var e = {
 			dueDateCleared: "<actor>{name}</actor> 移除了截止日期",
 			attachmentAdded: "<actor>{name}</actor> 附加了 {file}",
 			archivedBy: "<actor>{name}</actor> 归档了此问题",
-			restored: "<actor>{name}</actor> 恢复了此问题"
+			restored: "<actor>{name}</actor> 恢复了此问题",
+			fieldsChanged: "<actor>{name}</actor> 更改了{fields}",
+			typeChanged: "<actor>{name}</actor> 将类型改为{type}",
+			typeCleared: "<actor>{name}</actor> 移除了类型"
 		},
 		activity: {
 			title: "活动",
@@ -1244,6 +1249,13 @@ var e = {
 		selectAll: "全选",
 		clear: "清除"
 	},
+	teamParent: {
+		title: "上级团队",
+		description: "位于其他团队之下的团队，其问题会出现在上级团队的问题列表中。新的子团队沿用上级的工作流；标签在整个工作区共享。",
+		parent: "上级",
+		none: "无上级团队",
+		subTeams: "子团队"
+	},
 	intakeForm: {
 		heading: "提交请求",
 		title: "向 {team} 提交请求",
@@ -1301,7 +1313,8 @@ var e = {
 			date: "日期",
 			checkbox: "复选框",
 			issue: "问题"
-		}
+		},
+		urlExample: "https://…"
 	},
 	docViews: {
 		title: "文档表格",
@@ -2226,7 +2239,10 @@ var e = {
 			memberRoleChanged: "<actor>{name}</actor> 授予 {person} 角色 {role}",
 			workspaceAccessChanged: "<actor>{name}</actor> 修改了整个工作区的角色",
 			teamAccessChanged: "<actor>{name}</actor> 修改了可访问 <link>{target}</link> 的人员",
-			projectAccessChanged: "<actor>{name}</actor> 修改了项目 <link>{target}</link> 的角色"
+			projectAccessChanged: "<actor>{name}</actor> 修改了项目 <link>{target}</link> 的角色",
+			issueFieldsChanged: "<actor>{name}</actor> 更改了 <link>{target}</link> 的{fields}",
+			issueTypeChanged: "<actor>{name}</actor> 将 <link>{target}</link> 的类型改为{type}",
+			issueTypeCleared: "<actor>{name}</actor> 移除了 <link>{target}</link> 的类型"
 		}
 	},
 	oneTimeSecret: {
@@ -3202,7 +3218,9 @@ var e = {
 			label: "标签",
 			project: "项目",
 			estimate: "估算",
-			dueDate: "截止日期"
+			dueDate: "截止日期",
+			field: "字段",
+			type: "类型"
 		}
 	},
 	follow: {
@@ -3417,6 +3435,87 @@ var e = {
 	projectAccess: {
 		title: "{name} 的访问权限",
 		description: "在此授予的角色适用于该项目及其议题，叠加在成员的工作区和团队角色之上。可用于让某人在不担任团队管理员的情况下负责一个项目。"
+	},
+	customFields: {
+		title: "字段",
+		pageDescription: "管理员为问题和项目添加的字段，例如严重程度或预算。成员填写字段值，列表可按字段筛选、排序和分组。",
+		issueFields: "问题字段",
+		projectFields: "项目字段",
+		issueFieldsHelp: "所有团队的问题都有这些字段。",
+		teamFieldsHelp: "仅此团队的问题有这些字段，排在工作区字段之后。",
+		projectFieldsHelp: "所有项目都有这些字段。",
+		add: "添加字段",
+		none: "还没有字段。",
+		edit: "编辑",
+		moveUp: "上移",
+		moveDown: "下移",
+		archive: "归档",
+		restore: "恢复",
+		archived: "已归档",
+		delete: "删除",
+		deleteTitle: "删除 {name}？",
+		deleteDescription: "{count, plural, =0 {没有问题或项目填写了此字段。} other {# 个问题和项目上的值将一并删除。}}",
+		required: "必填",
+		requiredLabel: "创建问题时必填",
+		values: "{count, plural, =0 {没有值} other {# 个值}}",
+		actions: "{name} 的操作",
+		name: "名称",
+		kind: "类型",
+		description: "描述",
+		options: "选项",
+		optionsHint: "每行一个。",
+		cancel: "取消",
+		save: "保存",
+		noValue: "无值",
+		noField: "无{name}",
+		yes: "是",
+		kinds: {
+			text: "文本",
+			number: "数字",
+			select: "单选",
+			multi_select: "多选",
+			person: "人员",
+			date: "日期",
+			checkbox: "复选框",
+			url: "URL"
+		},
+		onRows: "行上显示的字段",
+		noneOnRows: "无"
+	},
+	issueTypes: {
+		title: "问题类型",
+		description: "团队分开跟踪的问题种类，例如缺陷或风险。每种类型可以只显示部分字段、要求自己的必填字段，并用模板开始。没有类型的团队不会看到这个选项。",
+		add: "添加类型",
+		none: "没有类型；所有问题都是同一种。",
+		edit: "编辑",
+		moveUp: "上移",
+		moveDown: "下移",
+		archive: "归档",
+		restore: "恢复",
+		archived: "已归档",
+		delete: "删除",
+		deleteTitle: "删除 {name}？",
+		deleteDescription: "{count, plural, =0 {没有问题是这个类型。} other {# 个问题将变为无类型。}}",
+		everyTeam: "所有团队",
+		issues: "{count, plural, =0 {没有问题} other {# 个问题}}",
+		actions: "{name} 的操作",
+		name: "名称",
+		icon: "表情",
+		iconHint: "可选",
+		color: "颜色",
+		descriptionLabel: "描述",
+		teams: "团队",
+		fields: "显示的字段",
+		allFields: "所有字段",
+		required: "必填字段",
+		noneRequired: "无",
+		template: "描述模板",
+		templateHint: "此类型新问题开头的 Markdown",
+		type: "类型",
+		noType: "无类型",
+		hiddenTitle: "更改类型？",
+		hidden: "{type}不显示{fields}。它们的值会隐藏保留，类型改回后会再次显示。",
+		change: "更改类型"
 	}
 };
 export { e as default };

package/components/AccessGrants.js

@@ -1,6 +1,6 @@
 import { groupsQuery as e, membersQuery as t, peopleQuery as n, rolesQuery as r } from "../api/queries.js";
-import { isBuiltIn as i, permissionGroups as a } from "../lib/roles.js";
-import { useConfirm as o } from "../lib/confirm.js";
+import { useConfirm as i } from "../lib/confirm.js";
+import { isBuiltIn as a, permissionGroups as o } from "../lib/roles.js";
 import { useMemo as s } from "react";
 import { useErrorMessage as c } from "@parallelworks/problem/react";
 import { useTranslations as l } from "use-intl";
@@ -10,13 +10,13 @@ import { AccessPanel as h } from "@parallelworks/ui/access";
 // src/components/AccessGrants.tsx
 var g = (e) => `${e.kind}:${e.handle}`;
 function _({ workspace: _, resourceName: v, access: y, openLabel: b, rules: x, readOnly: S = !1, footer: C, save: w }) {
-	let { data: T } = m(e(_)), { data: E } = m(n(_)), { data: D = [] } = p(t(_)), O = l("access"), k = l("roles"), A = l("permissions"), { data: j = [] } = p(r(_)), M = c(), { confirm: N, dialog: P } = o(), F = s(() => j.map((e) => ({
+	let { data: T } = m(e(_)), { data: E } = m(n(_)), { data: D = [] } = p(t(_)), O = l("access"), k = l("roles"), A = l("permissions"), { data: j = [] } = p(r(_)), M = c(), { confirm: N, dialog: P } = i(), F = s(() => j.map((e) => ({
 		id: e.id,
-		name: i(e.id) ? k(`${e.id}.name`) : e.name,
-		...i(e.id) ? { description: k(`${e.id}.description`) } : e.description && { description: e.description },
+		name: a(e.id) ? k(`${e.id}.name`) : e.name,
+		...a(e.id) ? { description: k(`${e.id}.description`) } : e.description && { description: e.description },
 		permissions: e.permissions,
 		privileged: e.permissions.includes("manage_members")
-	})), [j, k]), I = s(() => a.flatMap((e) => e.permissions).map((e) => ({
+	})), [j, k]), I = s(() => o.flatMap((e) => e.permissions).map((e) => ({
 		id: e,
 		label: A(`${e}.name`)
 	})), [A]), L = s(() => {

package/components/ActivityTimeline.js

@@ -78,6 +78,8 @@ function H(F, I) {
 		case "cycle.updated": return /* @__PURE__ */ B(u, {});
 		case "issue.estimate_changed": return /* @__PURE__ */ B(f, {});
 		case "issue.due_date_changed": return /* @__PURE__ */ B(s, {});
+		case "issue.fields_changed":
+		case "issue.type_changed": return /* @__PURE__ */ B(d, {});
 		case "issue.area_changed":
 		case "doc.area_changed":
 		case "area.updated":

package/components/CodeHostSettings.js

@@ -1,9 +1,9 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { codeHostAccountsQuery as n, codeHostQuery as r, meQuery as i } from "../api/queries.js";
-import { CodeHostIcon as a } from "./icons.js";
-import { usePeople as o } from "../lib/people.js";
-import { useFormError as s } from "./settings.js";
-import { useConfirm as c } from "../lib/confirm.js";
+import { useConfirm as a } from "../lib/confirm.js";
+import { CodeHostIcon as o } from "./icons.js";
+import { usePeople as s } from "../lib/people.js";
+import { useFormError as c } from "./settings.js";
 import { externalUrl as l } from "../lib/externalUrl.js";
 import { ConnectionCard as u, ConnectionPanel as d } from "./ConnectionCard.js";
 import { Avatar as f, Button as p, Card as m, ErrorText as h, Section as g, Select as _, SettingsCard as v, StatusLabel as y } from "@parallelworks/ui";
@@ -13,7 +13,7 @@ import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { useMutation as T, useQueryClient as E, useSuspenseQuery as D } from "@tanstack/react-query";
 // src/components/CodeHostSettings.tsx
 function O({ workspace: n }) {
-	let a = x("code"), { data: o } = D(i), { data: l } = D(r(n)), u = E(), d = s(), { confirm: f, dialog: m } = c(), v = T({
+	let o = x("code"), { data: s } = D(i), { data: l } = D(r(n)), u = E(), d = c(), { confirm: f, dialog: m } = a(), v = T({
 		mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/code-host/connections/{account}", { params: { path: {
 			workspace: n,
 			account: r
@@ -27,11 +27,11 @@ function O({ workspace: n }) {
 			] });
 		}
 	}), y = (e) => f({
-		title: a("disconnectConfirm", { account: e }),
-		description: a("disconnectDetail"),
-		confirmLabel: a("disconnect"),
+		title: o("disconnectConfirm", { account: e }),
+		description: o("disconnectDetail"),
+		confirmLabel: o("disconnect"),
 		onConfirm: () => v.mutateAsync(e)
-	}), [S, O] = b(""), k = l.connections.filter((e) => e.connectedBy === o?.user.username), A = k[0];
+	}), [S, O] = b(""), k = l.connections.filter((e) => e.connectedBy === s?.user.username), A = k[0];
 	if (!A) return null;
 	let j = k.some((e) => e.account === S) ? S : A.account;
 	return /* @__PURE__ */ w(g, {
@@ -39,8 +39,8 @@ function O({ workspace: n }) {
 		tone: "error",
 		collapsible: !1,
 		headingLevel: 2,
-		title: a("dangerZone"),
-		description: a("disconnectDetail"),
+		title: o("dangerZone"),
+		description: o("disconnectDetail"),
 		className: "mt-10",
 		children: [
 			/* @__PURE__ */ w("div", {
@@ -48,7 +48,7 @@ function O({ workspace: n }) {
 				children: [/* @__PURE__ */ C("div", {
 					className: "w-56 max-w-full",
 					children: /* @__PURE__ */ C(_, {
-						"aria-label": a("disconnectWhich"),
+						"aria-label": o("disconnectWhich"),
 						value: j,
 						onValueChange: (e) => e && O(e),
 						items: k.map((e) => ({
@@ -60,7 +60,7 @@ function O({ workspace: n }) {
 					variant: "danger",
 					onClick: () => y(j),
 					loading: v.isPending,
-					children: a("disconnectAccount", { account: j })
+					children: o("disconnectAccount", { account: j })
 				})]
 			}),
 			/* @__PURE__ */ C(h, {
@@ -72,8 +72,8 @@ function O({ workspace: n }) {
 		]
 	});
 }
-function k({ workspace: n, isAdmin: i, result: c }) {
-	let m = x("code"), { data: h } = D(r(n)), { person: g } = o(n), _ = s(), b = T({
+function k({ workspace: n, isAdmin: i, result: a }) {
+	let m = x("code"), { data: h } = D(r(n)), { person: g } = s(n), _ = c(), b = T({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/code-host/connect", { params: { path: { workspace: n } } })),
 		onMutate: _.clear,
 		onSuccess: ({ url: e }) => {
@@ -86,13 +86,13 @@ function k({ workspace: n, isAdmin: i, result: c }) {
 		className: "px-3 py-2 text-sm text-muted-foreground",
 		children: m("notConfigured")
 	}) }) : /* @__PURE__ */ w(S, { children: [
-		c && c !== "choose" && /* @__PURE__ */ C("p", {
+		a && a !== "choose" && /* @__PURE__ */ C("p", {
 			role: "status",
-			className: `mb-3 rounded-md bg-muted px-3 py-2 text-sm ${c === "failed" ? "text-danger" : ""}`,
-			children: m(`result.${c}`)
+			className: `mb-3 rounded-md bg-muted px-3 py-2 text-sm ${a === "failed" ? "text-danger" : ""}`,
+			children: m(`result.${a}`)
 		}),
 		/* @__PURE__ */ C(u, {
-			icon: /* @__PURE__ */ C(a, { className: "size-7" }),
+			icon: /* @__PURE__ */ C(o, { className: "size-7" }),
 			name: m("provider"),
 			status: h.connections.length > 0 ? m("linkedCount", { count: h.connections.length }) : m("description"),
 			error: _.error,
@@ -129,12 +129,12 @@ function k({ workspace: n, isAdmin: i, result: c }) {
 		}),
 		i && /* @__PURE__ */ C(A, {
 			workspace: n,
-			chosen: c === "choose"
+			chosen: a === "choose"
 		})
 	] });
 }
 function A({ workspace: i, chosen: a }) {
-	let o = x("code"), { data: c } = D(n(i)), u = E(), d = s(), f = T({
+	let o = x("code"), { data: s } = D(n(i)), u = E(), d = c(), f = T({
 		mutationFn: async (n) => t(await e.POST("/api/v1/workspaces/{workspace}/code-host/connections", {
 			params: { path: { workspace: i } },
 			body: { id: n }
@@ -156,7 +156,7 @@ function A({ workspace: i, chosen: a }) {
 		onMutate: d.clear,
 		onError: d.set
 	});
-	return !a && c.length === 0 ? null : /* @__PURE__ */ w(m, {
+	return !a && s.length === 0 ? null : /* @__PURE__ */ w(m, {
 		size: "fill",
 		padding: "sm",
 		className: "mt-4",
@@ -167,11 +167,11 @@ function A({ workspace: i, chosen: a }) {
 			}),
 			/* @__PURE__ */ C("p", {
 				className: "mt-0.5 text-sm text-muted-foreground",
-				children: c.length > 0 ? o("chooseDescription") : o("noAccounts")
+				children: s.length > 0 ? o("chooseDescription") : o("noAccounts")
 			}),
-			c.length > 0 && /* @__PURE__ */ C("ul", {
+			s.length > 0 && /* @__PURE__ */ C("ul", {
 				className: "mt-3 divide-y divide-border rounded-md border border-border",
-				children: c.map((e) => /* @__PURE__ */ w("li", {
+				children: s.map((e) => /* @__PURE__ */ w("li", {
 					className: "px-3 py-2 text-sm",
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",

package/components/CustomFields.js

@@ -0,0 +1,349 @@
+import { issueQuery as e } from "../api/queries.js";
+import { useConfirm as t } from "../lib/confirm.js";
+import { customFieldsQuery as n, fieldKinds as r, fieldsFor as i, hasValue as a, setIssueFields as o, setProjectFields as s, useCustomFieldActions as c } from "../lib/customFields.js";
+import { issueTypesQuery as l, typeShows as u } from "../lib/issueTypes.js";
+import { AddIcon as d } from "./icons.js";
+import { invalidateIssueViews as f } from "../api/mutations.js";
+import { PropertyField as p, usePropertyText as m } from "./DocProperties.js";
+import { Button as h, Checkbox as g, ErrorText as _, IconButton as v, Input as y, Select as b, SettingsCard as x, Textarea as S, menuDivider as C, useOpenMenu as w } from "@parallelworks/ui";
+import { useId as T, useState as E } from "react";
+import { useErrorMessage as D } from "@parallelworks/problem/react";
+import { useTranslations as O } from "use-intl";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { useMutation as M, useQuery as N, useQueryClient as P } from "@tanstack/react-query";
+// src/components/CustomFields.tsx
+function F(e) {
+	let t = m(e);
+	return (e, n) => t(e, n);
+}
+function I({ workspace: t, issue: r, label: a }) {
+	let s = D(), c = P(), { data: d } = N(n(t)), { data: m } = N(l(t)), h = m?.find((e) => e.id === r.type?.id), g = i(d, "issue", r.teamId).filter((e) => u(h, e.id)), v = e(t, r.identifier).queryKey, y = M({
+		mutationFn: (e) => o(t, r.identifier, e),
+		onMutate: async (e) => {
+			await c.cancelQueries({ queryKey: v });
+			let t = c.getQueryData(v);
+			return t && c.setQueryData(v, {
+				...t,
+				fields: {
+					...t.fields,
+					...e
+				}
+			}), { previous: t };
+		},
+		onError: (e, t, n) => {
+			n?.previous && c.setQueryData(v, n.previous);
+		},
+		onSuccess: (e) => c.setQueryData(v, e),
+		onSettled: () => f(c, t, r.identifier)
+	});
+	return g.length === 0 ? null : /* @__PURE__ */ j(k, { children: [g.map((e) => a(e.name, /* @__PURE__ */ A("div", {
+		className: "px-2",
+		children: /* @__PURE__ */ A(p, {
+			workspace: t,
+			property: e,
+			value: r.fields[e.id],
+			editable: !0,
+			onChange: (t) => y.mutate({ [e.id]: t })
+		})
+	}), e.id)), y.error && /* @__PURE__ */ A(_, {
+		className: "px-2",
+		children: s(y.error)
+	})] });
+}
+function L({ workspace: e, project: t, editable: r, onChange: a }) {
+	let o = O("customFields"), c = D(), { data: l } = N(n(e)), u = i(l, "project"), d = M({
+		mutationFn: (n) => s(e, t.id, n),
+		onSuccess: a
+	});
+	return u.length === 0 ? null : /* @__PURE__ */ j("section", {
+		"aria-label": o("title"),
+		className: "max-w-xl space-y-0.5 text-sm",
+		children: [u.map((n) => /* @__PURE__ */ j("div", {
+			className: "flex min-h-8 items-center gap-2",
+			children: [/* @__PURE__ */ A("span", {
+				className: "w-36 shrink-0 truncate text-muted-foreground",
+				children: n.name
+			}), /* @__PURE__ */ A("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ A(p, {
+					workspace: e,
+					property: n,
+					value: t.fields[n.id],
+					editable: r,
+					onChange: (e) => d.mutate({ [n.id]: e })
+				})
+			})]
+		}, n.id)), d.error && /* @__PURE__ */ A(_, { children: c(d.error) })]
+	});
+}
+function R({ workspace: e, teamId: t, typeId: r, values: o, onChange: s }) {
+	let c = O("customFields"), { data: d } = N(n(e)), { data: f } = N(l(e)), m = f?.find((e) => e.id === r), h = i(d, "issue", t).filter((e) => u(m, e.id)).map((e) => m?.requiredFieldIds.includes(e.id) ? {
+		...e,
+		required: !0
+	} : e).filter((e) => e.required || a(o[e.id]));
+	return h.length === 0 ? null : /* @__PURE__ */ j("fieldset", {
+		className: "space-y-0.5 text-sm",
+		children: [/* @__PURE__ */ A("legend", {
+			className: "sr-only",
+			children: c("title")
+		}), h.map((t) => /* @__PURE__ */ j("div", {
+			className: "flex min-h-8 items-center gap-2",
+			children: [/* @__PURE__ */ j("span", {
+				className: "w-36 shrink-0 truncate text-muted-foreground",
+				children: [t.name, t.required && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("span", {
+					"aria-hidden": !0,
+					className: "text-destructive",
+					children: [" ", "*"]
+				}), /* @__PURE__ */ A("span", {
+					className: "sr-only",
+					children: c("required")
+				})] })]
+			}), /* @__PURE__ */ A("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ A(p, {
+					workspace: e,
+					property: t,
+					value: o[t.id],
+					editable: !0,
+					onChange: (e) => s({
+						...o,
+						[t.id]: e
+					})
+				})
+			})]
+		}, t.id))]
+	});
+}
+function z({ workspace: e, target: t, team: r }) {
+	let i = O("customFields"), { data: a } = N(n(e)), o = (a ?? []).filter((e) => e.target === t && (r ? e.teamId === r.id : !e.teamId)).sort((e, t) => e.position - t.position), [s, c] = E(!1);
+	return /* @__PURE__ */ j(x, {
+		title: i(t === "issue" ? "issueFields" : "projectFields"),
+		description: i(r ? "teamFieldsHelp" : t === "issue" ? "issueFieldsHelp" : "projectFieldsHelp"),
+		action: /* @__PURE__ */ A(h, {
+			size: "sm",
+			icon: /* @__PURE__ */ A(d, {}),
+			onClick: () => c(!0),
+			children: i("add")
+		}),
+		children: [s && /* @__PURE__ */ A(V, {
+			workspace: e,
+			target: t,
+			team: r?.key,
+			onDone: () => c(!1)
+		}), o.length === 0 && !s ? /* @__PURE__ */ A("p", {
+			className: "px-3 py-3 text-sm text-muted-foreground",
+			children: i("none")
+		}) : /* @__PURE__ */ A("ul", {
+			className: "divide-y divide-border",
+			children: o.map((t, n) => /* @__PURE__ */ A(B, {
+				workspace: e,
+				field: t,
+				before: o[n - 1],
+				after: o[n + 1]
+			}, t.id))
+		})]
+	});
+}
+function B({ workspace: e, field: n, before: r, after: i }) {
+	let a = O("customFields"), o = c(e), s = w(), { confirm: l, dialog: u } = t(), [d, f] = E(!1), p = (e, t) => e && o.update.mutate({
+		id: n.id,
+		position: t ? (e.position + t.position) / 2 : e.position + (e === i ? 1 : -1)
+	}), m = () => l({
+		title: a("deleteTitle", { name: n.name }),
+		description: a("deleteDescription", { count: n.values }),
+		confirmLabel: a("delete"),
+		destructive: !0,
+		onConfirm: () => o.remove.mutateAsync(n.id)
+	}), h = () => [
+		{
+			label: a("edit"),
+			onClick: () => f(!0)
+		},
+		...r ? [{
+			label: a("moveUp"),
+			onClick: () => p(r, void 0)
+		}] : [],
+		...i ? [{
+			label: a("moveDown"),
+			onClick: () => p(i, void 0)
+		}] : [],
+		{
+			label: n.archivedAt ? a("restore") : a("archive"),
+			onClick: () => o.update.mutate({
+				id: n.id,
+				archived: !n.archivedAt
+			})
+		},
+		C,
+		{
+			label: a("delete"),
+			destructive: !0,
+			onClick: m
+		}
+	];
+	return d ? /* @__PURE__ */ A("li", {
+		className: "p-2",
+		children: /* @__PURE__ */ A(V, {
+			workspace: e,
+			target: n.target,
+			field: n,
+			onDone: () => f(!1)
+		})
+	}) : /* @__PURE__ */ j("li", {
+		className: "flex min-h-10 items-center gap-3 px-3 py-1.5",
+		onContextMenu: (e) => s(e, h()),
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ j("p", {
+					className: `truncate text-sm ${n.archivedAt ? "text-muted-foreground" : ""}`,
+					children: [n.name, n.required && /* @__PURE__ */ A("span", {
+						className: "ml-2 text-xs text-muted-foreground",
+						children: a("required")
+					})]
+				}), n.description && /* @__PURE__ */ A("p", {
+					className: "truncate text-xs text-muted-foreground",
+					children: n.description
+				})]
+			}),
+			n.archivedAt && /* @__PURE__ */ A("span", {
+				className: "shrink-0 text-xs text-muted-foreground",
+				children: a("archived")
+			}),
+			/* @__PURE__ */ A("span", {
+				className: "shrink-0 text-xs text-muted-foreground",
+				children: a(`kinds.${n.kind}`)
+			}),
+			/* @__PURE__ */ A("span", {
+				className: "w-20 shrink-0 text-right text-xs tabular-nums text-muted-foreground",
+				children: a("values", { count: n.values })
+			}),
+			/* @__PURE__ */ A(v, {
+				variant: "ghost",
+				size: "sm",
+				label: a("actions", { name: n.name }),
+				icon: /* @__PURE__ */ A("span", {
+					"aria-hidden": !0,
+					children: "⋯"
+				}),
+				onClick: (e) => s(e, h())
+			}),
+			u
+		]
+	});
+}
+function V({ workspace: e, target: t, team: n, field: i, onDone: a }) {
+	let o = O("customFields"), s = D(), l = c(e), [u, d] = E(i?.name ?? ""), [f, p] = E(i?.description ?? ""), [m, v] = E(i?.kind ?? "text"), [x, C] = E(i?.required ?? !1), w = T(), [k, M] = E((i?.options ?? []).map((e) => e.name).join("\n")), N = m === "select" || m === "multi_select", P = () => k.split("\n").map((e) => e.trim()).filter(Boolean).map((e) => {
+		let t = i?.options.find((t) => t.name === e)?.id;
+		return {
+			name: e,
+			...t && { id: t }
+		};
+	}), F = i ? l.update : l.create;
+	return /* @__PURE__ */ j("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), i ? l.update.mutate({
+				id: i.id,
+				name: u,
+				description: f,
+				...t === "issue" && { required: x },
+				...N && { options: P() }
+			}, { onSuccess: a }) : l.create.mutate({
+				target: t,
+				...n && { team: n },
+				name: u,
+				description: f,
+				kind: m,
+				...t === "issue" && { required: x },
+				...N && { options: P() }
+			}, { onSuccess: a });
+		},
+		className: "space-y-3 rounded-md border border-border p-3 text-sm",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [/* @__PURE__ */ j("label", {
+					className: "block text-xs font-medium text-muted-foreground",
+					children: [o("name"), /* @__PURE__ */ A(y, {
+						value: u,
+						onChange: (e) => d(e.target.value),
+						required: !0,
+						maxLength: 60,
+						className: "mt-1",
+						autoFocus: !0
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("kind"), /* @__PURE__ */ A("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ A(b, {
+							value: m,
+							items: r.map((e) => ({
+								value: e,
+								label: o(`kinds.${e}`)
+							})),
+							onValueChange: v,
+							"aria-label": o("kind"),
+							width: "fill",
+							disabled: !!i
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ j("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [o("description"), /* @__PURE__ */ A(y, {
+					value: f,
+					onChange: (e) => p(e.target.value),
+					maxLength: 500,
+					className: "mt-1"
+				})]
+			}),
+			N && /* @__PURE__ */ j("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [
+					o("options"),
+					/* @__PURE__ */ A(S, {
+						value: k,
+						onChange: (e) => M(e.target.value),
+						rows: 4,
+						className: "mt-1"
+					}),
+					/* @__PURE__ */ A("span", {
+						className: "mt-1 block font-normal",
+						children: o("optionsHint")
+					})
+				]
+			}),
+			t === "issue" && /* @__PURE__ */ j("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ A(g, {
+					id: w,
+					checked: x,
+					onCheckedChange: (e) => C(e === !0)
+				}), /* @__PURE__ */ A("label", {
+					htmlFor: w,
+					children: o("requiredLabel")
+				})]
+			}),
+			F.error && /* @__PURE__ */ A(_, { children: s(F.error) }),
+			/* @__PURE__ */ j("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ A(h, {
+					size: "sm",
+					variant: "ghost",
+					onClick: a,
+					children: o("cancel")
+				}), /* @__PURE__ */ A(h, {
+					type: "submit",
+					size: "sm",
+					variant: "primary",
+					loading: F.isPending,
+					disabled: !u.trim(),
+					children: o(i ? "save" : "add")
+				})]
+			})
+		]
+	});
+}
+export { z as FieldSettings, I as IssueFields, R as NewIssueFields, L as ProjectFields, F as useFieldText };