@parallelworks/tandem-web 0.142.0 → 0.143.0

package/components/DocProperties.js

@@ -116,6 +116,12 @@ function O({ workspace: e, property: n, value: r, editable: i, onChange: a }) {
 			},
 			className: "text-primary hover:underline",
 			children: t
+		}) : n.kind === "url" && t ? /* @__PURE__ */ S("a", {
+			href: t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "truncate text-primary hover:underline",
+			children: t
 		}) : /* @__PURE__ */ S("span", {
 			className: t ? "" : "text-muted-foreground",
 			children: t || u
@@ -189,12 +195,12 @@ function k({ property: e, value: t, onChange: n }) {
 		a !== i && (a.trim() ? n(e.kind === "number" ? Number(a) : a) : n(null));
 	};
 	return /* @__PURE__ */ S(d, {
-		type: e.kind === "number" ? "number" : "text",
+		type: e.kind === "number" ? "number" : e.kind === "url" ? "url" : "text",
 		value: a,
 		onChange: (e) => o(e.target.value),
 		onBlur: s,
 		onKeyDown: (e) => e.key === "Enter" && s(),
-		placeholder: r(e.kind === "issue" ? "issueExample" : "empty"),
+		placeholder: r(e.kind === "issue" ? "issueExample" : e.kind === "url" ? "urlExample" : "empty"),
 		"aria-label": e.name,
 		className: "h-7 border-transparent px-1.5 shadow-none hover:border-border"
 	});

package/components/GitHub.js

@@ -1,9 +1,9 @@
 import { basePath as e } from "../lib/base.js";
 import { api as t, unwrap as n } from "../api/client.js";
 import { githubAccountQuery as r, githubSettingsQuery as i, teamsQuery as a } from "../api/queries.js";
-import { CheckIcon as o, CodeHostIcon as s } from "./icons.js";
-import { cardList as c, useFormError as l } from "./settings.js";
-import { useConfirm as u } from "../lib/confirm.js";
+import { useConfirm as o } from "../lib/confirm.js";
+import { CheckIcon as s, CodeHostIcon as c } from "./icons.js";
+import { cardList as l, useFormError as u } from "./settings.js";
 import { ConnectionCard as d } from "./ConnectionCard.js";
 import { TeamName as f } from "./TeamName.js";
 import { Button as p, ErrorText as m, ProgressBar as h, Select as g, SettingsCard as _, StatusLabel as v, Tooltip as y, buttonClasses as b } from "@parallelworks/ui";
@@ -44,15 +44,15 @@ async function I(e) {
 }
 var L = () => window.location.pathname.slice(e.length) || "/";
 function R() {
-	let { data: e } = M(r), i = T("github"), a = j(), o = l(), c = P(), f = k({
+	let { data: e } = M(r), i = T("github"), a = j(), s = u(), l = P(), f = k({
 		mutationFn: () => I(async () => n(await t.POST("/api/v1/me/github", { body: { returnTo: L() } }))),
-		onMutate: o.clear,
-		onError: o.set
+		onMutate: s.clear,
+		onError: s.set
 	}), m = k({
 		mutationFn: async () => n(await t.DELETE("/api/v1/me/github")),
-		onMutate: o.clear,
+		onMutate: s.clear,
 		onSettled: () => a.invalidateQueries({ queryKey: r.queryKey })
-	}), { confirm: h, dialog: g } = u();
+	}), { confirm: h, dialog: g } = o();
 	if (!e.enabled) return null;
 	let _ = e.keepsTokens ? i("accountDescriptionBothWays") : i("accountDescription"), y = e.login ? /* @__PURE__ */ D(z, {
 		login: e.login,
@@ -62,7 +62,7 @@ function R() {
 		children: i("notLinkedLabel")
 	});
 	if (e.linkedByHost) return /* @__PURE__ */ D(d, {
-		icon: /* @__PURE__ */ D(s, { className: "size-7" }),
+		icon: /* @__PURE__ */ D(c, { className: "size-7" }),
 		name: i("accountTitle"),
 		status: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("span", {
 			className: "block",
@@ -79,10 +79,10 @@ function R() {
 	});
 	let S = !!e.login && e.keepsTokens && !e.actsAsYou;
 	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(d, {
-		icon: /* @__PURE__ */ D(s, { className: "size-7" }),
+		icon: /* @__PURE__ */ D(c, { className: "size-7" }),
 		name: i("accountTitle"),
 		status: y,
-		error: o.error,
+		error: s.error,
 		action: e.login ? /* @__PURE__ */ D(p, {
 			variant: "outline",
 			type: "button",
@@ -101,7 +101,7 @@ function R() {
 			onClick: () => f.mutate(),
 			children: i("link")
 		})] }),
-		children: (c || S) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(F, { outcome: c }), S && /* @__PURE__ */ O("div", {
+		children: (l || S) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(F, { outcome: l }), S && /* @__PURE__ */ O("div", {
 			className: "flex items-center gap-3 rounded-lg border border-border px-4 py-3 text-sm",
 			children: [/* @__PURE__ */ D("p", {
 				className: "min-w-0 flex-1",
@@ -134,7 +134,7 @@ function B({ workspace: e }) {
 		title: r("settingsTitle"),
 		description: r("settingsDescription"),
 		children: /* @__PURE__ */ O("ul", {
-			className: c,
+			className: l,
 			children: [t.repositories.map((t) => {
 				let i = n.find((e) => e.key === t.team)?.name ?? t.team;
 				return /* @__PURE__ */ D("li", {
@@ -167,8 +167,8 @@ function B({ workspace: e }) {
 	}) : null;
 }
 var V = "", H = 2e3;
-function U({ workspace: e, repository: r, teamName: s, children: c }) {
-	let d = T("github"), h = j(), _ = l(), { confirm: v, dialog: y } = u(), { data: b } = A(i(e)), { data: C = [] } = A(a(e)), w = (e) => C.find((t) => t.key === e) ?? {
+function U({ workspace: e, repository: r, teamName: c, children: l }) {
+	let d = T("github"), h = j(), _ = u(), { confirm: v, dialog: y } = o(), { data: b } = A(i(e)), { data: C = [] } = A(a(e)), w = (e) => C.find((t) => t.key === e) ?? {
 		icon: "",
 		name: e
 	}, M = (e) => w(e).name, N = (e) => () => /* @__PURE__ */ D(f, { team: w(e) }), P = (b?.repositories ?? []).filter((e) => e.id === r.id && e.team !== r.team), F = P.find((e) => e.syncMode), [I, L] = S(!1);
@@ -224,12 +224,12 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 				repository: r.fullName
 			}),
 			description: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("p", { children: d.rich("takeOverIntro", {
-				teamName: s,
+				teamName: c,
 				team: N(r.team)
 			}) }), /* @__PURE__ */ O("ul", {
 				className: "mt-2 list-disc space-y-1 pl-5",
 				children: [/* @__PURE__ */ D("li", { children: d.rich("takeOverNew", {
-					teamName: s,
+					teamName: c,
 					team: N(r.team)
 				}) }), F.imported > 0 && /* @__PURE__ */ D("li", { children: d.rich("takeOverKeeps", {
 					fromName: t,
@@ -237,7 +237,7 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 					count: F.imported
 				}) })]
 			})] }),
-			confirmLabel: d("takeOver", { team: s }),
+			confirmLabel: d("takeOver", { team: c }),
 			destructive: !1,
 			onConfirm: () => B.mutateAsync({
 				syncMode: e,
@@ -255,12 +255,12 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 		/* @__PURE__ */ O("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				c,
+				l,
 				I && /* @__PURE__ */ O("span", {
 					role: "status",
 					className: "flex items-center gap-1 text-xs text-muted-foreground",
 					children: [
-						/* @__PURE__ */ D(o, { className: "size-3.5" }),
+						/* @__PURE__ */ D(s, { className: "size-3.5" }),
 						" ",
 						d("saved")
 					]
@@ -268,7 +268,7 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 				/* @__PURE__ */ D(g, {
 					"aria-label": d("modeFor", {
 						repository: r.fullName,
-						team: s
+						team: c
 					}),
 					value: K,
 					disabled: B.isPending,
@@ -411,7 +411,7 @@ function q({ links: e }) {
 			target: "_blank",
 			rel: "noreferrer",
 			className: "inline-flex h-6 min-w-0 items-center gap-1.5 rounded-md border border-border px-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground",
-			children: [/* @__PURE__ */ D(s, { className: "size-3.5" }), /* @__PURE__ */ D("span", {
+			children: [/* @__PURE__ */ D(c, { className: "size-3.5" }), /* @__PURE__ */ D("span", {
 				className: "truncate",
 				children: J(e.url)
 			})]

package/components/IssueBoard.js

@@ -1,53 +1,54 @@
 import { Link as e } from "../lib/router.js";
 import { PriorityIcon as t, ProjectIcon as n } from "./icons.js";
-import { usePeople as r } from "../lib/people.js";
-import { Avatar as i } from "@parallelworks/ui";
-import { useState as a } from "react";
-import { useTranslations as o } from "use-intl";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { TypeIcon as r } from "./IssueTypes.js";
+import { usePeople as i } from "../lib/people.js";
+import { Avatar as a } from "@parallelworks/ui";
+import { useState as o } from "react";
+import { useTranslations as s } from "use-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 // src/components/IssueBoard.tsx
-function l({ workspace: e, columns: t, onMove: n, onContextMenu: r }) {
-	let i = o("issues"), [l, d] = a(null), [f, p] = a(null);
-	return /* @__PURE__ */ s("ul", {
+function u({ workspace: e, columns: t, onMove: n, onContextMenu: r }) {
+	let i = s("issues"), [a, u] = o(null), [f, p] = o(null);
+	return /* @__PURE__ */ c("ul", {
 		className: "flex h-full min-h-0 snap-x gap-3 overflow-x-auto p-3 md:p-4",
 		"aria-label": i("board"),
 		children: t.map((t) => {
-			let i = !!l && !!n && !t.issues.some((e) => e.id === l.issue.id);
-			return /* @__PURE__ */ c("li", {
+			let i = !!a && !!n && !t.issues.some((e) => e.id === a.issue.id);
+			return /* @__PURE__ */ l("li", {
 				"aria-label": t.label,
 				onDragOver: (e) => {
 					i && (e.preventDefault(), e.dataTransfer.dropEffect = "move", p(t.key));
 				},
 				onDragLeave: () => p((e) => e === t.key ? null : e),
 				onDrop: (e) => {
-					e.preventDefault(), i && l && n?.(l.issue, l.from, t.key), d(null), p(null);
+					e.preventDefault(), i && a && n?.(a.issue, a.from, t.key), u(null), p(null);
 				},
 				className: `flex max-h-full min-w-60 flex-1 basis-0 snap-start flex-col rounded-lg border bg-muted/30 ${f === t.key ? "border-primary" : "border-border"}`,
-				children: [/* @__PURE__ */ c("h2", {
+				children: [/* @__PURE__ */ l("h2", {
 					className: "flex h-9 shrink-0 items-center gap-2 px-3 text-xs font-medium",
 					children: [
 						t.icon,
-						/* @__PURE__ */ s("span", {
+						/* @__PURE__ */ c("span", {
 							className: "truncate",
 							children: t.label
 						}),
-						/* @__PURE__ */ s("span", {
+						/* @__PURE__ */ c("span", {
 							className: "text-muted-foreground tabular-nums",
 							children: t.issues.length
 						})
 					]
-				}), /* @__PURE__ */ s("ul", {
+				}), /* @__PURE__ */ c("ul", {
 					className: "min-h-12 flex-1 space-y-2 overflow-y-auto px-2 pb-2",
-					children: t.issues.map((i) => /* @__PURE__ */ s(u, {
+					children: t.issues.map((i) => /* @__PURE__ */ c(d, {
 						workspace: e,
 						issue: i,
 						draggable: !!n,
-						onDragStart: () => d({
+						onDragStart: () => u({
 							issue: i,
 							from: t.key
 						}),
 						onDragEnd: () => {
-							d(null), p(null);
+							u(null), p(null);
 						},
 						onContextMenu: (e) => r(e, i)
 					}, i.id))
@@ -56,54 +57,58 @@ function l({ workspace: e, columns: t, onMove: n, onContextMenu: r }) {
 		})
 	});
 }
-function u({ workspace: a, issue: o, draggable: l, onDragStart: u, onDragEnd: d, onContextMenu: f }) {
-	let { nameOf: p, avatarOf: m } = r(a), h = o.assignees[0];
-	return /* @__PURE__ */ s("li", { children: /* @__PURE__ */ c(e, {
+function d({ workspace: o, issue: s, draggable: u, onDragStart: d, onDragEnd: f, onContextMenu: p }) {
+	let { nameOf: m, avatarOf: h } = i(o), g = s.assignees[0];
+	return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l(e, {
 		to: "/$workspace/issues/$identifier",
 		params: {
-			workspace: a,
-			identifier: o.identifier
+			workspace: o,
+			identifier: s.identifier
 		},
-		draggable: l,
+		draggable: u,
 		onDragStart: (e) => {
-			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", o.identifier), u();
+			e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", s.identifier), d();
 		},
-		onDragEnd: d,
-		onContextMenu: f,
+		onDragEnd: f,
+		onContextMenu: p,
 		className: "block space-y-2 rounded-md border border-border bg-background p-2.5 text-sm shadow-xs hover:border-foreground/30",
 		children: [
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ l("span", {
 				className: "flex items-center gap-2 text-xs text-muted-foreground",
 				children: [
-					/* @__PURE__ */ s(t, { priority: o.priority }),
-					/* @__PURE__ */ s("span", { children: o.identifier }),
-					h && /* @__PURE__ */ s(i, {
-						name: p(h.kind, h.handle),
-						src: m(h.kind, h.handle),
+					/* @__PURE__ */ c(t, { priority: s.priority }),
+					s.type && /* @__PURE__ */ c(r, {
+						type: s.type,
+						className: "size-3.5"
+					}),
+					/* @__PURE__ */ c("span", { children: s.identifier }),
+					g && /* @__PURE__ */ c(a, {
+						name: m(g.kind, g.handle),
+						src: h(g.kind, g.handle),
 						size: "xs",
 						className: "ml-auto"
 					})
 				]
 			}),
-			/* @__PURE__ */ s("span", {
+			/* @__PURE__ */ c("span", {
 				className: "line-clamp-3 block",
-				children: o.title
+				children: s.title
 			}),
-			(o.project || o.labels.length > 0) && /* @__PURE__ */ c("span", {
+			(s.project || s.labels.length > 0) && /* @__PURE__ */ l("span", {
 				className: "flex flex-wrap items-center gap-1.5 text-[11px] text-muted-foreground",
-				children: [o.project && /* @__PURE__ */ c("span", {
+				children: [s.project && /* @__PURE__ */ l("span", {
 					className: "inline-flex max-w-full items-center gap-1 truncate",
-					children: [/* @__PURE__ */ s(n, { className: "size-3 shrink-0" }), /* @__PURE__ */ s("span", {
+					children: [/* @__PURE__ */ c(n, { className: "size-3 shrink-0" }), /* @__PURE__ */ c("span", {
 						className: "truncate",
-						children: o.project.name
+						children: s.project.name
 					})]
-				}), o.labels.map((e) => /* @__PURE__ */ c("span", {
+				}), s.labels.map((e) => /* @__PURE__ */ l("span", {
 					title: e.name,
 					className: "inline-flex max-w-full min-w-0 items-center gap-1 rounded-full border border-border px-1.5",
-					children: [/* @__PURE__ */ s("span", {
+					children: [/* @__PURE__ */ c("span", {
 						className: "size-1.5 shrink-0 rounded-full",
 						style: { background: e.color }
-					}), /* @__PURE__ */ s("span", {
+					}), /* @__PURE__ */ c("span", {
 						className: "truncate",
 						children: e.name
 					})]
@@ -112,4 +117,4 @@ function u({ workspace: a, issue: o, draggable: l, onDragStart: u, onDragEnd: d,
 		]
 	}) });
 }
-export { l as IssueBoard };
+export { u as IssueBoard };

package/components/IssueEvent.js

@@ -97,6 +97,8 @@ function f({ workspace: f, event: p }) {
 				case "issue.cycle_changed": return C.number ? T("cycleSet", { number: String(C.number) }) : T("cycleCleared");
 				case "issue.estimate_changed": return Number(C.to) ? T("estimateSet", { points: _.number(Number(C.to)) }) : T("estimateCleared");
 				case "issue.due_date_changed": return C.to ? T("dueDateSet", { date: b.day(String(C.to)) }) : T("dueDateCleared");
+				case "issue.type_changed": return C.to ? T("typeChanged", { type: String(C.to) }) : T("typeCleared");
+				case "issue.fields_changed": return T("fieldsChanged", { fields: _.list(C.fields ?? []) });
 				case "issue.label_added": return T("labelAdded", { label: String(C.name) });
 				case "issue.label_removed": return T("labelRemoved", { label: String(C.name) });
 				case "run.created": return T("runCreated");